@likec4/diagram 1.21.1 → 1.22.1

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

@@ -12,7 +12,7 @@ import { LayoutRelationshipsViewResult } from '../../overlays/relationships-brow
 import { AlignmentMode } from './aligners';
 import { OpenSourceParams } from '../..';
 import { focusedBounds } from './utils';
-import { EnabledFeatures } from '../../context';
+import { FeatureName } from '../../context/DiagramFeatures';
 export declare const LikeC4ViewMachineContextProvider: (props: {
     children: React.ReactNode;
     options?: ActorOptions<StateMachine<DiagramContext, Events, {
@@ -542,6 +542,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                 toPosition: XYPoint;
             };
         };
+        updateFeatures: {
+            type: "updateFeatures";
+            params: NonReducibleUnknown;
+        };
     }>, Values<{
         "enabled: FitView": {
             type: "enabled: FitView";
@@ -1372,6 +1376,9 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                 enableLikeC4Model: boolean;
                 enableVscode: boolean;
             };
+            toggledFeatures: {
+                enableReadOnly: true;
+            };
             initialized: false;
             viewportChangedManually: false;
             lastOnNavigate: null;
@@ -2260,6 +2267,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                                     toPosition: XYPoint;
                                 };
                             };
+                            updateFeatures: {
+                                type: "updateFeatures";
+                                params: NonReducibleUnknown;
+                            };
                         }>, Values<{
                             "enabled: FitView": {
                                 type: "enabled: FitView";
@@ -5404,6 +5415,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                             toPosition: XYPoint;
                         };
                     };
+                    updateFeatures: {
+                        type: "updateFeatures";
+                        params: NonReducibleUnknown;
+                    };
                 }>, Values<{
                     "enabled: FitView": {
                         type: "enabled: FitView";
@@ -6879,6 +6894,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                                     toPosition: XYPoint;
                                 };
                             };
+                            updateFeatures: {
+                                type: "updateFeatures";
+                                params: NonReducibleUnknown;
+                            };
                         }>, Values<{
                             "enabled: FitView": {
                                 type: "enabled: FitView";
@@ -7267,6 +7286,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                                             toPosition: XYPoint;
                                         };
                                     };
+                                    updateFeatures: {
+                                        type: "updateFeatures";
+                                        params: NonReducibleUnknown;
+                                    };
                                 }>, Values<{
                                     "enabled: FitView": {
                                         type: "enabled: FitView";
@@ -8618,6 +8641,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                                     toPosition: XYPoint;
                                 };
                             };
+                            updateFeatures: {
+                                type: "updateFeatures";
+                                params: NonReducibleUnknown;
+                            };
                         }>, Values<{
                             "enabled: FitView": {
                                 type: "enabled: FitView";
@@ -9014,6 +9041,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                             toPosition: XYPoint;
                         };
                     };
