@likec4/diagram 1.22.0 → 1.23.0

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

@@ -1,8 +1,11 @@
-import { BBox, DiagramView, Fqn } from '@likec4/core';
-import { EdgeChange, NodeChange, ReactFlowInstance, useStoreApi } from '@xyflow/react';
-import { ActorLogic, ActorRefFromLogic, MachineSnapshot, SnapshotFrom } from 'xstate';
+import { BBox, DiagramView, Fqn, NonEmptyArray, RelationId, Color, ViewId, 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, DoneActorEvent, CancelAction } from 'xstate';
+import { Base } from '../../base';
 import { LayoutRelationshipsViewResult } from './-useRelationshipsView';
 import { RelationshipsBrowserTypes } from './_types';
+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 type Input = {
@@ -16,7 +19,6 @@ export type Context = Readonly<Input & {
     enableNavigationMenu: boolean;
     xyflow: XYFLowInstance | null;
     xystore: XYStoreApi | null;
-    initialized: boolean;
     layouted: LayoutRelationshipsViewResult | null;
     navigateFromNode: string | null;
     xynodes: RelationshipsBrowserTypes.Node[];
@@ -52,6 +54,8 @@ export type Events = {
     edge: RelationshipsBrowserTypes.Edge;
 } | {
     type: 'xyflow.updateNodeInternals';
+} | {
+    type: 'xyflow.unmount';
 } | {
     type: 'fitDiagram';
     duration?: number;
@@ -70,10 +74,1093 @@ export type Events = {
 } | {
     type: 'close';
 };
-export declare const relationshipsBrowserActor: ActorLogic<MachineSnapshot<Context, Events, any, "initializing" | "waiting-data" | "closed" | {
+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 & {
+    closeable: boolean;
+    enableNavigationMenu: boolean;
+    xyflow: XYFLowInstance | null;
+    xystore: XYStoreApi | null;
+    layouted: LayoutRelationshipsViewResult | null;
+    navigateFromNode: string | null;
+    xynodes: RelationshipsBrowserTypes.Node[];
+    xyedges: RelationshipsBrowserTypes.Edge[];
+}>, Events, {
+    layouter?: ActorRefFromLogic< PromiseActorLogic<{
+        xyedges: RelationshipsBrowserTypes.Edge[];
+        xynodes: RelationshipsBrowserTypes.Node[];
+    }, {
+        subjectId: Fqn;
+        navigateFromNode: string | null;
+        xyflow: XYFLowInstance;
+        xystore: XYStoreApi;
+        update: LayoutRelationshipsViewResult;
+    }, EventObject>>;
+}, {
+    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, "isReady" | "initializing" | "closed" | {
     active: "idle" | "layouting";
-}, "active", any, any, any>, Events, Input, any, any>;
-export type RelationshipsBrowserLogic = typeof relationshipsBrowserActor;
-export type RelationshipsBrowserActorRef = ActorRefFromLogic<typeof relationshipsBrowserActor>;
+}, "active", Input, NonReducibleUnknown, EventObject, MetaObject, {
+    readonly id: "relationships-browser";
+    readonly context: ({ input }: {
+        spawn: {
+            <TSrc extends "layouter">(logic: TSrc, ...[options]: {
+                src: "layouter";
+                logic: PromiseActorLogic<{
+                    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;
+                        };
+                    }[];
+                    xynodes: RelationshipsBrowserTypes.Node[];
+                }, {
+                    subjectId: Fqn;
+                    navigateFromNode: string | null;
+                    xyflow: XYFLowInstance;
+                    xystore: XYStoreApi;
+                    update: LayoutRelationshipsViewResult;
+                }, EventObject>;
+                id: "layouter";
+            } extends infer T ? T extends {
+                src: "layouter";
+                logic: PromiseActorLogic<{
+                    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;
+                        };
+                    }[];
+                    xynodes: RelationshipsBrowserTypes.Node[];
+                }, {
+                    subjectId: Fqn;
+                    navigateFromNode: string | null;
+                    xyflow: XYFLowInstance;
+                    xystore: XYStoreApi;
+                    update: LayoutRelationshipsViewResult;
+                }, EventObject>;
+                id: "layouter";
+            } ? T extends {
+                src: TSrc;
+            } ? ConditionalRequired<[options?: {
+                id?: T["id"];
+                systemId?: string;
+                input?: InputFrom<T["logic"]>;
+                syncSnapshot?: boolean;
+            } & { [K in RequiredActorOptions<T>]: unknown; }], IsNotNever<RequiredActorOptions<T>>> : never : never : never): ActorRefFromLogic< GetConcreteByKey<{
+                src: "layouter";
+                logic: PromiseActorLogic<{
+                    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;
+                        };
+                    }[];
+                    xynodes: RelationshipsBrowserTypes.Node[];
+                }, {
+                    subjectId: Fqn;
+                    navigateFromNode: string | null;
+                    xyflow: XYFLowInstance;
+                    xystore: XYStoreApi;
+                    update: LayoutRelationshipsViewResult;
+                }, EventObject>;
+                id: "layouter";
+            }, "src", TSrc>["logic"]>;
+            <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 & {
+            closeable: boolean;
+            enableNavigationMenu: boolean;
+            xyflow: XYFLowInstance | null;
+            xystore: XYStoreApi | null;
+            layouted: LayoutRelationshipsViewResult | null;
+            navigateFromNode: string | null;
+            xynodes: RelationshipsBrowserTypes.Node[];
+            xyedges: RelationshipsBrowserTypes.Edge[];
+        }>, Events, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, Events, AnyEventObject>;
+    }) => {
+        closeable: boolean;
+        enableNavigationMenu: 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 '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 states: {
+        readonly initializing: {
+            readonly on: {
+                readonly 'xyflow.init': {
+                    readonly actions: "xyflow.init";
+                    readonly target: "isReady";
+                };
+                readonly 'update.view': {
+                    readonly actions: "update.view";
+                    readonly target: "isReady";
+                };
+                readonly stop: "closed";
+                readonly close: "closed";
+            };
+        };
+        readonly isReady: {
+            readonly always: readonly [{
+                readonly guard: "isReady";
+                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[];
+                }>, Events, Events, undefined, never, never, never, never, never>;
+                readonly target: "active";
+            }, {
+                readonly target: "initializing";
+            }];
+        };
+        readonly active: {
+            readonly initial: "idle";
+            readonly tags: readonly ["active"];
+            readonly states: {
+                readonly idle: {};
+                readonly layouting: {
+                    readonly invoke: {
+                        readonly id: "layouter";
+                        readonly src: "layouter";
+                        readonly input: ({ context }: {
+                            context: Readonly<Input & {
+                                closeable: boolean;
+                                enableNavigationMenu: boolean;
+                                xyflow: XYFLowInstance | null;
+                                xystore: XYStoreApi | null;
+                                layouted: LayoutRelationshipsViewResult | null;
+                                navigateFromNode: string | null;
+                                xynodes: RelationshipsBrowserTypes.Node[];
+                                xyedges: RelationshipsBrowserTypes.Edge[];
+                            }>;
+                            event: Events;
+                            self: ActorRef<MachineSnapshot<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, Record<string, AnyActorRef>, StateValue, string, unknown, any, any>, Events, AnyEventObject>;
+                        }) => {
+                            subjectId: Fqn;
+                            navigateFromNode: string | null;
+                            xyflow: GeneralHelpers<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?: Base.Dimmed;
+                                };
+                            }> & Omit< ViewportHelperFunctions, "initialized"> & {
+                                viewportInitialized: boolean;
+                            };
+                            xystore: {
+                                getState: () => ReactFlowState<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?: Base.Dimmed;
+                                    };
+                                }>;
+                                setState: (partial: ReactFlowState<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?: Base.Dimmed;
+                                    };
+                                }> | Partial< ReactFlowState<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?: Base.Dimmed;
+                                    };
+                                }>> | ((state: ReactFlowState<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?: Base.Dimmed;
+                                    };
+                                }>) => ReactFlowState<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?: Base.Dimmed;
+                                    };
+                                }> | Partial< ReactFlowState<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?: Base.Dimmed;
+                                    };
+                                }>>), replace?: boolean | undefined) => void;
+                                subscribe: (listener: (state: ReactFlowState<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?: Base.Dimmed;
+                                    };
+                                }>, prevState: ReactFlowState<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?: Base.Dimmed;
+                                    };
+                                }>) => void) => () => void;
+                            };
+                            update: LayoutRelationshipsViewResult;
+                        };
+                        readonly onDone: {
+                            readonly target: "idle";
+                            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[];
+                            }>, DoneActorEvent<{
+                                xyedges: RelationshipsBrowserTypes.Edge[];
+                                xynodes: RelationshipsBrowserTypes.Node[];
+                            }, string>, 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>, 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[];
+                            }>, DoneActorEvent<{
+                                xyedges: RelationshipsBrowserTypes.Edge[];
+                                xynodes: RelationshipsBrowserTypes.Node[];
+                            }, string>, Events, undefined, never, never, never, never, never>, 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[];
+                            }>, DoneActorEvent<{
+                                xyedges: RelationshipsBrowserTypes.Edge[];
+                                xynodes: RelationshipsBrowserTypes.Node[];
+                            }, string>, Events, undefined, never, never, never, never, never>, 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[];
+                            }>, DoneActorEvent<{
+                                xyedges: RelationshipsBrowserTypes.Edge[];
+                                xynodes: RelationshipsBrowserTypes.Node[];
+                            }, string>, Events, undefined, never, never, never, never, never>, 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[];
+                            }>, DoneActorEvent<{
+                                xyedges: RelationshipsBrowserTypes.Edge[];
+                                xynodes: RelationshipsBrowserTypes.Node[];
+                            }, string>, Events, undefined, never, never, never, never, never>];
+                        };
+                    };
+                    readonly on: {
+                        readonly 'update.xydata': {
+                            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.xydata";
+                                xynodes: RelationshipsBrowserTypes.Node[];
+                                xyedges: 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 'xyflow.applyEdgeChanges': {};
+                        readonly 'xyflow.applyNodeChanges': {};
+                    };
+                };
+            };
+            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 & {
+        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, {
+        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>;
+}>;
+export interface RelationshipsBrowserLogic extends ActorLogicFrom<typeof relationshipsBrowserLogic> {
+}
+export interface RelationshipsBrowserActorRef extends ActorRefFromLogic<RelationshipsBrowserLogic> {
+}
 export type RelationshipsBrowserSnapshot = SnapshotFrom<RelationshipsBrowserActorRef>;
 export {};