@likec4/diagram 1.45.0 → 1.46.0

package/dist/likec4diagram/state/machine.state.ready.idle.d.ts

@@ -1,11 +1,11 @@
 import { GuardPredicate, ActionFunction, Values } from 'xstate';
 import { Context, Events, EmittedEvents } from './machine.setup';
 import { NormalizeGuardArgArray } from 'xstate/guards';
-import { SyncLayoutActorLogic } from './syncManualLayoutActor';
 import { HotkeyActorLogic } from './hotkeyActor';
 import { OverlaysActorLogic } from '../../overlays/overlaysActor';
 import { SearchActorLogic } from '../../search/searchActor';
 import { MediaPrintActorLogic } from './mediaPrintActor';
+import { EditorActorLogic } from '../../editor';
 export declare const idle: {
     id: string;
     on: {
@@ -18,11 +18,6 @@ export declare const idle: {
                 node: import("../types").Types.Node;
             }, unknown, NormalizeGuardArgArray<["click: same node", "click: selected node"]>>]>>;
             actions: ( ActionFunction<Context, Events, Events, undefined, Values<{
-                syncManualLayoutActorLogic: {
-                    src: "syncManualLayoutActorLogic";
-                    logic: SyncLayoutActorLogic;
-                    id: "syncLayout";
-                };
                 hotkeyActorLogic: {
                     src: "hotkeyActorLogic";
                     logic: HotkeyActorLogic;
@@ -43,6 +38,11 @@ export declare const idle: {
                     logic: MediaPrintActorLogic;
                     id: "mediaPrint";
                 };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
             }>, never, never, never, never> | ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents>)[];
             target: string;
         } | {
@@ -54,11 +54,6 @@ export declare const idle: {
                 node: import("../types").Types.Node;
             }, unknown, NormalizeGuardArgArray<["click: same node", "click: selected node"]>>]>>;
             actions: ActionFunction<Context, Events, Events, undefined, Values<{
-                syncManualLayoutActorLogic: {
-                    src: "syncManualLayoutActorLogic";
-                    logic: SyncLayoutActorLogic;
-                    id: "syncLayout";
-                };
                 hotkeyActorLogic: {
                     src: "hotkeyActorLogic";
                     logic: HotkeyActorLogic;
@@ -79,11 +74,20 @@ export declare const idle: {
                     logic: MediaPrintActorLogic;
                     id: "mediaPrint";
                 };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
             }>, never, Values<{
                 isReady: {
                     type: "isReady";
                     params: unknown;
                 };
+                "enabled: Editor": {
+                    type: "enabled: Editor";
+                    params: unknown;
+                };
                 "enabled: FitView": {
                     type: "enabled: FitView";
                     params: unknown;
@@ -116,6 +120,10 @@ export declare const idle: {
                     type: "enabled: DynamicViewWalkthrough";
                     params: unknown;
                 };
+                "focus.node: autoUnfocus": {
+                    type: "focus.node: autoUnfocus";
+                    params: unknown;
+                };
                 "enabled: Overlays": {
                     type: "enabled: Overlays";
                     params: unknown;
@@ -128,6 +136,10 @@ export declare const idle: {
                     type: "is dynamic view";
                     params: unknown;
                 };
+                "is same view": {
+                    type: "is same view";
+                    params: unknown;
+                };
                 "is another view": {
                     type: "is another view";
                     params: unknown;
@@ -160,11 +172,6 @@ export declare const idle: {
             target?: never;
         } | {
             actions: ActionFunction<Context, Events, Events, undefined, Values<{
-                syncManualLayoutActorLogic: {
-                    src: "syncManualLayoutActorLogic";
-                    logic: SyncLayoutActorLogic;
-                    id: "syncLayout";
-                };
                 hotkeyActorLogic: {
                     src: "hotkeyActorLogic";
                     logic: HotkeyActorLogic;
@@ -185,11 +192,20 @@ export declare const idle: {
                     logic: MediaPrintActorLogic;
                     id: "mediaPrint";
                 };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
             }>, never, Values<{
                 isReady: {
                     type: "isReady";
                     params: unknown;
                 };
+                "enabled: Editor": {
+                    type: "enabled: Editor";
+                    params: unknown;
+                };
                 "enabled: FitView": {
                     type: "enabled: FitView";
                     params: unknown;
@@ -222,6 +238,10 @@ export declare const idle: {
                     type: "enabled: DynamicViewWalkthrough";
                     params: unknown;
                 };
+                "focus.node: autoUnfocus": {
+                    type: "focus.node: autoUnfocus";
+                    params: unknown;
+                };
                 "enabled: Overlays": {
                     type: "enabled: Overlays";
                     params: unknown;
@@ -234,6 +254,10 @@ export declare const idle: {
                     type: "is dynamic view";
                     params: unknown;
                 };
+                "is same view": {
+                    type: "is same view";
+                    params: unknown;
+                };
                 "is another view": {
                     type: "is another view";
                     params: unknown;
@@ -268,11 +292,6 @@ export declare const idle: {
         })[];
         'xyflow.paneClick': {
             actions: ( ActionFunction<Context, Events, Events, undefined, Values<{
-                syncManualLayoutActorLogic: {
-                    src: "syncManualLayoutActorLogic";
-                    logic: SyncLayoutActorLogic;
-                    id: "syncLayout";
-                };
                 hotkeyActorLogic: {
                     src: "hotkeyActorLogic";
                     logic: HotkeyActorLogic;
@@ -293,17 +312,17 @@ export declare const idle: {
                     logic: MediaPrintActorLogic;
                     id: "mediaPrint";
                 };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
             }>, never, never, never, never> | ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents>)[];
         };
         'xyflow.paneDblClick': {
             actions: ActionFunction<Context, {
                 type: "xyflow.paneDblClick";
             }, Events, undefined, Values<{
-                syncManualLayoutActorLogic: {
-                    src: "syncManualLayoutActorLogic";
-                    logic: SyncLayoutActorLogic;
-                    id: "syncLayout";
-                };
                 hotkeyActorLogic: {
                     src: "hotkeyActorLogic";
                     logic: HotkeyActorLogic;
@@ -324,11 +343,20 @@ export declare const idle: {
                     logic: MediaPrintActorLogic;
                     id: "mediaPrint";
                 };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
             }>, never, Values<{
                 isReady: {
                     type: "isReady";
                     params: unknown;
                 };
+                "enabled: Editor": {
+                    type: "enabled: Editor";
+                    params: unknown;
+                };
                 "enabled: FitView": {
                     type: "enabled: FitView";
                     params: unknown;
@@ -361,6 +389,10 @@ export declare const idle: {
                     type: "enabled: DynamicViewWalkthrough";
                     params: unknown;
                 };
+                "focus.node: autoUnfocus": {
+                    type: "focus.node: autoUnfocus";
+                    params: unknown;
+                };
                 "enabled: Overlays": {
                     type: "enabled: Overlays";
                     params: unknown;
@@ -373,6 +405,10 @@ export declare const idle: {
                     type: "is dynamic view";
                     params: unknown;
                 };
+                "is same view": {
+                    type: "is same view";
+                    params: unknown;
+                };
                 "is another view": {
                     type: "is another view";
                     params: unknown;
@@ -403,14 +439,39 @@ export declare const idle: {
                 };
             }>, never, EmittedEvents>[];
         };
-        'focus.node': {
-            guard: "enabled: FocusMode";
+        'focus.node': ({
+            guard: "focus.node: autoUnfocus";
             actions: ActionFunction<Context, Events, Events, undefined, Values<{
-                syncManualLayoutActorLogic: {
-                    src: "syncManualLayoutActorLogic";
-                    logic: SyncLayoutActorLogic;
-                    id: "syncLayout";
+                hotkeyActorLogic: {
+                    src: "hotkeyActorLogic";
+                    logic: HotkeyActorLogic;
+                    id: "hotkey";
+                };
+                overlaysActorLogic: {
+                    src: "overlaysActorLogic";
+                    logic: OverlaysActorLogic;
+                    id: "overlays";
                 };
+                searchActorLogic: {
+                    src: "searchActorLogic";
+                    logic: SearchActorLogic;
+                    id: "search";
+                };
+                mediaPrintActorLogic: {
+                    src: "mediaPrintActorLogic";
+                    logic: MediaPrintActorLogic;
+                    id: "mediaPrint";
+                };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
+            }>, never, never, never, never>;
+            target: string;
+        } | {
+            guard: "enabled: FocusMode";
+            actions: ActionFunction<Context, Events, Events, undefined, Values<{
                 hotkeyActorLogic: {
                     src: "hotkeyActorLogic";
                     logic: HotkeyActorLogic;
@@ -431,20 +492,20 @@ export declare const idle: {
                     logic: MediaPrintActorLogic;
                     id: "mediaPrint";
                 };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
             }>, never, never, never, never>;
             target: string;
-        };
+        })[];
         'xyflow.edgeClick': {
             guard: GuardPredicate<Context, {
                 type: "xyflow.edgeClick";
                 edge: import("../types").Types.Edge;
             }, unknown, NormalizeGuardArgArray<["enabled: Readonly", "is dynamic view", "enabled: DynamicViewWalkthrough", "click: selected edge"]>>;
             actions: ( ActionFunction<Context, Events, Events, undefined, Values<{
-                syncManualLayoutActorLogic: {
-                    src: "syncManualLayoutActorLogic";
-                    logic: SyncLayoutActorLogic;
-                    id: "syncLayout";
-                };
                 hotkeyActorLogic: {
                     src: "hotkeyActorLogic";
                     logic: HotkeyActorLogic;
@@ -465,6 +526,11 @@ export declare const idle: {
                     logic: MediaPrintActorLogic;
                     id: "mediaPrint";
                 };
+                editorActor: {
+                    src: "editorActor";
+                    logic: EditorActorLogic;
+                    id: "editor";
+                };
             }>, never, never, never, never> | ActionFunction<Context, Events, Events, undefined, never, never, never, never, EmittedEvents> | ActionFunction<Context, {
                 type: "xyflow.edgeClick";
                 edge: import("../types").Types.Edge;

package/dist/likec4diagram/state/machine.state.ready.idle.js

@@ -69,11 +69,20 @@ const idle = machine.createStateConfig({
         })
       ]
     },
-    "focus.node": {
-      guard: "enabled: FocusMode",
-      actions: assignFocusedNode(),
-      target: targetState.focused
-    },
+    "focus.node": [
+      // Focus was initialed by the user searching (autoUnfocus=true) - always allowed
+      {
+        guard: "focus.node: autoUnfocus",
+        actions: assignFocusedNode(),
+        target: targetState.focused
+      },
+      // Regular focus - requires FocusMode to be enabled
+      {
+        guard: "enabled: FocusMode",
+        actions: assignFocusedNode(),
+        target: targetState.focused
+      }
+    ],
     "xyflow.edgeClick": {
       guard: xstateGuards_cjsExports.and([
         "enabled: Readonly",

package/dist/likec4diagram/state/machine.state.ready.js

@@ -1,77 +1,19 @@
-import { BBox } from '@likec4/core';
-import { resetLastClickedNode, emitEdgeClick, assignLastClickedNode, emitNodeClick, emitPaneClick, undimEverything, tagHighlight, notationsHighlight, startEditing, onEdgeDoubleClick, stopEditing, onEdgeMouseLeave, onEdgeMouseEnter, onNodeMouseLeave, onNodeMouseEnter, updateFeatures, ensureOverlaysActor, ensureSearchActor, ensureSyncLayoutActor, assignToggledFeatures, emitOpenSource, openElementDetails, stopSyncLayout, disableCompareWithLatest, resetEdgesControlPoints, layoutAlign, handleNavigate, closeAllOverlays, closeSearch, updateXYNodesEdges, sendSynced } from './machine.actions.js';
+import { updateView, resetLastClickedNode, emitEdgeClick, assignLastClickedNode, emitNodeClick, emitPaneClick, undimEverything, tagHighlight, notationsHighlight, startEditing, onEdgeDoubleClick, stopEditing, onEdgeMouseLeave, onEdgeMouseEnter, onNodeMouseLeave, onNodeMouseEnter, updateFeatures, ensureOverlaysActor, ensureSearchActor, ensureEditorActor, assignToggledFeatures, emitOpenSource, openOverlay, cancelEditing, disableCompareWithLatest, triggerChange, resetEdgesControlPoints, layoutAlign, handleNavigate, closeAllOverlays, closeSearch, stopEditorActor } from './machine.actions.js';
 import { machine, targetState } from './machine.setup.js';
 import { focused } from './machine.state.ready.focused.js';
 import { idle } from './machine.state.ready.idle.js';
 import { printing } from './machine.state.ready.printing.js';
 import { walkthrough } from './machine.state.ready.walkthrough.js';
-import { typedSystem, calcViewportForBounds } from './utils.js';
+import { typedSystem } from './utils.js';
 import { x as xstateActions_cjsExports } from '../../_virtual/xstate-actions.cjs.js';
 import { x as xstateGuards_cjsExports } from '../../_virtual/xstate-guards.cjs.js';
 import { setViewport, fitDiagram, cancelFitDiagram, raiseFitDiagram } from './machine.actions.layout.js';
 
-const updateView = () => machine.enqueueActions(
-  ({ enqueue, event, context, self }) => {
-    if (event.type !== "update.view") {
-      console.warn(`Ignoring unexpected event type: ${event.type} in action 'update.view'`);
-      return;
-    }
-    const nextView = event.view;
-    const isAnotherView = nextView.id !== context.view.id;
-    if (isAnotherView) {
-      console.warn("updateView called for another view - ignoring", { event });
-      return;
-    }
-    enqueue(updateXYNodesEdges());
-    if (event.source === "internal") {
-      return;
-    }
-    enqueue(sendSynced());
-    let recenter = !context.viewportChangedManually;
-    if (context.toggledFeatures.enableCompareWithLatest === true && context.view._layout !== nextView._layout) {
-      if (nextView._layout === "auto" && context.viewportOnAutoLayout) {
-        enqueue(
-          setViewport({
-            viewport: context.viewportOnAutoLayout,
-            duration: 0
-          })
-        );
-        return;
-      }
-      if (nextView._layout === "manual" && context.viewportOnManualLayout) {
-        enqueue(
-          setViewport({
-            viewport: context.viewportOnManualLayout,
-            duration: 0
-          })
-        );
-        return;
-      }
-    }
-    recenter = recenter || nextView._type === "dynamic" && context.view._type === "dynamic" && nextView.variant !== context.view.variant;
-    recenter = recenter || context.toggledFeatures.enableCompareWithLatest === true && !!nextView._layout && context.view._layout !== nextView._layout;
-    if (recenter) {
-      enqueue(cancelFitDiagram());
-      const nextViewport = calcViewportForBounds(
-        context,
-        event.view.bounds
-      );
-      let zoom = Math.min(nextViewport.zoom, context.viewport.zoom);
-      const center = BBox.center(event.view.bounds);
-      context.xyflow.setCenter(
-        Math.round(center.x),
-        Math.round(center.y),
-        { zoom }
-      );
-      enqueue(raiseFitDiagram());
-    }
-  }
-);
 const ready = machine.createStateConfig({
   initial: "idle",
   entry: [
     xstateActions_cjsExports.spawnChild("mediaPrintActorLogic", { id: "mediaPrint" }),
-    ensureSyncLayoutActor(),
+    ensureEditorActor(),
     ensureOverlaysActor(),
     ensureSearchActor()
   ],
@@ -80,7 +22,7 @@ const ready = machine.createStateConfig({
     xstateActions_cjsExports.stopChild("mediaPrint"),
     closeAllOverlays(),
     closeSearch(),
-    stopSyncLayout()
+    stopEditorActor()
   ],
   states: {
     idle,
@@ -111,15 +53,11 @@ const ready = machine.createStateConfig({
     "layout.resetManualLayout": {
       guard: "not readonly",
       actions: [
-        stopSyncLayout(),
+        cancelEditing(),
         disableCompareWithLatest(),
-        xstateActions_cjsExports.emit({
-          type: "onChange",
-          change: {
-            op: "reset-manual-layout"
-          }
-        }),
-        ensureSyncLayoutActor()
+        triggerChange({
+          op: "reset-manual-layout"
+        })
       ]
     },
     "xyflow.resized": {
@@ -130,28 +68,13 @@ const ready = machine.createStateConfig({
       ]
     },
     "open.elementDetails": {
-      guard: "enabled: ElementDetails",
-      actions: openElementDetails()
+      actions: openOverlay()
     },
     "open.relationshipsBrowser": {
-      actions: xstateActions_cjsExports.sendTo(({ system }) => typedSystem(system).overlaysActorRef, ({ context, event, self }) => ({
-        type: "open.relationshipsBrowser",
-        subject: event.fqn,
-        viewId: context.view.id,
-        scope: "view",
-        closeable: true,
-        enableChangeScope: true,
-        enableSelectSubject: true,
-        openSourceActor: self
-      }))
+      actions: openOverlay()
     },
     "open.relationshipDetails": {
-      actions: xstateActions_cjsExports.sendTo(({ system }) => typedSystem(system).overlaysActorRef, ({ context, event, self }) => ({
-        type: "open.relationshipDetails",
-        viewId: context.view.id,
-        openSourceActor: self,
-        ...event.params
-      }))
+      actions: openOverlay()
     },
     "open.source": {
       guard: "enabled: OpenSource",
@@ -164,7 +87,7 @@ const ready = machine.createStateConfig({
     "toggle.feature": {
       actions: [
         assignToggledFeatures(),
-        ensureSyncLayoutActor()
+        ensureEditorActor()
       ]
     },
     "update.features": {
@@ -172,7 +95,7 @@ const ready = machine.createStateConfig({
         updateFeatures(),
         ensureOverlaysActor(),
         ensureSearchActor(),
-        ensureSyncLayoutActor()
+        ensureEditorActor()
       ]
     },
     "xyflow.nodeMouseEnter": {

package/dist/likec4diagram/state/machine.state.ready.printing.d.ts

@@ -1,10 +1,10 @@
 import { CancelAction, ActionFunction, Values, LogAction } from 'xstate';
 import { Context, Events, EmittedEvents } from './machine.setup';
-import { SyncLayoutActorLogic } from './syncManualLayoutActor';
 import { HotkeyActorLogic } from './hotkeyActor';
 import { OverlaysActorLogic } from '../../overlays/overlaysActor';
 import { SearchActorLogic } from '../../search/searchActor';
 import { MediaPrintActorLogic } from './mediaPrintActor';
+import { EditorActorLogic } from '../../editor';
 /**
  * State when the diagram is being prepared for printing.
  * Adjusts the viewport to fit the entire diagram for optimal printing.
@@ -14,11 +14,6 @@ export declare const printing: {
     id: string;
     entry: CancelAction<Context, Events, undefined, Events>[];
     exit: ActionFunction<Context, Events, Events, undefined, Values<{
-        syncManualLayoutActorLogic: {
-            src: "syncManualLayoutActorLogic";
-            logic: SyncLayoutActorLogic;
-            id: "syncLayout";
-        };
         hotkeyActorLogic: {
             src: "hotkeyActorLogic";
             logic: HotkeyActorLogic;
@@ -39,11 +34,20 @@ export declare const printing: {
             logic: MediaPrintActorLogic;
             id: "mediaPrint";
         };
+        editorActor: {
+            src: "editorActor";
+            logic: EditorActorLogic;
+            id: "editor";
+        };
     }>, never, Values<{
         isReady: {
             type: "isReady";
             params: unknown;
         };
+        "enabled: Editor": {
+            type: "enabled: Editor";
+            params: unknown;
+        };
         "enabled: FitView": {
             type: "enabled: FitView";
             params: unknown;
@@ -76,6 +80,10 @@ export declare const printing: {
             type: "enabled: DynamicViewWalkthrough";
             params: unknown;
         };
+        "focus.node: autoUnfocus": {
+            type: "focus.node: autoUnfocus";
+            params: unknown;
+        };
         "enabled: Overlays": {
             type: "enabled: Overlays";
             params: unknown;
@@ -88,6 +96,10 @@ export declare const printing: {
             type: "is dynamic view";
             params: unknown;
         };
+        "is same view": {
+            type: "is same view";
+            params: unknown;
+        };
         "is another view": {
             type: "is another view";
             params: unknown;