@likec4/diagram 1.31.0 → 1.32.0

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

@@ -1,4 +1,4 @@
-import { BBox, DiagramView, EdgeId, ElementNotation, Fqn, NodeId, StepEdgeId, ViewChange, ViewId, XYPoint, NonEmptyArray, Point, Color, RelationshipLineType, RelationshipArrowType } from '@likec4/core';
+import { DiagramView, EdgeId, Fqn, NodeId, NodeNotation as ElementNotation, StepEdgeId, ViewChange, ViewId, XYPoint, BBox, NonEmptyArray, Point, Color, RelationshipArrowType, RelationshipLineType } from '@likec4/core';
 import { ReactFlowInstance, useStoreApi } from '@xyflow/react';
 import { EdgeChange, NodeChange, Rect, Viewport, EdgeMarkerType, HandleType, XYPosition } from '@xyflow/system';
 import { PartialDeep } from 'type-fest';
@@ -11,6 +11,7 @@ import { AlignmentMode } from './aligners';
 import { HotKeyEvent, HotkeyActorLogic } from './hotkeyActor';
 import { Events as SyncLayoutEvents, SyncLayoutActorLogic } from './syncManualLayoutActor';
 import { OverlaysActorLogic } from '../overlays/overlaysActor';
+import { SearchActorLogic } from '../search/searchActor';
 import { ReactNode, CSSProperties } from 'react';
 export type XYStoreApi = ReturnType<typeof useStoreApi<Types.Node, Types.Edge>>;
 export interface NavigationHistory {
@@ -144,6 +145,9 @@ export type Events = HotKeyEvent | {
 } | {
     type: 'open.relationshipsBrowser';
     fqn: Fqn;
+} | {
+    type: 'open.search';
+    search?: string;
 } | {
     type: 'navigate.to';
     viewId: ViewId;
@@ -178,6 +182,11 @@ export type Events = HotKeyEvent | {
     kind?: string;
 } | {
     type: 'notations.unhighlight';
+} | {
+    type: 'tag.highlight';
+    tag: string;
+} | {
+    type: 'tag.unhighlight';
 } | {
     type: 'toggle.feature';
     feature: FeatureName;
@@ -191,6 +200,7 @@ declare const _diagramMachine: StateMachine<Context, Events, {
     syncLayout?: ActorRefFromLogic<SyncLayoutActorLogic>;
     hotkey?: ActorRefFromLogic<HotkeyActorLogic>;
     overlays?: ActorRefFromLogic<OverlaysActorLogic>;
+    search?: ActorRefFromLogic<SearchActorLogic>;
 }, Values<{
     syncManualLayoutActorLogic: {
         src: "syncManualLayoutActorLogic";
@@ -207,6 +217,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
         logic: OverlaysActorLogic;
         id: "overlays";
     };
+    searchActorLogic: {
+        src: "searchActorLogic";
+        logic: SearchActorLogic;
+        id: "search";
+    };
 }>, Values<{
     onNodeMouseEnter: {
         type: "onNodeMouseEnter";
@@ -251,6 +266,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
             kind?: string;
         };
     };
+    "tag.highlight": {
+        type: "tag.highlight";
+        params: NonReducibleUnknown;
+    };
     "xyflow:fitDiagram": {
         type: "xyflow:fitDiagram";
         params: {
@@ -305,10 +324,22 @@ declare const _diagramMachine: StateMachine<Context, Events, {
             toPosition: XYPoint;
         };
     };
+    "ensure overlays actor state": {
+        type: "ensure overlays actor state";
+        params: NonReducibleUnknown;
+    };
+    "ensure search actor state": {
+        type: "ensure search actor state";
+        params: NonReducibleUnknown;
+    };
     updateFeatures: {
         type: "updateFeatures";
         params: NonReducibleUnknown;
     };
+    closeSearch: {
+        type: "closeSearch";
+        params: NonReducibleUnknown;
+    };
     startSyncLayout: {
         type: "startSyncLayout";
         params: NonReducibleUnknown;
@@ -317,6 +348,18 @@ declare const _diagramMachine: StateMachine<Context, Events, {
         type: "stopSyncLayout";
         params: NonReducibleUnknown;
     };
+    "focus on nodes and edges": {
+        type: "focus on nodes and edges";
+        params: NonReducibleUnknown;
+    };
+    "undim everything": {
+        type: "undim everything";
+        params: NonReducibleUnknown;
+    };
+    "update active walkthrough": {
+        type: "update active walkthrough";
+        params: NonReducibleUnknown;
+    };
 }>, Values<{
     isReady: {
         type: "isReady";
@@ -338,6 +381,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
         type: "enabled: RelationshipDetails";
         params: unknown;
     };
+    "enabled: Search": {
+        type: "enabled: Search";
+        params: unknown;
+    };
     "not readonly": {
         type: "not readonly";
         params: unknown;
@@ -374,9 +421,9 @@ declare const _diagramMachine: StateMachine<Context, Events, {
     ready: "idle" | "walkthrough" | "focused";
 }, string, Input, NonReducibleUnknown, EventObject, MetaObject, {
     readonly initial: "initializing";
-    readonly context: ({ input, self, spawn }: {
+    readonly context: ({ input }: {
         spawn: {
-            <TSrc extends "syncManualLayoutActorLogic" | "hotkeyActorLogic" | "overlaysActorLogic">(logic: TSrc, ...[options]: ({
+            <TSrc extends "syncManualLayoutActorLogic" | "hotkeyActorLogic" | "overlaysActorLogic" | "searchActorLogic">(logic: TSrc, ...[options]: ({
                 src: "syncManualLayoutActorLogic";
                 logic: SyncLayoutActorLogic;
                 id: "syncLayout";
@@ -421,7 +468,22 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                 systemId?: string;
                 input?: InputFrom<T_2["logic"]>;
                 syncSnapshot?: boolean;
-            } & { [K_2 in RequiredActorOptions<T_2>]: unknown; }], IsNotNever<RequiredActorOptions<T_2>>> : never : never : never)): ActorRefFromLogic< GetConcreteByKey<Values<{
+            } & { [K_2 in RequiredActorOptions<T_2>]: unknown; }], IsNotNever<RequiredActorOptions<T_2>>> : never : never : never) | ({
+                src: "searchActorLogic";
+                logic: SearchActorLogic;
+                id: "search";
+            } extends infer T_3 ? T_3 extends {
+                src: "searchActorLogic";
+                logic: SearchActorLogic;
+                id: "search";
+            } ? T_3 extends {
+                src: TSrc;
+            } ? ConditionalRequired<[options?: {
+                id?: T_3["id"];
+                systemId?: string;
+                input?: InputFrom<T_3["logic"]>;
+                syncSnapshot?: boolean;
+            } & { [K_3 in RequiredActorOptions<T_3>]: unknown; }], IsNotNever<RequiredActorOptions<T_3>>> : never : never : never)): ActorRefFromLogic< GetConcreteByKey<Values<{
                 syncManualLayoutActorLogic: {
                     src: "syncManualLayoutActorLogic";
                     logic: SyncLayoutActorLogic;
@@ -437,6 +499,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     logic: OverlaysActorLogic;
                     id: "overlays";
                 };
+                searchActorLogic: {
+                    src: "searchActorLogic";
+                    logic: SearchActorLogic;
+                    id: "search";
+                };
             }>, "src", TSrc>["logic"]>;
             <TLogic extends AnyActorLogic>(src: TLogic, ...[options]: ConditionalRequired<[options?: {
                 id?: never;
@@ -447,57 +514,7 @@ declare const _diagramMachine: StateMachine<Context, Events, {
         };
         input: Input;
         self: ActorRef< MachineSnapshot<Context, Events, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, Events, AnyEventObject>;
-    }) => {
-        xyedges: never[];
-        xynodes: never[];
-        features: {
-            enableControls: boolean;
-            enableReadOnly: boolean;
-            enableFocusMode: boolean;
-            enableNavigateTo: boolean;
-            enableElementDetails: boolean;
-            enableRelationshipDetails: boolean;
-            enableRelationshipBrowser: boolean;
-            enableSearch: boolean;
-            enableNavigationButtons: boolean;
-            enableNotations: boolean;
-            enableDynamicViewWalkthrough: boolean;
-            enableEdgeEditing: boolean;
-            enableViewTitle: boolean;
-            enableFitView: boolean;
-            enableLikeC4Model: boolean;
-            enableVscode: boolean;
-        };
-        toggledFeatures: Partial<EnabledFeatures>;
-        initialized: {
-            xydata: false;
-            xyflow: false;
-        };
-        viewportChangedManually: false;
-        lastOnNavigate: null;
-        lastClickedNode: null;
-        focusedNode: null;
-        activeElementDetails: null;
-        viewportBeforeFocus: null;
-        navigationHistory: {
-            currentIndex: number;
-            history: never[];
-        };
-        viewport: {
-            x: number;
-            y: number;
-            zoom: number;
-        };
-        xyflow: null;
-        syncLayoutActorRef: null;
-        activeWalkthrough: null;
-        view: DiagramView;
-        xystore: XYStoreApi;
-        zoomable: boolean;
-        pannable: boolean;
-        fitViewPadding: PaddingWithUnit;
-        nodesSelectable: boolean;
-    };
+    }) => Context;
     readonly states: {
         readonly initializing: {
             readonly on: {
@@ -521,6 +538,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             logic: OverlaysActorLogic;
                             id: "overlays";
                         };
+                        searchActorLogic: {
+                            src: "searchActorLogic";
+                            logic: SearchActorLogic;
+                            id: "search";
+                        };
                     }>, never, never, never, never>;
                     readonly target: "isReady";
                 };
@@ -546,6 +568,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             logic: OverlaysActorLogic;
                             id: "overlays";
                         };
+                        searchActorLogic: {
+                            src: "searchActorLogic";
+                            logic: SearchActorLogic;
+                            id: "search";
+                        };
                     }>, never, never, never, never>;
                     readonly target: "isReady";
                 };
@@ -575,6 +602,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                         logic: OverlaysActorLogic;
                         id: "overlays";
                     };
+                    searchActorLogic: {
+                        src: "searchActorLogic";
+                        logic: SearchActorLogic;
+                        id: "search";
+                    };
                 }>, never, never, never, never>, "startSyncLayout"];
                 readonly target: "ready";
             }, {
@@ -606,6 +638,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             logic: OverlaysActorLogic;
                             id: "overlays";
                         };
+                        searchActorLogic: {
+                            src: "searchActorLogic";
+                            logic: SearchActorLogic;
+                            id: "search";
+                        };
                     }>, never, never, never, never>;
                     readonly target: "#navigating";
                 };
@@ -627,6 +664,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             logic: OverlaysActorLogic;
                             id: "overlays";
                         };
