Web UI
Step back from the terminal and see the full picture of what your product does. The Web UI gives you:
- Bird's-eye view of your feature tree and progress
- Easier editing of feature specs without context switching
- Manual planning when you need to reorganize or reprioritize
- Version management with drag-and-drop assignment
Open the Web UI at http://localhost:4242 once the server is running. Not installed yet? See the Install guide.
Navigation
The header contains:
- Project selector: Dropdown to switch between projects
- Edit: Feature tree and detail editing (default view)
- Plan: Version matrix for release planning
- Activity: Timeline of implementation work
- Portfolio: All projects at a
glance with swim lane cards (toggle with
P)
Command palette
Press T to open the command palette and search features by title.
Use arrow keys to navigate results and Enter to jump to a feature.
- Searches across all features in the current project
- Shows breadcrumb paths so you can distinguish similarly named features
- Toggle the Proposed only filter to narrow results to unstarted work
New project wizard
Create a project with Cmd+N or the + button in the
header. A three-step wizard walks you through setup:
- Details: Project name and initial version (e.g.
0.1.0) - Directory: Working directory path and optional git remote
- Instructions: AI coding guidelines for your agents (optional, editable later)
Project settings
Click the gear icon in the header to open project settings. Organized into tabs:
- Project Name: Rename your project
- Directories: Add or remove working directories. Use Browse to pick folders with the native file picker.
- Defaults: Configure where new features go (Backlog or current version), detail level for feature sets and specs (Concise / Standard / Thorough), and acceptance criteria format (Checkbox or Gherkin)
- Server: Choose your CLI agent and configure the database path
- Delete: Permanently delete the project (requires typing the project name to confirm)
Keyboard shortcuts
| Shortcut | Action |
|---|---|
T | Command palette (search features) |
P | Toggle portfolio view |
Browser notifications
Manifest can send browser notifications when features change state. For example, when an agent completes work on a feature you're watching. Enable notifications in your browser when prompted, or configure them in project settings.
Update banner
When a newer version of Manifest is available, a banner appears at the top of the page with a link to update. This checks the latest release and compares it to your running server version.