@likec4/diagram 1.39.5 → 1.41.0

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

@@ -1,5 +1,5 @@
 import { BBox } from '@likec4/core';
-import { DiagramEdge, DiagramNode, DiagramView, EdgeId, Fqn, NodeId, NodeNotation as ElementNotation, StepEdgeId, ViewId, XYPoint } from '@likec4/core/types';
+import { DiagramEdge, DiagramNode, DiagramView, DynamicViewDisplayVariant, EdgeId, Fqn, NodeId, NodeNotation as ElementNotation, StepEdgeId, ViewId, XYPoint } from '@likec4/core/types';
 import { ReactFlowInstance, useStoreApi } from '@xyflow/react';
 import { EdgeChange, NodeChange, Rect, Viewport } from '@xyflow/system';
 import { MouseEvent } from 'react';
@@ -29,6 +29,7 @@ export interface Input {
     pannable: boolean;
     fitViewPadding: ViewPadding;
     nodesSelectable: boolean;
+    dynamicViewVariant?: DynamicViewDisplayVariant | undefined;
 }
 export type ToggledFeatures = Partial<EnabledFeatures>;
 export interface Context extends Input {
@@ -63,6 +64,7 @@ export interface Context extends Input {
     viewportBeforeFocus: null | Viewport;
     xyflow: ReactFlowInstance<Types.Node, Types.Edge> | null;
     syncLayoutActorRef: null | ActorRef<Snapshot<unknown>, SyncLayoutEvents, AnyEventObject>;
+    dynamicViewVariant: DynamicViewDisplayVariant;
     activeWalkthrough: null | {
         stepId: StepEdgeId;
         parallelPrefix: string | null;
@@ -125,7 +127,7 @@ export type Events = HotKeyEvent | {
     xyedges: Types.Edge[];
 } | {
     type: 'update.inputs';
-    inputs: Partial<Omit<Input, 'view' | 'xystore'>>;
+    inputs: Partial<Omit<Input, 'view' | 'xystore' | 'dynamicViewVariant'>>;
 } | {
     type: 'update.features';
     features: EnabledFeatures;
@@ -173,6 +175,9 @@ export type Events = HotKeyEvent | {
 } | {
     type: 'focus.node';
     nodeId: NodeId;
+} | {
+    type: 'switch.dynamicViewVariant';
+    variant: DynamicViewDisplayVariant;
 } | {
     type: 'walkthrough.start';
     stepId?: StepEdgeId;
@@ -324,6 +329,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
         type: "assign lastClickedNode";
         params: NonReducibleUnknown;
     };
+    "assign: focusedNode": {
+        type: "assign: focusedNode";
+        params: NonReducibleUnknown;
+    };
     "reset lastClickedNode": {
         type: "reset lastClickedNode";
         params: NonReducibleUnknown;
@@ -397,6 +406,13 @@ declare const _diagramMachine: StateMachine<Context, Events, {
         type: "update active walkthrough";
         params: NonReducibleUnknown;
     };
+    "open element details": {
+        type: "open element details";
+        params: {
+            fqn: Fqn;
+            fromNode?: NodeId | undefined;
+        } | undefined;
+    };
     "emit: walkthroughStarted": {
         type: "emit: walkthroughStarted";
         params: NonReducibleUnknown;
@@ -425,6 +441,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
         type: "emit: edgeClick";
         params: NonReducibleUnknown;
     };
+    "assign: dynamicViewVariant": {
+        type: "assign: dynamicViewVariant";
+        params: NonReducibleUnknown;
+    };
 }>, Values<{
     isReady: {
         type: "isReady";
@@ -450,6 +470,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
         type: "enabled: Search";
         params: unknown;
     };
+    "enabled: ElementDetails": {
+        type: "enabled: ElementDetails";
+        params: unknown;
+    };
     "not readonly": {
         type: "not readonly";
         params: unknown;
@@ -462,6 +486,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
         type: "is another view";
         params: unknown;
     };
+    "click: node has modelFqn": {
+        type: "click: node has modelFqn";
+        params: unknown;
+    };
     "click: selected node": {
         type: "click: selected node";
         params: unknown;
@@ -819,11 +847,8 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     }, 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 guard: "enabled: ElementDetails";
+                    readonly actions: "open element details";
                 };
                 readonly 'open.relationshipsBrowser': {
                     readonly actions: ActionFunction<Context, {
@@ -972,32 +997,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     readonly on: {
                         readonly 'xyflow.nodeClick': readonly [{
                             readonly guard: any;
-                            readonly actions: readonly [ ActionFunction<Context, {
-                                type: "xyflow.nodeClick";
-                                node: Types.Node;
-                            }, Events, undefined, Values<{
-                                syncManualLayoutActorLogic: {
-                                    src: "syncManualLayoutActorLogic";
-                                    logic: SyncLayoutActorLogic;
-                                    id: "syncLayout";
-                                };
-                                hotkeyActorLogic: {
-                                    src: "hotkeyActorLogic";
-                                    logic: HotkeyActorLogic;
-                                    id: "hotkey";
-                                };
-                                overlaysActorLogic: {
-                                    src: "overlaysActorLogic";
-                                    logic: OverlaysActorLogic;
-                                    id: "overlays";
-                                };
-                                searchActorLogic: {
-                                    src: "searchActorLogic";
-                                    logic: SearchActorLogic;
-                                    id: "search";
-                                };
-                            }>, never, never, never, never>, "emit: nodeClick"];
+                            readonly actions: readonly ["assign lastClickedNode", "assign: focusedNode", "emit: nodeClick"];
                             readonly target: "focused";
+                        }, {
+                            readonly guard: any;
+                            readonly actions: readonly ["assign lastClickedNode", "open source of focused or last clicked node", "open element details", "emit: nodeClick"];
                         }, {
                             readonly actions: readonly ["assign lastClickedNode", "open source of focused or last clicked node", "emit: nodeClick"];
                         }];
@@ -1019,31 +1023,7 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                         };
                         readonly 'focus.node': {
                             readonly guard: "enabled: FocusMode";
-                            readonly actions: ActionFunction<Context, {
-                                type: "focus.node";
-                                nodeId: NodeId;
-                            }, Events, undefined, Values<{
-                                syncManualLayoutActorLogic: {
-                                    src: "syncManualLayoutActorLogic";
-                                    logic: SyncLayoutActorLogic;
-                                    id: "syncLayout";
-                                };
-                                hotkeyActorLogic: {
-                                    src: "hotkeyActorLogic";
-                                    logic: HotkeyActorLogic;
-                                    id: "hotkey";
-                                };
-                                overlaysActorLogic: {
-                                    src: "overlaysActorLogic";
-                                    logic: OverlaysActorLogic;
-                                    id: "overlays";
-                                };
-                                searchActorLogic: {
-                                    src: "searchActorLogic";
-                                    logic: SearchActorLogic;
-                                    id: "search";
-                                };
-                            }>, never, never, never, never>;
+                            readonly actions: "assign: focusedNode";
                             readonly target: "focused";
                         };
                         readonly 'xyflow.edgeClick': {
@@ -1181,6 +1161,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "assign lastClickedNode";
                             params: NonReducibleUnknown;
                         };
+                        "assign: focusedNode": {
+                            type: "assign: focusedNode";
+                            params: NonReducibleUnknown;
+                        };
                         "reset lastClickedNode": {
                             type: "reset lastClickedNode";
                             params: NonReducibleUnknown;
@@ -1254,6 +1238,13 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "update active walkthrough";
                             params: NonReducibleUnknown;
                         };
+                        "open element details": {
+                            type: "open element details";
+                            params: {
+                                fqn: Fqn;
+                                fromNode?: NodeId | undefined;
+                            } | undefined;
+                        };
                         "emit: walkthroughStarted": {
                             type: "emit: walkthroughStarted";
                             params: NonReducibleUnknown;
@@ -1282,6 +1273,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "emit: edgeClick";
                             params: NonReducibleUnknown;
                         };
+                        "assign: dynamicViewVariant": {
+                            type: "assign: dynamicViewVariant";
+                            params: NonReducibleUnknown;
+                        };
                     }>, Values<{
                         isReady: {
                             type: "isReady";
@@ -1307,6 +1302,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "enabled: Search";
                             params: unknown;
                         };
+                        "enabled: ElementDetails": {
+                            type: "enabled: ElementDetails";
+                            params: unknown;
+                        };
                         "not readonly": {
                             type: "not readonly";
                             params: unknown;
@@ -1319,6 +1318,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "is another view";
                             params: unknown;
                         };
+                        "click: node has modelFqn": {
+                            type: "click: node has modelFqn";
+                            params: unknown;
+                        };
                         "click: selected node": {
                             type: "click: selected node";
                             params: unknown;
@@ -1342,65 +1345,20 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     }>, never, EmittedEvents>;
                     readonly on: {
                         readonly 'xyflow.nodeClick': readonly [{
+                            readonly guard: any;
+                            readonly actions: readonly ["open element details", "emit: nodeClick"];
+                        }, {
                             readonly guard: "click: focused node";
                             readonly actions: "emit: nodeClick";
                             readonly target: "#idle";
                         }, {
-                            readonly actions: readonly [ ActionFunction<Context, {
-                                type: "xyflow.nodeClick";
-                                node: Types.Node;
-                            }, Events, undefined, Values<{
-                                syncManualLayoutActorLogic: {
-                                    src: "syncManualLayoutActorLogic";
-                                    logic: SyncLayoutActorLogic;
-                                    id: "syncLayout";
-                                };
-                                hotkeyActorLogic: {
-                                    src: "hotkeyActorLogic";
-                                    logic: HotkeyActorLogic;
-                                    id: "hotkey";
-                                };
-                                overlaysActorLogic: {
-                                    src: "overlaysActorLogic";
-                                    logic: OverlaysActorLogic;
-                                    id: "overlays";
-                                };
-                                searchActorLogic: {
-                                    src: "searchActorLogic";
-                                    logic: SearchActorLogic;
-                                    id: "search";
-                                };
-                            }>, never, never, never, never>, ActionFunction<Context, {
+                            readonly actions: readonly ["assign lastClickedNode", ActionFunction<Context, {
                                 type: "xyflow.nodeClick";
                                 node: Types.Node;
                             }, Events, undefined, never, never, never, never, never>, "emit: nodeClick"];
                         }];
                         readonly 'focus.node': {
-                            readonly actions: readonly [ ActionFunction<Context, {
-                                type: "focus.node";
-                                nodeId: NodeId;
-                            }, Events, undefined, Values<{
-                                syncManualLayoutActorLogic: {
-                                    src: "syncManualLayoutActorLogic";
-                                    logic: SyncLayoutActorLogic;
-                                    id: "syncLayout";
-                                };
-                                hotkeyActorLogic: {
-                                    src: "hotkeyActorLogic";
-                                    logic: HotkeyActorLogic;
-                                    id: "hotkey";
-                                };
-                                overlaysActorLogic: {
-                                    src: "overlaysActorLogic";
-                                    logic: OverlaysActorLogic;
-                                    id: "overlays";
-                                };
-                                searchActorLogic: {
-                                    src: "searchActorLogic";
-                                    logic: SearchActorLogic;
-                                    id: "search";
-                                };
-                            }>, never, never, never, never>, "focus on nodes and edges", "open source of focused or last clicked node", "xyflow:fitFocusedBounds"];
+                            readonly actions: readonly ["assign: focusedNode", "focus on nodes and edges", "open source of focused or last clicked node", "xyflow:fitFocusedBounds"];
                         };
                         readonly 'key.esc': {
                             readonly target: "idle";
@@ -1461,93 +1419,6 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             id: "search";
                         };
                     }>, never, never, never, never>, "update active walkthrough", "xyflow:fitFocusedBounds", "emit: walkthroughStarted"];
-                    readonly on: {
-                        readonly 'key.esc': {
-                            readonly target: "idle";
-                        };
-                        readonly 'key.arrow.left': {
-                            readonly actions: ActionFunction<Context, HotKeyEvent, Events, undefined, never, never, never, never, never>;
-                        };
-                        readonly 'key.arrow.right': {
-                            readonly actions: ActionFunction<Context, HotKeyEvent, Events, undefined, never, never, never, never, never>;
-                        };
-                        readonly 'walkthrough.step': {
-                            readonly actions: readonly [ ActionFunction<Context, {
-                                type: "walkthrough.step";
-                                direction: "next" | "previous";
-                            }, Events, undefined, Values<{
-                                syncManualLayoutActorLogic: {
-                                    src: "syncManualLayoutActorLogic";
-                                    logic: SyncLayoutActorLogic;
-                                    id: "syncLayout";
-                                };
-                                hotkeyActorLogic: {
-                                    src: "hotkeyActorLogic";
-                                    logic: HotkeyActorLogic;
-                                    id: "hotkey";
-                                };
-                                overlaysActorLogic: {
-                                    src: "overlaysActorLogic";
-                                    logic: OverlaysActorLogic;
-                                    id: "overlays";
-                                };
-                                searchActorLogic: {
-                                    src: "searchActorLogic";
-                                    logic: SearchActorLogic;
-                                    id: "search";
-                                };
-                            }>, never, never, never, never>, "update active walkthrough", "xyflow:fitFocusedBounds", "emit: walkthroughStep"];
-                        };
-                        readonly 'xyflow.edgeClick': {
-                            readonly actions: readonly [ ActionFunction<Context, {
-                                type: "xyflow.edgeClick";
-                                edge: Types.Edge;
-                            }, Events, undefined, Values<{
-                                syncManualLayoutActorLogic: {
-                                    src: "syncManualLayoutActorLogic";
-                                    logic: SyncLayoutActorLogic;
-                                    id: "syncLayout";
-                                };
-                                hotkeyActorLogic: {
-                                    src: "hotkeyActorLogic";
-                                    logic: HotkeyActorLogic;
-                                    id: "hotkey";
-                                };
-                                overlaysActorLogic: {
-                                    src: "overlaysActorLogic";
-                                    logic: OverlaysActorLogic;
-                                    id: "overlays";
-                                };
-                                searchActorLogic: {
-                                    src: "searchActorLogic";
-                                    logic: SearchActorLogic;
-                                    id: "search";
-                                };
-                            }>, never, never, never, never>, "update active walkthrough", "xyflow:fitFocusedBounds", "emit: edgeClick", "emit: walkthroughStep"];
-                        };
-                        readonly 'notations.unhighlight': {
-                            readonly actions: "update active walkthrough";
-                        };
-                        readonly 'tag.unhighlight': {
-                            readonly actions: "update active walkthrough";
-                        };
-                        readonly 'walkthrough.end': {
-                            readonly target: "idle";
-                        };
-                        readonly 'xyflow.paneDblClick': {
-                            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";
@@ -1630,6 +1501,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "assign lastClickedNode";
                             params: NonReducibleUnknown;
                         };
+                        "assign: focusedNode": {
+                            type: "assign: focusedNode";
+                            params: NonReducibleUnknown;
+                        };
                         "reset lastClickedNode": {
                             type: "reset lastClickedNode";
                             params: NonReducibleUnknown;
@@ -1703,6 +1578,13 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "update active walkthrough";
                             params: NonReducibleUnknown;
                         };
+                        "open element details": {
+                            type: "open element details";
+                            params: {
+                                fqn: Fqn;
+                                fromNode?: NodeId | undefined;
+                            } | undefined;
+                        };
                         "emit: walkthroughStarted": {
                             type: "emit: walkthroughStarted";
                             params: NonReducibleUnknown;
@@ -1731,6 +1613,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "emit: edgeClick";
                             params: NonReducibleUnknown;
                         };
+                        "assign: dynamicViewVariant": {
+                            type: "assign: dynamicViewVariant";
+                            params: NonReducibleUnknown;
+                        };
                     }>, Values<{
                         isReady: {
                             type: "isReady";
@@ -1756,6 +1642,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "enabled: Search";
                             params: unknown;
                         };
+                        "enabled: ElementDetails": {
+                            type: "enabled: ElementDetails";
+                            params: unknown;
+                        };
                         "not readonly": {
                             type: "not readonly";
                             params: unknown;
@@ -1768,6 +1658,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "is another view";
                             params: unknown;
                         };
+                        "click: node has modelFqn": {
+                            type: "click: node has modelFqn";
+                            params: unknown;
+                        };
                         "click: selected node": {
                             type: "click: selected node";
                             params: unknown;
@@ -1789,6 +1683,93 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             params: unknown;
                         };
                     }>, never, EmittedEvents>;
+                    readonly on: {
+                        readonly 'key.esc': {
+                            readonly target: "idle";
+                        };
+                        readonly 'key.arrow.left': {
+                            readonly actions: ActionFunction<Context, HotKeyEvent, Events, undefined, never, never, never, never, never>;
+                        };
+                        readonly 'key.arrow.right': {
+                            readonly actions: ActionFunction<Context, HotKeyEvent, Events, undefined, never, never, never, never, never>;
+                        };
+                        readonly 'walkthrough.step': {
+                            readonly actions: readonly [ ActionFunction<Context, {
+                                type: "walkthrough.step";
+                                direction: "next" | "previous";
+                            }, Events, undefined, Values<{
+                                syncManualLayoutActorLogic: {
+                                    src: "syncManualLayoutActorLogic";
+                                    logic: SyncLayoutActorLogic;
+                                    id: "syncLayout";
+                                };
+                                hotkeyActorLogic: {
+                                    src: "hotkeyActorLogic";
+                                    logic: HotkeyActorLogic;
+                                    id: "hotkey";
+                                };
+                                overlaysActorLogic: {
+                                    src: "overlaysActorLogic";
+                                    logic: OverlaysActorLogic;
+                                    id: "overlays";
+                                };
+                                searchActorLogic: {
+                                    src: "searchActorLogic";
+                                    logic: SearchActorLogic;
+                                    id: "search";
+                                };
+                            }>, never, never, never, never>, "update active walkthrough", "xyflow:fitFocusedBounds", "emit: walkthroughStep"];
+                        };
+                        readonly 'xyflow.edgeClick': {
+                            readonly actions: readonly [ ActionFunction<Context, {
+                                type: "xyflow.edgeClick";
+                                edge: Types.Edge;
+                            }, Events, undefined, Values<{
+                                syncManualLayoutActorLogic: {
+                                    src: "syncManualLayoutActorLogic";
+                                    logic: SyncLayoutActorLogic;
+                                    id: "syncLayout";
+                                };
+                                hotkeyActorLogic: {
+                                    src: "hotkeyActorLogic";
+                                    logic: HotkeyActorLogic;
+                                    id: "hotkey";
+                                };
+                                overlaysActorLogic: {
+                                    src: "overlaysActorLogic";
+                                    logic: OverlaysActorLogic;
+                                    id: "overlays";
+                                };
+                                searchActorLogic: {
+                                    src: "searchActorLogic";
+                                    logic: SearchActorLogic;
+                                    id: "search";
+                                };
+                            }>, never, never, never, never>, "update active walkthrough", "xyflow:fitFocusedBounds", "emit: edgeClick", "emit: walkthroughStep"];
+                        };
+                        readonly 'notations.unhighlight': {
+                            readonly actions: "update active walkthrough";
+                        };
+                        readonly 'tag.unhighlight': {
+                            readonly actions: "update active walkthrough";
+                        };
+                        readonly 'walkthrough.end': {
+                            readonly target: "idle";
+                        };
+                        readonly 'xyflow.paneDblClick': {
+                            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";
+                        };
+                    };
                 };
             };
         };
@@ -1884,6 +1865,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "assign lastClickedNode";
                             params: NonReducibleUnknown;
                         };
+                        "assign: focusedNode": {
+                            type: "assign: focusedNode";
+                            params: NonReducibleUnknown;
+                        };
                         "reset lastClickedNode": {
                             type: "reset lastClickedNode";
                             params: NonReducibleUnknown;
@@ -1957,6 +1942,13 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "update active walkthrough";
                             params: NonReducibleUnknown;
                         };
+                        "open element details": {
+                            type: "open element details";
+                            params: {
+                                fqn: Fqn;
+                                fromNode?: NodeId | undefined;
+                            } | undefined;
+                        };
                         "emit: walkthroughStarted": {
                             type: "emit: walkthroughStarted";
                             params: NonReducibleUnknown;
@@ -1985,6 +1977,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "emit: edgeClick";
                             params: NonReducibleUnknown;
                         };
+                        "assign: dynamicViewVariant": {
+                            type: "assign: dynamicViewVariant";
+                            params: NonReducibleUnknown;
+                        };
                     }>, Values<{
                         isReady: {
                             type: "isReady";
@@ -2010,6 +2006,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "enabled: Search";
                             params: unknown;
                         };
+                        "enabled: ElementDetails": {
+                            type: "enabled: ElementDetails";
+                            params: unknown;
+                        };
                         "not readonly": {
                             type: "not readonly";
                             params: unknown;
@@ -2022,6 +2022,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "is another view";
                             params: unknown;
                         };
+                        "click: node has modelFqn": {
+                            type: "click: node has modelFqn";
+                            params: unknown;
+                        };
                         "click: selected node": {
                             type: "click: selected node";
                             params: unknown;
@@ -2318,6 +2322,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     type: "assign lastClickedNode";
                     params: NonReducibleUnknown;
                 };
+                "assign: focusedNode": {
+                    type: "assign: focusedNode";
+                    params: NonReducibleUnknown;
+                };
                 "reset lastClickedNode": {
                     type: "reset lastClickedNode";
                     params: NonReducibleUnknown;
@@ -2391,6 +2399,13 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     type: "update active walkthrough";
                     params: NonReducibleUnknown;
                 };
+                "open element details": {
+                    type: "open element details";
+                    params: {
+                        fqn: Fqn;
+                        fromNode?: NodeId | undefined;
+                    } | undefined;
+                };
                 "emit: walkthroughStarted": {
                     type: "emit: walkthroughStarted";
                     params: NonReducibleUnknown;
@@ -2419,6 +2434,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     type: "emit: edgeClick";
                     params: NonReducibleUnknown;
                 };
+                "assign: dynamicViewVariant": {
+                    type: "assign: dynamicViewVariant";
+                    params: NonReducibleUnknown;
+                };
             }>, Values<{
                 isReady: {
                     type: "isReady";
@@ -2444,6 +2463,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     type: "enabled: Search";
                     params: unknown;
                 };
+                "enabled: ElementDetails": {
+                    type: "enabled: ElementDetails";
+                    params: unknown;
+                };
                 "not readonly": {
                     type: "not readonly";
                     params: unknown;
@@ -2456,6 +2479,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     type: "is another view";
                     params: unknown;
                 };
+                "click: node has modelFqn": {
+                    type: "click: node has modelFqn";
+                    params: unknown;
+                };
                 "click: selected node": {
                     type: "click: selected node";
                     params: unknown;
@@ -2484,6 +2511,9 @@ declare const _diagramMachine: StateMachine<Context, Events, {
         readonly 'update.features': {
             readonly actions: readonly ["updateFeatures", "ensure overlays actor state", "ensure search actor state"];
         };
+        readonly 'switch.dynamicViewVariant': {
+            readonly actions: "assign: dynamicViewVariant";
+        };
     };
     readonly exit: readonly ["stopSyncLayout", CancelAction<Context, Events, undefined, Events>, StopAction<Context, Events, undefined, Events>, StopAction<Context, Events, undefined, Events>, StopAction<Context, Events, undefined, Events>, ActionFunction<Context, Events, Events, undefined, Values<{
         syncManualLayoutActorLogic: {