+                        searchActorLogic: {
+                            src: "searchActorLogic";
+                            logic: SearchActorLogic;
+                            id: "search";
+                        };
                     }>, never, never, never, never>;
                     readonly target: "#navigating";
                 };
@@ -648,6 +690,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             logic: OverlaysActorLogic;
                             id: "overlays";
                         };
+                        searchActorLogic: {
+                            src: "searchActorLogic";
+                            logic: SearchActorLogic;
+                            id: "search";
+                        };
                     }>, never, never, never, never>;
                     readonly target: "#navigating";
                 };
@@ -687,6 +734,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             logic: OverlaysActorLogic;
                             id: "overlays";
                         };
+                        searchActorLogic: {
+                            src: "searchActorLogic";
+                            logic: SearchActorLogic;
+                            id: "search";
+                        };
                     }>, never, never, never, never>, ActionFunction<Context, {
                         type: "layout.resetEdgeControlPoints";
                     }, Events, undefined, never, never, never, never, never>];
@@ -763,6 +815,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             logic: OverlaysActorLogic;
                             id: "overlays";
                         };
+                        searchActorLogic: {
+                            src: "searchActorLogic";
+                            logic: SearchActorLogic;
+                            id: "search";
+                        };
                     }>, never, never, never, never>;
                 };
                 readonly 'xyflow.nodeMouseEnter': {
@@ -837,13 +894,13 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                                         label: string | null;
                                         points: NonEmptyArray<Point>;
                                         color: Color | undefined;
+                                        head: RelationshipArrowType | undefined;
                                         line: RelationshipLineType | undefined;
                                         dir: "forward" | "back" | "both" | undefined;
-                                        tail: RelationshipArrowType | undefined;
-                                        head: RelationshipArrowType | undefined;
                                         technology: string | undefined;
+                                        tail: RelationshipArrowType | undefined;
                                         labelBBox: BBox | null | undefined;
-                                        navigateTo: ViewId<string> | undefined;
+                                        navigateTo: ViewId<string> | null | undefined;
                                         notes: string | undefined;
                                         labelXY: XYPosition | null;
                                         controlPoints: XYPosition[] | undefined | null;
@@ -887,13 +944,13 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                                     label: string | null;
                                     points: NonEmptyArray<Point>;
                                     color: Color | undefined;
+                                    head: RelationshipArrowType | undefined;
                                     line: RelationshipLineType | undefined;
                                     dir: "forward" | "back" | "both" | undefined;
-                                    tail: RelationshipArrowType | undefined;
-                                    head: RelationshipArrowType | undefined;
                                     technology: string | undefined;
+                                    tail: RelationshipArrowType | undefined;
                                     labelBBox: BBox | null | undefined;
-                                    navigateTo: ViewId<string> | undefined;
+                                    navigateTo: ViewId<string> | null | undefined;
                                     notes: string | undefined;
                                     labelXY: XYPosition | null;
                                     controlPoints: XYPosition[] | undefined | null;
@@ -944,13 +1001,13 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                                         label: string | null;
                                         points: NonEmptyArray<Point>;
                                         color: Color | undefined;
+                                        head: RelationshipArrowType | undefined;
                                         line: RelationshipLineType | undefined;
                                         dir: "forward" | "back" | "both" | undefined;
-                                        tail: RelationshipArrowType | undefined;
-                                        head: RelationshipArrowType | undefined;
                                         technology: string | undefined;
+                                        tail: RelationshipArrowType | undefined;
                                         labelBBox: BBox | null | undefined;
-                                        navigateTo: ViewId<string> | undefined;
+                                        navigateTo: ViewId<string> | null | undefined;
                                         notes: string | undefined;
                                         labelXY: XYPosition | null;
                                         controlPoints: XYPosition[] | undefined | null;
@@ -994,13 +1051,13 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                                     label: string | null;
                                     points: NonEmptyArray<Point>;
                                     color: Color | undefined;
+                                    head: RelationshipArrowType | undefined;
                                     line: RelationshipLineType | undefined;
                                     dir: "forward" | "back" | "both" | undefined;
-                                    tail: RelationshipArrowType | undefined;
-                                    head: RelationshipArrowType | undefined;
                                     technology: string | undefined;
+                                    tail: RelationshipArrowType | undefined;
                                     labelBBox: BBox | null | undefined;
-                                    navigateTo: ViewId<string> | undefined;
+                                    navigateTo: ViewId<string> | null | undefined;
                                     notes: string | undefined;
                                     labelXY: XYPosition | null;
                                     controlPoints: XYPosition[] | undefined | null;
@@ -1027,25 +1084,13 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     };
                 };
                 readonly 'notations.unhighlight': {
-                    readonly actions: ActionFunction<Context, {
-                        type: "notations.unhighlight";
-                    }, Events, undefined, Values<{
-                        syncManualLayoutActorLogic: {
-                            src: "syncManualLayoutActorLogic";
-                            logic: SyncLayoutActorLogic;
-                            id: "syncLayout";
-                        };
-                        hotkeyActorLogic: {
-                            src: "hotkeyActorLogic";
-                            logic: HotkeyActorLogic;
-                            id: "hotkey";
-                        };
-                        overlaysActorLogic: {
-                            src: "overlaysActorLogic";
-                            logic: OverlaysActorLogic;
-                            id: "overlays";
-                        };
-                    }>, never, never, never, never>;
+                    readonly actions: "undim everything";
+                };
+                readonly 'tag.highlight': {
+                    readonly actions: "tag.highlight";
+                };
+                readonly 'tag.unhighlight': {
+                    readonly actions: "undim everything";
                 };
                 readonly 'saveManualLayout.*': {
                     readonly guard: "not readonly";
@@ -1055,6 +1100,13 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                         type: "saveManualLayout.cancel";
                     }, Events, undefined, never, never, never, never, never>;
                 };
