metabuilder

mirror of https://github.com/johndoe6345789/metabuilder.git synced 2026-04-29 00:05:01 +00:00

Files

johndoe6345789 35b6fc88dd feat(workflowui): add Toolbar component with save, execute, and validate actions

Implemented comprehensive Toolbar component:

**Features**:
- Save button with dirty state tracking and disable logic
- Execute button with workflow validation integration
- Validate button showing detailed validation results
- Zoom controls (in, out, reset) with percentage display
- Loading indicators (spinner) on async operations

**Validation Modal**:
- Shows validation errors and warnings
- Blocks execution if workflow is invalid
- Modal overlay with keyboard support
- Error count display and detailed messages

**Interactions**:
- Keyboard shortcuts (Ctrl+S, Shift+Enter, Ctrl+0, etc.)
- Disabled states based on workflow state
- Spinner animations during loading
- Responsive toolbar layout on mobile

**Integration**:
- useWorkflow hook for save/validate operations
- useExecution hook for execute functionality
- useEditor hook for zoom controls
- useUI hook for loading state management

Styling:
- SCSS module with component scoping
- Responsive design for mobile/tablet/desktop
- Theme-aware colors and transitions
- Loading spinner animation

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>

2026-01-23 02:09:11 +00:00