@likec4/diagram 1.20.1 → 1.20.2

package/dist/hooks/useDiagram.d.ts

@@ -12,7 +12,7 @@ import { Input, Events } from '../overlays/relationship-details/actor';
 import { GeneralHelpers, ViewportHelperFunctions, ReactFlowState, ReactFlowInstance } from '@xyflow/react';
 import { EdgeMarkerType, HandleType, XYPosition, Viewport, NodeChange, EdgeChange } from '@xyflow/system';
 import { ReactNode, CSSProperties } from 'react';
-import { Input, Events } from '../overlays/relationships-browser/actor';
+import { Input, XYStoreApi, Events } from '../overlays/relationships-browser/actor';
 import { LayoutRelationshipsViewResult } from '../overlays/relationships-browser/-useRelationshipsView';
 import { focusedBounds } from '../likec4diagram/state/utils';
 import { EnabledFeatures } from '../context';
@@ -53,7 +53,7 @@ export declare function useDiagram(): {
         }, {
             type: "same view";
             params: unknown;
-        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
             readonly initial: "idle";
             readonly context: ({ input }: {
                 spawn: {
@@ -215,6 +215,7 @@ export declare function useDiagram(): {
                 focusable?: boolean;
                 type: "relationships";
                 data: {
+                    relations: NonEmptyArray<RelationId>;
                     color: Color | undefined;
                     label: string | null;
                     navigateTo: ViewId | null;
@@ -226,11 +227,15 @@ export declare function useDiagram(): {
             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                 viewportInitialized: boolean;
             }) | null;
+            xystore: XYStoreApi | null;
             initialized: boolean;
             layouted: LayoutRelationshipsViewResult | null;
+            navigateFromNode: string | null;
             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>>;
+        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+            active: "idle" | "layouting";
+        }, "active", any, any, any>, Events, Input, any, any>>;
     }, "idle" | "initializing" | "walkthrough" | "focused" | {
         overlay: "relationshipDetails" | "relationshipsBrowser" | "elementDetails" | "hole";
     } | {
@@ -264,7 +269,7 @@ export declare function useDiagram(): {
                     }, {
                         type: "same view";
                         params: unknown;
-                    }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                    }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                         readonly initial: "idle";
                         readonly context: ({ input }: {
                             spawn: {
@@ -361,7 +366,7 @@ export declare function useDiagram(): {
                     }, {
                         type: "same view";
                         params: unknown;
-                    }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                    }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                         readonly initial: "idle";
                         readonly context: ({ input }: {
                             spawn: {
@@ -591,6 +596,7 @@ export declare function useDiagram(): {
                             focusable?: boolean;
                             type: "relationships";
                             data: {
+                                relations: NonEmptyArray<RelationId>;
                                 color: Color | undefined;
                                 label: string | null;
                                 navigateTo: ViewId | null;
@@ -602,8 +608,10 @@ export declare function useDiagram(): {
                         }> & Omit< ViewportHelperFunctions, "initialized"> & {
                             viewportInitialized: boolean;
                         }) | null;
+                        xystore: XYStoreApi | null;
                         initialized: boolean;
                         layouted: LayoutRelationshipsViewResult | null;
+                        navigateFromNode: string | null;
                         xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                         xyedges: {
                             id: string;
@@ -633,6 +641,7 @@ export declare function useDiagram(): {
                             focusable?: boolean;
                             type: "relationships";
                             data: {
+                                relations: NonEmptyArray<RelationId>;
                                 color: Color | undefined;
                                 label: string | null;
                                 navigateTo: ViewId | null;
@@ -642,7 +651,9 @@ export declare function useDiagram(): {
                                 dimmed?: import("../base").Base.Dimmed;
                             };
                         }[];
-                    }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                    }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                        active: "idle" | "layouting";
+                    }, "active", any, any, any>, Events, Input, any, any>;
                     id: "relationshipsBrowser";
                 } extends infer T_3 ? T_3 extends {
                     src: "relationshipsBrowserActor";
@@ -677,6 +688,7 @@ export declare function useDiagram(): {
                             focusable?: boolean;
                             type: "relationships";
                             data: {
+                                relations: NonEmptyArray<RelationId>;
                                 color: Color | undefined;
                                 label: string | null;
                                 navigateTo: ViewId | null;
@@ -688,8 +700,10 @@ export declare function useDiagram(): {
                         }> & Omit< ViewportHelperFunctions, "initialized"> & {
                             viewportInitialized: boolean;
                         }) | null;
+                        xystore: XYStoreApi | null;
                         initialized: boolean;
                         layouted: LayoutRelationshipsViewResult | null;
+                        navigateFromNode: string | null;
                         xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                         xyedges: {
                             id: string;
@@ -719,6 +733,7 @@ export declare function useDiagram(): {
                             focusable?: boolean;
                             type: "relationships";
                             data: {
+                                relations: NonEmptyArray<RelationId>;
                                 color: Color | undefined;
                                 label: string | null;
                                 navigateTo: ViewId | null;
@@ -728,7 +743,9 @@ export declare function useDiagram(): {
                                 dimmed?: import("../base").Base.Dimmed;
                             };
                         }[];
-                    }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                    }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                        active: "idle" | "layouting";
+                    }, "active", any, any, any>, Events, Input, any, any>;
                     id: "relationshipsBrowser";
                 } ? T_3 extends {
                     src: TSrc;
@@ -753,7 +770,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -923,6 +940,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -934,8 +952,10 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: {
                                 id: string;
@@ -965,6 +985,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -974,7 +995,9 @@ export declare function useDiagram(): {
                                     dimmed?: import("../base").Base.Dimmed;
                                 };
                             }[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, "src", TSrc>["logic"]>;
@@ -1031,7 +1054,7 @@ export declare function useDiagram(): {
             }, {
                 type: "same view";
                 params: unknown;
-            }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+            }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                 readonly initial: "idle";
                 readonly context: ({ input }: {
                     spawn: {
@@ -1521,7 +1544,7 @@ export declare function useDiagram(): {
                                 }, {
                                     type: "same view";
                                     params: unknown;
-                                }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                     readonly initial: "idle";
                                     readonly context: ({ input }: {
                                         spawn: {
@@ -1691,6 +1714,7 @@ export declare function useDiagram(): {
                                         focusable?: boolean;
                                         type: "relationships";
                                         data: {
+                                            relations: NonEmptyArray<RelationId>;
                                             color: Color | undefined;
                                             label: string | null;
                                             navigateTo: ViewId | null;
@@ -1702,11 +1726,15 @@ export declare function useDiagram(): {
                                     }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                         viewportInitialized: boolean;
                                     }) | null;
+                                    xystore: XYStoreApi | null;
                                     initialized: boolean;
                                     layouted: LayoutRelationshipsViewResult | null;
+                                    navigateFromNode: string | null;
                                     xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                                     xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                                }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                                }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                                    active: "idle" | "layouting";
+                                }, "active", any, any, any>, Events, Input, any, any>;
                                 id: "relationshipsBrowser";
                             };
                         }>, Values<{
@@ -1826,7 +1854,7 @@ export declare function useDiagram(): {
                                 }, {
                                     type: "same view";
                                     params: unknown;
-                                }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                     readonly initial: "idle";
                                     readonly context: ({ input }: {
                                         spawn: {
@@ -1996,6 +2024,7 @@ export declare function useDiagram(): {
                                         focusable?: boolean;
                                         type: "relationships";
                                         data: {
+                                            relations: NonEmptyArray<RelationId>;
                                             color: Color | undefined;
                                             label: string | null;
                                             navigateTo: ViewId | null;
@@ -2007,11 +2036,15 @@ export declare function useDiagram(): {
                                     }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                         viewportInitialized: boolean;
                                     }) | null;
+                                    xystore: XYStoreApi | null;
                                     initialized: boolean;
                                     layouted: LayoutRelationshipsViewResult | null;
+                                    navigateFromNode: string | null;
                                     xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                                     xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                                }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                                }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                                    active: "idle" | "layouting";
+                                }, "active", any, any, any>, Events, Input, any, any>;
                                 id: "relationshipsBrowser";
                             };
                         }>, never, never, never, never>];
@@ -2036,7 +2069,7 @@ export declare function useDiagram(): {
                                 }, {
                                     type: "same view";
                                     params: unknown;
-                                }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                     readonly initial: "idle";
                                     readonly context: ({ input }: {
                                         spawn: {
@@ -2206,6 +2239,7 @@ export declare function useDiagram(): {
                                         focusable?: boolean;
                                         type: "relationships";
                                         data: {
+                                            relations: NonEmptyArray<RelationId>;
                                             color: Color | undefined;
                                             label: string | null;
                                             navigateTo: ViewId | null;
@@ -2217,11 +2251,15 @@ export declare function useDiagram(): {
                                     }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                         viewportInitialized: boolean;
                                     }) | null;
+                                    xystore: XYStoreApi | null;
                                     initialized: boolean;
                                     layouted: LayoutRelationshipsViewResult | null;
+                                    navigateFromNode: string | null;
                                     xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                                     xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                                }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                                }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                                    active: "idle" | "layouting";
+                                }, "active", any, any, any>, Events, Input, any, any>;
                                 id: "relationshipsBrowser";
                             };
                         }>, never, never, never, never>;
@@ -2245,7 +2283,7 @@ export declare function useDiagram(): {
                                 }, {
                                     type: "same view";
                                     params: unknown;
-                                }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                     readonly initial: "idle";
                                     readonly context: ({ input }: {
                                         spawn: {
@@ -2415,6 +2453,7 @@ export declare function useDiagram(): {
                                         focusable?: boolean;
                                         type: "relationships";
                                         data: {
+                                            relations: NonEmptyArray<RelationId>;
                                             color: Color | undefined;
                                             label: string | null;
                                             navigateTo: ViewId | null;
@@ -2426,11 +2465,15 @@ export declare function useDiagram(): {
                                     }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                         viewportInitialized: boolean;
                                     }) | null;
+                                    xystore: XYStoreApi | null;
                                     initialized: boolean;
                                     layouted: LayoutRelationshipsViewResult | null;
+                                    navigateFromNode: string | null;
                                     xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                                     xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                                }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                                }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                                    active: "idle" | "layouting";
+                                }, "active", any, any, any>, Events, Input, any, any>;
                                 id: "relationshipsBrowser";
                             };
                         }>, never, never, never, never>];
@@ -2479,7 +2522,7 @@ export declare function useDiagram(): {
                                 }, {
                                     type: "same view";
                                     params: unknown;
-                                }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                     readonly initial: "idle";
                                     readonly context: ({ input }: {
                                         spawn: {
@@ -2649,6 +2692,7 @@ export declare function useDiagram(): {
                                         focusable?: boolean;
                                         type: "relationships";
                                         data: {
+                                            relations: NonEmptyArray<RelationId>;
                                             color: Color | undefined;
                                             label: string | null;
                                             navigateTo: ViewId | null;
@@ -2660,11 +2704,15 @@ export declare function useDiagram(): {
                                     }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                         viewportInitialized: boolean;
                                     }) | null;
+                                    xystore: XYStoreApi | null;
                                     initialized: boolean;
                                     layouted: LayoutRelationshipsViewResult | null;
+                                    navigateFromNode: string | null;
                                     xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                                     xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                                }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                                }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                                    active: "idle" | "layouting";
+                                }, "active", any, any, any>, Events, Input, any, any>;
                                 id: "relationshipsBrowser";
                             };
                         }>, never, never, never, never>;
