---
kind: task
slug: plans-roadmap-page
title: Plans roadmap page — tree, filters, detail drawer
plan_slug: automation-foundation
epic_slug: plans-roadmap-ui
status: draft
priority: P1
tenant_id: global
owner: unassigned
cursor_todo_id: null
updated_at: "2026-08-12"
---

# Task summary

Ship `/{workspaceSlug}/plans` with Plan → Epic → Task navigation, status filters, and a detail drawer (summary + workflow prompt preview).

## Description

Owner cockpit: see upcoming and ready work without opening git. Add icon-rail entry **Plans** (or Roadmap).

### UI

- Left/main: hierarchical list or accordion
- Status chips / filter bar
- Detail: title, status, priority, truncated body, effective workflow prompt (existing `getWorkflowPrompt`)
- Empty state: “Run markdown backlog import” with short docs link
- Epics can render as **milestone** labels in the tree (no full Gantt required)

### Dependencies

- [Task-trpc-backlog-tree](./Task-trpc-backlog-tree.md)

## Subtasks

- [ ] Route + icon-rail
- [ ] Tree component wired to tRPC
- [ ] Detail drawer
- [ ] Mobile-usable layout

## Estimation

L

## Acceptance criteria

- [ ] Operator can browse imported plan without git
- [ ] Selecting a task shows detail + prompt source badge
- [ ] Filter ready works end-to-end

## Links

- Epic: `./Epic-plans-roadmap-ui.md`
- Related: [Task-workflow-prompt-task-detail-ui](../../Plan-agent-coordination/Epic-task-as-runnable-unit/Task-workflow-prompt-task-detail-ui.md)