Web Dashboard
The Barrd dashboard shows tasks, plans, decisions, and sessions in a web interface. Everything updates in real time.
Overview
Section titled “Overview”Claude interacts via MCP. You get the same data in a web interface. Create a task from Claude Code and it appears on the board within seconds.
Tasks board
Section titled “Tasks board”The tasks page is your project home — a kanban board with four columns:
- To Do — Work that’s queued up
- In Progress — What’s being worked on right now
- Blocked — Tasks waiting on something (hidden when empty)
- Done — Completed work, auto-collapsed when the list grows
Board & plan views
Section titled “Board & plan views”Toggle between Board view (status columns) and Plan view (tasks grouped by plan) using the view switcher in the toolbar.
Quick status changes
Section titled “Quick status changes”Click the status icon on any task card to change its status without opening the detail page. The dropdown shows all available transitions.
Filters
Section titled “Filters”Filter tasks by status, priority, plan, or assignee using the filter button in the toolbar. Active filters are shown as chips that you can dismiss individually.
Real-time updates
Section titled “Real-time updates”The board updates via server-sent events. A green dot in the toolbar indicates the live connection is active.
Task detail page
Section titled “Task detail page”Click any task card to open its detail page. Edit title, description, status, priority, assignee, and tags. Progress logs with file paths are shown below.
Plans group related tasks under a shared goal. The plans page shows all plans with status filter tabs (Draft, In Progress, Completed).
Plan detail
Section titled “Plan detail”Click a plan to open its detail page. The two-column layout shows:
- Main area — Editable Problem, Goal, and Approach fields (markdown supported), linked tasks with a progress bar, and content
- Sidebar — Plan ID, status, priority, duration estimate, labels, linked documents, and dates
All fields are inline-editable — click to edit, Cmd+Enter to save, Esc to cancel.
Documents
Section titled “Documents”Documents are long-form content — implementation plans, architecture notes, guides, retrospectives. The documents page uses a three-pane layout:
- Sidebar — Searchable document list with create button
- Editor — Rich markdown editor (TipTap) with toolbar and preview
- Table of contents — Auto-generated from headings
Documents support types (guide, architecture, decision, implementation, etc.) and tags for organization.
Decisions
Section titled “Decisions”Every architectural or design decision gets its own record. The decisions page lists all decisions with status filter tabs:
- Proposed — Under consideration
- Accepted — Approved and active
- Deprecated — No longer recommended
- Superseded — Replaced by a newer decision
Click a decision to edit title, description (markdown), status, and tags.
Sessions
Section titled “Sessions”The sessions page shows all AI session snapshots for your project. Each session record captures:
- Working memory — Current focus, phase, and next action
- Context snapshot — Files modified, decisions made, tasks completed
- Current task & plan — What was being worked on
Click a session row to expand its detail sidebar. Linked tasks and plans are prefetched.
Search
Section titled “Search”Press Cmd+K (or Ctrl+K) to navigate to the search page. Search across tasks, plans, documents, and decisions by keyword. Results are grouped by type with direct links to detail pages.
Themes
Section titled “Themes”Barrd ships with two themes:
- Midnight (dark) — Default. Designed for extended use.
- Chalk (light) — For daylight or preference.
Toggle between themes using the sun/moon icon in the sidebar. Your preference is saved locally.
Mobile
Section titled “Mobile”The dashboard is fully responsive. On mobile:
- The kanban board becomes a swipeable column view with tab navigation
- Filters open as a bottom sheet
- The sidebar collapses into a mobile nav
- All touch targets are sized for comfortable tapping (44px minimum)