@likec4/diagram 1.24.0 → 1.25.0

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

@@ -8,7 +8,6 @@ import { Types } from '../likec4diagram/types';
 import { AlignmentMode } from './aligners';
 import { HotKeyEvent } from './hotkeyActor';
 import { Events as SyncLayoutEvents, Input } from './syncManualLayoutActor';
-import { focusedBounds } from './utils';
 import { OverlaysContext, OverlayActorEvent, OverlayActorEmitedEvent } from '../overlays/overlaysActor';
 import { ElementDetailsLogic } from '../overlays/element-details/actor';
 type XYStoreApi = ReturnType<typeof useStoreApi<Types.Node, Types.Edge>>;
@@ -687,10 +686,18 @@ export declare const diagramMachine: StateMachine<Context, Events, {
         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: {
@@ -745,8 +752,8 @@ export declare const diagramMachine: StateMachine<Context, Events, {
         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": {
@@ -757,9 +764,11 @@ export declare const diagramMachine: StateMachine<Context, Events, {
         type: "click: focused node";
         params: unknown;
     };
-}>, never, "initializing" | "idle" | "walkthrough" | "focused" | {
-    navigating: "done" | "pending";
-}, string, Input, NonReducibleUnknown, EventObject, MetaObject, {
+    "click: node has connections": {
+        type: "click: node has connections";
+        params: unknown;
+    };
+}>, never, "initializing" | "idle" | "walkthrough" | "focused" | "navigating", string, Input, NonReducibleUnknown, EventObject, MetaObject, {
     readonly initial: "initializing";
     readonly context: ({ input, self, spawn }: {
         spawn: {
@@ -1564,9 +1573,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
             enableLikeC4Model: boolean;
             enableVscode: boolean;
         };
-        toggledFeatures: {
-            enableReadOnly: true;
-        };
+        toggledFeatures: Partial<EnabledFeatures>;
         initialized: false;
         viewportChangedManually: false;
         lastOnNavigate: null;
@@ -1981,10 +1988,18 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             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: {
@@ -2039,8 +2054,8 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             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": {
@@ -2051,6 +2066,10 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             type: "click: focused node";
                             params: unknown;
                         };
+                        "click: node has connections": {
+                            type: "click: node has connections";
+                            params: unknown;
+                        };
                     }>, never, EventObject>;
                     readonly target: "idle";
                 };
@@ -2320,9 +2339,11 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     }>, never, never, never, never>];
                     readonly target: "focused";
                 }, {
-                    readonly actions: ActionFunction<Context, {
-                        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<Context, {
+                        type: "xyflow.paneClick";
                     }, Events, undefined, Values<{
                         syncManualLayoutActorLogic: {
                             src: "syncManualLayoutActorLogic";
@@ -2576,11 +2597,36 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }>;
                             id: "overlays";
                         };
-                    }>, never, never, never, never>;
-                }];
-                readonly 'xyflow.paneClick': {
-                    readonly actions: readonly [ ActionFunction<Context, {
-                        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: Context;
+                            event: {
+                                type: "xyflow.paneDblClick";
+                            };
+                        }) => {
+                            view: ViewId<string>;
+                        };
+                    }];
+                };
+                readonly 'saveManualLayout.*': {
+                    readonly guard: "not readonly";
+                    readonly actions: ActionFunction<Context, {
+                        type: "saveManualLayout.schedule";
+                    } | {
+                        type: "saveManualLayout.cancel";
+                    }, Events, undefined, never, never, never, never, never>;
+                };
+                readonly 'focus.node': {
+                    readonly guard: "enabled: FocusMode";
+                    readonly actions: ActionFunction<Context, {
+                        type: "focus.node";
+                        nodeId: NodeId;
                     }, Events, undefined, Values<{
                         syncManualLayoutActorLogic: {
                             src: "syncManualLayoutActorLogic";
@@ -2834,390 +2880,107 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }>;
                             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<Context, Events, Events, undefined, Values<{
+                syncManualLayoutActorLogic: {
+                    src: "syncManualLayoutActorLogic";
+                    logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
+                        type: "trigger:OnChange";
+                        params: {
+                            change: ViewChange;
+                        };
                     }, {
-                        readonly type: "trigger:OpenSource";
-                        readonly params: ({ context }: {
-                            context: Context;
-                            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>, SyncLayoutEvents, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, SyncLayoutEvents, AnyEventObject>;
                         }) => {
-                            view: ViewId<string>;
+                            parent: ActorRef< MachineSnapshot<Context, Events, any, any, any, any, any, any>, Events, any>;
+                            viewId: ViewId;
                         };
-                    }];
-                };
-                readonly 'saveManualLayout.*': {
-                    readonly guard: "not readonly";
-                    readonly actions: ActionFunction<Context, {
-                        type: "saveManualLayout.schedule";
-                    } | {
-                        type: "saveManualLayout.cancel";
-                    }, Events, undefined, never, never, never, never, never>;
-                };
-                readonly 'focus.node': {
-                    readonly guard: "enabled: FocusMode";
-                    readonly actions: ActionFunction<Context, {
-                        type: "focus.node";
-                        nodeId: NodeId;
-                    }, Events, undefined, Values<{
-                        syncManualLayoutActorLogic: {
-                            src: "syncManualLayoutActorLogic";
-                            logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
-                                type: "trigger:OnChange";
-                                params: {
-                                    change: ViewChange;
-                                };
-                            }, {
-                                type: "same view";
-                                params: unknown;
-                            }, "timeout", "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>, SyncLayoutEvents, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, SyncLayoutEvents, AnyEventObject>;
-                                }) => {
-                                    parent: ActorRef< MachineSnapshot<Context, Events, any, any, any, any, any, any>, Events, any>;
-                                    viewId: ViewId;
                                 };
-                                readonly states: {
-                                    readonly idle: {
-                                        readonly tags: "ready";
-                                        readonly on: {
-                                            readonly sync: {
-                                                readonly target: "pending";
-                                            };
-                                        };
+                            };
+                            readonly paused: {
+                                readonly tags: "pending";
+                                readonly on: {
+                                    readonly sync: {
+                                        readonly target: "pending";
                                     };
-                                    readonly 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: SyncLayoutEvents;
-                                                    }) => {
-                                                        change: 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: SyncLayoutEvents;
+                                            }) => {
+                                                change: ViewChange.SaveManualLayout;
                                             };
                                         };
