@genfeedai/workflow-ui 0.1.3 → 0.1.4

package/dist/{promptLibraryStore-zqb59nsu.d.mts → promptLibraryStore-Bgw5LzvD.d.mts}

@@ -1,12 +1,25 @@
 import * as zustand from 'zustand';
-import * as zundo from 'zundo';
 import * as _genfeedai_types from '@genfeedai/types';
-import { WorkflowNode, WorkflowEdge, NodeGroup, EdgeStyle, NodeType, WorkflowNodeData, GroupColor, WorkflowFile, ValidationResult, ProviderType, IPrompt, PromptCategory, IQueryPrompts, ICreatePrompt } from '@genfeedai/types';
+import { HandleType, WorkflowNode, WorkflowEdge, NodeGroup, EdgeStyle, NodeType, WorkflowNodeData, GroupColor, WorkflowFile, ValidationResult, ProviderType, IPrompt, PromptCategory, IQueryPrompts, ICreatePrompt } from '@genfeedai/types';
+import * as zundo from 'zundo';
 import { XYPosition, NodeChange, EdgeChange, Connection } from '@xyflow/react';
-import { P as PromptLibraryService } from './types-ipAnBzAJ.mjs';
+import { P as PromptLibraryService } from './types-CF6DPx0P.mjs';
 
 type ModalType = 'templates' | 'cost' | 'welcome' | 'settings' | 'promptLibrary' | 'modelBrowser' | 'nodeDetail' | 'shortcutHelp' | 'nodeSearch' | null;
 type NodeDetailTab = 'preview' | 'history';
