@fluxo-dev/shell-workflow 26.1.1 → 26.1.3

package/src/lib/etl/utils/status-utils.d.ts

@@ -0,0 +1,19 @@
+import { PipelineStatus } from '../types';
+/**
+ * Check if a status represents a running/active state
+ */
+export declare function isRunningStatus(status: string | number | PipelineStatus): boolean;
+/**
+ * Normalize pipeline status to PipelineStatus enum.
+ * Falls back to PipelineStatus.Pending for unknown values.
+ */
+export declare function normalizePipelineStatus(status: string | number): PipelineStatus;
+/**
+ * Get badge color for a status
+ */
+export declare function getStatusColor(status: string | number | PipelineStatus): string;
+/**
+ * Get display label for a status.
+ * Utility pubblica utilizzabile nei componenti che mostrano lo status in italiano.
+ */
+export declare function getStatusLabel(status: PipelineStatus): string;

package/src/lib/etl/utils/validation.d.ts

@@ -0,0 +1,17 @@
+import { Node, Edge } from '@xyflow/react';
+import { EtlNodeData } from '../types';
+/**
+ * Validate connection between two nodes
+ */
+export declare function validateConnection(sourceId: string, targetId: string, edges: Edge[], nodes: Node<EtlNodeData>[], sourceHandle?: string | null, targetHandle?: string | null): {
+    isValid: boolean;
+    error?: string;
+};
+/**
+ * Validate pipeline before execution
+ */
+export declare function validatePipeline(nodes: Node<EtlNodeData>[], edges: Edge[]): {
+    isValid: boolean;
+    errors: string[];
+    warnings: string[];
+};

package/src/lib/fluxo-module.d.ts

@@ -1,3 +1,2 @@
-import { EmbeddedModule, EmbeddedModuleNavigation } from "@fluxo-dev/api-client-base";
-export declare const workflowNavigation: EmbeddedModuleNavigation;
+import { EmbeddedModule } from "@fluxo-dev/api-client-base";
 export declare const workflowModule: EmbeddedModule;

package/src/lib/workflow/browse/workflow-browse.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ShellPageRef } from '@fluxo-dev/ui-components';
+export interface WorkflowBrowseProps {
+    shellPageRef: React.RefObject<ShellPageRef>;
+}
+export declare function WorkflowBrowse({ shellPageRef }: WorkflowBrowseProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/workflow/browse/workflow-executions-panel.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ShellPageRef } from '@fluxo-dev/ui-components';
+export interface WorkflowExecutionsPanelProps {
+    workflowId: number;
+    workflowName: string;
+    shellPageRef: React.RefObject<ShellPageRef>;
+}
+export declare function WorkflowExecutionsPanel({ workflowId, workflowName, shellPageRef, }: WorkflowExecutionsPanelProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/workflow/designer-v2/components/canvas/FlowCanvas.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Node, Edge, OnNodesChange, OnEdgesChange, OnConnect, NodeTypes, EdgeTypes } from '@xyflow/react';
+import '@xyflow/react/dist/style.css';
+import { NodeData } from '../../types';
+export interface FlowCanvasProps {
+    nodes: Node<NodeData>[];
+    edges: Edge[];
+    onNodesChange: OnNodesChange;
+    onEdgesChange: OnEdgesChange;
+    onConnect: OnConnect;
+    onNodeClick?: (event: React.MouseEvent, node: Node) => void;
+    nodeTypes: NodeTypes;
+    edgeTypes: EdgeTypes;
+    showConfigPanel?: boolean;
+}
+export declare const FlowCanvas: React.MemoExoticComponent<({ nodes, edges, onNodesChange, onEdgesChange, onConnect, onNodeClick, nodeTypes, edgeTypes, showConfigPanel, }: FlowCanvasProps) => import("react/jsx-runtime").JSX.Element>;

package/src/lib/workflow/designer-v2/components/edges/CustomEdge.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { EdgeProps } from '@xyflow/react';
+export declare const CustomEdge: React.MemoExoticComponent<({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style, markerEnd, sourceHandleId, selected, data, }: EdgeProps) => import("react/jsx-runtime").JSX.Element>;