+                    updateFeatures: {
+                        type: "updateFeatures";
+                        params: NonReducibleUnknown;
+                    };
                 }>, Values<{
                     "enabled: FitView": {
                         type: "enabled: FitView";
@@ -9055,9 +9086,9 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
             };
         };
         readonly on: {
-            readonly 'xyflow.applyNodeChages': {
+            readonly 'xyflow.applyNodeChanges': {
                 readonly actions: ActionFunction<DiagramContext, {
-                    type: "xyflow.applyNodeChages";
+                    type: "xyflow.applyNodeChanges";
                     changes: NodeChange<import("../types").Types.Node>[];
                 }, Events, undefined, Values<{
                     hotkeyActor: {
@@ -9307,9 +9338,9 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                     };
                 }>, never, never, never, never>;
             };
-            readonly 'xyflow.applyEdgeChages': {
+            readonly 'xyflow.applyEdgeChanges': {
                 readonly actions: ActionFunction<DiagramContext, {
-                    type: "xyflow.applyEdgeChages";
+                    type: "xyflow.applyEdgeChanges";
                     changes: EdgeChange<{
                         id: string;
                         source: string;
@@ -11228,6 +11259,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                             toPosition: XYPoint;
                         };
                     };
+                    updateFeatures: {
+                        type: "updateFeatures";
+                        params: NonReducibleUnknown;
+                    };
                 }>, Values<{
                     "enabled: FitView": {
                         type: "enabled: FitView";
@@ -11520,256 +11555,7 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                 }>, never, never, never, never>;
             };
             readonly 'update.features': {
-                readonly actions: ActionFunction<DiagramContext, {
-                    type: "update.features";
-                    features: EnabledFeatures;
-                }, Events, undefined, Values<{
-                    hotkeyActor: {
-                        src: "hotkeyActor";
-                        logic: CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent>;
-                        id: "hotkey";
-                    };
-                    syncManualLayoutActor: {
-                        src: "syncManualLayoutActor";
-                        logic: StateMachine<Readonly< Input>, Events, {}, never, {
-                            type: "trigger:OnChange";
-                            params: {
-                                change: ViewChange;
-                            };
-                        }, {
-                            type: "same view";
-                            params: unknown;
-                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
-                            readonly initial: "idle";
-                            readonly context: ({ input }: {
-                                spawn: {
-                                    <TSrc extends never>(logic: TSrc, ...[options]: never): ActorRefFromLogic<never>;
-                                    <TLogic extends AnyActorLogic>(src: TLogic, ...[options]: ConditionalRequired<[options?: {
-                                        id?: never;
-                                        systemId?: string;
-                                        input?: InputFrom<TLogic>;
-                                        syncSnapshot?: boolean;
-                                    } & { [K in RequiredLogicInput<TLogic>]: unknown; }], IsNotNever<RequiredLogicInput<TLogic>>>): ActorRefFromLogic<TLogic>;
-                                };
-                                input: Input;
-                                self: ActorRef<MachineSnapshot<Readonly< Input>, Events, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, Events, AnyEventObject>;
-                            }) => {
-                                parent: ActorRef<MachineSnapshot<DiagramContext, Events, any, any, any, any, any, any>, Events, any>;
-                                viewId: ViewId;
-                            };
-                            readonly states: {
-                                readonly idle: {
-                                    readonly tags: "ready";
-                                    readonly on: {
-                                        readonly sync: {
-                                            readonly target: "pending";
-                                        };
-                                    };
-                                };
-                                readonly paused: {
-                                    readonly tags: "pending";
-                                    readonly on: {
-                                        readonly sync: {
-                                            readonly target: "pending";
-                                        };
-                                    };
-                                };
-                                readonly pending: {
-                                    readonly tags: "pending";
-                                    readonly on: {
-                                        readonly sync: {
-                                            readonly target: "pending";
-                                            readonly reenter: true;
-                                        };
-                                        readonly cancel: {
-                                            readonly target: "paused";
-                                        };
-                                    };
-                                    readonly after: {
-                                        readonly timeout: readonly [{
-                                            readonly guard: "same view";
-                                            readonly actions: {
-                                                readonly type: "trigger:OnChange";
-                                                readonly params: ({ context }: {
-                                                    context: Readonly< Input>;
-                                                    event: Events;
-                                                }) => {
-                                                    change: import("@likec4/core").ViewChange.SaveManualLayout;
-                                                };
-                                            };
-                                            readonly target: "synced";
-                                        }, {
-                                            readonly target: "stopped";
-                                        }];
-                                    };
-                                };
-                                readonly synced: {
-                                    readonly tags: "ready";
-                                    readonly on: {
-                                        readonly sync: {
-                                            readonly target: "pending";
-                                        };
-                                    };
-                                };
-                                readonly stopped: {
-                                    readonly entry: ActionFunction<Readonly< Input>, Events, Events, undefined, never, never, never, never, never>;
-                                    readonly type: "final";
-                                };
-                            };
-                            readonly on: {
-                                readonly synced: {
-                                    readonly target: ".synced";
-                                };
-                                readonly stop: {
-                                    readonly target: ".stopped";
-                                };
-                            };
-                        }>;
-                        id: "syncLayout";
-                    };
-                    relationshipDetailsActor: {
-                        src: "relationshipDetailsActor";
-                        logic: ActorLogic<MachineSnapshot<Readonly< Input & {
-                            xyflow: ( GeneralHelpers<import("../../overlays/relationship-details/_types").RelationshipDetailsTypes.Node, {
-                                id: string;
-                                source: string;
-                                target: string;
-                                sourceHandle?: string | null;
-                                targetHandle?: string | null;
-                                animated?: boolean;
-                                hidden?: boolean;
-                                deletable?: boolean;
-                                selectable?: boolean;
-                                selected?: boolean;
-                                markerStart?: EdgeMarkerType;
-                                markerEnd?: EdgeMarkerType;
-                                zIndex?: number;
-                                ariaLabel?: string;
-                                interactionWidth?: number;
-                                label?: ReactNode;
-                                labelStyle?: CSSProperties;
-                                labelShowBg?: boolean;
-                                labelBgStyle?: CSSProperties;
-                                labelBgPadding?: [number, number];
-                                labelBgBorderRadius?: number;
-                                style?: CSSProperties;
-                                className?: string;
-                                reconnectable?: boolean | HandleType;
-                                focusable?: boolean;
-                                type: "relationship";
-                                data: {
-                                    relationId: RelationId;
-                                    color: Color | undefined;
-                                    label: string | null;
-                                    technology?: string | undefined | undefined;
-                                    description?: string | undefined | undefined;
-                                    navigateTo: ViewId | null;
-                                    line: RelationshipLineType;
-                                    hovered?: boolean;
-                                    active?: boolean;
-                                    dimmed?: import("../../base").Base.Dimmed;
-                                };
-                            }> & Omit< ViewportHelperFunctions, "initialized"> & {
-                                viewportInitialized: boolean;
-                            }) | null;
-                            initialized: boolean;
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
-                        id: "relationshipDetails";
-                    };
-                    relationshipsBrowserActor: {
-                        src: "relationshipsBrowserActor";
-                        logic: ActorLogic<MachineSnapshot<Readonly< Input & {
-                            closeable: boolean;
-                            enableNavigationMenu: boolean;
-                            xyflow: ( GeneralHelpers<import("../../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node, {
-                                id: string;
-                                source: string;
-                                target: string;
-                                sourceHandle?: string | null;
-                                targetHandle?: string | null;
-                                animated?: boolean;
-                                hidden?: boolean;
-                                deletable?: boolean;
-                                selectable?: boolean;
-                                selected?: boolean;
-                                markerStart?: EdgeMarkerType;
-                                markerEnd?: EdgeMarkerType;
-                                zIndex?: number;
-                                ariaLabel?: string;
-                                interactionWidth?: number;
-                                label?: ReactNode;
-                                labelStyle?: CSSProperties;
-                                labelShowBg?: boolean;
-                                labelBgStyle?: CSSProperties;
-                                labelBgPadding?: [number, number];
-                                labelBgBorderRadius?: number;
-                                style?: CSSProperties;
-                                className?: string;
-                                reconnectable?: boolean | HandleType;
-                                focusable?: boolean;
-                                type: "relationships";
-                                data: {
-                                    relations: NonEmptyArray<RelationId>;
-                                    color: Color | undefined;
-                                    label: string | null;
-                                    navigateTo: ViewId | null;
-                                    line: RelationshipLineType;
-                                    hovered?: boolean;
-                                    active?: boolean;
-                                    dimmed?: import("../../base").Base.Dimmed;
-                                };
-                            }> & Omit< ViewportHelperFunctions, "initialized"> & {
-                                viewportInitialized: boolean;
-                            }) | null;
-                            xystore: XYStoreApi | null;
-                            initialized: boolean;
-                            layouted: LayoutRelationshipsViewResult | null;
-                            navigateFromNode: string | null;
-                            xynodes: import("../../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
-                            xyedges: {
-                                id: string;
-                                source: string;
-                                target: string;
-                                sourceHandle?: string | null;
-                                targetHandle?: string | null;
-                                animated?: boolean;
-                                hidden?: boolean;
-                                deletable?: boolean;
-                                selectable?: boolean;
-                                selected?: boolean;
-                                markerStart?: EdgeMarkerType;
-                                markerEnd?: EdgeMarkerType;
-                                zIndex?: number;
-                                ariaLabel?: string;
-                                interactionWidth?: number;
-                                label?: ReactNode;
-                                labelStyle?: CSSProperties;
-                                labelShowBg?: boolean;
-                                labelBgStyle?: CSSProperties;
-                                labelBgPadding?: [number, number];
-                                labelBgBorderRadius?: number;
-                                style?: CSSProperties;
-                                className?: string;
-                                reconnectable?: boolean | HandleType;
-                                focusable?: boolean;
-                                type: "relationships";
-                                data: {
-                                    relations: NonEmptyArray<RelationId>;
-                                    color: Color | undefined;
-                                    label: string | null;
-                                    navigateTo: ViewId | null;
-                                    line: RelationshipLineType;
-                                    hovered?: boolean;
-                                    active?: boolean;
-                                    dimmed?: import("../../base").Base.Dimmed;
-                                };
-                            }[];
-                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
-                            active: "idle" | "layouting";
-                        }, "active", any, any, any>, Events, Input, any, any>;
-                        id: "relationshipsBrowser";
-                    };
-                }>, never, never, never, never>;
+                readonly actions: "updateFeatures";
             };
             readonly 'update.nodeData': {
                 readonly actions: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
@@ -12826,6 +12612,259 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                 readonly guard: "is dynamic view";
                 readonly target: ".walkthrough";
             };
+            readonly 'toggle.feature': {
+                readonly actions: ActionFunction<DiagramContext, {
+                    type: "toggle.feature";
+                    feature: FeatureName;
+                    forceValue?: boolean;
+                }, Events, undefined, Values<{
+                    hotkeyActor: {
+                        src: "hotkeyActor";
+                        logic: CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent>;
+                        id: "hotkey";
+                    };
+                    syncManualLayoutActor: {
+                        src: "syncManualLayoutActor";
+                        logic: StateMachine<Readonly< Input>, Events, {}, never, {
+                            type: "trigger:OnChange";
+                            params: {
+                                change: ViewChange;
+                            };
+                        }, {
+                            type: "same view";
+                            params: unknown;
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                            readonly initial: "idle";
+                            readonly context: ({ input }: {
+                                spawn: {
+                                    <TSrc extends never>(logic: TSrc, ...[options]: never): ActorRefFromLogic<never>;
+                                    <TLogic extends AnyActorLogic>(src: TLogic, ...[options]: ConditionalRequired<[options?: {
+                                        id?: never;
+                                        systemId?: string;
+                                        input?: InputFrom<TLogic>;
+                                        syncSnapshot?: boolean;
+                                    } & { [K in RequiredLogicInput<TLogic>]: unknown; }], IsNotNever<RequiredLogicInput<TLogic>>>): ActorRefFromLogic<TLogic>;
+                                };
+                                input: Input;
+                                self: ActorRef<MachineSnapshot<Readonly< Input>, Events, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, Events, AnyEventObject>;
+                            }) => {
+                                parent: ActorRef<MachineSnapshot<DiagramContext, Events, any, any, any, any, any, any>, Events, any>;
+                                viewId: ViewId;
+                            };
+                            readonly states: {
+                                readonly idle: {
+                                    readonly tags: "ready";
+                                    readonly on: {
+                                        readonly sync: {
+                                            readonly target: "pending";
+                                        };
+                                    };
+                                };
+                                readonly paused: {
+                                    readonly tags: "pending";
+                                    readonly on: {
+                                        readonly sync: {
+                                            readonly target: "pending";
+                                        };
+                                    };
+                                };
+                                readonly pending: {
+                                    readonly tags: "pending";
+                                    readonly on: {
+                                        readonly sync: {
+                                            readonly target: "pending";
+                                            readonly reenter: true;
+                                        };
+                                        readonly cancel: {
+                                            readonly target: "paused";
+                                        };
+                                    };
+                                    readonly after: {
+                                        readonly timeout: readonly [{
+                                            readonly guard: "same view";
+                                            readonly actions: {
+                                                readonly type: "trigger:OnChange";
+                                                readonly params: ({ context }: {
+                                                    context: Readonly< Input>;
+                                                    event: Events;
+                                                }) => {
+                                                    change: import("@likec4/core").ViewChange.SaveManualLayout;
+                                                };
+                                            };
+                                            readonly target: "synced";
+                                        }, {
+                                            readonly target: "stopped";
+                                        }];
+                                    };
+                                };
+                                readonly synced: {
+                                    readonly tags: "ready";
+                                    readonly on: {
+                                        readonly sync: {
+                                            readonly target: "pending";
+                                        };
+                                    };
+                                };
+                                readonly stopped: {
+                                    readonly entry: ActionFunction<Readonly< Input>, Events, Events, undefined, never, never, never, never, never>;
+                                    readonly type: "final";
+                                };
+                            };
+                            readonly on: {
+                                readonly synced: {
+                                    readonly target: ".synced";
+                                };
+                                readonly stop: {
+                                    readonly target: ".stopped";
+                                };
+                            };
+                        }>;
+                        id: "syncLayout";
+                    };
+                    relationshipDetailsActor: {
+                        src: "relationshipDetailsActor";
+                        logic: ActorLogic<MachineSnapshot<Readonly< Input & {
+                            xyflow: ( GeneralHelpers<import("../../overlays/relationship-details/_types").RelationshipDetailsTypes.Node, {
+                                id: string;
+                                source: string;
+                                target: string;
+                                sourceHandle?: string | null;
+                                targetHandle?: string | null;
+                                animated?: boolean;
+                                hidden?: boolean;
+                                deletable?: boolean;
+                                selectable?: boolean;
+                                selected?: boolean;
+                                markerStart?: EdgeMarkerType;
+                                markerEnd?: EdgeMarkerType;
+                                zIndex?: number;
+                                ariaLabel?: string;
+                                interactionWidth?: number;
+                                label?: ReactNode;
+                                labelStyle?: CSSProperties;
+                                labelShowBg?: boolean;
+                                labelBgStyle?: CSSProperties;
+                                labelBgPadding?: [number, number];
+                                labelBgBorderRadius?: number;
+                                style?: CSSProperties;
+                                className?: string;
+                                reconnectable?: boolean | HandleType;
+                                focusable?: boolean;
+                                type: "relationship";
+                                data: {
+                                    relationId: RelationId;
+                                    color: Color | undefined;
+                                    label: string | null;
+                                    technology?: string | undefined | undefined;
+                                    description?: string | undefined | undefined;
+                                    navigateTo: ViewId | null;
+                                    line: RelationshipLineType;
+                                    hovered?: boolean;
+                                    active?: boolean;
+                                    dimmed?: import("../../base").Base.Dimmed;
+                                };
+                            }> & Omit< ViewportHelperFunctions, "initialized"> & {
+                                viewportInitialized: boolean;
+                            }) | null;
+                            initialized: boolean;
+                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        id: "relationshipDetails";
+                    };
+                    relationshipsBrowserActor: {
+                        src: "relationshipsBrowserActor";
+                        logic: ActorLogic<MachineSnapshot<Readonly< Input & {
+                            closeable: boolean;
+                            enableNavigationMenu: boolean;
+                            xyflow: ( GeneralHelpers<import("../../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node, {
+                                id: string;
+                                source: string;
+                                target: string;
+                                sourceHandle?: string | null;
+                                targetHandle?: string | null;
+                                animated?: boolean;
+                                hidden?: boolean;
+                                deletable?: boolean;
+                                selectable?: boolean;
+                                selected?: boolean;
+                                markerStart?: EdgeMarkerType;
+                                markerEnd?: EdgeMarkerType;
+                                zIndex?: number;
+                                ariaLabel?: string;
+                                interactionWidth?: number;
+                                label?: ReactNode;
+                                labelStyle?: CSSProperties;
+                                labelShowBg?: boolean;
+                                labelBgStyle?: CSSProperties;
+                                labelBgPadding?: [number, number];
+                                labelBgBorderRadius?: number;
+                                style?: CSSProperties;
+                                className?: string;
+                                reconnectable?: boolean | HandleType;
+                                focusable?: boolean;
+                                type: "relationships";
+                                data: {
+                                    relations: NonEmptyArray<RelationId>;
+                                    color: Color | undefined;
+                                    label: string | null;
+                                    navigateTo: ViewId | null;
+                                    line: RelationshipLineType;
+                                    hovered?: boolean;
+                                    active?: boolean;
+                                    dimmed?: import("../../base").Base.Dimmed;
+                                };
+                            }> & Omit< ViewportHelperFunctions, "initialized"> & {
+                                viewportInitialized: boolean;
+                            }) | null;
+                            xystore: XYStoreApi | null;
+                            initialized: boolean;
+                            layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
+                            xynodes: import("../../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
+                            xyedges: {
+                                id: string;
+                                source: string;
+                                target: string;
+                                sourceHandle?: string | null;
+                                targetHandle?: string | null;
+                                animated?: boolean;
+                                hidden?: boolean;
+                                deletable?: boolean;
+                                selectable?: boolean;
+                                selected?: boolean;
+                                markerStart?: EdgeMarkerType;
+                                markerEnd?: EdgeMarkerType;
+                                zIndex?: number;
+                                ariaLabel?: string;
+                                interactionWidth?: number;
+                                label?: ReactNode;
+                                labelStyle?: CSSProperties;
+                                labelShowBg?: boolean;
+                                labelBgStyle?: CSSProperties;
+                                labelBgPadding?: [number, number];
+                                labelBgBorderRadius?: number;
+                                style?: CSSProperties;
+                                className?: string;
+                                reconnectable?: boolean | HandleType;
+                                focusable?: boolean;
+                                type: "relationships";
+                                data: {
+                                    relations: NonEmptyArray<RelationId>;
+                                    color: Color | undefined;
+                                    label: string | null;
+                                    navigateTo: ViewId | null;
+                                    line: RelationshipLineType;
+                                    hovered?: boolean;
+                                    active?: boolean;
+                                    dimmed?: import("../../base").Base.Dimmed;
+                                };
+                            }[];
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
+                        id: "relationshipsBrowser";
+                    };
+                }>, never, never, never, never>;
+            };
         };
         readonly exit: readonly [ StopAction<DiagramContext, Events, undefined, Events>, StopAction<DiagramContext, Events, undefined, Events>, ActionFunction<DiagramContext, Events, Events, undefined, Values<{
             hotkeyActor: {
@@ -13603,6 +13642,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                 toPosition: XYPoint;
             };
         };
+        updateFeatures: {
+            type: "updateFeatures";
+            params: NonReducibleUnknown;
+        };
     }>, Values<{
         "enabled: FitView": {
             type: "enabled: FitView";
@@ -14433,6 +14476,9 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                 enableLikeC4Model: boolean;
                 enableVscode: boolean;
             };
+            toggledFeatures: {
+                enableReadOnly: true;
+            };
             initialized: false;
             viewportChangedManually: false;
             lastOnNavigate: null;
@@ -15321,6 +15367,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                                     toPosition: XYPoint;
                                 };
                             };
+                            updateFeatures: {
+                                type: "updateFeatures";
+                                params: NonReducibleUnknown;
+                            };
                         }>, Values<{
                             "enabled: FitView": {
                                 type: "enabled: FitView";
@@ -18465,6 +18515,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                             toPosition: XYPoint;
                         };
                     };
+                    updateFeatures: {
+                        type: "updateFeatures";
+                        params: NonReducibleUnknown;
+                    };
                 }>, Values<{
                     "enabled: FitView": {
                         type: "enabled: FitView";
@@ -19940,6 +19994,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                                     toPosition: XYPoint;
                                 };
                             };
+                            updateFeatures: {
+                                type: "updateFeatures";
+                                params: NonReducibleUnknown;
+                            };
                         }>, Values<{
                             "enabled: FitView": {
                                 type: "enabled: FitView";
@@ -20328,6 +20386,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                                             toPosition: XYPoint;
                                         };
                                     };
+                                    updateFeatures: {
+                                        type: "updateFeatures";
+                                        params: NonReducibleUnknown;
+                                    };
                                 }>, Values<{
                                     "enabled: FitView": {
                                         type: "enabled: FitView";
@@ -21679,6 +21741,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                                     toPosition: XYPoint;
                                 };
                             };
+                            updateFeatures: {
+                                type: "updateFeatures";
+                                params: NonReducibleUnknown;
+                            };
                         }>, Values<{
                             "enabled: FitView": {
                                 type: "enabled: FitView";
@@ -22075,6 +22141,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                             toPosition: XYPoint;
                         };
                     };
+                    updateFeatures: {
+                        type: "updateFeatures";
+                        params: NonReducibleUnknown;
+                    };
                 }>, Values<{
                     "enabled: FitView": {
                         type: "enabled: FitView";
@@ -22116,9 +22186,9 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
             };
         };
         readonly on: {
-            readonly 'xyflow.applyNodeChages': {
+            readonly 'xyflow.applyNodeChanges': {
                 readonly actions: ActionFunction<DiagramContext, {
-                    type: "xyflow.applyNodeChages";
+                    type: "xyflow.applyNodeChanges";
                     changes: NodeChange<import("../types").Types.Node>[];
                 }, Events, undefined, Values<{
                     hotkeyActor: {
@@ -22368,9 +22438,9 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                     };
                 }>, never, never, never, never>;
             };
-            readonly 'xyflow.applyEdgeChages': {
+            readonly 'xyflow.applyEdgeChanges': {
                 readonly actions: ActionFunction<DiagramContext, {
-                    type: "xyflow.applyEdgeChages";
+                    type: "xyflow.applyEdgeChanges";
                     changes: EdgeChange<{
                         id: string;
                         source: string;
@@ -24289,6 +24359,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                             toPosition: XYPoint;
                         };
                     };
+                    updateFeatures: {
+                        type: "updateFeatures";
+                        params: NonReducibleUnknown;
+                    };
                 }>, Values<{
                     "enabled: FitView": {
                         type: "enabled: FitView";
@@ -24581,10 +24655,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                 }>, never, never, never, never>;
             };
             readonly 'update.features': {
-                readonly actions: ActionFunction<DiagramContext, {
-                    type: "update.features";
-                    features: EnabledFeatures;
-                }, Events, undefined, Values<{
+                readonly actions: "updateFeatures";
+            };
+            readonly 'update.nodeData': {
+                readonly actions: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
                     hotkeyActor: {
                         src: "hotkeyActor";
                         logic: CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent>;
@@ -24832,7 +24906,7 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                     };
                 }>, never, never, never, never>;
             };
-            readonly 'update.nodeData': {
+            readonly 'update.edgeData': {
                 readonly actions: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
                     hotkeyActor: {
                         src: "hotkeyActor";
@@ -25081,8 +25155,27 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                     };
                 }>, never, never, never, never>;
             };
-            readonly 'update.edgeData': {
-                readonly actions: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
+            readonly 'layout.align': {
+                readonly guard: "not readonly";
+                readonly actions: readonly [{
+                    readonly type: "layout.align";
+                    readonly params: ({ event }: {
+                        context: DiagramContext;
+                        event: {
+                            type: "layout.align";
+                            mode: AlignmentMode;
+                        };
+                    }) => {
+                        mode: AlignmentMode;
+                    };
+                }, ActionFunction<DiagramContext, {
+                    type: "layout.align";
+                    mode: AlignmentMode;
+                }, Events, undefined, never, never, never, never, never>];
+            };
+            readonly 'layout.resetEdgeControlPoints': {
+                readonly guard: "not readonly";
+                readonly actions: readonly [ ActionFunction<DiagramContext, Events, Events, undefined, Values<{
                     hotkeyActor: {
                         src: "hotkeyActor";
                         logic: CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent>;
@@ -25328,29 +25421,26 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                         }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
-                }>, never, never, never, never>;
+                }>, never, never, never, never>, ActionFunction<DiagramContext, {
+                    type: "layout.resetEdgeControlPoints";
+                }, Events, undefined, never, never, never, never, never>];
             };
-            readonly 'layout.align': {
-                readonly guard: "not readonly";
-                readonly actions: readonly [{
-                    readonly type: "layout.align";
-                    readonly params: ({ event }: {
-                        context: DiagramContext;
-                        event: {
-                            type: "layout.align";
-                            mode: AlignmentMode;
-                        };
-                    }) => {
-                        mode: AlignmentMode;
-                    };
-                }, ActionFunction<DiagramContext, {
-                    type: "layout.align";
-                    mode: AlignmentMode;
+            readonly 'xyflow.resized': {
+                readonly guard: ({ context }: {
+                    context: DiagramContext;
+                }) => boolean;
+                readonly actions: readonly [ CancelAction<DiagramContext, {
+                    type: "xyflow.resized";
+                }, undefined, Events>, ActionFunction<DiagramContext, {
+                    type: "xyflow.resized";
                 }, Events, undefined, never, never, never, never, never>];
             };
-            readonly 'layout.resetEdgeControlPoints': {
-                readonly guard: "not readonly";
-                readonly actions: readonly [ ActionFunction<DiagramContext, Events, Events, undefined, Values<{
+            readonly 'open.elementDetails': {
+                readonly actions: ActionFunction<DiagramContext, {
+                    type: "open.elementDetails";
+                    fqn: Fqn;
+                    fromNode?: NodeId | undefined;
+                }, Events, undefined, Values<{
                     hotkeyActor: {
                         src: "hotkeyActor";
                         logic: CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent>;
@@ -25596,25 +25686,37 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                         }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
-                }>, never, never, never, never>, ActionFunction<DiagramContext, {
-                    type: "layout.resetEdgeControlPoints";
-                }, Events, undefined, never, never, never, never, never>];
+                }>, never, never, never, never>;
+                readonly target: ".overlay.elementDetails";
             };
-            readonly 'xyflow.resized': {
-                readonly guard: ({ context }: {
-                    context: DiagramContext;
-                }) => boolean;
-                readonly actions: readonly [ CancelAction<DiagramContext, {
-                    type: "xyflow.resized";
-                }, undefined, Events>, ActionFunction<DiagramContext, {
-                    type: "xyflow.resized";
-                }, Events, undefined, never, never, never, never, never>];
+            readonly 'open.relationshipDetails': {
+                readonly target: ".overlay.relationshipDetails";
             };
-            readonly 'open.elementDetails': {
+            readonly 'open.relationshipsBrowser': {
+                readonly target: ".overlay.relationshipsBrowser";
+            };
+            readonly 'open.source': {
+                readonly actions: {
+                    readonly type: "trigger:OpenSource";
+                    readonly params: (data: {
+                        context: DiagramContext;
+                        event: {
+                            type: "open.source";
+                        } & OpenSourceParams;
+                    }) => {
+                        type: "open.source";
+                    } & OpenSourceParams;
+                };
+            };
+            readonly 'walkthrough.start': {
+                readonly guard: "is dynamic view";
+                readonly target: ".walkthrough";
+            };
+            readonly 'toggle.feature': {
                 readonly actions: ActionFunction<DiagramContext, {
-                    type: "open.elementDetails";
-                    fqn: Fqn;
-                    fromNode?: NodeId | undefined;
+                    type: "toggle.feature";
+                    feature: FeatureName;
+                    forceValue?: boolean;
                 }, Events, undefined, Values<{
                     hotkeyActor: {
                         src: "hotkeyActor";
@@ -25862,30 +25964,6 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                         id: "relationshipsBrowser";
                     };
                 }>, never, never, never, never>;
-                readonly target: ".overlay.elementDetails";
-            };
-            readonly 'open.relationshipDetails': {
-                readonly target: ".overlay.relationshipDetails";
-            };
-            readonly 'open.relationshipsBrowser': {
-                readonly target: ".overlay.relationshipsBrowser";
-            };
-            readonly 'open.source': {
-                readonly actions: {
-                    readonly type: "trigger:OpenSource";
-                    readonly params: (data: {
-                        context: DiagramContext;
-                        event: {
-                            type: "open.source";
-                        } & OpenSourceParams;
-                    }) => {
-                        type: "open.source";
-                    } & OpenSourceParams;
-                };
-            };
-            readonly 'walkthrough.start': {
-                readonly guard: "is dynamic view";
-                readonly target: ".walkthrough";
             };
         };
         readonly exit: readonly [ StopAction<DiagramContext, Events, undefined, Events>, StopAction<DiagramContext, Events, undefined, Events>, ActionFunction<DiagramContext, Events, Events, undefined, Values<{
@@ -27159,6 +27237,9 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
             enableLikeC4Model: boolean;
             enableVscode: boolean;
         };
+        toggledFeatures: {
+            enableReadOnly: true;
+        };
         initialized: false;
         viewportChangedManually: false;
         lastOnNavigate: null;
@@ -28047,6 +28128,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                                 toPosition: XYPoint;
                             };
                         };
+                        updateFeatures: {
+                            type: "updateFeatures";
+                            params: NonReducibleUnknown;
+                        };
                     }>, Values<{
                         "enabled: FitView": {
                             type: "enabled: FitView";
@@ -31191,6 +31276,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                         toPosition: XYPoint;
                     };
                 };
+                updateFeatures: {
+                    type: "updateFeatures";
+                    params: NonReducibleUnknown;
+                };
             }>, Values<{
                 "enabled: FitView": {
                     type: "enabled: FitView";
@@ -32666,6 +32755,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                                 toPosition: XYPoint;
                             };
                         };
+                        updateFeatures: {
+                            type: "updateFeatures";
+                            params: NonReducibleUnknown;
+                        };
                     }>, Values<{
                         "enabled: FitView": {
                             type: "enabled: FitView";
@@ -33054,6 +33147,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                                         toPosition: XYPoint;
                                     };
                                 };
+                                updateFeatures: {
+                                    type: "updateFeatures";
+                                    params: NonReducibleUnknown;
+                                };
                             }>, Values<{
                                 "enabled: FitView": {
                                     type: "enabled: FitView";
@@ -34405,6 +34502,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                                 toPosition: XYPoint;
                             };
                         };
+                        updateFeatures: {
+                            type: "updateFeatures";
+                            params: NonReducibleUnknown;
+                        };
                     }>, Values<{
                         "enabled: FitView": {
                             type: "enabled: FitView";
@@ -34801,6 +34902,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                         toPosition: XYPoint;
                     };
                 };
+                updateFeatures: {
+                    type: "updateFeatures";
+                    params: NonReducibleUnknown;
+                };
             }>, Values<{
                 "enabled: FitView": {
                     type: "enabled: FitView";
@@ -34842,9 +34947,9 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
         };
     };
     readonly on: {
-        readonly 'xyflow.applyNodeChages': {
+        readonly 'xyflow.applyNodeChanges': {
             readonly actions: ActionFunction<DiagramContext, {
-                type: "xyflow.applyNodeChages";
+                type: "xyflow.applyNodeChanges";
                 changes: NodeChange<import("../types").Types.Node>[];
             }, Events, undefined, Values<{
                 hotkeyActor: {
@@ -35094,9 +35199,9 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                 };
             }>, never, never, never, never>;
         };
-        readonly 'xyflow.applyEdgeChages': {
+        readonly 'xyflow.applyEdgeChanges': {
             readonly actions: ActionFunction<DiagramContext, {
-                type: "xyflow.applyEdgeChages";
+                type: "xyflow.applyEdgeChanges";
                 changes: EdgeChange<{
                     id: string;
                     source: string;
@@ -37015,6 +37120,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                         toPosition: XYPoint;
                     };
                 };
+                updateFeatures: {
+                    type: "updateFeatures";
+                    params: NonReducibleUnknown;
+                };
             }>, Values<{
                 "enabled: FitView": {
                     type: "enabled: FitView";
@@ -37307,10 +37416,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
             }>, never, never, never, never>;
         };
         readonly 'update.features': {
-            readonly actions: ActionFunction<DiagramContext, {
-                type: "update.features";
-                features: EnabledFeatures;
-            }, Events, undefined, Values<{
+            readonly actions: "updateFeatures";
+        };
+        readonly 'update.nodeData': {
+            readonly actions: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
                 hotkeyActor: {
                     src: "hotkeyActor";
                     logic: CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent>;
@@ -37558,7 +37667,7 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                 };
             }>, never, never, never, never>;
         };
-        readonly 'update.nodeData': {
+        readonly 'update.edgeData': {
             readonly actions: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
                 hotkeyActor: {
                     src: "hotkeyActor";
@@ -37807,8 +37916,27 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                 };
             }>, never, never, never, never>;
         };
-        readonly 'update.edgeData': {
-            readonly actions: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
+        readonly 'layout.align': {
+            readonly guard: "not readonly";
+            readonly actions: readonly [{
+                readonly type: "layout.align";
+                readonly params: ({ event }: {
+                    context: DiagramContext;
+                    event: {
+                        type: "layout.align";
+                        mode: AlignmentMode;
+                    };
+                }) => {
+                    mode: AlignmentMode;
+                };
+            }, ActionFunction<DiagramContext, {
+                type: "layout.align";
+                mode: AlignmentMode;
+            }, Events, undefined, never, never, never, never, never>];
+        };
+        readonly 'layout.resetEdgeControlPoints': {
+            readonly guard: "not readonly";
+            readonly actions: readonly [ ActionFunction<DiagramContext, Events, Events, undefined, Values<{
                 hotkeyActor: {
                     src: "hotkeyActor";
                     logic: CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent>;
@@ -38054,29 +38182,26 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                     }, "active", any, any, any>, Events, Input, any, any>;
                     id: "relationshipsBrowser";
                 };
-            }>, never, never, never, never>;
+            }>, never, never, never, never>, ActionFunction<DiagramContext, {
+                type: "layout.resetEdgeControlPoints";
+            }, Events, undefined, never, never, never, never, never>];
         };
-        readonly 'layout.align': {
-            readonly guard: "not readonly";
-            readonly actions: readonly [{
-                readonly type: "layout.align";
-                readonly params: ({ event }: {
-                    context: DiagramContext;
-                    event: {
-                        type: "layout.align";
-                        mode: AlignmentMode;
-                    };
-                }) => {
-                    mode: AlignmentMode;
-                };
-            }, ActionFunction<DiagramContext, {
-                type: "layout.align";
-                mode: AlignmentMode;
+        readonly 'xyflow.resized': {
+            readonly guard: ({ context }: {
+                context: DiagramContext;
+            }) => boolean;
+            readonly actions: readonly [ CancelAction<DiagramContext, {
+                type: "xyflow.resized";
+            }, undefined, Events>, ActionFunction<DiagramContext, {
+                type: "xyflow.resized";
             }, Events, undefined, never, never, never, never, never>];
         };
-        readonly 'layout.resetEdgeControlPoints': {
-            readonly guard: "not readonly";
-            readonly actions: readonly [ ActionFunction<DiagramContext, Events, Events, undefined, Values<{
+        readonly 'open.elementDetails': {
+            readonly actions: ActionFunction<DiagramContext, {
+                type: "open.elementDetails";
+                fqn: Fqn;
+                fromNode?: NodeId | undefined;
+            }, Events, undefined, Values<{
                 hotkeyActor: {
                     src: "hotkeyActor";
                     logic: CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent>;
@@ -38322,25 +38447,37 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                     }, "active", any, any, any>, Events, Input, any, any>;
                     id: "relationshipsBrowser";
                 };
-            }>, never, never, never, never>, ActionFunction<DiagramContext, {
-                type: "layout.resetEdgeControlPoints";
-            }, Events, undefined, never, never, never, never, never>];
+            }>, never, never, never, never>;
+            readonly target: ".overlay.elementDetails";
         };
-        readonly 'xyflow.resized': {
-            readonly guard: ({ context }: {
-                context: DiagramContext;
-            }) => boolean;
-            readonly actions: readonly [ CancelAction<DiagramContext, {
-                type: "xyflow.resized";
-            }, undefined, Events>, ActionFunction<DiagramContext, {
-                type: "xyflow.resized";
-            }, Events, undefined, never, never, never, never, never>];
+        readonly 'open.relationshipDetails': {
+            readonly target: ".overlay.relationshipDetails";
         };
-        readonly 'open.elementDetails': {
+        readonly 'open.relationshipsBrowser': {
+            readonly target: ".overlay.relationshipsBrowser";
+        };
+        readonly 'open.source': {
+            readonly actions: {
+                readonly type: "trigger:OpenSource";
+                readonly params: (data: {
+                    context: DiagramContext;
+                    event: {
+                        type: "open.source";
+                    } & OpenSourceParams;
+                }) => {
+                    type: "open.source";
+                } & OpenSourceParams;
+            };
+        };
+        readonly 'walkthrough.start': {
+            readonly guard: "is dynamic view";
+            readonly target: ".walkthrough";
+        };
+        readonly 'toggle.feature': {
             readonly actions: ActionFunction<DiagramContext, {
-                type: "open.elementDetails";
-                fqn: Fqn;
-                fromNode?: NodeId | undefined;
+                type: "toggle.feature";
+                feature: FeatureName;
+                forceValue?: boolean;
             }, Events, undefined, Values<{
                 hotkeyActor: {
                     src: "hotkeyActor";
@@ -38588,30 +38725,6 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                     id: "relationshipsBrowser";
                 };
             }>, never, never, never, never>;
-            readonly target: ".overlay.elementDetails";
-        };
-        readonly 'open.relationshipDetails': {
-            readonly target: ".overlay.relationshipDetails";
-        };
-        readonly 'open.relationshipsBrowser': {
-            readonly target: ".overlay.relationshipsBrowser";
-        };
-        readonly 'open.source': {
-            readonly actions: {
-                readonly type: "trigger:OpenSource";
-                readonly params: (data: {
-                    context: DiagramContext;
-                    event: {
-                        type: "open.source";
-                    } & OpenSourceParams;
-                }) => {
-                    type: "open.source";
-                } & OpenSourceParams;
-            };
-        };
-        readonly 'walkthrough.start': {
-            readonly guard: "is dynamic view";
-            readonly target: ".walkthrough";
         };
     };
     readonly exit: readonly [ StopAction<DiagramContext, Events, undefined, Events>, StopAction<DiagramContext, Events, undefined, Events>, ActionFunction<DiagramContext, Events, Events, undefined, Values<{
@@ -39388,6 +39501,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
             toPosition: XYPoint;
         };
     };
+    updateFeatures: {
+        type: "updateFeatures";
+        params: NonReducibleUnknown;
+    };
 }>, Values<{
     "enabled: FitView": {
         type: "enabled: FitView";
@@ -40218,6 +40335,9 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
             enableLikeC4Model: boolean;
             enableVscode: boolean;
         };
+        toggledFeatures: {
+            enableReadOnly: true;
+        };
         initialized: false;
         viewportChangedManually: false;
         lastOnNavigate: null;
@@ -41106,6 +41226,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                                 toPosition: XYPoint;
                             };
                         };
+                        updateFeatures: {
+                            type: "updateFeatures";
+                            params: NonReducibleUnknown;
+                        };
                     }>, Values<{
                         "enabled: FitView": {
                             type: "enabled: FitView";
@@ -44250,6 +44374,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                         toPosition: XYPoint;
                     };
                 };
+                updateFeatures: {
+                    type: "updateFeatures";
+                    params: NonReducibleUnknown;
+                };
             }>, Values<{
                 "enabled: FitView": {
                     type: "enabled: FitView";
@@ -45725,6 +45853,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                                 toPosition: XYPoint;
                             };
                         };
+                        updateFeatures: {
+                            type: "updateFeatures";
+                            params: NonReducibleUnknown;
+                        };
                     }>, Values<{
                         "enabled: FitView": {
                             type: "enabled: FitView";
@@ -46113,6 +46245,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                                         toPosition: XYPoint;
                                     };
                                 };
+                                updateFeatures: {
+                                    type: "updateFeatures";
+                                    params: NonReducibleUnknown;
+                                };
                             }>, Values<{
                                 "enabled: FitView": {
                                     type: "enabled: FitView";
@@ -47464,6 +47600,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                                 toPosition: XYPoint;
                             };
                         };
+                        updateFeatures: {
+                            type: "updateFeatures";
+                            params: NonReducibleUnknown;
+                        };
                     }>, Values<{
                         "enabled: FitView": {
                             type: "enabled: FitView";
@@ -47860,6 +48000,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                         toPosition: XYPoint;
                     };
                 };
