@likec4/diagram 1.45.0 → 1.46.0

package/dist/likec4diagram/state/machine.actions.layout.d.ts

@@ -1,21 +1,17 @@
 import { BBox } from '@likec4/core';
+import { DiagramView } from '@likec4/core/types';
 import { Viewport } from '@xyflow/react';
 import { ActionFunction, Values, CancelAction } 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';
 export declare const setViewport: (params?: {
     viewport: Viewport;
     duration?: number;
 }) => ActionFunction<Context, Events, Events, unknown, Values<{
-    syncManualLayoutActorLogic: {
-        src: "syncManualLayoutActorLogic";
-        logic: SyncLayoutActorLogic;
-        id: "syncLayout";
-    };
     hotkeyActorLogic: {
         src: "hotkeyActorLogic";
         logic: HotkeyActorLogic;
@@ -36,11 +32,20 @@ export declare const setViewport: (params?: {
         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;
@@ -73,6 +78,10 @@ export declare const setViewport: (params?: {
         type: "enabled: DynamicViewWalkthrough";
         params: unknown;
     };
+    "focus.node: autoUnfocus": {
+        type: "focus.node: autoUnfocus";
+        params: unknown;
+    };
     "enabled: Overlays": {
         type: "enabled: Overlays";
         params: unknown;
@@ -85,6 +94,10 @@ export declare const setViewport: (params?: {
         type: "is dynamic view";
         params: unknown;
     };
+    "is same view": {
+        type: "is same view";
+        params: unknown;
+    };
     "is another view": {
         type: "is another view";
         params: unknown;
@@ -118,11 +131,6 @@ export declare const setViewportCenter: (params?: {
     x: number;
     y: number;
 }) => ActionFunction<Context, Events, Events, unknown, Values<{
-    syncManualLayoutActorLogic: {
-        src: "syncManualLayoutActorLogic";
-        logic: SyncLayoutActorLogic;
-        id: "syncLayout";
-    };
     hotkeyActorLogic: {
         src: "hotkeyActorLogic";
         logic: HotkeyActorLogic;
@@ -143,11 +151,20 @@ export declare const setViewportCenter: (params?: {
         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;
@@ -180,6 +197,10 @@ export declare const setViewportCenter: (params?: {
         type: "enabled: DynamicViewWalkthrough";
         params: unknown;
     };
+    "focus.node: autoUnfocus": {
+        type: "focus.node: autoUnfocus";
+        params: unknown;
+    };
     "enabled: Overlays": {
         type: "enabled: Overlays";
         params: unknown;
@@ -192,6 +213,10 @@ export declare const setViewportCenter: (params?: {
         type: "is dynamic view";
         params: unknown;
     };
+    "is same view": {
+        type: "is same view";
+        params: unknown;
+    };
     "is another view": {
         type: "is another view";
         params: unknown;
@@ -225,11 +250,6 @@ export declare const fitDiagram: (params?: {
     duration?: number;
     bounds?: BBox;
 }) => ActionFunction<Context, Events, Events, undefined, Values<{
-    syncManualLayoutActorLogic: {
-        src: "syncManualLayoutActorLogic";
-        logic: SyncLayoutActorLogic;
-        id: "syncLayout";
-    };
     hotkeyActorLogic: {
         src: "hotkeyActorLogic";
         logic: HotkeyActorLogic;
@@ -250,11 +270,20 @@ export declare const fitDiagram: (params?: {
         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;
@@ -287,6 +316,10 @@ export declare const fitDiagram: (params?: {
         type: "enabled: DynamicViewWalkthrough";
         params: unknown;
     };
+    "focus.node: autoUnfocus": {
+        type: "focus.node: autoUnfocus";
+        params: unknown;
+    };
     "enabled: Overlays": {
         type: "enabled: Overlays";
         params: unknown;
@@ -299,6 +332,10 @@ export declare const fitDiagram: (params?: {
         type: "is dynamic view";
         params: unknown;
     };
+    "is same view": {
+        type: "is same view";
+        params: unknown;
+    };
     "is another view": {
         type: "is another view";
         params: unknown;
@@ -329,11 +366,6 @@ export declare const fitDiagram: (params?: {
     };
 }>, never, EmittedEvents>;
 export declare const fitFocusedBounds: () => ActionFunction<Context, Events, Events, unknown, Values<{
-    syncManualLayoutActorLogic: {
-        src: "syncManualLayoutActorLogic";
-        logic: SyncLayoutActorLogic;
-        id: "syncLayout";
-    };
     hotkeyActorLogic: {
         src: "hotkeyActorLogic";
         logic: HotkeyActorLogic;
@@ -354,11 +386,20 @@ export declare const fitFocusedBounds: () => ActionFunction<Context, Events, Eve
         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;
@@ -391,6 +432,10 @@ export declare const fitFocusedBounds: () => ActionFunction<Context, Events, Eve
         type: "enabled: DynamicViewWalkthrough";
         params: unknown;
     };
+    "focus.node: autoUnfocus": {
+        type: "focus.node: autoUnfocus";
+        params: unknown;
+    };
     "enabled: Overlays": {
         type: "enabled: Overlays";
         params: unknown;
@@ -403,6 +448,10 @@ export declare const fitFocusedBounds: () => ActionFunction<Context, Events, Eve
         type: "is dynamic view";
         params: unknown;
     };
+    "is same view": {
+        type: "is same view";
+        params: unknown;
+    };
     "is another view": {
         type: "is another view";
         params: unknown;
@@ -443,12 +492,8 @@ export declare const raiseFitDiagram: (params?: {
     duration?: number;
     bounds?: BBox;
 }) => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
+export declare const raiseUpdateView: (view?: DiagramView) => ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>;
 export declare const assignViewportBefore: (viewport?: Viewport | null) => ActionFunction<Context, Events, Events, undefined, Values<{
-    syncManualLayoutActorLogic: {
-        src: "syncManualLayoutActorLogic";
-        logic: SyncLayoutActorLogic;
-        id: "syncLayout";
-    };
     hotkeyActorLogic: {
         src: "hotkeyActorLogic";
         logic: HotkeyActorLogic;
@@ -469,16 +514,16 @@ export declare const assignViewportBefore: (viewport?: Viewport | null) => Actio
         logic: MediaPrintActorLogic;
         id: "mediaPrint";
     };
+    editorActor: {
+        src: "editorActor";
+        logic: EditorActorLogic;
+        id: "editor";
+    };
 }>, never, never, never, never>;
 export declare const returnViewportBefore: (params?: {
     delay?: number;
     duration?: number;
 }) => ActionFunction<Context, Events, Events, undefined, Values<{
-    syncManualLayoutActorLogic: {
-        src: "syncManualLayoutActorLogic";
-        logic: SyncLayoutActorLogic;
-        id: "syncLayout";
-    };
     hotkeyActorLogic: {
         src: "hotkeyActorLogic";
         logic: HotkeyActorLogic;
@@ -499,11 +544,20 @@ export declare const returnViewportBefore: (params?: {
         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;
@@ -536,6 +590,10 @@ export declare const returnViewportBefore: (params?: {
         type: "enabled: DynamicViewWalkthrough";
         params: unknown;
     };
+    "focus.node: autoUnfocus": {
+        type: "focus.node: autoUnfocus";
+        params: unknown;
+    };
     "enabled: Overlays": {
         type: "enabled: Overlays";
         params: unknown;
@@ -548,6 +606,10 @@ export declare const returnViewportBefore: (params?: {
         type: "is dynamic view";
         params: unknown;
     };
+    "is same view": {
+        type: "is same view";
+        params: unknown;
+    };
     "is another view": {
         type: "is another view";
         params: unknown;

package/dist/likec4diagram/state/machine.actions.layout.js

@@ -18,7 +18,11 @@ const setViewport = (params) => machine.createAction(({ context, event }) => {
   duration = duration ?? 400;
   const { panZoom } = nonNullable(context.xystore).getState();
   const animationProps = duration > 0 ? { duration, interpolate: "smooth" } : void 0;
-  panZoom?.setViewport(viewport, animationProps).catch((err) => {
+  panZoom?.setViewport({
+    x: Math.round(viewport.x),
+    y: Math.round(viewport.y),
+    zoom: viewport.zoom
+  }, animationProps).catch((err) => {
     console.error("Error during fitDiagram panZoom setViewport", { err });
   });
 });
@@ -47,7 +51,8 @@ const fitDiagram = (params) => machine.enqueueActions(({ context, event, enqueue
   );
   viewport.x = Math.round(viewport.x);
   viewport.y = Math.round(viewport.y);
-  panZoom?.setViewport(viewport, duration > 0 ? { duration, interpolate: "smooth" } : void 0).catch((err) => {
+  const animationProps = duration > 0 ? { duration, interpolate: "smooth" } : void 0;
+  panZoom?.setViewport(viewport, animationProps).catch((err) => {
     console.error("Error during fitDiagram panZoom setViewport", { err });
   });
 });
@@ -66,7 +71,10 @@ const fitFocusedBounds = () => machine.createAction(({ context }) => {
   );
   viewport.x = Math.round(viewport.x);
   viewport.y = Math.round(viewport.y);
-  panZoom?.setViewport(viewport, duration > 0 ? { duration, interpolate: "smooth" } : void 0);
+  const animationProps = duration > 0 ? { duration, interpolate: "smooth" } : void 0;
+  panZoom?.setViewport(viewport, animationProps).catch((err) => {
+    console.error("Error during fitFocusedBounds panZoom setViewport", { err });
+  });
 });
 const DEFAULT_DELAY = 30;
 const raiseSetViewport = (params) => {
@@ -96,6 +104,10 @@ const raiseFitDiagram = (params) => {
     }
   );
 };
+const raiseUpdateView = (view) => machine.raise(({ context }) => ({
+  type: "update.view",
+  view: context.view
+}), { delay: DEFAULT_DELAY });
 const assignViewportBefore = (viewport) => machine.assign(({ context }) => {
   return {
     // We can assign
@@ -126,4 +138,4 @@ const returnViewportBefore = (params) => machine.enqueueActions(({ enqueue, cont
   }
 });
 
-export { assignViewportBefore, cancelFitDiagram, fitDiagram, fitFocusedBounds, raiseFitDiagram, raiseSetViewport, returnViewportBefore, setViewport };
+export { assignViewportBefore, cancelFitDiagram, fitDiagram, fitFocusedBounds, raiseFitDiagram, raiseSetViewport, raiseUpdateView, returnViewportBefore, setViewport };

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

@@ -1,22 +1,23 @@
 import { ActorRef, MachineSnapshot, StateMachine } from 'xstate';
+import { EditorActorRef } from '../../editor/editorActor';
 import { OverlaysActorRef } from '../../overlays/overlaysActor';
 import { SearchActorRef } from '../../search/searchActor';
 import { Context as DiagramContext, EmittedEvents as DiagramEmittedEvents, Events as DiagramEvents, Input } from './machine.setup';
-import { SyncLayoutActorRef } from './syncManualLayoutActor';
 /**
  * Here is a trick to reduce inference types
  */
 export interface DiagramMachineLogic extends StateMachine<DiagramContext, DiagramEvents, {
     overlays: OverlaysActorRef | undefined;
     search: SearchActorRef | undefined;
-    syncLayout: SyncLayoutActorRef | undefined;
+    editor: EditorActorRef | undefined;
 }, any, any, any, any, any, any, Input, any, any, any, any> {
 }
 export declare const diagramMachine: DiagramMachineLogic;
 export type DiagramMachineSnapshot = MachineSnapshot<DiagramContext, DiagramEvents, {
     overlays: OverlaysActorRef | undefined;
     search: SearchActorRef | undefined;
-    syncLayout: SyncLayoutActorRef | undefined;
+    editor: EditorActorRef | undefined;
 }, any, any, any, {}, {}>;
-export type DiagramMachineRef = ActorRef<DiagramMachineSnapshot, DiagramEvents, DiagramEmittedEvents>;
+export interface DiagramMachineRef extends ActorRef<DiagramMachineSnapshot, DiagramEvents, DiagramEmittedEvents> {
+}
 export type { DiagramContext, DiagramEmittedEvents, DiagramEvents, };

package/dist/likec4diagram/state/machine.js

@@ -1,14 +1,14 @@
 import { applyEdgeChanges, applyNodeChanges } from '@xyflow/react';
 import { DefaultFeatures } from '../../context/DiagramFeatures.js';
 import { updateEdgeData, updateNodeData } from './assign.js';
-import { emitOnLayoutTypeChange, emitOnChange, updateFeatures, updateInputs, assignDynamicViewVariant, stopSyncLayout } from './machine.actions.js';
+import { emitOnLayoutTypeChange, triggerChange, updateFeatures, updateInputs, assignDynamicViewVariant, stopEditorActor } from './machine.actions.js';
 import { machine } from './machine.setup.js';
 import { isReady, initializing } from './machine.state.initializing.js';
 import { navigating } from './machine.state.navigating.js';
 import { ready } from './machine.state.ready.js';
 import { DiagramToggledFeaturesPersistence } from './persistence.js';
 import { x as xstateActions_cjsExports } from '../../_virtual/xstate-actions.cjs.js';
-import { cancelFitDiagram } from './machine.actions.layout.js';
+import { raiseUpdateView, cancelFitDiagram } from './machine.actions.layout.js';
 
 const _diagramMachine = machine.createMachine({
   initial: "initializing",
@@ -29,6 +29,7 @@ const _diagramMachine = machine.createMachine({
     lastOnNavigate: null,
     lastClickedNode: null,
     focusedNode: null,
+    autoUnfocusTimer: false,
     activeElementDetails: null,
     viewportBefore: null,
     viewportOnManualLayout: null,
@@ -50,7 +51,7 @@ const _diagramMachine = machine.createMachine({
     final: {
       type: "final",
       entry: [
-        stopSyncLayout(),
+        stopEditorActor(),
         cancelFitDiagram(),
         xstateActions_cjsExports.stopChild("hotkey"),
         xstateActions_cjsExports.stopChild("overlays"),
@@ -77,7 +78,11 @@ const _diagramMachine = machine.createMachine({
       actions: xstateActions_cjsExports.assign(updateEdgeData)
     },
     "switch.dynamicViewVariant": {
-      actions: assignDynamicViewVariant()
+      guard: ({ context, event }) => context.dynamicViewVariant !== event.variant,
+      actions: [
+        assignDynamicViewVariant(),
+        raiseUpdateView()
+      ]
     },
     "update.inputs": {
       actions: updateInputs()
@@ -95,8 +100,8 @@ const _diagramMachine = machine.createMachine({
     "update.features": {
       actions: updateFeatures()
     },
-    "emit.onChange": {
-      actions: emitOnChange()
+    "trigger.change": {
+      actions: triggerChange()
     },
     "emit.onLayoutTypeChange": {
       actions: emitOnLayoutTypeChange()

package/dist/likec4diagram/state/machine.setup.d.ts

@@ -1,5 +1,5 @@
 import { BBox } from '@likec4/core';
-import { DiagramEdge, DiagramNode, DiagramView, DynamicViewDisplayVariant, EdgeId, Fqn, LayoutType, NodeId, NodeNotation as ElementNotation, StepEdgeId, ViewChange, ViewId } from '@likec4/core/types';
+import { DiagramEdge, DiagramNode, DiagramView, DynamicViewDisplayVariant, EdgeId, Fqn, LayoutType, NodeId, NodeNotation as ElementNotation, StepEdgeId, ViewChange, ViewId, WhereOperator } from '@likec4/core/types';
 import { EdgeChange, NodeChange, Rect, Viewport } from '@xyflow/system';
 import { MouseEvent } from 'react';
 import { PartialDeep } from 'type-fest';
@@ -11,9 +11,9 @@ import { AlignmentMode } from './aligners';
 import { HotKeyEvent, HotkeyActorLogic } from './hotkeyActor';
 import { MediaPrintEvent, MediaPrintActorLogic } from './mediaPrintActor';
 import { SetupReturn, NonReducibleUnknown, MetaObject } from 'xstate';
-import { SyncLayoutActorLogic } from './syncManualLayoutActor';
 import { OverlaysActorLogic } from '../../overlays/overlaysActor';
 import { SearchActorLogic } from '../../search/searchActor';
+import { EditorActorLogic } from '../../editor';
 /**
  * Navigation history entry represents a current view state,
  * including viewport, focused node, dynamic view variant, etc.
@@ -42,6 +42,7 @@ export interface Input {
     nodesDraggable: boolean;
     nodesSelectable: boolean;
     fitViewPadding: ViewPaddings;
+    where: WhereOperator | null;
     dynamicViewVariant?: DynamicViewDisplayVariant | undefined;
 }
 export type ToggledFeatures = {
@@ -71,6 +72,7 @@ export interface Context extends Input {
         fromView: ViewId;
         toView: ViewId;
         fromNode: NodeId | null;
+        focusOnElement?: Fqn | null;
     };
     navigationHistory: NavigationHistory;
     lastClickedNode: null | {
@@ -79,6 +81,7 @@ export interface Context extends Input {
         timestamp: number;
     };
     focusedNode: NodeId | null;
+    autoUnfocusTimer: boolean;
     activeElementDetails: null | {
         fqn: Fqn;
         fromNode: NodeId | null;
@@ -153,9 +156,13 @@ export type Events = HotKeyEvent | MediaPrintEvent | {
 } | {
     type: 'update.view';
     view: DiagramView;
+    source?: 'editor' | 'external';
+} | {
+    type: 'update.view';
+    view: DiagramView;
+    source?: 'editor' | 'external';
     xynodes: Types.Node[];
     xyedges: Types.Edge[];
-    source?: 'internal' | 'external';
 } | {
     type: 'update.view-bounds';
     bounds: BBox;
@@ -189,6 +196,7 @@ export type Events = HotKeyEvent | MediaPrintEvent | {
     type: 'navigate.to';
     viewId: ViewId;
     fromNode?: NodeId | undefined;
+    focusOnElement?: Fqn | undefined;
 } | {
     type: 'navigate.back';
 } | {
@@ -203,6 +211,9 @@ export type Events = HotKeyEvent | MediaPrintEvent | {
 } | {
     type: 'focus.node';
     nodeId: NodeId;
+    autoUnfocus?: boolean;
+} | {
+    type: 'focus.autoUnfocus';
 } | {
     type: 'switch.dynamicViewVariant';
     variant: DynamicViewDisplayVariant;
@@ -230,7 +241,7 @@ export type Events = HotKeyEvent | MediaPrintEvent | {
     feature: TogglableFeature;
     forceValue?: boolean;
 } | {
-    type: 'emit.onChange';
+    type: 'trigger.change';
     change: ViewChange;
 } | {
     type: 'emit.onLayoutTypeChange';
@@ -273,9 +284,6 @@ export type EmittedEvents = {
     edge: Types.Edge;
 } | {
     type: 'walkthroughStopped';
-} | {
-    type: 'onChange';
-    change: ViewChange;
 } | {
     type: 'onLayoutTypeChange';
     layoutType: LayoutType;
@@ -286,19 +294,20 @@ export type ActionArg = {
 };
 export declare const deriveToggledFeatures: (context: Context) => Required<ToggledFeatures>;
 export declare const machine: SetupReturn<Context, Events, {
-    syncManualLayoutActorLogic: SyncLayoutActorLogic;
     hotkeyActorLogic: HotkeyActorLogic;
     overlaysActorLogic: OverlaysActorLogic;
     searchActorLogic: SearchActorLogic;
     mediaPrintActorLogic: MediaPrintActorLogic;
+    editorActor: EditorActorLogic;
 }, {
-    syncLayout: "syncManualLayoutActorLogic";
     hotkey: "hotkeyActorLogic";
     overlays: "overlaysActorLogic";
     search: "searchActorLogic";
     mediaPrint: "mediaPrintActorLogic";
+    editor: "editorActor";
 }, {}, {
     isReady: unknown;
+    'enabled: Editor': unknown;
     'enabled: FitView': unknown;
     'enabled: FocusMode': unknown;
     'enabled: Readonly': unknown;
@@ -307,9 +316,11 @@ export declare const machine: SetupReturn<Context, Events, {
     'enabled: ElementDetails': unknown;
     'enabled: OpenSource': unknown;
     'enabled: DynamicViewWalkthrough': unknown;
+    'focus.node: autoUnfocus': unknown;
     'enabled: Overlays': unknown;
     'not readonly': unknown;
     'is dynamic view': unknown;
+    'is same view': unknown;
     'is another view': unknown;
     'click: node has modelFqn': unknown;
     'click: selected node': unknown;

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

@@ -1,11 +1,11 @@
 import { nonexhaustive } from '@likec4/core';
 import { isTruthy } from 'remeda';
 import { setup, assertEvent } from 'xstate';
+import { editorActorLogic } from '../../editor/editorActor.js';
 import { overlaysActorLogic } from '../../overlays/overlaysActor.js';
 import { searchActorLogic } from '../../search/searchActor.js';
 import { hotkeyActorLogic } from './hotkeyActor.js';
 import { mediaPrintActorLogic } from './mediaPrintActor.js';
-import { syncManualLayoutActorLogic } from './syncManualLayoutActor.js';
 
 const deriveToggledFeatures = (context) => {
   let toggledFeatures = context.toggledFeatures;
@@ -27,14 +27,15 @@ const machine = setup({
     emitted: {}
   },
   actors: {
-    syncManualLayoutActorLogic,
     hotkeyActorLogic,
     overlaysActorLogic,
     searchActorLogic,
-    mediaPrintActorLogic
+    mediaPrintActorLogic,
+    editorActor: editorActorLogic
   },
   guards: {
     "isReady": ({ context }) => context.initialized.xydata && context.initialized.xyflow,
+    "enabled: Editor": ({ context }) => context.features.enableEditor,
     "enabled: FitView": ({ context }) => context.features.enableFitView,
     "enabled: FocusMode": ({ context }) => context.features.enableFocusMode && isReadOnly(context),
     "enabled: Readonly": ({ context }) => isReadOnly(context),
@@ -43,9 +44,23 @@ const machine = setup({
     "enabled: ElementDetails": ({ context }) => context.features.enableElementDetails,
     "enabled: OpenSource": ({ context }) => context.features.enableVscode,
     "enabled: DynamicViewWalkthrough": ({ context }) => context.features.enableDynamicViewWalkthrough,
+    "focus.node: autoUnfocus": ({ event }) => {
+      assertEvent(event, "focus.node");
+      return event.autoUnfocus === true;
+    },
     "enabled: Overlays": ({ context }) => context.features.enableElementDetails || context.features.enableRelationshipBrowser || context.features.enableRelationshipDetails,
     "not readonly": ({ context }) => !isReadOnly(context),
     "is dynamic view": ({ context }) => context.view._type === "dynamic",
+    "is same view": ({ context, event }) => {
+      assertEvent(event, ["update.view", "navigate.to"]);
+      if (event.type === "update.view") {
+        return context.view.id === event.view.id;
+      }
+      if (event.type === "navigate.to") {
+        return context.view.id === event.viewId;
+      }
+      nonexhaustive(event.type);
+    },
     "is another view": ({ context, event }) => {
       assertEvent(event, ["update.view", "navigate.to"]);
       if (event.type === "update.view") {