Implement Visual Workflow Builder

[aydarng]

Create a visual workflow builder that allows users to create workflows using drag-and-drop interface without writing YAML.

Tasks

• Create WorkflowBuilder component (src/components/builder/WorkflowBuilder.tsx)
• Create StepPalette component with draggable workflow steps
• Create PropertiesPanel component for editing node properties
• Create ConfigBuilder component for parallel configuration building
• Create ValidationPanel component for real-time feedback
• Implement drag-and-drop functionality
• Add connection logic between workflow steps
• Implement real-time validation system
• Create BuilderPage component (src/pages/BuilderPage.tsx)
• Add Builder tab to main navigation

Features

• Canvas: Large workspace for building workflows
• Step Palette: Draggable components (Create AID, Issue Credential, etc.)
• Properties Panel: Edit node properties and connections
• Configuration Builder: Parallel interface for building config
• Validation System: Real-time validation with visual feedback
• Connection Logic: Sequential, dependency, and data flow connections

Step Types to Support

• AID Steps: Create AID, Create AID KLI, Create Client, Create Registry
• Credential Steps: Issue Credential, Revoke Credential
• Special Steps: Add Root of Trust, VLEI Verification

Acceptance Criteria

• Users can drag workflow steps from palette to canvas
• Users can connect steps with different connection types
• Users can edit step properties in a dedicated panel
• Users can build configuration in parallel
• Real-time validation provides visual feedback
• Builder tab is accessible from main navigation
• Workflows can be exported in template or native format