-                                    };
-                                    readonly stopped: {
-                                        readonly entry: ActionFunction<Readonly< Input>, SyncLayoutEvents, SyncLayoutEvents, 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>, SyncLayoutEvents, SyncLayoutEvents, 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<Context, Events, Events, undefined, Values<{
-                syncManualLayoutActorLogic: {
-                    src: "syncManualLayoutActorLogic";
-                    logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
-                        type: "trigger:OnChange";
-                        params: {
-                            change: ViewChange;
-                        };
-                    }, {
-                        type: "same view";
-                        params: unknown;
-                    }, "timeout", "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>, SyncLayoutEvents, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, SyncLayoutEvents, AnyEventObject>;
-                        }) => {
-                            parent: ActorRef< MachineSnapshot<Context, Events, any, any, any, any, any, any>, Events, any>;
-                            viewId: ViewId;
-                        };
-                        readonly states: {
-                            readonly idle: {
-                                readonly tags: "ready";
-                                readonly on: {
-                                    readonly sync: {
-                                        readonly target: "pending";
-                                    };
-                                };
-                            };
-                            readonly paused: {
-                                readonly tags: "pending";
-                                readonly on: {
-                                    readonly sync: {
-                                        readonly target: "pending";
-                                    };
-                                };
-                            };
-                            readonly pending: {
-                                readonly tags: "pending";
-                                readonly on: {
-                                    readonly sync: {
-                                        readonly target: "pending";
-                                        readonly reenter: true;
-                                    };
-                                    readonly cancel: {
-                                        readonly target: "paused";
-                                    };
-                                };
-                                readonly after: {
-                                    readonly timeout: readonly [{
-                                        readonly guard: "same view";
-                                        readonly actions: {
-                                            readonly type: "trigger:OnChange";
-                                            readonly params: ({ context }: {
-                                                context: Readonly< Input>;
-                                                event: SyncLayoutEvents;
-                                            }) => {
-                                                change: ViewChange.SaveManualLayout;
-                                            };
-                                        };
-                                        readonly target: "synced";
-                                    }, {
-                                        readonly target: "stopped";
-                                    }];
-                                };
-                            };
-                            readonly synced: {
-                                readonly tags: "ready";
-                                readonly on: {
-                                    readonly sync: {
-                                        readonly target: "pending";
-                                    };
-                                };
-                            };
-                            readonly stopped: {
-                                readonly entry: ActionFunction<Readonly< Input>, SyncLayoutEvents, SyncLayoutEvents, undefined, never, never, never, never, never>;
-                                readonly type: "final";
-                            };
-                        };
-                        readonly on: {
-                            readonly synced: {
-                                readonly target: ".synced";
-                            };
-                            readonly stop: {
-                                readonly target: ".stopped";
-                            };
+                        readonly on: {
+                            readonly synced: {
+                                readonly target: ".synced";
+                            };
+                            readonly stop: {
+                                readonly target: ".stopped";
+                            };
                         };
                     }>;
                     id: "syncLayout";