+                readonly 'open.search': {
+                    readonly guard: "enabled: Search";
+                    readonly actions: ActionFunction<Context, {
+                        type: "open.search";
+                        search?: string;
+                    }, Events, undefined, never, never, never, never, never>;
+                };
             };
             readonly exit: readonly [ CancelAction<Context, Events, undefined, Events>];
             readonly states: {
@@ -1082,6 +1134,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                                     logic: OverlaysActorLogic;
                                     id: "overlays";
                                 };
+                                searchActorLogic: {
+                                    src: "searchActorLogic";
+                                    logic: SearchActorLogic;
+                                    id: "search";
+                                };
                             }>, never, never, never, never>];
                             readonly target: "focused";
                         }, {
@@ -1106,6 +1163,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                                     logic: OverlaysActorLogic;
                                     id: "overlays";
                                 };
+                                searchActorLogic: {
+                                    src: "searchActorLogic";
+                                    logic: SearchActorLogic;
+                                    id: "search";
+                                };
                             }>, never, never, never, never>];
                         };
                         readonly 'xyflow.paneDblClick': {
@@ -1144,6 +1206,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                                     logic: OverlaysActorLogic;
                                     id: "overlays";
                                 };
+                                searchActorLogic: {
+                                    src: "searchActorLogic";
+                                    logic: SearchActorLogic;
+                                    id: "search";
+                                };
                             }>, never, never, never, never>;
                             readonly target: "focused";
                         };
