dodo

Web UI

Dodo includes a browser-based interface for managing tasks visually. Start it with:

dodo serve

The web UI is available at http://localhost:3456 by default. Use --port to change the port:

dodo serve --port 8080

Views

List View

The default view displays tasks in a hierarchical tree layout, matching the CLI's dodo list output. Features:

  • Status badges — click to cycle through statuses (open → in-progress → done)
  • Tree layout — child tasks are indented under their parents
  • Inline details — descriptions and tags shown inline
  • Delete on hover — delete button appears when hovering over a task

Kanban View

Switch to a column-based view with tasks grouped by status:

  • Open — tasks ready to be worked on
  • In Progress — tasks currently underway
  • Blocked — tasks waiting on dependencies
  • Done — completed tasks

Each column shows a count of tasks. Cards display the title, ID, description preview, and tags.

Toggle between List and Kanban views using the view switcher in the toolbar.

Features

Adding Tasks

Use the form at the top of the task list to create tasks. Click More to expand additional fields:

  • Title — required
  • Description — optional text
  • Tags — comma-separated
  • Parent — select from existing open tasks

Filtering

The toolbar provides:

  • Search — fuzzy text search across titles, descriptions, and tags
  • Status filter — dropdown to filter by status
  • Tag filter — dropdown to filter by tag (populated from existing tags)

Task Detail

Click any task title to open the detail view:

  • Full markdown rendering of the description
  • Tags displayed as badges
  • Parent, blocked-by, and blocking relationships as clickable links
  • Children displayed in either list or kanban view
  • Created and updated timestamps
  • Action buttons: Copy agent prompt, status change, and delete

Copy Agent Prompt

On the task detail page, click Copy agent prompt to copy a formatted prompt to your clipboard. This uses your prompt template to generate an agent-ready prompt with the task's details filled in.

Tech Stack

The web UI is built with:

  • React with Tailwind CSS
  • Hono server (same as the API)
  • Bundled with Bun and served as static files