Skip to content

Add kanban board view for tasks#9

Merged
Ghvstcode merged 1 commit intomainfrom
kanban-board-view
Mar 26, 2026
Merged

Add kanban board view for tasks#9
Ghvstcode merged 1 commit intomainfrom
kanban-board-view

Conversation

@Ghvstcode
Copy link
Copy Markdown
Owner

Summary

  • Adds a kanban board as a second view mode for the task list, where each column represents a task state (Pending, In Progress, Review, Done, Failed, Dismissed)
  • Users can drag and drop task cards between columns to change their state
  • New toolbar sits below the header with a view toggle (list/board), search input (filters by title + description, supports Cmd+F), and a filter popover for status, category, and source (Manual, AI Scan, Linear)
  • Kanban columns scroll independently within a fixed board height so one long column doesn't push others off-screen
  • Filters and search apply to both list and board views

New files

  • KanbanBoard.tsx — DnD context with cross-column drag handling and drag overlay
  • KanbanCard.tsx — draggable card component with state icon, badges, and metadata
  • KanbanColumn.tsx — droppable column per task state with independent scrolling
  • TaskToolbar.tsx — view toggle, search bar, filter popover

Test plan

  • Toggle between list and board views — both should render correctly
  • Drag a card from one column to another — task state should update
  • Type in the search bar — both views should filter tasks by title/description
  • Open filter popover and select status/category/source filters — tasks should filter in both views
  • Clear all filters — all tasks should reappear
  • With many tasks in one column, verify it scrolls independently without affecting other columns
  • Verify Cmd+F focuses the search input

Adds a second way to view the task list — a kanban board where each
column represents a task state. Users can drag cards between columns
to change task state. Both views share a new toolbar with:

- View toggle (list / board)
- Search input filtering by title and description (Cmd+F shortcut)
- Filter popover for status, category, and source (manual/AI/Linear)

Kanban columns scroll independently within a fixed board height so
one long column doesn't push others off-screen.

New files:
- KanbanBoard.tsx — DnD context, cross-column drag handling, overlay
- KanbanCard.tsx — draggable card with state icon, badges, metadata
- KanbanColumn.tsx — droppable column per task state
- TaskToolbar.tsx — view toggle, search bar, filter popover

Modified:
- TaskListView.tsx — view mode state, search/filter integration,
  conditional rendering of list vs board
@vercel
Copy link
Copy Markdown

vercel bot commented Mar 26, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
sustn Ready Ready Preview, Comment Mar 26, 2026 7:27am

@Ghvstcode Ghvstcode merged commit 4844fe4 into main Mar 26, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant