---
id: 19
title: "Frontend: Project selector & navigation"
assignee: claude
tags: [frontend, projects, ui]
created: 2026-02-10
---

## Description

Update the SPA to support multiple projects with a project selector and scoped routing.

### Routing

Switch from flat hash routing to project-scoped:
```
#/{project-slug}/board
#/{project-slug}/prompts
#/{project-slug}/documents
#/{project-slug}/activity
#/                          → project list / picker
```

### UI

1. **Project list view** — Grid/list of projects as the landing page. Each card shows project name, description, task counts.
2. **Project selector** — In the header/sidebar, show current project name with a dropdown or breadcrumb to switch projects.
3. **Scoped data loading** — All API calls include the current project slug. State resets when switching projects.
4. **Keyboard shortcut** — `P` key to open project switcher (like `N` opens create modal).

### Design
- Keep the existing dark theme aesthetic
- Project cards should feel like the existing task cards
- Smooth transitions when switching projects

## Acceptance Criteria
- [ ] Project list view at `#/` showing all projects
- [ ] Hash routing includes project slug: `#/{slug}/board`
- [ ] Header shows current project with ability to switch
- [ ] All API calls scoped to current project
- [ ] State properly resets when switching projects
- [ ] Polling scoped to current project
- [ ] `P` key opens project switcher
- [ ] Create new project from UI
- [ ] Single-project mode: skip project selector, go straight to board

## Notes
