(CODUX-227) Recompose the Tasks board workspace

[numnx]

🧩 Task: Recompose the Tasks board workspace

Automated task PR opened by Code UX for T01.

📋 Summary

Sprint: Sprint 227 · Production-grade Tasks page redesign · Task: T01

Deliver a production-grade Tasks board with a polished responsive workspace, tidy information-dense cards, dependency rows limited to task identifier and current status, accessible tokenized card action menus, synchronized documentation, and executable dashboard and browser acceptance coverage without changing task data contracts or adding dependencies.

🤖 Model & Provider

Provider	Codex CLI
Model	gpt-5.6-sol

⏱️ Timing

Started	2026-07-13 23:45:14 UTC
Finished	2026-07-13 23:59:37 UTC
Duration	14m 23s

📊 Token Usage

Metric	Value
Input tokens	157,604
Cached input tokens	4,630,784
Output tokens	34,738
Total tokens	4,823,126
Invocations	1
Tool calls	37
Active time	13m 52s

Included usage estimate (subscription/local login): $4.15

✅ QA Review

⏳ QA review runs after this PR is opened. Check the task card in the dashboard for the outcome once it lands.

📝 Full Task Prompt

## Objective
Recompose the Tasks page into a calm, production-grade command surface that improves scanning and responsive behavior while preserving the existing controller, routing, filters, task mutations, and board view-model contracts.

## Scope
- `dashboard/src/v2/TasksPage.tsx`: `TasksPage`, `TaskScopePlaceholder`, and the current `SprintProgressCard` presentation
- Create `dashboard/src/v2/components/tasks/TaskBoardOverview.tsx` if extracting the sprint progress and board-stat summary keeps `TasksPage` focused
- `dashboard/src/v2/components/tasks/TaskBoardFilters.tsx`: `TaskBoardFilters`
- `dashboard/src/v2/components/tasks/TaskBoardSprintSelector.tsx`: existing trigger and listbox presentation without changing its selection contract
- `dashboard/src/v2/components/tasks/TaskBoardColumns.tsx`: `TaskBoardColumnsComponent` and `ColumnHeader`
- Create `tests/dashboard/v2/task-board-layout.test.tsx` for focused workspace and lane presentation coverage

## Implementation Requirements
1. Rebuild the page header, task totals, sprint progress, and New Task control as a concise operational hierarchy with deliberate typography, spacing, status tones, and light/dark surfaces derived from the existing Warm Void tokens.
2. Consolidate sprint scope, status, priority, and visible-card controls into a responsive control rail that remains usable with long sprint names and at phone, tablet, desktop, and ultra-wide widths.
3. Refine lane framing, headers, counts, drop targets, skeletons, empty states, filter-transition state, and error feedback so the board remains stable and readable across one-, two-, and three-column layouts.
4. Preserve named regions, progress semantics, polite filter/count announcements, visible focus states, minimum touch targets, and static reduced-motion equivalents; replace raw decorative animation where it does not resolve through the existing motion contracts.
5. Add focused tests covering the board hierarchy, accessible lane names and counts, progress semantics, loading/error/empty states, wrapped controls, and reduced-motion presentation without relying on sibling card-redesign files.

## Constraints
- Do not change `useTaskBoardController`, router search ownership, task API contracts, optimistic mutation behavior, drag status transitions, or `buildTaskBoardViewModel` data semantics.
- Do not edit `KanbanTaskCard.tsx`, `DependencyStatusIndicators.tsx`, or card-action behavior; those belong to the independent card-system task.
- Do not add packages, custom client protocol shapes, decorative colors outside existing tokens, hover-only controls, or viewport-width constructs that can create horizontal scrolling.
- Preserve projectless, sprintless, loading, stale-route, filter-transition, realtime-refresh, composer-open, and mutation-error behavior.

## Verification
- Run `pnpm exec vitest run tests/dashboard/v2/task-board-layout.test.tsx`.
- Run `pnpm run typecheck:dashboard`.
- Confirm the focused suite proves named and stable lanes, accessible progress and filters, deliberate empty/error/loading states, reduced-motion behavior, and no narrow-layout overflow contract regressions.

🌿 Branch Info

Base: feature/CODUX-227-production-grade-tasks-page-redesign-1
Head: task/feature-codux-22-t01-codex-de98d172-mrjve1nd

---

🤖 Generated by Code UX