@likec4/diagram 1.57.0 → 1.59.0

package/dist/likec4diagram/state/machine.actions.js

@@ -6,15 +6,16 @@ import { createLayoutConstraints } from "../useLayoutConstraints.js";
 import { focusNodesEdges, mergeXYNodesEdges, resetEdgeControlPoints } from "./assign.js";
 import { convertToXYFlow } from "../convert-to-xyflow.js";
 import { getAligner, toNodeRect } from "./aligners.js";
-import { cancelFitDiagram, raiseFitDiagram, setViewport, setViewportCenter } from "./machine.actions.layout.js";
-import { hasAtLeast, isTruthy } from "remeda";
-import { exact, invariant, nonNullable, nonexhaustive } from "@likec4/core";
+import { assignViewportBefore, cancelFitDiagram, centerOnNodeOrEdge, fitDiagram, fitFocusedBounds, raiseFitDiagram, raiseSetViewport, raiseUpdateView, returnViewportBefore, setViewport, setViewportCenter } from "./machine.actions.layout.js";
+import { hasAtLeast, isTruthy, mapToObj } from "remeda";
+import { dynamicViewFlow, exact, invariant, isDynamicView, nonNullable, nonexhaustive } from "@likec4/core";
 import { BBox as BBox$1 } from "@likec4/core/geometry";
-import { difference as difference$1 } from "@likec4/core/utils";
+import { difference as difference$1, isString as isString$1 } from "@likec4/core/utils";
 import { nodeToRect } from "@xyflow/system";
 import { assertEvent } from "xstate";
 import { produce } from "immer";
 //#region src/likec4diagram/state/machine.actions.ts