@@ -1163,7 +1230,7 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     };
                 };
                 readonly focused: {
-                    readonly entry: readonly [ ActionFunction<Context, Events, Events, undefined, Values<{
+                    readonly entry: readonly ["focus on nodes and edges", ActionFunction<Context, Events, Events, undefined, Values<{
                         syncManualLayoutActorLogic: {
                             src: "syncManualLayoutActorLogic";
                             logic: SyncLayoutActorLogic;
@@ -1179,6 +1246,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             logic: OverlaysActorLogic;
                             id: "overlays";
                         };
+                        searchActorLogic: {
+                            src: "searchActorLogic";
+                            logic: SearchActorLogic;
+                            id: "search";
+                        };
                     }>, never, never, never, never>, "open source of focused or last clicked node", ActionFunction<Context, Events, Events, undefined, Values<{
                         syncManualLayoutActorLogic: {
                             src: "syncManualLayoutActorLogic";
@@ -1195,6 +1267,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             logic: OverlaysActorLogic;
                             id: "overlays";
                         };
+                        searchActorLogic: {
+                            src: "searchActorLogic";
+                            logic: SearchActorLogic;
+                            id: "search";
+                        };
                     }>, never, never, never, never>, "xyflow:fitFocusedBounds"];
                     readonly exit: ActionFunction<Context, Events, Events, undefined, Values<{
                         syncManualLayoutActorLogic: {
@@ -1212,6 +1289,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             logic: OverlaysActorLogic;
                             id: "overlays";
                         };
+                        searchActorLogic: {
+                            src: "searchActorLogic";
+                            logic: SearchActorLogic;
+                            id: "search";
+                        };
                     }>, Values<{
                         onNodeMouseEnter: {
                             type: "onNodeMouseEnter";
@@ -1256,6 +1338,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                                 kind?: string;
                             };
                         };
+                        "tag.highlight": {
+                            type: "tag.highlight";
+                            params: NonReducibleUnknown;
+                        };
                         "xyflow:fitDiagram": {
                             type: "xyflow:fitDiagram";
                             params: {
@@ -1310,10 +1396,22 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                                 toPosition: XYPoint;
                             };
                         };
+                        "ensure overlays actor state": {
+                            type: "ensure overlays actor state";
+                            params: NonReducibleUnknown;
+                        };
+                        "ensure search actor state": {
+                            type: "ensure search actor state";
+                            params: NonReducibleUnknown;
+                        };
                         updateFeatures: {
                             type: "updateFeatures";
                             params: NonReducibleUnknown;
                         };
+                        closeSearch: {
+                            type: "closeSearch";
+                            params: NonReducibleUnknown;
+                        };
                         startSyncLayout: {
                             type: "startSyncLayout";
                             params: NonReducibleUnknown;
@@ -1322,6 +1420,18 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "stopSyncLayout";
                             params: NonReducibleUnknown;
                         };
+                        "focus on nodes and edges": {
+                            type: "focus on nodes and edges";
+                            params: NonReducibleUnknown;
+                        };
+                        "undim everything": {
+                            type: "undim everything";
+                            params: NonReducibleUnknown;
+                        };
+                        "update active walkthrough": {
+                            type: "update active walkthrough";
+                            params: NonReducibleUnknown;
+                        };
                     }>, Values<{
                         isReady: {
                             type: "isReady";
@@ -1343,6 +1453,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "enabled: RelationshipDetails";
                             params: unknown;
                         };
+                        "enabled: Search": {
+                            type: "enabled: Search";
+                            params: unknown;
+                        };
                         "not readonly": {
                             type: "not readonly";
                             params: unknown;
@@ -1400,6 +1514,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                                     logic: OverlaysActorLogic;
                                     id: "overlays";
                                 };
+                                searchActorLogic: {
+                                    src: "searchActorLogic";
+                                    logic: SearchActorLogic;
+                                    id: "search";
+                                };
                             }>, never, never, never, never>, ActionFunction<Context, {
                                 type: "xyflow.nodeClick";
                                 node: Types.Node;
@@ -1425,23 +1544,12 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                                     logic: OverlaysActorLogic;
                                     id: "overlays";
                                 };
-                            }>, never, never, never, never>, ActionFunction<Context, Events, Events, undefined, Values<{
-                                syncManualLayoutActorLogic: {
-                                    src: "syncManualLayoutActorLogic";
-                                    logic: SyncLayoutActorLogic;
-                                    id: "syncLayout";
+                                searchActorLogic: {
+                                    src: "searchActorLogic";
+                                    logic: SearchActorLogic;
+                                    id: "search";
                                 };
-                                hotkeyActorLogic: {
-                                    src: "hotkeyActorLogic";
-                                    logic: HotkeyActorLogic;
-                                    id: "hotkey";
-                                };
-                                overlaysActorLogic: {
-                                    src: "overlaysActorLogic";
-                                    logic: OverlaysActorLogic;
-                                    id: "overlays";
-                                };
-                            }>, never, never, never, never>, "open source of focused or last clicked node", "xyflow:fitFocusedBounds"];
+                            }>, never, never, never, never>, "focus on nodes and edges", "open source of focused or last clicked node", "xyflow:fitFocusedBounds"];
                         };
                         readonly 'key.esc': {
                             readonly target: "idle";
@@ -1465,29 +1573,19 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                                     logic: OverlaysActorLogic;
                                     id: "overlays";
                                 };
