Skip to content

UX: Add empty state with task generation CTA to task board #477

Description

@frankbria

Problem

TaskBoardView with zero tasks shows a loading state but transitions to an empty board with no explanation or guidance. There is no empty state message or next-action prompt.

Impact

New workspaces with a PRD but no generated tasks leave users stuck. The task board appears broken rather than empty-by-design.

Recommendation

  1. Add empty state card when tasks.length === 0 after loading completes
  2. Text: "No tasks yet. Generate tasks from your PRD or create one manually."
  3. Primary CTA: 'Generate from PRD →' (links to /prd)
  4. Secondary CTA: 'Create Task' (opens new task dialog)
  5. Show PRD status context: "PRD found" vs. "No PRD — start there first"

Acceptance Criteria

  • Empty state renders when task list is empty (not loading)
  • Empty state explains how to create tasks
  • Links to /prd if workspace has a PRD
  • Shows PRD availability in empty state context
  • Does not flash during initial load

Affected Components

web-ui/src/components/tasks/TaskBoardView.tsx

Metadata

Metadata

Assignees

No one assigned

    Labels

    phase-6.3Phase 6.3: UX/UI design improvements for user journey through Think→Build→Prove→Shippriority:mediumux

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions