🎯 Task Management & Kanban UX

[vasconceloscezar]

Summary

Enhance task management capabilities with bulk operations, tagging, filtering, and better organization. Multiple feedbacks requested more control over task workflows.

Problems Identified

1. No Bulk Task Start

Current: When Genie creates 5-10+ tasks, each must be started individually.
Impact: Tedious clicking, breaks flow state.

Solution:

• Checkbox selection on task cards
• Shift+click for range selection
• "Start Selected" button in toolbar
• Bulk action dropdown (start, archive, delete)

2. No Task Tagging/Labeling System

Current: Tasks have no metadata for categorization.
Impact: Can't organize by type, feature, sprint, etc.

Solution:

• Add tags/labels field to tasks
• Tag management UI (create, edit, delete tags)
• Color coding per tag
• DB schema: task_tags table or JSON field

3. Limited Filtering

Current: Basic status filtering only.

Solution:

• Filter by tag
• Filter by executor/agent
• Filter by date range
• Search across title and description
• Save filter presets

4. Task Ordering Issues

Current: Tasks ordered by creation date only.
Impact: Active tasks get buried, completed tasks stay at top.

Solution:

• Sort options: creation date, last activity, status
• Manual drag reordering within columns
• "Most recently updated" as default option

5. Task Card Customization

Current: All task cards look the same.

Solution:

• Color indicator based on tag or priority
• Custom card fields (show/hide description, dates, etc.)
• Compact vs expanded view toggle

6. Task Card Status Badges (NEW)

Current: Task cards don't show linked resources or status indicators.
Impact: Users can't see at-a-glance if task has PR, GitHub issue, running server, etc.

Solution:

• PR Badge: Show linked PR number (e.g., PR #123) - clickable to open PR
• GitHub Issue Badge: Show linked issue (e.g., #456) - clickable to open issue
• Dev Server Badge: Indicator when dev server is running (green dot or icon)
• Branch Badge: Show branch name for the task
• Conflict Indicator: Warning icon if branch has conflicts

Badge Behavior:

• Badges are compact, shown in card footer or header
• Clickable badges open relevant resource in new tab
• Tooltips with more details on hover
• Consistent iconography across all badges

Acceptance Criteria

• Can select and start multiple tasks at once
• Tasks can have tags with colors
• Filtering by tag, executor, and search works
• Sort options available (creation, activity, manual)
• Task cards show tag colors
• PR badge shows on cards with linked PRs (clickable)
• GitHub issue badge shows on cards with linked issues (clickable)
• Running dev server indicated on task cards
• Branch name visible on task cards

Related Issues

• feat: Unified Kanban view across multiple projects #255 (Unified Kanban view)
• ✨ Feature: Rework Archive System - Hidden Tasks + Rename Archive Status #245 (Archive system rework)
• Add github_issue_id to Task model serialization #289 (github_issue_id serialization - needed for issue badge)
• 👁️ Preview & Dev Server Improvements #316 (Preview improvements - dev server indicator)

Technical Notes

Database:

• github_issue_id already exists (see Add github_issue_id to Task model serialization #289)
• PR info available from git operations
• Dev server state tracked in backend

UI Components:

• TaskCardBadge component for consistent badge styling
• Badge types: PR, Issue, Server, Branch, Conflict

Database Changes:

• New task_tags table or tags JSON field on tasks
• Consider: task_metadata for extensibility

Team Feedback Sources

• Feedback 1: Bulk task start
• Feedback 3: Kanban customization, colors
• Feedback 6: Task cards, filtering, ordering, PR/issue visibility

Priority

🟡 P1 - High (3/6 feedbacks, workflow efficiency)