@likec4/diagram 1.30.0 → 1.32.0

package/src/state/diagram-machine.ts

@@ -1,16 +1,15 @@
 import {
-  type BBox,
+  type DiagramNode,
   type DiagramView,
   type EdgeId,
-  type ElementNotation,
   type Fqn,
   type NodeId,
+  type NodeNotation as ElementNotation,
   type StepEdgeId,
   type ViewChange,
   type ViewId,
   type XYPoint,
-  DiagramNode,
-  getBBoxCenter,
+  BBox,
   getParallelStepsPrefix,
   invariant,
   isStepEdgeId,
@@ -26,6 +25,7 @@ import {
 } from '@xyflow/react'
 import { type EdgeChange, type NodeChange, type Rect, type Viewport, nodeToRect } from '@xyflow/system'
 import { clamp, first, hasAtLeast, prop } from 'remeda'
+import type { PartialDeep } from 'type-fest'
 import {
   type ActorLogicFrom,
   type ActorRef,
@@ -50,6 +50,7 @@ import type { OpenSourceParams, PaddingWithUnit } from '../LikeC4Diagram.props'
 import type { Types } from '../likec4diagram/types'
 import { createLayoutConstraints } from '../likec4diagram/useLayoutConstraints'
 import { overlaysActorLogic } from '../overlays/overlaysActor'
+import { searchActorLogic } from '../search/searchActor'
 import { type AlignmentMode, getAligner, toNodeRect } from './aligners'
 import {
   focusNodesEdges,
@@ -58,7 +59,6 @@ import {
   navigateBack,
   navigateForward,
   resetEdgeControlPoints,
-  unfocusNodesEdges,
   updateActiveWalkthrough,
   updateEdgeData,
   updateNavigationHistory,
@@ -69,7 +69,7 @@ import { DiagramToggledFeaturesPersistence } from './persistence'
 import { type Events as SyncLayoutEvents, syncManualLayoutActorLogic } from './syncManualLayoutActor'
 import { findDiagramNode, focusedBounds, typedSystem } from './utils'
 
-type XYStoreApi = ReturnType<typeof useStoreApi<Types.Node, Types.Edge>>
+export type XYStoreApi = ReturnType<typeof useStoreApi<Types.Node, Types.Edge>>
 
 export interface NavigationHistory {
   history: ReadonlyArray<{
@@ -89,7 +89,7 @@ export interface Input {
   nodesSelectable: boolean
 }
 
-type ToggledFeatures = Partial<EnabledFeatures>
+export type ToggledFeatures = Partial<EnabledFeatures>
 
 export interface Context extends Input {
   xynodes: Types.Node[]
@@ -150,8 +150,8 @@ export type Events =
   | { type: 'xyflow.nodeMouseLeave'; node: Types.Node }
   | { type: 'xyflow.edgeMouseEnter'; edge: Types.Edge }
   | { type: 'xyflow.edgeMouseLeave'; edge: Types.Edge }
-  | { type: 'update.nodeData'; nodeId: NodeId; data: Partial<Types.NodeData> }
-  | { type: 'update.edgeData'; edgeId: EdgeId; data: Partial<Types.Edge['data']> }
+  | { type: 'update.nodeData'; nodeId: NodeId; data: PartialDeep<Types.NodeData> }
+  | { type: 'update.edgeData'; edgeId: EdgeId; data: PartialDeep<Types.EdgeData> }
   | { type: 'update.view'; view: DiagramView; xynodes: Types.Node[]; xyedges: Types.Edge[] }
   | { type: 'update.inputs'; inputs: Partial<Omit<Input, 'view' | 'xystore'>> }
   | { type: 'update.features'; features: EnabledFeatures }
@@ -160,6 +160,7 @@ export type Events =
   | { type: 'open.elementDetails'; fqn: Fqn; fromNode?: NodeId | undefined }
   | { type: 'open.relationshipDetails'; params: { edgeId: EdgeId } | { source: Fqn; target: Fqn } }
   | { type: 'open.relationshipsBrowser'; fqn: Fqn }
+  | { type: 'open.search'; search?: string }
   // | { type: 'close.overlay' }
   | { type: 'navigate.to'; viewId: ViewId; fromNode?: NodeId | undefined }
   | { type: 'navigate.back' }
@@ -174,12 +175,14 @@ export type Events =
   | { type: 'walkthrough.end' }
   | { type: 'notations.highlight'; notation: ElementNotation; kind?: string }
   | { type: 'notations.unhighlight' }
+  | { type: 'tag.highlight'; tag: string }
+  | { type: 'tag.unhighlight' }
   | { type: 'toggle.feature'; feature: FeatureName; forceValue?: boolean }
 
 export type ActionArg = { context: Context; event: Events }
 
 // TODO: naming convention for actors
-export const diagramMachine = setup({
+const _diagramMachine = setup({
   types: {
     context: {} as Context,
     input: {} as Input,
@@ -187,6 +190,7 @@ export const diagramMachine = setup({
       syncLayout: 'syncManualLayoutActorLogic'
       hotkey: 'hotkeyActorLogic'
       overlays: 'overlaysActorLogic'
+      search: 'searchActorLogic'
     },
     events: {} as Events,
   },
@@ -194,6 +198,7 @@ export const diagramMachine = setup({
     syncManualLayoutActorLogic,
     hotkeyActorLogic,
     overlaysActorLogic,
+    searchActorLogic,
   },
   guards: {
     'isReady': ({ context }) => context.initialized.xydata && context.initialized.xyflow,
@@ -201,8 +206,9 @@ export const diagramMachine = setup({
     'enabled: FocusMode': ({ context }) => context.features.enableFocusMode,
     'enabled: Readonly': ({ context }) => context.features.enableReadOnly,
     'enabled: RelationshipDetails': ({ context }) => context.features.enableRelationshipDetails,
+    'enabled: Search': ({ context }) => context.features.enableSearch,
     'not readonly': ({ context }) => !context.features.enableReadOnly,
-    'is dynamic view': ({ context }) => context.view.__ === 'dynamic',
+    'is dynamic view': ({ context }) => context.view._type === 'dynamic',
     'is another view': ({ context, event }) => {
       assertEvent(event, ['update.view', 'navigate.to'])
       if (event.type === 'update.view') {
@@ -257,10 +263,10 @@ export const diagramMachine = setup({
       const diagramNode = findDiagramNode(context, nodeId)
       if (!diagramNode) return
 
-      if (DiagramNode.deploymentRef(diagramNode)) {
-        enqueue.raise({ type: 'open.source', deployment: DiagramNode.deploymentRef(diagramNode)! })
-      } else if (DiagramNode.modelRef(diagramNode)) {
-        enqueue.raise({ type: 'open.source', element: DiagramNode.modelRef(diagramNode)! })
+      if (diagramNode.deploymentRef) {
+        enqueue.raise({ type: 'open.source', deployment: diagramNode.deploymentRef })
+      } else if (diagramNode.modelRef) {
+        enqueue.raise({ type: 'open.source', element: diagramNode.modelRef })
       }
     }),
 
@@ -269,7 +275,7 @@ export const diagramMachine = setup({
         bounds = context.view.bounds,
         duration = 450,
       } = params ?? {}
-      const { width, height, panZoom, transform } = context.xystore.getState()
+      const { width, height, panZoom, transform } = nonNullable(context.xystore).getState()
 
       const maxZoom = Math.max(1, transform[2])
       const viewport = getViewportForBounds(
@@ -287,7 +293,7 @@ export const diagramMachine = setup({
 
     'xyflow:fitFocusedBounds': ({ context }) => {
       const { bounds, duration = 450 } = focusedBounds({ context })
-      const { width, height, panZoom, transform } = context.xystore.getState()
+      const { width, height, panZoom, transform } = nonNullable(context.xystore).getState()
 
       const maxZoom = Math.max(1, transform[2])
       const viewport = getViewportForBounds(
@@ -315,7 +321,7 @@ export const diagramMachine = setup({
         viewport,
         duration = 350,
       } = params
-      const { panZoom } = context.xystore.getState()
+      const panZoom = context.xystore?.getState().panZoom
       panZoom?.setViewport(viewport, duration > 0 ? { duration } : undefined)
     },
 
@@ -332,12 +338,12 @@ export const diagramMachine = setup({
           x: Math.round(fromPos.x - toPos.x),
           y: Math.round(fromPos.y - toPos.y),
         }
-      context.xystore.getState().panBy(diff)
+      context.xystore!.getState().panBy(diff)
     },
 
     'layout.align': ({ context }, params: { mode: AlignmentMode }) => {
       const { mode } = params
-      const { xystore } = context
+      const xystore = nonNullable(context.xystore, 'xystore is not initialized')
       const { nodeLookup, parentLookup } = xystore.getState()
 
       const selectedNodes = new Set(nodeLookup.values().filter(n => n.selected).map(n => n.id))
@@ -364,14 +370,7 @@ export const diagramMachine = setup({
       }
       constraints.updateXYFlowNodes()
     },
-
-    'updateFeatures': enqueueActions(({ enqueue, system, event }) => {
-      assertEvent(event, 'update.features')
-      const { features } = event
-      enqueue.assign({
-        features: { ...features },
-      })
-
+    'ensure overlays actor state': enqueueActions(({ enqueue, context: { features }, system }) => {
       const enableOverlays = features.enableElementDetails || features.enableRelationshipDetails ||
         features.enableRelationshipBrowser
       const hasRunning = typedSystem(system).overlaysActorRef
@@ -386,14 +385,37 @@ export const diagramMachine = setup({
         enqueue.stopChild('overlays')
       }
     }),
-
+    'ensure search actor state': enqueueActions(({ enqueue, context: { features: { enableSearch } }, system }) => {
+      const hasRunning = typedSystem(system).searchActorRef
+      if (enableSearch && !hasRunning) {
+        enqueue.spawnChild('searchActorLogic', { id: 'search', systemId: 'search' })
+        return
+      }
+      if (!enableSearch && hasRunning) {
+        enqueue.sendTo(hasRunning, {
+          type: 'close',
+        })
+        enqueue.stopChild('search')
+      }
+    }),
+    'updateFeatures': assign(({ event }) => {
+      assertEvent(event, 'update.features')
+      return {
+        features: { ...event.features },
+      }
+    }),
+    'closeSearch': sendTo(
+      ({ system }) => typedSystem(system).searchActorRef!,
+      {
+        type: 'close',
+      },
+    ),
     'closeAllOverlays': sendTo(
       ({ system }) => typedSystem(system).overlaysActorRef!,
       {
         type: 'close.all',
       },
     ),
-
     'startSyncLayout': assign(({ context, spawn, self }) => ({
       syncLayoutActorRef: spawn('syncManualLayoutActorLogic', {
         id: 'syncLayout',
@@ -449,6 +471,7 @@ export const diagramMachine = setup({
         }),
       }
     }),
+    'focus on nodes and edges': assign(focusNodesEdges),
     'notations.highlight': assign(({ context }, params: { notation: ElementNotation; kind?: string }) => {
       const kinds = params.kind ? [params.kind] : params.notation.kinds
       const xynodes = context.xynodes.map((n) => {
@@ -469,10 +492,29 @@ export const diagramMachine = setup({
         xyedges: context.xyedges.map(Base.setDimmed('immediate')),
       }
     }),
+    'tag.highlight': assign(({ context, event }) => {
+      assertEvent(event, 'tag.highlight')
+      return {
+        xynodes: context.xynodes.map((n) => {
+          if (n.data.tags?.includes(event.tag)) {
+            return Base.setDimmed(n, false)
+          }
+          return Base.setDimmed(n, 'immediate')
+        }),
+      }
+    }),
+    'undim everything': assign(({ context }) => ({
+      xynodes: context.xynodes.map(Base.setDimmed(false)),
+      xyedges: context.xyedges.map(Base.setData({
+        dimmed: false,
+        active: false,
+      })),
+    })),
+    'update active walkthrough': assign(updateActiveWalkthrough),
   },
 }).createMachine({
   initial: 'initializing',
-  context: ({ input, self, spawn }) => ({
+  context: ({ input }): Context => ({
     ...input,
     xyedges: [],
     xynodes: [],
@@ -527,7 +569,7 @@ export const diagramMachine = setup({
         },
       },
     },
-    'isReady': {
+    isReady: {
       always: [{
         guard: 'isReady',
         actions: [
@@ -608,8 +650,8 @@ export const diagramMachine = setup({
               node: NodeId
               clientRect: Rect
             }
-            const fromNodeId = event.fromNode ?? context.view.nodes.find(n => DiagramNode.modelRef(n) === event.fqn)?.id
-            const internalNode = fromNodeId ? context.xystore.getState().nodeLookup.get(fromNodeId) : null
+            const fromNodeId = event.fromNode ?? context.view.nodes.find(n => n.modelRef === event.fqn)?.id
+            const internalNode = fromNodeId ? nonNullable(context.xystore).getState().nodeLookup.get(fromNodeId) : null
             if (fromNodeId && internalNode) {
               const nodeRect = nodeToRect(internalNode)
               const zoom = context.xyflow!.getZoom()
@@ -702,10 +744,13 @@ export const diagramMachine = setup({
           },
         },
         'notations.unhighlight': {
-          actions: assign(({ context }) => ({
-            xynodes: context.xynodes.map(Base.setDimmed(false)),
-            xyedges: context.xyedges.map(Base.setDimmed(false)),
-          })),
+          actions: 'undim everything',
+        },
+        'tag.highlight': {
+          actions: 'tag.highlight',
+        },
+        'tag.unhighlight': {
+          actions: 'undim everything',
         },
         'saveManualLayout.*': {
           guard: 'not readonly',
@@ -719,6 +764,13 @@ export const diagramMachine = setup({
             nonexhaustive(event)
           }),
         },
+        'open.search': {
+          guard: 'enabled: Search',
+          actions: sendTo(({ system }) => typedSystem(system).searchActorRef!, ({ event }) => ({
+            type: 'open',
+            search: event.search,
+          })),
+        },
       },
       exit: [
         cancel('fitDiagram'),
@@ -797,8 +849,8 @@ export const diagramMachine = setup({
         },
         focused: {
           entry: [
+            'focus on nodes and edges',
             assign(s => ({
-              ...focusNodesEdges(s),
               viewportBeforeFocus: { ...s.context.viewport },
             })),
             'open source of focused or last clicked node',
@@ -810,10 +862,10 @@ export const diagramMachine = setup({
             if (context.viewportBeforeFocus) {
               enqueue({ type: 'xyflow:setViewport', params: { viewport: context.viewportBeforeFocus } })
             } else {
-              enqueue({ type: 'xyflow:fitDiagram' })
+              enqueue('xyflow:fitDiagram')
             }
+            enqueue('undim everything')
             enqueue.assign({
-              ...unfocusNodesEdges({ context, event }),
               viewportBeforeFocus: null,
               focusedNode: null,
             })
@@ -841,7 +893,7 @@ export const diagramMachine = setup({
                 assign({
                   focusedNode: ({ event }) => event.nodeId,
                 }),
-                assign(focusNodesEdges),
+                'focus on nodes and edges',
                 'open source of focused or last clicked node',
                 'xyflow:fitFocusedBounds',
               ],
@@ -856,9 +908,10 @@ export const diagramMachine = setup({
               target: 'idle',
             },
             'notations.unhighlight': {
-              actions: assign(s => ({
-                ...focusNodesEdges(s),
-              })),
+              actions: 'focus on nodes and edges',
+            },
+            'tag.unhighlight': {
+              actions: 'focus on nodes and edges',
             },
           },
         },
@@ -876,7 +929,7 @@ export const diagramMachine = setup({
                 }
               },
             }),
-            assign(updateActiveWalkthrough),
+            'update active walkthrough',
             'xyflow:fitFocusedBounds',
           ],
           on: {
@@ -907,7 +960,7 @@ export const diagramMachine = setup({
                     parallelPrefix: getParallelStepsPrefix(nextStepId),
                   },
                 })
-                enqueue.assign(updateActiveWalkthrough)
+                enqueue('update active walkthrough')
                 enqueue('xyflow:fitFocusedBounds')
               }),
             },
@@ -924,14 +977,15 @@ export const diagramMachine = setup({
                     },
                   }
                 }),
-                assign(updateActiveWalkthrough),
+                'update active walkthrough',
                 'xyflow:fitFocusedBounds',
               ],
             },
             'notations.unhighlight': {
-              actions: assign(s => ({
-                ...updateActiveWalkthrough(s),
-              })),
+              actions: 'update active walkthrough',
+            },
+            'tag.unhighlight': {
+              actions: 'update active walkthrough',
             },
             'walkthrough.end': {
               target: 'idle',
@@ -951,11 +1005,11 @@ export const diagramMachine = setup({
             if (context.viewportBeforeFocus) {
               enqueue({ type: 'xyflow:setViewport', params: { viewport: context.viewportBeforeFocus } })
             } else {
-              enqueue({ type: 'xyflow:fitDiagram' })
+              enqueue('xyflow:fitDiagram')
             }
+            enqueue('undim everything')
             enqueue.assign({
               activeWalkthrough: null,
-              ...unfocusNodesEdges({ context, event }),
               viewportBeforeFocus: null,
             })
           }),
@@ -967,6 +1021,7 @@ export const diagramMachine = setup({
       id: 'navigating',
       entry: [
         'closeAllOverlays',
+        'closeSearch',
         'stopSyncLayout',
         {
           type: 'trigger:NavigateTo',
@@ -993,7 +1048,7 @@ export const diagramMachine = setup({
             } else {
               enqueue({
                 type: 'xyflow:setViewportCenter',
-                params: getBBoxCenter(event.view.bounds),
+                params: BBox.center(event.view.bounds),
               })
             }
             enqueue.assign(updateNavigationHistory)
@@ -1046,6 +1101,7 @@ export const diagramMachine = setup({
           const isAnotherView = check('is another view')
           if (isAnotherView) {
             enqueue('closeAllOverlays')
+            enqueue('closeSearch')
             enqueue('stopSyncLayout')
             enqueue.assign({
               focusedNode: null,
@@ -1066,7 +1122,7 @@ export const diagramMachine = setup({
             } else {
               enqueue({
                 type: 'xyflow:setViewportCenter',
-                params: getBBoxCenter(event.view.bounds),
+                params: BBox.center(event.view.bounds),
               })
               enqueue.raise({ type: 'fitDiagram', duration: 200 }, { id: 'fitDiagram', delay: 25 })
             }
@@ -1090,13 +1146,19 @@ export const diagramMachine = setup({
       actions: assign(({ event }) => ({ ...event.inputs })),
     },
     'update.features': {
-      actions: 'updateFeatures',
+      actions: [
+        'updateFeatures',
+        'ensure overlays actor state',
+        'ensure search actor state',
+      ],
     },
   },
   exit: [
     'stopSyncLayout',
     cancel('fitDiagram'),
     stopChild('hotkey'),
+    stopChild('overlays'),
+    stopChild('search'),
     assign({
       xyflow: null,
       xystore: null as any,
@@ -1111,7 +1173,9 @@ export const diagramMachine = setup({
   ],
 })
 
-const nodeRef = (node: DiagramNode) => DiagramNode.modelRef(node) ?? DiagramNode.deploymentRef(node)
+function nodeRef(node: DiagramNode) {
+  return node.modelRef ?? node.deploymentRef
+}
 function findCorrespondingNode(context: Context, event: { view: DiagramView }) {
   const fromNodeId = context.lastOnNavigate?.fromNode
   const fromNode = fromNodeId && context.view.nodes.find(n => n.id === fromNodeId)
@@ -1120,6 +1184,10 @@ function findCorrespondingNode(context: Context, event: { view: DiagramView }) {
   return { fromNode, toNode }
 }
 
-export type DiagramMachineLogic = ActorLogicFrom<typeof diagramMachine>
-// export type MachineSnapshot = SnapshotFrom<Machine>
-// export type LikeC4ViewActorRef = ActorRefFromLogic<Machine>
+/**
+ * Here is a trick to reduce inference types
+ */
+type InferredDiagramMachine = typeof _diagramMachine
+export interface DiagramMachine extends InferredDiagramMachine {}
+export const diagramMachine: DiagramMachine = _diagramMachine
+export interface DiagramMachineLogic extends ActorLogicFrom<DiagramMachine> {}

package/src/state/hotkeyActor.ts

@@ -1,10 +1,12 @@
 import { getHotkeyHandler } from '@mantine/hooks'
 import type { KeyboardEvent } from 'react'
-import { type AnyEventObject, type NonReducibleUnknown, fromCallback } from 'xstate'
+import { type AnyEventObject, type CallbackActorLogic, type NonReducibleUnknown, fromCallback } from 'xstate'
 
 export type HotKeyEvent = { type: 'key.esc' | `key.arrow.${'left' | 'right'}` }
 
-export const hotkeyActorLogic = fromCallback<AnyEventObject, NonReducibleUnknown, HotKeyEvent>(({ sendBack }: {
+export interface HotkeyActorLogic extends CallbackActorLogic<AnyEventObject, NonReducibleUnknown, HotKeyEvent> {}
+
+export const hotkeyActorLogic: HotkeyActorLogic = fromCallback(({ sendBack }: {
   sendBack: (event: HotKeyEvent) => void
 }) => {
   const escHandler = getHotkeyHandler([

package/src/state/syncManualLayoutActor.ts

@@ -1,4 +1,4 @@
-import type { ViewChange, ViewId } from '@likec4/core'
+import type { ViewChange, ViewId } from '@likec4/core/types'
 import { type Rect, boxToRect, getBoundsOfRects, getNodeDimensions } from '@xyflow/system'
 import { hasAtLeast, reduce } from 'remeda'
 import {
@@ -12,6 +12,10 @@ import { bezierControlPoints, isSamePoint } from '../utils'
 import type { Context as DiagramContext, Events as DiagramEvents } from './diagram-machine'
 
 export type Input = {
+  /**
+   * Actually this is DiagramActorRef
+   * But we can't use it here due to circular type inference
+   */
   parent: ActorRef<
     MachineSnapshot<DiagramContext, DiagramEvents, any, any, any, any, any, any>,
     DiagramEvents,
@@ -29,8 +33,8 @@ export type Events =
   | { type: 'synced' }
   | { type: 'cancel' }
   | { type: 'stop' }
-// TODO: naming convention for actors
-export const syncManualLayoutActorLogic = setup({
+
+const _syncManualLayoutActorLogic = setup({
   types: {
     context: {} as Context,
     input: {} as Input,
@@ -121,7 +125,9 @@ export const syncManualLayoutActorLogic = setup({
   },
 })
 
-export type SyncLayoutActorLogic = ActorLogicFrom<typeof syncManualLayoutActorLogic>
+export interface SyncLayoutActorLogic extends ActorLogicFrom<typeof _syncManualLayoutActorLogic> {}
+
+export const syncManualLayoutActorLogic: SyncLayoutActorLogic = _syncManualLayoutActorLogic
 
 function createViewChange(parentContext: DiagramContext): ViewChange.SaveManualLayout {
   const { view, xystore, xyflow } = parentContext

package/src/state/types.ts

@@ -1,20 +1,28 @@
-import type { ActorRefFromLogic, ActorSystem, SnapshotFrom } from 'xstate'
+import type { ActorRefFromLogic, ActorSystem, EventFromLogic, SnapshotFrom } from 'xstate'
 import type { OverlaysActorRef } from '../overlays/overlaysActor'
+import type { SearchActorRef } from '../search/searchActor'
 import type { DiagramMachineLogic } from './diagram-machine'
 import type { SyncLayoutActorLogic } from './syncManualLayoutActor'
 
 export type System = ActorSystem<{
   actors: {
-    diagram: DiagramActorRef
+    diagram: ActorRefFromLogic<DiagramMachineLogic>
     overlays: OverlaysActorRef
+    search: SearchActorRef
   }
 }>
 
-export type DiagramActorRef = Omit<ActorRefFromLogic<DiagramMachineLogic>, 'system'> & {
+export interface DiagramActorRef extends ActorRefFromLogic<DiagramMachineLogic> {
   system: System
 }
+
+// export type DiagramActorRef = Omit<ActorRefFromLogic<DiagramMachineLogic>, 'system'> & {
+//   system: System
+// }
 export type DiagramActorSnapshot = SnapshotFrom<DiagramMachineLogic>
 
+export type DiagramActorEvent = EventFromLogic<DiagramMachineLogic>
+
 export type { Context as DiagramContext } from './diagram-machine'
 
 export type SyncLayoutActorRef = Omit<ActorRefFromLogic<SyncLayoutActorLogic>, 'system'> & {

package/src/state/utils.ts

@@ -1,6 +1,7 @@
-import type { BBox, XYPoint } from '@likec4/core'
+import type { BBox, DiagramEdge, DiagramNode, XYPoint } from '@likec4/core/types'
 import type { ActorSystem } from 'xstate'
 import type { OverlaysActorRef } from '../overlays/overlaysActor'
+import type { SearchActorRef } from '../search/searchActor'
 import type { Context } from './diagram-machine'
 import type { DiagramActorRef, System } from './types'
 
@@ -12,14 +13,17 @@ export function typedSystem(system: ActorSystem<any>) {
     get diagramActorRef(): DiagramActorRef | null {
       return (system as System).get('diagram') ?? null
     },
+    get searchActorRef(): SearchActorRef | null {
+      return (system as System).get('search') ?? null
+    },
   }
 }
 
-export function findDiagramNode(ctx: Context, xynodeId: string) {
+export function findDiagramNode(ctx: Context, xynodeId: string): DiagramNode | null {
   return ctx.view.nodes.find(n => n.id === xynodeId) ?? null
 }
 
-export function findDiagramEdge(ctx: Context, xyedgeId: string) {
+export function findDiagramEdge(ctx: Context, xyedgeId: string): DiagramEdge | null {
   return ctx.view.edges.find(e => e.id === xyedgeId) ?? null
 }
 

package/src/styles-min.css

@@ -0,0 +1,2 @@
+@layer reset, base, mantine, xyflow, tokens, recipes, utilities;
+@import "@xyflow/react/dist/style.css" layer(xyflow);

package/src/styles-xyflow.css

@@ -0,0 +1 @@
+@import "@xyflow/react/dist/style.css" layer(xyflow);

package/dist/_virtual/_commonjsHelpers.js

@@ -1,5 +0,0 @@
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-export { getDefaultExportFromCjs };

package/dist/_virtual/default-map.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requireDefaultMap } from '../node_modules/.pnpm/mnemonist@0.40.3_patch_hash_5c12abb43fcff6fd81e53021b89075d53249640d165a2556cc1e58d71201a13a/node_modules/mnemonist/default-map.js';
-
-var defaultMapExports = /*@__PURE__*/ requireDefaultMap();
-const DefaultMap = /*@__PURE__*/getDefaultExportFromCjs(defaultMapExports);
-
-export { DefaultMap as default };

package/dist/_virtual/index.js

@@ -1,5 +0,0 @@
-import { __require as requireReact } from '../node_modules/.pnpm/react@19.1.0/node_modules/react/index.js';
-
-var reactExports = requireReact();
-
-export { reactExports as r };

package/dist/_virtual/index2.js

@@ -1,3 +0,0 @@
-var react = {exports: {}};
-
-export { react as __module };

package/dist/_virtual/react.production.js

@@ -1,3 +0,0 @@
-var react_production = {};
-
-export { react_production as __exports };

package/dist/_virtual/set.js

@@ -1,5 +0,0 @@
-import { __require as requireSet } from '../node_modules/.pnpm/mnemonist@0.40.3_patch_hash_5c12abb43fcff6fd81e53021b89075d53249640d165a2556cc1e58d71201a13a/node_modules/mnemonist/set.js';
-
-var setExports = /*@__PURE__*/ requireSet();
-
-export { setExports as s };

package/dist/_virtual/set2.js

@@ -1,3 +0,0 @@
-var set = {};
-
-export { set as __exports };