split ChecklistPanel from FocusedAgentPanel (#548)

[JeremyDev87]

Summary

Extracts the Checklist section from FocusedAgentPanel into a dedicated ChecklistPanel component, placed at the top of the focused-agent column across all layout modes.

Closes #548

Changes

New Files

File	Purpose
ChecklistPanel.tsx	New panel component with border and title header
ChecklistPanel.spec.tsx	Component rendering tests
checklist-panel.pure.ts	resolveChecklistTasks — pure fallback logic
checklist-panel.pure.spec.ts	TDD tests (4 cases) for resolveChecklistTasks

Modified Files

File	Change
dashboard-types.ts	Add checklistPanel: GridRegion to DashboardGrid
grid-layout.pure.ts	Compute checklistPanel region; adjust focusedAgent height
grid-layout.pure.spec.ts	Assert checklistPanel dimensions for all layout modes
FocusedAgentPanel.tsx	Remove tasks prop and Checklist section
FocusedAgentPanel.spec.tsx	Remove checklist-related tests
components/index.ts	Export ChecklistPanel and resolveChecklistTasks
dashboard-app.tsx	Render ChecklistPanel above FocusedAgentPanel in all modes

Layout After Change

Wide / Medium mode:

┌──────────────┬──────────────────────┐
│  FlowMap     │  ChecklistPanel      │  ← NEW (top, 30% height)
│              │                      │
├──────────────┼──────────────────────┤
│ ActivityViz  │  FocusedAgentPanel   │  ← checklist removed
│              │                      │
└──────────────┴──────────────────────┘

Narrow mode:

┌──────────────────────┐
│  ChecklistPanel      │  ← NEW (top)
├──────────────────────┤
│  FocusedAgentPanel   │
├──────────────────────┤
│  FlowMap             │
└──────────────────────┘

Key Implementation Details

• Height formula: max(6, min(10, ceil(mainHeight * 0.3)))
• Fallback logic (never blank): contextDecisions[0] → contextNotes[0] → "Review current task objectives"
• formatEnhancedChecklist reused from focused-agent.pure.ts — no duplication

Test Coverage

• resolveChecklistTasks: 4 cases (tasks present / empty+decisions / empty+notes / empty+no context)
• ChecklistPanel: rendering with tasks, fallback from decisions, fallback from notes, default fallback
• grid-layout.pure: checklistPanel dimensions asserted for wide, medium, and narrow modes

Acceptance Criteria

• ChecklistPanel renders at the top of the focused-agent column in wide/medium/narrow modes
• ChecklistPanel is never blank — always shows at least 1 TODO item
• Fallback TODO derived from contextDecisions → contextNotes → default message
• FocusedAgentPanel no longer contains a Checklist section
• DashboardGrid includes checklistPanel: GridRegion
• All existing tests pass
• New tests cover resolveChecklistTasks (4 cases) and ChecklistPanel rendering

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
codingbuddy-landing	Ready	Preview, Comment	Feb 18, 2026 1:13pm