@genfeedai/workflow-ui 0.1.0 → 0.1.2

package/dist/canvas.js

@@ -1,45 +1,45 @@
 'use strict';
 
-var chunkCETJJ73S_js = require('./chunk-CETJJ73S.js');
-require('./chunk-H6LZKSLY.js');
+var chunkBMFRA6GK_js = require('./chunk-BMFRA6GK.js');
+require('./chunk-ECD5J2BA.js');
 require('./chunk-3SPPKCWR.js');
 require('./chunk-3YFFDHC5.js');
-require('./chunk-ADWNF7V3.js');
-require('./chunk-HPQT36RR.js');
+require('./chunk-EMGXUNBL.js');
+require('./chunk-3TMV3K34.js');
 require('./chunk-5HJFQVUR.js');
 require('./chunk-EMUMKW5C.js');
 require('./chunk-6DOEUDD5.js');
 require('./chunk-JLWKW3G5.js');
-require('./chunk-EC2ZIWOK.js');
-require('./chunk-NSDLGLAQ.js');
+require('./chunk-AXFOCPPP.js');
+require('./chunk-IHF35QZD.js');
 require('./chunk-5LQ4QBR5.js');
 require('./chunk-RJ262NXS.js');
 require('./chunk-RXNEDWK2.js');
-require('./chunk-Z7PWFZG5.js');
+require('./chunk-4MZ62VMF.js');
 
 
 
 Object.defineProperty(exports, "GroupOverlay", {
   enumerable: true,
-  get: function () { return chunkCETJJ73S_js.GroupOverlay; }
+  get: function () { return chunkBMFRA6GK_js.GroupOverlay; }
 });
 Object.defineProperty(exports, "HelperLines", {
   enumerable: true,
-  get: function () { return chunkCETJJ73S_js.HelperLines; }
+  get: function () { return chunkBMFRA6GK_js.HelperLines; }
 });
 Object.defineProperty(exports, "NodeSearch", {
   enumerable: true,
-  get: function () { return chunkCETJJ73S_js.NodeSearch; }
+  get: function () { return chunkBMFRA6GK_js.NodeSearch; }
 });
 Object.defineProperty(exports, "PauseEdge", {
   enumerable: true,
-  get: function () { return chunkCETJJ73S_js.PauseEdge; }
+  get: function () { return chunkBMFRA6GK_js.PauseEdge; }
 });
 Object.defineProperty(exports, "ShortcutHelpModal", {
   enumerable: true,
-  get: function () { return chunkCETJJ73S_js.ShortcutHelpModal; }
+  get: function () { return chunkBMFRA6GK_js.ShortcutHelpModal; }
 });
 Object.defineProperty(exports, "WorkflowCanvas", {
   enumerable: true,
-  get: function () { return chunkCETJJ73S_js.WorkflowCanvas; }
+  get: function () { return chunkBMFRA6GK_js.WorkflowCanvas; }
 });

package/dist/canvas.mjs

@@ -1,16 +1,16 @@
-export { GroupOverlay, HelperLines, NodeSearch, PauseEdge, ShortcutHelpModal, WorkflowCanvas } from './chunk-VOGL2WCE.mjs';
-import './chunk-XV5Z5XYR.mjs';
+export { GroupOverlay, HelperLines, NodeSearch, PauseEdge, ShortcutHelpModal, WorkflowCanvas } from './chunk-7P2JWDC7.mjs';
+import './chunk-E3YBVMYZ.mjs';
 import './chunk-ZJD5WMR3.mjs';
 import './chunk-E323WAZG.mjs';
-import './chunk-UQQUWGHW.mjs';
-import './chunk-FT64PCUP.mjs';
+import './chunk-IASLG6IA.mjs';
+import './chunk-AOTUCJMA.mjs';
 import './chunk-7SKSRSS7.mjs';
 import './chunk-EFXQT23N.mjs';
 import './chunk-CV4M7CNU.mjs';
 import './chunk-LDN7IX4Y.mjs';
-import './chunk-CSUBLSKZ.mjs';
-import './chunk-BJ3R5R32.mjs';
+import './chunk-SQK4JDYY.mjs';
+import './chunk-RIGVIEYB.mjs';
 import './chunk-MLJJBBTB.mjs';
 import './chunk-FT33LFII.mjs';
 import './chunk-VRN3UWE5.mjs';
-import './chunk-AC6TWLRT.mjs';
+import './chunk-ZJWP5KGZ.mjs';

package/dist/{chunk-HPQT36RR.js → chunk-3TMV3K34.js}

