@genfeedai/workflow-ui 0.2.2 → 0.2.4

package/dist/{chunk-LT3ZJJL6.mjs → chunk-OJWVEEMM.mjs}

@@ -1,105 +1,101 @@
-import { useWorkflowStore } from './chunk-R727OFBR.mjs';
+import { useWorkflowStore } from './chunk-GPYIIWD5.mjs';
 import { create } from 'zustand';
 import { ProviderTypeEnum, NodeStatusEnum } from '@genfeedai/types';
 
 var notificationId = 0;
 var useUIStore = create((set) => ({
-  showPalette: true,
-  showMinimap: true,
-  showAIGenerator: false,
-  showDebugPanel: false,
-  selectedNodeId: null,
-  selectedEdgeId: null,
-  highlightedNodeIds: [],
   activeModal: null,
-  connectionDropMenu: null,
-  nodeDetailNodeId: null,
-  nodeDetailActiveTab: "preview",
-  nodeDetailStartIndex: 0,
-  notifications: [],
-  togglePalette: () => {
-    set((state) => ({ showPalette: !state.showPalette }));
-  },
-  toggleMinimap: () => {
-    set((state) => ({ showMinimap: !state.showMinimap }));
-  },
-  toggleAIGenerator: () => {
-    set((state) => ({ showAIGenerator: !state.showAIGenerator }));
-  },
-  toggleDebugPanel: () => {
-    set((state) => ({ showDebugPanel: !state.showDebugPanel }));
-  },
-  setShowDebugPanel: (show) => {
-    set({ showDebugPanel: show });
-  },
-  selectNode: (nodeId) => {
-    set({ selectedNodeId: nodeId, selectedEdgeId: null });
-  },
-  selectEdge: (edgeId) => {
-    set({ selectedEdgeId: edgeId, selectedNodeId: null });
-  },
-  setHighlightedNodeIds: (ids) => {
-    set({ highlightedNodeIds: ids });
+  addNotification: (notification) => {
+    const id = `notification-${++notificationId}`;
+    set((state) => ({
+      notifications: [...state.notifications, { ...notification, id }]
+    }));
+    if (notification.duration !== 0) {
+      setTimeout(() => {
+        set((state) => ({
+          notifications: state.notifications.filter((n) => n.id !== id)
+        }));
+      }, notification.duration ?? 5e3);
+    }
   },
-  openModal: (modal) => {
-    set({ activeModal: modal });
+  closeConnectionDropMenu: () => {
+    set({ connectionDropMenu: null });
   },
   closeModal: () => {
     set({ activeModal: null });
   },
+  closeNodeDetailModal: () => {
+    set({
+      activeModal: null,
+      nodeDetailActiveTab: "preview",
+      nodeDetailNodeId: null,
+      nodeDetailStartIndex: 0
+    });
+  },
+  connectionDropMenu: null,
+  highlightedNodeIds: [],
+  nodeDetailActiveTab: "preview",
+  nodeDetailNodeId: null,
+  nodeDetailStartIndex: 0,
+  notifications: [],
   openConnectionDropMenu: (params) => {
     set({ connectionDropMenu: params });
   },
-  closeConnectionDropMenu: () => {
-    set({ connectionDropMenu: null });
+  openModal: (modal) => {
+    set({ activeModal: modal });
   },
   openNodeDetailModal: (nodeId, tab = "preview", startIndex = 0) => {
     set({
       activeModal: "nodeDetail",
-      nodeDetailNodeId: nodeId,
       nodeDetailActiveTab: tab,
+      nodeDetailNodeId: nodeId,
       nodeDetailStartIndex: startIndex
     });
   },
-  closeNodeDetailModal: () => {
-    set({
-      activeModal: null,
-      nodeDetailNodeId: null,
-      nodeDetailActiveTab: "preview",
-      nodeDetailStartIndex: 0
-    });
+  removeNotification: (id) => {
+    set((state) => ({
+      notifications: state.notifications.filter((n) => n.id !== id)
+    }));
+  },
+  selectEdge: (edgeId) => {
+    set({ selectedEdgeId: edgeId, selectedNodeId: null });
+  },
+  selectedEdgeId: null,
+  selectedNodeId: null,
+  selectNode: (nodeId) => {
+    set({ selectedEdgeId: null, selectedNodeId: nodeId });
+  },
+  setHighlightedNodeIds: (ids) => {
+    set({ highlightedNodeIds: ids });
   },
   setNodeDetailTab: (tab) => {
     set({ nodeDetailActiveTab: tab });
   },
-  addNotification: (notification) => {
-    const id = `notification-${++notificationId}`;
-    set((state) => ({
-      notifications: [...state.notifications, { ...notification, id }]
-    }));
-    if (notification.duration !== 0) {
-      setTimeout(() => {
-        set((state) => ({
-          notifications: state.notifications.filter((n) => n.id !== id)
-        }));
-      }, notification.duration ?? 5e3);
-    }
+  setShowDebugPanel: (show) => {
+    set({ showDebugPanel: show });
   },
-  removeNotification: (id) => {
-    set((state) => ({
-      notifications: state.notifications.filter((n) => n.id !== id)
-    }));
+  showAIGenerator: false,
+  showDebugPanel: false,
+  showMinimap: true,
+  showPalette: true,
+  toggleAIGenerator: () => {
+    set((state) => ({ showAIGenerator: !state.showAIGenerator }));
+  },
+  toggleDebugPanel: () => {
+    set((state) => ({ showDebugPanel: !state.showDebugPanel }));
+  },
+  toggleMinimap: () => {
+    set((state) => ({ showMinimap: !state.showMinimap }));
+  },
+  togglePalette: () => {
+    set((state) => ({ showPalette: !state.showPalette }));
   }
 }));
 var STORAGE_KEY = "genfeed-settings";
 var MAX_RECENT_MODELS = 8;
 var DEFAULT_SETTINGS = {
-  providers: {
-    replicate: { apiKey: null, enabled: true },
-    fal: { apiKey: null, enabled: false },
-    huggingface: { apiKey: null, enabled: false },
-    "genfeed-ai": { apiKey: null, enabled: true }
-  },
+  autoSaveEnabled: true,
+  debugMode: false,
   defaults: {
     imageModel: "nano-banana-pro",
     imageProvider: "replicate",
@@ -107,11 +103,15 @@ var DEFAULT_SETTINGS = {
     videoProvider: "replicate"
   },
   edgeStyle: "default",
-  showMinimap: true,
-  autoSaveEnabled: true,
-  recentModels: [],
   hasSeenWelcome: false,
-  debugMode: false
+  providers: {
+    fal: { apiKey: null, enabled: false },
+    "genfeed-ai": { apiKey: null, enabled: true },
+    huggingface: { apiKey: null, enabled: false },
+    replicate: { apiKey: null, enabled: true }
+  },
+  recentModels: [],
+  showMinimap: true
 };
 function loadFromStorage() {
   if (typeof window === "undefined") return {};
@@ -120,14 +120,14 @@ function loadFromStorage() {
     if (stored) {
       const parsed = JSON.parse(stored);
       return {
-        providers: { ...DEFAULT_SETTINGS.providers, ...parsed.providers },
+        autoSaveEnabled: parsed.autoSaveEnabled ?? true,
+        debugMode: parsed.debugMode ?? false,
         defaults: { ...DEFAULT_SETTINGS.defaults, ...parsed.defaults },
         edgeStyle: parsed.edgeStyle === "bezier" ? "default" : parsed.edgeStyle ?? DEFAULT_SETTINGS.edgeStyle,
-        showMinimap: parsed.showMinimap ?? DEFAULT_SETTINGS.showMinimap,
-        autoSaveEnabled: parsed.autoSaveEnabled ?? true,
-        recentModels: parsed.recentModels ?? [],
         hasSeenWelcome: parsed.hasSeenWelcome ?? false,
-        debugMode: parsed.debugMode ?? false
+        providers: { ...DEFAULT_SETTINGS.providers, ...parsed.providers },
+        recentModels: parsed.recentModels ?? [],
+        showMinimap: parsed.showMinimap ?? DEFAULT_SETTINGS.showMinimap
       };
     }
   } catch {
@@ -138,11 +138,12 @@ function saveToStorage(state) {
   if (typeof window === "undefined") return;
   try {
     const toSave = {
+      autoSaveEnabled: state.autoSaveEnabled,
+      debugMode: state.debugMode,
+      defaults: state.defaults,
+      edgeStyle: state.edgeStyle,
+      hasSeenWelcome: state.hasSeenWelcome,
       providers: {
-        replicate: {
-          apiKey: state.providers.replicate.apiKey,
-          enabled: state.providers.replicate.enabled
-        },
         fal: {
           apiKey: state.providers.fal.apiKey,
           enabled: state.providers.fal.enabled
@@ -150,15 +151,14 @@ function saveToStorage(state) {
         huggingface: {
           apiKey: state.providers.huggingface.apiKey,
           enabled: state.providers.huggingface.enabled
+        },
+        replicate: {
+          apiKey: state.providers.replicate.apiKey,
+          enabled: state.providers.replicate.enabled
         }
       },
-      defaults: state.defaults,
-      edgeStyle: state.edgeStyle,
-      showMinimap: state.showMinimap,
-      autoSaveEnabled: state.autoSaveEnabled,
       recentModels: state.recentModels.slice(0, MAX_RECENT_MODELS),
-      hasSeenWelcome: state.hasSeenWelcome,
-      debugMode: state.debugMode
+      showMinimap: state.showMinimap
     };
     localStorage.setItem(STORAGE_KEY, JSON.stringify(toSave));
   } catch {
@@ -174,40 +174,67 @@ var useSettingsStore = create((set, get) => {
     });
   };
   return {
-    providers: initialState.providers,
-    defaults: initialState.defaults,
-    edgeStyle: initialState.edgeStyle,
-    showMinimap: initialState.showMinimap,
-    autoSaveEnabled: initialState.autoSaveEnabled,
-    recentModels: initialState.recentModels,
-    hasSeenWelcome: initialState.hasSeenWelcome,
-    debugMode: initialState.debugMode,
-    toggleAutoSave: () => {
-      setAndPersist((state) => ({ autoSaveEnabled: !state.autoSaveEnabled }));
+    addRecentModel: (model) => {
+      setAndPersist((state) => {
+        const filtered = state.recentModels.filter(
+          (m) => !(m.id === model.id && m.provider === model.provider)
+        );
+        const newRecentModels = [
+          { ...model, timestamp: Date.now() },
+          ...filtered
+        ].slice(0, MAX_RECENT_MODELS);
+        return { recentModels: newRecentModels };
+      });
     },
-    setProviderKey: (provider, key) => {
+    autoSaveEnabled: initialState.autoSaveEnabled,
+    clearAllKeys: () => {
       setAndPersist((state) => ({
         providers: {
-          ...state.providers,
-          [provider]: {
-            ...state.providers[provider],
-            apiKey: key,
-            enabled: key ? true : state.providers[provider].enabled
-          }
+          fal: { ...state.providers.fal, apiKey: null },
+          "genfeed-ai": { ...state.providers["genfeed-ai"], apiKey: null },
+          huggingface: { ...state.providers.huggingface, apiKey: null },
+          replicate: { ...state.providers.replicate, apiKey: null }
         }
       }));
     },
-    setProviderEnabled: (provider, enabled) => {
+    clearProviderKey: (provider) => {
       setAndPersist((state) => ({
         providers: {
           ...state.providers,
           [provider]: {
             ...state.providers[provider],
-            enabled
+            apiKey: null
           }
         }
       }));
     },
+    debugMode: initialState.debugMode,
+    defaults: initialState.defaults,
+    edgeStyle: initialState.edgeStyle,
+    getProviderHeader: (provider) => {
+      const state = get();
+      const key = state.providers[provider].apiKey;
+      if (!key) return {};
+      const headerMap = {
+        [ProviderTypeEnum.REPLICATE]: "X-Replicate-Key",
+        [ProviderTypeEnum.FAL]: "X-Fal-Key",
+        [ProviderTypeEnum.HUGGINGFACE]: "X-HF-Key",
+        [ProviderTypeEnum.GENFEED_AI]: "X-Genfeed-Key"
+      };
+      return { [headerMap[provider]]: key };
+    },
+    hasSeenWelcome: initialState.hasSeenWelcome,
+    isProviderConfigured: (provider) => {
+      const state = get();
+      return !!state.providers[provider].apiKey;
+    },
+    // API Sync - stubbed as no-ops (consuming app provides real implementations)
+    isSyncing: false,
+    providers: initialState.providers,
+    recentModels: initialState.recentModels,
+    setDebugMode: (enabled) => {
+      setAndPersist(() => ({ debugMode: enabled }));
+    },
     setDefaultModel: (type, model, provider) => {
       setAndPersist((state) => ({
         defaults: {
@@ -218,96 +245,69 @@ var useSettingsStore = create((set, get) => {
     },
     setEdgeStyle: (style) => {
       setAndPersist(() => ({ edgeStyle: style }));
-      import('./workflowStore-UAAKOOIK.mjs').then(({ useWorkflowStore: useWorkflowStore2 }) => {
+      import('./workflowStore-N2F7WIG3.mjs').then(({ useWorkflowStore: useWorkflowStore2 }) => {
         useWorkflowStore2.getState().setEdgeStyle(style);
       });
     },
-    setShowMinimap: (show) => {
-      setAndPersist(() => ({ showMinimap: show }));
-    },
-    addRecentModel: (model) => {
-      setAndPersist((state) => {
-        const filtered = state.recentModels.filter(
-          (m) => !(m.id === model.id && m.provider === model.provider)
-        );
-        const newRecentModels = [{ ...model, timestamp: Date.now() }, ...filtered].slice(
-          0,
-          MAX_RECENT_MODELS
-        );
-        return { recentModels: newRecentModels };
-      });
+    setHasSeenWelcome: (seen) => {
+      setAndPersist(() => ({ hasSeenWelcome: seen }));
     },
-    clearProviderKey: (provider) => {
+    setProviderEnabled: (provider, enabled) => {
       setAndPersist((state) => ({
         providers: {
           ...state.providers,
           [provider]: {
             ...state.providers[provider],
-            apiKey: null
+            enabled
           }
         }
       }));
     },
-    clearAllKeys: () => {
+    setProviderKey: (provider, key) => {
       setAndPersist((state) => ({
         providers: {
-          replicate: { ...state.providers.replicate, apiKey: null },
-          fal: { ...state.providers.fal, apiKey: null },
-          huggingface: { ...state.providers.huggingface, apiKey: null },
-          "genfeed-ai": { ...state.providers["genfeed-ai"], apiKey: null }
+          ...state.providers,
+          [provider]: {
+            ...state.providers[provider],
+            apiKey: key,
+            enabled: key ? true : state.providers[provider].enabled
+          }
         }
       }));
     },
-    setHasSeenWelcome: (seen) => {
-      setAndPersist(() => ({ hasSeenWelcome: seen }));
-    },
-    setDebugMode: (enabled) => {
-      setAndPersist(() => ({ debugMode: enabled }));
-    },
-    isProviderConfigured: (provider) => {
-      const state = get();
-      return !!state.providers[provider].apiKey;
-    },
-    getProviderHeader: (provider) => {
-      const state = get();
-      const key = state.providers[provider].apiKey;
-      if (!key) return {};
-      const headerMap = {
-        [ProviderTypeEnum.REPLICATE]: "X-Replicate-Key",
-        [ProviderTypeEnum.FAL]: "X-Fal-Key",
-        [ProviderTypeEnum.HUGGINGFACE]: "X-HF-Key",
-        [ProviderTypeEnum.GENFEED_AI]: "X-Genfeed-Key"
-      };
-      return { [headerMap[provider]]: key };
+    setShowMinimap: (show) => {
+      setAndPersist(() => ({ showMinimap: show }));
     },
-    // API Sync - stubbed as no-ops (consuming app provides real implementations)
-    isSyncing: false,
+    showMinimap: initialState.showMinimap,
     syncFromServer: async () => {
     },
     syncToServer: async () => {
+    },
+    toggleAutoSave: () => {
+      setAndPersist((state) => ({ autoSaveEnabled: !state.autoSaveEnabled }));
     }
   };
 });
 var PROVIDER_INFO = {
   [ProviderTypeEnum.REPLICATE]: {
-    name: "Replicate",
     description: "Access thousands of open-source AI models",
-    docsUrl: "https://replicate.com/docs"
+    docsUrl: "https://replicate.com/docs",
+    name: "Replicate"
   },
   [ProviderTypeEnum.FAL]: {
-    name: "fal.ai",
     description: "Fast inference for image and video generation",
-    docsUrl: "https://fal.ai/docs"
+    docsUrl: "https://fal.ai/docs",
+    name: "fal.ai"
   },
   [ProviderTypeEnum.HUGGINGFACE]: {
-    name: "Hugging Face",
     description: "The AI community platform with 500k+ models",
-    docsUrl: "https://huggingface.co/docs/api-inference"
+    docsUrl: "https://huggingface.co/docs/api-inference",
+    name: "Hugging Face"
   },
   [ProviderTypeEnum.GENFEED_AI]: {
-    name: "Genfeed AI",
     description: "Built-in models powered by Genfeed",
-    docsUrl: "https://genfeed.ai/docs"
+    docsUrl: "https://genfeed.ai/docs",
+    name: "Genfeed AI"
   }
 };
 
@@ -344,7 +344,9 @@ function extractAllOutputValues(output) {
   if (typeof output === "object" && output !== null) {
     const obj = output;
     if ("images" in obj && Array.isArray(obj.images)) {
-      return obj.images.filter((item) => typeof item === "string");
+      return obj.images.filter(
+        (item) => typeof item === "string"
+      );
     }
     if ("image" in obj && typeof obj.image === "string") {
       return [obj.image];
@@ -371,9 +373,14 @@ function getOutputUpdate(nodeId, output, workflowStore) {
     }
     return { outputImage: outputValue };
   }
-  if (["videoGen", "animation", "videoStitch", "lipSync", "voiceChange", "motionControl"].includes(
-    nodeType
-  )) {
+  if ([
+    "videoGen",
+    "animation",
+    "videoStitch",
+    "lipSync",
+    "voiceChange",
+    "motionControl"
+  ].includes(nodeType)) {
     return { outputVideo: outputValue };
   }
   if (nodeType === "textToSpeech") {
@@ -392,11 +399,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 = {
+  complete: NodeStatusEnum.COMPLETE,
+  error: NodeStatusEnum.ERROR,
   pending: NodeStatusEnum.IDLE,
   processing: NodeStatusEnum.PROCESSING,
-  complete: NodeStatusEnum.COMPLETE,
-  succeeded: NodeStatusEnum.COMPLETE,
-  error: NodeStatusEnum.ERROR
+  succeeded: NodeStatusEnum.COMPLETE
 };
 function applyJobUpdates(jobs, workflowStore, debugMode, set, filterNodeId) {
   if (!jobs || jobs.length === 0) return;
@@ -413,31 +420,31 @@ function applyJobUpdates(jobs, workflowStore, debugMode, set, filterNodeId) {
       if (!existing) {
         didChange = true;
         newJobs.set(job.predictionId, {
+          createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+          error,
           nodeId: job.nodeId,
+          output,
           predictionId: job.predictionId,
-          status,
           progress: 0,
-          output,
-          error,
-          createdAt: (/* @__PURE__ */ new Date()).toISOString()
+          status
         });
       } else if (existing.status !== status || existing.output !== output || existing.error !== error) {
         didChange = true;
         newJobs.set(job.predictionId, {
           ...existing,
-          status,
+          error,
           output,
-          error
+          status
         });
       }
       if (job.result?.debugPayload) {
         const node = workflowStore.getNodeById(job.nodeId);
         newDebugPayloads.push({
+          input: job.result.debugPayload.input,
+          model: job.result.debugPayload.model,
           nodeId: job.nodeId,
           nodeName: String(node?.data?.label || node?.data?.name || job.nodeId),
           nodeType: node?.type || "unknown",
-          model: job.result.debugPayload.model,
-          input: job.result.debugPayload.input,
           timestamp: job.result.debugPayload.timestamp
         });
       }
@@ -447,13 +454,15 @@ function applyJobUpdates(jobs, workflowStore, debugMode, set, filterNodeId) {
       useUIStore.getState().setShowDebugPanel(true);
     }
     return {
-      jobs: didChange ? newJobs : state.jobs,
       debugPayloads: newDebugPayloads.length > 0 ? [
         ...state.debugPayloads.filter(
-          (existing) => !newDebugPayloads.some((newP) => newP.nodeId === existing.nodeId)
+          (existing) => !newDebugPayloads.some(
+            (newP) => newP.nodeId === existing.nodeId
+          )
         ),
         ...newDebugPayloads
-      ] : state.debugPayloads
+      ] : state.debugPayloads,
+      jobs: didChange ? newJobs : state.jobs
     };
   });
 }
@@ -467,8 +476,8 @@ async function reconcileNodeStatuses(executionId) {
       const nodeStatus = statusMap[nodeResult.status] ?? NodeStatusEnum.IDLE;
       const isSuccess = nodeResult.status === "complete" || nodeResult.status === "succeeded";
       workflowStore.updateNodeData(nodeResult.nodeId, {
-        status: nodeStatus,
         error: isSuccess ? void 0 : nodeResult.error,
+        status: nodeStatus,
         ...nodeResult.output && getOutputUpdate(nodeResult.nodeId, nodeResult.output, workflowStore)
       });
       if (isSuccess && nodeResult.output) {
@@ -479,7 +488,9 @@ async function reconcileNodeStatuses(executionId) {
   }
 }
 function createExecutionSubscription(executionId, set) {
-  const eventSource = new EventSource(`${API_BASE_URL}/executions/${executionId}/stream`);
+  const eventSource = new EventSource(
+    `${API_BASE_URL}/executions/${executionId}/stream`
+  );
   const propagatedNodeIds = /* @__PURE__ */ new Set();
   set({ eventSource });
   eventSource.onmessage = (event) => {
@@ -492,9 +503,13 @@ function createExecutionSubscription(executionId, set) {
           const nodeStatus = statusMap[nodeResult.status] ?? NodeStatusEnum.IDLE;
           const isSuccess = nodeResult.status === "complete" || nodeResult.status === "succeeded";
           workflowStore.updateNodeData(nodeResult.nodeId, {
-            status: nodeStatus,
             error: isSuccess ? void 0 : nodeResult.error,
-            ...nodeResult.output && getOutputUpdate(nodeResult.nodeId, nodeResult.output, workflowStore)
+            status: nodeStatus,
+            ...nodeResult.output && getOutputUpdate(
+              nodeResult.nodeId,
+              nodeResult.output,
+              workflowStore
+            )
           });
           if ((nodeResult.status === "complete" || nodeResult.status === "succeeded") && nodeResult.output && !propagatedNodeIds.has(nodeResult.nodeId)) {
             propagatedNodeIds.add(nodeResult.nodeId);
@@ -505,16 +520,30 @@ function createExecutionSubscription(executionId, set) {
           }
         }
         applyJobUpdates(data.jobs, workflowStore, data.debugMode, set);
-        const isComplete = ["completed", "failed", "cancelled", "error"].includes(data.status);
-        const hasFailedNode = (data.nodeResults || []).some((r) => r.status === "error");
+        const isComplete = [
+          "completed",
+          "failed",
+          "cancelled",
+          "error"
+        ].includes(data.status);
+        const hasFailedNode = (data.nodeResults || []).some(
+          (r) => r.status === "error"
+        );
         const hasPendingNodes = (data.pendingNodes || []).length > 0;
-        const hasProcessingNodes = (data.nodeResults || []).some((r) => r.status === "processing");
+        const hasProcessingNodes = (data.nodeResults || []).some(
+          (r) => r.status === "processing"
+        );
         const isDone = isComplete || hasFailedNode && !hasPendingNodes && !hasProcessingNodes;
         if (isDone) {
           propagatedNodeIds.clear();
           eventSource.close();
           await reconcileNodeStatuses(executionId);
-          set({ isRunning: false, eventSource: null, currentNodeId: null, jobs: /* @__PURE__ */ new Map() });
+          set({
+            currentNodeId: null,
+            eventSource: null,
+            isRunning: false,
+            jobs: /* @__PURE__ */ new Map()
+          });
           if (data.status === "failed" || hasFailedNode) {
           }
         }
@@ -525,13 +554,15 @@ function createExecutionSubscription(executionId, set) {
   eventSource.onerror = () => {
     eventSource.close();
     void reconcileNodeStatuses(executionId).then(() => {
-      set({ isRunning: false, eventSource: null });
+      set({ eventSource: null, isRunning: false });
     });
   };
   return eventSource;
 }
 function createNodeExecutionSubscription(executionId, nodeId, set, _get) {
-  const eventSource = new EventSource(`${API_BASE_URL}/executions/${executionId}/stream`);
+  const eventSource = new EventSource(
+    `${API_BASE_URL}/executions/${executionId}/stream`
+  );
   const propagatedNodeIds = /* @__PURE__ */ new Set();
   eventSource.onmessage = (event) => {
     void (async () => {
@@ -543,9 +574,13 @@ function createNodeExecutionSubscription(executionId, nodeId, set, _get) {
           const nodeStatus = statusMap[nodeResult.status] ?? NodeStatusEnum.IDLE;
           const isSuccess = nodeResult.status === "complete" || nodeResult.status === "succeeded";
           workflowStore.updateNodeData(nodeResult.nodeId, {
-            status: nodeStatus,
             error: isSuccess ? void 0 : nodeResult.error,
-            ...nodeResult.output && getOutputUpdate(nodeResult.nodeId, nodeResult.output, workflowStore)
+            status: nodeStatus,
+            ...nodeResult.output && getOutputUpdate(
+              nodeResult.nodeId,
+              nodeResult.output,
+              workflowStore
+            )
           });
           if ((nodeResult.status === "complete" || nodeResult.status === "succeeded") && nodeResult.output && !propagatedNodeIds.has(nodeResult.nodeId)) {
             propagatedNodeIds.add(nodeResult.nodeId);
@@ -556,10 +591,19 @@ function createNodeExecutionSubscription(executionId, nodeId, set, _get) {
           }
         }
         applyJobUpdates(data.jobs, workflowStore, data.debugMode, set, nodeId);
-        const isComplete = ["completed", "failed", "cancelled", "error"].includes(data.status);
-        const hasFailedNode = (data.nodeResults || []).some((r) => r.status === "error");
+        const isComplete = [
+          "completed",
+          "failed",
+          "cancelled",
+          "error"
+        ].includes(data.status);
+        const hasFailedNode = (data.nodeResults || []).some(
+          (r) => r.status === "error"
+        );
         const hasPendingNodes = (data.pendingNodes || []).length > 0;
-        const hasProcessingNodes = (data.nodeResults || []).some((r) => r.status === "processing");
+        const hasProcessingNodes = (data.nodeResults || []).some(
+          (r) => r.status === "processing"
+        );
         const isDone = isComplete || hasFailedNode && !hasPendingNodes && !hasProcessingNodes;
         if (isDone) {
           propagatedNodeIds.clear();
@@ -568,112 +612,49 @@ function createNodeExecutionSubscription(executionId, nodeId, set, _get) {
           set((state) => {
             const newMap = new Map(state.activeNodeExecutions);
             newMap.delete(nodeId);
-            return { activeNodeExecutions: newMap };
-          });
-        }
-      } catch {
-      }
-    })();
-  };
-  eventSource.onerror = () => {
-    eventSource.close();
-    void reconcileNodeStatuses(executionId).then(() => {
-      set((state) => {
-        const newMap = new Map(state.activeNodeExecutions);
-        newMap.delete(nodeId);
-        return { activeNodeExecutions: newMap };
-      });
-    });
-  };
-  return eventSource;
-}
-
-// src/stores/execution/slices/executionSlice.ts
-var API_BASE_URL2 = process.env.NEXT_PUBLIC_API_URL || "http://local.genfeed.ai:3001/api";
-async function apiPost(path, body) {
-  const response = await fetch(`${API_BASE_URL2}${path}`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    ...body && { body: JSON.stringify(body) }
-  });
-  if (!response.ok) {
-    const errorData = await response.json().catch(() => ({}));
-    throw new Error(errorData.message || `API error: ${response.status}`);
-  }
-  return response.json();
-}
-var createExecutionSlice = (set, get) => ({
-  executeWorkflow: async () => {
-    const { isRunning, resetExecution } = get();
-    if (isRunning) return;
-    const workflowStore = useWorkflowStore.getState();
-    const debugMode = useSettingsStore.getState().debugMode;
-    const validation = workflowStore.validateWorkflow();
-    if (!validation.isValid) {
-      set({ validationErrors: validation });
-      return;
-    }
-    set({ validationErrors: null });
-    resetExecution();
-    if (debugMode) {
-      useUIStore.getState().setShowDebugPanel(true);
-    }
-    if (workflowStore.isDirty || !workflowStore.workflowId) {
-      try {
-        await workflowStore.saveWorkflow();
-      } catch {
-        set({
-          validationErrors: {
-            isValid: false,
-            errors: [{ nodeId: "", message: "Failed to save workflow", severity: "error" }],
-            warnings: []
-          }
-        });
-        return;
-      }
-    }
-    const workflowId = workflowStore.workflowId;
-    if (!workflowId) {
-      set({
-        validationErrors: {
-          isValid: false,
-          errors: [{ nodeId: "", message: "Workflow must be saved first", severity: "error" }],
-          warnings: []
-        }
-      });
-      return;
-    }
-    set({ isRunning: true });
-    for (const node of workflowStore.nodes) {
-      workflowStore.updateNodeData(node.id, {
-        status: NodeStatusEnum.IDLE,
-        error: void 0,
-        progress: void 0
-      });
-    }
-    try {
-      const execution = await apiPost(`/workflows/${workflowId}/execute`, {
-        debugMode
-      });
-      const executionId = execution._id;
-      set({ executionId });
-      createExecutionSubscription(executionId, set);
-    } catch (error) {
-      set({
-        isRunning: false,
-        validationErrors: {
-          isValid: false,
-          errors: [
-            {
-              nodeId: "",
-              message: error instanceof Error ? error.message : "Execution failed",
-              severity: "error"
-            }
-          ],
-          warnings: []
+            return { activeNodeExecutions: newMap };
+          });
         }
+      } catch {
+      }
+    })();
+  };
+  eventSource.onerror = () => {
+    eventSource.close();
+    void reconcileNodeStatuses(executionId).then(() => {
+      set((state) => {
+        const newMap = new Map(state.activeNodeExecutions);
+        newMap.delete(nodeId);
+        return { activeNodeExecutions: newMap };
       });
-    }
+    });
+  };
+  return eventSource;
+}
+
+// src/stores/execution/slices/executionSlice.ts
+var API_BASE_URL2 = process.env.NEXT_PUBLIC_API_URL || "http://local.genfeed.ai:3001/api";
+async function apiPost(path, body) {
+  const response = await fetch(`${API_BASE_URL2}${path}`, {
+    headers: { "Content-Type": "application/json" },
+    method: "POST",
+    ...body && { body: JSON.stringify(body) }
+  });
+  if (!response.ok) {
+    const errorData = await response.json().catch(() => ({}));
+    throw new Error(
+      errorData.message || `API error: ${response.status}`
+    );
+  }
+  return response.json();
+}
+var createExecutionSlice = (set, get) => ({
+  canResumeFromFailed: () => {
+    const { executionId, lastFailedNodeId, isRunning } = get();
+    return !isRunning && Boolean(executionId) && Boolean(lastFailedNodeId);
+  },
+  clearValidationErrors: () => {
+    set({ validationErrors: null });
   },
   executeNode: async (nodeId) => {
     const workflowStore = useWorkflowStore.getState();
@@ -683,8 +664,8 @@ var createExecutionSlice = (set, get) => ({
         await workflowStore.saveWorkflow();
       } catch {
         workflowStore.updateNodeData(nodeId, {
-          status: NodeStatusEnum.ERROR,
-          error: "Failed to save workflow"
+          error: "Failed to save workflow",
+          status: NodeStatusEnum.ERROR
         });
         return;
       }
@@ -692,8 +673,8 @@ var createExecutionSlice = (set, get) => ({
     const workflowId = workflowStore.workflowId;
     if (!workflowId) {
       workflowStore.updateNodeData(nodeId, {
-        status: NodeStatusEnum.ERROR,
-        error: "Workflow must be saved first"
+        error: "Workflow must be saved first",
+        status: NodeStatusEnum.ERROR
       });
       return;
     }
@@ -701,16 +682,24 @@ var createExecutionSlice = (set, get) => ({
       useUIStore.getState().setShowDebugPanel(true);
     }
     try {
-      const execution = await apiPost(`/workflows/${workflowId}/execute`, {
-        debugMode,
-        selectedNodeIds: [nodeId]
-      });
+      const execution = await apiPost(
+        `/workflows/${workflowId}/execute`,
+        {
+          debugMode,
+          selectedNodeIds: [nodeId]
+        }
+      );
       const executionId = execution._id;
-      const eventSource = createNodeExecutionSubscription(executionId, nodeId, set, get);
+      const eventSource = createNodeExecutionSubscription(
+        executionId,
+        nodeId,
+        set,
+        get
+      );
       const nodeExecution = {
+        eventSource,
         executionId,
-        nodeIds: [nodeId],
-        eventSource
+        nodeIds: [nodeId]
       };
       set((state) => {
         const newMap = new Map(state.activeNodeExecutions);
@@ -719,8 +708,8 @@ var createExecutionSlice = (set, get) => ({
       });
     } catch (error) {
       workflowStore.updateNodeData(nodeId, {
-        status: NodeStatusEnum.ERROR,
-        error: error instanceof Error ? error.message : "Node execution failed"
+        error: error instanceof Error ? error.message : "Node execution failed",
+        status: NodeStatusEnum.ERROR
       });
     }
   },
@@ -733,8 +722,10 @@ var createExecutionSlice = (set, get) => ({
     if (selectedNodeIds.length === 0) {
       set({
         validationErrors: {
+          errors: [
+            { message: "No nodes selected", nodeId: "", severity: "error" }
+          ],
           isValid: false,
-          errors: [{ nodeId: "", message: "No nodes selected", severity: "error" }],
           warnings: []
         }
       });
@@ -748,8 +739,14 @@ var createExecutionSlice = (set, get) => ({
       } catch {
         set({
           validationErrors: {
+            errors: [
+              {
+                message: "Failed to save workflow",
+                nodeId: "",
+                severity: "error"
+              }
+            ],
             isValid: false,
-            errors: [{ nodeId: "", message: "Failed to save workflow", severity: "error" }],
             warnings: []
           }
         });
@@ -760,29 +757,38 @@ var createExecutionSlice = (set, get) => ({
     if (!workflowId) {
       set({
         validationErrors: {
+          errors: [
+            {
+              message: "Workflow must be saved first",
+              nodeId: "",
+              severity: "error"
+            }
+          ],
           isValid: false,
-          errors: [{ nodeId: "", message: "Workflow must be saved first", severity: "error" }],
           warnings: []
         }
       });
       return;
     }
-    set({ isRunning: true, executingNodeIds: selectedNodeIds });
+    set({ executingNodeIds: selectedNodeIds, isRunning: true });
     if (debugMode) {
       useUIStore.getState().setShowDebugPanel(true);
     }
     for (const nodeId of selectedNodeIds) {
       workflowStore.updateNodeData(nodeId, {
-        status: NodeStatusEnum.IDLE,
         error: void 0,
-        progress: void 0
+        progress: void 0,
+        status: NodeStatusEnum.IDLE
       });
     }
     try {
-      const execution = await apiPost(`/workflows/${workflowId}/execute`, {
-        debugMode,
-        selectedNodeIds
-      });
+      const execution = await apiPost(
+        `/workflows/${workflowId}/execute`,
+        {
+          debugMode,
+          selectedNodeIds
+        }
+      );
       const executionId = execution._id;
       set({ executionId });
       createExecutionSubscription(executionId, set);
@@ -790,19 +796,139 @@ var createExecutionSlice = (set, get) => ({
       set({
         isRunning: false,
         validationErrors: {
+          errors: [
+            {
+              message: error instanceof Error ? error.message : "Partial execution failed",
+              nodeId: "",
+              severity: "error"
+            }
+          ],
+          isValid: false,
+          warnings: []
+        }
+      });
+    }
+  },
+  executeWorkflow: async () => {
+    const { isRunning, resetExecution } = get();
+    if (isRunning) return;
+    const workflowStore = useWorkflowStore.getState();
+    const debugMode = useSettingsStore.getState().debugMode;
+    const validation = workflowStore.validateWorkflow();
+    if (!validation.isValid) {
+      set({ validationErrors: validation });
+      return;
+    }
+    set({ validationErrors: null });
+    resetExecution();
+    if (debugMode) {
+      useUIStore.getState().setShowDebugPanel(true);
+    }
+    if (workflowStore.isDirty || !workflowStore.workflowId) {
+      try {
+        await workflowStore.saveWorkflow();
+      } catch {
+        set({
+          validationErrors: {
+            errors: [
+              {
+                message: "Failed to save workflow",
+                nodeId: "",
+                severity: "error"
+              }
+            ],
+            isValid: false,
+            warnings: []
+          }
+        });
+        return;
+      }
+    }
+    const workflowId = workflowStore.workflowId;
+    if (!workflowId) {
+      set({
+        validationErrors: {
+          errors: [
+            {
+              message: "Workflow must be saved first",
+              nodeId: "",
+              severity: "error"
+            }
+          ],
           isValid: false,
+          warnings: []
+        }
+      });
+      return;
+    }
+    set({ isRunning: true });
+    for (const node of workflowStore.nodes) {
+      workflowStore.updateNodeData(node.id, {
+        error: void 0,
+        progress: void 0,
+        status: NodeStatusEnum.IDLE
+      });
+    }
+    try {
+      const execution = await apiPost(
+        `/workflows/${workflowId}/execute`,
+        {
+          debugMode
+        }
+      );
+      const executionId = execution._id;
+      set({ executionId });
+      createExecutionSubscription(executionId, set);
+    } catch (error) {
+      set({
+        isRunning: false,
+        validationErrors: {
           errors: [
             {
+              message: error instanceof Error ? error.message : "Execution failed",
               nodeId: "",
-              message: error instanceof Error ? error.message : "Partial execution failed",
               severity: "error"
             }
           ],
+          isValid: false,
           warnings: []
         }
       });
     }
   },
+  isNodeExecuting: (nodeId) => {
+    const { activeNodeExecutions } = get();
+    return activeNodeExecutions.has(nodeId);
+  },
+  resetExecution: () => {
+    const { eventSource, activeNodeExecutions } = get();
+    if (eventSource) {
+      eventSource.close();
+    }
+    for (const nodeExecution of activeNodeExecutions.values()) {
+      nodeExecution.eventSource.close();
+    }
+    set({
+      activeNodeExecutions: /* @__PURE__ */ new Map(),
+      actualCost: 0,
+      currentNodeId: null,
+      debugPayloads: [],
+      eventSource: null,
+      executingNodeIds: [],
+      executionId: null,
+      isRunning: false,
+      jobs: /* @__PURE__ */ new Map(),
+      lastFailedNodeId: null
+    });
+    const workflowStore = useWorkflowStore.getState();
+    for (const node of workflowStore.nodes) {
+      workflowStore.updateNodeData(node.id, {
+        error: void 0,
+        progress: void 0,
+        status: NodeStatusEnum.IDLE
+      });
+    }
+  },
   resumeFromFailed: async () => {
     const { isRunning, executionId, lastFailedNodeId } = get();
     if (isRunning || !executionId || !lastFailedNodeId) return;
@@ -812,8 +938,14 @@ var createExecutionSlice = (set, get) => ({
     if (!workflowId) {
       set({
         validationErrors: {
+          errors: [
+            {
+              message: "Workflow must be saved first",
+              nodeId: "",
+              severity: "error"
+            }
+          ],
           isValid: false,
-          errors: [{ nodeId: "", message: "Workflow must be saved first", severity: "error" }],
           warnings: []
         }
       });
@@ -824,14 +956,17 @@ var createExecutionSlice = (set, get) => ({
       useUIStore.getState().setShowDebugPanel(true);
     }
     workflowStore.updateNodeData(lastFailedNodeId, {
-      status: NodeStatusEnum.IDLE,
       error: void 0,
-      progress: void 0
+      progress: void 0,
+      status: NodeStatusEnum.IDLE
     });
     try {
-      const execution = await apiPost(`/workflows/${workflowId}/execute`, {
-        debugMode
-      });
+      const execution = await apiPost(
+        `/workflows/${workflowId}/execute`,
+        {
+          debugMode
+        }
+      );
       const newExecutionId = execution._id;
       set({ executionId: newExecutionId, lastFailedNodeId: null });
       createExecutionSubscription(newExecutionId, set);
@@ -839,19 +974,22 @@ var createExecutionSlice = (set, get) => ({
       set({
         isRunning: false,
         validationErrors: {
-          isValid: false,
           errors: [
             {
-              nodeId: "",
               message: error instanceof Error ? error.message : "Resume failed",
+              nodeId: "",
               severity: "error"
             }
           ],
+          isValid: false,
           warnings: []
         }
       });
     }
   },
+  setEstimatedCost: (cost) => {
+    set({ estimatedCost: cost });
+  },
   stopExecution: () => {
     const { eventSource, executionId } = get();
     if (eventSource) {
@@ -862,9 +1000,9 @@ var createExecutionSlice = (set, get) => ({
       });
     }
     set({
-      isRunning: false,
+      currentNodeId: null,
       eventSource: null,
-      currentNodeId: null
+      isRunning: false
     });
   },
   stopNodeExecution: (nodeId) => {
@@ -881,50 +1019,10 @@ var createExecutionSlice = (set, get) => ({
       });
     }
     const workflowStore = useWorkflowStore.getState();
-    workflowStore.updateNodeData(nodeId, { status: NodeStatusEnum.IDLE, error: void 0 });
-  },
-  isNodeExecuting: (nodeId) => {
-    const { activeNodeExecutions } = get();
-    return activeNodeExecutions.has(nodeId);
-  },
-  clearValidationErrors: () => {
-    set({ validationErrors: null });
-  },
-  resetExecution: () => {
-    const { eventSource, activeNodeExecutions } = get();
-    if (eventSource) {
-      eventSource.close();
-    }
-    for (const nodeExecution of activeNodeExecutions.values()) {
-      nodeExecution.eventSource.close();
-    }
-    set({
-      isRunning: false,
-      jobs: /* @__PURE__ */ new Map(),
-      executionId: null,
-      currentNodeId: null,
-      executingNodeIds: [],
-      eventSource: null,
-      actualCost: 0,
-      lastFailedNodeId: null,
-      debugPayloads: [],
-      activeNodeExecutions: /* @__PURE__ */ new Map()
+    workflowStore.updateNodeData(nodeId, {
+      error: void 0,
+      status: NodeStatusEnum.IDLE
     });
-    const workflowStore = useWorkflowStore.getState();
-    for (const node of workflowStore.nodes) {
-      workflowStore.updateNodeData(node.id, {
-        status: NodeStatusEnum.IDLE,
-        error: void 0,
-        progress: void 0
-      });
-    }
-  },
-  canResumeFromFailed: () => {
-    const { executionId, lastFailedNodeId, isRunning } = get();
-    return !isRunning && Boolean(executionId) && Boolean(lastFailedNodeId);
-  },
-  setEstimatedCost: (cost) => {
-    set({ estimatedCost: cost });
   }
 });
 
@@ -934,17 +1032,24 @@ var createJobSlice = (set, get) => ({
     set((state) => {
       const newJobs = new Map(state.jobs);
       newJobs.set(predictionId, {
+        createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+        error: null,
         nodeId,
+        output: null,
         predictionId,
-        status: "pending",
         progress: 0,
-        output: null,
-        error: null,
-        createdAt: (/* @__PURE__ */ new Date()).toISOString()
+        status: "pending"
       });
       return { jobs: newJobs };
     });
   },
+  getJobByNodeId: (nodeId) => {
+    const { jobs } = get();
+    for (const job of jobs.values()) {
+      if (job.nodeId === nodeId) return job;
+    }
+    return void 0;
+  },
   updateJob: (predictionId, updates) => {
     set((state) => {
       const newJobs = new Map(state.jobs);
@@ -954,13 +1059,6 @@ var createJobSlice = (set, get) => ({
       }
       return { jobs: newJobs };
     });
-  },
-  getJobByNodeId: (nodeId) => {
-    const { jobs } = get();
-    for (const job of jobs.values()) {
-      if (job.nodeId === nodeId) return job;
-    }
-    return void 0;
   }
 });
 
@@ -968,20 +1066,8 @@ var createJobSlice = (set, get) => ({
 var useExecutionStore = create()((...args) => {
   const [set] = args;
   return {
-    // Initial state
-    isRunning: false,
-    executionId: null,
-    currentNodeId: null,
-    executingNodeIds: [],
-    validationErrors: null,
-    eventSource: null,
-    lastFailedNodeId: null,
-    pausedAtNodeId: null,
-    jobs: /* @__PURE__ */ new Map(),
-    estimatedCost: 0,
-    actualCost: 0,
-    debugPayloads: [],
     activeNodeExecutions: /* @__PURE__ */ new Map(),
+    actualCost: 0,
     // Debug payload actions
     addDebugPayload: (payload) => {
       set((state) => ({
@@ -991,6 +1077,18 @@ var useExecutionStore = create()((...args) => {
     clearDebugPayloads: () => {
       set({ debugPayloads: [] });
     },
+    currentNodeId: null,
+    debugPayloads: [],
+    estimatedCost: 0,
+    eventSource: null,
+    executingNodeIds: [],
+    executionId: null,
+    // Initial state
+    isRunning: false,
+    jobs: /* @__PURE__ */ new Map(),
+    lastFailedNodeId: null,
+    pausedAtNodeId: null,
+    validationErrors: null,
     // Compose slices
     ...createJobSlice(...args),
     ...createExecutionSlice(...args)