@likec4/diagram 1.43.0 → 1.45.0

package/dist/overlays/relationship-details/actor.d.ts

@@ -1,6 +1,6 @@
 import { BBox, EdgeId, ExclusiveUnion, Fqn, ViewId } from '@likec4/core';
 import { EdgeChange, NodeChange, ReactFlowInstance, ReactFlowState } from '@xyflow/react';
-import { ActorLogicFrom, ActorRefFromLogic, SnapshotFrom, StateMachine, Values, NonReducibleUnknown, EventObject, MetaObject, AnyActorLogic, ConditionalRequired, InputFrom, RequiredLogicInput, IsNotNever, ActorRef, MachineSnapshot, AnyActorRef, StateValue, AnyEventObject, ActionFunction, CancelAction } from 'xstate';
+import { ActorRef, SnapshotFrom, StateMachine } from 'xstate';
 import { RelationshipDetailsTypes } from './_types';
 import { LayoutResult } from './layout';
 type XYFLowInstance = ReactFlowInstance<RelationshipDetailsTypes.AnyNode, RelationshipDetailsTypes.Edge>;
@@ -99,555 +99,11 @@ export type Events = {
 } | {
     type: 'close';
 };
-declare const _relationshipDetailsLogic: StateMachine<Readonly<{
-    subject: Subject;
-    viewId: ViewId;
-    xyflow: XYFLowInstance | null;
-    xystore: XYStoreApi | null;
-    initialized: {
-        xydata: boolean;
-        xyflow: boolean;
-    };
-    xynodes: RelationshipDetailsTypes.Node[];
-    xyedges: RelationshipDetailsTypes.Edge[];
-    bounds: BBox;
-}>, Events, {}, never, Values<{
-    "xyflow:fitDiagram": {
-        type: "xyflow:fitDiagram";
-        params: {
-            duration?: number;
-            bounds?: BBox;
-        } | undefined;
-    };
-    "xyflow:updateNodeInternals": {
-        type: "xyflow:updateNodeInternals";
-        params: unknown;
-    };
-    updateXYFlow: {
-        type: "updateXYFlow";
-        params: NonReducibleUnknown;
-    };
-    updateLayoutData: {
-        type: "updateLayoutData";
-        params: NonReducibleUnknown;
-    };
-}>, Values<{
-    isReady: {
-        type: "isReady";
-        params: unknown;
-    };
-    "enable: navigate.to": {
-        type: "enable: navigate.to";
-        params: unknown;
-    };
-}>, never, "ready" | "closed" | "isReady" | "initializing", string, {
-    target?: never;
-    source?: never;
-    edgeId: EdgeId;
-    viewId: ViewId;
-} | {
-    edgeId?: never;
-    source: Fqn;
-    target: Fqn;
-    viewId: ViewId;
-}, NonReducibleUnknown, EventObject, MetaObject, {
-    readonly initial: "initializing";
-    readonly context: ({ input }: {
-        spawn: {
-            <TSrc extends never>(logic: TSrc, ...[options]: never): ActorRefFromLogic<never>;
-            <TLogic extends AnyActorLogic>(src: TLogic, ...[options]: ConditionalRequired<[options?: {
-                id?: never;
-                systemId?: string;
-                input?: InputFrom<TLogic>;
-                syncSnapshot?: boolean;
-            } & { [K in RequiredLogicInput<TLogic>]: unknown; }], IsNotNever<RequiredLogicInput<TLogic>>>): ActorRefFromLogic<TLogic>;
-        };
-        input: {
-            target?: never;
-            source?: never;
-            edgeId: EdgeId;
-            viewId: ViewId;
-        } | {
-            edgeId?: never;
-            source: Fqn;
-            target: Fqn;
-            viewId: ViewId;
-        };
-        self: ActorRef<MachineSnapshot<Readonly<{
-            subject: Subject;
-            viewId: ViewId;
-            xyflow: XYFLowInstance | null;
-            xystore: XYStoreApi | null;
-            initialized: {
-                xydata: boolean;
-                xyflow: boolean;
-            };
-            xynodes: RelationshipDetailsTypes.Node[];
-            xyedges: RelationshipDetailsTypes.Edge[];
-            bounds: BBox;
-        }>, Events, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, Events, AnyEventObject>;
-    }) => {
-        subject: Subject;
-        viewId: ViewId;
-        bounds: {
-            x: number;
-            y: number;
-            width: number;
-            height: number;
-        };
-        initialized: {
-            xydata: false;
-            xyflow: false;
-        };
-        xyflow: null;
-        xystore: null;
-        xynodes: never[];
-        xyedges: never[];
-    };
-    readonly states: {
-        readonly initializing: {
-            readonly on: {
-                readonly 'xyflow.init': {
-                    readonly actions: "updateXYFlow";
-                    readonly target: "isReady";
-                };
-                readonly 'update.layoutData': {
-                    readonly actions: "updateLayoutData";
-                    readonly target: "isReady";
-                };
-                readonly close: {
-                    readonly target: "closed";
-                };
-            };
-        };
-        readonly isReady: {
-            readonly always: readonly [{
-                readonly guard: "isReady";
-                readonly actions: readonly [{
-                    readonly type: "xyflow:fitDiagram";
-                    readonly params: {
-                        readonly duration: 0;
-                    };
-                }, ActionFunction<Readonly<{
-                    subject: Subject;
-                    viewId: ViewId;
-                    xyflow: XYFLowInstance | null;
-                    xystore: XYStoreApi | null;
-                    initialized: {
-                        xydata: boolean;
-                        xyflow: boolean;
-                    };
-                    xynodes: RelationshipDetailsTypes.Node[];
-                    xyedges: RelationshipDetailsTypes.Edge[];
-                    bounds: BBox;
-                }>, Events, Events, undefined, never, never, never, never, never>];
-                readonly target: "ready";
-            }, {
-                readonly target: "initializing";
-            }];
-        };
-        readonly ready: {
-            readonly on: {
-                readonly 'xyflow.edgeMouseEnter': {
-                    readonly actions: readonly [ ActionFunction<Readonly<{
-                        subject: Subject;
-                        viewId: ViewId;
-                        xyflow: XYFLowInstance | null;
-                        xystore: XYStoreApi | null;
-                        initialized: {
-                            xydata: boolean;
-                            xyflow: boolean;
-                        };
-                        xynodes: RelationshipDetailsTypes.Node[];
-                        xyedges: RelationshipDetailsTypes.Edge[];
-                        bounds: BBox;
-                    }>, {
-                        type: "xyflow.edgeMouseEnter";
-                        edge: RelationshipDetailsTypes.Edge;
-                    }, Events, undefined, never, never, never, never, never>, CancelAction<Readonly<{
-                        subject: Subject;
-                        viewId: ViewId;
-                        xyflow: XYFLowInstance | null;
-                        xystore: XYStoreApi | null;
-                        initialized: {
-                            xydata: boolean;
-                            xyflow: boolean;
-                        };
-                        xynodes: RelationshipDetailsTypes.Node[];
-                        xyedges: RelationshipDetailsTypes.Edge[];
-                        bounds: BBox;
-                    }>, {
-                        type: "xyflow.edgeMouseEnter";
-                        edge: RelationshipDetailsTypes.Edge;
-                    }, undefined, Events>, CancelAction<Readonly<{
-                        subject: Subject;
-                        viewId: ViewId;
-                        xyflow: XYFLowInstance | null;
-                        xystore: XYStoreApi | null;
-                        initialized: {
-                            xydata: boolean;
-                            xyflow: boolean;
-                        };
-                        xynodes: RelationshipDetailsTypes.Node[];
-                        xyedges: RelationshipDetailsTypes.Edge[];
-                        bounds: BBox;
-                    }>, {
-                        type: "xyflow.edgeMouseEnter";
-                        edge: RelationshipDetailsTypes.Edge;
-                    }, undefined, Events>, ActionFunction<Readonly<{
-                        subject: Subject;
-                        viewId: ViewId;
-                        xyflow: XYFLowInstance | null;
-                        xystore: XYStoreApi | null;
-                        initialized: {
-                            xydata: boolean;
-                            xyflow: boolean;
-                        };
-                        xynodes: RelationshipDetailsTypes.Node[];
-                        xyedges: RelationshipDetailsTypes.Edge[];
-                        bounds: BBox;
-                    }>, {
-                        type: "xyflow.edgeMouseEnter";
-                        edge: RelationshipDetailsTypes.Edge;
-                    }, Events, undefined, never, never, never, never, never>];
-                };
-                readonly 'xyflow.edgeMouseLeave': {
-                    readonly actions: readonly [ ActionFunction<Readonly<{
-                        subject: Subject;
-                        viewId: ViewId;
-                        xyflow: XYFLowInstance | null;
-                        xystore: XYStoreApi | null;
-                        initialized: {
-                            xydata: boolean;
-                            xyflow: boolean;
-                        };
-                        xynodes: RelationshipDetailsTypes.Node[];
-                        xyedges: RelationshipDetailsTypes.Edge[];
-                        bounds: BBox;
-                    }>, {
-                        type: "xyflow.edgeMouseLeave";
-                        edge: RelationshipDetailsTypes.Edge;
-                    }, Events, undefined, never, never, never, never, never>, CancelAction<Readonly<{
-                        subject: Subject;
-                        viewId: ViewId;
-                        xyflow: XYFLowInstance | null;
-                        xystore: XYStoreApi | null;
-                        initialized: {
-                            xydata: boolean;
-                            xyflow: boolean;
-                        };
-                        xynodes: RelationshipDetailsTypes.Node[];
-                        xyedges: RelationshipDetailsTypes.Edge[];
-                        bounds: BBox;
-                    }>, {
-                        type: "xyflow.edgeMouseLeave";
-                        edge: RelationshipDetailsTypes.Edge;
-                    }, undefined, Events>, ActionFunction<Readonly<{
-                        subject: Subject;
-                        viewId: ViewId;
-                        xyflow: XYFLowInstance | null;
-                        xystore: XYStoreApi | null;
-                        initialized: {
-                            xydata: boolean;
-                            xyflow: boolean;
-                        };
-                        xynodes: RelationshipDetailsTypes.Node[];
-                        xyedges: RelationshipDetailsTypes.Edge[];
-                        bounds: BBox;
-                    }>, {
-                        type: "xyflow.edgeMouseLeave";
-                        edge: RelationshipDetailsTypes.Edge;
-                    }, Events, undefined, never, never, never, never, never>];
-                };
-                readonly 'dim.nonhovered.edges': {
-                    readonly actions: ActionFunction<Readonly<{
-                        subject: Subject;
-                        viewId: ViewId;
-                        xyflow: XYFLowInstance | null;
-                        xystore: XYStoreApi | null;
-                        initialized: {
-                            xydata: boolean;
-                            xyflow: boolean;
-                        };
-                        xynodes: RelationshipDetailsTypes.Node[];
-                        xyedges: RelationshipDetailsTypes.Edge[];
-                        bounds: BBox;
-                    }>, {
-                        type: "dim.nonhovered.edges";
-                    }, Events, undefined, never, never, never, never, never>;
-                };
-                readonly 'undim.edges': {
-                    readonly actions: ActionFunction<Readonly<{
-                        subject: Subject;
-                        viewId: ViewId;
-                        xyflow: XYFLowInstance | null;
-                        xystore: XYStoreApi | null;
-                        initialized: {
-                            xydata: boolean;
-                            xyflow: boolean;
-                        };
-                        xynodes: RelationshipDetailsTypes.Node[];
-                        xyedges: RelationshipDetailsTypes.Edge[];
-                        bounds: BBox;
-                    }>, {
-                        type: "undim.edges";
-                    }, Events, undefined, never, never, never, never, never>;
-                };
-                readonly 'xyflow.selectionChange': {
-                    readonly actions: ActionFunction<Readonly<{
-                        subject: Subject;
-                        viewId: ViewId;
-                        xyflow: XYFLowInstance | null;
-                        xystore: XYStoreApi | null;
-                        initialized: {
-                            xydata: boolean;
-                            xyflow: boolean;
-                        };
-                        xynodes: RelationshipDetailsTypes.Node[];
-                        xyedges: RelationshipDetailsTypes.Edge[];
-                        bounds: BBox;
-                    }>, {
-                        type: "xyflow.selectionChange";
-                        nodes: RelationshipDetailsTypes.Node[];
-                        edges: RelationshipDetailsTypes.Edge[];
-                    }, Events, undefined, never, Values<{
-                        "xyflow:fitDiagram": {
-                            type: "xyflow:fitDiagram";
-                            params: {
-                                duration?: number;
-                                bounds?: BBox;
-                            } | undefined;
-                        };
-                        "xyflow:updateNodeInternals": {
-                            type: "xyflow:updateNodeInternals";
-                            params: unknown;
-                        };
-                        updateXYFlow: {
-                            type: "updateXYFlow";
-                            params: NonReducibleUnknown;
-                        };
-                        updateLayoutData: {
-                            type: "updateLayoutData";
-                            params: NonReducibleUnknown;
-                        };
-                    }>, Values<{
-                        isReady: {
-                            type: "isReady";
-                            params: unknown;
-                        };
-                        "enable: navigate.to": {
-                            type: "enable: navigate.to";
-                            params: unknown;
-                        };
-                    }>, never, EventObject>;
-                };
-                readonly 'update.layoutData': {
-                    readonly actions: readonly ["updateLayoutData", CancelAction<Readonly<{
-                        subject: Subject;
-                        viewId: ViewId;
-                        xyflow: XYFLowInstance | null;
-                        xystore: XYStoreApi | null;
-                        initialized: {
-                            xydata: boolean;
-                            xyflow: boolean;
-                        };
-                        xynodes: RelationshipDetailsTypes.Node[];
-                        xyedges: RelationshipDetailsTypes.Edge[];
-                        bounds: BBox;
-                    }>, {
-                        type: "update.layoutData";
-                        data: LayoutResult;
-                    }, undefined, Events>, ActionFunction<Readonly<{
-                        subject: Subject;
-                        viewId: ViewId;
-                        xyflow: XYFLowInstance | null;
-                        xystore: XYStoreApi | null;
-                        initialized: {
-                            xydata: boolean;
-                            xyflow: boolean;
-                        };
-                        xynodes: RelationshipDetailsTypes.Node[];
-                        xyedges: RelationshipDetailsTypes.Edge[];
-                        bounds: BBox;
-                    }>, {
-                        type: "update.layoutData";
-                        data: LayoutResult;
-                    }, Events, undefined, never, never, never, never, never>, ActionFunction<Readonly<{
-                        subject: Subject;
-                        viewId: ViewId;
-                        xyflow: XYFLowInstance | null;
-                        xystore: XYStoreApi | null;
-                        initialized: {
-                            xydata: boolean;
-                            xyflow: boolean;
-                        };
-                        xynodes: RelationshipDetailsTypes.Node[];
-                        xyedges: RelationshipDetailsTypes.Edge[];
-                        bounds: BBox;
-                    }>, {
-                        type: "update.layoutData";
-                        data: LayoutResult;
-                    }, Events, undefined, never, never, never, never, never>];
-                };
-                readonly 'xyflow.init': {
-                    readonly actions: "updateXYFlow";
-                };
-                readonly 'xyflow.applyNodeChanges': {
-                    readonly actions: ActionFunction<Readonly<{
-                        subject: Subject;
-                        viewId: ViewId;
-                        xyflow: XYFLowInstance | null;
-                        xystore: XYStoreApi | null;
-                        initialized: {
-                            xydata: boolean;
-                            xyflow: boolean;
-                        };
-                        xynodes: RelationshipDetailsTypes.Node[];
-                        xyedges: RelationshipDetailsTypes.Edge[];
-                        bounds: BBox;
-                    }>, {
-                        type: "xyflow.applyNodeChanges";
-                        changes: NodeChange<RelationshipDetailsTypes.Node>[];
-                    }, Events, undefined, never, never, never, never, never>;
-                };
-                readonly 'xyflow.applyEdgeChanges': {
-                    readonly actions: ActionFunction<Readonly<{
-                        subject: Subject;
-                        viewId: ViewId;
-                        xyflow: XYFLowInstance | null;
-                        xystore: XYStoreApi | null;
-                        initialized: {
-                            xydata: boolean;
-                            xyflow: boolean;
-                        };
-                        xynodes: RelationshipDetailsTypes.Node[];
-                        xyedges: RelationshipDetailsTypes.Edge[];
-                        bounds: BBox;
-                    }>, {
-                        type: "xyflow.applyEdgeChanges";
-                        changes: EdgeChange<RelationshipDetailsTypes.Edge>[];
-                    }, Events, undefined, never, never, never, never, never>;
-                };
-                readonly 'xyflow.paneDblClick': {
-                    readonly actions: "xyflow:fitDiagram";
-                };
-                readonly 'navigate.to': {
-                    readonly actions: ActionFunction<Readonly<{
-                        subject: Subject;
-                        viewId: ViewId;
-                        xyflow: XYFLowInstance | null;
-                        xystore: XYStoreApi | null;
-                        initialized: {
-                            xydata: boolean;
-                            xyflow: boolean;
-                        };
-                        xynodes: RelationshipDetailsTypes.Node[];
-                        xyedges: RelationshipDetailsTypes.Edge[];
-                        bounds: BBox;
-                    }>, {
-                        type: "navigate.to";
-                        params: {
-                            edgeId: EdgeId;
-                            viewId?: ViewId;
-                        } | {
-                            source: Fqn;
-                            target: Fqn;
-                            viewId?: ViewId;
-                        };
-                    }, Events, undefined, never, never, never, never, never>;
-                };
-                readonly close: {
-                    readonly target: "closed";
-                };
-            };
-            readonly exit: ActionFunction<Readonly<{
-                subject: Subject;
-                viewId: ViewId;
-                xyflow: XYFLowInstance | null;
-                xystore: XYStoreApi | null;
-                initialized: {
-                    xydata: boolean;
-                    xyflow: boolean;
-                };
-                xynodes: RelationshipDetailsTypes.Node[];
-                xyedges: RelationshipDetailsTypes.Edge[];
-                bounds: BBox;
-            }>, Events, Events, undefined, never, never, never, never, never>;
-        };
-        readonly closed: {
-            readonly type: "final";
-        };
-    };
-    readonly on: {
-        readonly fitDiagram: {
-            readonly actions: {
-                readonly type: "xyflow:fitDiagram";
-                readonly params: (data: {
-                    context: Readonly<{
-                        subject: Subject;
-                        viewId: ViewId;
-                        xyflow: XYFLowInstance | null;
-                        xystore: XYStoreApi | null;
-                        initialized: {
-                            xydata: boolean;
-                            xyflow: boolean;
-                        };
-                        xynodes: RelationshipDetailsTypes.Node[];
-                        xyedges: RelationshipDetailsTypes.Edge[];
-                        bounds: BBox;
-                    }>;
-                    event: {
-                        type: "fitDiagram";
-                        duration?: number;
-                        bounds?: BBox;
-                    };
-                }) => {
-                    type: "fitDiagram";
-                    duration?: number;
-                    bounds?: BBox;
-                };
-            };
-        };
-        readonly 'xyflow.resized': {
-            readonly actions: readonly [ CancelAction<Readonly<{
-                subject: Subject;
-                viewId: ViewId;
-                xyflow: XYFLowInstance | null;
-                xystore: XYStoreApi | null;
-                initialized: {
-                    xydata: boolean;
-                    xyflow: boolean;
-                };
-                xynodes: RelationshipDetailsTypes.Node[];
-                xyedges: RelationshipDetailsTypes.Edge[];
-                bounds: BBox;
-            }>, {
-                type: "xyflow.resized";
-            }, undefined, Events>, ActionFunction<Readonly<{
-                subject: Subject;
-                viewId: ViewId;
-                xyflow: XYFLowInstance | null;
-                xystore: XYStoreApi | null;
-                initialized: {
-                    xydata: boolean;
-                    xyflow: boolean;
-                };
-                xynodes: RelationshipDetailsTypes.Node[];
-                xyedges: RelationshipDetailsTypes.Edge[];
-                bounds: BBox;
-            }>, {
-                type: "xyflow.resized";
-            }, Events, undefined, never, never, never, never, never>];
-        };
-        readonly 'xyflow.updateNodeInternals': {
-            readonly actions: "xyflow:updateNodeInternals";
-        };
-    };
-}>;
-export interface RelationshipDetailsLogic extends ActorLogicFrom<typeof _relationshipDetailsLogic> {
+export type Tags = never;
+export interface RelationshipDetailsLogic extends StateMachine<Context, Events, {}, any, any, any, any, any, Tags, Input, any, any, any, any> {
 }
 export declare const relationshipDetailsLogic: RelationshipDetailsLogic;
-export interface RelationshipDetailsActorRef extends ActorRefFromLogic<RelationshipDetailsLogic> {
-}
 export type RelationshipDetailsSnapshot = SnapshotFrom<RelationshipDetailsLogic>;
-export {};
+export interface RelationshipDetailsActorRef extends ActorRef<RelationshipDetailsSnapshot, Events> {
+}
+export type { Input as RelationshipDetailsInput, };

package/dist/overlays/relationship-details/actor.js

@@ -2,12 +2,13 @@ import { invariant } from '@likec4/core';
 import { getViewportForBounds, applyEdgeChanges, applyNodeChanges } from '@xyflow/react';
 import { shallowEqual } from 'fast-equals';
 import { prop, isString } from 'remeda';
-import { setup, assign, assertEvent, cancel, raise, enqueueActions } from 'xstate';
+import { setup, enqueueActions, assign, assertEvent, cancel, raise } from 'xstate';
 import { MinZoom } from '../../base/const.js';
 import { updateEdges } from '../../base/updateEdges.js';
 import { updateNodes } from '../../base/updateNodes.js';
+import { typedSystem } from '../../likec4diagram/state/utils.js';
 import { layoutResultToXYFlow } from './layout-to-xyflow.js';
-import { Base } from '../../base/types.js';
+import { Base } from '../../base/Base.js';
 
 function inputToSubject(input) {
   if ("edgeId" in input) {
@@ -29,6 +30,7 @@ const _relationshipDetailsLogic = setup({
   types: {
     context: {},
     input: {},
+    tags: {},
     events: {}
   },
   actions: {
@@ -49,7 +51,7 @@ const _relationshipDetailsLogic = setup({
           minZoom: MinZoom,
           maxZoom,
           padding: ViewPadding,
-          ...duration > 0 && { duration }
+          ...duration > 0 && { duration, interpolate: "smooth" }
         }).catch(console.error);
       }
     },
@@ -100,6 +102,16 @@ const _relationshipDetailsLogic = setup({
         xyedges: updateEdges(context.xyedges, xyedges),
         bounds: shallowEqual(context.bounds, bounds) ? context.bounds : bounds
       };
+    }),
+    "open relationship source": enqueueActions(({ system, event }) => {
+      if (event.type !== "xyflow.edgeClick") {
+        return;
+      }
+      const diagramActor = typedSystem(system).diagramActorRef;
+      const relationId = event.edge.data.relationId;
+      if (relationId) {
+        diagramActor.send({ type: "open.source", relation: relationId });
+      }
     })
   },
   guards: {
@@ -246,6 +258,9 @@ const _relationshipDetailsLogic = setup({
         "xyflow.paneDblClick": {
           actions: "xyflow:fitDiagram"
         },
+        "xyflow.edgeClick": {
+          actions: "open relationship source"
+        },
         "navigate.to": {
           actions: assign({
             subject: ({ event }) => inputToSubject(event.params),

package/dist/overlays/relationship-details/custom/ElementActions.js

@@ -1,11 +1,14 @@
 import { jsx } from 'react/jsx-runtime';
 import { useEnabledFeatures } from '../../../context/DiagramFeatures.js';
-import { useCurrentViewId } from '../../../hooks/useCurrentViewId.js';
-import { useDiagram } from '../../../hooks/useDiagram.js';
+import { useCurrentViewId } from '../../../hooks/useCurrentView.js';
+import '@xstate/react';
+import 'fast-equals';
+import 'react';
+import { useDiagram } from '../../../hooks/safeContext.js';
 import { ElementActionButtons } from '../../../base-primitives/element/ElementActionButtons.js';
-import IconZoomScan from '../../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconZoomScan.js';
-import IconTransform from '../../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconTransform.js';
-import IconFileSymlink from '../../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconFileSymlink.js';
+import IconZoomScan from '../../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.0/node_modules/@tabler/icons-react/dist/esm/icons/IconZoomScan.js';
+import IconTransform from '../../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.0/node_modules/@tabler/icons-react/dist/esm/icons/IconTransform.js';
+import IconFileSymlink from '../../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.0/node_modules/@tabler/icons-react/dist/esm/icons/IconFileSymlink.js';
 
 const ElementActions = (props) => {
   const { enableNavigateTo, enableVscode } = useEnabledFeatures();

package/dist/overlays/relationship-details/custom/edgeTypes.js

@@ -1,6 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { getBezierPath } from '@xyflow/system';
-import { useDiagram } from '../../../hooks/useDiagram.js';
+import '@xstate/react';
+import 'fast-equals';
+import 'react';
+import { useDiagram } from '../../../hooks/safeContext.js';
 import { memoEdge } from '../../../base-primitives/memoEdge.js';
 import { useEnabledFeatures } from '../../../context/DiagramFeatures.js';
 import { EdgeContainer } from '../../../base-primitives/edge/EdgeContainer.js';

package/dist/overlays/relationship-details/custom/nodeTypes.js

@@ -3,7 +3,10 @@ import { ElementActions } from './ElementActions.js';
 import { Handle } from '@xyflow/react';
 import { Position } from '@xyflow/system';
 import { useEnabledFeatures } from '../../../context/DiagramFeatures.js';
-import { useDiagram } from '../../../hooks/useDiagram.js';
+import '@xstate/react';
+import 'fast-equals';
+import 'react';
+import { useDiagram } from '../../../hooks/safeContext.js';
 import { memoNode } from '../../../base-primitives/memoNode.js';
 import { CompoundNodeContainer } from '../../../base-primitives/compound/CompoundNodeContainer.js';
 import { CompoundTitle } from '../../../base-primitives/compound/CompoundTitle.js';

package/dist/overlays/relationship-details/hooks.js

@@ -1,8 +1,8 @@
 import { nonNullable } from '@likec4/core';
-import { useCallbackRef } from '@mantine/hooks';
 import { useSelector } from '@xstate/react';
 import { shallowEqual } from 'fast-equals';
 import { createContext, useMemo, useContext } from 'react';
+import { useCallbackRef } from '../../hooks/useCallbackRef.js';
 
 const RelationshipDetailsActorContext = createContext(null);
 function useRelationshipDetailsActor() {