@genfeedai/workflow-ui 0.1.0 → 0.1.1

package/dist/{chunk-H6LZKSLY.js → chunk-H3JOHAS5.js}

@@ -2,15 +2,15 @@
 
 var chunk3SPPKCWR_js = require('./chunk-3SPPKCWR.js');
 var chunk3YFFDHC5_js = require('./chunk-3YFFDHC5.js');
-var chunkHPQT36RR_js = require('./chunk-HPQT36RR.js');
+var chunkDICI5FSP_js = require('./chunk-DICI5FSP.js');
 var chunk5HJFQVUR_js = require('./chunk-5HJFQVUR.js');
 var chunkEMUMKW5C_js = require('./chunk-EMUMKW5C.js');
 var chunk6DOEUDD5_js = require('./chunk-6DOEUDD5.js');
-var chunkEC2ZIWOK_js = require('./chunk-EC2ZIWOK.js');
-var chunkNSDLGLAQ_js = require('./chunk-NSDLGLAQ.js');
+var chunkDUZLPHRC_js = require('./chunk-DUZLPHRC.js');
+var chunkIHF35QZD_js = require('./chunk-IHF35QZD.js');
 var chunkRJ262NXS_js = require('./chunk-RJ262NXS.js');
 var chunkRXNEDWK2_js = require('./chunk-RXNEDWK2.js');
-var chunkZ7PWFZG5_js = require('./chunk-Z7PWFZG5.js');
+var types = require('@genfeedai/types');
 var react$1 = require('@xyflow/react');
 var clsx = require('clsx');
 var lucideReact = require('lucide-react');
@@ -26,8 +26,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var Image4__default = /*#__PURE__*/_interopDefault(Image4);
 
