@genfeedai/workflow-ui 0.1.0

package/dist/stores.d.ts

@@ -0,0 +1,96 @@
+import { W as WorkflowStore } from './promptLibraryStore-BZnfmEkc.js';
+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-BZnfmEkc.js';
+import * as _xyflow_react from '@xyflow/react';
+import * as _genfeedai_types from '@genfeedai/types';
+import 'zustand';
+import 'zundo';
+import './types-ipAnBzAJ.js';
+import 'react';
+
+/**
+ * Stable Zustand Selectors
+ *
+ * Pre-defined selectors to avoid inline function recreation in components.
+ * Using stable selector references prevents unnecessary re-subscriptions
+ * and improves React Flow performance.
+ *
+ * Usage:
+ *   import { selectNodes, selectUpdateNodeData } from '../stores/workflow/selectors';
+ *   const nodes = useWorkflowStore(selectNodes);
+ *   const updateNodeData = useWorkflowStore(selectUpdateNodeData);
+ */
+/** Select all nodes */
+declare const selectNodes: (state: WorkflowStore) => _genfeedai_types.WorkflowNode[];
+/** Select all edges */
+declare const selectEdges: (state: WorkflowStore) => _genfeedai_types.WorkflowEdge[];
+/** Select all groups */
+declare const selectGroups: (state: WorkflowStore) => _genfeedai_types.NodeGroup[];
+/** Select selected node IDs */
+declare const selectSelectedNodeIds: (state: WorkflowStore) => string[];
+/** Select workflow name */
+declare const selectWorkflowName: (state: WorkflowStore) => string;
+/** Select workflow ID */
+declare const selectWorkflowId: (state: WorkflowStore) => string | null;
+/** Select dirty state */
+declare const selectIsDirty: (state: WorkflowStore) => boolean;
+/** Select saving state */
+declare const selectIsSaving: (state: WorkflowStore) => boolean;
+/** Select loading state */
+declare const selectIsLoading: (state: WorkflowStore) => boolean;
+/** Select edge style */
+declare const selectEdgeStyle: (state: WorkflowStore) => "default" | "smoothstep" | "straight";
+/** Select navigation target ID */
+declare const selectNavigationTargetId: (state: WorkflowStore) => string | null;
+/** Select updateNodeData action */
+declare const selectUpdateNodeData: (state: WorkflowStore) => <T extends _genfeedai_types.WorkflowNodeData>(nodeId: string, data: Partial<T>) => void;
+/** Select addNode action */
+declare const selectAddNode: (state: WorkflowStore) => (type: _genfeedai_types.NodeType, position: _xyflow_react.XYPosition) => string;
+/** Select removeNode action */
+declare const selectRemoveNode: (state: WorkflowStore) => (nodeId: string) => void;
+/** Select duplicateNode action */
+declare const selectDuplicateNode: (state: WorkflowStore) => (nodeId: string) => string | null;
+/** Select onNodesChange action */
+declare const selectOnNodesChange: (state: WorkflowStore) => (changes: _xyflow_react.NodeChange<_genfeedai_types.WorkflowNode>[]) => void;
+/** Select onEdgesChange action */
+declare const selectOnEdgesChange: (state: WorkflowStore) => (changes: _xyflow_react.EdgeChange<_genfeedai_types.WorkflowEdge>[]) => void;
+/** Select onConnect action */
+declare const selectOnConnect: (state: WorkflowStore) => (connection: _xyflow_react.Connection) => void;
+/** Select setSelectedNodeIds action */
+declare const selectSetSelectedNodeIds: (state: WorkflowStore) => (nodeIds: string[]) => void;
+/** Select toggleNodeLock action */
+declare const selectToggleNodeLock: (state: WorkflowStore) => (nodeId: string) => void;
+/** Select createGroup action */
+declare const selectCreateGroup: (state: WorkflowStore) => (nodeIds: string[], name?: string) => string;
+/** Select deleteGroup action */
+declare const selectDeleteGroup: (state: WorkflowStore) => (groupId: string) => void;
+/** Select unlockAllNodes action */
+declare const selectUnlockAllNodes: (state: WorkflowStore) => () => void;
+/** Select setDirty action */
+declare const selectSetDirty: (state: WorkflowStore) => (dirty: boolean) => void;
+/** Select removeEdge action */
+declare const selectRemoveEdge: (state: WorkflowStore) => (edgeId: string) => void;
+/** Select addNodesAndEdges action */
+declare const selectAddNodesAndEdges: (state: WorkflowStore) => (nodes: _genfeedai_types.WorkflowNode[], edges: _genfeedai_types.WorkflowEdge[]) => void;
+/** Select getNodeById helper */
+declare const selectGetNodeById: (state: WorkflowStore) => (id: string) => _genfeedai_types.WorkflowNode | undefined;
+/** Select getConnectedNodeIds helper */
+declare const selectGetConnectedNodeIds: (state: WorkflowStore) => (nodeIds: string[]) => string[];
+/** Select isValidConnection helper */
+declare const selectIsValidConnection: (state: WorkflowStore) => (connection: _xyflow_react.Connection) => boolean;
+/** Select findCompatibleHandle helper */
+declare const selectFindCompatibleHandle: (state: WorkflowStore) => (sourceNodeId: string, sourceHandleId: string | null, targetNodeId: string) => string | null;
+/**
+ * Create a selector for a specific node by ID
+ * Note: Creates new function each call - memoize at call site if needed
+ */
+declare const createSelectNodeById: (id: string) => (state: WorkflowStore) => _genfeedai_types.WorkflowNode | undefined;
+/**
+ * Create a selector for checking if a node is in selection
+ */
+declare const createSelectIsNodeSelected: (id: string) => (state: WorkflowStore) => boolean;
+/**
+ * Create a selector for a group containing a node
+ */
+declare const createSelectGroupByNodeId: (nodeId: string) => (state: WorkflowStore) => _genfeedai_types.NodeGroup | undefined;
+
+export { WorkflowStore, 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/stores.js

@@ -0,0 +1,113 @@
+'use strict';
+
+var chunk6DOEUDD5_js = require('./chunk-6DOEUDD5.js');
+require('./chunk-JLWKW3G5.js');
+var chunkEC2ZIWOK_js = require('./chunk-EC2ZIWOK.js');
+var chunkNSDLGLAQ_js = require('./chunk-NSDLGLAQ.js');
+var chunkRXNEDWK2_js = require('./chunk-RXNEDWK2.js');
+require('./chunk-Z7PWFZG5.js');
+
+// 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));
+
+Object.defineProperty(exports, "useAnnotationStore", {
+  enumerable: true,
+  get: function () { return chunk6DOEUDD5_js.useAnnotationStore; }
+});
+Object.defineProperty(exports, "usePromptEditorStore", {
+  enumerable: true,
+  get: function () { return chunk6DOEUDD5_js.usePromptEditorStore; }
+});
+Object.defineProperty(exports, "PROVIDER_INFO", {
+  enumerable: true,
+  get: function () { return chunkEC2ZIWOK_js.PROVIDER_INFO; }
+});
+Object.defineProperty(exports, "useExecutionStore", {
+  enumerable: true,
+  get: function () { return chunkEC2ZIWOK_js.useExecutionStore; }
+});
+Object.defineProperty(exports, "useSettingsStore", {
+  enumerable: true,
+  get: function () { return chunkEC2ZIWOK_js.useSettingsStore; }
+});
+Object.defineProperty(exports, "useUIStore", {
+  enumerable: true,
+  get: function () { return chunkEC2ZIWOK_js.useUIStore; }
+});
+Object.defineProperty(exports, "useWorkflowStore", {
+  enumerable: true,
+  get: function () { return chunkNSDLGLAQ_js.useWorkflowStore; }
+});
+Object.defineProperty(exports, "configurePromptLibrary", {
+  enumerable: true,
+  get: function () { return chunkRXNEDWK2_js.configurePromptLibrary; }
+});
+Object.defineProperty(exports, "usePromptLibraryStore", {
+  enumerable: true,
+  get: function () { return chunkRXNEDWK2_js.usePromptLibraryStore; }
+});
+exports.createSelectGroupByNodeId = createSelectGroupByNodeId;
+exports.createSelectIsNodeSelected = createSelectIsNodeSelected;
+exports.createSelectNodeById = createSelectNodeById;
+exports.selectAddNode = selectAddNode;
+exports.selectAddNodesAndEdges = selectAddNodesAndEdges;
+exports.selectCreateGroup = selectCreateGroup;
+exports.selectDeleteGroup = selectDeleteGroup;
+exports.selectDuplicateNode = selectDuplicateNode;
+exports.selectEdgeStyle = selectEdgeStyle;
+exports.selectEdges = selectEdges;
+exports.selectFindCompatibleHandle = selectFindCompatibleHandle;
+exports.selectGetConnectedNodeIds = selectGetConnectedNodeIds;
+exports.selectGetNodeById = selectGetNodeById;
+exports.selectGroups = selectGroups;
+exports.selectIsDirty = selectIsDirty;
+exports.selectIsLoading = selectIsLoading;
+exports.selectIsSaving = selectIsSaving;
+exports.selectIsValidConnection = selectIsValidConnection;
+exports.selectNavigationTargetId = selectNavigationTargetId;
+exports.selectNodes = selectNodes;
+exports.selectOnConnect = selectOnConnect;
+exports.selectOnEdgesChange = selectOnEdgesChange;
+exports.selectOnNodesChange = selectOnNodesChange;
+exports.selectRemoveEdge = selectRemoveEdge;
+exports.selectRemoveNode = selectRemoveNode;
+exports.selectSelectedNodeIds = selectSelectedNodeIds;
+exports.selectSetDirty = selectSetDirty;
+exports.selectSetSelectedNodeIds = selectSetSelectedNodeIds;
+exports.selectToggleNodeLock = selectToggleNodeLock;
+exports.selectUnlockAllNodes = selectUnlockAllNodes;
+exports.selectUpdateNodeData = selectUpdateNodeData;
+exports.selectWorkflowId = selectWorkflowId;
+exports.selectWorkflowName = selectWorkflowName;

package/dist/stores.mjs

@@ -0,0 +1,43 @@
+export { useAnnotationStore, usePromptEditorStore } from './chunk-CV4M7CNU.mjs';
+import './chunk-LDN7IX4Y.mjs';
+export { PROVIDER_INFO, useExecutionStore, useSettingsStore, useUIStore } from './chunk-CSUBLSKZ.mjs';
+export { useWorkflowStore } from './chunk-BJ3R5R32.mjs';
+export { configurePromptLibrary, usePromptLibraryStore } from './chunk-VRN3UWE5.mjs';
+import './chunk-AC6TWLRT.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

@@ -0,0 +1,73 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * Toolbar Component Types
+ */
+interface DropdownItem {
+    id: string;
+    label?: string;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    external?: boolean;
+    separator?: boolean;
+    disabled?: boolean;
+}
+interface ToolbarDropdownProps {
+    label: string;
+    items: DropdownItem[];
+}
+interface OverflowMenuProps {
+    items: DropdownItem[];
+}
+
+interface ToolbarProps {
+    /** Optional callback for auto-layout functionality */
+    onAutoLayout?: (direction: 'LR' | 'TB') => void;
+    /** Optional callback for "Save As" action */
+    onSaveAs?: (newName: string) => void;
+    /** Additional file menu items to prepend */
+    fileMenuItemsPrepend?: DropdownItem[];
+    /** Additional file menu items to append */
+    fileMenuItemsAppend?: DropdownItem[];
+    /** Additional menu dropdowns to render after File */
+    additionalMenus?: Array<{
+        label: string;
+        items: DropdownItem[];
+    }>;
+    /** Logo href (defaults to "/") */
+    logoHref?: string;
+    /** Logo image src */
+    logoSrc?: string;
+    /** Whether to show the settings button */
+    showSettings?: boolean;
+    /** Additional elements to render in the right side of the toolbar */
+    rightContent?: React.ReactNode;
+}
+declare function Toolbar({ onAutoLayout, onSaveAs, fileMenuItemsPrepend, fileMenuItemsAppend, additionalMenus, logoHref, logoSrc, showSettings, rightContent, }: ToolbarProps): react_jsx_runtime.JSX.Element;
+
+declare function BottomBar(): react_jsx_runtime.JSX.Element;
+
+/**
+ * Auto-save status indicator
+ */
+declare function SaveIndicator(): react_jsx_runtime.JSX.Element;
+
+/**
+ * Toolbar dropdown menu component
+ */
+declare function ToolbarDropdown({ label, items }: ToolbarDropdownProps): react_jsx_runtime.JSX.Element;
+
+interface SaveAsDialogProps {
+    isOpen: boolean;
+    currentName: string;
+    onSave: (newName: string) => void;
+    onClose: () => void;
+}
+declare function SaveAsDialog({ isOpen, currentName, onSave, onClose }: SaveAsDialogProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Overflow menu with icon trigger
+ */
+declare function OverflowMenu({ items }: OverflowMenuProps): react_jsx_runtime.JSX.Element;
+
+export { BottomBar, type DropdownItem, OverflowMenu, type OverflowMenuProps, SaveAsDialog, SaveIndicator, Toolbar, ToolbarDropdown, type ToolbarDropdownProps };

package/dist/toolbar.d.ts

@@ -0,0 +1,73 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * Toolbar Component Types
+ */
+interface DropdownItem {
+    id: string;
+    label?: string;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    external?: boolean;
+    separator?: boolean;
+    disabled?: boolean;
+}
+interface ToolbarDropdownProps {
+    label: string;
+    items: DropdownItem[];
+}
+interface OverflowMenuProps {
+    items: DropdownItem[];
+}
+
+interface ToolbarProps {
+    /** Optional callback for auto-layout functionality */
+    onAutoLayout?: (direction: 'LR' | 'TB') => void;
+    /** Optional callback for "Save As" action */
+    onSaveAs?: (newName: string) => void;
+    /** Additional file menu items to prepend */
+    fileMenuItemsPrepend?: DropdownItem[];
+    /** Additional file menu items to append */
+    fileMenuItemsAppend?: DropdownItem[];
+    /** Additional menu dropdowns to render after File */
+    additionalMenus?: Array<{
+        label: string;
+        items: DropdownItem[];
+    }>;
+    /** Logo href (defaults to "/") */
+    logoHref?: string;
+    /** Logo image src */
+    logoSrc?: string;
+    /** Whether to show the settings button */
+    showSettings?: boolean;
+    /** Additional elements to render in the right side of the toolbar */
+    rightContent?: React.ReactNode;
+}
+declare function Toolbar({ onAutoLayout, onSaveAs, fileMenuItemsPrepend, fileMenuItemsAppend, additionalMenus, logoHref, logoSrc, showSettings, rightContent, }: ToolbarProps): react_jsx_runtime.JSX.Element;
+
+declare function BottomBar(): react_jsx_runtime.JSX.Element;
+
+/**
+ * Auto-save status indicator
+ */
+declare function SaveIndicator(): react_jsx_runtime.JSX.Element;
+
+/**
+ * Toolbar dropdown menu component
+ */
+declare function ToolbarDropdown({ label, items }: ToolbarDropdownProps): react_jsx_runtime.JSX.Element;
+
+interface SaveAsDialogProps {
+    isOpen: boolean;
+    currentName: string;
+    onSave: (newName: string) => void;
+    onClose: () => void;
+}
+declare function SaveAsDialog({ isOpen, currentName, onSave, onClose }: SaveAsDialogProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Overflow menu with icon trigger
+ */
+declare function OverflowMenu({ items }: OverflowMenuProps): react_jsx_runtime.JSX.Element;
+
+export { BottomBar, type DropdownItem, OverflowMenu, type OverflowMenuProps, SaveAsDialog, SaveIndicator, Toolbar, ToolbarDropdown, type ToolbarDropdownProps };

package/dist/toolbar.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var chunkSW7QNEZU_js = require('./chunk-SW7QNEZU.js');
+require('./chunk-JLWKW3G5.js');
+require('./chunk-EC2ZIWOK.js');
+require('./chunk-NSDLGLAQ.js');
+require('./chunk-Z7PWFZG5.js');
+
+
+
+Object.defineProperty(exports, "BottomBar", {
+  enumerable: true,
+  get: function () { return chunkSW7QNEZU_js.BottomBar; }
+});
+Object.defineProperty(exports, "OverflowMenu", {
+  enumerable: true,
+  get: function () { return chunkSW7QNEZU_js.OverflowMenu; }
+});
+Object.defineProperty(exports, "SaveAsDialog", {
+  enumerable: true,
+  get: function () { return chunkSW7QNEZU_js.SaveAsDialog; }
+});
+Object.defineProperty(exports, "SaveIndicator", {
+  enumerable: true,
+  get: function () { return chunkSW7QNEZU_js.SaveIndicator; }
+});
+Object.defineProperty(exports, "Toolbar", {
+  enumerable: true,
+  get: function () { return chunkSW7QNEZU_js.Toolbar; }
+});
+Object.defineProperty(exports, "ToolbarDropdown", {
+  enumerable: true,
+  get: function () { return chunkSW7QNEZU_js.ToolbarDropdown; }
+});

package/dist/toolbar.mjs

@@ -0,0 +1,5 @@
+export { BottomBar, OverflowMenu, SaveAsDialog, SaveIndicator, Toolbar, ToolbarDropdown } from './chunk-22PDGHNQ.mjs';
+import './chunk-LDN7IX4Y.mjs';
+import './chunk-CSUBLSKZ.mjs';
+import './chunk-BJ3R5R32.mjs';
+import './chunk-AC6TWLRT.mjs';

package/dist/types-ipAnBzAJ.d.mts

@@ -0,0 +1,46 @@
+import { ComponentType } from 'react';
+import { IQueryPrompts, IPrompt, ICreatePrompt, ProviderModel } from '@genfeedai/types';
+
+interface FileUploadService {
+    uploadFile: (path: string, file: File) => Promise<{
+        url: string;
+        filename: string;
+    }>;
+}
+interface ModelSchemaService {
+    fetchModelSchema: (modelId: string, signal?: AbortSignal) => Promise<ProviderModel | null>;
+}
+interface PromptLibraryService {
+    getAll: (query?: IQueryPrompts, signal?: AbortSignal) => Promise<IPrompt[]>;
+    getFeatured: (limit?: number, signal?: AbortSignal) => Promise<IPrompt[]>;
+    create: (data: ICreatePrompt, signal?: AbortSignal) => Promise<IPrompt>;
+    update: (id: string, data: Partial<ICreatePrompt>, signal?: AbortSignal) => Promise<IPrompt>;
+    delete: (id: string, signal?: AbortSignal) => Promise<void>;
+    duplicate: (id: string, signal?: AbortSignal) => Promise<IPrompt>;
+    use: (id: string, signal?: AbortSignal) => Promise<IPrompt>;
+}
+interface ModelBrowserModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSelect: (model: ProviderModel) => void;
+    capabilities?: string[];
+    title?: string;
+}
+interface PromptPickerProps {
+    onSelect: (item: IPrompt) => void;
+    label?: string;
+}
+interface WorkflowUIConfig {
+    /** For ImageInputNode, VideoInputNode — file upload */
+    fileUpload?: FileUploadService;
+    /** For AI gen nodes — model schema loading */
+    modelSchema?: ModelSchemaService;
+    /** For PromptNode — prompt library CRUD */
+    promptLibrary?: PromptLibraryService;
+    /** 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 };

package/dist/types-ipAnBzAJ.d.ts

@@ -0,0 +1,46 @@
+import { ComponentType } from 'react';
+import { IQueryPrompts, IPrompt, ICreatePrompt, ProviderModel } from '@genfeedai/types';
+
+interface FileUploadService {
+    uploadFile: (path: string, file: File) => Promise<{
+        url: string;
+        filename: string;
+    }>;
+}
+interface ModelSchemaService {
+    fetchModelSchema: (modelId: string, signal?: AbortSignal) => Promise<ProviderModel | null>;
+}
+interface PromptLibraryService {
+    getAll: (query?: IQueryPrompts, signal?: AbortSignal) => Promise<IPrompt[]>;
+    getFeatured: (limit?: number, signal?: AbortSignal) => Promise<IPrompt[]>;
+    create: (data: ICreatePrompt, signal?: AbortSignal) => Promise<IPrompt>;
+    update: (id: string, data: Partial<ICreatePrompt>, signal?: AbortSignal) => Promise<IPrompt>;
+    delete: (id: string, signal?: AbortSignal) => Promise<void>;
+    duplicate: (id: string, signal?: AbortSignal) => Promise<IPrompt>;
+    use: (id: string, signal?: AbortSignal) => Promise<IPrompt>;
+}
+interface ModelBrowserModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSelect: (model: ProviderModel) => void;
+    capabilities?: string[];
+    title?: string;
+}
+interface PromptPickerProps {
+    onSelect: (item: IPrompt) => void;
+    label?: string;
+}
+interface WorkflowUIConfig {
+    /** For ImageInputNode, VideoInputNode — file upload */
+    fileUpload?: FileUploadService;
+    /** For AI gen nodes — model schema loading */
+    modelSchema?: ModelSchemaService;
+    /** For PromptNode — prompt library CRUD */
+    promptLibrary?: PromptLibraryService;
+    /** 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 };

package/dist/ui.d.mts

@@ -0,0 +1,67 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import * as react from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+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;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: react.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Checkbox({ className, ...props }: react.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+interface ComparisonSliderProps {
+    beforeSrc: string;
+    afterSrc: string;
+    beforeLabel?: string;
+    afterLabel?: string;
+    position: number;
+    onPositionChange: (position: number) => void;
+    height?: number;
+    className?: string;
+}
+declare function ComparisonSliderComponent({ beforeSrc, afterSrc, beforeLabel, afterLabel, position, onPositionChange, height, className, }: ComparisonSliderProps): react_jsx_runtime.JSX.Element;
+declare const ComparisonSlider: react.MemoExoticComponent<typeof ComparisonSliderComponent>;
+
+interface GridPosition {
+    x: number;
+    y: number;
+}
+interface GridPositionSelectorProps {
+    position: GridPosition;
+    onPositionChange: (position: GridPosition) => void;
+    className?: string;
+}
+declare function GridPositionSelectorComponent({ position, onPositionChange, className, }: GridPositionSelectorProps): react_jsx_runtime.JSX.Element;
+declare const GridPositionSelector: react.MemoExoticComponent<typeof GridPositionSelectorComponent>;
+
+declare function Input({ className, type, ...props }: react.ComponentProps<'input'>): react_jsx_runtime.JSX.Element;
+
+declare function Label({ className, ...props }: react.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare function Select({ ...props }: react.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function SelectGroup({ ...props }: react.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function SelectValue({ ...props }: react.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: react.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: 'sm' | 'default';
+}): react_jsx_runtime.JSX.Element;
+declare function SelectContent({ className, children, position, align, ...props }: react.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function SelectLabel({ className, ...props }: react.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime.JSX.Element;
+declare function SelectItem({ className, children, ...props }: react.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare function SelectSeparator({ className, ...props }: react.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: react.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: react.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime.JSX.Element;
+
+declare function Slider({ className, defaultValue, value, min, max, ...props }: react.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { Button, Checkbox, ComparisonSlider, GridPositionSelector, Input, Label, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Slider, buttonVariants, cn };