---
id: task-003
title: 'Attention Pipeline: Workload visualization for upcoming work'
status: To Do
assignee: []
created_date: '2025-12-26 01:57'
updated_date: '2025-12-26 01:57'
labels:
  - feature
  - dashboard
  - time-tracking
  - ux
dependencies: []
priority: high
estimated_hours: 16
---

## 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 -->