@genfeedai/workflow-ui 0.2.2 → 0.2.3

package/README.md

@@ -1,52 +1,30 @@
 # @genfeedai/workflow-ui
 
-Shared UI components for the Genfeed workflow editor built on React Flow.
+Shared workflow editor UI components built on React Flow.
 
-## Installation
+## Install
 
 ```bash
-npm install @genfeedai/workflow-ui
-# or
-bun add @genfeedai/workflow-ui
-```
-
-### Peer Dependencies
-
-```bash
-npm install @xyflow/react react react-dom zustand zundo next
+npm i @genfeedai/workflow-ui
 ```
 
 ## Usage
 
-```typescript
+```ts
 import { WorkflowCanvas } from '@genfeedai/workflow-ui/canvas';
+import { WorkflowUIProvider } from '@genfeedai/workflow-ui/provider';
 import { useWorkflowStore } from '@genfeedai/workflow-ui/stores';
-import { WorkflowProvider } from '@genfeedai/workflow-ui/provider';
+import '@genfeedai/workflow-ui/styles';
 ```
 
-### Subpath Exports
-
-| Export | Description |
-|--------|-------------|
-| `@genfeedai/workflow-ui` | Main entry (re-exports all) |
-| `@genfeedai/workflow-ui/canvas` | Workflow canvas components |
-| `@genfeedai/workflow-ui/nodes` | Node type components |
-| `@genfeedai/workflow-ui/panels` | Side panels (inspector, settings) |
-| `@genfeedai/workflow-ui/toolbar` | Toolbar components |
-| `@genfeedai/workflow-ui/hooks` | React hooks |
-| `@genfeedai/workflow-ui/stores` | Zustand stores |
-| `@genfeedai/workflow-ui/provider` | Context providers |
-| `@genfeedai/workflow-ui/ui` | Primitive UI components |
-| `@genfeedai/workflow-ui/lib` | Utility functions |
-| `@genfeedai/workflow-ui/styles` | CSS stylesheet |
+## Related Packages
 
-### Styles
+- `@genfeedai/types`
+- `@genfeedai/core`
 
-Import the stylesheet in your app:
+## Build Faster with Genfeed
 
-```typescript
-import '@genfeedai/workflow-ui/styles';
-```
+Embed the workflow UI in your own product, or use Genfeed out of the box at [https://genfeed.ai](https://genfeed.ai).
 
 ## License
 

package/dist/canvas.mjs

@@ -1,9 +1,8 @@
-export { ConnectionDropMenu, EdgeToolbar, EditableEdge, GroupOverlay, HelperLines, NodeSearch, PauseEdge, ReferenceEdge, ShortcutHelpModal, WorkflowCanvas } from './chunk-4VEN4UN7.mjs';
-import './chunk-WBR34V4L.mjs';
+export { ConnectionDropMenu, EdgeToolbar, EditableEdge, GroupOverlay, HelperLines, NodeSearch, PauseEdge, ReferenceEdge, ShortcutHelpModal, WorkflowCanvas } from './chunk-HWVTD2LC.mjs';
+import './chunk-XPZAHIWY.mjs';
 import './chunk-ZJD5WMR3.mjs';
 import './chunk-6PSJTBNV.mjs';
-import './chunk-2JQSKIWR.mjs';
-import './chunk-OY7BRSGG.mjs';
+import './chunk-N5NJZTK4.mjs';
 import './chunk-ZD2BADZO.mjs';
 import './chunk-GWBGK3KL.mjs';
 import './chunk-7SKSRSS7.mjs';

package/dist/{chunk-JT4Y5H3U.mjs → chunk-FMJPFB6W.mjs}

@@ -1,4 +1,4 @@
-import { calculateWorkflowCost, formatCost } from './chunk-2JQSKIWR.mjs';
+import { calculateWorkflowCost, formatCost } from './chunk-N5NJZTK4.mjs';
 import { useSettingsStore, useExecutionStore, useUIStore } from './chunk-LT3ZJJL6.mjs';
 import { useWorkflowStore } from './chunk-R727OFBR.mjs';
 import { X, CloudOff, Loader2, Cloud, Check, ChevronDown, SaveAll, Save, FolderOpen, Bug, LayoutGrid, Undo2, Redo2, Settings, AlertCircle, Minus, Plus, Square, Play, ChevronUp, PlayCircle, RotateCcw, DollarSign, MoreVertical } from 'lucide-react';

package/dist/{chunk-4VEN4UN7.mjs → chunk-HWVTD2LC.mjs}

@@ -1,5 +1,5 @@
-import { nodeTypes, NodeDetailModal } from './chunk-WBR34V4L.mjs';
-import { calculateWorkflowCost, formatCost } from './chunk-2JQSKIWR.mjs';
+import { nodeTypes, NodeDetailModal } from './chunk-XPZAHIWY.mjs';
+import { calculateWorkflowCost, formatCost } from './chunk-N5NJZTK4.mjs';
 import { useContextMenu, useCanvasKeyboardShortcuts, ContextMenu } from './chunk-ZD2BADZO.mjs';
 import { useUIStore, useSettingsStore, useExecutionStore } from './chunk-LT3ZJJL6.mjs';
 import { useWorkflowStore, getHandleType } from './chunk-R727OFBR.mjs';

package/dist/{chunk-2JQSKIWR.mjs → chunk-N5NJZTK4.mjs}

@@ -1,6 +1,5 @@
-import { PRICING, DEFAULT_VIDEO_DURATION, IMAGE_NODE_TYPES, VIDEO_NODE_TYPES, LUMA_NODE_TYPES, TOPAZ_NODE_TYPES } from './chunk-OY7BRSGG.mjs';
+import { PRICING, DEFAULT_VIDEO_DURATION, IMAGE_NODE_TYPES, VIDEO_NODE_TYPES, LUMA_NODE_TYPES, TOPAZ_NODE_TYPES } from '@genfeedai/core';
 
-// src/lib/costCalculator.ts
 function isNodeType(type, list) {
   return list.includes(type);
 }

package/dist/{chunk-WBR34V4L.mjs → chunk-XPZAHIWY.mjs}

@@ -1,6 +1,5 @@
 import { Checkbox, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Slider, Label, Input, GridPositionSelector, ComparisonSlider } from './chunk-ZJD5WMR3.mjs';
 import { generateHandlesFromSchema, DEFAULT_IMAGE_MODEL, IMAGE_MODEL_MAP, IMAGE_MODEL_ID_MAP, IMAGE_MODELS, LIPSYNC_MODELS, LIPSYNC_SYNC_MODES, DEFAULT_LLM_MODEL, LLM_MODEL_MAP, LLM_MODEL_ID_MAP, LLM_MODELS, DEFAULT_VIDEO_MODEL, VIDEO_MODEL_MAP, VIDEO_MODEL_ID_MAP, VIDEO_MODELS, EASING_PRESETS, CubicBezierEditor, getMediaFromNode } from './chunk-6PSJTBNV.mjs';
-import { LUMA_ASPECT_RATIOS } from './chunk-OY7BRSGG.mjs';
 import { useNodeExecution, useCanGenerate, useModelSelection, useAutoLoadModelSchema, useAIGenNode, useAIGenNodeHeader, useMediaUpload, usePromptAutocomplete, useRequiredInputs } from './chunk-GWBGK3KL.mjs';
 import { Button } from './chunk-7SKSRSS7.mjs';
 import { getImageDimensions, getVideoMetadata } from './chunk-EFXQT23N.mjs';
@@ -18,6 +17,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Image4 from 'next/image';
 import { createPortal } from 'react-dom';
 import { useShallow } from 'zustand/react/shallow';
+import { LUMA_ASPECT_RATIOS } from '@genfeedai/core';
 
 var NodeErrorBoundary = class extends Component {
   constructor(props) {

package/dist/index.mjs

@@ -1,11 +1,10 @@
-export { ConnectionDropMenu, DEFAULT_GROUP_COLORS, EdgeToolbar, EditableEdge, GROUP_COLORS, GlobalImageHistory, GroupOverlay, HelperLines, NodeSearch, NotificationToast, PauseEdge, ReferenceEdge, ShortcutHelpModal, WorkflowCanvas } from './chunk-4VEN4UN7.mjs';
-export { BaseNode, nodeTypes } from './chunk-WBR34V4L.mjs';
+export { ConnectionDropMenu, DEFAULT_GROUP_COLORS, EdgeToolbar, EditableEdge, GROUP_COLORS, GlobalImageHistory, GroupOverlay, HelperLines, NodeSearch, NotificationToast, PauseEdge, ReferenceEdge, ShortcutHelpModal, WorkflowCanvas } from './chunk-HWVTD2LC.mjs';
+export { BaseNode, nodeTypes } from './chunk-XPZAHIWY.mjs';
 import './chunk-ZJD5WMR3.mjs';
 import './chunk-6PSJTBNV.mjs';
 export { DebugPanel, NodePalette, PanelContainer } from './chunk-OQREHJXK.mjs';
-export { BottomBar, CostIndicator, OverflowMenu, SaveAsDialog, SaveIndicator, Toolbar, ToolbarDropdown } from './chunk-JT4Y5H3U.mjs';
-import './chunk-2JQSKIWR.mjs';
-import './chunk-OY7BRSGG.mjs';
+export { BottomBar, CostIndicator, OverflowMenu, SaveAsDialog, SaveIndicator, Toolbar, ToolbarDropdown } from './chunk-FMJPFB6W.mjs';
+import './chunk-N5NJZTK4.mjs';
 export { useCommentNavigation } from './chunk-7H3WJJYS.mjs';
 export { useCanvasKeyboardShortcuts } from './chunk-ZD2BADZO.mjs';
 export { useAIGenNode, useAIGenNodeHeader, useAutoLoadModelSchema, useCanGenerate, useMediaUpload, useModelSelection, useNodeExecution, usePromptAutocomplete, useRequiredInputs } from './chunk-GWBGK3KL.mjs';

package/dist/lib.mjs

@@ -1,7 +1,6 @@
 import { easing, getEasingFunction } from './chunk-6PSJTBNV.mjs';
 export { CubicBezierEditor, DEFAULT_CUSTOM_BEZIER, DEFAULT_IMAGE_MODEL, DEFAULT_LIPSYNC_MODEL, DEFAULT_LLM_MODEL, DEFAULT_VIDEO_MODEL, EASING_BEZIER_MAP, EASING_PRESETS, IMAGE_MODELS, IMAGE_MODEL_ID_MAP, IMAGE_MODEL_MAP, LIPSYNC_MODELS, LIPSYNC_SYNC_MODES, LLM_MODELS, LLM_MODEL_ID_MAP, LLM_MODEL_MAP, PRESET_BEZIERS, VIDEO_MODELS, VIDEO_MODEL_ID_MAP, VIDEO_MODEL_MAP, applySpeedCurve, createAsymmetricEase, createBezierEasing, easing, evaluateBezier, generateHandlesFromSchema, getAllEasingNames, getEasingBezier, getEasingDisplayName, getEasingFunction, getImageModelLabel, getLLMModelLabel, getLipSyncModelLabel, getMediaFromNode, getPresetBezier, getVideoModelLabel, isSchemaHandle, lipSyncModelSupportsImage } from './chunk-6PSJTBNV.mjs';
-export { calculateWorkflowCost, formatCost } from './chunk-2JQSKIWR.mjs';
-import './chunk-OY7BRSGG.mjs';
+export { calculateWorkflowCost, formatCost } from './chunk-N5NJZTK4.mjs';
 export { CONNECTION_FIELDS, extractEnumValues, getImageDimensions, getSchemaDefaults, getVideoMetadata, supportsImageInput, validateRequiredSchemaFields } from './chunk-EFXQT23N.mjs';
 
 // src/lib/speedCurve.ts

package/dist/nodes.mjs

@@ -1,7 +1,6 @@
-export { AnimationNode, AnnotationNode, AudioInputNode, BaseNode, DownloadNode, ImageCompareNode, ImageGenNode, ImageGridSplitNode, ImageInputNode, LLMNode, LipSyncNode, MotionControlNode, NodeDetailModal, OutputGalleryNode, OutputNode, PromptConstructorNode, PromptNode, ReframeNode, ResizeNode, SubtitleNode, TextToSpeechNode, TranscribeNode, UpscaleNode, VideoFrameExtractNode, VideoGenNode, VideoInputNode, VideoStitchNode, VideoTrimNode, VoiceChangeNode, WorkflowInputNode, WorkflowOutputNode, WorkflowRefNode, nodeTypes, setWorkflowRefApi } from './chunk-WBR34V4L.mjs';
+export { AnimationNode, AnnotationNode, AudioInputNode, BaseNode, DownloadNode, ImageCompareNode, ImageGenNode, ImageGridSplitNode, ImageInputNode, LLMNode, LipSyncNode, MotionControlNode, NodeDetailModal, OutputGalleryNode, OutputNode, PromptConstructorNode, PromptNode, ReframeNode, ResizeNode, SubtitleNode, TextToSpeechNode, TranscribeNode, UpscaleNode, VideoFrameExtractNode, VideoGenNode, VideoInputNode, VideoStitchNode, VideoTrimNode, VoiceChangeNode, WorkflowInputNode, WorkflowOutputNode, WorkflowRefNode, nodeTypes, setWorkflowRefApi } from './chunk-XPZAHIWY.mjs';
 import './chunk-ZJD5WMR3.mjs';
 import './chunk-6PSJTBNV.mjs';
-import './chunk-OY7BRSGG.mjs';
 import './chunk-GWBGK3KL.mjs';
 import './chunk-7SKSRSS7.mjs';
 import './chunk-EFXQT23N.mjs';

package/dist/toolbar.mjs

@@ -1,6 +1,5 @@
-export { BottomBar, CostIndicator, OverflowMenu, SaveAsDialog, SaveIndicator, Toolbar, ToolbarDropdown } from './chunk-JT4Y5H3U.mjs';
-import './chunk-2JQSKIWR.mjs';
-import './chunk-OY7BRSGG.mjs';
+export { BottomBar, CostIndicator, OverflowMenu, SaveAsDialog, SaveIndicator, Toolbar, ToolbarDropdown } from './chunk-FMJPFB6W.mjs';
+import './chunk-N5NJZTK4.mjs';
 import './chunk-LDN7IX4Y.mjs';
 import './chunk-LT3ZJJL6.mjs';
 import './chunk-R727OFBR.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@genfeedai/workflow-ui",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "type": "module",
   "license": "AGPL-3.0",
   "description": "Shared UI components for Genfeed workflow editor",
@@ -75,7 +75,8 @@
   },
   "dependencies": {
     "@dagrejs/dagre": "^2.0.4",
-    "@genfeedai/types": "^0.2.0",
+    "@genfeedai/core": "^0.2.1",
+    "@genfeedai/types": "^0.2.2",
     "@radix-ui/react-checkbox": "^1.1.4",
     "@radix-ui/react-label": "^2.1.2",
     "@radix-ui/react-select": "^2.1.6",
@@ -88,7 +89,6 @@
     "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {
-    "@genfeedai/core": "workspace:*",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.2.0",
     "@types/node": "^25.2.3",

package/dist/chunk-OY7BRSGG.mjs

@@ -1,60 +0,0 @@
-// ../core/dist/index.mjs
-var PRICING = {
-  // Image generation (per image)
-  "nano-banana": 0.039,
-  "nano-banana-pro": {
-    "1K": 0.15,
-    "2K": 0.15,
-    "4K": 0.3
-  },
-  // Legacy aliases
-  "imagen-4-fast": 0.039,
-  "imagen-4": 0.15,
-  // Video generation (per second)
-  "veo-3.1-fast": { withAudio: 0.15, withoutAudio: 0.1 },
-  "veo-3.1": { withAudio: 0.4, withoutAudio: 0.2 },
-  // Legacy aliases
-  "veo-3-fast": { withAudio: 0.15, withoutAudio: 0.1 },
-  "veo-3": { withAudio: 0.4, withoutAudio: 0.2 },
-  // LLM (per token, derived from $9.50/million)
-  llama: 95e-7,
-  // Luma Reframe
-  "luma-reframe-image": {
-    "photon-flash-1": 0.01,
-    "photon-1": 0.03
-  },
-  "luma-reframe-video": 0.06,
-  // per second
-  // Topaz Upscale (tiered by megapixels)
-  "topaz-image-upscale": [
-    { maxMP: 1, price: 0.05 },
-    { maxMP: 4, price: 0.08 },
-    { maxMP: 9, price: 0.16 },
-    { maxMP: 16, price: 0.27 },
-    { maxMP: 25, price: 0.41 },
-    { maxMP: Infinity, price: 0.82 }
-  ],
-  // Topaz Video (per 5 seconds based on resolution and fps)
-  "topaz-video-upscale": {
-    "720p-15": 0.014,
-    "720p-24": 0.022,
-    "720p-30": 0.027,
-    "720p-60": 0.054,
-    "1080p-15": 0.051,
-    "1080p-24": 0.081,
-    "1080p-30": 0.101,
-    "1080p-60": 0.203,
-    "4k-15": 0.187,
-    "4k-24": 0.299,
-    "4k-30": 0.373,
-    "4k-60": 0.747
-  }
-};
-var IMAGE_NODE_TYPES = ["imageGen", "image-gen", "ImageGenNode"];
-var VIDEO_NODE_TYPES = ["videoGen", "video-gen", "VideoGenNode"];
-var LUMA_NODE_TYPES = ["reframe", "lumaReframeImage", "lumaReframeVideo"];
-var TOPAZ_NODE_TYPES = ["upscale", "topazImageUpscale", "topazVideoUpscale"];
-var DEFAULT_VIDEO_DURATION = 8;
-var LUMA_ASPECT_RATIOS = ["1:1", "3:4", "4:3", "9:16", "16:9", "9:21", "21:9"];
-
-export { DEFAULT_VIDEO_DURATION, IMAGE_NODE_TYPES, LUMA_ASPECT_RATIOS, LUMA_NODE_TYPES, PRICING, TOPAZ_NODE_TYPES, VIDEO_NODE_TYPES };