-// src/nodes/BaseNode.tsx
-var import_types = chunkZ7PWFZG5_js.__toESM(chunkNSDLGLAQ_js.require_dist());
 var NodeErrorBoundary = class extends react.Component {
   constructor(props) {
     super(props);
@@ -204,18 +202,18 @@ function BaseNodeComponent({
   disabledInputs
 }) {
   const isResized = width !== void 0 || height !== void 0;
-  const selectNode = chunkEC2ZIWOK_js.useUIStore((state) => state.selectNode);
-  const selectedNodeId = chunkEC2ZIWOK_js.useUIStore((state) => state.selectedNodeId);
-  const highlightedNodeIds = chunkEC2ZIWOK_js.useUIStore((state) => state.highlightedNodeIds);
-  const toggleNodeLock = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.toggleNodeLock);
-  const isNodeLocked = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.isNodeLocked);
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
-  const executeNode = chunkEC2ZIWOK_js.useExecutionStore((state) => state.executeNode);
-  const isRunning = chunkEC2ZIWOK_js.useExecutionStore((state) => state.isRunning);
-  const stopExecution = chunkEC2ZIWOK_js.useExecutionStore((state) => state.stopExecution);
-  const stopNodeExecution = chunkEC2ZIWOK_js.useExecutionStore((state) => state.stopNodeExecution);
+  const selectNode = chunkDUZLPHRC_js.useUIStore((state) => state.selectNode);
+  const selectedNodeId = chunkDUZLPHRC_js.useUIStore((state) => state.selectedNodeId);
+  const highlightedNodeIds = chunkDUZLPHRC_js.useUIStore((state) => state.highlightedNodeIds);
+  const toggleNodeLock = chunkIHF35QZD_js.useWorkflowStore((state) => state.toggleNodeLock);
+  const isNodeLocked = chunkIHF35QZD_js.useWorkflowStore((state) => state.isNodeLocked);
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
+  const executeNode = chunkDUZLPHRC_js.useExecutionStore((state) => state.executeNode);
+  const isRunning = chunkDUZLPHRC_js.useExecutionStore((state) => state.isRunning);
+  const stopExecution = chunkDUZLPHRC_js.useExecutionStore((state) => state.stopExecution);
+  const stopNodeExecution = chunkDUZLPHRC_js.useExecutionStore((state) => state.stopNodeExecution);
   const updateNodeInternals = react$1.useUpdateNodeInternals();
-  const nodeDef = import_types.NODE_DEFINITIONS[type];
+  const nodeDef = types.NODE_DEFINITIONS[type];
   const nodeData = data;
   const nodeRef = react.useRef(null);
   const hoverTimeoutRef = react.useRef(null);
@@ -240,12 +238,12 @@ function BaseNodeComponent({
     return () => cancelAnimationFrame(rafId);
   }, [id, updateNodeInternals, handlesKey]);
   const isHighlighted = highlightedNodeIds.length === 0 || highlightedNodeIds.includes(id);
-  const nodeExecuting = chunkEC2ZIWOK_js.useExecutionStore((state) => state.activeNodeExecutions.has(id));
+  const nodeExecuting = chunkDUZLPHRC_js.useExecutionStore((state) => state.activeNodeExecutions.has(id));
   const handleRetry = react.useCallback(
     (e) => {
       e.stopPropagation();
       if (!nodeExecuting) {
-        updateNodeData(id, { error: void 0, status: import_types.NodeStatusEnum.PROCESSING });
+        updateNodeData(id, { error: void 0, status: types.NodeStatusEnum.PROCESSING });
         executeNode(id);
       }
     },
@@ -259,7 +257,7 @@ function BaseNodeComponent({
       } else if (nodeExecuting) {
         stopNodeExecution(id);
       } else {
-        updateNodeData(id, { status: import_types.NodeStatusEnum.IDLE, error: void 0 });
+        updateNodeData(id, { status: types.NodeStatusEnum.IDLE, error: void 0 });
       }
     },
     [id, isRunning, nodeExecuting, stopExecution, stopNodeExecution, updateNodeData]
@@ -948,9 +946,9 @@ function ImageGenNodeComponent(props) {
   const { id, type, data } = props;
   const nodeData = data;
   const { ModelBrowserModal } = chunkRJ262NXS_js.useWorkflowUIConfig();
-  const openNodeDetailModal = chunkEC2ZIWOK_js.useUIStore((state) => state.openNodeDetailModal);
-  const { handleGenerate, handleStop } = chunkHPQT36RR_js.useNodeExecution(id);
-  const { canGenerate } = chunkHPQT36RR_js.useCanGenerate({
+  const openNodeDetailModal = chunkDUZLPHRC_js.useUIStore((state) => state.openNodeDetailModal);
+  const { handleGenerate, handleStop } = chunkDICI5FSP_js.useNodeExecution(id);
+  const { canGenerate } = chunkDICI5FSP_js.useCanGenerate({
     nodeId: id,
     nodeType: type,
     inputSchema: nodeData.selectedModel?.inputSchema,
@@ -978,12 +976,12 @@ function ImageGenNodeComponent(props) {
       setTimeout(() => handleDownload(index), index * 100);
     });
   }, [nodeData.outputImages, handleDownload]);
-  const { handleModelSelect } = chunkHPQT36RR_js.useModelSelection({
+  const { handleModelSelect } = chunkDICI5FSP_js.useModelSelection({
     nodeId: id,
     modelMap: chunk3YFFDHC5_js.IMAGE_MODEL_MAP,
     fallbackModel: chunk3YFFDHC5_js.DEFAULT_IMAGE_MODEL
   });
-  chunkHPQT36RR_js.useAutoLoadModelSchema({
+  chunkDICI5FSP_js.useAutoLoadModelSchema({
     currentModel: nodeData.model,
     selectedModel: nodeData.selectedModel,
     modelIdMap: chunk3YFFDHC5_js.IMAGE_MODEL_ID_MAP,
@@ -995,7 +993,7 @@ function ImageGenNodeComponent(props) {
     modelSupportsImageInput,
     handleSchemaParamChange,
     componentSchemas
-  } = chunkHPQT36RR_js.useAIGenNode({
+  } = chunkDICI5FSP_js.useAIGenNode({
     nodeId: id,
     selectedModel: nodeData.selectedModel,
     schemaParams: nodeData.schemaParams
@@ -1009,7 +1007,7 @@ function ImageGenNodeComponent(props) {
   );
   const isProcessing = nodeData.status === "processing";
   const handleModelBrowse = react.useCallback(() => setIsModelBrowserOpen(true), []);
-  const { titleElement, headerActions } = chunkHPQT36RR_js.useAIGenNodeHeader({
+  const { titleElement, headerActions } = chunkDICI5FSP_js.useAIGenNodeHeader({
     modelDisplayName,
     isProcessing,
     canGenerate,
@@ -1155,10 +1153,10 @@ var ImageGenNode = react.memo(ImageGenNodeComponent);
 function LipSyncNodeComponent(props) {
   const { id, type, data } = props;
   const nodeData = data;
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
-  const openNodeDetailModal = chunkEC2ZIWOK_js.useUIStore((state) => state.openNodeDetailModal);
-  const { handleGenerate } = chunkHPQT36RR_js.useNodeExecution(id);
-  const { canGenerate } = chunkHPQT36RR_js.useCanGenerate({
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
+  const openNodeDetailModal = chunkDUZLPHRC_js.useUIStore((state) => state.openNodeDetailModal);
+  const { handleGenerate } = chunkDICI5FSP_js.useNodeExecution(id);
+  const { canGenerate } = chunkDICI5FSP_js.useCanGenerate({
     nodeId: id,
     nodeType: type
   });
@@ -1294,10 +1292,10 @@ function LLMNodeComponent(props) {
   const { id, type, data } = props;
   const nodeData = data;
   const { ModelBrowserModal } = chunkRJ262NXS_js.useWorkflowUIConfig();
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
-  const openNodeDetailModal = chunkEC2ZIWOK_js.useUIStore((state) => state.openNodeDetailModal);
-  const { handleGenerate, handleStop } = chunkHPQT36RR_js.useNodeExecution(id);
-  const { canGenerate: hasRequiredConnections } = chunkHPQT36RR_js.useCanGenerate({
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
+  const openNodeDetailModal = chunkDUZLPHRC_js.useUIStore((state) => state.openNodeDetailModal);
+  const { handleGenerate, handleStop } = chunkDICI5FSP_js.useNodeExecution(id);
+  const { canGenerate: hasRequiredConnections } = chunkDICI5FSP_js.useCanGenerate({
     nodeId: id,
     nodeType: type
   });
@@ -1305,12 +1303,12 @@ function LLMNodeComponent(props) {
   const hasInputPrompt = !!nodeData.inputPrompt?.trim();
   const canGenerate = hasRequiredConnections && hasSystemPrompt && hasInputPrompt;
   const [isModelBrowserOpen, setIsModelBrowserOpen] = react.useState(false);
-  const { handleModelSelect } = chunkHPQT36RR_js.useModelSelection({
+  const { handleModelSelect } = chunkDICI5FSP_js.useModelSelection({
     nodeId: id,
     modelMap: chunk3YFFDHC5_js.LLM_MODEL_MAP,
     fallbackModel: chunk3YFFDHC5_js.DEFAULT_LLM_MODEL
   });
-  chunkHPQT36RR_js.useAutoLoadModelSchema({
+  chunkDICI5FSP_js.useAutoLoadModelSchema({
     currentModel: nodeData.model,
     selectedModel: nodeData.selectedModel,
     modelIdMap: chunk3YFFDHC5_js.LLM_MODEL_ID_MAP,
@@ -1343,7 +1341,7 @@ function LLMNodeComponent(props) {
   );
   const isProcessing = nodeData.status === "processing";
   const handleModelBrowse = react.useCallback(() => setIsModelBrowserOpen(true), []);
-  const { titleElement, headerActions } = chunkHPQT36RR_js.useAIGenNodeHeader({
+  const { titleElement, headerActions } = chunkDICI5FSP_js.useAIGenNodeHeader({
     modelDisplayName,
     isProcessing,
     canGenerate,
@@ -1499,10 +1497,10 @@ var DURATIONS = [
 function MotionControlNodeComponent(props) {
   const { id, type, data } = props;
   const nodeData = data;
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
-  const openNodeDetailModal = chunkEC2ZIWOK_js.useUIStore((state) => state.openNodeDetailModal);
-  const { handleGenerate, handleStop } = chunkHPQT36RR_js.useNodeExecution(id);
-  const { canGenerate } = chunkHPQT36RR_js.useCanGenerate({
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
+  const openNodeDetailModal = chunkDUZLPHRC_js.useUIStore((state) => state.openNodeDetailModal);
+  const { handleGenerate, handleStop } = chunkDICI5FSP_js.useNodeExecution(id);
+  const { canGenerate } = chunkDICI5FSP_js.useCanGenerate({
     nodeId: id,
     nodeType: type
   });
@@ -1736,9 +1734,9 @@ var VOICES = [
 function TextToSpeechNodeComponent(props) {
   const { id, type, data } = props;
   const nodeData = data;
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
-  const { handleGenerate } = chunkHPQT36RR_js.useNodeExecution(id);
-  const { canGenerate } = chunkHPQT36RR_js.useCanGenerate({
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
+  const { handleGenerate } = chunkDICI5FSP_js.useNodeExecution(id);
+  const { canGenerate } = chunkDICI5FSP_js.useCanGenerate({
     nodeId: id,
     nodeType: type
   });
@@ -1904,9 +1902,6 @@ function TextToSpeechNodeComponent(props) {
   ] }) });
 }
 var TextToSpeechNode = react.memo(TextToSpeechNodeComponent);
-
-// src/nodes/ai/TranscribeNode.tsx
-var import_types2 = chunkZ7PWFZG5_js.__toESM(chunkNSDLGLAQ_js.require_dist());
 var LANGUAGES = [
   { value: "auto", label: "Auto-detect" },
   { value: "en", label: "English" },
@@ -1921,10 +1916,10 @@ var LANGUAGES = [
 function TranscribeNodeComponent(props) {
   const { id, type, data } = props;
   const nodeData = data;
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
-  const executeNode = chunkEC2ZIWOK_js.useExecutionStore((state) => state.executeNode);
-  const openNodeDetailModal = chunkEC2ZIWOK_js.useUIStore((state) => state.openNodeDetailModal);
-  const { canGenerate } = chunkHPQT36RR_js.useCanGenerate({
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
+  const executeNode = chunkDUZLPHRC_js.useExecutionStore((state) => state.executeNode);
+  const openNodeDetailModal = chunkDUZLPHRC_js.useUIStore((state) => state.openNodeDetailModal);
+  const { canGenerate } = chunkDICI5FSP_js.useCanGenerate({
     nodeId: id,
     nodeType: type
   });
@@ -1943,7 +1938,7 @@ function TranscribeNodeComponent(props) {
     [id, updateNodeData]
   );
   const handleTranscribe = react.useCallback(() => {
-    updateNodeData(id, { status: import_types2.NodeStatusEnum.PROCESSING });
+    updateNodeData(id, { status: types.NodeStatusEnum.PROCESSING });
     executeNode(id);
   }, [id, executeNode, updateNodeData]);
   const handleExpand = react.useCallback(() => {
@@ -2019,21 +2014,21 @@ function VideoGenNodeComponent(props) {
   const { id, type, data } = props;
   const nodeData = data;
   const { ModelBrowserModal } = chunkRJ262NXS_js.useWorkflowUIConfig();
-  const openNodeDetailModal = chunkEC2ZIWOK_js.useUIStore((state) => state.openNodeDetailModal);
-  const { handleGenerate, handleStop } = chunkHPQT36RR_js.useNodeExecution(id);
-  const { canGenerate } = chunkHPQT36RR_js.useCanGenerate({
+  const openNodeDetailModal = chunkDUZLPHRC_js.useUIStore((state) => state.openNodeDetailModal);
+  const { handleGenerate, handleStop } = chunkDICI5FSP_js.useNodeExecution(id);
+  const { canGenerate } = chunkDICI5FSP_js.useCanGenerate({
     nodeId: id,
     nodeType: type,
     inputSchema: nodeData.selectedModel?.inputSchema,
     schemaParams: nodeData.schemaParams
   });
   const [isModelBrowserOpen, setIsModelBrowserOpen] = react.useState(false);
-  const { handleModelSelect } = chunkHPQT36RR_js.useModelSelection({
+  const { handleModelSelect } = chunkDICI5FSP_js.useModelSelection({
     nodeId: id,
     modelMap: chunk3YFFDHC5_js.VIDEO_MODEL_MAP,
     fallbackModel: chunk3YFFDHC5_js.DEFAULT_VIDEO_MODEL
   });
-  chunkHPQT36RR_js.useAutoLoadModelSchema({
+  chunkDICI5FSP_js.useAutoLoadModelSchema({
     currentModel: nodeData.model,
     selectedModel: nodeData.selectedModel,
     modelIdMap: chunk3YFFDHC5_js.VIDEO_MODEL_ID_MAP,
@@ -2045,7 +2040,7 @@ function VideoGenNodeComponent(props) {
     modelSupportsImageInput,
     handleSchemaParamChange,
     componentSchemas
-  } = chunkHPQT36RR_js.useAIGenNode({
+  } = chunkDICI5FSP_js.useAIGenNode({
     nodeId: id,
     selectedModel: nodeData.selectedModel,
     schemaParams: nodeData.schemaParams
@@ -2059,7 +2054,7 @@ function VideoGenNodeComponent(props) {
   );
   const isProcessing = nodeData.status === "processing";
   const handleModelBrowse = react.useCallback(() => setIsModelBrowserOpen(true), []);
-  const { titleElement, headerActions } = chunkHPQT36RR_js.useAIGenNodeHeader({
+  const { titleElement, headerActions } = chunkDICI5FSP_js.useAIGenNodeHeader({
     modelDisplayName,
     isProcessing,
     canGenerate,
@@ -2132,16 +2127,13 @@ function VideoGenNodeComponent(props) {
   );
 }
 var VideoGenNode = react.memo(VideoGenNodeComponent);
-
-// src/nodes/ai/VoiceChangeNode.tsx
-var import_types3 = chunkZ7PWFZG5_js.__toESM(chunkNSDLGLAQ_js.require_dist());
 function VoiceChangeNodeComponent(props) {
   const { id, type, data } = props;
   const nodeData = data;
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
-  const executeNode = chunkEC2ZIWOK_js.useExecutionStore((state) => state.executeNode);
-  const openNodeDetailModal = chunkEC2ZIWOK_js.useUIStore((state) => state.openNodeDetailModal);
-  const { canGenerate } = chunkHPQT36RR_js.useCanGenerate({
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
+  const executeNode = chunkDUZLPHRC_js.useExecutionStore((state) => state.executeNode);
+  const openNodeDetailModal = chunkDUZLPHRC_js.useUIStore((state) => state.openNodeDetailModal);
+  const { canGenerate } = chunkDICI5FSP_js.useCanGenerate({
     nodeId: id,
     nodeType: type
   });
@@ -2160,7 +2152,7 @@ function VoiceChangeNodeComponent(props) {
     [id, updateNodeData]
   );
   const handleProcess = react.useCallback(() => {
-    updateNodeData(id, { status: import_types3.NodeStatusEnum.PROCESSING });
+    updateNodeData(id, { status: types.NodeStatusEnum.PROCESSING });
     executeNode(id);
   }, [id, executeNode, updateNodeData]);
   const handleExpand = react.useCallback(() => {
@@ -2263,7 +2255,7 @@ var INPUT_TYPES = [
 function WorkflowInputNodeComponent(props) {
   const { id, data } = props;
   const nodeData = data;
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
   const handleNameChange = react.useCallback(
     (e) => {
       updateNodeData(id, {
@@ -2363,7 +2355,7 @@ var OUTPUT_TYPES = [
 function WorkflowOutputNodeComponent(props) {
   const { id, data } = props;
   const nodeData = data;
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
   const videoRef = react.useRef(null);
   const [isPlaying, setIsPlaying] = react.useState(false);
   const handleNameChange = react.useCallback(
@@ -2504,7 +2496,7 @@ function setWorkflowRefApi(api) {
 function WorkflowRefNodeComponent(props) {
   const { id, data, selected } = props;
   const nodeData = data;
-  const { updateNodeData, workflowId: currentWorkflowId } = chunkNSDLGLAQ_js.useWorkflowStore();
+  const { updateNodeData, workflowId: currentWorkflowId } = chunkIHF35QZD_js.useWorkflowStore();
   const [workflows, setWorkflows] = react.useState([]);
   const [isLoading, setIsLoading] = react.useState(false);
   const [error, setError] = react.useState(null);
@@ -2760,8 +2752,8 @@ var WorkflowRefNode = react.memo(WorkflowRefNodeComponent);
 function AudioInputNodeComponent(props) {
   const { id, data } = props;
   const nodeData = data;
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
-  const openNodeDetailModal = chunkEC2ZIWOK_js.useUIStore((state) => state.openNodeDetailModal);
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
+  const openNodeDetailModal = chunkDUZLPHRC_js.useUIStore((state) => state.openNodeDetailModal);
   const fileInputRef = react.useRef(null);
   const [showUrlInput, setShowUrlInput] = react.useState(false);
   const [urlValue, setUrlValue] = react.useState(nodeData.url || "");
@@ -2937,7 +2929,7 @@ var AudioInputNode = react.memo(AudioInputNodeComponent);
 function ImageInputNodeComponent(props) {
   const { id, data } = props;
   const nodeData = data;
-  const openNodeDetailModal = chunkEC2ZIWOK_js.useUIStore((state) => state.openNodeDetailModal);
+  const openNodeDetailModal = chunkDUZLPHRC_js.useUIStore((state) => state.openNodeDetailModal);
   const {
     fileInputRef,
     showUrlInput,
@@ -2949,7 +2941,7 @@ function ImageInputNodeComponent(props) {
     handleRemove,
     handleUrlSubmit,
     handleUrlKeyDown
-  } = chunkHPQT36RR_js.useMediaUpload({
+  } = chunkDICI5FSP_js.useMediaUpload({
     nodeId: id,
     mediaType: "image",
     initialUrl: nodeData.url || "",
@@ -3089,9 +3081,9 @@ var ImageInputNode = react.memo(ImageInputNodeComponent);
 function PromptConstructorNodeComponent(props) {
   const { id, data } = props;
   const nodeData = data;
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
-  const edges = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.edges);
-  const nodes = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.nodes);
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
+  const edges = chunkIHF35QZD_js.useWorkflowStore((state) => state.edges);
+  const nodes = chunkIHF35QZD_js.useWorkflowStore((state) => state.nodes);
   const [localTemplate, setLocalTemplate] = react.useState(nodeData.template);
   const [isEditing, setIsEditing] = react.useState(false);
   const textareaRef = react.useRef(null);
@@ -3125,7 +3117,7 @@ function PromptConstructorNodeComponent(props) {
     handleKeyDown,
     handleAutocompleteSelect,
     closeAutocomplete
-  } = chunkHPQT36RR_js.usePromptAutocomplete({
+  } = chunkDICI5FSP_js.usePromptAutocomplete({
     availableVariables,
     textareaRef,
     localTemplate,
@@ -3234,7 +3226,7 @@ function PromptNodeComponent(props) {
   const { id, data } = props;
   const nodeData = data;
   const { PromptPicker } = chunkRJ262NXS_js.useWorkflowUIConfig();
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
   const { openCreateModal } = chunkRXNEDWK2_js.usePromptLibraryStore();
   const { openEditor } = chunk6DOEUDD5_js.usePromptEditorStore();
   const handlePromptChange = react.useCallback(
@@ -3299,7 +3291,7 @@ var PromptNode = react.memo(PromptNodeComponent);
 function VideoInputNodeComponent(props) {
   const { id, data } = props;
   const nodeData = data;
-  const openNodeDetailModal = chunkEC2ZIWOK_js.useUIStore((state) => state.openNodeDetailModal);
+  const openNodeDetailModal = chunkDUZLPHRC_js.useUIStore((state) => state.openNodeDetailModal);
   const {
     fileInputRef,
     showUrlInput,
@@ -3311,7 +3303,7 @@ function VideoInputNodeComponent(props) {
     handleRemove,
     handleUrlSubmit,
     handleUrlKeyDown
-  } = chunkHPQT36RR_js.useMediaUpload({
+  } = chunkDICI5FSP_js.useMediaUpload({
     nodeId: id,
     mediaType: "video",
     initialUrl: nodeData.url || "",
@@ -3489,9 +3481,9 @@ function getExtensionFromUrl(url, inputType) {
 function DownloadNodeComponent(props) {
   const { id, data } = props;
   const nodeData = data;
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
-  const edges = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.edges);
-  const isRunning = chunkEC2ZIWOK_js.useExecutionStore((state) => state.isRunning);
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
+  const edges = chunkIHF35QZD_js.useWorkflowStore((state) => state.edges);
+  const isRunning = chunkDUZLPHRC_js.useExecutionStore((state) => state.isRunning);
   const [isDownloading, setIsDownloading] = react.useState(false);
   const isConnected = edges.some((edge) => edge.target === id);
   const activeMedia = nodeData.inputVideo || nodeData.inputImage;
@@ -3590,9 +3582,6 @@ function DownloadNodeComponent(props) {
 }
 var DownloadNode = react.memo(DownloadNodeComponent);
 var OutputNode = DownloadNode;
-
-// src/nodes/processing/AnimationNode.tsx
-var import_types4 = chunkZ7PWFZG5_js.__toESM(chunkNSDLGLAQ_js.require_dist());
 var PRESET_OPTIONS = [
   { value: "linear", label: "Linear" },
   { value: "easeIn", label: "Ease In" },
@@ -3611,10 +3600,10 @@ var PRESET_OPTIONS = [
 function AnimationNodeComponent(props) {
   const { id, type, data } = props;
   const nodeData = data;
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
-  const executeNode = chunkEC2ZIWOK_js.useExecutionStore((state) => state.executeNode);
-  const openNodeDetailModal = chunkEC2ZIWOK_js.useUIStore((state) => state.openNodeDetailModal);
-  const { hasRequiredInputs } = chunkHPQT36RR_js.useRequiredInputs(id, type);
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
+  const executeNode = chunkDUZLPHRC_js.useExecutionStore((state) => state.executeNode);
+  const openNodeDetailModal = chunkDUZLPHRC_js.useUIStore((state) => state.openNodeDetailModal);
+  const { hasRequiredInputs } = chunkDICI5FSP_js.useRequiredInputs(id, type);
   const handleCurveTypeChange = react.useCallback(
     (type2) => {
       updateNodeData(id, { curveType: type2 });
@@ -3640,7 +3629,7 @@ function AnimationNodeComponent(props) {
     [id, updateNodeData]
   );
   const handleProcess = react.useCallback(() => {
-    updateNodeData(id, { status: import_types4.NodeStatusEnum.PROCESSING });
+    updateNodeData(id, { status: types.NodeStatusEnum.PROCESSING });
     executeNode(id);
   }, [id, executeNode, updateNodeData]);
   const handleExpand = react.useCallback(() => {
@@ -3759,8 +3748,8 @@ function AnnotationNodeComponent(props) {
   const { id, data } = props;
   const nodeData = data;
   const openAnnotation = chunk6DOEUDD5_js.useAnnotationStore((state) => state.openAnnotation);
-  const openNodeDetailModal = chunkEC2ZIWOK_js.useUIStore((state) => state.openNodeDetailModal);
-  const getConnectedInputs = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.getConnectedInputs);
+  const openNodeDetailModal = chunkDUZLPHRC_js.useUIStore((state) => state.openNodeDetailModal);
+  const getConnectedInputs = chunkIHF35QZD_js.useWorkflowStore((state) => state.getConnectedInputs);
   const connectedInputs = getConnectedInputs(id);
   const inputImage = connectedInputs.get("image") ?? nodeData.inputImage;
   const handleEditAnnotations = react.useCallback(() => {
@@ -3827,8 +3816,8 @@ var AnnotationNode = react.memo(AnnotationNodeComponent);
 function ImageCompareNodeComponent(props) {
   const { id, data } = props;
   const nodeData = data;
-  const edges = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.edges);
-  const nodes = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.nodes);
+  const edges = chunkIHF35QZD_js.useWorkflowStore((state) => state.edges);
+  const nodes = chunkIHF35QZD_js.useWorkflowStore((state) => state.nodes);
   const displayImages = react.useMemo(() => {
     const connectedImages = [];
     const sortedEdges = edges.filter((edge) => edge.target === id).sort((a, b) => {
@@ -3889,9 +3878,6 @@ function ImageCompareNodeComponent(props) {
   ] }) });
 }
 var ImageCompareNode = react.memo(ImageCompareNodeComponent);
-
-// src/nodes/processing/ImageGridSplitNode.tsx
-var import_types5 = chunkZ7PWFZG5_js.__toESM(chunkNSDLGLAQ_js.require_dist());
 var OUTPUT_FORMATS = [
   { value: "jpg", label: "JPEG" },
   { value: "png", label: "PNG" },
@@ -3900,8 +3886,8 @@ var OUTPUT_FORMATS = [
 function ImageGridSplitNodeComponent(props) {
   const { id, data } = props;
   const nodeData = data;
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
-  const executeNode = chunkEC2ZIWOK_js.useExecutionStore((state) => state.executeNode);
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
+  const executeNode = chunkDUZLPHRC_js.useExecutionStore((state) => state.executeNode);
   const [selectedPreview, setSelectedPreview] = react.useState(null);
   const handleRowsChange = react.useCallback(
     (e) => {
@@ -3942,7 +3928,7 @@ function ImageGridSplitNodeComponent(props) {
     [id, updateNodeData]
   );
   const handleProcess = react.useCallback(() => {
-    updateNodeData(id, { status: import_types5.NodeStatusEnum.PROCESSING });
+    updateNodeData(id, { status: types.NodeStatusEnum.PROCESSING });
     executeNode(id);
   }, [id, executeNode, updateNodeData]);
   const handleDownload = react.useCallback(
@@ -4169,7 +4155,7 @@ var ImageGridSplitNode = react.memo(ImageGridSplitNodeComponent);
 function OutputGalleryNodeComponent(props) {
   const { id, data } = props;
   const nodeData = data;
-  const { edges, nodes } = chunkNSDLGLAQ_js.useWorkflowStore(
+  const { edges, nodes } = chunkIHF35QZD_js.useWorkflowStore(
     shallow.useShallow((state) => ({ edges: state.edges, nodes: state.nodes }))
   );
   const [lightboxIndex, setLightboxIndex] = react.useState(null);
@@ -4357,9 +4343,6 @@ function OutputGalleryNodeComponent(props) {
   ] });
 }
 var OutputGalleryNode = react.memo(OutputGalleryNodeComponent);
-
-// src/nodes/processing/ReframeNode.tsx
-var import_types6 = chunkZ7PWFZG5_js.__toESM(chunkNSDLGLAQ_js.require_dist());
 var MODELS = [
   { value: "photon-flash-1", label: "Photon Flash", price: "$0.01" },
   { value: "photon-1", label: "Photon", price: "$0.03" }
@@ -4376,8 +4359,8 @@ var ASPECT_RATIOS2 = [
 function ReframeNodeComponent(props) {
   const { id, data } = props;
   const nodeData = data;
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
-  const executeNode = chunkEC2ZIWOK_js.useExecutionStore((state) => state.executeNode);
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
+  const executeNode = chunkDUZLPHRC_js.useExecutionStore((state) => state.executeNode);
   const videoRef = react.useRef(null);
   const [isPlaying, setIsPlaying] = react.useState(false);
   const inputType = nodeData.inputType ?? (nodeData.inputImage ? "image" : nodeData.inputVideo ? "video" : null);
@@ -4412,7 +4395,7 @@ function ReframeNodeComponent(props) {
     [id, updateNodeData]
   );
   const handleProcess = react.useCallback(() => {
-    updateNodeData(id, { status: import_types6.NodeStatusEnum.PROCESSING });
+    updateNodeData(id, { status: types.NodeStatusEnum.PROCESSING });
     executeNode(id);
   }, [id, executeNode, updateNodeData]);
   const togglePlayback = react.useCallback(() => {
@@ -4535,9 +4518,6 @@ function ReframeNodeComponent(props) {
   ] }) });
 }
 var ReframeNode = react.memo(ReframeNodeComponent);
-
-// src/nodes/processing/ResizeNode.tsx
-var import_types7 = chunkZ7PWFZG5_js.__toESM(chunkNSDLGLAQ_js.require_dist());
 var MODELS2 = {
   image: { id: "photon-flash-1", label: "Luma Photon Flash", price: "$0.01" },
   video: { id: "luma-reframe", label: "Luma Reframe", price: "$0.05" }
@@ -4545,8 +4525,8 @@ var MODELS2 = {
 function ResizeNodeComponent(props) {
   const { id, data } = props;
   const nodeData = data;
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
-  const executeNode = chunkEC2ZIWOK_js.useExecutionStore((state) => state.executeNode);
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
+  const executeNode = chunkDUZLPHRC_js.useExecutionStore((state) => state.executeNode);
   const mediaType = nodeData.inputType ?? "image";
   const currentModel = MODELS2[mediaType];
   const handleTypeChange = react.useCallback(
@@ -4578,7 +4558,7 @@ function ResizeNodeComponent(props) {
     [id, updateNodeData]
   );
   const handleProcess = react.useCallback(() => {
-    updateNodeData(id, { status: import_types7.NodeStatusEnum.PROCESSING });
+    updateNodeData(id, { status: types.NodeStatusEnum.PROCESSING });
     executeNode(id);
   }, [id, executeNode, updateNodeData]);
   return /* @__PURE__ */ jsxRuntime.jsx(BaseNode, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
@@ -4672,9 +4652,6 @@ function ResizeNodeComponent(props) {
   ] }) });
 }
 var ResizeNode = react.memo(ResizeNodeComponent);
-
-// src/nodes/processing/SubtitleNode.tsx
-var import_types8 = chunkZ7PWFZG5_js.__toESM(chunkNSDLGLAQ_js.require_dist());
 var STYLE_OPTIONS = [
   { value: "modern", label: "Modern" },
   { value: "default", label: "Default" },
@@ -4689,8 +4666,8 @@ var POSITION_OPTIONS = [
 function SubtitleNodeComponent(props) {
   const { id, data } = props;
   const nodeData = data;
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
-  const executeNode = chunkEC2ZIWOK_js.useExecutionStore((state) => state.executeNode);
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
+  const executeNode = chunkDUZLPHRC_js.useExecutionStore((state) => state.executeNode);
   const handleStyleChange = react.useCallback(
     (value) => {
       updateNodeData(id, { style: value });
@@ -4716,7 +4693,7 @@ function SubtitleNodeComponent(props) {
     [id, updateNodeData]
   );
   const handleProcess = react.useCallback(() => {
-    updateNodeData(id, { status: import_types8.NodeStatusEnum.PROCESSING });
+    updateNodeData(id, { status: types.NodeStatusEnum.PROCESSING });
     executeNode(id);
   }, [id, executeNode, updateNodeData]);
   const hasRequiredInputs = nodeData.inputVideo && nodeData.inputText;
@@ -4797,9 +4774,6 @@ function SubtitleNodeComponent(props) {
   ] }) });
 }
 var SubtitleNode = react.memo(SubtitleNodeComponent);
-
-// src/nodes/processing/UpscaleNode.tsx
-var import_types9 = chunkZ7PWFZG5_js.__toESM(chunkNSDLGLAQ_js.require_dist());
 var IMAGE_MODELS2 = [
   { value: "topaz-standard-v2", label: "Standard V2" },
   { value: "topaz-low-res-v2", label: "Low Resolution V2" },
@@ -4830,9 +4804,9 @@ var FPS_OPTIONS = [
 function UpscaleNodeComponent(props) {
   const { id, data } = props;
   const nodeData = data;
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
-  const executeNode = chunkEC2ZIWOK_js.useExecutionStore((state) => state.executeNode);
-  const openNodeDetailModal = chunkEC2ZIWOK_js.useUIStore((state) => state.openNodeDetailModal);
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
+  const executeNode = chunkDUZLPHRC_js.useExecutionStore((state) => state.executeNode);
+  const openNodeDetailModal = chunkDUZLPHRC_js.useUIStore((state) => state.openNodeDetailModal);
   const videoRef = react.useRef(null);
   const [isPlaying, setIsPlaying] = react.useState(false);
   const inputType = nodeData.inputType ?? (nodeData.inputImage ? "image" : nodeData.inputVideo ? "video" : null);
@@ -4908,7 +4882,7 @@ function UpscaleNodeComponent(props) {
     [id, updateNodeData]
   );
   const handleProcess = react.useCallback(() => {
-    updateNodeData(id, { status: import_types9.NodeStatusEnum.PROCESSING });
+    updateNodeData(id, { status: types.NodeStatusEnum.PROCESSING });
     executeNode(id);
   }, [id, executeNode, updateNodeData]);
   const handleExpand = react.useCallback(() => {
@@ -5170,9 +5144,6 @@ function UpscaleNodeComponent(props) {
   ] }) });
 }
 var UpscaleNode = react.memo(UpscaleNodeComponent);
-
-// src/nodes/processing/VideoFrameExtractNode.tsx
-var import_types10 = chunkZ7PWFZG5_js.__toESM(chunkNSDLGLAQ_js.require_dist());
 var SELECTION_MODES = [
   { value: "last", label: "Last Frame" },
   { value: "first", label: "First Frame" }
@@ -5185,8 +5156,8 @@ function formatTime(seconds) {
 function VideoFrameExtractNodeComponent(props) {
   const { id, data } = props;
   const nodeData = data;
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
-  const executeNode = chunkEC2ZIWOK_js.useExecutionStore((state) => state.executeNode);
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
+  const executeNode = chunkDUZLPHRC_js.useExecutionStore((state) => state.executeNode);
   const handleModeChange = react.useCallback(
     (value) => {
       updateNodeData(id, { selectionMode: value });
@@ -5194,7 +5165,7 @@ function VideoFrameExtractNodeComponent(props) {
     [id, updateNodeData]
   );
   const handleProcess = react.useCallback(() => {
-    updateNodeData(id, { status: import_types10.NodeStatusEnum.PROCESSING });
+    updateNodeData(id, { status: types.NodeStatusEnum.PROCESSING });
     executeNode(id);
   }, [id, executeNode, updateNodeData]);
   return /* @__PURE__ */ jsxRuntime.jsx(BaseNode, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
@@ -5246,9 +5217,6 @@ function VideoFrameExtractNodeComponent(props) {
   ] }) });
 }
 var VideoFrameExtractNode = react.memo(VideoFrameExtractNodeComponent);
-
-// src/nodes/processing/VideoStitchNode.tsx
-var import_types11 = chunkZ7PWFZG5_js.__toESM(chunkNSDLGLAQ_js.require_dist());
 var TRANSITIONS = [
   { value: "cut", label: "Cut (No transition)" },
   { value: "crossfade", label: "Crossfade" },
@@ -5263,8 +5231,8 @@ function VideoStitchNodeComponent(props) {
   const { id, data } = props;
   const nodeData = data;
   const inputVideos = nodeData.inputVideos ?? [];
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
-  const executeNode = chunkEC2ZIWOK_js.useExecutionStore((state) => state.executeNode);
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
+  const executeNode = chunkDUZLPHRC_js.useExecutionStore((state) => state.executeNode);
   const handleTransitionChange = react.useCallback(
     (value) => {
       updateNodeData(id, {
@@ -5310,7 +5278,7 @@ function VideoStitchNodeComponent(props) {
     [id, updateNodeData]
   );
   const handleProcess = react.useCallback(() => {
-    updateNodeData(id, { status: import_types11.NodeStatusEnum.PROCESSING });
+    updateNodeData(id, { status: types.NodeStatusEnum.PROCESSING });
     executeNode(id);
   }, [id, executeNode, updateNodeData]);
   return /* @__PURE__ */ jsxRuntime.jsx(BaseNode, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
@@ -5444,9 +5412,6 @@ function VideoStitchNodeComponent(props) {
   ] }) });
 }
 var VideoStitchNode = react.memo(VideoStitchNodeComponent);
-
-// src/nodes/processing/VideoTrimNode.tsx
-var import_types12 = chunkZ7PWFZG5_js.__toESM(chunkNSDLGLAQ_js.require_dist());
 function formatTime2(seconds) {
   const mins = Math.floor(seconds / 60);
   const secs = Math.floor(seconds % 60);
@@ -5459,9 +5424,9 @@ function parseTime(timeStr) {
 function VideoTrimNodeComponent(props) {
   const { id, data } = props;
   const nodeData = data;
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
-  const executeNode = chunkEC2ZIWOK_js.useExecutionStore((state) => state.executeNode);
-  const openNodeDetailModal = chunkEC2ZIWOK_js.useUIStore((state) => state.openNodeDetailModal);
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
+  const executeNode = chunkDUZLPHRC_js.useExecutionStore((state) => state.executeNode);
+  const openNodeDetailModal = chunkDUZLPHRC_js.useUIStore((state) => state.openNodeDetailModal);
   const hasRequiredInputs = !!nodeData.inputVideo;
   const handleStartTimeChange = react.useCallback(
     (e) => {
@@ -5490,7 +5455,7 @@ function VideoTrimNodeComponent(props) {
     [id, updateNodeData]
   );
   const handleProcess = react.useCallback(() => {
-    updateNodeData(id, { status: import_types12.NodeStatusEnum.PROCESSING });
+    updateNodeData(id, { status: types.NodeStatusEnum.PROCESSING });
     executeNode(id);
   }, [id, executeNode, updateNodeData]);
   const handleExpand = react.useCallback(() => {