package/src/lib/workflow/designer-v2/components/modals/TriggerInputModal.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ActionInputDescriptor, ActionInput } from '@fluxo-dev/api-client-base';
+export interface TriggerInputModalProps {
+    opened: boolean;
+    onClose: () => void;
+    triggerName: string;
+    inputs: ActionInputDescriptor[];
+    onStart: (inputValues: Record<string, ActionInput>) => void;
+}
+export declare const TriggerInputModal: React.MemoExoticComponent<({ opened, onClose, triggerName, inputs, onStart }: TriggerInputModalProps) => import("react/jsx-runtime").JSX.Element>;

package/src/lib/workflow/designer-v2/components/nodes/CustomNode.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { NodeProps } from '@xyflow/react';
+export declare const CustomNode: React.MemoExoticComponent<({ data, selected, id }: NodeProps) => import("react/jsx-runtime").JSX.Element>;

package/src/lib/workflow/designer-v2/components/panels/ActionsPanel/ActionsPanel.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { NodeTypeEnum, WorkflowActionCategoryDto, WorkflowActionDto, WorkflowTriggerCategoryDto, WorkflowTriggerDto } from '@fluxo-dev/api-client-base';
+export interface ActionsPanelProps {
+    actions: WorkflowActionCategoryDto[];
+    triggers: WorkflowTriggerCategoryDto[];
+    onAddAction: (action: WorkflowActionDto) => void;
+    onAddTrigger: (trigger: WorkflowTriggerDto) => void;
+    onAddPrimitive: (primitiveType: NodeTypeEnum, label: string) => void;
+    loading?: boolean;
+    triggersLoading?: boolean;
+}
+export declare const ActionsPanel: React.MemoExoticComponent<({ actions, triggers, onAddAction, onAddTrigger, onAddPrimitive, triggersLoading }: ActionsPanelProps) => import("react/jsx-runtime").JSX.Element>;

package/src/lib/workflow/designer-v2/components/panels/NodeConfigPanel/CollapsibleGroup.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface CollapsibleGroupProps {
+    id: string;
+    title: string;
+    description?: string;
+    defaultCollapsed?: boolean;
+    children: React.ReactNode;
+}
+/**
+ * Collapsible group component for organizing inputs
+ */
+export declare const CollapsibleGroup: React.FC<CollapsibleGroupProps>;

package/src/lib/workflow/designer-v2/components/panels/NodeConfigPanel/ConditionalInput.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ActionInputDescriptor, ActionInputTypeEnum } from '@fluxo-dev/api-client-base';
+import { AvailableOutput } from '../../../types';
+export interface ConditionalInputProps {
+    input: ActionInputDescriptor;
+    value: any;
+    inputType: ActionInputTypeEnum;
+    onChange: (value: any) => void;
+    onTypeChange: (type: ActionInputTypeEnum) => void;
+    availableOutputs: AvailableOutput[];
+    allInputValues: Record<string, any>;
+    isTrigger?: boolean;
+}
+/**
+ * Wrapper for InputField that handles conditional visibility, enabled state, and required state
+ */
+export declare const ConditionalInput: React.FC<ConditionalInputProps>;

package/src/lib/workflow/designer-v2/components/panels/NodeConfigPanel/ExpressionEditor.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { AvailableOutput } from '../../../types';
+import './ExpressionEditor.module.css';
+export interface ExpressionEditorProps {
+    value: string;
+    onChange: (value: string) => void;
+    availableOutputs?: AvailableOutput[];
+    placeholder?: string;
+    minHeight?: number;
+    disabled?: boolean;
+}
+/**
+ * Expression editor component with Monaco Editor
+ * Features:
+ * - Inline compact editor
+ * - Expandable modal for full-screen editing
+ * - Step output insertion helper
+ */
+export declare const ExpressionEditor: React.MemoExoticComponent<({ value, onChange, availableOutputs, placeholder, minHeight, disabled, }: ExpressionEditorProps) => import("react/jsx-runtime").JSX.Element>;

