@likec4/diagram 1.57.0 → 1.59.0

package/dist/likec4diagram/state/machine.actions.d.ts

@@ -1,203 +1,240 @@
 import { DiagramView, Fqn, NodeId, ViewChange, ViewId } from '@likec4/core/types';
 import { OpenSourceParams } from '../../LikeC4Diagram.props';
-import { Types } from '../types';
 import { AlignmentMode } from './aligners';
 import { ActionFunction, StopAction, CancelAction } from 'xstate';
 import { Context, Events, EmittedEvents } from './machine.setup';
+import { SearchActorLogic } from '../../search/searchActor';
 import { HotkeyActorLogic } from './hotkeyActor';
 import { OverlaysActorLogic } from '../../overlays/overlaysActor';
-import { SearchActorLogic } from '../../search/searchActor';
 import { MediaPrintActorLogic } from './mediaPrintActor';
 import { EditorActorLogic } from '../../editor';
+import { NavigationPanelActorLogic } from '../../navigationpanel/actor';
 export * from './machine.actions.layout';
+export declare const resetSelection: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
 export declare const disableCompareWithLatest: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, never, never, never>;
 export declare const onEdgeDoubleClick: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, never, never, never>;
 export declare const assignLastClickedNode: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, never, never, never>;
 export declare const assignFocusedNode: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, never, never, never>;
 export declare const resetLastClickedNode: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, never, never, never>;
 export declare const updateFeatures: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, never, never, never>;
 export declare const updateInputs: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, never, never, never>;
 export declare const assignXYDataFromView: (view?: DiagramView) => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, never, never, never>;
 export declare const focusOnNodesAndEdges: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, {
     type: "isReady";
     params: unknown;
@@ -228,6 +265,9 @@ export declare const focusOnNodesAndEdges: () => ActionFunction<Context, Events,
 } | {
     type: "enabled: DynamicViewWalkthrough";
     params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
 } | {
     type: "focus.node: autoUnfocus";
     params: unknown;
@@ -240,6 +280,9 @@ export declare const focusOnNodesAndEdges: () => ActionFunction<Context, Events,
 } | {
     type: "is dynamic view";
     params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
 } | {
     type: "is same view";
     params: unknown;
@@ -258,6 +301,9 @@ export declare const focusOnNodesAndEdges: () => ActionFunction<Context, Events,
 } | {
     type: "click: focused node";
     params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
 } | {
     type: "click: node has connections";
     params: unknown;
@@ -269,122 +315,240 @@ export declare const focusOnNodesAndEdges: () => ActionFunction<Context, Events,
     params: unknown;
 }, never, EmittedEvents>;
 export declare const undimEverything: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, never, never, never>;
 export declare const assignDynamicViewVariant: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, never, never, never>;