@@ -2689,7 +2737,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -2859,6 +2907,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -2870,11 +2919,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, never, never, never, never>, ActionFunction<DiagramContext, Events, Events, undefined, Values<{
@@ -2893,7 +2946,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -3063,6 +3116,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -3074,11 +3128,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, never, never, never, never>, {
@@ -3109,7 +3167,7 @@ export declare function useDiagram(): {
                                 }, {
                                     type: "same view";
                                     params: unknown;
-                                }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                     readonly initial: "idle";
                                     readonly context: ({ input }: {
                                         spawn: {
@@ -3279,6 +3337,7 @@ export declare function useDiagram(): {
                                         focusable?: boolean;
                                         type: "relationships";
                                         data: {
+                                            relations: NonEmptyArray<RelationId>;
                                             color: Color | undefined;
                                             label: string | null;
                                             navigateTo: ViewId | null;
@@ -3290,11 +3349,15 @@ export declare function useDiagram(): {
                                     }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                         viewportInitialized: boolean;
                                     }) | null;
+                                    xystore: XYStoreApi | null;
                                     initialized: boolean;
                                     layouted: LayoutRelationshipsViewResult | null;
+                                    navigateFromNode: string | null;
                                     xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                                     xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                                }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                                }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                                    active: "idle" | "layouting";
+                                }, "active", any, any, any>, Events, Input, any, any>;
                                 id: "relationshipsBrowser";
                             };
                         }>, never, never, never, never>, ActionFunction<DiagramContext, Events, Events, undefined, Values<{
@@ -3313,7 +3376,7 @@ export declare function useDiagram(): {
                                 }, {
                                     type: "same view";
                                     params: unknown;
-                                }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                     readonly initial: "idle";
                                     readonly context: ({ input }: {
                                         spawn: {
@@ -3483,6 +3546,7 @@ export declare function useDiagram(): {
                                         focusable?: boolean;
                                         type: "relationships";
                                         data: {
+                                            relations: NonEmptyArray<RelationId>;
                                             color: Color | undefined;
                                             label: string | null;
                                             navigateTo: ViewId | null;
@@ -3494,11 +3558,15 @@ export declare function useDiagram(): {
                                     }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                         viewportInitialized: boolean;
                                     }) | null;
+                                    xystore: XYStoreApi | null;
                                     initialized: boolean;
                                     layouted: LayoutRelationshipsViewResult | null;
+                                    navigateFromNode: string | null;
                                     xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                                     xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                                }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                                }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                                    active: "idle" | "layouting";
+                                }, "active", any, any, any>, Events, Input, any, any>;
                                 id: "relationshipsBrowser";
                             };
                         }>, never, never, never, never>, {
@@ -3526,7 +3594,7 @@ export declare function useDiagram(): {
                                 }, {
                                     type: "same view";
                                     params: unknown;
-                                }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                     readonly initial: "idle";
                                     readonly context: ({ input }: {
                                         spawn: {
@@ -3696,6 +3764,7 @@ export declare function useDiagram(): {
                                         focusable?: boolean;
                                         type: "relationships";
                                         data: {
+                                            relations: NonEmptyArray<RelationId>;
                                             color: Color | undefined;
                                             label: string | null;
                                             navigateTo: ViewId | null;
@@ -3707,11 +3776,15 @@ export declare function useDiagram(): {
                                     }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                         viewportInitialized: boolean;
                                     }) | null;
+                                    xystore: XYStoreApi | null;
                                     initialized: boolean;
                                     layouted: LayoutRelationshipsViewResult | null;
+                                    navigateFromNode: string | null;
                                     xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                                     xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                                }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                                }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                                    active: "idle" | "layouting";
+                                }, "active", any, any, any>, Events, Input, any, any>;
                                 id: "relationshipsBrowser";
                             };
                         }>, never, never, never, never>, ActionFunction<DiagramContext, Events, Events, undefined, Values<{
@@ -3730,7 +3803,7 @@ export declare function useDiagram(): {
                                 }, {
                                     type: "same view";
                                     params: unknown;
-                                }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                     readonly initial: "idle";
                                     readonly context: ({ input }: {
                                         spawn: {
@@ -3900,6 +3973,7 @@ export declare function useDiagram(): {
                                         focusable?: boolean;
                                         type: "relationships";
                                         data: {
+                                            relations: NonEmptyArray<RelationId>;
                                             color: Color | undefined;
                                             label: string | null;
                                             navigateTo: ViewId | null;
@@ -3911,11 +3985,15 @@ export declare function useDiagram(): {
                                     }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                         viewportInitialized: boolean;
                                     }) | null;
+                                    xystore: XYStoreApi | null;
                                     initialized: boolean;
                                     layouted: LayoutRelationshipsViewResult | null;
+                                    navigateFromNode: string | null;
                                     xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                                     xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                                }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                                }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                                    active: "idle" | "layouting";
+                                }, "active", any, any, any>, Events, Input, any, any>;
                                 id: "relationshipsBrowser";
                             };
                         }>, never, never, never, never>, {
@@ -3945,7 +4023,7 @@ export declare function useDiagram(): {
                                 }, {
                                     type: "same view";
                                     params: unknown;
-                                }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                     readonly initial: "idle";
                                     readonly context: ({ input }: {
                                         spawn: {
@@ -4115,6 +4193,7 @@ export declare function useDiagram(): {
                                         focusable?: boolean;
                                         type: "relationships";
                                         data: {
+                                            relations: NonEmptyArray<RelationId>;
                                             color: Color | undefined;
                                             label: string | null;
                                             navigateTo: ViewId | null;
@@ -4126,11 +4205,15 @@ export declare function useDiagram(): {
                                     }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                         viewportInitialized: boolean;
                                     }) | null;
+                                    xystore: XYStoreApi | null;
                                     initialized: boolean;
                                     layouted: LayoutRelationshipsViewResult | null;
+                                    navigateFromNode: string | null;
                                     xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                                     xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                                }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                                }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                                    active: "idle" | "layouting";
+                                }, "active", any, any, any>, Events, Input, any, any>;
                                 id: "relationshipsBrowser";
                             };
                         }>, never, never, never, never>;