package/src/lib/workflow/designer-v2/components/panels/NodeConfigPanel/InputField.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { ActionInputTypeEnum, InputValidation } from '@fluxo-dev/api-client-base';
+import { AvailableOutput } from '../../../types';
+export interface InputFieldProps {
+    inputId: string;
+    inputName: string;
+    description?: string;
+    helpText?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    inputType: ActionInputTypeEnum;
+    value: any;
+    onChange: (value: any) => void;
+    onTypeChange: (type: ActionInputTypeEnum) => void;
+    availableOutputs?: AvailableOutput[];
+    dataType?: string;
+    uiHint?: string;
+    isTrigger?: boolean;
+    validation?: InputValidation;
+}
+/**
+ * Input field component with type selector and appropriate editor
+ * Fixes the non-editable input issue from v1
+ */
+export declare const InputField: React.MemoExoticComponent<({ inputId, inputName, description, helpText, placeholder, required, disabled, inputType, value, onChange, onTypeChange, availableOutputs, dataType, uiHint, isTrigger, validation, }: InputFieldProps) => import("react/jsx-runtime").JSX.Element>;

package/src/lib/workflow/designer-v2/components/panels/NodeConfigPanel/InputsSection.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ActionInputTypeEnum, WorkflowActionDto } from '@fluxo-dev/api-client-base';
+import { AvailableOutput } from '../../../types';
+export interface InputsSectionProps {
+    actionDefinition: WorkflowActionDto;
+    onInputChange: (inputId: string, value: any, type: ActionInputTypeEnum) => void;
+    onInputTypeChange: (inputId: string, type: ActionInputTypeEnum) => void;
+    getInputValue: (inputId: string) => any;
+    getInputType: (inputId: string) => ActionInputTypeEnum;
+    availableOutputs: AvailableOutput[];
+    isTrigger?: boolean;
+}
+export declare const InputsSection: React.MemoExoticComponent<({ actionDefinition, onInputChange, onInputTypeChange, getInputValue, getInputType, availableOutputs, isTrigger, }: InputsSectionProps) => import("react/jsx-runtime").JSX.Element | null>;

package/src/lib/workflow/designer-v2/components/panels/NodeConfigPanel/NodeConfigPanel.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { WorkflowActionCategoryDto, WorkflowTriggerCategoryDto } from '@fluxo-dev/api-client-base';
+import { NodeData, AvailableOutput } from '../../../types';
+export interface NodeConfigPanelProps {
+    nodeData: NodeData;
+    actions: WorkflowActionCategoryDto[];
+    triggers?: WorkflowTriggerCategoryDto[];
+    availableOutputs: AvailableOutput[];
+    onUpdateData: (data: Partial<NodeData>) => void;
+    onClose: () => void;
+}
+export declare const NodeConfigPanel: React.MemoExoticComponent<({ nodeData, actions, triggers, availableOutputs, onUpdateData, onClose, }: NodeConfigPanelProps) => import("react/jsx-runtime").JSX.Element>;

package/src/lib/workflow/designer-v2/components/panels/NodeConfigPanel/OutcomesSection.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface OutcomesSectionProps {
+    outcomes: string[];
+}
+export declare const OutcomesSection: React.MemoExoticComponent<({ outcomes }: OutcomesSectionProps) => import("react/jsx-runtime").JSX.Element | null>;

package/src/lib/workflow/designer-v2/components/panels/NodeConfigPanel/OutputsSection.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ActionOutputDescriptor } from '@fluxo-dev/api-client-base';
+export interface OutputsSectionProps {
+    outputs: ActionOutputDescriptor[];
+}
+export declare const OutputsSection: React.MemoExoticComponent<({ outputs }: OutputsSectionProps) => import("react/jsx-runtime").JSX.Element | null>;