@@ -3376,7 +3139,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     }>;
                     id: "overlays";
                 };
-            }>, never, never, never, never>, "open source of focused node", ActionFunction<Context, Events, Events, undefined, Values<{
+            }>, never, never, never, never>, "open source of focused or last clicked node", ActionFunction<Context, Events, Events, undefined, Values<{
                 syncManualLayoutActorLogic: {
                     src: "syncManualLayoutActorLogic";
                     logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
@@ -3629,10 +3392,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     }>;
                     id: "overlays";
                 };
-            }>, never, never, never, never>, {
-                readonly type: "xyflow:fitDiagram";
-                readonly params: typeof focusedBounds;
-            }];
+            }>, never, never, never, never>, "xyflow:fitFocusedBounds"];
             readonly exit: ActionFunction<Context, Events, Events, undefined, Values<{
                 syncManualLayoutActorLogic: {
                     src: "syncManualLayoutActorLogic";
@@ -3920,10 +3680,18 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     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: {
@@ -3978,8 +3746,8 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     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": {
@@ -3990,6 +3758,10 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     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 [{
@@ -4252,7 +4024,16 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }>;
                             id: "overlays";
                         };
-                    }>, never, never, never, never>, ActionFunction<Context, Events, Events, undefined, Values<{
+                    }>, never, never, never, never>, ActionFunction<Context, {
+                        type: "xyflow.nodeClick";
+                        node: Types.Node;
+                    }, Events, undefined, never, never, never, never, never>];
+                }];
+                readonly 'focus.node': {
+                    readonly actions: readonly [ ActionFunction<Context, {
+                        type: "focus.node";
+                        nodeId: NodeId;
+                    }, Events, undefined, Values<{
                         syncManualLayoutActorLogic: {
                             src: "syncManualLayoutActorLogic";
                             logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
@@ -4505,16 +4286,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }>;
                             id: "overlays";
                         };
-                    }>, never, never, never, never>, "open source of focused node", {
-                        readonly type: "xyflow:fitDiagram";
-                        readonly params: typeof focusedBounds;
-                    }];
-                }];
-                readonly 'focus.node': {
-                    readonly actions: readonly [ ActionFunction<Context, {
-                        type: "focus.node";
-                        nodeId: NodeId;
-                    }, Events, undefined, Values<{
+                    }>, never, never, never, never>, ActionFunction<Context, Events, Events, undefined, Values<{
                         syncManualLayoutActorLogic: {
                             src: "syncManualLayoutActorLogic";
                             logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
@@ -4767,7 +4539,15 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }>;
                             id: "overlays";
                         };
-                    }>, never, never, never, never>, ActionFunction<Context, Events, Events, undefined, Values<{
+                    }>, never, never, never, never>, "open source of focused or last clicked node", "xyflow:fitFocusedBounds"];
+                };
+                readonly 'key.esc': {
+                    readonly target: "idle";
+                };
+                readonly 'xyflow.paneClick': {
+                    readonly actions: ActionFunction<Context, {
+                        type: "xyflow.paneClick";
+                    }, Events, undefined, Values<{
                         syncManualLayoutActorLogic: {
                             src: "syncManualLayoutActorLogic";
                             logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
@@ -5020,289 +4800,291 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             }>;
                             id: "overlays";
                         };
-                    }>, never, never, never, never>, "open source of focused node", {
-                        readonly type: "xyflow:fitDiagram";
-                        readonly params: typeof focusedBounds;
-                    }];
-                };
-                readonly 'key.esc': {
+                    }>, never, never, never, never>;
                     readonly target: "idle";
                 };