@@ -4161,7 +4244,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -4331,6 +4414,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -4342,11 +4426,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, Values<{
@@ -4456,7 +4544,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -4626,6 +4714,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -4637,11 +4726,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, never, never, never, never>;
@@ -4670,7 +4763,7 @@ export declare function useDiagram(): {
                                 }, {
                                     type: "same view";
                                     params: unknown;
-                                }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                     readonly initial: "idle";
                                     readonly context: ({ input }: {
                                         spawn: {
@@ -4840,6 +4933,7 @@ export declare function useDiagram(): {
                                         focusable?: boolean;
                                         type: "relationships";
                                         data: {
+                                            relations: NonEmptyArray<RelationId>;
                                             color: Color | undefined;
                                             label: string | null;
                                             navigateTo: ViewId | null;
@@ -4851,11 +4945,15 @@ export declare function useDiagram(): {
                                     }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                         viewportInitialized: boolean;
                                     }) | null;
+                                    xystore: XYStoreApi | null;
                                     initialized: boolean;
                                     layouted: LayoutRelationshipsViewResult | null;
+                                    navigateFromNode: string | null;
                                     xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                                     xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                                }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                                }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                                    active: "idle" | "layouting";
+                                }, "active", any, any, any>, Events, Input, any, any>;
                                 id: "relationshipsBrowser";
                             };
                         }>, never, never, never, never>;
