# Tasks: Add Resource Management UI

## 1. API Service
- [x] 1.1 Create workload.ts service with API calls for heatmap, user detail, and my workload

## 2. Components
- [x] 2.1 Create WorkloadHeatmap.tsx component
  - Display users in a grid/table
  - Color-coded load levels (green=normal, yellow=warning, red=overloaded)
  - Show allocated/capacity hours and percentage
- [x] 2.2 Create WorkloadUserDetail.tsx component
  - Show user's task list for the selected week
  - Display task title, project, time estimate, due date

## 3. Page
- [x] 3.1 Create WorkloadPage.tsx
  - Week selector (navigate between weeks)
  - Department filter (for admins) - Note: Basic implementation, can be enhanced
  - Integrate WorkloadHeatmap component
  - Click user to show WorkloadUserDetail in modal/drawer

## 4. Integration
- [x] 4.1 Add /workload route to App.tsx
- [x] 4.2 Add navigation link in Layout sidebar

## 5. Testing
- [x] 5.1 Verify heatmap loads correctly
- [x] 5.2 Verify user detail modal shows tasks
- [x] 5.3 Verify week navigation works