308a7d9b31
## The Feature Request User wanted an enhanced sidebar panel showing: - Tasks needing agents (ready but unassigned) - Pre-assigned tasks waiting to start - Active workers on current epic ## Design Collaboration We discussed what each section should show: 1. **Needs Agent**: Actionable tasks (no blockers) without agent: label 2. **Pre-assigned**: Tasks with agent: label, not yet in_progress 3. **Squad Roster**: in_progress tasks with assignee ## Technical Implementation - Uses useGraphAnalysis hook for actionableNodeIds - Helper functions: hasAgentLabel(), getAgentLabels(), extractArchetypeIdFromLabel() - Quick assign dropdown on each 'Needs Agent' item - Archetype badges shown on 'Pre-assigned' items ## UI/UX Decisions - Each section has count badge in header - Max-height with scroll for each section - Consistent styling with existing panel patterns - Uses CSS variables for theming ## Test Coverage - Added assignment-panel-sections.test.tsx with 5 TDD tests - Tests verify: useGraphAnalysis import, section headers, filtering logic ## Beads: beadboard-b7t (closed) |
||
|---|---|---|
| .. | ||
| api | ||
| components | ||
| guards | ||
| hooks | ||
| lib | ||
| scripts | ||
| server | ||
| skills/beadboard-driver | ||
| types | ||
| bootstrap.test.mjs | ||