-export declare const onNodeMouseEnter: (params?: {
-    node: Types.Node;
-}) => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+export declare const onNodeMouseEnter: () => ActionFunction<Context, Events, Events, undefined, {
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, never, never, never>;
-export declare const onNodeMouseLeave: (params?: {
-    node: Types.Node;
-}) => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+export declare const onNodeMouseLeave: () => ActionFunction<Context, Events, Events, undefined, {
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, never, never, never>;
 export declare const emitPaneClick: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents>;
 export declare const emitOpenSource: (params?: OpenSourceParams) => ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents>;
 export declare const emitOpenSourceOfView: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents>;
 export declare const emitInitialized: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents>;
-export declare const emitNodeClick: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents>;
+export declare const emitNodeClick: () => ActionFunction<Context, Events, Events, undefined, {
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
+    logic: HotkeyActorLogic;
+    id: "hotkey";
+} | {
+    src: "overlays";
+    logic: OverlaysActorLogic;
+    id: "overlays";
+} | {
+    src: "mediaPrint";
+    logic: MediaPrintActorLogic;
+    id: "mediaPrint";
+} | {
+    src: "editor";
+    logic: EditorActorLogic;
+    id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
+}, never, {
+    type: "isReady";
+    params: unknown;
+} | {
+    type: "enabled: Editor";
+    params: unknown;
+} | {
+    type: "enabled: FitView";
+    params: unknown;
+} | {
+    type: "enabled: FocusMode";
+    params: unknown;
+} | {
+    type: "enabled: Readonly";
+    params: unknown;
+} | {
+    type: "enabled: RelationshipDetails";
+    params: unknown;
+} | {
+    type: "enabled: Search";
+    params: unknown;
+} | {
+    type: "enabled: ElementDetails";
+    params: unknown;
+} | {
+    type: "enabled: OpenSource";
+    params: unknown;
+} | {
+    type: "enabled: DynamicViewWalkthrough";
+    params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
+} | {
+    type: "focus.node: autoUnfocus";
+    params: unknown;
+} | {
+    type: "enabled: Overlays";
+    params: unknown;
+} | {
+    type: "not readonly";
+    params: unknown;
+} | {
+    type: "is dynamic view";
+    params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
+} | {
+    type: "is same view";
+    params: unknown;
+} | {
+    type: "is another view";
+    params: unknown;
+} | {
+    type: "click: node has modelFqn";
+    params: unknown;
+} | {
+    type: "click: selected node";
+    params: unknown;
+} | {
+    type: "click: same node";
+    params: unknown;
+} | {
+    type: "click: focused node";
+    params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
+} | {
+    type: "click: node has connections";
+    params: unknown;
+} | {
+    type: "click: selected edge";
+    params: unknown;
+} | {
+    type: "click: active walkthrough step";
+    params: unknown;
+}, never, EmittedEvents>;
 export declare const emitNavigateTo: (params?: {
     viewId: ViewId;
 }) => ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents>;
 export declare const emitEdgeClick: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents>;
 export declare const triggerChange: (viewChange?: ViewChange) => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, {
     type: "isReady";
     params: unknown;
@@ -415,6 +579,9 @@ export declare const triggerChange: (viewChange?: ViewChange) => ActionFunction<
 } | {
     type: "enabled: DynamicViewWalkthrough";
     params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
 } | {
     type: "focus.node: autoUnfocus";
     params: unknown;
@@ -427,6 +594,9 @@ export declare const triggerChange: (viewChange?: ViewChange) => ActionFunction<
 } | {
     type: "is dynamic view";
     params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
 } | {
     type: "is same view";
     params: unknown;
@@ -445,6 +615,9 @@ export declare const triggerChange: (viewChange?: ViewChange) => ActionFunction<
 } | {
     type: "click: focused node";
     params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
 } | {
     type: "click: node has connections";
     params: unknown;
@@ -456,25 +629,29 @@ export declare const triggerChange: (viewChange?: ViewChange) => ActionFunction<
     params: unknown;
 }, never, EmittedEvents>;
 export declare const emitOnLayoutTypeChange: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, {
     type: "isReady";
     params: unknown;
@@ -505,6 +682,9 @@ export declare const emitOnLayoutTypeChange: () => ActionFunction<Context, Event
 } | {
     type: "enabled: DynamicViewWalkthrough";
     params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
 } | {
     type: "focus.node: autoUnfocus";
     params: unknown;
@@ -517,6 +697,9 @@ export declare const emitOnLayoutTypeChange: () => ActionFunction<Context, Event
 } | {
     type: "is dynamic view";
     params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
 } | {
     type: "is same view";
     params: unknown;
@@ -535,6 +718,9 @@ export declare const emitOnLayoutTypeChange: () => ActionFunction<Context, Event
 } | {
     type: "click: focused node";
     params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
 } | {
     type: "click: node has connections";
     params: unknown;
@@ -548,25 +734,29 @@ export declare const emitOnLayoutTypeChange: () => ActionFunction<Context, Event
 export declare const layoutAlign: (params?: {
     mode: AlignmentMode;
 }) => ActionFunction<Context, Events, Events, unknown, {
-    src: "hotkeyActorLogic";
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, {
     type: "isReady";
     params: unknown;
@@ -597,6 +787,9 @@ export declare const layoutAlign: (params?: {
 } | {
     type: "enabled: DynamicViewWalkthrough";
     params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
 } | {
     type: "focus.node: autoUnfocus";
     params: unknown;
@@ -609,6 +802,9 @@ export declare const layoutAlign: (params?: {
 } | {
     type: "is dynamic view";
     params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
 } | {
     type: "is same view";
     params: unknown;
@@ -627,6 +823,9 @@ export declare const layoutAlign: (params?: {
 } | {
     type: "click: focused node";
     params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
 } | {
     type: "click: node has connections";
     params: unknown;
@@ -638,132 +837,475 @@ export declare const layoutAlign: (params?: {
     params: unknown;
 }, never, EmittedEvents>;
 export declare const resetEdgesControlPoints: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, never, never, never>;
 export declare const notationsHighlight: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, never, never, never>;
 export declare const tagHighlight: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, never, never, never>;
 export declare const highlightNodeOrEdge: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
+    src: "mediaPrint";
+    logic: MediaPrintActorLogic;
+    id: "mediaPrint";
+} | {
+    src: "editor";
+    logic: EditorActorLogic;
+    id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
+}, never, never, never, never>;
+export declare const assignToggledFeatures: () => ActionFunction<Context, Events, Events, undefined, {
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
+    logic: HotkeyActorLogic;
+    id: "hotkey";
+} | {
+    src: "overlays";
+    logic: OverlaysActorLogic;
+    id: "overlays";
+} | {
+    src: "mediaPrint";
+    logic: MediaPrintActorLogic;
+    id: "mediaPrint";
+} | {
+    src: "editor";
+    logic: EditorActorLogic;
+    id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
+}, never, never, never, never>;
+export declare const closeSearch: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
+export declare const closeAllOverlays: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
+export declare const stopEditorActor: () => ActionFunction<Context, Events, Events, undefined, {
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
+    logic: HotkeyActorLogic;
+    id: "hotkey";
+} | {
+    src: "overlays";
+    logic: OverlaysActorLogic;
+    id: "overlays";
+} | {
+    src: "mediaPrint";
+    logic: MediaPrintActorLogic;
+    id: "mediaPrint";
+} | {
+    src: "editor";
+    logic: EditorActorLogic;
+    id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
+}, never, {
+    type: "isReady";
+    params: unknown;
+} | {
+    type: "enabled: Editor";
+    params: unknown;
+} | {
+    type: "enabled: FitView";
+    params: unknown;
+} | {
+    type: "enabled: FocusMode";
+    params: unknown;
+} | {
+    type: "enabled: Readonly";
+    params: unknown;
+} | {
+    type: "enabled: RelationshipDetails";
+    params: unknown;
+} | {
+    type: "enabled: Search";
+    params: unknown;
+} | {
+    type: "enabled: ElementDetails";
+    params: unknown;
+} | {
+    type: "enabled: OpenSource";
+    params: unknown;
+} | {
+    type: "enabled: DynamicViewWalkthrough";
+    params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
+} | {
+    type: "focus.node: autoUnfocus";
+    params: unknown;
+} | {
+    type: "enabled: Overlays";
+    params: unknown;
+} | {
+    type: "not readonly";
+    params: unknown;
+} | {
+    type: "is dynamic view";
+    params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
+} | {
+    type: "is same view";
+    params: unknown;
+} | {
+    type: "is another view";
+    params: unknown;
+} | {
+    type: "click: node has modelFqn";
+    params: unknown;
+} | {
+    type: "click: selected node";
+    params: unknown;
+} | {
+    type: "click: same node";
+    params: unknown;
+} | {
+    type: "click: focused node";
+    params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
+} | {
+    type: "click: node has connections";
+    params: unknown;
+} | {
+    type: "click: selected edge";
+    params: unknown;
+} | {
+    type: "click: active walkthrough step";
+    params: unknown;
+}, never, EmittedEvents>;
+/**
+ * Ensure that the sync layout actor is running or stopped based on the read-only state
+ */
+export declare const ensureEditorActor: () => ActionFunction<Context, Events, Events, undefined, {
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
+    logic: HotkeyActorLogic;
+    id: "hotkey";
+} | {
+    src: "overlays";
+    logic: OverlaysActorLogic;
+    id: "overlays";
+} | {
+    src: "mediaPrint";
+    logic: MediaPrintActorLogic;
+    id: "mediaPrint";
+} | {
+    src: "editor";
+    logic: EditorActorLogic;
+    id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
+}, never, {
+    type: "isReady";
+    params: unknown;
+} | {
+    type: "enabled: Editor";
+    params: unknown;
+} | {
+    type: "enabled: FitView";
+    params: unknown;
+} | {
+    type: "enabled: FocusMode";
+    params: unknown;
+} | {
+    type: "enabled: Readonly";
+    params: unknown;
+} | {
+    type: "enabled: RelationshipDetails";
+    params: unknown;
+} | {
+    type: "enabled: Search";
+    params: unknown;
+} | {
+    type: "enabled: ElementDetails";
+    params: unknown;
+} | {
+    type: "enabled: OpenSource";
+    params: unknown;
+} | {
+    type: "enabled: DynamicViewWalkthrough";
+    params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
+} | {
+    type: "focus.node: autoUnfocus";
+    params: unknown;
+} | {
+    type: "enabled: Overlays";
+    params: unknown;
+} | {
+    type: "not readonly";
+    params: unknown;
+} | {
+    type: "is dynamic view";
+    params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
+} | {
+    type: "is same view";
+    params: unknown;
+} | {
+    type: "is another view";
+    params: unknown;
+} | {
+    type: "click: node has modelFqn";
+    params: unknown;
+} | {
+    type: "click: selected node";
+    params: unknown;
+} | {
+    type: "click: same node";
+    params: unknown;
+} | {
+    type: "click: focused node";
+    params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
+} | {
+    type: "click: node has connections";
+    params: unknown;
+} | {
+    type: "click: selected edge";
+    params: unknown;
+} | {
+    type: "click: active walkthrough step";
+    params: unknown;
+}, never, EmittedEvents>;
+export declare const startEditing: (subject?: "node" | "edge") => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
+export declare const sendSynced: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
+export declare const stopEditing: (wasChanged?: boolean) => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
+export declare const cancelEditing: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
+export declare const openElementDetails: (params?: {
+    fqn: Fqn;
+    fromNode?: NodeId | undefined;
+}) => ActionFunction<Context, Events, Events, undefined, {
+    src: "search";
+    logic: SearchActorLogic;
     id: "search";
 } | {
-    src: "mediaPrintActorLogic";
-    logic: MediaPrintActorLogic;
-    id: "mediaPrint";
+    src: "hotkey";
+    logic: HotkeyActorLogic;
+    id: "hotkey";
+} | {
+    src: "overlays";
+    logic: OverlaysActorLogic;
+    id: "overlays";
+} | {
+    src: "mediaPrint";
+    logic: MediaPrintActorLogic;
+    id: "mediaPrint";
+} | {
+    src: "editor";
+    logic: EditorActorLogic;
+    id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
+}, never, {
+    type: "isReady";
+    params: unknown;
+} | {
+    type: "enabled: Editor";
+    params: unknown;
+} | {
+    type: "enabled: FitView";
+    params: unknown;
+} | {
+    type: "enabled: FocusMode";
+    params: unknown;
+} | {
+    type: "enabled: Readonly";
+    params: unknown;
+} | {
+    type: "enabled: RelationshipDetails";
+    params: unknown;
+} | {
+    type: "enabled: Search";
+    params: unknown;
+} | {
+    type: "enabled: ElementDetails";
+    params: unknown;
+} | {
+    type: "enabled: OpenSource";
+    params: unknown;
+} | {
+    type: "enabled: DynamicViewWalkthrough";
+    params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
+} | {
+    type: "focus.node: autoUnfocus";
+    params: unknown;
+} | {
+    type: "enabled: Overlays";
+    params: unknown;
+} | {
+    type: "not readonly";
+    params: unknown;
+} | {
+    type: "is dynamic view";
+    params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
+} | {
+    type: "is same view";
+    params: unknown;
+} | {
+    type: "is another view";
+    params: unknown;
+} | {
+    type: "click: node has modelFqn";
+    params: unknown;
+} | {
+    type: "click: selected node";
+    params: unknown;
+} | {
+    type: "click: same node";
+    params: unknown;
+} | {
+    type: "click: focused node";
+    params: unknown;
 } | {
-    src: "editorActor";
-    logic: EditorActorLogic;
-    id: "editor";
-}, never, never, never, never>;
-export declare const assignToggledFeatures: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
-    logic: HotkeyActorLogic;
-    id: "hotkey";
+    type: "click: node.type = seq-subflow";
+    params: unknown;
 } | {
-    src: "overlaysActorLogic";
-    logic: OverlaysActorLogic;
-    id: "overlays";
+    type: "click: node has connections";
+    params: unknown;
+} | {
+    type: "click: selected edge";
+    params: unknown;
 } | {
-    src: "searchActorLogic";
+    type: "click: active walkthrough step";
+    params: unknown;
+}, never, EmittedEvents>;
+export declare const openOverlay: () => ActionFunction<Context, Events, Events, undefined, {
+    src: "search";
     logic: SearchActorLogic;
     id: "search";
 } | {
-    src: "mediaPrintActorLogic";
-    logic: MediaPrintActorLogic;
-    id: "mediaPrint";
-} | {
-    src: "editorActor";
-    logic: EditorActorLogic;
-    id: "editor";
-}, never, never, never, never>;
-export declare const closeSearch: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
-export declare const closeAllOverlays: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
-export declare const stopEditorActor: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, {
     type: "isReady";
     params: unknown;
@@ -794,6 +1336,9 @@ export declare const stopEditorActor: () => ActionFunction<Context, Events, Even
 } | {
     type: "enabled: DynamicViewWalkthrough";
     params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
 } | {
     type: "focus.node: autoUnfocus";
     params: unknown;
@@ -806,6 +1351,9 @@ export declare const stopEditorActor: () => ActionFunction<Context, Events, Even
 } | {
     type: "is dynamic view";
     params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
 } | {
     type: "is same view";
     params: unknown;
@@ -824,6 +1372,9 @@ export declare const stopEditorActor: () => ActionFunction<Context, Events, Even
 } | {
     type: "click: focused node";
     params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
 } | {
     type: "click: node has connections";
     params: unknown;
@@ -834,29 +1385,30 @@ export declare const stopEditorActor: () => ActionFunction<Context, Events, Even
     type: "click: active walkthrough step";
     params: unknown;
 }, never, EmittedEvents>;
-/**
- * Ensure that the sync layout actor is running or stopped based on the read-only state
- */
-export declare const ensureEditorActor: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+export declare const openSourceOfFocusedOrLastClickedNode: () => ActionFunction<Context, Events, Events, undefined, {
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, {
     type: "isReady";
     params: unknown;
@@ -887,6 +1439,9 @@ export declare const ensureEditorActor: () => ActionFunction<Context, Events, Ev
 } | {
     type: "enabled: DynamicViewWalkthrough";
     params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
 } | {
     type: "focus.node: autoUnfocus";
     params: unknown;
@@ -899,6 +1454,9 @@ export declare const ensureEditorActor: () => ActionFunction<Context, Events, Ev
 } | {
     type: "is dynamic view";
     params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
 } | {
     type: "is same view";
     params: unknown;
@@ -917,6 +1475,9 @@ export declare const ensureEditorActor: () => ActionFunction<Context, Events, Ev
 } | {
     type: "click: focused node";
     params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
 } | {
     type: "click: node has connections";
     params: unknown;
@@ -927,33 +1488,33 @@ export declare const ensureEditorActor: () => ActionFunction<Context, Events, Ev
     type: "click: active walkthrough step";
     params: unknown;
 }, never, EmittedEvents>;
-export declare const startEditing: (subject?: "node" | "edge") => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
-export declare const sendSynced: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
-export declare const stopEditing: (wasChanged?: boolean) => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
-export declare const cancelEditing: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
-export declare const openElementDetails: (params?: {
-    fqn: Fqn;
-    fromNode?: NodeId | undefined;
-}) => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+/**
+ * Ensure that the overlays actor is running or stopped based on the current feature flags
+ */
+export declare const ensureOverlaysActor: () => ActionFunction<Context, Events, Events, undefined, {
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, {
     type: "isReady";
     params: unknown;
@@ -984,6 +1545,9 @@ export declare const openElementDetails: (params?: {
 } | {
     type: "enabled: DynamicViewWalkthrough";
     params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
 } | {
     type: "focus.node: autoUnfocus";
     params: unknown;
@@ -996,6 +1560,9 @@ export declare const openElementDetails: (params?: {
 } | {
     type: "is dynamic view";
     params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
 } | {
     type: "is same view";
     params: unknown;
@@ -1014,6 +1581,9 @@ export declare const openElementDetails: (params?: {
 } | {
     type: "click: focused node";
     params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
 } | {
     type: "click: node has connections";
     params: unknown;
@@ -1024,26 +1594,33 @@ export declare const openElementDetails: (params?: {
     type: "click: active walkthrough step";
     params: unknown;
 }, never, EmittedEvents>;
-export declare const openOverlay: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+/**
+ * Ensure that the navigation panel actor is running or stopped based on the current state
+ */
+export declare const ensureNavigationPanelActor: () => ActionFunction<Context, Events, Events, undefined, {
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, {
     type: "isReady";
     params: unknown;
@@ -1074,6 +1651,9 @@ export declare const openOverlay: () => ActionFunction<Context, Events, Events,
 } | {
     type: "enabled: DynamicViewWalkthrough";
     params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
 } | {
     type: "focus.node: autoUnfocus";
     params: unknown;
@@ -1086,6 +1666,9 @@ export declare const openOverlay: () => ActionFunction<Context, Events, Events,
 } | {
     type: "is dynamic view";
     params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
 } | {
     type: "is same view";
     params: unknown;
@@ -1104,6 +1687,9 @@ export declare const openOverlay: () => ActionFunction<Context, Events, Events,
 } | {
     type: "click: focused node";
     params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
 } | {
     type: "click: node has connections";
     params: unknown;
@@ -1114,26 +1700,33 @@ export declare const openOverlay: () => ActionFunction<Context, Events, Events,
     type: "click: active walkthrough step";
     params: unknown;
 }, never, EmittedEvents>;
-export declare const openSourceOfFocusedOrLastClickedNode: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+/**
+ * Ensure that the search actor is running or stopped based on the current feature flags
+ */
+export declare const ensureSearchActor: () => ActionFunction<Context, Events, Events, undefined, {
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, {
     type: "isReady";
     params: unknown;
@@ -1164,6 +1757,9 @@ export declare const openSourceOfFocusedOrLastClickedNode: () => ActionFunction<
 } | {
     type: "enabled: DynamicViewWalkthrough";
     params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
 } | {
     type: "focus.node: autoUnfocus";
     params: unknown;
@@ -1176,6 +1772,9 @@ export declare const openSourceOfFocusedOrLastClickedNode: () => ActionFunction<
 } | {
     type: "is dynamic view";
     params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
 } | {
     type: "is same view";
     params: unknown;
@@ -1194,6 +1793,9 @@ export declare const openSourceOfFocusedOrLastClickedNode: () => ActionFunction<
 } | {
     type: "click: focused node";
     params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
 } | {
     type: "click: node has connections";
     params: unknown;
@@ -1204,29 +1806,30 @@ export declare const openSourceOfFocusedOrLastClickedNode: () => ActionFunction<
     type: "click: active walkthrough step";
     params: unknown;
 }, never, EmittedEvents>;
-/**
- * Ensure that the overlays actor is running or stopped based on the current feature flags
- */
-export declare const ensureOverlaysActor: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+export declare const onEdgeMouseEnter: () => ActionFunction<Context, Events, Events, undefined, {
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, {
     type: "isReady";
     params: unknown;
@@ -1257,6 +1860,9 @@ export declare const ensureOverlaysActor: () => ActionFunction<Context, Events,
 } | {
     type: "enabled: DynamicViewWalkthrough";
     params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
 } | {
     type: "focus.node: autoUnfocus";
     params: unknown;
@@ -1269,6 +1875,9 @@ export declare const ensureOverlaysActor: () => ActionFunction<Context, Events,
 } | {
     type: "is dynamic view";
     params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
 } | {
     type: "is same view";
     params: unknown;
@@ -1287,6 +1896,9 @@ export declare const ensureOverlaysActor: () => ActionFunction<Context, Events,
 } | {
     type: "click: focused node";
     params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
 } | {
     type: "click: node has connections";
     params: unknown;
@@ -1297,29 +1909,30 @@ export declare const ensureOverlaysActor: () => ActionFunction<Context, Events,
     type: "click: active walkthrough step";
     params: unknown;
 }, never, EmittedEvents>;
-/**
- * Ensure that the search actor is running or stopped based on the current feature flags
- */
-export declare const ensureSearchActor: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+export declare const onEdgeMouseLeave: () => ActionFunction<Context, Events, Events, undefined, {
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, {
     type: "isReady";
     params: unknown;
@@ -1350,6 +1963,9 @@ export declare const ensureSearchActor: () => ActionFunction<Context, Events, Ev
 } | {
     type: "enabled: DynamicViewWalkthrough";
     params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
 } | {
     type: "focus.node: autoUnfocus";
     params: unknown;
@@ -1362,6 +1978,9 @@ export declare const ensureSearchActor: () => ActionFunction<Context, Events, Ev
 } | {
     type: "is dynamic view";
     params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
 } | {
     type: "is same view";
     params: unknown;
@@ -1380,6 +1999,9 @@ export declare const ensureSearchActor: () => ActionFunction<Context, Events, Ev
 } | {
     type: "click: focused node";
     params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
 } | {
     type: "click: node has connections";
     params: unknown;
@@ -1390,26 +2012,57 @@ export declare const ensureSearchActor: () => ActionFunction<Context, Events, Ev
     type: "click: active walkthrough step";
     params: unknown;
 }, never, EmittedEvents>;
-export declare const onEdgeMouseEnter: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+export declare const reraise: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
+export declare const startHotKeyActor: () => ActionFunction<Context, Events, Events, undefined, {
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
+    src: "mediaPrint";
+    logic: MediaPrintActorLogic;
+    id: "mediaPrint";
+} | {
+    src: "editor";
+    logic: EditorActorLogic;
+    id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
+}, never, never, never, never>;
+export declare const stopHotKeyActor: () => StopAction<Context, Events, undefined, Events>;
+export declare const startAutoUnfocusTimer: () => ActionFunction<Context, Events, Events, undefined, {
+    src: "search";
     logic: SearchActorLogic;
     id: "search";
 } | {
-    src: "mediaPrintActorLogic";
+    src: "hotkey";
+    logic: HotkeyActorLogic;
+    id: "hotkey";
+} | {
+    src: "overlays";
+    logic: OverlaysActorLogic;
+    id: "overlays";
+} | {
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, {
     type: "isReady";
     params: unknown;
@@ -1440,6 +2093,9 @@ export declare const onEdgeMouseEnter: () => ActionFunction<Context, Events, Eve
 } | {
     type: "enabled: DynamicViewWalkthrough";
     params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
 } | {
     type: "focus.node: autoUnfocus";
     params: unknown;
@@ -1452,6 +2108,9 @@ export declare const onEdgeMouseEnter: () => ActionFunction<Context, Events, Eve
 } | {
     type: "is dynamic view";
     params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
 } | {
     type: "is same view";
     params: unknown;
@@ -1470,6 +2129,9 @@ export declare const onEdgeMouseEnter: () => ActionFunction<Context, Events, Eve
 } | {
     type: "click: focused node";
     params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
 } | {
     type: "click: node has connections";
     params: unknown;
@@ -1480,26 +2142,31 @@ export declare const onEdgeMouseEnter: () => ActionFunction<Context, Events, Eve
     type: "click: active walkthrough step";
     params: unknown;
 }, never, EmittedEvents>;
-export declare const onEdgeMouseLeave: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+export declare const cancelAutoUnfocusTimer: () => CancelAction<Context, Events, undefined, Events>;
+export declare const handleNavigate: () => ActionFunction<Context, Events, Events, undefined, {
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, {
     type: "isReady";
     params: unknown;
@@ -1530,6 +2197,9 @@ export declare const onEdgeMouseLeave: () => ActionFunction<Context, Events, Eve
 } | {
     type: "enabled: DynamicViewWalkthrough";
     params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
 } | {
     type: "focus.node: autoUnfocus";
     params: unknown;
@@ -1542,6 +2212,9 @@ export declare const onEdgeMouseLeave: () => ActionFunction<Context, Events, Eve
 } | {
     type: "is dynamic view";
     params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
 } | {
     type: "is same view";
     params: unknown;
@@ -1560,6 +2233,9 @@ export declare const onEdgeMouseLeave: () => ActionFunction<Context, Events, Eve
 } | {
     type: "click: focused node";
     params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
 } | {
     type: "click: node has connections";
     params: unknown;
@@ -1570,49 +2246,30 @@ export declare const onEdgeMouseLeave: () => ActionFunction<Context, Events, Eve
     type: "click: active walkthrough step";
     params: unknown;
 }, never, EmittedEvents>;
-export declare const reraise: () => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
-export declare const startHotKeyActor: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
-    logic: HotkeyActorLogic;
-    id: "hotkey";
-} | {
-    src: "overlaysActorLogic";
-    logic: OverlaysActorLogic;
-    id: "overlays";
-} | {
-    src: "searchActorLogic";
+export declare const updateView: () => ActionFunction<Context, Events, Events, undefined, {
+    src: "search";
     logic: SearchActorLogic;
     id: "search";
 } | {
-    src: "mediaPrintActorLogic";
-    logic: MediaPrintActorLogic;
-    id: "mediaPrint";
-} | {
-    src: "editorActor";
-    logic: EditorActorLogic;
-    id: "editor";
-}, never, never, never, never>;
-export declare const stopHotKeyActor: () => StopAction<Context, Events, undefined, Events>;
-export declare const startAutoUnfocusTimer: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, {
     type: "isReady";
     params: unknown;
@@ -1643,6 +2300,9 @@ export declare const startAutoUnfocusTimer: () => ActionFunction<Context, Events
 } | {
     type: "enabled: DynamicViewWalkthrough";
     params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
 } | {
     type: "focus.node: autoUnfocus";
     params: unknown;
@@ -1655,6 +2315,9 @@ export declare const startAutoUnfocusTimer: () => ActionFunction<Context, Events
 } | {
     type: "is dynamic view";
     params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
 } | {
     type: "is same view";
     params: unknown;
@@ -1673,6 +2336,9 @@ export declare const startAutoUnfocusTimer: () => ActionFunction<Context, Events
 } | {
     type: "click: focused node";
     params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
 } | {
     type: "click: node has connections";
     params: unknown;
@@ -1683,27 +2349,33 @@ export declare const startAutoUnfocusTimer: () => ActionFunction<Context, Events
     type: "click: active walkthrough step";
     params: unknown;
 }, never, EmittedEvents>;
-export declare const cancelAutoUnfocusTimer: () => CancelAction<Context, Events, undefined, Events>;
-export declare const handleNavigate: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+/**
+ * Ensures all child actors are started/stopped as needed
+ */
+export declare const ensureAllActors: () => ActionFunction<Context, Events, Events, undefined, {
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, {
     type: "isReady";
     params: unknown;
@@ -1734,6 +2406,9 @@ export declare const handleNavigate: () => ActionFunction<Context, Events, Event
 } | {
     type: "enabled: DynamicViewWalkthrough";
     params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
 } | {
     type: "focus.node: autoUnfocus";
     params: unknown;
@@ -1746,6 +2421,9 @@ export declare const handleNavigate: () => ActionFunction<Context, Events, Event
 } | {
     type: "is dynamic view";
     params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
 } | {
     type: "is same view";
     params: unknown;
@@ -1764,6 +2442,9 @@ export declare const handleNavigate: () => ActionFunction<Context, Events, Event
 } | {
     type: "click: focused node";
     params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
 } | {
     type: "click: node has connections";
     params: unknown;
@@ -1774,26 +2455,30 @@ export declare const handleNavigate: () => ActionFunction<Context, Events, Event
     type: "click: active walkthrough step";
     params: unknown;
 }, never, EmittedEvents>;
-export declare const updateView: () => ActionFunction<Context, Events, Events, undefined, {
-    src: "hotkeyActorLogic";
+export declare const collapseOrExpandSequenceFlow: () => ActionFunction<Context, Events, Events, undefined, {
+    src: "search";
+    logic: SearchActorLogic;
+    id: "search";
+} | {
+    src: "hotkey";
     logic: HotkeyActorLogic;
     id: "hotkey";
 } | {
-    src: "overlaysActorLogic";
+    src: "overlays";
     logic: OverlaysActorLogic;
     id: "overlays";
 } | {
-    src: "searchActorLogic";
-    logic: SearchActorLogic;
-    id: "search";
-} | {
-    src: "mediaPrintActorLogic";
+    src: "mediaPrint";
     logic: MediaPrintActorLogic;
     id: "mediaPrint";
 } | {
-    src: "editorActor";
+    src: "editor";
     logic: EditorActorLogic;
     id: "editor";
+} | {
+    src: "navigationPanel";
+    logic: NavigationPanelActorLogic;
+    id: "navigationPanel";
 }, never, {
     type: "isReady";
     params: unknown;
@@ -1824,6 +2509,9 @@ export declare const updateView: () => ActionFunction<Context, Events, Events, u
 } | {
     type: "enabled: DynamicViewWalkthrough";
     params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
 } | {
     type: "focus.node: autoUnfocus";
     params: unknown;
@@ -1836,6 +2524,9 @@ export declare const updateView: () => ActionFunction<Context, Events, Events, u
 } | {
     type: "is dynamic view";
     params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
 } | {
     type: "is same view";
     params: unknown;
@@ -1854,6 +2545,9 @@ export declare const updateView: () => ActionFunction<Context, Events, Events, u
 } | {
     type: "click: focused node";
     params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
 } | {
     type: "click: node has connections";
     params: unknown;