+                                searchActorLogic: {
+                                    src: "searchActorLogic";
+                                    logic: SearchActorLogic;
+                                    id: "search";
+                                };
                             }>, never, never, never, never>;
                             readonly target: "idle";
                         };
                         readonly 'notations.unhighlight': {
-                            readonly actions: ActionFunction<Context, {
-                                type: "notations.unhighlight";
-                            }, Events, undefined, Values<{
-                                syncManualLayoutActorLogic: {
-                                    src: "syncManualLayoutActorLogic";
-                                    logic: SyncLayoutActorLogic;
-                                    id: "syncLayout";
-                                };
-                                hotkeyActorLogic: {
-                                    src: "hotkeyActorLogic";
-                                    logic: HotkeyActorLogic;
-                                    id: "hotkey";
-                                };
-                                overlaysActorLogic: {
-                                    src: "overlaysActorLogic";
-                                    logic: OverlaysActorLogic;
-                                    id: "overlays";
-                                };
-                            }>, never, never, never, never>;
+                            readonly actions: "focus on nodes and edges";
+                        };
+                        readonly 'tag.unhighlight': {
+                            readonly actions: "focus on nodes and edges";
                         };
                     };
                 };
@@ -1508,21 +1606,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             logic: OverlaysActorLogic;
                             id: "overlays";
                         };
