ProjectReportsPage
v2.0.16Updated 20 Oct 2026Composed example delivery-analytics reports page: KPI StatCards plus burndown / velocity / cumulative-flow charts (agile view) or a baseline-slippage DataTable with milestones (schedule view), switched by a view prop.
Preview
Live · 8 stories▸Why this is recommendedpagereportsanalyticsagile+4
ProjectReportsPage — agile.
- ✓Reference for delivery/engineering reports
- ✓Sprint retro and schedule-health dashboards
- i18n: a labels prop overrides every built-in string; English defaults, brand-free copy
- view prop: agile | schedule
- KPI StatCard strip per view
- Ideal-vs-actual burndown (LineChart, dotted ideal)
- Committed-vs-completed velocity bars
- Stacked cumulative-flow AreaChart
- Cycle-time-by-column breakdown
- Slippage DataTable with success/destructive variance colouring
- Upcoming-milestones list + baseline KVList
- ✕Direct embedding
- ✕Financial/BI dashboards (use DashboardPage)
Install
Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.
Usage
Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.
Props
labelsOverride every built-in string and aria-label (i18n). Merged over DEFAULT_PROJECT_REPORTS_PAGE_LABELS (129 English keys); every template in the file accepts it. The rendered DEFAULTS are English — page templates used to hardcode their copy, which no consumer could translate or ship. MCP feedback fb_ba2ec12f.
—