package/src/lib/workflow/designer-v2/components/panels/NodeConfigPanel/PrimitiveInputsSection.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { PrimitiveInput, NodeData } from '../../../types';
+import { AvailableOutput } from '../../../types';
+export interface PrimitiveInputsSectionProps {
+    inputs: PrimitiveInput[];
+    nodeData: NodeData;
+    onUpdateData: (data: Partial<NodeData>) => void;
+    availableOutputs: AvailableOutput[];
+}
+/**
+ * Section for primitive node inputs (While, ForEach, Decision, etc.)
+ */
+export declare const PrimitiveInputsSection: React.MemoExoticComponent<({ inputs, nodeData, onUpdateData, availableOutputs, }: PrimitiveInputsSectionProps) => import("react/jsx-runtime").JSX.Element | null>;

package/src/lib/workflow/designer-v2/components/panels/NodeConfigPanel/TypedValueEditor.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface TypedValue {
+    dataType: 'integer' | 'decimal' | 'string' | 'boolean';
+    value: string | number | boolean;
+}
+export interface TypedValueEditorProps {
+    value: string | number | boolean | null;
+    onChange: (value: string | number | boolean) => void;
+    placeholder?: string;
+    disabled?: boolean;
+}
+/**
+ * Editor for typed values (int, decimal, string, boolean)
+ * Allows user to select a data type and then enter the value
+ * Saves ONLY the primitive value (not the TypedValue object)
+ */
+export declare const TypedValueEditor: React.MemoExoticComponent<({ value, onChange, placeholder, disabled }: TypedValueEditorProps) => import("react/jsx-runtime").JSX.Element>;

package/src/lib/workflow/designer-v2/components/toolbar/WorkflowToolbar.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface WorkflowToolbarProps {
+    workflowName: string;
+    workflowDescription?: string;
+    onSave: () => void;
+    onClose: () => void;
+    saving?: boolean;
+}
+export declare const WorkflowToolbar: React.MemoExoticComponent<({ workflowName, workflowDescription, onSave, onClose, saving }: WorkflowToolbarProps) => import("react/jsx-runtime").JSX.Element>;

package/src/lib/workflow/designer-v2/constants/index.d.ts

@@ -0,0 +1,3 @@
+export * from './primitives';
+export * from './styles';
+export * from './triggers';

package/src/lib/workflow/designer-v2/constants/primitives.d.ts

@@ -0,0 +1,27 @@
+import { WorkflowPrimitive } from '../types';
+/**
+ * Available workflow primitives (control flow nodes)
+ *
+ * NOTE: Parallel execution is NOT a node type!
+ * It's automatically created when multiple edges share the same source+sourceHandle.
+ * The backend detects this pattern and creates a Parallel construct automatically.
+ */
+export declare const WORKFLOW_PRIMITIVES: WorkflowPrimitive[];
+/**
+ * Get handles configuration for primitive nodes
+ *
+ * NOTE: Parallel is not included here - it's automatic based on edge connections
+ * NOTE: Join has a single 'default' target handle that can receive multiple edges from parallel branches
+ */
+export declare const getPrimitiveHandles: (primitiveType: number) => {
+    source: string[];
+    target: string[];
+};
+/**
+ * Get input configuration for a primitive node
+ */
+export declare const getPrimitiveInputs: (primitiveType: number) => import("../types").PrimitiveInput[];
+/**
+ * Get primitive definition by type
+ */
+export declare const getPrimitiveByType: (primitiveType: number) => WorkflowPrimitive | undefined;