-                    }>, never, never, never, never>, ActionFunction<Context, Events, 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, Events, Events, undefined, Values<{
                         syncManualLayoutActorLogic: {
@@ -1540,7 +1627,12 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             logic: OverlaysActorLogic;
                             id: "overlays";
                         };
-                    }>, never, never, never, never>, "xyflow:fitFocusedBounds"];
+                        searchActorLogic: {
+                            src: "searchActorLogic";
+                            logic: SearchActorLogic;
+                            id: "search";
+                        };
+                    }>, never, never, never, never>, "update active walkthrough", "xyflow:fitFocusedBounds"];
                     readonly on: {
                         readonly 'key.esc': {
                             readonly target: "idle";
@@ -1571,6 +1663,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                                     logic: OverlaysActorLogic;
                                     id: "overlays";
                                 };
+                                searchActorLogic: {
+                                    src: "searchActorLogic";
+                                    logic: SearchActorLogic;
+                                    id: "search";
+                                };
                             }>, Values<{
                                 onNodeMouseEnter: {
                                     type: "onNodeMouseEnter";
@@ -1615,6 +1712,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                                         kind?: string;
                                     };
                                 };
+                                "tag.highlight": {
+                                    type: "tag.highlight";
+                                    params: NonReducibleUnknown;
+                                };
                                 "xyflow:fitDiagram": {
                                     type: "xyflow:fitDiagram";
                                     params: {
@@ -1669,10 +1770,22 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                                         toPosition: XYPoint;
                                     };
                                 };
+                                "ensure overlays actor state": {
+                                    type: "ensure overlays actor state";
+                                    params: NonReducibleUnknown;
+                                };
+                                "ensure search actor state": {
+                                    type: "ensure search actor state";
+                                    params: NonReducibleUnknown;
+                                };
                                 updateFeatures: {
                                     type: "updateFeatures";
                                     params: NonReducibleUnknown;
                                 };
+                                closeSearch: {
+                                    type: "closeSearch";
+                                    params: NonReducibleUnknown;
+                                };
                                 startSyncLayout: {
                                     type: "startSyncLayout";
                                     params: NonReducibleUnknown;
@@ -1681,6 +1794,18 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                                     type: "stopSyncLayout";
                                     params: NonReducibleUnknown;
                                 };
+                                "focus on nodes and edges": {
+                                    type: "focus on nodes and edges";
+                                    params: NonReducibleUnknown;
+                                };
+                                "undim everything": {
+                                    type: "undim everything";
+                                    params: NonReducibleUnknown;
+                                };
+                                "update active walkthrough": {
+                                    type: "update active walkthrough";
+                                    params: NonReducibleUnknown;
+                                };
                             }>, Values<{
                                 isReady: {
                                     type: "isReady";
@@ -1702,6 +1827,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                                     type: "enabled: RelationshipDetails";
                                     params: unknown;
                                 };
+                                "enabled: Search": {
+                                    type: "enabled: Search";
+                                    params: unknown;
+                                };
                                 "not readonly": {
                                     type: "not readonly";
                                     params: unknown;
@@ -1756,44 +1885,18 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                                     logic: OverlaysActorLogic;
                                     id: "overlays";
                                 };
-                            }>, never, never, never, never>, ActionFunction<Context, Events, Events, undefined, Values<{
-                                syncManualLayoutActorLogic: {
-                                    src: "syncManualLayoutActorLogic";
-                                    logic: SyncLayoutActorLogic;
-                                    id: "syncLayout";
-                                };
-                                hotkeyActorLogic: {
-                                    src: "hotkeyActorLogic";
-                                    logic: HotkeyActorLogic;
-                                    id: "hotkey";
+                                searchActorLogic: {
+                                    src: "searchActorLogic";
+                                    logic: SearchActorLogic;
+                                    id: "search";
                                 };
-                                overlaysActorLogic: {
-                                    src: "overlaysActorLogic";
-                                    logic: OverlaysActorLogic;
-                                    id: "overlays";
-                                };
-                            }>, never, never, never, never>, "xyflow:fitFocusedBounds"];
+                            }>, never, never, never, never>, "update active walkthrough", "xyflow:fitFocusedBounds"];
                         };
                         readonly 'notations.unhighlight': {
-                            readonly actions: ActionFunction<Context, {
-                                type: "notations.unhighlight";
-                            }, Events, undefined, Values<{
-                                syncManualLayoutActorLogic: {
-                                    src: "syncManualLayoutActorLogic";
-                                    logic: SyncLayoutActorLogic;
-                                    id: "syncLayout";
-                                };
-                                hotkeyActorLogic: {
-                                    src: "hotkeyActorLogic";
-                                    logic: HotkeyActorLogic;
-                                    id: "hotkey";
-                                };
-                                overlaysActorLogic: {
-                                    src: "overlaysActorLogic";
-                                    logic: OverlaysActorLogic;
-                                    id: "overlays";
-                                };
-                            }>, never, never, never, never>;
+                            readonly actions: "update active walkthrough";
+                        };
+                        readonly 'tag.unhighlight': {
+                            readonly actions: "update active walkthrough";
                         };
                         readonly 'walkthrough.end': {
                             readonly target: "idle";
@@ -1828,6 +1931,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             logic: OverlaysActorLogic;
                             id: "overlays";
                         };