+interface ConnectionDropMenuState {
+    position: {
+        x: number;
+        y: number;
+    };
+    screenPosition: {
+        x: number;
+        y: number;
+    };
+    sourceNodeId: string;
+    sourceHandleId: string;
+    sourceHandleType: HandleType;
+}
 interface UIStore {
     showPalette: boolean;
     showMinimap: boolean;
@@ -16,6 +29,7 @@ interface UIStore {
     selectedEdgeId: string | null;
     highlightedNodeIds: string[];
     activeModal: ModalType;
+    connectionDropMenu: ConnectionDropMenuState | null;
     nodeDetailNodeId: string | null;
     nodeDetailActiveTab: NodeDetailTab;
     nodeDetailStartIndex: number;
@@ -30,6 +44,8 @@ interface UIStore {
     setHighlightedNodeIds: (ids: string[]) => void;
     openModal: (modal: ModalType) => void;
     closeModal: () => void;
+    openConnectionDropMenu: (params: ConnectionDropMenuState) => void;
+    closeConnectionDropMenu: () => void;
     openNodeDetailModal: (nodeId: string, tab?: NodeDetailTab, startIndex?: number) => void;
     closeNodeDetailModal: () => void;
     setNodeDetailTab: (tab: NodeDetailTab) => void;
@@ -91,6 +107,13 @@ interface ChatSlice {
     };
 }
 
+interface ImageHistoryItem {
+    id: string;
+    image: string;
+    prompt?: string;
+    model?: string;
+    timestamp: number;
+}
 interface WorkflowData {
     _id: string;
     name: string;
@@ -114,6 +137,7 @@ interface WorkflowState {
     selectedNodeIds: string[];
     viewedCommentIds: Set<string>;
     navigationTargetId: string | null;
+    globalImageHistory: ImageHistoryItem[];
 }
 interface NodeActions {
     addNode: (type: NodeType, position: XYPosition) => string;
@@ -189,7 +213,11 @@ interface CommentNavigationActions {
     setNavigationTarget: (nodeId: string | null) => void;
     getUnviewedCommentCount: () => number;
 }
-interface WorkflowStore extends WorkflowState, NodeActions, ReactFlowActions, EdgeActions, LockingActions, GroupActions, SelectionActions, LocalWorkflowActions, ApiActions, HelperActions$1, CommentNavigationActions, SnapshotSlice, ChatSlice {
+interface ImageHistoryActions {
+    addToGlobalHistory: (item: Omit<ImageHistoryItem, 'id'>) => void;
+    clearGlobalHistory: () => void;
+}
+interface WorkflowStore extends WorkflowState, NodeActions, ReactFlowActions, EdgeActions, LockingActions, GroupActions, SelectionActions, LocalWorkflowActions, ApiActions, HelperActions$1, CommentNavigationActions, ImageHistoryActions, SnapshotSlice, ChatSlice {
 }
 
 declare const useWorkflowStore: zustand.UseBoundStore<Omit<zustand.StoreApi<WorkflowStore>, "temporal"> & {
@@ -461,4 +489,4 @@ interface PromptLibraryStore {
 }
 declare const usePromptLibraryStore: zustand.UseBoundStore<zustand.StoreApi<PromptLibraryStore>>;
 
-export { type AnnotationTool as A, type BaseShape as B, type CircleShape as C, type DebugPayload as D, type ExecutionStore as E, type FreehandShape as F, type Job as J, type ModalType as M, type NodeDetailTab as N, type ProviderConfig as P, type RecentModel as R, type ToolOptions as T, type WorkflowStore as W, useWorkflowStore as a, useExecutionStore as b, useSettingsStore as c, usePromptEditorStore as d, useAnnotationStore as e, usePromptLibraryStore as f, configurePromptLibrary as g, type WorkflowData as h, type WorkflowState as i, type ProviderSettings as j, type DefaultModelSettings as k, PROVIDER_INFO as l, type RectangleShape as m, type ArrowShape as n, type TextShape as o, type AnnotationShape as p, useUIStore as u };
+export { type AnnotationTool as A, type BaseShape as B, type CircleShape as C, type DebugPayload as D, type ExecutionStore as E, type FreehandShape as F, type ImageHistoryItem as I, type Job as J, type ModalType as M, type NodeDetailTab as N, type ProviderConfig as P, type RecentModel as R, type ToolOptions as T, type WorkflowStore as W, useUIStore as a, useExecutionStore as b, useSettingsStore as c, type WorkflowData as d, type WorkflowState as e, type ProviderSettings as f, type DefaultModelSettings as g, PROVIDER_INFO as h, usePromptEditorStore as i, useAnnotationStore as j, type RectangleShape as k, type ArrowShape as l, type TextShape as m, type AnnotationShape as n, usePromptLibraryStore as o, configurePromptLibrary as p, useWorkflowStore as u };

package/dist/provider.d.mts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { W as WorkflowUIConfig } from './types-ipAnBzAJ.mjs';
-export { F as FileUploadService, M as ModelBrowserModalProps, b as ModelSchemaService, P as PromptLibraryService, a as PromptPickerProps } from './types-ipAnBzAJ.mjs';
+import { W as WorkflowUIConfig } from './types-CF6DPx0P.mjs';
+export { F as FileUploadService, M as ModelBrowserModalProps, b as ModelSchemaService, P as PromptLibraryService, a as PromptPickerProps, c as WorkflowsApiService } from './types-CF6DPx0P.mjs';
 import '@genfeedai/types';
 
 /**

package/dist/provider.mjs

@@ -1,4 +1,3 @@
 import './chunk-MLJJBBTB.mjs';
 export { WorkflowUIProvider, useWorkflowUIConfig } from './chunk-FT33LFII.mjs';
 import './chunk-VRN3UWE5.mjs';
-import './chunk-ZJWP5KGZ.mjs';

package/dist/stores.d.mts

@@ -1,10 +1,11 @@
-import { W as WorkflowStore } from './promptLibraryStore-zqb59nsu.mjs';
-export { p as AnnotationShape, A as AnnotationTool, n as ArrowShape, B as BaseShape, C as CircleShape, D as DebugPayload, k as DefaultModelSettings, E as ExecutionStore, F as FreehandShape, J as Job, M as ModalType, N as NodeDetailTab, l as PROVIDER_INFO, P as ProviderConfig, j as ProviderSettings, R as RecentModel, m as RectangleShape, o as TextShape, T as ToolOptions, h as WorkflowData, i as WorkflowState, g as configurePromptLibrary, e as useAnnotationStore, b as useExecutionStore, d as usePromptEditorStore, f as usePromptLibraryStore, c as useSettingsStore, u as useUIStore, a as useWorkflowStore } from './promptLibraryStore-zqb59nsu.mjs';
+import { W as WorkflowStore } from './promptLibraryStore-Bgw5LzvD.mjs';
+export { n as AnnotationShape, A as AnnotationTool, l as ArrowShape, B as BaseShape, C as CircleShape, D as DebugPayload, g as DefaultModelSettings, E as ExecutionStore, F as FreehandShape, J as Job, M as ModalType, N as NodeDetailTab, h as PROVIDER_INFO, P as ProviderConfig, f as ProviderSettings, R as RecentModel, k as RectangleShape, m as TextShape, T as ToolOptions, d as WorkflowData, e as WorkflowState, p as configurePromptLibrary, j as useAnnotationStore, b as useExecutionStore, i as usePromptEditorStore, o as usePromptLibraryStore, c as useSettingsStore, a as useUIStore, u as useWorkflowStore } from './promptLibraryStore-Bgw5LzvD.mjs';
 import * as _xyflow_react from '@xyflow/react';
 import * as _genfeedai_types from '@genfeedai/types';
+export { C as ContextMenuType, u as useContextMenuStore } from './contextMenuStore-DMg0hJQ1.mjs';
 import 'zustand';
 import 'zundo';
-import './types-ipAnBzAJ.mjs';
+import './types-CF6DPx0P.mjs';
 import 'react';
 
 /**

package/dist/stores.mjs

@@ -1,43 +1,6 @@
 export { useAnnotationStore, usePromptEditorStore } from './chunk-CV4M7CNU.mjs';
+export { createSelectGroupByNodeId, createSelectIsNodeSelected, createSelectNodeById, selectAddNode, selectAddNodesAndEdges, selectCreateGroup, selectDeleteGroup, selectDuplicateNode, selectEdgeStyle, selectEdges, selectFindCompatibleHandle, selectGetConnectedNodeIds, selectGetNodeById, selectGroups, selectIsDirty, selectIsLoading, selectIsSaving, selectIsValidConnection, selectNavigationTargetId, selectNodes, selectOnConnect, selectOnEdgesChange, selectOnNodesChange, selectRemoveEdge, selectRemoveNode, selectSelectedNodeIds, selectSetDirty, selectSetSelectedNodeIds, selectToggleNodeLock, selectUnlockAllNodes, selectUpdateNodeData, selectWorkflowId, selectWorkflowName, useContextMenuStore } from './chunk-PCIWWD37.mjs';
 import './chunk-LDN7IX4Y.mjs';
-export { PROVIDER_INFO, useExecutionStore, useSettingsStore, useUIStore } from './chunk-SQK4JDYY.mjs';
-export { useWorkflowStore } from './chunk-RIGVIEYB.mjs';
+export { PROVIDER_INFO, useExecutionStore, useSettingsStore, useUIStore } from './chunk-LT3ZJJL6.mjs';
+export { useWorkflowStore } from './chunk-R727OFBR.mjs';
 export { configurePromptLibrary, usePromptLibraryStore } from './chunk-VRN3UWE5.mjs';
-import './chunk-ZJWP5KGZ.mjs';
-
-// src/stores/workflow/selectors.ts
-var selectNodes = (state) => state.nodes;
-var selectEdges = (state) => state.edges;
-var selectGroups = (state) => state.groups;
-var selectSelectedNodeIds = (state) => state.selectedNodeIds;
-var selectWorkflowName = (state) => state.workflowName;
-var selectWorkflowId = (state) => state.workflowId;
-var selectIsDirty = (state) => state.isDirty;
-var selectIsSaving = (state) => state.isSaving;
-var selectIsLoading = (state) => state.isLoading;
-var selectEdgeStyle = (state) => state.edgeStyle;
-var selectNavigationTargetId = (state) => state.navigationTargetId;
-var selectUpdateNodeData = (state) => state.updateNodeData;
-var selectAddNode = (state) => state.addNode;
-var selectRemoveNode = (state) => state.removeNode;
-var selectDuplicateNode = (state) => state.duplicateNode;
-var selectOnNodesChange = (state) => state.onNodesChange;
-var selectOnEdgesChange = (state) => state.onEdgesChange;
-var selectOnConnect = (state) => state.onConnect;
-var selectSetSelectedNodeIds = (state) => state.setSelectedNodeIds;
-var selectToggleNodeLock = (state) => state.toggleNodeLock;
-var selectCreateGroup = (state) => state.createGroup;
-var selectDeleteGroup = (state) => state.deleteGroup;
-var selectUnlockAllNodes = (state) => state.unlockAllNodes;
-var selectSetDirty = (state) => state.setDirty;
-var selectRemoveEdge = (state) => state.removeEdge;
-var selectAddNodesAndEdges = (state) => state.addNodesAndEdges;
-var selectGetNodeById = (state) => state.getNodeById;
-var selectGetConnectedNodeIds = (state) => state.getConnectedNodeIds;
-var selectIsValidConnection = (state) => state.isValidConnection;
-var selectFindCompatibleHandle = (state) => state.findCompatibleHandle;
-var createSelectNodeById = (id) => (state) => state.nodes.find((n) => n.id === id);
-var createSelectIsNodeSelected = (id) => (state) => state.selectedNodeIds.includes(id);
-var createSelectGroupByNodeId = (nodeId) => (state) => state.groups.find((g) => g.nodeIds.includes(nodeId));
-
-export { createSelectGroupByNodeId, createSelectIsNodeSelected, createSelectNodeById, selectAddNode, selectAddNodesAndEdges, selectCreateGroup, selectDeleteGroup, selectDuplicateNode, selectEdgeStyle, selectEdges, selectFindCompatibleHandle, selectGetConnectedNodeIds, selectGetNodeById, selectGroups, selectIsDirty, selectIsLoading, selectIsSaving, selectIsValidConnection, selectNavigationTargetId, selectNodes, selectOnConnect, selectOnEdgesChange, selectOnNodesChange, selectRemoveEdge, selectRemoveNode, selectSelectedNodeIds, selectSetDirty, selectSetSelectedNodeIds, selectToggleNodeLock, selectUnlockAllNodes, selectUpdateNodeData, selectWorkflowId, selectWorkflowName };

package/dist/toolbar.d.mts

@@ -47,6 +47,8 @@ declare function Toolbar({ onAutoLayout, onSaveAs, fileMenuItemsPrepend, fileMen
 
 declare function BottomBar(): react_jsx_runtime.JSX.Element;
 
+declare function CostIndicator(): react_jsx_runtime.JSX.Element | null;
+
 /**
  * Auto-save status indicator
  */
@@ -70,4 +72,4 @@ declare function SaveAsDialog({ isOpen, currentName, onSave, onClose }: SaveAsDi
  */
 declare function OverflowMenu({ items }: OverflowMenuProps): react_jsx_runtime.JSX.Element;
 
-export { BottomBar, type DropdownItem, OverflowMenu, type OverflowMenuProps, SaveAsDialog, SaveIndicator, Toolbar, ToolbarDropdown, type ToolbarDropdownProps };
+export { BottomBar, CostIndicator, type DropdownItem, OverflowMenu, type OverflowMenuProps, SaveAsDialog, SaveIndicator, Toolbar, ToolbarDropdown, type ToolbarDropdownProps };

package/dist/toolbar.mjs

@@ -1,5 +1,6 @@
-export { BottomBar, OverflowMenu, SaveAsDialog, SaveIndicator, Toolbar, ToolbarDropdown } from './chunk-HCXI63ME.mjs';
+export { BottomBar, CostIndicator, OverflowMenu, SaveAsDialog, SaveIndicator, Toolbar, ToolbarDropdown } from './chunk-AUQGOJOQ.mjs';
+import './chunk-JTPADIUO.mjs';
+import './chunk-OY7BRSGG.mjs';
 import './chunk-LDN7IX4Y.mjs';
-import './chunk-SQK4JDYY.mjs';
-import './chunk-RIGVIEYB.mjs';
-import './chunk-ZJWP5KGZ.mjs';
+import './chunk-LT3ZJJL6.mjs';
+import './chunk-R727OFBR.mjs';

package/dist/{types-ipAnBzAJ.d.mts → types-CF6DPx0P.d.mts}

@@ -1,5 +1,5 @@
 import { ComponentType } from 'react';
-import { IQueryPrompts, IPrompt, ICreatePrompt, ProviderModel } from '@genfeedai/types';
+import { IQueryPrompts, IPrompt, ICreatePrompt, ProviderModel, ModelCapability } from '@genfeedai/types';
 
 interface FileUploadService {
     uploadFile: (path: string, file: File) => Promise<{
@@ -23,13 +23,16 @@ interface ModelBrowserModalProps {
     isOpen: boolean;
     onClose: () => void;
     onSelect: (model: ProviderModel) => void;
-    capabilities?: string[];
+    capabilities?: ModelCapability[];
     title?: string;
 }
 interface PromptPickerProps {
     onSelect: (item: IPrompt) => void;
     label?: string;
 }
+interface WorkflowsApiService {
+    setThumbnail: (workflowId: string, thumbnailUrl: string, nodeId: string, signal?: AbortSignal) => Promise<void>;
+}
 interface WorkflowUIConfig {
     /** For ImageInputNode, VideoInputNode — file upload */
     fileUpload?: FileUploadService;
@@ -37,10 +40,12 @@ interface WorkflowUIConfig {
     modelSchema?: ModelSchemaService;
     /** For PromptNode — prompt library CRUD */
     promptLibrary?: PromptLibraryService;
+    /** For context menu — set workflow thumbnail */
+    workflowsApi?: WorkflowsApiService;
     /** Injected ModelBrowserModal component (complex, app-specific) */
     ModelBrowserModal?: ComponentType<ModelBrowserModalProps> | null;
     /** Injected PromptPicker component (complex, app-specific) */
     PromptPicker?: ComponentType<PromptPickerProps> | null;
 }
 
-export type { FileUploadService as F, ModelBrowserModalProps as M, PromptLibraryService as P, WorkflowUIConfig as W, PromptPickerProps as a, ModelSchemaService as b };
+export type { FileUploadService as F, ModelBrowserModalProps as M, PromptLibraryService as P, WorkflowUIConfig as W, PromptPickerProps as a, ModelSchemaService as b, WorkflowsApiService as c };

package/dist/ui.d.mts

@@ -10,7 +10,7 @@ import { ClassValue } from 'clsx';
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: react.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;

package/dist/ui.mjs

@@ -1,3 +1,2 @@
 export { Checkbox, ComparisonSlider, GridPositionSelector, Input, Label, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Slider } from './chunk-ZJD5WMR3.mjs';
 export { Button, buttonVariants, cn } from './chunk-7SKSRSS7.mjs';
-import './chunk-ZJWP5KGZ.mjs';

package/dist/{hooks.d.ts → useCommentNavigation-NzJjkaj2.d.mts}

@@ -19,6 +19,7 @@ interface UseCanvasKeyboardShortcutsParams {
     fitView: (options?: FitViewOptions) => void;
     openShortcutHelp: () => void;
     openNodeSearch: () => void;
+    deleteSelectedElements: () => void;
 }
 /**
  * Hook that handles keyboard shortcuts for the workflow canvas
@@ -39,7 +40,7 @@ interface UseCanvasKeyboardShortcutsParams {
  * - Ctrl/Cmd+Z: Undo
  * - Ctrl/Cmd+Shift+Z: Redo
  */
-declare function useCanvasKeyboardShortcuts({ selectedNodeIds, groups, nodes, toggleNodeLock, createGroup, deleteGroup, unlockAllNodes, addNode, togglePalette, fitView, openShortcutHelp, openNodeSearch, }: UseCanvasKeyboardShortcutsParams): void;
+declare function useCanvasKeyboardShortcuts({ selectedNodeIds, groups, nodes, toggleNodeLock, createGroup, deleteGroup, unlockAllNodes, addNode, togglePalette, fitView, openShortcutHelp, openNodeSearch, deleteSelectedElements, }: UseCanvasKeyboardShortcutsParams): void;
 
 interface RequiredInputsResult {
     /** Whether all required inputs have connections */
@@ -252,4 +253,16 @@ interface UseAutoLoadModelSchemaOptions<TModel extends string> {
  */
 declare function useAutoLoadModelSchema<TModel extends string>({ currentModel, selectedModel, modelIdMap, onModelSelect, }: UseAutoLoadModelSchemaOptions<TModel>): void;
 
-export { useAIGenNode, useAIGenNodeHeader, useAutoLoadModelSchema, useCanGenerate, useCanvasKeyboardShortcuts, useMediaUpload, useModelSelection, useNodeExecution, usePromptAutocomplete, useRequiredInputs };
+interface CommentNavigation {
+    currentIndex: number;
+    totalCount: number;
+    onPrevious: () => void;
+    onNext: () => void;
+}
+/**
+ * Hook that provides navigation props for nodes with comments.
+ * Returns null if the node has no comment.
+ */
+declare function useCommentNavigation(nodeId: string): CommentNavigation | null;
+
+export { type CommentNavigation as C, useRequiredInputs as a, useCanGenerate as b, useNodeExecution as c, useModelSelection as d, useAIGenNode as e, useAIGenNodeHeader as f, usePromptAutocomplete as g, useMediaUpload as h, useAutoLoadModelSchema as i, useCommentNavigation as j, useCanvasKeyboardShortcuts as u };

package/dist/workflowStore-UAAKOOIK.mjs

@@ -0,0 +1,2 @@
+import './chunk-LDN7IX4Y.mjs';
+export { useWorkflowStore } from './chunk-R727OFBR.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@genfeedai/workflow-ui",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "license": "AGPL-3.0",
   "description": "Shared UI components for Genfeed workflow editor",
   "repository": {
@@ -13,58 +13,58 @@
     "registry": "https://registry.npmjs.org/"
   },
   "main": "./dist/index.js",
-  "module": "./dist/index.js",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
     },
     "./canvas": {
       "types": "./dist/canvas.d.ts",
-      "import": "./dist/canvas.js",
-      "require": "./dist/canvas.cjs"
+      "import": "./dist/canvas.mjs",
+      "require": "./dist/canvas.js"
     },
     "./nodes": {
       "types": "./dist/nodes.d.ts",
-      "import": "./dist/nodes.js",
-      "require": "./dist/nodes.cjs"
+      "import": "./dist/nodes.mjs",
+      "require": "./dist/nodes.js"
     },
     "./panels": {
       "types": "./dist/panels.d.ts",
-      "import": "./dist/panels.js",
-      "require": "./dist/panels.cjs"
+      "import": "./dist/panels.mjs",
+      "require": "./dist/panels.js"
     },
     "./toolbar": {
       "types": "./dist/toolbar.d.ts",
-      "import": "./dist/toolbar.js",
-      "require": "./dist/toolbar.cjs"
+      "import": "./dist/toolbar.mjs",
+      "require": "./dist/toolbar.js"
     },
     "./hooks": {
       "types": "./dist/hooks.d.ts",
-      "import": "./dist/hooks.js",
-      "require": "./dist/hooks.cjs"
+      "import": "./dist/hooks.mjs",
+      "require": "./dist/hooks.js"
     },
     "./stores": {
       "types": "./dist/stores.d.ts",
-      "import": "./dist/stores.js",
-      "require": "./dist/stores.cjs"
+      "import": "./dist/stores.mjs",
+      "require": "./dist/stores.js"
     },
     "./provider": {
       "types": "./dist/provider.d.ts",
-      "import": "./dist/provider.js",
-      "require": "./dist/provider.cjs"
+      "import": "./dist/provider.mjs",
+      "require": "./dist/provider.js"
     },
     "./ui": {
       "types": "./dist/ui.d.ts",
-      "import": "./dist/ui.js",
-      "require": "./dist/ui.cjs"
+      "import": "./dist/ui.mjs",
+      "require": "./dist/ui.js"
     },
     "./lib": {
       "types": "./dist/lib.d.ts",
-      "import": "./dist/lib.js",
-      "require": "./dist/lib.cjs"
+      "import": "./dist/lib.mjs",
+      "require": "./dist/lib.js"
     },
     "./styles": "./src/styles/workflow-ui.css"
   },
@@ -84,6 +84,8 @@
     "zundo": ">=2.0.0"
   },
   "dependencies": {
+    "@dagrejs/dagre": "^2.0.4",
+    "@genfeedai/types": "workspace:*",
     "@radix-ui/react-checkbox": "^1.1.4",
     "@radix-ui/react-label": "^2.1.2",
     "@radix-ui/react-select": "^2.1.6",
@@ -96,8 +98,10 @@
     "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "6.6.3",
+    "@testing-library/react": "16.2.0",
     "@genfeedai/core": "workspace:*",
-    "@genfeedai/types": "workspace:*",
+    "jsdom": "26.0.0",
     "react-compare-slider": "^3.1.0",
     "@types/react": "19.2.4",
     "@types/react-dom": "19.2.4",
@@ -106,12 +110,14 @@
     "react-dom": "19.2.4",
     "tsup": "8.4.0",
     "typescript": "5.9.3",
+    "vitest": "3.0.4",
     "zustand": "5.0.3",
     "zundo": "2.3.0"
   },
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",
-    "prepublishOnly": "bun run build"
+    "prepublishOnly": "bun run build",
+    "test": "vitest run"
   }
 }

package/dist/canvas.d.ts

@@ -1,27 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { NodeTypes, EdgeProps } from '@xyflow/react';
-import * as react from 'react';
-
-interface WorkflowCanvasProps {
-    /** Override default node types. Pass merged core + cloud nodeTypes here. */
-    nodeTypes?: NodeTypes;
-}
-declare function WorkflowCanvas({ nodeTypes: nodeTypesProp }?: WorkflowCanvasProps): react_jsx_runtime.JSX.Element;
-
-interface HelperLinesProps {
-    draggingNodeId: string | null;
-}
-declare function HelperLinesComponent({ draggingNodeId }: HelperLinesProps): react_jsx_runtime.JSX.Element | null;
-declare const HelperLines: react.MemoExoticComponent<typeof HelperLinesComponent>;
-
-declare function GroupOverlayComponent(): react_jsx_runtime.JSX.Element;
-declare const GroupOverlay: react.MemoExoticComponent<typeof GroupOverlayComponent>;
-
-declare function NodeSearch(): react_jsx_runtime.JSX.Element | null;
-
-declare function ShortcutHelpModal(): react_jsx_runtime.JSX.Element | null;
-
-declare function PauseEdgeComponent({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style, markerEnd, data, }: EdgeProps): react_jsx_runtime.JSX.Element;
-declare const PauseEdge: react.MemoExoticComponent<typeof PauseEdgeComponent>;
-
-export { GroupOverlay, HelperLines, NodeSearch, PauseEdge, ShortcutHelpModal, WorkflowCanvas };

package/dist/canvas.js

@@ -1,45 +0,0 @@
-'use strict';
-
-var chunkBMFRA6GK_js = require('./chunk-BMFRA6GK.js');
-require('./chunk-ECD5J2BA.js');
-require('./chunk-3SPPKCWR.js');
-require('./chunk-3YFFDHC5.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-AXFOCPPP.js');
-require('./chunk-IHF35QZD.js');
-require('./chunk-5LQ4QBR5.js');
-require('./chunk-RJ262NXS.js');
-require('./chunk-RXNEDWK2.js');
-require('./chunk-4MZ62VMF.js');
-
-
-
-Object.defineProperty(exports, "GroupOverlay", {
-  enumerable: true,
-  get: function () { return chunkBMFRA6GK_js.GroupOverlay; }
-});
-Object.defineProperty(exports, "HelperLines", {
-  enumerable: true,
-  get: function () { return chunkBMFRA6GK_js.HelperLines; }
-});
-Object.defineProperty(exports, "NodeSearch", {
-  enumerable: true,
-  get: function () { return chunkBMFRA6GK_js.NodeSearch; }
-});
-Object.defineProperty(exports, "PauseEdge", {
-  enumerable: true,
-  get: function () { return chunkBMFRA6GK_js.PauseEdge; }
-});
-Object.defineProperty(exports, "ShortcutHelpModal", {
-  enumerable: true,
-  get: function () { return chunkBMFRA6GK_js.ShortcutHelpModal; }
-});
-Object.defineProperty(exports, "WorkflowCanvas", {
-  enumerable: true,
-  get: function () { return chunkBMFRA6GK_js.WorkflowCanvas; }
-});