+var resetSelection = () => machine.raise({ type: "xyflow.resetSelection" });
 var disableCompareWithLatest = () => machine.assign(({ context }) => {
 	return {
 		toggledFeatures: {
@@ -97,7 +98,8 @@ var assignXYDataFromView = (view) => machine.assign(({ context, event }) => {
 		currentViewId: context.view.id,
 		dynamicViewVariant: context.dynamicViewVariant,
 		view,
-		where: context.where
+		where: context.where,
+		collapsedSequenceFlows: context.collapsedSequenceFlows
 	});
 	else {
 		assertEvent(event, "update.view");
@@ -105,7 +107,8 @@ var assignXYDataFromView = (view) => machine.assign(({ context, event }) => {
 			currentViewId: context.view.id,
 			dynamicViewVariant: context.dynamicViewVariant,
 			view: event.view,
-			where: context.where
+			where: context.where,
+			collapsedSequenceFlows: context.collapsedSequenceFlows
 		});
 	}
 	const update = mergeXYNodesEdges(context, xydata);
@@ -141,25 +144,19 @@ var assignDynamicViewVariant = () => machine.assign(({ event }) => {
 	assertEvent(event, "switch.dynamicViewVariant");
 	return { dynamicViewVariant: event.variant };
 });
-var onNodeMouseEnter = (params) => machine.assign(({ context, event }) => {
-	let node = params?.node;
-	if (!node) {
-		assertEvent(event, "xyflow.nodeMouseEnter");
-		node = event.node;
-	}
+var onNodeMouseEnter = () => machine.assign(({ context, event }) => {
+	assertEvent(event, "xyflow.nodeMouseEnter");
+	const hoveredNodeId = isString$1(event.node) ? event.node : event.node.id;
 	return { xynodes: context.xynodes.map((n) => {
-		if (n.id === node.id) return Base.setHovered(n, true);
+		if (n.id === hoveredNodeId) return Base.setHovered(n, true);
 		return n;
 	}) };
 });
-var onNodeMouseLeave = (params) => machine.assign(({ context, event }) => {
-	let node = params?.node;
-	if (!node) {
-		assertEvent(event, "xyflow.nodeMouseLeave");
-		node = event.node;
-	}
+var onNodeMouseLeave = () => machine.assign(({ context, event }) => {
+	assertEvent(event, "xyflow.nodeMouseLeave");
+	const leftNodeId = isString$1(event.node) ? event.node : event.node.id;
 	return { xynodes: context.xynodes.map((n) => {
-		if (n.id === node.id) return Base.setHovered(n, false);
+		if (n.id === leftNodeId) return Base.setHovered(n, false);
 		return n;
 	}) };
 });
@@ -186,13 +183,15 @@ var emitInitialized = () => machine.emit(({ context }) => {
 		instance: context.xyflow
 	};
 });
-var emitNodeClick = () => machine.emit(({ context, event }) => {
+var emitNodeClick = () => machine.enqueueActions(({ context, event, enqueue }) => {
 	assertEvent(event, "xyflow.nodeClick");
-	return {
+	const node = findDiagramNode(context, event.node.id);
+	if (!node) return;
+	enqueue.emit({
 		type: "nodeClick",
-		node: nonNullable(findDiagramNode(context, event.node.id), `Node ${event.node.id} not found in diagram`),
+		node,
 		xynode: event.node
-	};
+	});
 });
 var emitNavigateTo = (params) => machine.emit(({ context }) => ({
 	type: "navigateTo",
@@ -207,8 +206,9 @@ var emitEdgeClick = () => machine.emit(({ context, event }) => {
 	};
 });
 var triggerChange = (viewChange) => machine.enqueueActions(({ event, enqueue }) => {
-	let change = viewChange;
-	if (!change) {
+	let change;
+	if (viewChange) change = { ...viewChange };
+	else {
 		assertEvent(event, "trigger.change");
 		change = event.change;
 	}
@@ -363,7 +363,6 @@ var assignToggledFeatures = () => machine.assign(({ context, event }) => {
 		[feature]: nextValue
 	} };
 });
-var closeSearch = () => machine.sendTo(typedSystem.searchActor, { type: "close" });
 var closeAllOverlays = () => machine.sendTo(typedSystem.overlaysActor, { type: "close.all" });
 var stopEditorActor = () => machine.enqueueActions(({ enqueue, system }) => {
 	const actor = typedSystem(system).editorActorRef;
@@ -380,7 +379,7 @@ var ensureEditorActor = () => machine.enqueueActions(({ enqueue, context, system
 		enqueue.stopChild(editor);
 		return;
 	}
-	if (hasEditor && !editor) enqueue.spawnChild("editorActor", {
+	if (hasEditor && !editor) enqueue.spawnChild("editor", {
 		id: "editor",
 		systemId: "editor",
 		input: { viewId: context.view.id },
@@ -518,7 +517,7 @@ var ensureOverlaysActor = () => machine.enqueueActions(({ enqueue, check, system
 	const enabled = check("enabled: Overlays");
 	const running = typedSystem(system).overlaysActorRef;
 	if (enabled && !running) {
-		enqueue.spawnChild("overlaysActorLogic", {
+		enqueue.spawnChild("overlays", {
 			id: "overlays",
 			systemId: "overlays",
 			syncSnapshot: true
@@ -531,13 +530,33 @@ var ensureOverlaysActor = () => machine.enqueueActions(({ enqueue, check, system
 	}
 });
 /**
+* Ensure that the navigation panel actor is running or stopped based on the current state
+*/
+var ensureNavigationPanelActor = () => machine.enqueueActions(({ enqueue, check, system, context }) => {
+	const enabled = check("enabled: NavigationPanel");
+	const running = typedSystem(system).navigationActorRef;
+	if (enabled && !running) {
+		enqueue.spawnChild("navigationPanel", {
+			id: "navigationPanel",
+			systemId: "navigationPanel",
+			input: {
+				view: context.view,
+				viewModel: null
+			},
+			syncSnapshot: true
+		});
+		return;
+	}
+	if (!enabled && running) enqueue.stopChild(running);
+});
+/**
 * Ensure that the search actor is running or stopped based on the current feature flags
 */
 var ensureSearchActor = () => machine.enqueueActions(({ enqueue, check, system }) => {
 	const enabled = check("enabled: Search");
 	const running = typedSystem(system).searchActorRef;
 	if (enabled && !running) {
-		enqueue.spawnChild("searchActorLogic", {
+		enqueue.spawnChild("search", {
 			id: "search",
 			systemId: "search",
 			syncSnapshot: true
@@ -552,13 +571,20 @@ var ensureSearchActor = () => machine.enqueueActions(({ enqueue, check, system }
 var onEdgeMouseEnter = () => machine.enqueueActions(({ enqueue, context, event }) => {
 	assertEvent(event, "xyflow.edgeMouseEnter");
 	let edge = event.edge;
-	enqueue.assign({ xyedges: context.xyedges.map((e) => {
-		if (e.id === event.edge.id) {
-			edge = Base.setHovered(e, true);
-			return edge;
-		}
-		return e;
-	}) });
+	let parentFlow = edge.type === "seq-step" && edge.data.parentFlow;
+	enqueue.assign({
+		xyedges: context.xyedges.map((e) => {
+			if (e.id === event.edge.id) {
+				edge = Base.setHovered(e, true);
+				return edge;
+			}
+			return e;
+		}),
+		xynodes: parentFlow ? context.xynodes.map((n) => {
+			if (n.type === "seq-subflow" && n.data.flowId === parentFlow.id) return Base.setHovered(n, true);
+			return n;
+		}) : context.xynodes
+	});
 	enqueue.emit({
 		type: "edgeMouseEnter",
 		edge,
@@ -568,20 +594,31 @@ var onEdgeMouseEnter = () => machine.enqueueActions(({ enqueue, context, event }
 var onEdgeMouseLeave = () => machine.enqueueActions(({ enqueue, context, event }) => {
 	assertEvent(event, "xyflow.edgeMouseLeave");
 	let edge = event.edge;
-	enqueue.assign({ xyedges: context.xyedges.map((e) => {
-		if (e.id === event.edge.id) {
-			edge = Base.setHovered(e, false);
-			return edge;
-		}
-		return e;
-	}) });
+	let parentFlow = edge.type === "seq-step" && edge.data.parentFlow;
+	enqueue.assign({
+		xyedges: context.xyedges.map((e) => {
+			if (e.id === event.edge.id) {
+				edge = Base.setHovered(e, false);
+				return edge;
+			}
+			return e;
+		}),
+		xynodes: parentFlow ? context.xynodes.map((n) => {
+			if (n.type === "seq-subflow" && n.data.flowId === parentFlow.id) return Base.setHovered(n, false);
+			return n;
+		}) : context.xynodes
+	});
 	enqueue.emit({
 		type: "edgeMouseLeave",
 		edge,
 		event: event.event
 	});
 });
-var startHotKeyActor = () => machine.spawnChild("hotkeyActorLogic", { id: "hotkey" });
+var startHotKeyActor = () => machine.spawnChild("hotkey", {
+	id: "hotkey",
+	systemId: "hotkey",
+	syncSnapshot: true
+});
 var stopHotKeyActor = () => machine.stopChild("hotkey");
 /**
 * Auto-unfocus timer duration in milliseconds.
@@ -707,5 +744,40 @@ var updateView = () => machine.enqueueActions(({ enqueue, event, context }) => {
 		enqueue(raiseFitDiagram());
 	}
 });
+/**
+* Ensures all child actors are started/stopped as needed
+*/
+var ensureAllActors = () => machine.enqueueActions(({ enqueue }) => {
+	enqueue(ensureEditorActor());
+	enqueue(ensureOverlaysActor());
+	enqueue(ensureSearchActor());
+	enqueue(ensureNavigationPanelActor());
+});
+var collapseOrExpandSequenceFlow = () => machine.enqueueActions(({ enqueue, event, context, check }) => {
+	assertEvent(event, ["sequence.flow.*"]);
+	invariant(isDynamicView(context.view));
+	const flowId = event.flowId;
+	const flow = dynamicViewFlow(context.view);
+	const subflow = flow.isSubflow(flowId) ? flow.lookup(flowId) : null;
+	if (!subflow) return;
+	let targets;
+	let isCollapsed;
+	if (flow.guards.isAltOrTry(subflow)) {
+		targets = flow.subflows(subflow).map((s) => s.id);
+		isCollapsed = targets.some((id) => context.collapsedSequenceFlows[id]);
+	} else {
+		targets = [flowId];
+		isCollapsed = context.collapsedSequenceFlows[flowId] ?? false;
+	}
+	if (isCollapsed && event.type === "sequence.flow.collapse" || !isCollapsed && event.type === "sequence.flow.expand") return;
+	enqueue.assign({ collapsedSequenceFlows: {
+		...context.collapsedSequenceFlows,
+		...mapToObj(targets, (id) => [id, !isCollapsed])
+	} });
+	if (check("is dynamic view in sequence variant")) {
+		enqueue(assignXYDataFromView(context.view));
+		if (!context.viewportChangedManually) enqueue(raiseFitDiagram());
+	}
+});
 //#endregion
-export { assignDynamicViewVariant, assignFocusedNode, assignLastClickedNode, assignToggledFeatures, assignXYDataFromView, cancelAutoUnfocusTimer, cancelEditing, closeAllOverlays, closeSearch, disableCompareWithLatest, emitEdgeClick, emitInitialized, emitNodeClick, emitOnLayoutTypeChange, emitOpenSource, emitOpenSourceOfView, emitPaneClick, ensureEditorActor, ensureOverlaysActor, ensureSearchActor, focusOnNodesAndEdges, handleNavigate, highlightNodeOrEdge, layoutAlign, notationsHighlight, onEdgeDoubleClick, onEdgeMouseEnter, onEdgeMouseLeave, onNodeMouseEnter, onNodeMouseLeave, openElementDetails, openOverlay, openSourceOfFocusedOrLastClickedNode, resetEdgesControlPoints, resetLastClickedNode, startAutoUnfocusTimer, startEditing, startHotKeyActor, stopEditing, stopEditorActor, stopHotKeyActor, tagHighlight, triggerChange, undimEverything, updateFeatures, updateInputs, updateView };
+export { assignDynamicViewVariant, assignFocusedNode, assignLastClickedNode, assignToggledFeatures, assignViewportBefore, assignXYDataFromView, cancelAutoUnfocusTimer, cancelEditing, cancelFitDiagram, centerOnNodeOrEdge, closeAllOverlays, collapseOrExpandSequenceFlow, disableCompareWithLatest, emitEdgeClick, emitInitialized, emitNavigateTo, emitNodeClick, emitOnLayoutTypeChange, emitOpenSource, emitOpenSourceOfView, emitPaneClick, ensureAllActors, ensureEditorActor, ensureNavigationPanelActor, ensureOverlaysActor, ensureSearchActor, fitDiagram, fitFocusedBounds, focusOnNodesAndEdges, handleNavigate, highlightNodeOrEdge, layoutAlign, notationsHighlight, onEdgeDoubleClick, onEdgeMouseEnter, onEdgeMouseLeave, onNodeMouseEnter, onNodeMouseLeave, openElementDetails, openOverlay, openSourceOfFocusedOrLastClickedNode, raiseFitDiagram, raiseSetViewport, raiseUpdateView, resetEdgesControlPoints, resetLastClickedNode, resetSelection, returnViewportBefore, sendSynced, setViewport, setViewportCenter, startAutoUnfocusTimer, startEditing, startHotKeyActor, stopEditing, stopEditorActor, stopHotKeyActor, tagHighlight, triggerChange, undimEverything, updateFeatures, updateInputs, updateView };

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

@@ -1,36 +1,41 @@
 import { BBox } from '@likec4/core';
 import { DiagramView } from '@likec4/core/types';
 import { Viewport } from '@xyflow/react';
-import { ActionFunction, CancelAction } from 'xstate';
 import { Context, Events, EmittedEvents } from './machine.setup';
+import { ActionFunction, CancelAction } from 'xstate';
+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 declare const setViewport: (params?: {
     viewport: Viewport;
     duration?: number;
 }) => 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;
@@ -61,6 +66,9 @@ export declare const setViewport: (params?: {
 } | {
     type: "enabled: DynamicViewWalkthrough";
     params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
 } | {
     type: "focus.node: autoUnfocus";
     params: unknown;
@@ -73,6 +81,9 @@ export declare const setViewport: (params?: {
 } | {
     type: "is dynamic view";
     params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
 } | {
     type: "is same view";
     params: unknown;
@@ -91,6 +102,9 @@ export declare const setViewport: (params?: {
 } | {
     type: "click: focused node";
     params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
 } | {
     type: "click: node has connections";
     params: unknown;
@@ -105,25 +119,29 @@ export declare const setViewportCenter: (params?: {
     x: number;
     y: number;
 }) => 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;
@@ -154,6 +172,9 @@ export declare const setViewportCenter: (params?: {
 } | {
     type: "enabled: DynamicViewWalkthrough";
     params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
 } | {
     type: "focus.node: autoUnfocus";
     params: unknown;
@@ -166,6 +187,9 @@ export declare const setViewportCenter: (params?: {
 } | {
     type: "is dynamic view";
     params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
 } | {
     type: "is same view";
     params: unknown;
@@ -184,6 +208,9 @@ export declare const setViewportCenter: (params?: {
 } | {
     type: "click: focused node";
     params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
 } | {
     type: "click: node has connections";
     params: unknown;
@@ -199,25 +226,29 @@ export declare const fitDiagram: (params?: {
     duration?: number;
     bounds?: BBox;
 }) => 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;
@@ -248,6 +279,9 @@ export declare const fitDiagram: (params?: {
 } | {
     type: "enabled: DynamicViewWalkthrough";
     params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
 } | {
     type: "focus.node: autoUnfocus";
     params: unknown;
@@ -260,6 +294,9 @@ export declare const fitDiagram: (params?: {
 } | {
     type: "is dynamic view";
     params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
 } | {
     type: "is same view";
     params: unknown;
@@ -278,6 +315,9 @@ export declare const fitDiagram: (params?: {
 } | {
     type: "click: focused node";
     params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
 } | {
     type: "click: node has connections";
     params: unknown;
@@ -288,26 +328,32 @@ export declare const fitDiagram: (params?: {
     type: "click: active walkthrough step";
     params: unknown;
 }, never, EmittedEvents>;
-export declare const fitFocusedBounds: () => ActionFunction<Context, Events, Events, unknown, {
-    src: "hotkeyActorLogic";
+export declare const fitFocusedBounds: (params?: {
+    duration?: number;
+}) => ActionFunction<Context, Events, Events, unknown, {
+    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;
@@ -338,6 +384,9 @@ export declare const fitFocusedBounds: () => ActionFunction<Context, Events, Eve
 } | {
     type: "enabled: DynamicViewWalkthrough";
     params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
 } | {
     type: "focus.node: autoUnfocus";
     params: unknown;
@@ -350,6 +399,9 @@ export declare const fitFocusedBounds: () => 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;
@@ -368,6 +420,9 @@ export declare const fitFocusedBounds: () => 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;
@@ -391,49 +446,57 @@ export declare const raiseFitDiagram: (params?: {
 }) => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
 export declare const raiseUpdateView: (view?: DiagramView) => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
 export declare const assignViewportBefore: (viewport?: Viewport | false) => 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 returnViewportBefore: (params?: {
     delay?: number;
     duration?: number;
 }) => 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;
@@ -464,6 +527,9 @@ export declare const returnViewportBefore: (params?: {
 } | {
     type: "enabled: DynamicViewWalkthrough";
     params: unknown;
+} | {
+    type: "enabled: NavigationPanel";
+    params: unknown;
 } | {
     type: "focus.node: autoUnfocus";
     params: unknown;
@@ -476,6 +542,9 @@ export declare const returnViewportBefore: (params?: {
 } | {
     type: "is dynamic view";
     params: unknown;
+} | {
+    type: "is dynamic view in sequence variant";
+    params: unknown;
 } | {
     type: "is same view";
     params: unknown;
@@ -494,6 +563,9 @@ export declare const returnViewportBefore: (params?: {
 } | {
     type: "click: focused node";
     params: unknown;
+} | {
+    type: "click: node.type = seq-subflow";
+    params: unknown;
 } | {
     type: "click: node has connections";
     params: unknown;