-                readonly 'xyflow.paneClick': {
+                readonly 'saveManualLayout.*': {
+                    readonly guard: "not readonly";
                     readonly actions: ActionFunction<Context, {
-                        type: "xyflow.paneClick";
-                    }, Events, undefined, Values<{
-                        syncManualLayoutActorLogic: {
-                            src: "syncManualLayoutActorLogic";
-                            logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, 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>;
+                        type: "saveManualLayout.schedule";
+                    } | {
+                        type: "saveManualLayout.cancel";
+                    }, Events, undefined, never, never, never, never, never>;
+                };
+            };
+        };
+        readonly navigating: {
+            readonly entry: readonly ["closeAllOverlays", "stopSyncLayout", {
+                readonly type: "trigger:NavigateTo";
+                readonly params: ({ context }: {
+                    context: Context;
+                    event: Events;
+                }) => {
+                    viewId: ViewId;
+                };
+            }];
+            readonly exit: ActionFunction<Context, Events, Events, undefined, Values<{
+                syncManualLayoutActorLogic: {
+                    src: "syncManualLayoutActorLogic";
+                    logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
+                        type: "trigger:OnChange";
+                        params: {
+                            change: ViewChange;
+                        };
+                    }, {
+                        type: "same view";
+                        params: unknown;
+                    }, "timeout", "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>, SyncLayoutEvents, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, SyncLayoutEvents, AnyEventObject>;
+                        }) => {
+                            parent: ActorRef< MachineSnapshot<Context, Events, any, any, any, any, any, any>, Events, any>;
+                            viewId: ViewId;
+                        };
+                        readonly states: {
+                            readonly idle: {
+                                readonly tags: "ready";
+                                readonly on: {
+                                    readonly sync: {
+                                        readonly target: "pending";
                                     };
-                                    input: Input;
-                                    self: ActorRef< MachineSnapshot<Readonly< Input>, SyncLayoutEvents, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, SyncLayoutEvents, AnyEventObject>;
-                                }) => {
-                                    parent: ActorRef< MachineSnapshot<Context, Events, any, any, any, any, any, any>, Events, any>;
-                                    viewId: ViewId;
                                 };
-                                readonly states: {
-                                    readonly idle: {
-                                        readonly tags: "ready";
-                                        readonly on: {
-                                            readonly sync: {
-                                                readonly target: "pending";
-                                            };
-                                        };
+                            };
+                            readonly paused: {
+                                readonly tags: "pending";
+                                readonly on: {
+                                    readonly sync: {
+                                        readonly target: "pending";
                                     };
-                                    readonly 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: SyncLayoutEvents;
-                                                    }) => {
-                                                        change: 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: SyncLayoutEvents;
+                                            }) => {
+                                                change: ViewChange.SaveManualLayout;
                                             };
                                         };
-                                    };
-                                    readonly stopped: {
-                                        readonly entry: ActionFunction<Readonly< Input>, SyncLayoutEvents, SyncLayoutEvents, 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>, SyncLayoutEvents, SyncLayoutEvents, undefined, never, never, never, never, never>;
+                                readonly type: "final";
+                            };
                         };
-                        hotkeyActorLogic: {
-                            src: "hotkeyActorLogic";
-                            logic: CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent>;
-                            id: "hotkey";
+                        readonly on: {
+                            readonly synced: {
+                                readonly target: ".synced";
+                            };
+                            readonly stop: {
+                                readonly target: ".stopped";
+                            };
                         };
-                        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";
+                    }>;
+                    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 '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 close: readonly [{
+                                        readonly guard: "close specific overlay?";
+                                        readonly actions: {
+                                            readonly type: "closeSpecificOverlay";
+                                            readonly params: ({ event }: {
+                                                context: OverlaysContext;
+                                                event: {
+                                                    type: "close";
+                                                    actorId?: string | undefined;
                                                 };
-                                                readonly target: "closing";
-                                            }, {
-                                                readonly actions: "closeLastOverlay";
-                                                readonly target: "closing";
-                                            }];
-                                            readonly 'close.all': {
-                                                readonly actions: readonly ["closeAllOverlays", "stopListeningToEsc"];
-                                                readonly target: "idle";
+                                            }) => {
+                                                actorId: string;
                                             };
                                         };
-                                    };
-                                    readonly closing: {
-                                        readonly always: readonly [{
-                                            readonly guard: "has overlays?";
-                                            readonly target: "active";
-                                        }, {
-                                            readonly actions: "stopListeningToEsc";
-                                            readonly target: "idle";
-                                        }];
+                                        readonly target: "closing";
+                                    }, {
+                                        readonly actions: "closeLastOverlay";
+                                        readonly target: "closing";
+                                    }];
+                                    readonly 'close.all': {
+                                        readonly actions: readonly ["closeAllOverlays", "stopListeningToEsc"];
+                                        readonly target: "idle";
                                     };
                                 };
-                                readonly exit: readonly ["stopListeningToEsc", "closeAllOverlays"];
-                            }>;
-                            id: "overlays";
+                            };
+                            readonly closing: {
+                                readonly always: readonly [{
+                                    readonly guard: "has overlays?";
+                                    readonly target: "active";
+                                }, {
+                                    readonly actions: "stopListeningToEsc";
+                                    readonly target: "idle";
+                                }];
+                            };
                         };
-                    }>, never, never, never, never>;
-                    readonly target: "idle";
+                        readonly exit: readonly ["stopListeningToEsc", "closeAllOverlays"];
+                    }>;
+                    id: "overlays";
                 };