@@ -4881,7 +4979,7 @@ export declare function useDiagram(): {
                                         }, {
                                             type: "same view";
                                             params: unknown;
-                                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                             readonly initial: "idle";
                                             readonly context: ({ input }: {
                                                 spawn: {
@@ -5051,6 +5149,7 @@ export declare function useDiagram(): {
                                                 focusable?: boolean;
                                                 type: "relationships";
                                                 data: {
+                                                    relations: NonEmptyArray<RelationId>;
                                                     color: Color | undefined;
                                                     label: string | null;
                                                     navigateTo: ViewId | null;
@@ -5062,11 +5161,15 @@ export declare function useDiagram(): {
                                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                                 viewportInitialized: boolean;
                                             }) | null;
+                                            xystore: XYStoreApi | null;
                                             initialized: boolean;
                                             layouted: LayoutRelationshipsViewResult | null;
+                                            navigateFromNode: string | null;
                                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                                            active: "idle" | "layouting";
+                                        }, "active", any, any, any>, Events, Input, any, any>;
                                         id: "relationshipsBrowser";
                                     };
                                 }>, never, never, never, never>;
@@ -5094,7 +5197,7 @@ export declare function useDiagram(): {
                                 }, {
                                     type: "same view";
                                     params: unknown;
-                                }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                     readonly initial: "idle";
                                     readonly context: ({ input }: {
                                         spawn: {
@@ -5264,6 +5367,7 @@ export declare function useDiagram(): {
                                         focusable?: boolean;
                                         type: "relationships";
                                         data: {
+                                            relations: NonEmptyArray<RelationId>;
                                             color: Color | undefined;
                                             label: string | null;
                                             navigateTo: ViewId | null;
@@ -5275,11 +5379,15 @@ export declare function useDiagram(): {
                                     }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                         viewportInitialized: boolean;
                                     }) | null;
+                                    xystore: XYStoreApi | null;
                                     initialized: boolean;
                                     layouted: LayoutRelationshipsViewResult | null;
+                                    navigateFromNode: string | null;
                                     xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                                     xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                                }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                                }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                                    active: "idle" | "layouting";
+                                }, "active", any, any, any>, Events, Input, any, any>;
                                 id: "relationshipsBrowser";
                             };
                         }>, never, never, never, never>;
