@genfeedai/workflow-ui 0.1.0 → 0.1.1

package/dist/{chunk-EC2ZIWOK.js → chunk-DUZLPHRC.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkNSDLGLAQ_js = require('./chunk-NSDLGLAQ.js');
-var chunkZ7PWFZG5_js = require('./chunk-Z7PWFZG5.js');
+var chunkIHF35QZD_js = require('./chunk-IHF35QZD.js');
 var zustand = require('zustand');
+var types = require('@genfeedai/types');
 
 var notificationId = 0;
 var useUIStore = zustand.create((set) => ({
@@ -86,9 +86,6 @@ var useUIStore = zustand.create((set) => ({
     }));
   }
 }));
-
-// src/stores/settingsStore.ts
-var import_types = chunkZ7PWFZG5_js.__toESM(chunkNSDLGLAQ_js.require_dist());
 var STORAGE_KEY = "genfeed-settings";
 var MAX_RECENT_MODELS = 8;
 var DEFAULT_SETTINGS = {
@@ -216,7 +213,7 @@ var useSettingsStore = zustand.create((set, get) => {
     },
     setEdgeStyle: (style) => {
       setAndPersist(() => ({ edgeStyle: style }));
-      import('./workflowStore-KM32FDL7.js').then(({ useWorkflowStore: useWorkflowStore2 }) => {
+      import('./workflowStore-32ZH5REM.js').then(({ useWorkflowStore: useWorkflowStore2 }) => {
         useWorkflowStore2.getState().setEdgeStyle(style);
       });
     },
@@ -271,10 +268,10 @@ var useSettingsStore = zustand.create((set, get) => {
       const key = state.providers[provider].apiKey;
       if (!key) return {};
       const headerMap = {
-        [import_types.ProviderTypeEnum.REPLICATE]: "X-Replicate-Key",
-        [import_types.ProviderTypeEnum.FAL]: "X-Fal-Key",
-        [import_types.ProviderTypeEnum.HUGGINGFACE]: "X-HF-Key",
-        [import_types.ProviderTypeEnum.GENFEED_AI]: "X-Genfeed-Key"
+        [types.ProviderTypeEnum.REPLICATE]: "X-Replicate-Key",
+        [types.ProviderTypeEnum.FAL]: "X-Fal-Key",
+        [types.ProviderTypeEnum.HUGGINGFACE]: "X-HF-Key",
+        [types.ProviderTypeEnum.GENFEED_AI]: "X-Genfeed-Key"
       };
       return { [headerMap[provider]]: key };
     },
@@ -287,34 +284,28 @@ var useSettingsStore = zustand.create((set, get) => {
   };
 });
 var PROVIDER_INFO = {
-  [import_types.ProviderTypeEnum.REPLICATE]: {
+  [types.ProviderTypeEnum.REPLICATE]: {
     name: "Replicate",
     description: "Access thousands of open-source AI models",
     docsUrl: "https://replicate.com/docs"
   },
-  [import_types.ProviderTypeEnum.FAL]: {
+  [types.ProviderTypeEnum.FAL]: {
     name: "fal.ai",
     description: "Fast inference for image and video generation",
     docsUrl: "https://fal.ai/docs"
   },
-  [import_types.ProviderTypeEnum.HUGGINGFACE]: {
+  [types.ProviderTypeEnum.HUGGINGFACE]: {
     name: "Hugging Face",
     description: "The AI community platform with 500k+ models",
     docsUrl: "https://huggingface.co/docs/api-inference"
   },
-  [import_types.ProviderTypeEnum.GENFEED_AI]: {
+  [types.ProviderTypeEnum.GENFEED_AI]: {
     name: "Genfeed AI",
     description: "Built-in models powered by Genfeed",
     docsUrl: "https://genfeed.ai/docs"
   }
 };
 
-// src/stores/execution/slices/executionSlice.ts
-var import_types3 = chunkZ7PWFZG5_js.__toESM(chunkNSDLGLAQ_js.require_dist());
-
-// src/stores/execution/helpers/sseSubscription.ts
-var import_types2 = chunkZ7PWFZG5_js.__toESM(chunkNSDLGLAQ_js.require_dist());
-
 // src/stores/execution/helpers/outputHelpers.ts
 function extractOutputValue(output) {
   if (!output) return null;
@@ -396,11 +387,11 @@ function getOutputUpdate(nodeId, output, workflowStore) {
 // src/stores/execution/helpers/sseSubscription.ts
 var API_BASE_URL = process.env.NEXT_PUBLIC_API_URL || "http://local.genfeed.ai:3001/api";
 var statusMap = {
-  pending: import_types2.NodeStatusEnum.IDLE,
-  processing: import_types2.NodeStatusEnum.PROCESSING,
-  complete: import_types2.NodeStatusEnum.COMPLETE,
-  succeeded: import_types2.NodeStatusEnum.COMPLETE,
-  error: import_types2.NodeStatusEnum.ERROR
+  pending: types.NodeStatusEnum.IDLE,
+  processing: types.NodeStatusEnum.PROCESSING,
+  complete: types.NodeStatusEnum.COMPLETE,
+  succeeded: types.NodeStatusEnum.COMPLETE,
+  error: types.NodeStatusEnum.ERROR
 };
 function applyJobUpdates(jobs, workflowStore, debugMode, set, filterNodeId) {
   if (!jobs || jobs.length === 0) return;
@@ -466,9 +457,9 @@ async function reconcileNodeStatuses(executionId) {
     const response = await fetch(`${API_BASE_URL}/executions/${executionId}`);
     if (!response.ok) return;
     const execution = await response.json();
-    const workflowStore = chunkNSDLGLAQ_js.useWorkflowStore.getState();
+    const workflowStore = chunkIHF35QZD_js.useWorkflowStore.getState();
     for (const nodeResult of execution.nodeResults || []) {
-      const nodeStatus = statusMap[nodeResult.status] ?? import_types2.NodeStatusEnum.IDLE;
+      const nodeStatus = statusMap[nodeResult.status] ?? types.NodeStatusEnum.IDLE;
       const isSuccess = nodeResult.status === "complete" || nodeResult.status === "succeeded";
       workflowStore.updateNodeData(nodeResult.nodeId, {
         status: nodeStatus,
@@ -490,10 +481,10 @@ function createExecutionSubscription(executionId, set) {
     void (async () => {
       try {
         const data = JSON.parse(event.data);
-        const workflowStore = chunkNSDLGLAQ_js.useWorkflowStore.getState();
+        const workflowStore = chunkIHF35QZD_js.useWorkflowStore.getState();
         const nodeResults = data.nodeResults || [];
         for (const nodeResult of nodeResults) {
-          const nodeStatus = statusMap[nodeResult.status] ?? import_types2.NodeStatusEnum.IDLE;
+          const nodeStatus = statusMap[nodeResult.status] ?? types.NodeStatusEnum.IDLE;
           const isSuccess = nodeResult.status === "complete" || nodeResult.status === "succeeded";
           workflowStore.updateNodeData(nodeResult.nodeId, {
             status: nodeStatus,
@@ -541,10 +532,10 @@ function createNodeExecutionSubscription(executionId, nodeId, set, _get) {
     void (async () => {
       try {
         const data = JSON.parse(event.data);
-        const workflowStore = chunkNSDLGLAQ_js.useWorkflowStore.getState();
+        const workflowStore = chunkIHF35QZD_js.useWorkflowStore.getState();
         const nodeResults = data.nodeResults || [];
         for (const nodeResult of nodeResults) {
-          const nodeStatus = statusMap[nodeResult.status] ?? import_types2.NodeStatusEnum.IDLE;
+          const nodeStatus = statusMap[nodeResult.status] ?? types.NodeStatusEnum.IDLE;
           const isSuccess = nodeResult.status === "complete" || nodeResult.status === "succeeded";
           workflowStore.updateNodeData(nodeResult.nodeId, {
             status: nodeStatus,
@@ -610,7 +601,7 @@ var createExecutionSlice = (set, get) => ({
   executeWorkflow: async () => {
     const { isRunning, resetExecution } = get();
     if (isRunning) return;
-    const workflowStore = chunkNSDLGLAQ_js.useWorkflowStore.getState();
+    const workflowStore = chunkIHF35QZD_js.useWorkflowStore.getState();
     const debugMode = useSettingsStore.getState().debugMode;
     const validation = workflowStore.validateWorkflow();
     if (!validation.isValid) {
@@ -650,7 +641,7 @@ var createExecutionSlice = (set, get) => ({
     set({ isRunning: true });
     for (const node of workflowStore.nodes) {
       workflowStore.updateNodeData(node.id, {
-        status: import_types3.NodeStatusEnum.IDLE,
+        status: types.NodeStatusEnum.IDLE,
         error: void 0,
         progress: void 0
       });
@@ -680,14 +671,14 @@ var createExecutionSlice = (set, get) => ({
     }
   },
   executeNode: async (nodeId) => {
-    const workflowStore = chunkNSDLGLAQ_js.useWorkflowStore.getState();
+    const workflowStore = chunkIHF35QZD_js.useWorkflowStore.getState();
     const debugMode = useSettingsStore.getState().debugMode;
     if (workflowStore.isDirty || !workflowStore.workflowId) {
       try {
         await workflowStore.saveWorkflow();
       } catch {
         workflowStore.updateNodeData(nodeId, {
-          status: import_types3.NodeStatusEnum.ERROR,
+          status: types.NodeStatusEnum.ERROR,
           error: "Failed to save workflow"
         });
         return;
@@ -696,7 +687,7 @@ var createExecutionSlice = (set, get) => ({
     const workflowId = workflowStore.workflowId;
     if (!workflowId) {
       workflowStore.updateNodeData(nodeId, {
-        status: import_types3.NodeStatusEnum.ERROR,
+        status: types.NodeStatusEnum.ERROR,
         error: "Workflow must be saved first"
       });
       return;
@@ -723,7 +714,7 @@ var createExecutionSlice = (set, get) => ({
       });
     } catch (error) {
       workflowStore.updateNodeData(nodeId, {
-        status: import_types3.NodeStatusEnum.ERROR,
+        status: types.NodeStatusEnum.ERROR,
         error: error instanceof Error ? error.message : "Node execution failed"
       });
     }
@@ -731,7 +722,7 @@ var createExecutionSlice = (set, get) => ({
   executeSelectedNodes: async () => {
     const { isRunning, resetExecution } = get();
     if (isRunning) return;
-    const workflowStore = chunkNSDLGLAQ_js.useWorkflowStore.getState();
+    const workflowStore = chunkIHF35QZD_js.useWorkflowStore.getState();
     const debugMode = useSettingsStore.getState().debugMode;
     const { selectedNodeIds } = workflowStore;
     if (selectedNodeIds.length === 0) {
@@ -777,7 +768,7 @@ var createExecutionSlice = (set, get) => ({
     }
     for (const nodeId of selectedNodeIds) {
       workflowStore.updateNodeData(nodeId, {
-        status: import_types3.NodeStatusEnum.IDLE,
+        status: types.NodeStatusEnum.IDLE,
         error: void 0,
         progress: void 0
       });
@@ -810,7 +801,7 @@ var createExecutionSlice = (set, get) => ({
   resumeFromFailed: async () => {
     const { isRunning, executionId, lastFailedNodeId } = get();
     if (isRunning || !executionId || !lastFailedNodeId) return;
-    const workflowStore = chunkNSDLGLAQ_js.useWorkflowStore.getState();
+    const workflowStore = chunkIHF35QZD_js.useWorkflowStore.getState();
     const debugMode = useSettingsStore.getState().debugMode;
     const workflowId = workflowStore.workflowId;
     if (!workflowId) {
@@ -828,7 +819,7 @@ var createExecutionSlice = (set, get) => ({
       useUIStore.getState().setShowDebugPanel(true);
     }
     workflowStore.updateNodeData(lastFailedNodeId, {
-      status: import_types3.NodeStatusEnum.IDLE,
+      status: types.NodeStatusEnum.IDLE,
       error: void 0,
       progress: void 0
     });
@@ -884,8 +875,8 @@ var createExecutionSlice = (set, get) => ({
         return { activeNodeExecutions: newMap };
       });
     }
-    const workflowStore = chunkNSDLGLAQ_js.useWorkflowStore.getState();
-    workflowStore.updateNodeData(nodeId, { status: import_types3.NodeStatusEnum.IDLE, error: void 0 });
+    const workflowStore = chunkIHF35QZD_js.useWorkflowStore.getState();
+    workflowStore.updateNodeData(nodeId, { status: types.NodeStatusEnum.IDLE, error: void 0 });
   },
   isNodeExecuting: (nodeId) => {
     const { activeNodeExecutions } = get();
@@ -914,10 +905,10 @@ var createExecutionSlice = (set, get) => ({
       debugPayloads: [],
       activeNodeExecutions: /* @__PURE__ */ new Map()
     });
-    const workflowStore = chunkNSDLGLAQ_js.useWorkflowStore.getState();
+    const workflowStore = chunkIHF35QZD_js.useWorkflowStore.getState();
     for (const node of workflowStore.nodes) {
       workflowStore.updateNodeData(node.id, {
-        status: import_types3.NodeStatusEnum.IDLE,
+        status: types.NodeStatusEnum.IDLE,
         error: void 0,
         progress: void 0
       });

package/dist/{chunk-ADWNF7V3.js → chunk-EMGXUNBL.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkNSDLGLAQ_js = require('./chunk-NSDLGLAQ.js');
+var chunkIHF35QZD_js = require('./chunk-IHF35QZD.js');
 var react = require('react');
 
 function useCanvasKeyboardShortcuts({
@@ -92,11 +92,11 @@ function useCanvasKeyboardShortcuts({
       }
       if (e.key === "z" && isMod && !e.shiftKey) {
         e.preventDefault();
-        chunkNSDLGLAQ_js.useWorkflowStore.temporal.getState().undo();
+        chunkIHF35QZD_js.useWorkflowStore.temporal.getState().undo();
       }
       if (e.key === "z" && isMod && e.shiftKey) {
         e.preventDefault();
-        chunkNSDLGLAQ_js.useWorkflowStore.temporal.getState().redo();
+        chunkIHF35QZD_js.useWorkflowStore.temporal.getState().redo();
       }
     };
     window.addEventListener("keydown", handleKeyDown);

package/dist/{chunk-VOGL2WCE.mjs → chunk-EYL6J4MW.mjs}

@@ -1,22 +1,19 @@
-import { nodeTypes } from './chunk-XV5Z5XYR.mjs';
+import { nodeTypes } from './chunk-PFHFGSM5.mjs';
 import { getMediaFromNode } from './chunk-E323WAZG.mjs';
-import { useCanvasKeyboardShortcuts } from './chunk-UQQUWGHW.mjs';
+import { useCanvasKeyboardShortcuts } from './chunk-IASLG6IA.mjs';
 import { Button } from './chunk-7SKSRSS7.mjs';
 import { usePromptEditorStore } from './chunk-CV4M7CNU.mjs';
-import { useUIStore, useSettingsStore, useExecutionStore } from './chunk-CSUBLSKZ.mjs';
-import { require_dist, useWorkflowStore } from './chunk-BJ3R5R32.mjs';
-import { __toESM } from './chunk-AC6TWLRT.mjs';
+import { useUIStore, useSettingsStore, useExecutionStore } from './chunk-73V6SUEO.mjs';
+import { useWorkflowStore } from './chunk-RIGVIEYB.mjs';
 import { useNodes, ViewportPortal, useViewport, useStore, getBezierPath, BaseEdge, useReactFlow, ReactFlow, SelectionMode, ConnectionMode, Background, BackgroundVariant, Controls, MiniMap } from '@xyflow/react';
 import { Pause, Palette, Lock, Unlock, Trash2, Search, X, Keyboard, PanelLeft, Download, ChevronLeft, ChevronRight, ZoomOut, ZoomIn } from 'lucide-react';
 import { memo, useMemo, useState, useCallback, useEffect, useRef } from 'react';
 import '@xyflow/react/dist/style.css';
+import { NODE_DEFINITIONS } from '@genfeedai/types';
 import { clsx } from 'clsx';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Image from 'next/image';
 
-// src/canvas/WorkflowCanvas.tsx
-var import_types3 = __toESM(require_dist());
-
 // src/types/groups.ts
 var GROUP_COLORS = {
   purple: {
@@ -556,9 +553,6 @@ function HelperLinesComponent({ draggingNodeId }) {
   );
 }
 var HelperLines = memo(HelperLinesComponent);
-
-// src/canvas/NodeSearch.tsx
-var import_types = __toESM(require_dist());
 function NodeSearch() {
   const { activeModal, closeModal } = useUIStore();
   const { nodes, setSelectedNodeIds } = useWorkflowStore();
@@ -581,7 +575,7 @@ function NodeSearch() {
       const label = (node.data.label || "").toLowerCase();
       const type = (node.type || "").toLowerCase();
       const comment = (node.data.comment || "").toLowerCase();
-      const nodeDefLabel = import_types.NODE_DEFINITIONS[node.type]?.label?.toLowerCase() || "";
+      const nodeDefLabel = NODE_DEFINITIONS[node.type]?.label?.toLowerCase() || "";
       return label.includes(query) || type.includes(query) || comment.includes(query) || nodeDefLabel.includes(query);
     });
   }, [nodes, search]);
@@ -681,7 +675,7 @@ function NodeSearch() {
                 )
               ] }),
               /* @__PURE__ */ jsx("div", { ref: listRef, className: "max-h-[300px] overflow-y-auto space-y-1", children: filteredNodes.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center text-muted-foreground py-8", children: search ? `No nodes found for "${search}"` : "No nodes in workflow" }) : filteredNodes.map((node, index) => {
-                const nodeDef = import_types.NODE_DEFINITIONS[node.type];
+                const nodeDef = NODE_DEFINITIONS[node.type];
                 const comment = node.data.comment;
                 return /* @__PURE__ */ jsxs(
                   "button",
@@ -862,9 +856,6 @@ function ShortcutHelpModal() {
     }
   );
 }
-
-// src/nodes/NodeDetailModal.tsx
-var import_types2 = __toESM(require_dist());
 var PROMPT_NODE_TYPES = ["prompt"];
 function NodeDetailModal() {
   const { activeModal, nodeDetailNodeId, nodeDetailStartIndex, closeNodeDetailModal } = useUIStore();
@@ -893,7 +884,7 @@ function NodeDetailModal() {
   }, [node]);
   const nodeDef = useMemo(() => {
     if (!node) return null;
-    return import_types2.NODE_DEFINITIONS[node.type];
+    return NODE_DEFINITIONS[node.type];
   }, [node]);
   const imageUrls = mediaInfo.urls ?? [];
   const hasMultipleImages = imageUrls.length > 1;
@@ -1123,7 +1114,7 @@ function supportsImageInput(schema) {
 function getEdgeDataType(edge, nodeMap) {
   const sourceNode = nodeMap.get(edge.source);
   if (!sourceNode) return null;
-  const nodeDef = import_types3.NODE_DEFINITIONS[sourceNode.type];
+  const nodeDef = NODE_DEFINITIONS[sourceNode.type];
   if (!nodeDef) return null;
   const sourceHandle = nodeDef.outputs.find((h) => h.id === edge.sourceHandle);
   return sourceHandle?.type ?? null;