{ event.preventDefault(); event.dataTransfer.dropEffect = 'copy' }} onDrop={handleDrop}>
+ {viewMode === 'canvas' ? (
+ { setSelectedNodeId(node.id); setSelectedEdgeId(null) }}
+ onEdgeClick={(_event, edge) => { setSelectedEdgeId(edge.id); setSelectedNodeId(null) }}
+ onPaneClick={() => { setSelectedNodeId(null); setSelectedEdgeId(null) }}
+ onNodeDragStart={() => { dragStartRef.current = treeDocument }}
+ onNodeDragStop={() => {
+ if (dragStartRef.current) {
+ pastRef.current = [...pastRef.current.slice(-79), dragStartRef.current]
+ futureRef.current = []
+ dragStartRef.current = null
+ setDirty(true)
+ setHistoryRevision((value) => value + 1)
+ }
+ }}
+ onMoveEnd={(_event, viewport) => setZoom(Math.round(viewport.zoom * 100))}
+ deleteKeyCode={null}
+ snapToGrid
+ snapGrid={[12, 12]}
+ fitView
+ fitViewOptions={{ padding: 0.2 }}
+ minZoom={0.2}
+ maxZoom={2.2}
+ defaultEdgeOptions={{ type: 'smoothstep' }}
+ proOptions={{ hideAttribution: true }}
+ >
+ {
+ const category = (node.data as BehaviorNode['data']).category
+ return { control: '#4f8cff', decorator: '#c084fc', action: '#22c98b', condition: '#f2b84b', subtree: '#ec6f66' }[category]
+ }}
+ maskColor="rgba(10, 12, 15, 0.72)"
+ />
+
+ ) : (
+
+
+
+ )}
+
+
+ {xmlPreview.error ? (
+ {xmlPreview.value}