+                        searchActorLogic: {
+                            src: "searchActorLogic";
+                            logic: SearchActorLogic;
+                            id: "search";
+                        };
                     }>, Values<{
                         onNodeMouseEnter: {
                             type: "onNodeMouseEnter";
@@ -1872,6 +1980,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                                 kind?: string;
                             };
                         };
+                        "tag.highlight": {
+                            type: "tag.highlight";
+                            params: NonReducibleUnknown;
+                        };
                         "xyflow:fitDiagram": {
                             type: "xyflow:fitDiagram";
                             params: {
@@ -1926,10 +2038,22 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                                 toPosition: XYPoint;
                             };
                         };
+                        "ensure overlays actor state": {
+                            type: "ensure overlays actor state";
+                            params: NonReducibleUnknown;
+                        };
+                        "ensure search actor state": {
+                            type: "ensure search actor state";
+                            params: NonReducibleUnknown;
+                        };
                         updateFeatures: {
                             type: "updateFeatures";
                             params: NonReducibleUnknown;
                         };
+                        closeSearch: {
+                            type: "closeSearch";
+                            params: NonReducibleUnknown;
+                        };
                         startSyncLayout: {
                             type: "startSyncLayout";
                             params: NonReducibleUnknown;
@@ -1938,6 +2062,18 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "stopSyncLayout";
                             params: NonReducibleUnknown;
                         };
+                        "focus on nodes and edges": {
+                            type: "focus on nodes and edges";
+                            params: NonReducibleUnknown;
+                        };
+                        "undim everything": {
+                            type: "undim everything";
+                            params: NonReducibleUnknown;
+                        };
+                        "update active walkthrough": {
+                            type: "update active walkthrough";
+                            params: NonReducibleUnknown;
+                        };
                     }>, Values<{
                         isReady: {
                             type: "isReady";
@@ -1959,6 +2095,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "enabled: RelationshipDetails";
                             params: unknown;
                         };
+                        "enabled: Search": {
+                            type: "enabled: Search";
+                            params: unknown;
+                        };
                         "not readonly": {
                             type: "not readonly";
                             params: unknown;
@@ -1997,7 +2137,7 @@ declare const _diagramMachine: StateMachine<Context, Events, {
         };
         readonly navigating: {
             readonly id: "navigating";
-            readonly entry: readonly ["closeAllOverlays", "stopSyncLayout", {
+            readonly entry: readonly ["closeAllOverlays", "closeSearch", "stopSyncLayout", {
                 readonly type: "trigger:NavigateTo";
                 readonly params: ({ context }: {
                     context: Context;
@@ -2029,6 +2169,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             logic: OverlaysActorLogic;
                             id: "overlays";
                         };
+                        searchActorLogic: {
+                            src: "searchActorLogic";
+                            logic: SearchActorLogic;
+                            id: "search";
+                        };
                     }>, Values<{
                         onNodeMouseEnter: {
                             type: "onNodeMouseEnter";
@@ -2073,6 +2218,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                                 kind?: string;
                             };
                         };
+                        "tag.highlight": {
+                            type: "tag.highlight";
+                            params: NonReducibleUnknown;
+                        };
                         "xyflow:fitDiagram": {
                             type: "xyflow:fitDiagram";
                             params: {
@@ -2127,10 +2276,22 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                                 toPosition: XYPoint;
                             };
                         };
+                        "ensure overlays actor state": {
+                            type: "ensure overlays actor state";
+                            params: NonReducibleUnknown;
+                        };
+                        "ensure search actor state": {
+                            type: "ensure search actor state";
+                            params: NonReducibleUnknown;
+                        };
                         updateFeatures: {
                             type: "updateFeatures";
                             params: NonReducibleUnknown;
                         };
+                        closeSearch: {
+                            type: "closeSearch";
+                            params: NonReducibleUnknown;
+                        };
                         startSyncLayout: {
                             type: "startSyncLayout";
                             params: NonReducibleUnknown;
@@ -2139,6 +2300,18 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "stopSyncLayout";
                             params: NonReducibleUnknown;
                         };
+                        "focus on nodes and edges": {
+                            type: "focus on nodes and edges";
+                            params: NonReducibleUnknown;
+                        };
+                        "undim everything": {
+                            type: "undim everything";
+                            params: NonReducibleUnknown;
+                        };
+                        "update active walkthrough": {
+                            type: "update active walkthrough";
+                            params: NonReducibleUnknown;
+                        };
                     }>, Values<{
                         isReady: {
                             type: "isReady";
@@ -2160,6 +2333,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "enabled: RelationshipDetails";
                             params: unknown;
                         };
+                        "enabled: Search": {
+                            type: "enabled: Search";
+                            params: unknown;
+                        };
                         "not readonly": {
                             type: "not readonly";
                             params: unknown;
@@ -2219,6 +2396,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     logic: OverlaysActorLogic;
                     id: "overlays";
                 };
+                searchActorLogic: {
+                    src: "searchActorLogic";
+                    logic: SearchActorLogic;
+                    id: "search";
+                };
             }>, never, never, never, never>;
         };
         readonly 'xyflow.applyEdgeChanges': {
@@ -2241,6 +2423,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     logic: OverlaysActorLogic;
                     id: "overlays";
                 };
+                searchActorLogic: {
+                    src: "searchActorLogic";
+                    logic: SearchActorLogic;
+                    id: "search";
+                };
             }>, never, never, never, never>;
         };
         readonly 'xyflow.viewportMoved': {
@@ -2264,6 +2451,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     logic: OverlaysActorLogic;
                     id: "overlays";
                 };
+                searchActorLogic: {
+                    src: "searchActorLogic";
+                    logic: SearchActorLogic;
+                    id: "search";
+                };
             }>, never, never, never, never>;
         };
         readonly fitDiagram: {
@@ -2301,6 +2493,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     logic: OverlaysActorLogic;
                     id: "overlays";
                 };
+                searchActorLogic: {
+                    src: "searchActorLogic";
+                    logic: SearchActorLogic;
+                    id: "search";
+                };
             }>, never, never, never, never>;
         };
         readonly 'update.edgeData': {
@@ -2320,6 +2517,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     logic: OverlaysActorLogic;
                     id: "overlays";
                 };
