LinkDesk/openspec/changes/align-my-task-layout-to-shot/specs/my-task-shot-layout/spec.md

ADDED Requirements

Requirement: My Tasks page uses Shot Task style header

The My Tasks page SHALL use a header layout consistent with the Shot Task page, including title, filter bar, and action buttons.

Scenario: My Tasks header matches Shot Task style

• WHEN the My Tasks page is rendered
• THEN the header SHALL contain a title section, filter controls, and action buttons arranged similarly to the Shot Task page

Scenario: Header includes project filter

• WHEN the My Tasks header is displayed
• THEN there SHALL be a project dropdown filter to select which project's tasks to view (or all projects)

Requirement: My Tasks data table columns match Shot Task configuration

The My Tasks page SHALL display task data in columns that align with the Shot Task page table structure, with the addition of a Project column.

Scenario: Table columns follow Shot Task pattern

• WHEN the My Tasks data table is rendered
• THEN it SHALL display columns similar to Shot Task (e.g., Name, Status, Priority, Due Date, Assignee) plus a Project column

Scenario: Column ordering is consistent with Shot Task

• WHEN the columns are displayed
• THEN they SHALL be ordered to match Shot Task conventions with Project column prominently placed

Requirement: My Tasks visual styling matches Shot Task page

The My Tasks page SHALL use visual styling (colors, spacing, typography) consistent with the Shot Task page.

Scenario: Visual consistency with Shot Task

• WHEN the My Tasks page is rendered
• THEN it SHALL use the same color scheme, spacing, and typography as the Shot Task page

Scenario: Component styling matches Shot Task

• WHEN UI components (buttons, inputs, dropdowns) are rendered
• THEN they SHALL use the same styling as corresponding Shot Task components