@genfeedai/workflow-ui 0.2.2 → 0.2.4

package/dist/{chunk-CV4M7CNU.mjs → chunk-QQVHGJ2G.mjs}

@@ -1,10 +1,16 @@
 import { create } from 'zustand';
 
 var usePromptEditorStore = create((set, get) => ({
+  closeEditor: () => {
+    set({
+      isOpen: false,
+      nodeId: null,
+      prompt: ""
+    });
+  },
+  fontSize: 14,
   isOpen: false,
   nodeId: null,
-  prompt: "",
-  fontSize: 14,
   openEditor: (nodeId, prompt) => {
     set({
       isOpen: true,
@@ -12,19 +18,7 @@ var usePromptEditorStore = create((set, get) => ({
       prompt
     });
   },
-  closeEditor: () => {
-    set({
-      isOpen: false,
-      nodeId: null,
-      prompt: ""
-    });
-  },
-  setPrompt: (prompt) => {
-    set({ prompt });
-  },
-  setFontSize: (fontSize) => {
-    set({ fontSize });
-  },
+  prompt: "",
   saveAndClose: () => {
     const { nodeId, prompt } = get();
     if (!nodeId) return null;
@@ -35,57 +29,133 @@ var usePromptEditorStore = create((set, get) => ({
       prompt: ""
     });
     return result;
+  },
+  setFontSize: (fontSize) => {
+    set({ fontSize });
+  },
+  setPrompt: (prompt) => {
+    set({ prompt });
   }
 }));
 var DEFAULT_TOOL_OPTIONS = {
+  fillColor: null,
+  fontSize: 16,
   strokeColor: "#ef4444",
   // Red
-  strokeWidth: 3,
-  fillColor: null,
-  fontSize: 16
+  strokeWidth: 3
 };
 var shapeIdCounter = 0;
 function generateShapeId() {
   return `shape-${Date.now()}-${++shapeIdCounter}`;
 }
 var useAnnotationStore = create((set, get) => ({
-  isOpen: false,
-  nodeId: null,
-  sourceImage: null,
-  shapes: [],
-  selectedShapeId: null,
+  addShape: (shape) => {
+    set((state) => {
+      const newShapes = [...state.shapes, shape];
+      const newHistory = [
+        ...state.history.slice(0, state.historyIndex + 1),
+        newShapes
+      ].slice(-50);
+      return {
+        history: newHistory,
+        historyIndex: newHistory.length - 1,
+        shapes: newShapes
+      };
+    });
+  },
+  cancelDrawing: () => {
+    set({ drawingShape: null, isDrawing: false });
+  },
+  canRedo: () => {
+    const { historyIndex, history } = get();
+    return historyIndex < history.length - 1;
+  },
+  canUndo: () => {
+    const { historyIndex } = get();
+    return historyIndex > 0;
+  },
+  clearShapes: () => {
+    set((state) => {
+      const newHistory = [
+        ...state.history.slice(0, state.historyIndex + 1),
+        []
+      ].slice(-50);
+      return {
+        history: newHistory,
+        historyIndex: newHistory.length - 1,
+        selectedShapeId: null,
+        shapes: []
+      };
+    });
+  },
+  closeAnnotation: () => {
+    set({
+      drawingShape: null,
+      history: [],
+      historyIndex: -1,
+      isDrawing: false,
+      isOpen: false,
+      nodeId: null,
+      selectedShapeId: null,
+      shapes: [],
+      sourceImage: null
+    });
+  },
   currentTool: "rectangle",
-  toolOptions: DEFAULT_TOOL_OPTIONS,
+  deleteShape: (id) => {
+    set((state) => {
+      const newShapes = state.shapes.filter((s) => s.id !== id);
+      const newHistory = [
+        ...state.history.slice(0, state.historyIndex + 1),
+        newShapes
+      ].slice(-50);
+      return {
+        history: newHistory,
+        historyIndex: newHistory.length - 1,
+        selectedShapeId: state.selectedShapeId === id ? null : state.selectedShapeId,
+        shapes: newShapes
+      };
+    });
+  },
+  drawingShape: null,
+  finishDrawing: () => {
+    const { drawingShape, addShape } = get();
+    if (drawingShape && isValidShape(drawingShape)) {
+      addShape(drawingShape);
+    }
+    set({ drawingShape: null, isDrawing: false });
+  },
   history: [],
   historyIndex: -1,
   isDrawing: false,
-  drawingShape: null,
+  isOpen: false,
+  nodeId: null,
   openAnnotation: (nodeId, image, existingShapes = []) => {
     set({
-      isOpen: true,
-      nodeId,
-      sourceImage: image,
-      shapes: existingShapes,
-      selectedShapeId: null,
       currentTool: "rectangle",
-      toolOptions: DEFAULT_TOOL_OPTIONS,
+      drawingShape: null,
       history: [existingShapes],
       historyIndex: 0,
       isDrawing: false,
-      drawingShape: null
+      isOpen: true,
+      nodeId,
+      selectedShapeId: null,
+      shapes: existingShapes,
+      sourceImage: image,
+      toolOptions: DEFAULT_TOOL_OPTIONS
     });
   },
-  closeAnnotation: () => {
-    set({
-      isOpen: false,
-      nodeId: null,
-      sourceImage: null,
-      shapes: [],
-      selectedShapeId: null,
-      history: [],
-      historyIndex: -1,
-      isDrawing: false,
-      drawingShape: null
+  redo: () => {
+    set((state) => {
+      if (state.historyIndex < state.history.length - 1) {
+        const newIndex = state.historyIndex + 1;
+        return {
+          historyIndex: newIndex,
+          selectedShapeId: null,
+          shapes: state.history[newIndex]
+        };
+      }
+      return state;
     });
   },
   saveAndClose: () => {
@@ -93,76 +163,22 @@ var useAnnotationStore = create((set, get) => ({
     if (!nodeId) return null;
     const result = { nodeId, shapes: [...shapes] };
     set({
-      isOpen: false,
-      nodeId: null,
-      sourceImage: null,
-      shapes: [],
-      selectedShapeId: null,
+      drawingShape: null,
       history: [],
       historyIndex: -1,
       isDrawing: false,
-      drawingShape: null
+      isOpen: false,
+      nodeId: null,
+      selectedShapeId: null,
+      shapes: [],
+      sourceImage: null
     });
     return result;
   },
-  addShape: (shape) => {
-    set((state) => {
-      const newShapes = [...state.shapes, shape];
-      const newHistory = [...state.history.slice(0, state.historyIndex + 1), newShapes].slice(
-        -50
-      );
-      return {
-        shapes: newShapes,
-        history: newHistory,
-        historyIndex: newHistory.length - 1
-      };
-    });
-  },
-  updateShape: (id, updates) => {
-    set((state) => {
-      const newShapes = state.shapes.map(
-        (s) => s.id === id ? { ...s, ...updates } : s
-      );
-      const newHistory = [...state.history.slice(0, state.historyIndex + 1), newShapes].slice(
-        -50
-      );
-      return {
-        shapes: newShapes,
-        history: newHistory,
-        historyIndex: newHistory.length - 1
-      };
-    });
-  },
-  deleteShape: (id) => {
-    set((state) => {
-      const newShapes = state.shapes.filter((s) => s.id !== id);
-      const newHistory = [...state.history.slice(0, state.historyIndex + 1), newShapes].slice(
-        -50
-      );
-      return {
-        shapes: newShapes,
-        selectedShapeId: state.selectedShapeId === id ? null : state.selectedShapeId,
-        history: newHistory,
-        historyIndex: newHistory.length - 1
-      };
-    });
-  },
+  selectedShapeId: null,
   selectShape: (id) => {
     set({ selectedShapeId: id });
   },
-  clearShapes: () => {
-    set((state) => {
-      const newHistory = [...state.history.slice(0, state.historyIndex + 1), []].slice(
-        -50
-      );
-      return {
-        shapes: [],
-        selectedShapeId: null,
-        history: newHistory,
-        historyIndex: newHistory.length - 1
-      };
-    });
-  },
   setTool: (tool) => {
     set({ currentTool: tool, selectedShapeId: null });
   },
@@ -171,63 +187,51 @@ var useAnnotationStore = create((set, get) => ({
       toolOptions: { ...state.toolOptions, ...options }
     }));
   },
+  shapes: [],
+  sourceImage: null,
   startDrawing: (shape) => {
     set({
-      isDrawing: true,
       drawingShape: {
         id: generateShapeId(),
         ...shape
-      }
+      },
+      isDrawing: true
     });
   },
-  updateDrawing: (updates) => {
-    set((state) => ({
-      drawingShape: state.drawingShape ? { ...state.drawingShape, ...updates } : null
-    }));
-  },
-  finishDrawing: () => {
-    const { drawingShape, addShape } = get();
-    if (drawingShape && isValidShape(drawingShape)) {
-      addShape(drawingShape);
-    }
-    set({ isDrawing: false, drawingShape: null });
-  },
-  cancelDrawing: () => {
-    set({ isDrawing: false, drawingShape: null });
-  },
+  toolOptions: DEFAULT_TOOL_OPTIONS,
   undo: () => {
     set((state) => {
       if (state.historyIndex > 0) {
         const newIndex = state.historyIndex - 1;
         return {
-          shapes: state.history[newIndex],
           historyIndex: newIndex,
-          selectedShapeId: null
+          selectedShapeId: null,
+          shapes: state.history[newIndex]
         };
       }
       return state;
     });
   },
-  redo: () => {
+  updateDrawing: (updates) => {
+    set((state) => ({
+      drawingShape: state.drawingShape ? { ...state.drawingShape, ...updates } : null
+    }));
+  },
+  updateShape: (id, updates) => {
     set((state) => {
-      if (state.historyIndex < state.history.length - 1) {
-        const newIndex = state.historyIndex + 1;
-        return {
-          shapes: state.history[newIndex],
-          historyIndex: newIndex,
-          selectedShapeId: null
-        };
-      }
-      return state;
+      const newShapes = state.shapes.map(
+        (s) => s.id === id ? { ...s, ...updates } : s
+      );
+      const newHistory = [
+        ...state.history.slice(0, state.historyIndex + 1),
+        newShapes
+      ].slice(-50);
+      return {
+        history: newHistory,
+        historyIndex: newHistory.length - 1,
+        shapes: newShapes
+      };
     });
-  },
-  canUndo: () => {
-    const { historyIndex } = get();
-    return historyIndex > 0;
-  },
-  canRedo: () => {
-    const { historyIndex, history } = get();
-    return historyIndex < history.length - 1;
   }
 }));
 function isValidShape(shape) {
@@ -238,7 +242,10 @@ function isValidShape(shape) {
     case "circle":
       return typeof shape.x === "number" && typeof shape.y === "number" && typeof shape.radius === "number" && shape.radius > 5;
     case "arrow":
-      return Array.isArray(shape.points) && shape.points.length >= 4 && Math.hypot(shape.points[2] - shape.points[0], shape.points[3] - shape.points[1]) > 10;
+      return Array.isArray(shape.points) && shape.points.length >= 4 && Math.hypot(
+        shape.points[2] - shape.points[0],
+        shape.points[3] - shape.points[1]
+      ) > 10;
     case "freehand":
       return Array.isArray(shape.points) && shape.points.length >= 4;
     case "text":