@@ -2,13 +2,13 @@
 
 var chunk5HJFQVUR_js = require('./chunk-5HJFQVUR.js');
 var chunkEMUMKW5C_js = require('./chunk-EMUMKW5C.js');
-var chunkEC2ZIWOK_js = require('./chunk-EC2ZIWOK.js');
-var chunkNSDLGLAQ_js = require('./chunk-NSDLGLAQ.js');
+var chunkAXFOCPPP_js = require('./chunk-AXFOCPPP.js');
+var chunkIHF35QZD_js = require('./chunk-IHF35QZD.js');
 var chunkRJ262NXS_js = require('./chunk-RJ262NXS.js');
-var chunkZ7PWFZG5_js = require('./chunk-Z7PWFZG5.js');
 var react = require('react');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
+var types = require('@genfeedai/types');
 var shallow = require('zustand/react/shallow');
 
 function useAIGenNode({
@@ -16,7 +16,7 @@ function useAIGenNode({
   selectedModel,
   schemaParams
 }) {
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
   const schemaProperties = react.useMemo(() => {
     const schema = selectedModel?.inputSchema;
     return schema?.properties;
@@ -34,7 +34,7 @@ function useAIGenNode({
   const componentSchemas = selectedModel?.componentSchemas;
   const handleSchemaParamChange = react.useCallback(
     (key, value) => {
-      const currentNode = chunkNSDLGLAQ_js.useWorkflowStore.getState().getNodeById(nodeId);
+      const currentNode = chunkIHF35QZD_js.useWorkflowStore.getState().getNodeById(nodeId);
       const currentData = currentNode?.data;
       updateNodeData(nodeId, {
         schemaParams: {
@@ -136,13 +136,10 @@ function useAutoLoadModelSchema({
     };
   }, [currentModel, selectedModel, modelIdMap, onModelSelect, modelSchema]);
 }
-
-// src/hooks/useRequiredInputs.ts
-var import_types = chunkZ7PWFZG5_js.__toESM(chunkNSDLGLAQ_js.require_dist());
 function useRequiredInputs(nodeId, nodeType) {
-  const edges = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.edges);
+  const edges = chunkIHF35QZD_js.useWorkflowStore((state) => state.edges);
   return react.useMemo(() => {
-    const nodeDef = import_types.NODE_DEFINITIONS[nodeType];
+    const nodeDef = types.NODE_DEFINITIONS[nodeType];
     if (!nodeDef) {
       return { hasRequiredInputs: true, missingInputs: [], connectionStatus: /* @__PURE__ */ new Map() };
     }
@@ -164,9 +161,6 @@ function useRequiredInputs(nodeId, nodeType) {
     };
   }, [nodeId, nodeType, edges]);
 }
-
-// src/hooks/useCanGenerate.ts
-var import_types2 = chunkZ7PWFZG5_js.__toESM(chunkNSDLGLAQ_js.require_dist());
 function extractOutputValue(node, handleType) {
   const data = node.data;
   if (handleType === "text") {
@@ -187,12 +181,12 @@ function useCanGenerate({
   schemaParams
 }) {
   const { hasRequiredInputs, missingInputs } = useRequiredInputs(nodeId, nodeType);
-  const getConnectedInputs = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.getConnectedInputs);
+  const getConnectedInputs = chunkIHF35QZD_js.useWorkflowStore((state) => state.getConnectedInputs);
   const incomingEdgesSelector = react.useCallback(
     (state) => state.edges.filter((e) => e.target === nodeId),
     [nodeId]
   );
-  const incomingEdges = chunkNSDLGLAQ_js.useWorkflowStore(shallow.useShallow(incomingEdgesSelector));
+  const incomingEdges = chunkIHF35QZD_js.useWorkflowStore(shallow.useShallow(incomingEdgesSelector));
   const connectedOutputsSelector = react.useCallback(
     (state) => {
       const outputs = {};
@@ -206,7 +200,7 @@ function useCanGenerate({
     },
     [incomingEdges]
   );
-  chunkNSDLGLAQ_js.useWorkflowStore(shallow.useShallow(connectedOutputsSelector));
+  chunkIHF35QZD_js.useWorkflowStore(shallow.useShallow(connectedOutputsSelector));
   return react.useMemo(() => {
     const missingItems = [];
     for (const inputId of missingInputs) {
@@ -217,7 +211,7 @@ function useCanGenerate({
       });
     }
     const connectedInputs = getConnectedInputs(nodeId);
-    const nodeDef = import_types2.NODE_DEFINITIONS[nodeType];
+    const nodeDef = types.NODE_DEFINITIONS[nodeType];
     const requiredHandleIds = new Set(
       nodeDef?.inputs.filter((h) => h.required).map((h) => h.id) ?? []
     );
@@ -267,7 +261,7 @@ function useCanGenerate({
   ]);
 }
 function useModelSelection({ nodeId, modelMap, fallbackModel }) {
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
   const handleModelSelect = react.useCallback(
     (model) => {
       const internalModel = modelMap[model.id] ?? fallbackModel;
@@ -290,15 +284,12 @@ function useModelSelection({ nodeId, modelMap, fallbackModel }) {
   );
   return { handleModelSelect };
 }
-
-// src/hooks/useNodeExecution.ts
-var import_types3 = chunkZ7PWFZG5_js.__toESM(chunkNSDLGLAQ_js.require_dist());
 function useNodeExecution(nodeId) {
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
-  const executeNode = chunkEC2ZIWOK_js.useExecutionStore((state) => state.executeNode);
-  const stopNodeExecution = chunkEC2ZIWOK_js.useExecutionStore((state) => state.stopNodeExecution);
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
+  const executeNode = chunkAXFOCPPP_js.useExecutionStore((state) => state.executeNode);
+  const stopNodeExecution = chunkAXFOCPPP_js.useExecutionStore((state) => state.stopNodeExecution);
   const handleGenerate = react.useCallback(() => {
-    updateNodeData(nodeId, { status: import_types3.NodeStatusEnum.PROCESSING });
+    updateNodeData(nodeId, { status: types.NodeStatusEnum.PROCESSING });
     executeNode(nodeId);
   }, [nodeId, executeNode, updateNodeData]);
   const handleStop = react.useCallback(() => {
@@ -324,8 +315,8 @@ function useMediaUpload({
   buildUrlUpdate,
   buildRemoveUpdate
 }) {
-  const updateNodeData = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.updateNodeData);
-  const workflowId = chunkNSDLGLAQ_js.useWorkflowStore((state) => state.workflowId);
+  const updateNodeData = chunkIHF35QZD_js.useWorkflowStore((state) => state.updateNodeData);
+  const workflowId = chunkIHF35QZD_js.useWorkflowStore((state) => state.workflowId);
   const { fileUpload } = chunkRJ262NXS_js.useWorkflowUIConfig();
   const fileInputRef = react.useRef(null);
   const [showUrlInput, setShowUrlInput] = react.useState(false);

package/dist/{chunk-Z7PWFZG5.js → chunk-4MZ62VMF.js}

@@ -6,7 +6,13 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+var __commonJS = (cb, mod) => function __require2() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
 var __copyProps = (to, from, except, desc) => {
@@ -27,4 +33,5 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 
 exports.__commonJS = __commonJS;
+exports.__require = __require;
 exports.__toESM = __toESM;

package/dist/{chunk-VOGL2WCE.mjs → chunk-7P2JWDC7.mjs}

@@ -1,22 +1,19 @@
-import { nodeTypes } from './chunk-XV5Z5XYR.mjs';
+import { nodeTypes } from './chunk-E3YBVMYZ.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-SQK4JDYY.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;

package/dist/{chunk-FT64PCUP.mjs → chunk-AOTUCJMA.mjs}

@@ -1,12 +1,12 @@
 import { Button } from './chunk-7SKSRSS7.mjs';
 import { extractEnumValues, supportsImageInput, validateRequiredSchemaFields, CONNECTION_FIELDS, getSchemaDefaults, getImageDimensions, getVideoMetadata } from './chunk-EFXQT23N.mjs';
-import { useExecutionStore } from './chunk-CSUBLSKZ.mjs';
-import { require_dist, useWorkflowStore } from './chunk-BJ3R5R32.mjs';
+import { useExecutionStore } from './chunk-SQK4JDYY.mjs';
+import { useWorkflowStore } from './chunk-RIGVIEYB.mjs';
 import { useWorkflowUIConfig } from './chunk-FT33LFII.mjs';
-import { __toESM } from './chunk-AC6TWLRT.mjs';
 import { useMemo, useCallback, useRef, useEffect, useState } from 'react';
 import { ChevronDown, Expand, Square, Play } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { NODE_DEFINITIONS, NodeStatusEnum } from '@genfeedai/types';
 import { useShallow } from 'zustand/react/shallow';
 
 function useAIGenNode({
@@ -134,13 +134,10 @@ function useAutoLoadModelSchema({
     };
   }, [currentModel, selectedModel, modelIdMap, onModelSelect, modelSchema]);
 }
-
-// src/hooks/useRequiredInputs.ts
-var import_types = __toESM(require_dist());
 function useRequiredInputs(nodeId, nodeType) {
   const edges = useWorkflowStore((state) => state.edges);
   return useMemo(() => {
-    const nodeDef = import_types.NODE_DEFINITIONS[nodeType];
+    const nodeDef = NODE_DEFINITIONS[nodeType];
     if (!nodeDef) {
       return { hasRequiredInputs: true, missingInputs: [], connectionStatus: /* @__PURE__ */ new Map() };
     }
@@ -162,9 +159,6 @@ function useRequiredInputs(nodeId, nodeType) {
     };
   }, [nodeId, nodeType, edges]);
 }
-
-// src/hooks/useCanGenerate.ts
-var import_types2 = __toESM(require_dist());
 function extractOutputValue(node, handleType) {
   const data = node.data;
   if (handleType === "text") {
@@ -215,7 +209,7 @@ function useCanGenerate({
       });
     }
     const connectedInputs = getConnectedInputs(nodeId);
-    const nodeDef = import_types2.NODE_DEFINITIONS[nodeType];
+    const nodeDef = NODE_DEFINITIONS[nodeType];
     const requiredHandleIds = new Set(
       nodeDef?.inputs.filter((h) => h.required).map((h) => h.id) ?? []
     );
@@ -288,15 +282,12 @@ function useModelSelection({ nodeId, modelMap, fallbackModel }) {
   );
   return { handleModelSelect };
 }
-
-// src/hooks/useNodeExecution.ts
-var import_types3 = __toESM(require_dist());
 function useNodeExecution(nodeId) {
   const updateNodeData = useWorkflowStore((state) => state.updateNodeData);
   const executeNode = useExecutionStore((state) => state.executeNode);
   const stopNodeExecution = useExecutionStore((state) => state.stopNodeExecution);
   const handleGenerate = useCallback(() => {
-    updateNodeData(nodeId, { status: import_types3.NodeStatusEnum.PROCESSING });
+    updateNodeData(nodeId, { status: NodeStatusEnum.PROCESSING });
     executeNode(nodeId);
   }, [nodeId, executeNode, updateNodeData]);
   const handleStop = useCallback(() => {

package/dist/{chunk-LAJ34AH2.mjs → chunk-AUZR6REQ.mjs}

@@ -1,12 +1,9 @@
-import { useExecutionStore, useUIStore } from './chunk-CSUBLSKZ.mjs';
-import { require_dist } from './chunk-BJ3R5R32.mjs';
-import { __toESM } from './chunk-AC6TWLRT.mjs';
+import { useExecutionStore, useUIStore } from './chunk-SQK4JDYY.mjs';
+import { getNodesByCategory } from '@genfeedai/types';
 import { Bug, Trash2, X, ChevronDown, ChevronRight, Copy, PanelLeftClose, Search, GitBranch, ArrowLeftFromLine, ArrowRightToLine, Download, Eye, CheckCircle, Columns2, LayoutGrid, Subtitles, Pencil, Grid3X3, Maximize, Crop, Film, Scissors, Layers, Wand2, Maximize2, Navigation, AudioLines, Mic, Brain, Video, Sparkles, Puzzle, Volume2, FileVideo, FileText, MessageSquare, Image } from 'lucide-react';
 import { forwardRef, memo, useCallback, useState, useMemo } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-// src/panels/NodePalette.tsx
-var import_types = __toESM(require_dist());
 var ICONS = {
   // Input
   Image,
@@ -105,7 +102,7 @@ function NodeCard({ type, label, description, icon, category }) {
   );
 }
 function CategorySection({ category, isExpanded, onToggle }) {
-  const nodes = (0, import_types.getNodesByCategory)()[category];
+  const nodes = getNodesByCategory()[category];
   return /* @__PURE__ */ jsxs("div", { className: "border-b border-[var(--border)] last:border-0", children: [
     /* @__PURE__ */ jsxs(
       "button",
@@ -138,7 +135,7 @@ function NodePalette() {
   const [expandedCategories, setExpandedCategories] = useState(
     /* @__PURE__ */ new Set(["input"])
   );
-  const nodesByCategory = useMemo(() => (0, import_types.getNodesByCategory)(), []);
+  const nodesByCategory = useMemo(() => getNodesByCategory(), []);
   const filteredNodes = useMemo(() => {
     if (!searchQuery.trim()) return null;
     const query = searchQuery.toLowerCase();