story-kit: create 59_story_current_work_panel

This commit is contained in:
Dave
2026-02-23 12:58:39 +00:00
parent c9ac9cd8a6
commit 216ca9ea2f

View File

@@ -1,24 +1,25 @@
---
name: Current Work Panel
name: Animated Agent Work Assignment UI
test_plan: pending
---
# Story 59: Current Work Panel
# Story 59: Animated Agent Work Assignment UI
## User Story
As a user, I want a "Current" panel in the frontend that shows all work items (stories, bugs, spikes) currently being worked on and which coder is assigned to each, so I can see at a glance what's in progress.
As a user watching the web UI, I want to see which agent is working on which work item across all active pipeline stages, with agents visually animating between idle and assigned states, so the pipeline feels like a living system I can watch in real time.
## Acceptance Criteria
- [ ] "Current" panel in the right-side panel area
- [ ] Panel lists all items in `.story_kit/work/2_current/` with their type (story/bug/spike) and name
- [ ] Each item shows which agent/coder is working on it (from agent pool state)
- [ ] Items without an assigned agent show as "unassigned"
- [ ] Panel auto-refreshes when an `agents` or `stories` notification is received (if live notifications exist)
- [ ] REST endpoint `GET /api/workflow/current` returns current work items with agent assignments
- [ ] Work items in current/qa/merge panels each show which agent (if any) is working on them
- [ ] Agent lozenges (e.g. "coder-1 sonnet") visually animate from the agents panel to the work item they are assigned to
- [ ] When an agent completes, its lozenge animates back to idle in the agents panel (or to the next work item if immediately reassigned)
- [ ] Idle agents are visible in the agents panel with an idle state indicator
- [ ] Active agents show a subtle activity indicator (pulse, shimmer, etc.) on the work item they are docked to
- [ ] Pipeline state and agent assignments update in real time via WebSocket — no manual refresh needed
- [ ] The backend exposes agent-to-story assignments as part of the pipeline state (agent pool already tracks this)
## Out of Scope
- QA and Merge pipeline panels (follow-up stories)
- Actions from the panel (stop agent, reassign, etc.)
- Actions from the UI (stop agent, reassign, start agent) — future story
- Agent output streaming in the work item card — existing agent panel handles this