@eventcatalog/core 5.7.1 → 5.7.2

package/eventcatalog/src/features/studio/components/StudioDesigner.tsx

@@ -94,6 +94,7 @@ import {
   isGroupType,
   type Hotspot,
   type HotspotDraft,
+  type HotspotPlace,
   type HotspotFields,
   type HotspotSeverity,
   type HotspotSpot,
@@ -699,6 +700,8 @@ function Canvas({
   const [lastCopied, setLastCopied] = useState<ClipboardContent | null>(null);
   // Nodes to copy instead of the selection (copying from the context menu)
   const copyOnly = useRef<string[] | null>(null);
+  // Whether the menu's copy got onto the clipboard (Cut only deletes once it has)
+  const copiedFromMenu = useRef(false);
 
   /** Adds copies (as one change, so one undo takes them back) and selects them instead of what was selected */
   const paste = useStableCallback((content: ClipboardContent, place: { at: XYPosition } | { offset: XYPosition }) => {
@@ -731,6 +734,7 @@ function Canvas({
       event.clipboardData.setData('text/plain', content.nodes.map((node) => getNodeName(node.type, node.data)).join('\n'));
       pastes.current = 0;
       setLastCopied(content);
+      if (fromMenu) copiedFromMenu.current = true;
       if (event.type === 'cut') flow.deleteNodes(ids);
     };
     const onPaste = (event: ClipboardEvent) => {
@@ -1192,6 +1196,10 @@ function Canvas({
     setHotspotDraft(null);
   });
   const cancelHotspot = useCallback(() => setHotspotDraft(null), []);
+  // The hotspot being added, dragged somewhere else before it's added: onto a node, or a place on the level shown
+  const moveHotspotDraft = useStableCallback((to: HotspotPlace) =>
+    setHotspotDraft((draft) => draft && { ...(to.nodeId ? { nodeId: to.nodeId } : placeLevel()), position: to.position })
+  );
   const deleteHotspot = useStableCallback((id: string) => flow.deleteHotspot(id));
   // Dragged onto a node (they move with it), or to a place; open where it lands if it was open
   const moveHotspots = useStableCallback((ids: string[], to: { nodeId?: string; position: XYPosition }) => {
@@ -1213,8 +1221,8 @@ function Canvas({
     const width = node ? (node.measured?.width ?? node.width ?? 0) : 0;
     void setCenter(at.x + width / 2 + 120, at.y + 80, { zoom: Math.max(getZoom(), 0.8), duration: 300 });
     setHotspotDraft(null);
+    // (the list stays open, so they can go through them one by one)
     setOpenHotspot(node ? `node:${node.id}` : `place:${hotspot.id}`);
-    setListingHotspots(false);
   });
   const nameOfNode = useStableCallback((id: string) => {
     const node = nodesRef.current.find((candidate) => candidate.id === id);
@@ -1725,6 +1733,13 @@ function Canvas({
     flow.deleteNodes(menuTargets());
     setContextMenu(null);
   });
+  // Copies, then deletes, as ⌘X does: only on L3, where copying works (so it's not offered on L1 and L2)
+  const cutFromMenu = useStableCallback(() => {
+    copiedFromMenu.current = false;
+    copyFromMenu();
+    // Not copied (the browser refused, or there was nothing to copy): nothing's deleted, as with ⌘X
+    if (copiedFromMenu.current) deleteFromMenu();
+  });
 
   const openThread = useStableCallback((thread: Thread) => {
     setListingComments(false);
@@ -1841,7 +1856,7 @@ function Canvas({
                   ref={canvasRef}
                   className={`eventcatalog-visualizer studio-canvas relative flex-1 min-w-0 ${commentMode ? 'comment-mode' : ''} ${
                     transitioning ? 'is-layout-transition' : ''
-                  } ${placing || tool === 'comment' || tool === 'hotspot' ? 'is-placing' : ''} ${tool === 'hand' ? 'is-panning' : ''}`}
+                  } ${placing || tool === 'comment' || tool === 'hotspot' ? 'is-placing' : ''} ${tool === 'hotspot' ? 'is-placing-hotspot' : ''} ${tool === 'hand' ? 'is-panning' : ''}`}
                   onPointerMove={trackPointer}
                   onPointerLeave={clearPointer}
                   onDoubleClick={onCanvasDoubleClick}
@@ -1938,6 +1953,7 @@ function Canvas({
                       onUpdate={flow.updateHotspot}
                       onDelete={deleteHotspot}
                       onGo={goToHotspot}
+                      onMoveDraft={moveHotspotDraft}
                     />
                   </ReactFlow>
 
@@ -2051,7 +2067,12 @@ function Canvas({
                         </button>
                       </div>
                       <div className="min-h-0 flex-1 overflow-y-auto">
-                        <HotspotList hotspots={flow.hotspots} nameOf={nameOfNode} onOpen={goToHotspot} />
+                        <HotspotList
+                          hotspots={flow.hotspots}
+                          nameOf={nameOfNode}
+                          onOpen={goToHotspot}
+                          goOnHover={!hotspotDraft}
+                        />
                       </div>
                     </div>
                   )}
@@ -2081,6 +2102,7 @@ function Canvas({
                     onAddNote={noteFromMenu}
                     onEditDetails={editFromMenu}
                     onCopy={copyFromMenu}
+                    onCut={level === 3 ? cutFromMenu : undefined}
                     onDuplicate={duplicateFromMenu}
                     onPaste={lastCopied ? pasteFromMenu : undefined}
                     onReorder={reorderFromMenu}

package/eventcatalog/src/features/studio/hooks/use-canvas-webmcp.ts

@@ -277,7 +277,7 @@ const createCanvasTools = (get: () => CanvasWebMcpOptions, getStage: () => Agent
     defineTool({
       name: 'remove_from_canvas',
       title: 'Remove from the canvas',
-      description: 'Removes nodes (and their connections) or connections. Only remove what the user asked for.',
+      description: 'Removes nodes (and their connections and hotspots) or connections. Only remove what the user asked for.',
       input: z.object({ nodeIds: z.array(z.string()).optional(), connectionIds: z.array(z.string()).optional() }),
       annotations: { consequentialHint: true },
       execute: async ({ nodeIds = [], connectionIds = [] }) => {

package/eventcatalog/src/features/studio/server/canvas-mcp.ts

@@ -372,7 +372,7 @@ export function registerCanvasTools(server: McpServer, { catalogUrl, userAgent }
     {
       title: 'Remove from a canvas',
       description:
-        'Removes nodes (and their connections) or connections from a canvas. Comments on removed nodes stay on the canvas. Only remove what the user asked for or what you added.',
+        'Removes nodes (and their connections and hotspots) or connections from a canvas. Comments on removed nodes stay on the canvas. Only remove what the user asked for or what you added.',
       inputSchema: z.object({
         canvasId,
         nodeIds: z.array(z.string()).optional(),

package/package.json

@@ -7,7 +7,7 @@
   },
   "license": "BUSL-1.1",
   "type": "module",
-  "version": "5.7.1",
+  "version": "5.7.2",
   "publishConfig": {
     "access": "public"
   },
@@ -142,10 +142,10 @@
     "yjs": "^13.6.33",
     "zod": "^4.6.6",
     "@eventcatalog/exporters": "0.1.4",
-    "@eventcatalog/linter": "1.3.1",
     "@eventcatalog/fitness": "0.1.1",
+    "@eventcatalog/linter": "1.3.1",
     "@eventcatalog/sdk": "2.32.0",
-    "@eventcatalog/visualiser": "^5.2.1"
+    "@eventcatalog/visualiser": "^5.2.2"
   },
   "devDependencies": {
     "@astrojs/check": "^0.9.10",