@likec4/diagram 1.26.1 → 1.27.0

package/dist/overlays/relationships-browser/actor.d.ts

@@ -1,4 +1,4 @@
-import { BBox, DiagramView, Fqn, NonEmptyArray, RelationId, Color, ViewId, RelationshipLineType } from '@likec4/core';
+import { BBox, Fqn, ViewId, NonEmptyArray, RelationId, Color, RelationshipLineType } from '@likec4/core';
 import { EdgeChange, NodeChange, ReactFlowInstance, useStoreApi, GeneralHelpers, ViewportHelperFunctions, ReactFlowState } from '@xyflow/react';
 import { ActorLogicFrom, ActorRefFromLogic, SnapshotFrom, PromiseActorLogic, EventObject, StateMachine, Values, NonReducibleUnknown, MetaObject, ConditionalRequired, InputFrom, RequiredActorOptions, IsNotNever, GetConcreteByKey, AnyActorLogic, RequiredLogicInput, ActorRef, MachineSnapshot, AnyActorRef, StateValue, AnyEventObject, ActionFunction, CancelAction, DoneActorEvent } from 'xstate';
 import { Base } from '../../base';
@@ -8,15 +8,31 @@ import { EdgeMarkerType, HandleType } from '@xyflow/system';
 import { ReactNode, CSSProperties } from 'react';
 type XYFLowInstance = ReactFlowInstance<RelationshipsBrowserTypes.Node, RelationshipsBrowserTypes.Edge>;
 export type XYStoreApi = ReturnType<typeof useStoreApi<RelationshipsBrowserTypes.Node, RelationshipsBrowserTypes.Edge>>;
+export declare const layouter: PromiseActorLogic<{
+    xyedges: RelationshipsBrowserTypes.Edge[];
+    xynodes: RelationshipsBrowserTypes.Node[];
+}, {
+    subjectId: Fqn;
+    navigateFromNode: string | null;
+    xyflow: XYFLowInstance;
+    xystore: XYStoreApi;
+    update: LayoutRelationshipsViewResult;
+}, EventObject>;
 export type Input = {
     subject: Fqn;
-    scope?: DiagramView | null;
+    viewId: ViewId | null;
+    scope: 'global' | 'view';
     closeable?: boolean;
-    enableNavigationMenu?: boolean;
+    enableSelectSubject?: boolean;
+    enableChangeScope?: boolean;
 };
-export type Context = Readonly<Input & {
+export type Context = Readonly<{
+    subject: Fqn;
+    viewId: ViewId | null;
+    scope: 'global' | 'view';
     closeable: boolean;
-    enableNavigationMenu: boolean;
+    enableSelectSubject: boolean;
+    enableChangeScope: boolean;
     xyflow: XYFLowInstance | null;
     xystore: XYStoreApi | null;
     layouted: LayoutRelationshipsViewResult | null;
@@ -72,29 +88,27 @@ export type Events = {
     type: 'navigate.to';
     subject: Fqn;
     fromNode?: string | undefined;
+    viewId?: ViewId | undefined;
 } | {
     type: 'update.xydata';
     xynodes: RelationshipsBrowserTypes.Node[];
     xyedges: RelationshipsBrowserTypes.Edge[];
+} | {
+    type: 'change.scope';
+    scope: 'global' | 'view';
 } | {
     type: 'update.view';
     layouted: LayoutRelationshipsViewResult;
 } | {
     type: 'close';
 };
-export declare const layouter: PromiseActorLogic<{
-    xyedges: RelationshipsBrowserTypes.Edge[];
-    xynodes: RelationshipsBrowserTypes.Node[];
-}, {
-    subjectId: Fqn;
-    navigateFromNode: string | null;
-    xyflow: XYFLowInstance;
-    xystore: XYStoreApi;
-    update: LayoutRelationshipsViewResult;
-}, EventObject>;
-export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
+export declare const relationshipsBrowserLogic: StateMachine<Readonly<{
+    subject: Fqn;
+    viewId: ViewId | null;
+    scope: "global" | "view";
     closeable: boolean;
-    enableNavigationMenu: boolean;
+    enableSelectSubject: boolean;
+    enableChangeScope: boolean;
     xyflow: XYFLowInstance | null;
     xystore: XYStoreApi | null;
     layouted: LayoutRelationshipsViewResult | null;
@@ -130,6 +144,14 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
         type: "xyflow.init";
         params: NonReducibleUnknown;
     };
+    "xyflow.applyNodeChanges": {
+        type: "xyflow.applyNodeChanges";
+        params: NonReducibleUnknown;
+    };
+    "xyflow.applyEdgeChanges": {
+        type: "xyflow.applyEdgeChanges";
+        params: NonReducibleUnknown;
+    };
     "update.view": {
         type: "update.view";
         params: NonReducibleUnknown;
@@ -145,10 +167,16 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
             bounds?: BBox;
         } | undefined;
     };
-}>, {
-    type: "isReady";
-    params: unknown;
-}, never, "isReady" | "initializing" | "closed" | {
+}>, Values<{
+    isReady: {
+        type: "isReady";
+        params: unknown;
+    };
+    anotherSubject: {
+        type: "anotherSubject";
+        params: unknown;
+    };
+}>, never, "isReady" | "initializing" | "closed" | {
     active: "idle" | "layouting";
 }, "active", Input, NonReducibleUnknown, EventObject, MetaObject, {
     readonly id: "relationships-browser";
@@ -183,13 +211,14 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                         className?: string;
                         reconnectable?: boolean | HandleType;
                         focusable?: boolean;
-                        type: "relationships";
+                        type: "relationship";
                         data: {
                             relations: NonEmptyArray<RelationId>;
                             color: Color | undefined;
                             label: string | null;
                             navigateTo: ViewId | null;
                             line: RelationshipLineType;
+                            existsInCurrentView: boolean;
                             hovered?: boolean;
                             active?: boolean;
                             dimmed?: Base.Dimmed;
@@ -233,13 +262,14 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                         className?: string;
                         reconnectable?: boolean | HandleType;
                         focusable?: boolean;
-                        type: "relationships";
+                        type: "relationship";
                         data: {
                             relations: NonEmptyArray<RelationId>;
                             color: Color | undefined;
                             label: string | null;
                             navigateTo: ViewId | null;
                             line: RelationshipLineType;
+                            existsInCurrentView: boolean;
                             hovered?: boolean;
                             active?: boolean;
                             dimmed?: Base.Dimmed;
@@ -290,13 +320,14 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                         className?: string;
                         reconnectable?: boolean | HandleType;
                         focusable?: boolean;
-                        type: "relationships";
+                        type: "relationship";
                         data: {
                             relations: NonEmptyArray<RelationId>;
                             color: Color | undefined;
                             label: string | null;
                             navigateTo: ViewId | null;
                             line: RelationshipLineType;
+                            existsInCurrentView: boolean;
                             hovered?: boolean;
                             active?: boolean;
                             dimmed?: Base.Dimmed;
@@ -320,9 +351,13 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
             } & { [K in RequiredLogicInput<TLogic>]: unknown; }], IsNotNever<RequiredLogicInput<TLogic>>>): ActorRefFromLogic<TLogic>;
         };
         input: Input;
