@likec4/diagram 1.46.4 → 1.48.0

package/dist/likec4diagram/state/DiagramActorProvider.d.ts

@@ -1,13 +1,14 @@
 import { DiagramView, DynamicViewDisplayVariant, WhereOperator } from '@likec4/core/types';
 import { PropsWithChildren } from 'react';
 import { ViewPaddings } from '../../LikeC4Diagram.props';
-export declare function DiagramActorProvider({ view, zoomable, pannable, nodesDraggable, nodesSelectable, fitViewPadding, where, children, dynamicViewVariant: _defaultVariant, }: PropsWithChildren<{
+export declare function DiagramActorProvider({ id, view, zoomable, pannable, nodesDraggable, nodesSelectable, fitViewPadding, where, children, dynamicViewVariant: _defaultVariant, }: PropsWithChildren<{
+    id: string;
     view: DiagramView;
     zoomable: boolean;
     pannable: boolean;
     nodesDraggable: boolean;
     nodesSelectable: boolean;
     fitViewPadding: ViewPaddings;
-    where: WhereOperator | null;
-    dynamicViewVariant: DynamicViewDisplayVariant | undefined;
+    where?: WhereOperator | null;
+    dynamicViewVariant?: DynamicViewDisplayVariant | undefined;
 }>): import("react/jsx-runtime").JSX.Element;

package/dist/likec4diagram/state/DiagramActorProvider.js

@@ -1,10 +1,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useRafEffect } from '@react-hookz/web';
 import { useActorRef, useSelector } from '@xstate/react';
 import { useStoreApi } from '@xyflow/react';
 import { shallowEqual } from 'fast-equals';
 import { useRef, useState, useEffect, memo } from 'react';
-import { omitBy, isNullish } from 'remeda';
+import { isNullish } from 'remeda';
 import { ErrorBoundary } from '../../components/ErrorFallback.js';
 import { useDiagramEventHandlers } from '../../context/DiagramEventHandlers.js';
 import { useEnabledFeatures, DiagramFeatures } from '../../context/DiagramFeatures.js';
@@ -12,20 +11,21 @@ import { CurrentViewModelContext } from '../../context/LikeC4ModelContext.js';
 import { useEditorActorLogic } from '../../editor/useEditorActorLogic.js';
 import { DiagramActorContextProvider, DiagramApiContextProvider, useDiagram } from '../../hooks/safeContext.js';
 import { useOnDiagramEvent, useDiagramContext } from '../../hooks/useDiagram.js';
-import { useLikeC4Model } from '../../hooks/useLikeC4Model.js';
+import { useOptionalLikeC4Model } from '../../hooks/useLikeC4Model.js';
 import { useUpdateEffect } from '../../hooks/useUpdateEffect.js';
 import { makeDiagramApi } from './diagram-api.js';
 import { diagramMachine } from './machine.js';
 import { DiagramToggledFeaturesPersistence } from './persistence.js';
 
 function DiagramActorProvider({
+  id,
   view,
   zoomable,
   pannable,
   nodesDraggable,
   nodesSelectable,
   fitViewPadding,
-  where,
+  where = null,
   children,
   dynamicViewVariant: _defaultVariant
 }) {
@@ -38,7 +38,7 @@ function DiagramActorProvider({
       }
     }),
     {
-      id: `diagram`,
+      id: `diagram-${id}`,
       systemId: "diagram",
       // ...inspector,
       input: {
@@ -57,11 +57,10 @@ function DiagramActorProvider({
   const actorRef = useRef(actor);
   if (actorRef.current !== actor) {
     console.warn("DiagramMachine actor instance changed", {
-      context: {
-        previous: actorRef.current.getSnapshot().context,
-        current: actor.getSnapshot().context
-      }
+      previous: actorRef.current.getSnapshot().context,
+      current: actor.getSnapshot().context
     });
+    actorRef.current.send({ type: "destroy" });
     actorRef.current = actor;
   }
   const [api, setApi] = useState(() => makeDiagramApi(actorRef));
@@ -92,7 +91,7 @@ function DiagramActorProvider({
     if (!_defaultVariant) return;
     actor.send({ type: "switch.dynamicViewVariant", variant: _defaultVariant });
   }, [_defaultVariant, actor]);
-  useRafEffect(
+  useEffect(
     () => actor.send({ type: "update.view", view, source: "external" }),
     [actor, view]
   );
@@ -104,8 +103,8 @@ function DiagramActorProvider({
 const selectFromActor = ({ context }) => {
   let toggledFeatures = context.toggledFeatures;
   const hasDrifts = context.view.drifts != null && context.view.drifts.length > 0;
-  const enableCompareWithLatest = context.features.enableCompareWithLatest && (toggledFeatures.enableCompareWithLatest ?? false) && isNullish(context.activeWalkthrough) && hasDrifts;
-  const enableReadOnly = context.features.enableReadOnly || toggledFeatures.enableReadOnly || !!context.activeWalkthrough || context.dynamicViewVariant === "sequence" && context.view._type === "dynamic" || enableCompareWithLatest && context.view._layout === "auto";
+  const enableCompareWithLatest = hasDrifts && context.features.enableCompareWithLatest && (toggledFeatures.enableCompareWithLatest ?? false) && isNullish(context.activeWalkthrough);
+  const enableReadOnly = context.features.enableReadOnly || toggledFeatures.enableReadOnly || !!context.activeWalkthrough || enableCompareWithLatest && context.view._layout === "auto";
   if (toggledFeatures.enableReadOnly !== enableReadOnly || toggledFeatures.enableCompareWithLatest !== enableCompareWithLatest) {
     toggledFeatures = {
       ...toggledFeatures,
@@ -127,8 +126,8 @@ function CurrentViewModelProvider({ children, actorRef }) {
     selectFromActor,
     compareSelected
   );
-  const likec4model = useLikeC4Model();
-  const viewmodel = likec4model.findView(viewId);
+  const likec4model = useOptionalLikeC4Model();
+  const viewmodel = likec4model?.findView(viewId) ?? null;
   return /* @__PURE__ */ jsx(CurrentViewModelContext.Provider, { value: viewmodel, children: /* @__PURE__ */ jsx(DiagramFeatures, { overrides: toggledFeatures, children }) });
 }
 const DiagramActorEventListener = memo(() => {
@@ -161,7 +160,7 @@ const DiagramActorEventListener = memo(() => {
     shallowEqual
   );
   useUpdateEffect(() => {
-    DiagramToggledFeaturesPersistence.write(omitBy(toggledFeatures, isNullish));
+    DiagramToggledFeaturesPersistence.write(toggledFeatures);
   }, [toggledFeatures]);
   return null;
 });

package/dist/likec4diagram/state/assign.d.ts

@@ -23,4 +23,4 @@ export declare function focusNodesEdges(context: DiagramContext): {
 } | null;
 export declare function updateNodeData({ context, event }: ActionArg): Partial<DiagramContext>;
 export declare function updateEdgeData({ context, event }: ActionArg): Partial<DiagramContext>;
-export declare function resetEdgeControlPoints(nodeLookup: NodeLookup, edge: Types.Edge): [XYPoint] | [XYPoint, XYPoint];
+export declare function resetEdgeControlPoints(nodeLookup: NodeLookup, edge: Types.Edge): [XYPoint, XYPoint];

package/dist/likec4diagram/state/createViewChange.js

@@ -1,5 +1,5 @@
 import { getNodeDimensions } from '@xyflow/system';
-import { map, omit, hasAtLeast } from 'remeda';
+import { map, hasAtLeast } from 'remeda';
 import { calcViewBounds } from '../../utils/view-bounds.js';
 import { isSamePoint, bezierControlPoints } from '../../utils/xyflow.js';
 
@@ -56,14 +56,26 @@ function createViewChange(parentContext) {
       controlPoints = bezierControlPoints(data.points);
     }
     const _updated = {
-      ...omit(edge, ["controlPoints", "labelBBox"]),
+      ...edge,
       points: data.points
     };
     if (data.labelBBox) {
-      _updated.labelBBox = data.labelBBox;
+      _updated.labelBBox = {
+        x: Math.round(data.labelBBox.x),
+        y: Math.round(data.labelBBox.y),
+        width: Math.round(data.labelBBox.width),
+        height: Math.round(data.labelBBox.height)
+      };
+    } else {
+      _updated.labelBBox = null;
     }
     if (hasAtLeast(controlPoints, 1)) {
-      _updated.controlPoints = controlPoints;
+      _updated.controlPoints = map(controlPoints, (v) => ({
+        x: Math.round(v.x),
+        y: Math.round(v.y)
+      }));
+    } else {
+      _updated.controlPoints = null;
     }
     return _updated;
   });

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

@@ -341,6 +341,10 @@ export declare const focusOnNodesAndEdges: () => ActionFunction<Context, Events,
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const undimEverything: () => ActionFunction<Context, Events, Events, undefined, Values<{
     hotkeyActorLogic: {
@@ -456,6 +460,7 @@ export declare const onNodeMouseLeave: (params?: {
 }>, 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 emitNavigateTo: (params?: {
@@ -577,6 +582,10 @@ export declare const triggerChange: (viewChange?: ViewChange) => ActionFunction<
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const emitOnLayoutTypeChange: () => ActionFunction<Context, Events, Events, undefined, Values<{
     hotkeyActorLogic: {
@@ -693,6 +702,10 @@ export declare const emitOnLayoutTypeChange: () => ActionFunction<Context, Event
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const layoutAlign: (params?: {
     mode: AlignmentMode;
@@ -811,6 +824,10 @@ export declare const layoutAlign: (params?: {
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const resetEdgesControlPoints: () => ActionFunction<Context, Events, Events, undefined, Values<{
     hotkeyActorLogic: {
@@ -1037,6 +1054,10 @@ export declare const stopEditorActor: () => ActionFunction<Context, Events, Even
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        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
@@ -1156,6 +1177,10 @@ export declare const ensureEditorActor: () => ActionFunction<Context, Events, Ev
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        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>;
@@ -1279,6 +1304,10 @@ export declare const openElementDetails: (params?: {
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const openOverlay: () => ActionFunction<Context, Events, Events, undefined, Values<{
     hotkeyActorLogic: {
@@ -1395,6 +1424,10 @@ export declare const openOverlay: () => ActionFunction<Context, Events, Events,
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const openSourceOfFocusedOrLastClickedNode: () => ActionFunction<Context, Events, Events, undefined, Values<{
     hotkeyActorLogic: {
@@ -1511,6 +1544,10 @@ export declare const openSourceOfFocusedOrLastClickedNode: () => ActionFunction<
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 /**
  * Ensure that the overlays actor is running or stopped based on the current feature flags
@@ -1630,6 +1667,10 @@ export declare const ensureOverlaysActor: () => ActionFunction<Context, Events,
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 /**
  * Ensure that the search actor is running or stopped based on the current feature flags
@@ -1749,6 +1790,10 @@ export declare const ensureSearchActor: () => ActionFunction<Context, Events, Ev
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const onEdgeMouseEnter: () => ActionFunction<Context, Events, Events, undefined, Values<{
     hotkeyActorLogic: {
@@ -1865,6 +1910,10 @@ export declare const onEdgeMouseEnter: () => ActionFunction<Context, Events, Eve
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const onEdgeMouseLeave: () => ActionFunction<Context, Events, Events, undefined, Values<{
     hotkeyActorLogic: {
@@ -1981,6 +2030,10 @@ export declare const onEdgeMouseLeave: () => ActionFunction<Context, Events, Eve
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        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, Values<{
@@ -2126,6 +2179,10 @@ export declare const startAutoUnfocusTimer: () => ActionFunction<Context, Events
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        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, Values<{
@@ -2243,6 +2300,10 @@ export declare const handleNavigate: () => ActionFunction<Context, Events, Event
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const updateView: () => ActionFunction<Context, Events, Events, undefined, Values<{
     hotkeyActorLogic: {
@@ -2359,4 +2420,8 @@ export declare const updateView: () => ActionFunction<Context, Events, Events, u
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;

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

@@ -1,4 +1,4 @@
-import { nonNullable, nonexhaustive, invariant } from '@likec4/core';
+import { nonNullable, BBox, nonexhaustive, invariant } from '@likec4/core';
 import { nodeToRect } from '@xyflow/system';
 import { produce } from 'immer';
 import { hasAtLeast, isTruthy } from 'remeda';
@@ -7,10 +7,10 @@ import { convertToXYFlow } from '../convert-to-xyflow.js';
 import { createLayoutConstraints } from '../useLayoutConstraints.js';
 import { getAligner, toNodeRect } from './aligners.js';
 import { resetEdgeControlPoints, mergeXYNodesEdges, focusNodesEdges } from './assign.js';
-import { setViewport, cancelFitDiagram, raiseFitDiagram } from './machine.actions.layout.js';
+import { setViewport, setViewportCenter, cancelFitDiagram, raiseFitDiagram } from './machine.actions.layout.js';
 export { assignViewportBefore, fitDiagram, fitFocusedBounds, raiseSetViewport, raiseUpdateView, returnViewportBefore } from './machine.actions.layout.js';
 import { machine } from './machine.setup.js';
-import { typedSystem, findDiagramEdge, findDiagramNode } from './utils.js';
+import { typedSystem, findDiagramNode, findDiagramEdge, viewBounds } from './utils.js';
 import { Base } from '../../base/Base.js';
 
 const disableCompareWithLatest = () => machine.assign(({ context }) => {
@@ -31,20 +31,20 @@ const onEdgeDoubleClick = () => machine.assign(({ context, event }) => {
   const { nodeLookup } = context.xystore.getState();
   return {
     xyedges: context.xyedges.map((e) => {
-      if (e.id === event.edge.id) {
-        const controlPoints = resetEdgeControlPoints(nodeLookup, e);
-        const pt = controlPoints[0];
-        return {
-          ...e,
-          data: {
-            ...e.data,
-            controlPoints,
-            labelBBox: e.data.labelBBox ? { ...e.data.labelBBox, ...pt } : null,
-            labelXY: null
-          }
-        };
+      if (e.id !== event.edge.id) {
+        return e;
       }
-      return e;
+      const controlPoints = resetEdgeControlPoints(nodeLookup, e);
+      const pt = controlPoints[0];
+      return {
+        ...e,
+        data: {
+          ...e.data,
+          controlPoints,
+          labelBBox: e.data.labelBBox ? { ...e.data.labelBBox, ...pt } : null,
+          labelXY: null
+        }
+      };
     })
   };
 });
@@ -75,10 +75,11 @@ const assignFocusedNode = () => machine.assign(({ event }) => {
     case "xyflow.nodeClick":
       focusedNode = event.node.data.id;
       break;
-    case "focus.node":
+    case "focus.node": {
       focusedNode = event.nodeId;
       autoUnfocusTimer = event.autoUnfocus === true;
       break;
+    }
     default:
       throw new Error(`Unexpected event type: ${event.type} in action 'assign: focusedNode'`);
   }
@@ -105,6 +106,7 @@ const assignXYDataFromView = (view) => machine.assign(({ context, event }) => {
   {
     assertEvent(event, "update.view");
     xydata = "xynodes" in event ? event : convertToXYFlow({
+      currentViewId: context.view.id,
       dynamicViewVariant: context.dynamicViewVariant,
       view: event.view,
       where: context.where
@@ -188,18 +190,18 @@ const emitPaneClick = () => machine.emit(() => ({
   type: "paneClick"
 }));
 const emitOpenSource = (params) => machine.emit(({ event }) => {
-  if (params) {
-    return {
-      type: "openSource",
-      params
-    };
-  }
   assertEvent(event, "open.source");
   return {
     type: "openSource",
     params: event
   };
 });
+const emitOpenSourceOfView = () => machine.emit(({ context }) => ({
+  type: "openSource",
+  params: {
+    view: context.view.id
+  }
+}));
 const emitInitialized = () => machine.emit(({ context }) => {
   invariant(context.xyflow, "XYFlow instance not found");
   return {
@@ -361,12 +363,13 @@ const tagHighlight = () => machine.assign(({ context, event }) => {
 });
 const assignToggledFeatures = () => machine.assign(({ context, event }) => {
   assertEvent(event, "toggle.feature");
-  const currentValue = context.toggledFeatures[`enable${event.feature}`] ?? context.features[`enable${event.feature}`];
+  const feature = `enable${event.feature}`;
+  const currentValue = context.toggledFeatures[feature] ?? context.features[feature];
   const nextValue = event.forceValue ?? !currentValue;
   return {
     toggledFeatures: {
       ...context.toggledFeatures,
-      [`enable${event.feature}`]: nextValue
+      [feature]: nextValue
     }
   };
 });
@@ -418,7 +421,7 @@ const sendSynced = () => machine.sendTo(
     type: "synced"
   }
 );
-const stopEditing = (wasChanged = true) => machine.sendTo(
+const stopEditing = (wasChanged = false) => machine.sendTo(
   typedSystem.editorActor,
   {
     type: "edit.finish",
@@ -507,6 +510,10 @@ const openOverlay = () => machine.enqueueActions(({ context, event, enqueue, che
       break;
     }
     case "open.relationshipsBrowser": {
+      if (!context.features.enableRelationshipBrowser) {
+        console.warn("RelationshipBrowser feature is disabled");
+        return;
+      }
       enqueue.sendTo(
         typedSystem.overlaysActor,
         {
@@ -522,6 +529,10 @@ const openOverlay = () => machine.enqueueActions(({ context, event, enqueue, che
       break;
     }
     case "open.relationshipDetails": {
+      if (!context.features.enableRelationshipDetails) {
+        console.warn("RelationshipDetails feature is disabled");
+        return;
+      }
       enqueue.sendTo(
         typedSystem.overlaysActor,
         {
@@ -629,14 +640,12 @@ const handleNavigate = () => machine.enqueueActions(({ enqueue, context, event }
     viewport,
     viewportChangedManually,
     viewportBefore,
-    navigationHistory: {
-      currentIndex,
-      history: _history
-    }
+    navigationHistory
   } = context;
-  let history = [..._history];
+  let { currentIndex, history: _history } = navigationHistory;
+  let history = _history;
   if (currentIndex < _history.length) {
-    const updatedEntry = produce(_history[currentIndex], (draft) => {
+    const updatedEntry = produce(_history.at(currentIndex) ?? {}, (draft) => {
       draft.viewport = { ...viewport };
       draft.viewportChangedManually = viewportChangedManually;
       draft.focusedNode = focusedNode;
@@ -648,7 +657,7 @@ const handleNavigate = () => machine.enqueueActions(({ enqueue, context, event }
         draft.dynamicViewVariant = null;
       }
       if (viewportBefore) {
-        draft.viewportBefore = viewportBefore;
+        draft.viewportBefore = structuredClone(viewportBefore);
       } else {
         delete draft.viewportBefore;
       }
@@ -720,7 +729,6 @@ const updateView = () => machine.enqueueActions(
       return;
     }
     enqueue(sendSynced());
-    let recenter = !context.viewportChangedManually && !context.focusedNode && !context.activeWalkthrough;
     if (context.toggledFeatures.enableCompareWithLatest === true && context.view._layout !== nextView._layout) {
       if (nextView._layout === "auto" && context.viewportOnAutoLayout) {
         enqueue(
@@ -741,15 +749,19 @@ const updateView = () => machine.enqueueActions(
         return;
       }
     }
-    recenter = recenter || nextView._type === "dynamic" && context.view._type === "dynamic" && nextView.variant !== context.view.variant;
+    let recenter = !context.viewportChangedManually && !context.focusedNode && !context.activeWalkthrough;
     recenter = recenter || context.toggledFeatures.enableCompareWithLatest === true && !!nextView._layout && context.view._layout !== nextView._layout;
+    if (nextView._type === "dynamic" && context.view._type === "dynamic") {
+      if (nextView.variant === context.view.variant && nextView.variant !== context.dynamicViewVariant) {
+        const nextCenter = BBox.center(viewBounds(context, nextView));
+        enqueue(setViewportCenter(nextCenter));
+      }
+    }
     if (recenter) {
       enqueue(cancelFitDiagram());
-      enqueue(raiseFitDiagram({
-        bounds: event.view.bounds
-      }));
+      enqueue(raiseFitDiagram());
     }
   }
 );
 
-export { assignDynamicViewVariant, assignFocusedNode, assignLastClickedNode, assignToggledFeatures, assignXYDataFromView, cancelAutoUnfocusTimer, cancelEditing, cancelFitDiagram, closeAllOverlays, closeSearch, disableCompareWithLatest, emitEdgeClick, emitInitialized, emitNavigateTo, emitNodeClick, emitOnLayoutTypeChange, emitOpenSource, emitPaneClick, ensureEditorActor, ensureOverlaysActor, ensureSearchActor, focusOnNodesAndEdges, handleNavigate, layoutAlign, notationsHighlight, onEdgeDoubleClick, onEdgeMouseEnter, onEdgeMouseLeave, onNodeMouseEnter, onNodeMouseLeave, openElementDetails, openOverlay, openSourceOfFocusedOrLastClickedNode, raiseFitDiagram, resetEdgesControlPoints, resetLastClickedNode, sendSynced, setViewport, startAutoUnfocusTimer, startEditing, startHotKeyActor, stopEditing, stopEditorActor, stopHotKeyActor, tagHighlight, triggerChange, undimEverything, updateFeatures, updateInputs, updateView };
+export { assignDynamicViewVariant, assignFocusedNode, assignLastClickedNode, assignToggledFeatures, assignXYDataFromView, cancelAutoUnfocusTimer, cancelEditing, cancelFitDiagram, closeAllOverlays, closeSearch, disableCompareWithLatest, emitEdgeClick, emitInitialized, emitNavigateTo, emitNodeClick, emitOnLayoutTypeChange, emitOpenSource, emitOpenSourceOfView, emitPaneClick, ensureEditorActor, ensureOverlaysActor, ensureSearchActor, focusOnNodesAndEdges, handleNavigate, layoutAlign, notationsHighlight, onEdgeDoubleClick, onEdgeMouseEnter, onEdgeMouseLeave, onNodeMouseEnter, onNodeMouseLeave, openElementDetails, openOverlay, openSourceOfFocusedOrLastClickedNode, raiseFitDiagram, resetEdgesControlPoints, resetLastClickedNode, sendSynced, setViewport, setViewportCenter, startAutoUnfocusTimer, startEditing, startHotKeyActor, stopEditing, stopEditorActor, stopHotKeyActor, tagHighlight, triggerChange, undimEverything, updateFeatures, updateInputs, updateView };

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

@@ -126,6 +126,10 @@ export declare const setViewport: (params?: {
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const setViewportCenter: (params?: {
     x: number;
@@ -245,11 +249,15 @@ export declare const setViewportCenter: (params?: {
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const fitDiagram: (params?: {
     duration?: number;
     bounds?: BBox;
-}) => ActionFunction<Context, Events, Events, undefined, Values<{
+}) => ActionFunction<Context, Events, Events, unknown, Values<{
     hotkeyActorLogic: {
         src: "hotkeyActorLogic";
         logic: HotkeyActorLogic;
@@ -364,6 +372,10 @@ export declare const fitDiagram: (params?: {
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const fitFocusedBounds: () => ActionFunction<Context, Events, Events, unknown, Values<{
     hotkeyActorLogic: {
@@ -480,6 +492,10 @@ export declare const fitFocusedBounds: () => ActionFunction<Context, Events, Eve
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;
 export declare const raiseSetViewport: (params: {
     delay?: number;
@@ -493,7 +509,7 @@ export declare const raiseFitDiagram: (params?: {
     bounds?: BBox;
 }) => 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 | null) => ActionFunction<Context, Events, Events, undefined, Values<{
+export declare const assignViewportBefore: (viewport?: Viewport | false) => ActionFunction<Context, Events, Events, undefined, Values<{
     hotkeyActorLogic: {
         src: "hotkeyActorLogic";
         logic: HotkeyActorLogic;
@@ -638,4 +654,8 @@ export declare const returnViewportBefore: (params?: {
         type: "click: selected edge";
         params: unknown;
     };
+    "click: active walkthrough step": {
+        type: "click: active walkthrough step";
+        params: unknown;
+    };
 }>, never, EmittedEvents>;