@@ -5380,7 +5488,7 @@ export declare function useDiagram(): {
                                 }, {
                                     type: "same view";
                                     params: unknown;
-                                }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                     readonly initial: "idle";
                                     readonly context: ({ input }: {
                                         spawn: {
@@ -5550,6 +5658,7 @@ export declare function useDiagram(): {
                                         focusable?: boolean;
                                         type: "relationships";
                                         data: {
+                                            relations: NonEmptyArray<RelationId>;
                                             color: Color | undefined;
                                             label: string | null;
                                             navigateTo: ViewId | null;
@@ -5561,11 +5670,15 @@ export declare function useDiagram(): {
                                     }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                         viewportInitialized: boolean;
                                     }) | null;
+                                    xystore: XYStoreApi | null;
                                     initialized: boolean;
                                     layouted: LayoutRelationshipsViewResult | null;
+                                    navigateFromNode: string | null;
                                     xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                                     xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                                }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                                }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                                    active: "idle" | "layouting";
+                                }, "active", any, any, any>, Events, Input, any, any>;
                                 id: "relationshipsBrowser";
                             };
                         }>, Values<{
@@ -5680,7 +5793,7 @@ export declare function useDiagram(): {
                                         }, {
                                             type: "same view";
                                             params: unknown;
-                                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                             readonly initial: "idle";
                                             readonly context: ({ input }: {
                                                 spawn: {
@@ -5850,6 +5963,7 @@ export declare function useDiagram(): {
                                                 focusable?: boolean;
                                                 type: "relationships";
                                                 data: {
+                                                    relations: NonEmptyArray<RelationId>;
                                                     color: Color | undefined;
                                                     label: string | null;
                                                     navigateTo: ViewId | null;
@@ -5861,11 +5975,15 @@ export declare function useDiagram(): {
                                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                                 viewportInitialized: boolean;
                                             }) | null;
+                                            xystore: XYStoreApi | null;
                                             initialized: boolean;
                                             layouted: LayoutRelationshipsViewResult | null;
+                                            navigateFromNode: string | null;
                                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                                            active: "idle" | "layouting";
+                                        }, "active", any, any, any>, Events, Input, any, any>;
                                         id: "relationshipsBrowser";
                                     };
                                 }>, Values<{
@@ -5984,7 +6102,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -6154,6 +6272,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -6165,11 +6284,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, never, never, never, never>;
@@ -6191,7 +6314,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -6361,6 +6484,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -6372,11 +6496,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, never, never, never, never>, ActionFunction<DiagramContext, Events, Events, undefined, Values<{
@@ -6395,7 +6523,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -6565,6 +6693,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -6576,11 +6705,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, never, never, never, never>, ActionFunction<DiagramContext, Events, Events, undefined, Values<{
@@ -6599,7 +6732,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -6769,6 +6902,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -6780,11 +6914,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, never, never, never, never>, {
@@ -6821,7 +6959,7 @@ export declare function useDiagram(): {
                                 }, {
                                     type: "same view";
                                     params: unknown;
-                                }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                                }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                                     readonly initial: "idle";
                                     readonly context: ({ input }: {
                                         spawn: {
@@ -6991,6 +7129,7 @@ export declare function useDiagram(): {
                                         focusable?: boolean;
                                         type: "relationships";
                                         data: {
+                                            relations: NonEmptyArray<RelationId>;
                                             color: Color | undefined;
                                             label: string | null;
                                             navigateTo: ViewId | null;
@@ -7002,11 +7141,15 @@ export declare function useDiagram(): {
                                     }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                         viewportInitialized: boolean;
                                     }) | null;
+                                    xystore: XYStoreApi | null;
                                     initialized: boolean;
                                     layouted: LayoutRelationshipsViewResult | null;
+                                    navigateFromNode: string | null;
                                     xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                                     xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                                }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                                }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                                    active: "idle" | "layouting";
+                                }, "active", any, any, any>, Events, Input, any, any>;
                                 id: "relationshipsBrowser";
                             };
                         }>, Values<{
@@ -7129,7 +7272,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -7299,6 +7442,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -7310,11 +7454,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, Values<{
@@ -7429,7 +7577,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -7599,6 +7747,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -7610,11 +7759,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, never, never, never, never>;
@@ -7639,7 +7792,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -7809,6 +7962,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -7820,11 +7974,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, never, never, never, never>;
@@ -7850,7 +8008,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -8020,6 +8178,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -8031,11 +8190,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, never, never, never, never>;
@@ -8080,7 +8243,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -8250,6 +8413,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -8261,11 +8425,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, never, never, never, never>];
@@ -8289,7 +8457,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -8459,6 +8627,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -8470,11 +8639,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, never, never, never, never>;
@@ -8498,7 +8671,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -8668,6 +8841,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -8679,11 +8853,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, never, never, never, never>;
@@ -8706,7 +8884,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -8876,6 +9054,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -8887,11 +9066,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, never, never, never, never>, ActionFunction<DiagramContext, {
@@ -8915,7 +9098,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -9085,6 +9268,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -9096,11 +9280,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, Values<{
@@ -9213,7 +9401,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -9383,6 +9571,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -9394,11 +9583,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, never, never, never, never>;
@@ -9423,7 +9616,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -9593,6 +9786,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -9604,11 +9798,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, never, never, never, never>;
@@ -9630,7 +9828,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -9800,6 +9998,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -9811,11 +10010,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, never, never, never, never>;
@@ -9837,7 +10040,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -10007,6 +10210,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -10018,11 +10222,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, never, never, never, never>;
@@ -10063,7 +10271,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -10233,6 +10441,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -10244,11 +10453,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, never, never, never, never>, ActionFunction<DiagramContext, {
@@ -10286,7 +10499,7 @@ export declare function useDiagram(): {
                         }, {
                             type: "same view";
                             params: unknown;
-                        }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                        }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                             readonly initial: "idle";
                             readonly context: ({ input }: {
                                 spawn: {
@@ -10456,6 +10669,7 @@ export declare function useDiagram(): {
                                 focusable?: boolean;
                                 type: "relationships";
                                 data: {
+                                    relations: NonEmptyArray<RelationId>;
                                     color: Color | undefined;
                                     label: string | null;
                                     navigateTo: ViewId | null;
@@ -10467,11 +10681,15 @@ export declare function useDiagram(): {
                             }> & Omit< ViewportHelperFunctions, "initialized"> & {
                                 viewportInitialized: boolean;
                             }) | null;
+                            xystore: XYStoreApi | null;
                             initialized: boolean;
                             layouted: LayoutRelationshipsViewResult | null;
+                            navigateFromNode: string | null;
                             xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                             xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                        }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                        }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                            active: "idle" | "layouting";
+                        }, "active", any, any, any>, Events, Input, any, any>;
                         id: "relationshipsBrowser";
                     };
                 }>, never, never, never, never>;
@@ -10517,7 +10735,7 @@ export declare function useDiagram(): {
                 }, {
                     type: "same view";
                     params: unknown;
-                }, "timeout", "stopped" | "paused" | "synced" | "pending" | "idle", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
+                }, "timeout", "stopped" | "synced" | "pending" | "idle" | "paused", "pending" | "ready", Input, NonReducibleUnknown, EventObject, MetaObject, {
                     readonly initial: "idle";
                     readonly context: ({ input }: {
                         spawn: {
@@ -10687,6 +10905,7 @@ export declare function useDiagram(): {
                         focusable?: boolean;
                         type: "relationships";
                         data: {
+                            relations: NonEmptyArray<RelationId>;
                             color: Color | undefined;
                             label: string | null;
                             navigateTo: ViewId | null;
@@ -10698,11 +10917,15 @@ export declare function useDiagram(): {
                     }> & Omit< ViewportHelperFunctions, "initialized"> & {
                         viewportInitialized: boolean;
                     }) | null;
+                    xystore: XYStoreApi | null;
                     initialized: boolean;
                     layouted: LayoutRelationshipsViewResult | null;
+                    navigateFromNode: string | null;
                     xynodes: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Node[];
                     xyedges: import("../overlays/relationships-browser/_types").RelationshipsBrowserTypes.Edge[];
-                }>, Events, any, "active" | "opening" | "closed", any, any, any, any>, Events, Input, any, any>;
+                }>, Events, any, "closed" | "initializing" | "waiting-data" | {
+                    active: "idle" | "layouting";
+                }, "active", any, any, any>, Events, Input, any, any>;
                 id: "relationshipsBrowser";
             };
         }>, never, never, never, never>];