-        self: ActorRef<MachineSnapshot<Readonly<Input & {
+        self: ActorRef<MachineSnapshot<Readonly<{
+            subject: Fqn;
+            viewId: ViewId | null;
+            scope: "global" | "view";
             closeable: boolean;
-            enableNavigationMenu: boolean;
+            enableSelectSubject: boolean;
+            enableChangeScope: boolean;
             xyflow: XYFLowInstance | null;
             xystore: XYStoreApi | null;
             layouted: LayoutRelationshipsViewResult | null;
@@ -331,74 +366,26 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
             xyedges: RelationshipsBrowserTypes.Edge[];
         }>, Events, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, Events, AnyEventObject>;
     }) => {
+        subject: Fqn;
+        viewId: ViewId | null;
+        scope: "global" | "view";
         closeable: boolean;
-        enableNavigationMenu: boolean;
+        enableSelectSubject: boolean;
+        enableChangeScope: boolean;
         xyflow: null;
         xystore: null;
         layouted: null;
         navigateFromNode: null;
         xynodes: never[];
         xyedges: never[];
-        subject: Fqn;
-        scope?: DiagramView | null;
     };
     readonly initial: "initializing";
     readonly on: {
         readonly 'xyflow.applyNodeChanges': {
-            readonly actions: ActionFunction<Readonly<Input & {
-                closeable: boolean;
-                enableNavigationMenu: boolean;
-                xyflow: XYFLowInstance | null;
-                xystore: XYStoreApi | null;
-                layouted: LayoutRelationshipsViewResult | null;
-                navigateFromNode: string | null;
-                xynodes: RelationshipsBrowserTypes.Node[];
-                xyedges: RelationshipsBrowserTypes.Edge[];
-            }>, {
-                type: "xyflow.applyNodeChanges";
-                changes: NodeChange<RelationshipsBrowserTypes.Node>[];
-            }, Events, undefined, {
-                src: "layouter";
-                logic: PromiseActorLogic<{
-                    xyedges: RelationshipsBrowserTypes.Edge[];
-                    xynodes: RelationshipsBrowserTypes.Node[];
-                }, {
-                    subjectId: Fqn;
-                    navigateFromNode: string | null;
-                    xyflow: XYFLowInstance;
-                    xystore: XYStoreApi;
-                    update: LayoutRelationshipsViewResult;
-                }, EventObject>;
-                id: "layouter";
-            }, never, never, never, never>;
+            readonly actions: "xyflow.applyNodeChanges";
         };
         readonly 'xyflow.applyEdgeChanges': {
-            readonly actions: ActionFunction<Readonly<Input & {
-                closeable: boolean;
-                enableNavigationMenu: boolean;
-                xyflow: XYFLowInstance | null;
-                xystore: XYStoreApi | null;
-                layouted: LayoutRelationshipsViewResult | null;
-                navigateFromNode: string | null;
-                xynodes: RelationshipsBrowserTypes.Node[];
-                xyedges: RelationshipsBrowserTypes.Edge[];
-            }>, {
-                type: "xyflow.applyEdgeChanges";
-                changes: EdgeChange<RelationshipsBrowserTypes.Edge>[];
-            }, Events, undefined, {
-                src: "layouter";
-                logic: PromiseActorLogic<{
-                    xyedges: RelationshipsBrowserTypes.Edge[];
-                    xynodes: RelationshipsBrowserTypes.Node[];
-                }, {
-                    subjectId: Fqn;
-                    navigateFromNode: string | null;
-                    xyflow: XYFLowInstance;
-                    xystore: XYStoreApi;
-                    update: LayoutRelationshipsViewResult;
-                }, EventObject>;
-                id: "layouter";
-            }, never, never, never, never>;
+            readonly actions: "xyflow.applyEdgeChanges";
         };
     };
     readonly states: {
@@ -419,18 +406,18 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
         readonly isReady: {
             readonly always: readonly [{
                 readonly guard: "isReady";
-                readonly actions: readonly [ ActionFunction<Readonly<Input & {
-                    closeable: boolean;
-                    enableNavigationMenu: boolean;
-                    xyflow: XYFLowInstance | null;
-                    xystore: XYStoreApi | null;
-                    layouted: LayoutRelationshipsViewResult | null;
-                    navigateFromNode: string | null;
-                    xynodes: RelationshipsBrowserTypes.Node[];
-                    xyedges: RelationshipsBrowserTypes.Edge[];
-                }>, Events, Events, undefined, never, never, never, never, never>, ActionFunction<Readonly<Input & {
+                readonly actions: readonly [{
+                    readonly type: "xyflow:fitDiagram";
+                    readonly params: {
+                        readonly duration: 0;
+                    };
+                }, ActionFunction<Readonly<{
+                    subject: Fqn;
+                    viewId: ViewId | null;
+                    scope: "global" | "view";
                     closeable: boolean;
-                    enableNavigationMenu: boolean;
+                    enableSelectSubject: boolean;
+                    enableChangeScope: boolean;
                     xyflow: XYFLowInstance | null;
                     xystore: XYStoreApi | null;
                     layouted: LayoutRelationshipsViewResult | null;
@@ -446,13 +433,272 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
         readonly active: {
             readonly initial: "idle";
             readonly tags: readonly ["active"];
+            readonly on: {
+                readonly 'xyflow.nodeClick': {
+                    readonly actions: ActionFunction<Readonly<{
+                        subject: Fqn;
+                        viewId: ViewId | null;
+                        scope: "global" | "view";
+                        closeable: boolean;
+                        enableSelectSubject: boolean;
+                        enableChangeScope: boolean;
+                        xyflow: XYFLowInstance | null;
+                        xystore: XYStoreApi | null;
+                        layouted: LayoutRelationshipsViewResult | null;
+                        navigateFromNode: string | null;
+                        xynodes: RelationshipsBrowserTypes.Node[];
+                        xyedges: RelationshipsBrowserTypes.Edge[];
+                    }>, {
+                        type: "xyflow.nodeClick";
+                        node: RelationshipsBrowserTypes.Node;
+                    }, Events, undefined, {
+                        src: "layouter";
+                        logic: PromiseActorLogic<{
+                            xyedges: RelationshipsBrowserTypes.Edge[];
+                            xynodes: RelationshipsBrowserTypes.Node[];
+                        }, {
+                            subjectId: Fqn;
+                            navigateFromNode: string | null;
+                            xyflow: XYFLowInstance;
+                            xystore: XYStoreApi;
+                            update: LayoutRelationshipsViewResult;
+                        }, EventObject>;
+                        id: "layouter";
+                    }, Values<{
+                        "xyflow.init": {
+                            type: "xyflow.init";
+                            params: NonReducibleUnknown;
+                        };
+                        "xyflow.applyNodeChanges": {
+                            type: "xyflow.applyNodeChanges";
+                            params: NonReducibleUnknown;
+                        };
+                        "xyflow.applyEdgeChanges": {
+                            type: "xyflow.applyEdgeChanges";
+                            params: NonReducibleUnknown;
+                        };
+                        "update.view": {
+                            type: "update.view";
+                            params: NonReducibleUnknown;
+                        };
+                        "xyflow:updateNodeInternals": {
+                            type: "xyflow:updateNodeInternals";
+                            params: unknown;
+                        };
+                        "xyflow:fitDiagram": {
+                            type: "xyflow:fitDiagram";
+                            params: {
+                                duration?: number;
+                                bounds?: BBox;
+                            } | undefined;
+                        };
+                    }>, Values<{
+                        isReady: {
+                            type: "isReady";
+                            params: unknown;
+                        };
+                        anotherSubject: {
+                            type: "anotherSubject";
+                            params: unknown;
+                        };
+                    }>, never, EventObject>;
+                };
+                readonly 'navigate.to': {
+                    readonly actions: readonly [ ActionFunction<Readonly<{
+                        subject: Fqn;
+                        viewId: ViewId | null;
+                        scope: "global" | "view";
+                        closeable: boolean;
+                        enableSelectSubject: boolean;
+                        enableChangeScope: boolean;
+                        xyflow: XYFLowInstance | null;
+                        xystore: XYStoreApi | null;
+                        layouted: LayoutRelationshipsViewResult | null;
+                        navigateFromNode: string | null;
+                        xynodes: RelationshipsBrowserTypes.Node[];
+                        xyedges: RelationshipsBrowserTypes.Edge[];
+                    }>, {
+                        type: "navigate.to";
+                        subject: Fqn;
+                        fromNode?: string | undefined;
+                        viewId?: ViewId | undefined;
+                    }, Events, undefined, {
+                        src: "layouter";
+                        logic: PromiseActorLogic<{
+                            xyedges: RelationshipsBrowserTypes.Edge[];
+                            xynodes: RelationshipsBrowserTypes.Node[];
+                        }, {
+                            subjectId: Fqn;
+                            navigateFromNode: string | null;
+                            xyflow: XYFLowInstance;
+                            xystore: XYStoreApi;
+                            update: LayoutRelationshipsViewResult;
+                        }, EventObject>;
+                        id: "layouter";
+                    }, never, never, never, never>];
+                };
+                readonly 'xyflow.paneDblClick': {
+                    readonly actions: "xyflow:fitDiagram";
+                };
+                readonly 'update.view': {
+                    readonly actions: "update.view";
+                    readonly target: ".layouting";
+                };
+                readonly 'change.scope': {
+                    readonly actions: ActionFunction<Readonly<{
+                        subject: Fqn;
+                        viewId: ViewId | null;
+                        scope: "global" | "view";
+                        closeable: boolean;
+                        enableSelectSubject: boolean;
+                        enableChangeScope: boolean;
+                        xyflow: XYFLowInstance | null;
+                        xystore: XYStoreApi | null;
+                        layouted: LayoutRelationshipsViewResult | null;
+                        navigateFromNode: string | null;
+                        xynodes: RelationshipsBrowserTypes.Node[];
+                        xyedges: RelationshipsBrowserTypes.Edge[];
+                    }>, {
+                        type: "change.scope";
+                        scope: "global" | "view";
+                    }, Events, undefined, {
+                        src: "layouter";
+                        logic: PromiseActorLogic<{
+                            xyedges: RelationshipsBrowserTypes.Edge[];
+                            xynodes: RelationshipsBrowserTypes.Node[];
+                        }, {
+                            subjectId: Fqn;
+                            navigateFromNode: string | null;
+                            xyflow: XYFLowInstance;
+                            xystore: XYStoreApi;
+                            update: LayoutRelationshipsViewResult;
+                        }, EventObject>;
+                        id: "layouter";
+                    }, never, never, never, never>;
+                };
+                readonly 'xyflow.updateNodeInternals': {
+                    readonly actions: "xyflow:updateNodeInternals";
+                };
+                readonly fitDiagram: {
+                    readonly actions: {
+                        readonly type: "xyflow:fitDiagram";
+                        readonly params: (data: {
+                            context: Readonly<{
+                                subject: Fqn;
+                                viewId: ViewId | null;
+                                scope: "global" | "view";
+                                closeable: boolean;
+                                enableSelectSubject: boolean;
+                                enableChangeScope: boolean;
+                                xyflow: XYFLowInstance | null;
+                                xystore: XYStoreApi | null;
+                                layouted: LayoutRelationshipsViewResult | null;
+                                navigateFromNode: string | null;
+                                xynodes: 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: "relationship";
+                                    data: {
+                                        relations: NonEmptyArray<RelationId>;
+                                        color: Color | undefined;
+                                        label: string | null;
+                                        navigateTo: ViewId | null;
+                                        line: RelationshipLineType;
+                                        existsInCurrentView: boolean;
+                                        hovered?: boolean;
+                                        active?: boolean;
+                                        dimmed?: Base.Dimmed;
+                                    };
+                                }[];
+                            }>;
+                            event: {
+                                type: "fitDiagram";
+                                duration?: number;
+                                bounds?: BBox;
+                            };
+                        }) => {
+                            type: "fitDiagram";
+                            duration?: number;
+                            bounds?: BBox;
+                        };
+                    };
+                };
+                readonly 'xyflow.resized': {
+                    readonly actions: readonly [ CancelAction<Readonly<{
+                        subject: Fqn;
+                        viewId: ViewId | null;
+                        scope: "global" | "view";
+                        closeable: boolean;
+                        enableSelectSubject: boolean;
+                        enableChangeScope: boolean;
+                        xyflow: XYFLowInstance | null;
+                        xystore: XYStoreApi | null;
+                        layouted: LayoutRelationshipsViewResult | null;
+                        navigateFromNode: string | null;
+                        xynodes: RelationshipsBrowserTypes.Node[];
+                        xyedges: RelationshipsBrowserTypes.Edge[];
+                    }>, {
+                        type: "xyflow.resized";
+                    }, undefined, Events>, ActionFunction<Readonly<{
+                        subject: Fqn;
+                        viewId: ViewId | null;
+                        scope: "global" | "view";
+                        closeable: boolean;
+                        enableSelectSubject: boolean;
+                        enableChangeScope: boolean;
+                        xyflow: XYFLowInstance | null;
+                        xystore: XYStoreApi | null;
+                        layouted: LayoutRelationshipsViewResult | null;
+                        navigateFromNode: string | null;
+                        xynodes: RelationshipsBrowserTypes.Node[];
+                        xyedges: RelationshipsBrowserTypes.Edge[];
+                    }>, {
+                        type: "xyflow.resized";
+                    }, Events, undefined, never, never, never, never, never>];
+                };
+                readonly 'xyflow.init': {
+                    readonly actions: "xyflow.init";
+                };
+                readonly 'xyflow.unmount': {
+                    readonly target: "initializing";
+                };
+                readonly close: "closed";
+            };
             readonly states: {
                 readonly idle: {
                     readonly on: {
                         readonly 'xyflow.edgeMouseEnter': {
-                            readonly actions: readonly [ ActionFunction<Readonly<Input & {
+                            readonly actions: readonly [ ActionFunction<Readonly<{
+                                subject: Fqn;
+                                viewId: ViewId | null;
+                                scope: "global" | "view";
                                 closeable: boolean;
-                                enableNavigationMenu: boolean;
+                                enableSelectSubject: boolean;
+                                enableChangeScope: boolean;
                                 xyflow: XYFLowInstance | null;
                                 xystore: XYStoreApi | null;
                                 layouted: LayoutRelationshipsViewResult | null;
@@ -475,9 +721,13 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                                     update: LayoutRelationshipsViewResult;
                                 }, EventObject>;
                                 id: "layouter";
-                            }, never, never, never, never>, CancelAction<Readonly<Input & {
+                            }, never, never, never, never>, CancelAction<Readonly<{
+                                subject: Fqn;
+                                viewId: ViewId | null;
+                                scope: "global" | "view";
                                 closeable: boolean;
-                                enableNavigationMenu: boolean;
+                                enableSelectSubject: boolean;
+                                enableChangeScope: boolean;
                                 xyflow: XYFLowInstance | null;
                                 xystore: XYStoreApi | null;
                                 layouted: LayoutRelationshipsViewResult | null;
@@ -487,9 +737,13 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                             }>, {
                                 type: "xyflow.edgeMouseEnter";
                                 edge: RelationshipsBrowserTypes.Edge;
-                            }, undefined, Events>, CancelAction<Readonly<Input & {
+                            }, undefined, Events>, CancelAction<Readonly<{
+                                subject: Fqn;
+                                viewId: ViewId | null;
+                                scope: "global" | "view";
                                 closeable: boolean;
-                                enableNavigationMenu: boolean;
+                                enableSelectSubject: boolean;
+                                enableChangeScope: boolean;
                                 xyflow: XYFLowInstance | null;
                                 xystore: XYStoreApi | null;
                                 layouted: LayoutRelationshipsViewResult | null;
@@ -499,9 +753,13 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                             }>, {
                                 type: "xyflow.edgeMouseEnter";
                                 edge: RelationshipsBrowserTypes.Edge;
-                            }, undefined, Events>, ActionFunction<Readonly<Input & {
+                            }, undefined, Events>, ActionFunction<Readonly<{
+                                subject: Fqn;
+                                viewId: ViewId | null;
+                                scope: "global" | "view";
                                 closeable: boolean;
-                                enableNavigationMenu: boolean;
+                                enableSelectSubject: boolean;
+                                enableChangeScope: boolean;
                                 xyflow: XYFLowInstance | null;
                                 xystore: XYStoreApi | null;
                                 layouted: LayoutRelationshipsViewResult | null;
@@ -514,9 +772,13 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                             }, Events, undefined, never, never, never, never, never>];
                         };
                         readonly 'xyflow.edgeMouseLeave': {
-                            readonly actions: readonly [ ActionFunction<Readonly<Input & {
+                            readonly actions: readonly [ ActionFunction<Readonly<{
+                                subject: Fqn;
+                                viewId: ViewId | null;
+                                scope: "global" | "view";
                                 closeable: boolean;
-                                enableNavigationMenu: boolean;
+                                enableSelectSubject: boolean;
+                                enableChangeScope: boolean;
                                 xyflow: XYFLowInstance | null;
                                 xystore: XYStoreApi | null;
                                 layouted: LayoutRelationshipsViewResult | null;
@@ -539,9 +801,13 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                                     update: LayoutRelationshipsViewResult;
                                 }, EventObject>;
                                 id: "layouter";
-                            }, never, never, never, never>, CancelAction<Readonly<Input & {
+                            }, never, never, never, never>, CancelAction<Readonly<{
+                                subject: Fqn;
+                                viewId: ViewId | null;
+                                scope: "global" | "view";
                                 closeable: boolean;
-                                enableNavigationMenu: boolean;
+                                enableSelectSubject: boolean;
+                                enableChangeScope: boolean;
                                 xyflow: XYFLowInstance | null;
                                 xystore: XYStoreApi | null;
                                 layouted: LayoutRelationshipsViewResult | null;
@@ -551,9 +817,13 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                             }>, {
                                 type: "xyflow.edgeMouseLeave";
                                 edge: RelationshipsBrowserTypes.Edge;
-                            }, undefined, Events>, ActionFunction<Readonly<Input & {
+                            }, undefined, Events>, ActionFunction<Readonly<{
+                                subject: Fqn;
+                                viewId: ViewId | null;
+                                scope: "global" | "view";
                                 closeable: boolean;
-                                enableNavigationMenu: boolean;
+                                enableSelectSubject: boolean;
+                                enableChangeScope: boolean;
                                 xyflow: XYFLowInstance | null;
                                 xystore: XYStoreApi | null;
                                 layouted: LayoutRelationshipsViewResult | null;
@@ -566,9 +836,13 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                             }, Events, undefined, never, never, never, never, never>];
                         };
                         readonly 'dim.nonhovered.edges': {
-                            readonly actions: ActionFunction<Readonly<Input & {
+                            readonly actions: ActionFunction<Readonly<{
+                                subject: Fqn;
+                                viewId: ViewId | null;
+                                scope: "global" | "view";
                                 closeable: boolean;
-                                enableNavigationMenu: boolean;
+                                enableSelectSubject: boolean;
+                                enableChangeScope: boolean;
                                 xyflow: XYFLowInstance | null;
                                 xystore: XYStoreApi | null;
                                 layouted: LayoutRelationshipsViewResult | null;
@@ -593,9 +867,13 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                             }, never, never, never, never>;
                         };
                         readonly 'undim.edges': {
-                            readonly actions: ActionFunction<Readonly<Input & {
+                            readonly actions: ActionFunction<Readonly<{
+                                subject: Fqn;
+                                viewId: ViewId | null;
+                                scope: "global" | "view";
                                 closeable: boolean;
-                                enableNavigationMenu: boolean;
+                                enableSelectSubject: boolean;
+                                enableChangeScope: boolean;
                                 xyflow: XYFLowInstance | null;
                                 xystore: XYStoreApi | null;
                                 layouted: LayoutRelationshipsViewResult | null;
@@ -620,9 +898,13 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                             }, never, never, never, never>;
                         };
                         readonly 'xyflow.selectionChange': {
-                            readonly actions: ActionFunction<Readonly<Input & {
+                            readonly actions: ActionFunction<Readonly<{
+                                subject: Fqn;
+                                viewId: ViewId | null;
+                                scope: "global" | "view";
                                 closeable: boolean;
-                                enableNavigationMenu: boolean;
+                                enableSelectSubject: boolean;
+                                enableChangeScope: boolean;
                                 xyflow: XYFLowInstance | null;
                                 xystore: XYStoreApi | null;
                                 layouted: LayoutRelationshipsViewResult | null;
@@ -651,6 +933,14 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                                     type: "xyflow.init";
                                     params: NonReducibleUnknown;
                                 };
+                                "xyflow.applyNodeChanges": {
+                                    type: "xyflow.applyNodeChanges";
+                                    params: NonReducibleUnknown;
+                                };
+                                "xyflow.applyEdgeChanges": {
+                                    type: "xyflow.applyEdgeChanges";
+                                    params: NonReducibleUnknown;
+                                };
                                 "update.view": {
                                     type: "update.view";
                                     params: NonReducibleUnknown;
@@ -666,10 +956,16 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                                         bounds?: BBox;
                                     } | undefined;
                                 };
-                            }>, {
-                                type: "isReady";
-                                params: unknown;
-                            }, never, EventObject>;
+                            }>, Values<{
+                                isReady: {
+                                    type: "isReady";
+                                    params: unknown;
+                                };
+                                anotherSubject: {
+                                    type: "anotherSubject";
+                                    params: unknown;
+                                };
+                            }>, never, EventObject>;
                         };
                     };
                 };
@@ -678,9 +974,13 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                         readonly id: "layouter";
                         readonly src: "layouter";
                         readonly input: ({ context }: {
-                            context: Readonly<Input & {
+                            context: Readonly<{
+                                subject: Fqn;
+                                viewId: ViewId | null;
+                                scope: "global" | "view";
                                 closeable: boolean;
-                                enableNavigationMenu: boolean;
+                                enableSelectSubject: boolean;
+                                enableChangeScope: boolean;
                                 xyflow: XYFLowInstance | null;
                                 xystore: XYStoreApi | null;
                                 layouted: LayoutRelationshipsViewResult | null;
@@ -689,9 +989,13 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                                 xyedges: RelationshipsBrowserTypes.Edge[];
                             }>;
                             event: Events;
-                            self: ActorRef<MachineSnapshot<Readonly<Input & {
+                            self: ActorRef<MachineSnapshot<Readonly<{
+                                subject: Fqn;
+                                viewId: ViewId | null;
+                                scope: "global" | "view";
                                 closeable: boolean;
-                                enableNavigationMenu: boolean;
+                                enableSelectSubject: boolean;
+                                enableChangeScope: boolean;
                                 xyflow: XYFLowInstance | null;
                                 xystore: XYStoreApi | null;
                                 layouted: LayoutRelationshipsViewResult | null;
@@ -728,13 +1032,14 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                                 className?: string;
                                 reconnectable?: boolean | HandleType;
                                 focusable?: boolean;
-                                type: "relationships";
+                                type: "relationship";
                                 data: {
                                     relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
                                     line: RelationshipLineType;
+                                    existsInCurrentView: boolean;
                                     hovered?: boolean;
                                     active?: boolean;
                                     dimmed?: Base.Dimmed;
@@ -769,13 +1074,14 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                                     className?: string;
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
-                                    type: "relationships";
+                                    type: "relationship";
                                     data: {
                                         relations: NonEmptyArray<RelationId>;
                                         color: Color | undefined;
                                         label: string | null;
                                         navigateTo: ViewId | null;
                                         line: RelationshipLineType;
+                                        existsInCurrentView: boolean;
                                         hovered?: boolean;
                                         active?: boolean;
                                         dimmed?: Base.Dimmed;
@@ -807,13 +1113,14 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                                     className?: string;
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
-                                    type: "relationships";
+                                    type: "relationship";
                                     data: {
                                         relations: NonEmptyArray<RelationId>;
                                         color: Color | undefined;
                                         label: string | null;
                                         navigateTo: ViewId | null;
                                         line: RelationshipLineType;
+                                        existsInCurrentView: boolean;
                                         hovered?: boolean;
                                         active?: boolean;
                                         dimmed?: Base.Dimmed;
@@ -844,13 +1151,14 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                                     className?: string;
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
-                                    type: "relationships";
+                                    type: "relationship";
                                     data: {
                                         relations: NonEmptyArray<RelationId>;
                                         color: Color | undefined;
                                         label: string | null;
                                         navigateTo: ViewId | null;
                                         line: RelationshipLineType;
+                                        existsInCurrentView: boolean;
                                         hovered?: boolean;
                                         active?: boolean;
                                         dimmed?: Base.Dimmed;
@@ -881,13 +1189,14 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                                     className?: string;
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
-                                    type: "relationships";
+                                    type: "relationship";
                                     data: {
                                         relations: NonEmptyArray<RelationId>;
                                         color: Color | undefined;
                                         label: string | null;
                                         navigateTo: ViewId | null;
                                         line: RelationshipLineType;
+                                        existsInCurrentView: boolean;
                                         hovered?: boolean;
                                         active?: boolean;
                                         dimmed?: Base.Dimmed;
@@ -918,13 +1227,14 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                                     className?: string;
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
-                                    type: "relationships";
+                                    type: "relationship";
                                     data: {
                                         relations: NonEmptyArray<RelationId>;
                                         color: Color | undefined;
                                         label: string | null;
                                         navigateTo: ViewId | null;
                                         line: RelationshipLineType;
+                                        existsInCurrentView: boolean;
                                         hovered?: boolean;
                                         active?: boolean;
                                         dimmed?: Base.Dimmed;
@@ -955,13 +1265,14 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                                     className?: string;
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
-                                    type: "relationships";
+                                    type: "relationship";
                                     data: {
                                         relations: NonEmptyArray<RelationId>;
                                         color: Color | undefined;
                                         label: string | null;
                                         navigateTo: ViewId | null;
                                         line: RelationshipLineType;
+                                        existsInCurrentView: boolean;
                                         hovered?: boolean;
                                         active?: boolean;
                                         dimmed?: Base.Dimmed;
@@ -993,13 +1304,14 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                                     className?: string;
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
-                                    type: "relationships";
+                                    type: "relationship";
                                     data: {
                                         relations: NonEmptyArray<RelationId>;
                                         color: Color | undefined;
                                         label: string | null;
                                         navigateTo: ViewId | null;
                                         line: RelationshipLineType;
+                                        existsInCurrentView: boolean;
                                         hovered?: boolean;
                                         active?: boolean;
                                         dimmed?: Base.Dimmed;
@@ -1030,13 +1342,14 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                                     className?: string;
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
-                                    type: "relationships";
+                                    type: "relationship";
                                     data: {
                                         relations: NonEmptyArray<RelationId>;
                                         color: Color | undefined;
                                         label: string | null;
                                         navigateTo: ViewId | null;
                                         line: RelationshipLineType;
+                                        existsInCurrentView: boolean;
                                         hovered?: boolean;
                                         active?: boolean;
                                         dimmed?: Base.Dimmed;
@@ -1047,9 +1360,13 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                         };
                         readonly onDone: {
                             readonly target: "idle";
-                            readonly actions: ActionFunction<Readonly<Input & {
+                            readonly actions: ActionFunction<Readonly<{
+                                subject: Fqn;
+                                viewId: ViewId | null;
+                                scope: "global" | "view";
                                 closeable: boolean;
-                                enableNavigationMenu: boolean;
+                                enableSelectSubject: boolean;
+                                enableChangeScope: boolean;
                                 xyflow: XYFLowInstance | null;
                                 xystore: XYStoreApi | null;
                                 layouted: LayoutRelationshipsViewResult | null;
@@ -1077,6 +1394,14 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                                     type: "xyflow.init";
                                     params: NonReducibleUnknown;
                                 };
+                                "xyflow.applyNodeChanges": {
+                                    type: "xyflow.applyNodeChanges";
+                                    params: NonReducibleUnknown;
+                                };
+                                "xyflow.applyEdgeChanges": {
+                                    type: "xyflow.applyEdgeChanges";
+                                    params: NonReducibleUnknown;
+                                };
                                 "update.view": {
                                     type: "update.view";
                                     params: NonReducibleUnknown;
@@ -1092,17 +1417,27 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                                         bounds?: BBox;
                                     } | undefined;
                                 };
-                            }>, {
-                                type: "isReady";
-                                params: unknown;
-                            }, never, EventObject>;
+                            }>, Values<{
+                                isReady: {
+                                    type: "isReady";
+                                    params: unknown;
+                                };
+                                anotherSubject: {
+                                    type: "anotherSubject";
+                                    params: unknown;
+                                };
+                            }>, never, EventObject>;
                         };
                     };
                     readonly on: {
                         readonly 'update.xydata': {
-                            readonly actions: ActionFunction<Readonly<Input & {
+                            readonly actions: ActionFunction<Readonly<{
+                                subject: Fqn;
+                                viewId: ViewId | null;
+                                scope: "global" | "view";
                                 closeable: boolean;
-                                enableNavigationMenu: boolean;
+                                enableSelectSubject: boolean;
+                                enableChangeScope: boolean;
                                 xyflow: XYFLowInstance | null;
                                 xystore: XYStoreApi | null;
                                 layouted: LayoutRelationshipsViewResult | null;
@@ -1133,227 +1468,19 @@ export declare const relationshipsBrowserLogic: StateMachine<Readonly<Input & {
                     };
                 };
             };
-            readonly on: {
-                readonly 'xyflow.nodeClick': {
-                    readonly actions: ActionFunction<Readonly<Input & {
-                        closeable: boolean;
-                        enableNavigationMenu: boolean;
-                        xyflow: XYFLowInstance | null;
-                        xystore: XYStoreApi | null;
-                        layouted: LayoutRelationshipsViewResult | null;
-                        navigateFromNode: string | null;
-                        xynodes: RelationshipsBrowserTypes.Node[];
-                        xyedges: RelationshipsBrowserTypes.Edge[];
-                    }>, {
-                        type: "xyflow.nodeClick";
-                        node: RelationshipsBrowserTypes.Node;
-                    }, Events, undefined, {
-                        src: "layouter";
-                        logic: PromiseActorLogic<{
-                            xyedges: RelationshipsBrowserTypes.Edge[];
-                            xynodes: RelationshipsBrowserTypes.Node[];
-                        }, {
-                            subjectId: Fqn;
-                            navigateFromNode: string | null;
-                            xyflow: XYFLowInstance;
-                            xystore: XYStoreApi;
-                            update: LayoutRelationshipsViewResult;
-                        }, EventObject>;
-                        id: "layouter";
-                    }, Values<{
-                        "xyflow.init": {
-                            type: "xyflow.init";
-                            params: NonReducibleUnknown;
-                        };
-                        "update.view": {
-                            type: "update.view";
-                            params: NonReducibleUnknown;
-                        };
-                        "xyflow:updateNodeInternals": {
-                            type: "xyflow:updateNodeInternals";
-                            params: unknown;
-                        };
-                        "xyflow:fitDiagram": {
-                            type: "xyflow:fitDiagram";
-                            params: {
-                                duration?: number;
-                                bounds?: BBox;
-                            } | undefined;
-                        };
-                    }>, {
-                        type: "isReady";
-                        params: unknown;
-                    }, never, EventObject>;
-                };
-                readonly 'navigate.to': {
-                    readonly actions: readonly [ ActionFunction<Readonly<Input & {
-                        closeable: boolean;
-                        enableNavigationMenu: boolean;
-                        xyflow: XYFLowInstance | null;
-                        xystore: XYStoreApi | null;
-                        layouted: LayoutRelationshipsViewResult | null;
-                        navigateFromNode: string | null;
-                        xynodes: RelationshipsBrowserTypes.Node[];
-                        xyedges: RelationshipsBrowserTypes.Edge[];
-                    }>, {
-                        type: "navigate.to";
-                        subject: Fqn;
-                        fromNode?: string | undefined;
-                    }, Events, undefined, {
-                        src: "layouter";
-                        logic: PromiseActorLogic<{
-                            xyedges: RelationshipsBrowserTypes.Edge[];
-                            xynodes: RelationshipsBrowserTypes.Node[];
-                        }, {
-                            subjectId: Fqn;
-                            navigateFromNode: string | null;
-                            xyflow: XYFLowInstance;
-                            xystore: XYStoreApi;
-                            update: LayoutRelationshipsViewResult;
-                        }, EventObject>;
-                        id: "layouter";
-                    }, never, never, never, never>];
-                };
-                readonly 'xyflow.paneDblClick': {
-                    readonly actions: "xyflow:fitDiagram";
-                };
-                readonly 'update.view': {
-                    readonly actions: ActionFunction<Readonly<Input & {
-                        closeable: boolean;
-                        enableNavigationMenu: boolean;
-                        xyflow: XYFLowInstance | null;
-                        xystore: XYStoreApi | null;
-                        layouted: LayoutRelationshipsViewResult | null;
-                        navigateFromNode: string | null;
-                        xynodes: RelationshipsBrowserTypes.Node[];
-                        xyedges: RelationshipsBrowserTypes.Edge[];
-                    }>, {
-                        type: "update.view";
-                        layouted: LayoutRelationshipsViewResult;
-                    }, Events, undefined, {
-                        src: "layouter";
-                        logic: PromiseActorLogic<{
-                            xyedges: RelationshipsBrowserTypes.Edge[];
-                            xynodes: RelationshipsBrowserTypes.Node[];
-                        }, {
-                            subjectId: Fqn;
-                            navigateFromNode: string | null;
-                            xyflow: XYFLowInstance;
-                            xystore: XYStoreApi;
-                            update: LayoutRelationshipsViewResult;
-                        }, EventObject>;
-                        id: "layouter";
-                    }, never, never, never, never>;
-                    readonly target: ".layouting";
-                };
-                readonly 'xyflow.updateNodeInternals': {
-                    readonly actions: "xyflow:updateNodeInternals";
-                };
-                readonly fitDiagram: {
-                    readonly actions: {
-                        readonly type: "xyflow:fitDiagram";
-                        readonly params: (data: {
-                            context: Readonly<Input & {
-                                closeable: boolean;
-                                enableNavigationMenu: boolean;
-                                xyflow: XYFLowInstance | null;
-                                xystore: XYStoreApi | null;
-                                layouted: LayoutRelationshipsViewResult | null;
-                                navigateFromNode: string | null;
-                                xynodes: 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?: Base.Dimmed;
-                                    };
-                                }[];
-                            }>;
-                            event: {
-                                type: "fitDiagram";
-                                duration?: number;
-                                bounds?: BBox;
-                            };
-                        }) => {
-                            type: "fitDiagram";
-                            duration?: number;
-                            bounds?: BBox;
-                        };
-                    };
-                };
-                readonly 'xyflow.resized': {
-                    readonly actions: readonly [ CancelAction<Readonly<Input & {
-                        closeable: boolean;
-                        enableNavigationMenu: boolean;
-                        xyflow: XYFLowInstance | null;
-                        xystore: XYStoreApi | null;
-                        layouted: LayoutRelationshipsViewResult | null;
-                        navigateFromNode: string | null;
-                        xynodes: RelationshipsBrowserTypes.Node[];
-                        xyedges: RelationshipsBrowserTypes.Edge[];
-                    }>, {
-                        type: "xyflow.resized";
-                    }, undefined, Events>, ActionFunction<Readonly<Input & {
-                        closeable: boolean;
-                        enableNavigationMenu: boolean;
-                        xyflow: XYFLowInstance | null;
-                        xystore: XYStoreApi | null;
-                        layouted: LayoutRelationshipsViewResult | null;
-                        navigateFromNode: string | null;
-                        xynodes: RelationshipsBrowserTypes.Node[];
-                        xyedges: RelationshipsBrowserTypes.Edge[];
-                    }>, {
-                        type: "xyflow.resized";
-                    }, Events, undefined, never, never, never, never, never>];
-                };
-                readonly 'xyflow.init': {
-                    readonly actions: "xyflow.init";
-                };
-                readonly 'xyflow.unmount': {
-                    readonly target: "initializing";
-                };
-                readonly close: "closed";
-            };
         };
         readonly closed: {
             readonly id: "closed";
             readonly type: "final";
         };
     };
-    readonly exit: ActionFunction<Readonly<Input & {
+    readonly exit: ActionFunction<Readonly<{
+        subject: Fqn;
+        viewId: ViewId | null;
+        scope: "global" | "view";
         closeable: boolean;
-        enableNavigationMenu: boolean;
+        enableSelectSubject: boolean;
+        enableChangeScope: boolean;
         xyflow: XYFLowInstance | null;
         xystore: XYStoreApi | null;
         layouted: LayoutRelationshipsViewResult | null;