Add Visual Task Status Indicators in CrewCanvas

[nehmetohmedb]

Summary

Add color-based visual indicators to TaskNode components in CrewCanvas to show which tasks are currently running during workflow execution.

Requirements

• Running Tasks: Blue border with pulsing animation
• Completed Tasks: Green border with checkmark
• Failed Tasks: Red border with error icon
• Pending Tasks: Default gray styling

Implementation

1. Extend TaskNodeData interface with executionStatus field
2. Add status-based styling to TaskNode component (follow AgentNode pattern)
3. Connect to existing runStatusStore and trace data for real-time updates
4. Add CSS animations for running state

Files to Modify

• src/frontend/src/components/Tasks/TaskNode.tsx - Add visual status styling
• src/frontend/src/components/WorkflowDesigner/CrewCanvas.tsx - Connect status data to nodes

Acceptance Criteria

• TaskNode colors change based on execution status
• Real-time updates during workflow execution
• Consistent with existing AgentNode status patterns

Labels

enhancement, frontend, ui-ux, workflow