package/src/lib/workflow/designer-v2/constants/styles.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Color scheme for workflow designer (Attio style)
+ */
+export declare const COLORS: {
+    node: {
+        background: string;
+        border: string;
+        borderSelected: string;
+        shadow: string;
+        shadowSelected: string;
+    };
+    handle: {
+        default: string;
+        success: string;
+        fail: string;
+        error: string;
+        timeout: string;
+        warning: string;
+        true: string;
+        false: string;
+        neutral: string;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+    background: {
+        canvas: string;
+        panel: string;
+        hover: string;
+    };
+    border: {
+        light: string;
+        default: string;
+        dark: string;
+    };
+    status: {
+        start: string;
+        end: string;
+        configured: string;
+    };
+};
+/**
+ * Spacing constants
+ */
+export declare const SPACING: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+/**
+ * Border radius
+ */
+export declare const RADIUS: {
+    sm: number;
+    md: number;
+    lg: number;
+};

package/src/lib/workflow/designer-v2/constants/triggers.d.ts

@@ -0,0 +1,10 @@
+import { WorkflowTriggerDto } from '@fluxo-dev/api-client-base';
+/**
+ * Built-in Manual Trigger
+ * This is the default trigger that allows manual workflow execution
+ */
+export declare const MANUAL_TRIGGER: WorkflowTriggerDto;
+/**
+ * Get icon name for a trigger based on its category or type
+ */
+export declare const getTriggerIcon: (trigger: WorkflowTriggerDto) => string;

package/src/lib/workflow/designer-v2/constants/ui-hints.d.ts

@@ -0,0 +1,22 @@
+/**
+ * UI Hints for Action Inputs
+ * These constants match the backend ActionInputUIHints class
+ */
+export declare const ActionInputUIHints: {
+    readonly SingleLine: "single-line";
+    readonly MultiLine: "multi-line";
+    readonly Checkbox: "checkbox";
+    readonly CheckList: "check-list";
+    readonly RadioList: "radio-list";
+    readonly Dropdown: "dropdown";
+    readonly MultiText: "multi-text";
+    readonly CodeEditor: "code-editor";
+    readonly Dictionary: "dictionary";
+    readonly Integer: "integer";
+    readonly Decimal: "decimal";
+    readonly Lookup: "lookup";
+    readonly Json: "json";
+    readonly TypedValue: "typed-value";
+    readonly Number: "number";
+};
+export type ActionInputUIHint = typeof ActionInputUIHints[keyof typeof ActionInputUIHints];

package/src/lib/workflow/designer-v2/hooks/index.d.ts

@@ -0,0 +1,9 @@
+export * from './useNodeInputs';
+export * from './useAvailableOutputs';
+export * from './useActionDefinitions';
+export * from './useTriggerDefinitions';
+export * from './useNodeOperations';
+export * from './useWorkflowState';
+export * from './useWorkflowActions';
+export * from './useInputValidation';
+export * from './useInputDependencies';

package/src/lib/workflow/designer-v2/hooks/useActionDefinitions.d.ts

@@ -0,0 +1,11 @@
+import { WorkflowActionCategoryDto } from '@fluxo-dev/api-client-base';
+export interface UseActionDefinitionsReturn {
+    actions: WorkflowActionCategoryDto[];
+    loading: boolean;
+    error: Error | null;
+    reload: () => Promise<void>;
+}
+/**
+ * Hook to load and manage action definitions from API
+ */
+export declare const useActionDefinitions: () => UseActionDefinitionsReturn;

package/src/lib/workflow/designer-v2/hooks/useAvailableOutputs.d.ts

@@ -0,0 +1,14 @@
+import { Node, Edge } from '@xyflow/react';
+import { NodeData, AvailableOutput } from '../types';
+import { WorkflowActionCategoryDto, WorkflowTriggerCategoryDto } from '@fluxo-dev/api-client-base';
+/**
+ * Hook to get available outputs from predecessor nodes (ancestors in the graph)
+ *
+ * Returns outputs from:
+ * 1. Action definitions (from backend WorkflowActionDto)
+ * 2. Trigger definitions (from backend WorkflowTriggerDto)
+ * 3. Custom outputs configured by user
+ *
+ * Navigates recursively through all ancestors, not just direct predecessors
+ */
+export declare const useAvailableOutputs: (nodes: Node<NodeData>[], edges: Edge[], actionCategories: WorkflowActionCategoryDto[], triggerCategories?: WorkflowTriggerCategoryDto[]) => (nodeId: string, filterType?: string) => AvailableOutput[];

package/src/lib/workflow/designer-v2/hooks/useInputDependencies.d.ts

@@ -0,0 +1,9 @@
+import type { ActionInputDescriptor } from '@fluxo-dev/api-client-base';
+/**
+ * Hook to evaluate input dependencies and determine visibility, enabled state, and required state
+ */
+export declare function useInputDependencies(input: ActionInputDescriptor, allValues: Record<string, any>): {
+    isVisible: boolean;
+    isEnabled: boolean;
+    isRequired: boolean;
+};

package/src/lib/workflow/designer-v2/hooks/useInputValidation.d.ts

@@ -0,0 +1,9 @@
+import { ActionInputDescriptor } from '@fluxo-dev/api-client-base';
+/**
+ * Hook to validate input value based on validation rules
+ */
+export declare function useInputValidation(input: ActionInputDescriptor | null, value: any): {
+    validate: () => string | null;
+    error: string | null;
+    isValid: boolean;
+};

package/src/lib/workflow/designer-v2/hooks/useNodeInputs.d.ts

@@ -0,0 +1,18 @@
+import { ActionInput, ActionInputTypeEnum } from '@fluxo-dev/api-client-base';
+import { NodeData } from '../types';
+export interface UseNodeInputsProps {
+    nodeData: NodeData;
+    onUpdate: (data: Partial<NodeData>) => void;
+}
+export interface UseNodeInputsReturn {
+    inputs: Record<string, ActionInput>;
+    handleInputChange: (inputId: string, value: any, type: ActionInputTypeEnum) => void;
+    handleInputTypeChange: (inputId: string, type: ActionInputTypeEnum) => void;
+    getInputValue: (inputId: string) => any;
+    getInputType: (inputId: string) => ActionInputTypeEnum;
+}
+/**
+ * Hook for managing node inputs with proper typing and debouncing
+ * Solves the issue of non-editable inputs in v1
+ */
+export declare const useNodeInputs: ({ nodeData, onUpdate, }: UseNodeInputsProps) => UseNodeInputsReturn;

package/src/lib/workflow/designer-v2/hooks/useNodeOperations.d.ts

@@ -0,0 +1,15 @@
+import { Node } from '@xyflow/react';
+import { NodeTypeEnum, WorkflowActionDto, WorkflowTriggerDto } from '@fluxo-dev/api-client-base';
+import { NodeData } from '../types';
+export interface UseNodeOperationsReturn {
+    addActionNode: (action: WorkflowActionDto) => void;
+    addPrimitiveNode: (primitiveType: NodeTypeEnum, label: string) => void;
+    addTriggerNode: (trigger: WorkflowTriggerDto) => void;
+    addStartNode: () => void;
+    updateNodeData: (nodeId: string, data: Partial<NodeData>) => void;
+    deleteNode: (nodeId: string) => void;
+}
+/**
+ * Hook for node operations (add, update, delete)
+ */
+export declare const useNodeOperations: (nodes: Node<NodeData>[], setNodes: React.Dispatch<React.SetStateAction<Node<NodeData>[]>>, workflowId?: number) => UseNodeOperationsReturn;

package/src/lib/workflow/designer-v2/hooks/useTriggerDefinitions.d.ts

@@ -0,0 +1,11 @@
+import { WorkflowTriggerCategoryDto } from '@fluxo-dev/api-client-base';
+export interface UseTriggerDefinitionsReturn {
+    triggers: WorkflowTriggerCategoryDto[];
+    loading: boolean;
+    error: Error | null;
+}
+/**
+ * Hook to load available trigger definitions from backend
+ * Includes built-in Manual trigger
+ */
+export declare const useTriggerDefinitions: () => UseTriggerDefinitionsReturn;

package/src/lib/workflow/designer-v2/hooks/useWorkflowActions.d.ts

@@ -0,0 +1,15 @@
+import { Node, Edge } from '@xyflow/react';
+import { NodeData, WorkflowMetadata } from '../types';
+export interface UseWorkflowActionsReturn {
+    saveWorkflow: (data: {
+        nodes: Node<NodeData>[];
+        edges: Edge[];
+        metadata: WorkflowMetadata;
+    }) => Promise<boolean>;
+    loading: boolean;
+    error: Error | null;
+}
+/**
+ * Hook for workflow actions (save, validate)
+ */
+export declare const useWorkflowActions: (workflowId?: number) => UseWorkflowActionsReturn;

package/src/lib/workflow/designer-v2/hooks/useWorkflowState.d.ts

@@ -0,0 +1,17 @@
+import { Node, Edge } from '@xyflow/react';
+import { WorkflowTriggerCategoryDto } from '@fluxo-dev/api-client-base';
+import { NodeData, WorkflowMetadata } from '../types';
+export interface UseWorkflowStateReturn {
+    nodes: Node<NodeData>[];
+    edges: Edge[];
+    metadata: WorkflowMetadata | null;
+    setNodes: React.Dispatch<React.SetStateAction<Node<NodeData>[]>>;
+    setEdges: React.Dispatch<React.SetStateAction<Edge[]>>;
+    onNodesChange: any;
+    onEdgesChange: any;
+}
+/**
+ * Hook to manage workflow state (nodes and edges)
+ * Loads workflow from backend if workflowId is provided
+ */
+export declare const useWorkflowState: (workflowId?: number, triggers?: WorkflowTriggerCategoryDto[]) => UseWorkflowStateReturn;

package/src/lib/workflow/designer-v2/index.d.ts

@@ -0,0 +1,2 @@
+export { WorkflowDesignerV2 } from './workflow-designer-v2';
+export type { WorkflowDesignerV2Props } from './workflow-designer-v2';

package/src/lib/workflow/designer-v2/types/index.d.ts

@@ -0,0 +1,6 @@
+export * from './node-data.types';
+export * from './workflow-state.types';
+export * from './input-config.types';
+export * from './input-group.types';
+export * from './input-validation.types';
+export * from './input-dependency.types';

package/src/lib/workflow/designer-v2/types/input-config.types.d.ts

@@ -0,0 +1,32 @@
+import { ActionInputTypeEnum } from '@fluxo-dev/api-client-base';
+import { AvailableOutput } from './node-data.types';
+/**
+ * Input configuration with type selection
+ */
+export interface InputConfig {
+    inputType: ActionInputTypeEnum;
+    value: any;
+}
+/**
+ * Props for input type selector
+ */
+export interface InputTypeSelectorProps {
+    currentType: ActionInputTypeEnum;
+    onTypeChange: (type: ActionInputTypeEnum) => void;
+}
+/**
+ * Props for input value editor based on type
+ */
+export interface InputValueEditorProps {
+    inputType: ActionInputTypeEnum;
+    value: any;
+    onChange: (value: any) => void;
+    availableOutputs?: AvailableOutput[];
+    inputDescriptor: {
+        id: string;
+        name: string;
+        description?: string;
+        type: string;
+        required: boolean;
+    };
+}

package/src/lib/workflow/designer-v2/types/input-dependency.types.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Input dependency for conditional visibility/enabled/required
+ */
+export interface InputDependency {
+    dependsOn: string;
+    operator: DependencyOperator;
+    value?: any;
+    action: DependencyAction;
+}
+/**
+ * Dependency operators for condition evaluation
+ */
+export type DependencyOperator = 'equals' | 'notEquals' | 'in' | 'notIn' | 'greaterThan' | 'lessThan' | 'greaterThanOrEqual' | 'lessThanOrEqual' | 'isNotEmpty' | 'isEmpty';
+/**
+ * Dependency actions (what happens when condition is true)
+ */
+export type DependencyAction = 'visible' | 'enabled' | 'required';

package/src/lib/workflow/designer-v2/types/input-group.types.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Input group for organizing inputs in sections
+ */
+export interface InputGroup {
+    id: string;
+    displayName: string;
+    order: number;
+    collapsed: boolean;
+    description?: string;
+}