Phase 4.4 -- Task Board Page

Parent: #762 | Wave 2

Scope

• Rich Kanban cards: description preview, assignee avatar, due date, priority badge, dependency count, cost indicator
• Drag-drop: between status columns with Framer Motion spring physics
• Filtering: by status, priority, assignee, department, date range. Filter bar persists across sessions.
• Task detail panel: slide-in side panel with inline editing (title, description, priority, assignee). Not a separate page.
• Task creation: dialog with required fields, template suggestions
• Dependency visualization: visual links between dependent tasks (optional toggle)
• List view toggle: switch between Kanban and table/list view
• Real-time updates: WebSocket-driven card movements with animation

Data requirements

• GET /tasks (paginated, filtered)
• POST /tasks, PATCH /tasks/{id}, POST /tasks/{id}/transition
• WebSocket: task channel

Deliverables

• Kanban board with rich cards and drag-drop
• Filter bar with multiple criteria
• Task detail side panel with inline editing
• Task creation dialog
• List view alternative
• WebSocket real-time updates with animations
• Unit tests for filtering, status transitions

Blocked by

• feat: interaction components and animation patterns #776 (interaction components)