kandev/docs/plans/task-priority-task-switcher/task-01-project-and-render-priority.md

id, title, status, wave, depends_on, plan, requirements, acceptance_criteria, system_design

id	title	status	wave	depends_on	plan	requirements	acceptance_criteria	system_design
01-project-and-render-priority	Project and render task-switcher priority	completed	1		plan.md	REQ-TASKS-PRIORITY-VISIBILITY-001 REQ-TASKS-PRIORITY-VISIBILITY-004 REQ-TASKS-PRIORITY-VISIBILITY-005	AC-TASKS-PRIORITY-VISIBILITY-005.1 AC-TASKS-PRIORITY-VISIBILITY-005.2 AC-TASKS-PRIORITY-VISIBILITY-005.3 AC-TASKS-PRIORITY-VISIBILITY-005.7	../../specs/tasks/system-design/task-priority-visibility.md

Task 01: Project and Render Task-Switcher Priority

Summary

Make priority part of the shared task-switcher item and render one generic task priority indicator on board cards and task rows. Both desktop and mobile projection adapters must retain the same stored value.

In scope

• Move priority tokens and display metadata to a task-owned shared module.
• Replace the kanban-only indicator with a reusable task priority indicator.
• Project priority into desktop sidebar and mobile task-switcher items.
• Render the indicator after the title in its inline badge area at every breakpoint.
• Add focused projection, rendering, fallback and accessibility tests.

Out of scope

• Priority mutation menus or E2E interaction flows.
• New copy, priority tokens, state ownership or backend contracts.

Acceptance

• Critical, high and low tasks show distinct indicators after the task title, while every task title keeps the same starting position.
• Medium, absent and invalid values show no indicator or raw token.
• Desktop and mobile task-switcher projections retain the stored priority and localized accessible name.

Verification

cd apps && pnpm --filter @kandev/web exec vitest run components/task/task-priority-indicator.test.tsx components/kanban-card-content.test.tsx components/task/task-item.test.tsx components/task/task-session-sidebar-item.test.ts components/task/mobile/session-task-switcher-sheet-item.test.ts --reporter=dot
cd apps/web && pnpm run typecheck
cd apps/web && pnpm run i18n:check && pnpm run i18n:ratchet
git diff --check

Files likely touched

• apps/web/lib/kanban/task-priority.ts
• apps/web/lib/tasks/task-priority.ts
• apps/web/components/kanban-card-priority-indicator.tsx
• apps/web/components/task/task-priority-indicator.tsx
• apps/web/components/kanban-card-content.tsx
• apps/web/components/task/task-switcher-types.ts
• apps/web/components/task/task-session-sidebar-item.ts
• apps/web/components/task/mobile/session-task-switcher-sheet-item.ts
• apps/web/components/task/task-switcher-row.tsx
• apps/web/components/task/task-item.tsx
• Focused test files beside these modules.

Dependencies

None.

Risks

• A stale import can leave one existing priority surface on a second metadata map.
• Inline priority and existing badges can reduce title width on dense nested rows.

Parallelism

sequential

Inputs

• Task priority visibility requirement and system-design indicator contracts.
• Existing KanbanCardPriorityIndicator behavior and tests.
• Existing buildSidebarItem and toSheetItem projection patterns.

Results

• Added task-owned priority tokens, labels and validation under lib/tasks.
• Added a generic priority indicator and kept the kanban adapter compatible.
• Projected priority into desktop and mobile task-switcher items.
• Rendered non-medium priority after the title and before change-request badges.
• Added focused projection, fallback, accessibility and ordering coverage.