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)
31 lines
1.2 KiB
TypeScript
31 lines
1.2 KiB
TypeScript
import { describe, it } from 'node:test';
|
|
import assert from 'node:assert';
|
|
import fs from 'fs';
|
|
import path from 'path';
|
|
|
|
describe('AssignmentPanel Sections', () => {
|
|
const filePath = path.join(process.cwd(), 'src/components/graph/assignment-panel.tsx');
|
|
const source = fs.readFileSync(filePath, 'utf-8');
|
|
|
|
it('imports useGraphAnalysis for actionable detection', () => {
|
|
assert.ok(source.includes('useGraphAnalysis'), 'Should import useGraphAnalysis');
|
|
});
|
|
|
|
it('has Needs Agent section header', () => {
|
|
assert.ok(source.includes('Needs Agent'), 'Should have Needs Agent section');
|
|
});
|
|
|
|
it('has Pre-assigned section header', () => {
|
|
assert.ok(source.includes('Pre-assigned'), 'Should have Pre-assigned section');
|
|
});
|
|
|
|
it('filters Needs Agent to actionable tasks without agent label', () => {
|
|
// Should check for agent: label and actionable status
|
|
assert.ok(source.includes('actionableNodeIds'), 'Should use actionableNodeIds');
|
|
assert.ok(source.includes('agent:'), 'Should check for agent: labels');
|
|
});
|
|
|
|
it('scopes Active Workers to epicId when provided', () => {
|
|
assert.ok(source.includes('epicId'), 'Should use epicId for filtering');
|
|
});
|
|
});
|