+                searchActorLogic: {
+                    src: "searchActorLogic";
+                    logic: SearchActorLogic;
+                    id: "search";
+                };
             }>, never, never, never, never>;
         };
         readonly 'update.view': {
@@ -2339,6 +2541,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     logic: OverlaysActorLogic;
                     id: "overlays";
                 };
+                searchActorLogic: {
+                    src: "searchActorLogic";
+                    logic: SearchActorLogic;
+                    id: "search";
+                };
             }>, never, never, never, never>, ActionFunction<Context, {
                 type: "update.view";
                 view: DiagramView;
@@ -2360,6 +2567,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     logic: OverlaysActorLogic;
                     id: "overlays";
                 };
+                searchActorLogic: {
+                    src: "searchActorLogic";
+                    logic: SearchActorLogic;
+                    id: "search";
+                };
             }>, Values<{
                 onNodeMouseEnter: {
                     type: "onNodeMouseEnter";
@@ -2404,6 +2616,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                         kind?: string;
                     };
                 };
+                "tag.highlight": {
+                    type: "tag.highlight";
+                    params: NonReducibleUnknown;
+                };
                 "xyflow:fitDiagram": {
                     type: "xyflow:fitDiagram";
                     params: {
@@ -2458,10 +2674,22 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                         toPosition: XYPoint;
                     };
                 };
+                "ensure overlays actor state": {
+                    type: "ensure overlays actor state";
+                    params: NonReducibleUnknown;
+                };
+                "ensure search actor state": {
+                    type: "ensure search actor state";
+                    params: NonReducibleUnknown;
+                };
                 updateFeatures: {
                     type: "updateFeatures";
                     params: NonReducibleUnknown;
                 };
+                closeSearch: {
+                    type: "closeSearch";
+                    params: NonReducibleUnknown;
+                };
                 startSyncLayout: {
                     type: "startSyncLayout";
                     params: NonReducibleUnknown;
@@ -2470,6 +2698,18 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     type: "stopSyncLayout";
                     params: NonReducibleUnknown;
                 };
+                "focus on nodes and edges": {
+                    type: "focus on nodes and edges";
+                    params: NonReducibleUnknown;
+                };
+                "undim everything": {
+                    type: "undim everything";
+                    params: NonReducibleUnknown;
+                };
+                "update active walkthrough": {
+                    type: "update active walkthrough";
+                    params: NonReducibleUnknown;
+                };
             }>, Values<{
                 isReady: {
                     type: "isReady";
@@ -2491,6 +2731,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     type: "enabled: RelationshipDetails";
                     params: unknown;
                 };
+                "enabled: Search": {
+                    type: "enabled: Search";
+                    params: unknown;
+                };
                 "not readonly": {
                     type: "not readonly";
                     params: unknown;
@@ -2545,13 +2789,18 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     logic: OverlaysActorLogic;
                     id: "overlays";
                 };
+                searchActorLogic: {
+                    src: "searchActorLogic";
+                    logic: SearchActorLogic;
+                    id: "search";
+                };
             }>, never, never, never, never>;
         };
         readonly 'update.features': {
-            readonly actions: "updateFeatures";
+            readonly actions: readonly ["updateFeatures", "ensure overlays actor state", "ensure search actor state"];
         };
     };
-    readonly exit: readonly ["stopSyncLayout", CancelAction<Context, Events, undefined, Events>, StopAction<Context, Events, undefined, Events>, ActionFunction<Context, Events, Events, undefined, Values<{
+    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: {
             src: "syncManualLayoutActorLogic";
             logic: SyncLayoutActorLogic;
@@ -2567,6 +2816,11 @@ declare const _diagramMachine: StateMachine<Context, Events, {
             logic: OverlaysActorLogic;
             id: "overlays";
         };
+        searchActorLogic: {
+            src: "searchActorLogic";
+            logic: SearchActorLogic;
+            id: "search";
+        };
     }>, never, never, never, never>];
 }>;
 /**