-                readonly 'saveManualLayout.*': {
-                    readonly guard: "not readonly";
+            }>, never, never, never, never>;
+            readonly on: {
+                readonly 'update.view': {
                     readonly actions: ActionFunction<Context, {
-                        type: "saveManualLayout.schedule";
-                    } | {
-                        type: "saveManualLayout.cancel";
-                    }, Events, undefined, never, never, never, never, never>;
-                };
-            };
-        };
-        readonly navigating: {
-            readonly initial: "pending";
-            readonly type: "compound";
-            readonly states: {
-                readonly pending: {
-                    readonly entry: ActionFunction<Context, Events, Events, undefined, Values<{
+                        type: "update.view";
+                        view: DiagramView;
+                        xynodes: Types.Node[];
+                        xyedges: Types.Edge[];
+                    }, Events, undefined, Values<{
                         syncManualLayoutActorLogic: {
                             src: "syncManualLayoutActorLogic";
                             logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
@@ -5589,10 +5371,18 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             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: {
@@ -5647,396 +5437,29 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                             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<Context, {
-                                type: "update.view";
-                                view: DiagramView;
-                                xynodes: Types.Node[];
-                                xyedges: Types.Edge[];
-                            }, Events, undefined, Values<{
-                                syncManualLayoutActorLogic: {
-                                    src: "syncManualLayoutActorLogic";
-                                    logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, 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>, SyncLayoutEvents, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, SyncLayoutEvents, AnyEventObject>;
-                                        }) => {
-                                            parent: ActorRef< MachineSnapshot<Context, Events, any, any, any, any, any, any>, Events, any>;
-                                            viewId: ViewId;
-                                        };
-                                        readonly states: {
-                                            readonly idle: {
-                                                readonly tags: "ready";
-                                                readonly on: {
-                                                    readonly sync: {
-                                                        readonly target: "pending";
-                                                    };
-                                                };
-                                            };
-                                            readonly paused: {
-                                                readonly tags: "pending";
-                                                readonly on: {
-                                                    readonly sync: {
-                                                        readonly target: "pending";
-                                                    };
-                                                };
-                                            };
-                                            readonly pending: {
-                                                readonly tags: "pending";
-                                                readonly on: {
-                                                    readonly sync: {
-                                                        readonly target: "pending";
-                                                        readonly reenter: true;
-                                                    };
-                                                    readonly cancel: {
-                                                        readonly target: "paused";
-                                                    };
-                                                };
-                                                readonly after: {
-                                                    readonly timeout: readonly [{
-                                                        readonly guard: "same view";
-                                                        readonly actions: {
-                                                            readonly type: "trigger:OnChange";
-                                                            readonly params: ({ context }: {
-                                                                context: Readonly< Input>;
-                                                                event: SyncLayoutEvents;
-                                                            }) => {
-                                                                change: ViewChange.SaveManualLayout;
-                                                            };
-                                                        };
-                                                        readonly target: "synced";
-                                                    }, {
-                                                        readonly target: "stopped";
-                                                    }];
-                                                };
-                                            };
-                                            readonly synced: {
-                                                readonly tags: "ready";
-                                                readonly on: {
-                                                    readonly sync: {
-                                                        readonly target: "pending";
-                                                    };
-                                                };
-                                            };
-                                            readonly stopped: {
-                                                readonly entry: ActionFunction<Readonly< Input>, SyncLayoutEvents, SyncLayoutEvents, undefined, never, never, never, never, never>;
-                                                readonly type: "final";
-                                            };
-                                        };
-                                        readonly on: {
-                                            readonly synced: {
-                                                readonly target: ".synced";
-                                            };
-                                            readonly stop: {
-                                                readonly target: ".stopped";
-                                            };
-                                        };
-                                    }>;
-                                    id: "syncLayout";
-                                };
-                                hotkeyActorLogic: {
-                                    src: "hotkeyActorLogic";
-                                    logic: CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent>;
-                                    id: "hotkey";
-                                };
-                                overlaysActorLogic: {
-                                    src: "overlaysActorLogic";
-                                    logic: StateMachine<OverlaysContext, OverlayActorEvent, {
-                                        [x: `elementDetails-${number}`]: ActorRefFromLogic<ElementDetailsLogic> | undefined;
-                                        [x: `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<Context, Events, Events, undefined, Values<{
+        };
+        readonly walkthrough: {
+            readonly entry: readonly [ ActionFunction<Context, Events, Events, undefined, Values<{
                 syncManualLayoutActorLogic: {
                     src: "syncManualLayoutActorLogic";
                     logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
@@ -6289,10 +5712,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     }>;
                     id: "overlays";
                 };
-            }>, never, never, never, never>;
-        };
-        readonly walkthrough: {
-            readonly entry: readonly [ ActionFunction<Context, Events, Events, undefined, Values<{
+            }>, never, never, never, never>, ActionFunction<Context, Events, Events, undefined, Values<{
                 syncManualLayoutActorLogic: {
                     src: "syncManualLayoutActorLogic";
                     logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
@@ -6798,10 +6218,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     }>;
                     id: "overlays";
                 };
-            }>, never, never, never, never>, {
-                readonly type: "xyflow:fitDiagram";
-                readonly params: typeof focusedBounds;
-            }];
+            }>, never, never, never, never>, "xyflow:fitFocusedBounds"];
             readonly on: {
                 readonly 'key.esc': {
                     readonly target: "idle";
@@ -7018,543 +6435,193 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                                         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<Context, {
-                        type: "update.view";
-                        view: DiagramView;
-                        xynodes: Types.Node[];
-                        xyedges: Types.Edge[];
-                    }, Events, undefined, never, never, never, never, never>;
-                    readonly target: "idle";
-                };
-            };
-            readonly exit: ActionFunction<Context, Events, Events, undefined, Values<{
-                syncManualLayoutActorLogic: {
-                    src: "syncManualLayoutActorLogic";
-                    logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
-                        type: "trigger:OnChange";
-                        params: {
-                            change: ViewChange;
-                        };
-                    }, {
-                        type: "same view";
-                        params: unknown;
-                    }, "timeout", "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>, SyncLayoutEvents, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, SyncLayoutEvents, AnyEventObject>;
-                        }) => {
-                            parent: ActorRef< MachineSnapshot<Context, Events, any, any, any, any, any, any>, Events, any>;
-                            viewId: ViewId;
-                        };
-                        readonly states: {
-                            readonly idle: {
-                                readonly tags: "ready";
-                                readonly on: {
-                                    readonly sync: {
-                                        readonly target: "pending";
-                                    };
-                                };
-                            };
-                            readonly paused: {
-                                readonly tags: "pending";
-                                readonly on: {
-                                    readonly sync: {
-                                        readonly target: "pending";
-                                    };
-                                };
-                            };
-                            readonly pending: {
-                                readonly tags: "pending";
-                                readonly on: {
-                                    readonly sync: {
-                                        readonly target: "pending";
-                                        readonly reenter: true;
-                                    };
-                                    readonly cancel: {
-                                        readonly target: "paused";
-                                    };
-                                };
-                                readonly after: {
-                                    readonly timeout: readonly [{
-                                        readonly guard: "same view";
-                                        readonly actions: {
-                                            readonly type: "trigger:OnChange";
-                                            readonly params: ({ context }: {
-                                                context: Readonly< Input>;
-                                                event: SyncLayoutEvents;
-                                            }) => {
-                                                change: ViewChange.SaveManualLayout;
+                                    readonly '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>, SyncLayoutEvents, SyncLayoutEvents, undefined, never, never, never, never, never>;
-                                readonly type: "final";
-                            };
-                        };
-                        readonly on: {
-                            readonly synced: {
-                                readonly target: ".synced";
-                            };
-                            readonly stop: {
-                                readonly target: ".stopped";
-                            };
-                        };
-                    }>;
-                    id: "syncLayout";
-                };
-                hotkeyActorLogic: {
-                    src: "hotkeyActorLogic";
-                    logic: CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent>;
-                    id: "hotkey";
-                };
-                overlaysActorLogic: {
-                    src: "overlaysActorLogic";
-                    logic: StateMachine<OverlaysContext, OverlayActorEvent, {
-                        [x: `elementDetails-${number}`]: ActorRefFromLogic<ElementDetailsLogic> | undefined;
-                        [x: `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<Context, {
+                        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<Context, {
-                type: "xyflow.applyNodeChanges";
-                changes: NodeChange<Types.Node>[];
-            }, Events, undefined, Values<{
+            };
+            readonly exit: ActionFunction<Context, Events, Events, undefined, Values<{
                 syncManualLayoutActorLogic: {
                     src: "syncManualLayoutActorLogic";
                     logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
@@ -7807,12 +6874,130 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     }>;
                     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<Context, {
-                type: "xyflow.applyEdgeChanges";
-                changes: EdgeChange<Types.Edge>[];
+                type: "xyflow.applyNodeChanges";
+                changes: NodeChange<Types.Node>[];
             }, Events, undefined, Values<{
                 syncManualLayoutActorLogic: {
                     src: "syncManualLayoutActorLogic";
@@ -8068,11 +7253,10 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                 };
             }>, never, never, never, never>;
         };
-        readonly 'xyflow.viewportMoved': {
+        readonly 'xyflow.applyEdgeChanges': {
             readonly actions: ActionFunction<Context, {
-                type: "xyflow.viewportMoved";
-                viewport: Viewport;
-                manually: boolean;
+                type: "xyflow.applyEdgeChanges";
+                changes: EdgeChange<Types.Edge>[];
             }, Events, undefined, Values<{
                 syncManualLayoutActorLogic: {
                     src: "syncManualLayoutActorLogic";
@@ -8328,30 +7512,11 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                 };
             }>, never, never, never, never>;
         };
-        readonly fitDiagram: {
-            readonly guard: "enabled: FitView";
-            readonly actions: {
-                readonly type: "xyflow:fitDiagram";
-                readonly params: (data: {
-                    context: Context;
-                    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<Context, {
-                type: "navigate.to";
-                viewId: ViewId;
-                fromNode?: NodeId | undefined;
+        readonly 'xyflow.viewportMoved': {
+            readonly actions: ActionFunction<Context, {
+                type: "xyflow.viewportMoved";
+                viewport: Viewport;
+                manually: boolean;
             }, Events, undefined, Values<{
                 syncManualLayoutActorLogic: {
                     src: "syncManualLayoutActorLogic";
@@ -8605,12 +7770,33 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     }>;
                     id: "overlays";
                 };
-            }>, never, never, never, never>];
-            readonly target: ".navigating";
+            }>, never, never, never, never>;
         };
-        readonly 'navigate.back': {
-            readonly guard: ({ context }: ActionArg) => boolean;
-            readonly actions: ActionFunction<Context, Events, Events, undefined, Values<{
+        readonly fitDiagram: {
+            readonly guard: "enabled: FitView";
+            readonly actions: {
+                readonly type: "xyflow:fitDiagram";
+                readonly params: (data: {
+                    context: Context;
+                    event: {
+                        type: "fitDiagram";
+                        duration?: number;
+                        bounds?: BBox;
+                    };
+                }) => {
+                    type: "fitDiagram";
+                    duration?: number;
+                    bounds?: BBox;
+                };
+            };
+        };
+        readonly 'navigate.to': {
+            readonly guard: "is another view";
+            readonly actions: ActionFunction<Context, {
+                type: "navigate.to";
+                viewId: ViewId;
+                fromNode?: NodeId | undefined;
+            }, Events, undefined, Values<{
                 syncManualLayoutActorLogic: {
                     src: "syncManualLayoutActorLogic";
                     logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
@@ -8866,7 +8052,7 @@ export declare const diagramMachine: StateMachine<Context, Events, {
             }>, never, never, never, never>;
             readonly target: ".navigating";
         };
-        readonly 'navigate.forward': {
+        readonly 'navigate.back': {
             readonly guard: ({ context }: ActionArg) => boolean;
             readonly actions: ActionFunction<Context, Events, Events, undefined, Values<{
                 syncManualLayoutActorLogic: {
@@ -9124,8 +8310,9 @@ export declare const diagramMachine: StateMachine<Context, Events, {
             }>, never, never, never, never>;
             readonly target: ".navigating";
         };
-        readonly 'update.view': {
-            readonly actions: readonly [ ActionFunction<Context, Events, Events, undefined, Values<{
+        readonly 'navigate.forward': {
+            readonly guard: ({ context }: ActionArg) => boolean;
+            readonly actions: ActionFunction<Context, Events, Events, undefined, Values<{
                 syncManualLayoutActorLogic: {
                     src: "syncManualLayoutActorLogic";
                     logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
@@ -9378,12 +8565,11 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     }>;
                     id: "overlays";
                 };
-            }>, never, never, never, never>, ActionFunction<Context, {
-                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<Context, Events, Events, undefined, Values<{
                 syncManualLayoutActorLogic: {
                     src: "syncManualLayoutActorLogic";
                     logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
@@ -9636,116 +8822,11 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     }>;
                     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<Context, {
-                type: "update.inputs";
-                inputs: Partial<Omit<Input, "view">>;
+            }>, never, never, never, never>, ActionFunction<Context, {
+                type: "update.view";
+                view: DiagramView;
+                xynodes: Types.Node[];
+                xyedges: Types.Edge[];
             }, Events, undefined, Values<{
                 syncManualLayoutActorLogic: {
                     src: "syncManualLayoutActorLogic";
@@ -9999,13 +9080,129 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     }>;
                     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<Context, Events, Events, undefined, Values<{
+        readonly 'update.inputs': {
+            readonly actions: ActionFunction<Context, {
+                type: "update.inputs";
+                inputs: Partial<Omit<Input, "view">>;
+            }, Events, undefined, Values<{
                 syncManualLayoutActorLogic: {
                     src: "syncManualLayoutActorLogic";
                     logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
@@ -10260,7 +9457,10 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                 };
             }>, never, never, never, never>;
         };
-        readonly 'update.edgeData': {
+        readonly 'update.features': {
+            readonly actions: "updateFeatures";
+        };
+        readonly 'update.nodeData': {
             readonly actions: ActionFunction<Context, Events, Events, undefined, Values<{
                 syncManualLayoutActorLogic: {
                     src: "syncManualLayoutActorLogic";
@@ -10516,27 +9716,8 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                 };
             }>, never, never, never, never>;
         };
-        readonly 'layout.align': {
-            readonly guard: "not readonly";
-            readonly actions: readonly [{
-                readonly type: "layout.align";
-                readonly params: ({ event }: {
-                    context: Context;
-                    event: {
-                        type: "layout.align";
-                        mode: AlignmentMode;
-                    };
-                }) => {
-                    mode: AlignmentMode;
-                };
-            }, ActionFunction<Context, {
-                type: "layout.align";
-                mode: AlignmentMode;
-            }, Events, undefined, never, never, never, never, never>];
-        };
-        readonly 'layout.resetEdgeControlPoints': {
-            readonly guard: "not readonly";
-            readonly actions: readonly [ ActionFunction<Context, Events, Events, undefined, Values<{
+        readonly 'update.edgeData': {
+            readonly actions: ActionFunction<Context, Events, Events, undefined, Values<{
                 syncManualLayoutActorLogic: {
                     src: "syncManualLayoutActorLogic";
                     logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
@@ -10789,26 +9970,29 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     }>;
                     id: "overlays";
                 };
-            }>, never, never, never, never>, ActionFunction<Context, {
-                type: "layout.resetEdgeControlPoints";
-            }, Events, undefined, never, never, never, never, never>];
+            }>, never, never, never, never>;
         };
-        readonly 'xyflow.resized': {
-            readonly guard: ({ context }: {
-                context: Context;
-            }) => boolean;
-            readonly actions: readonly [ CancelAction<Context, {
-                type: "xyflow.resized";
-            }, undefined, Events>, ActionFunction<Context, {
-                type: "xyflow.resized";
+        readonly 'layout.align': {
+            readonly guard: "not readonly";
+            readonly actions: readonly [{
+                readonly type: "layout.align";
+                readonly params: ({ event }: {
+                    context: Context;
+                    event: {
+                        type: "layout.align";
+                        mode: AlignmentMode;
+                    };
+                }) => {
+                    mode: AlignmentMode;
+                };
+            }, ActionFunction<Context, {
+                type: "layout.align";
+                mode: AlignmentMode;
             }, Events, undefined, never, never, never, never, never>];
         };
-        readonly 'open.elementDetails': {
-            readonly actions: ActionFunction<Context, {
-                type: "open.elementDetails";
-                fqn: Fqn;
-                fromNode?: NodeId | undefined;
-            }, Events, undefined, Values<{
+        readonly 'layout.resetEdgeControlPoints': {
+            readonly guard: "not readonly";
+            readonly actions: readonly [ ActionFunction<Context, Events, Events, undefined, Values<{
                 syncManualLayoutActorLogic: {
                     src: "syncManualLayoutActorLogic";
                     logic: StateMachine<Readonly< Input>, SyncLayoutEvents, {}, never, {
@@ -11061,111 +10245,26 @@ export declare const diagramMachine: StateMachine<Context, Events, {
                     }>;
                     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<Context, {
+                type: "layout.resetEdgeControlPoints";
+            }, Events, undefined, never, never, never, never, never>];
+        };
+        readonly 'xyflow.resized': {
+            readonly guard: ({ context }: {
+                context: Context;
+            }) => boolean;
+            readonly actions: readonly [ CancelAction<Context, {
+                type: "xyflow.resized";
+            }, undefined, Events>, ActionFunction<Context, {
+                type: "xyflow.resized";
+            }, Events, undefined, never, never, never, never, never>];
+        };
+        readonly 'open.elementDetails': {
+            readonly actions: ActionFunction<Context, {
+                type: "open.elementDetails";
+                fqn: Fqn;
+                fromNode?: NodeId | undefined;
+            }, Events, undefined, never, never, never, never, never>;
         };
         readonly 'open.relationshipsBrowser': {
             readonly actions: ActionFunction<Context, {