Create task task-003

backlog/tasks/task-003 - Attention-Pipeline-Workload-visualization-for-upcoming-work.md

@@ -0,0 +1,68 @@
+---
+id: task-003
+title: 'Attention Pipeline: Workload visualization for upcoming work'
+status: To Do
+assignee: []
+created_date: '2025-12-26 01:57'
+labels:
+  - feature
+  - dashboard
+  - time-tracking
+  - ux
+dependencies: []
+priority: high
+---
+
+## Description
+
+<!-- SECTION:DESCRIPTION:BEGIN -->
+## Overview
+Create a visual "attention pipeline" that shows workload distribution over time, helping users assess how busy they are at any given point in the future.
+
+## MVP (Phase 1) - Using Existing Data
+Build a workload view using existing fields (no schema changes):
+
+### Grouping Logic
+- **Today**: Tasks with `doToday: true`
+- **This Week**: Tasks with `priority: high`
+- **Next 2 Weeks**: Tasks with `priority: medium`
+- **Backlog**: Tasks with `priority: low` or no priority
+
+### UI Components
+1. **Workload Tab** in web dashboard (alongside Board, Statistics)
+2. **Group Cards** showing:
+   - Task list for each time bucket
+   - Total estimated hours
+   - Progress bar (capacity vs scheduled)
+3. **Summary Stats**:
+   - Daily capacity setting (configurable, default 6h)
+   - "Runway" calculation (days until backlog cleared)
+   - Overload warnings
+
+### Interactions
+- Click task to open details
+- Quick-toggle doToday from this view
+- Collapse/expand groups
+
+## Phase 2 - With Scheduling Fields
+- Add `targetDate` field to Task type
+- Calendar heatmap visualization
+- Drag-drop scheduling
+- Conflict detection
+
+## Phase 3 - Advanced
+- Capacity configuration (work days, hours/day)
+- Sprint/iteration support
+- Integration with external calendars
+- Forecasting ("when will X be done?")
+<!-- SECTION:DESCRIPTION:END -->
+
+## Acceptance Criteria
+<!-- AC:BEGIN -->
+- [ ] #1 New Workload tab visible in web dashboard
+- [ ] #2 Tasks grouped by Today/This Week/Next 2 Weeks/Backlog
+- [ ] #3 Total estimated hours shown per group
+- [ ] #4 Capacity setting with runway calculation
+- [ ] #5 Click task to open details modal
+- [ ] #6 Responsive design (mobile-friendly)
+<!-- AC:END -->