+                updateFeatures: {
+                    type: "updateFeatures";
+                    params: NonReducibleUnknown;
+                };
             }>, Values<{
                 "enabled: FitView": {
                     type: "enabled: FitView";
@@ -47901,9 +48045,9 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
         };
     };
     readonly on: {
-        readonly 'xyflow.applyNodeChages': {
+        readonly 'xyflow.applyNodeChanges': {
             readonly actions: ActionFunction<DiagramContext, {
-                type: "xyflow.applyNodeChages";
+                type: "xyflow.applyNodeChanges";
                 changes: NodeChange<import("../types").Types.Node>[];
             }, Events, undefined, Values<{
                 hotkeyActor: {
@@ -48153,9 +48297,9 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                 };
             }>, never, never, never, never>;
         };
-        readonly 'xyflow.applyEdgeChages': {
+        readonly 'xyflow.applyEdgeChanges': {
             readonly actions: ActionFunction<DiagramContext, {
-                type: "xyflow.applyEdgeChages";
+                type: "xyflow.applyEdgeChanges";
                 changes: EdgeChange<{
                     id: string;
                     source: string;
@@ -50074,6 +50218,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                         toPosition: XYPoint;
                     };
                 };
+                updateFeatures: {
+                    type: "updateFeatures";
+                    params: NonReducibleUnknown;
+                };
             }>, Values<{
                 "enabled: FitView": {
                     type: "enabled: FitView";
@@ -50366,10 +50514,10 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
             }>, never, never, never, never>;
         };
         readonly 'update.features': {
-            readonly actions: ActionFunction<DiagramContext, {
-                type: "update.features";
-                features: EnabledFeatures;
-            }, Events, undefined, Values<{
+            readonly actions: "updateFeatures";
+        };
+        readonly 'update.nodeData': {
+            readonly actions: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
                 hotkeyActor: {
                     src: "hotkeyActor";
                     logic: CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent>;
@@ -50617,7 +50765,7 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                 };
             }>, never, never, never, never>;
         };
-        readonly 'update.nodeData': {
+        readonly 'update.edgeData': {
             readonly actions: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
                 hotkeyActor: {
                     src: "hotkeyActor";
@@ -50866,8 +51014,27 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                 };
             }>, never, never, never, never>;
         };
-        readonly 'update.edgeData': {
-            readonly actions: ActionFunction<DiagramContext, Events, Events, undefined, Values<{
+        readonly 'layout.align': {
+            readonly guard: "not readonly";
+            readonly actions: readonly [{
+                readonly type: "layout.align";
+                readonly params: ({ event }: {
+                    context: DiagramContext;
+                    event: {
+                        type: "layout.align";
+                        mode: AlignmentMode;
+                    };
+                }) => {
+                    mode: AlignmentMode;
+                };
+            }, ActionFunction<DiagramContext, {
+                type: "layout.align";
+                mode: AlignmentMode;
+            }, Events, undefined, never, never, never, never, never>];
+        };
+        readonly 'layout.resetEdgeControlPoints': {
+            readonly guard: "not readonly";
+            readonly actions: readonly [ ActionFunction<DiagramContext, Events, Events, undefined, Values<{
                 hotkeyActor: {
                     src: "hotkeyActor";
                     logic: CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent>;
@@ -51113,29 +51280,26 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                     }, "active", any, any, any>, Events, Input, any, any>;
                     id: "relationshipsBrowser";
                 };
-            }>, never, never, never, never>;
+            }>, never, never, never, never>, ActionFunction<DiagramContext, {
+                type: "layout.resetEdgeControlPoints";
+            }, Events, undefined, never, never, never, never, never>];
         };
-        readonly 'layout.align': {
-            readonly guard: "not readonly";
-            readonly actions: readonly [{
-                readonly type: "layout.align";
-                readonly params: ({ event }: {
-                    context: DiagramContext;
-                    event: {
-                        type: "layout.align";
-                        mode: AlignmentMode;
-                    };
-                }) => {
-                    mode: AlignmentMode;
-                };
-            }, ActionFunction<DiagramContext, {
-                type: "layout.align";
-                mode: AlignmentMode;
+        readonly 'xyflow.resized': {
+            readonly guard: ({ context }: {
+                context: DiagramContext;
+            }) => boolean;
+            readonly actions: readonly [ CancelAction<DiagramContext, {
+                type: "xyflow.resized";
+            }, undefined, Events>, ActionFunction<DiagramContext, {
+                type: "xyflow.resized";
             }, Events, undefined, never, never, never, never, never>];
         };
-        readonly 'layout.resetEdgeControlPoints': {
-            readonly guard: "not readonly";
-            readonly actions: readonly [ ActionFunction<DiagramContext, Events, Events, undefined, Values<{
+        readonly 'open.elementDetails': {
+            readonly actions: ActionFunction<DiagramContext, {
+                type: "open.elementDetails";
+                fqn: Fqn;
+                fromNode?: NodeId | undefined;
+            }, Events, undefined, Values<{
                 hotkeyActor: {
                     src: "hotkeyActor";
                     logic: CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent>;
@@ -51381,25 +51545,37 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                     }, "active", any, any, any>, Events, Input, any, any>;
                     id: "relationshipsBrowser";
                 };
-            }>, never, never, never, never>, ActionFunction<DiagramContext, {
-                type: "layout.resetEdgeControlPoints";
-            }, Events, undefined, never, never, never, never, never>];
+            }>, never, never, never, never>;
+            readonly target: ".overlay.elementDetails";
         };
-        readonly 'xyflow.resized': {
-            readonly guard: ({ context }: {
-                context: DiagramContext;
-            }) => boolean;
-            readonly actions: readonly [ CancelAction<DiagramContext, {
-                type: "xyflow.resized";
-            }, undefined, Events>, ActionFunction<DiagramContext, {
-                type: "xyflow.resized";
-            }, Events, undefined, never, never, never, never, never>];
+        readonly 'open.relationshipDetails': {
+            readonly target: ".overlay.relationshipDetails";
         };
-        readonly 'open.elementDetails': {
+        readonly 'open.relationshipsBrowser': {
+            readonly target: ".overlay.relationshipsBrowser";
+        };
+        readonly 'open.source': {
+            readonly actions: {
+                readonly type: "trigger:OpenSource";
+                readonly params: (data: {
+                    context: DiagramContext;
+                    event: {
+                        type: "open.source";
+                    } & OpenSourceParams;
+                }) => {
+                    type: "open.source";
+                } & OpenSourceParams;
+            };
+        };
+        readonly 'walkthrough.start': {
+            readonly guard: "is dynamic view";
+            readonly target: ".walkthrough";
+        };
+        readonly 'toggle.feature': {
             readonly actions: ActionFunction<DiagramContext, {
-                type: "open.elementDetails";
-                fqn: Fqn;
-                fromNode?: NodeId | undefined;
+                type: "toggle.feature";
+                feature: FeatureName;
+                forceValue?: boolean;
             }, Events, undefined, Values<{
                 hotkeyActor: {
                     src: "hotkeyActor";
@@ -51647,30 +51823,6 @@ export declare const LikeC4ViewMachineContextProvider: (props: {
                     id: "relationshipsBrowser";
                 };
             }>, never, never, never, never>;
-            readonly target: ".overlay.elementDetails";
-        };
-        readonly 'open.relationshipDetails': {
-            readonly target: ".overlay.relationshipDetails";
-        };
-        readonly 'open.relationshipsBrowser': {
-            readonly target: ".overlay.relationshipsBrowser";
-        };
-        readonly 'open.source': {
-            readonly actions: {
-                readonly type: "trigger:OpenSource";
-                readonly params: (data: {
-                    context: DiagramContext;
-                    event: {
-                        type: "open.source";
-                    } & OpenSourceParams;
-                }) => {
-                    type: "open.source";
-                } & OpenSourceParams;
-            };
-        };
-        readonly 'walkthrough.start': {
-            readonly guard: "is dynamic view";
-            readonly target: ".walkthrough";
         };
     };
     readonly exit: readonly [ StopAction<DiagramContext, Events, undefined, Events>, StopAction<DiagramContext, Events, undefined, Events>, ActionFunction<DiagramContext, Events, Events, undefined, Values<{