Composable page component that wires `DevSectionPage` chrome (shell, hero, navigation) together with `RoadmapView` for the `/roadmap` route, used by both `openframe-frontend` and the hub without hand-composing the layout. ## Key Components | Export | Type | Description | |---|---|---| | `RoadmapPage` | `React.FC` | Full roadmap page assembling `DevSectionPage` + `RoadmapView` | | `RoadmapPageProps` | `interface` | All props for configuring endpoints, SSR hydration, layout, and content slots | ### Notable Props - **`roadmapEndpoint`** — GET list endpoint; defaults to `/api/roadmap` - **`buildRefreshUrl`** — per-task URL builder called after a vote cast - **`votingOptions`** — full `UseRoadmapVotingOptions` override; takes precedence over `voteApiEndpoint` - **`initialItems`** — pre-fetched `RoadmapItem[]` for SSR hydration, skipping the initial client fetch - **`shell`** — pass `false` when the host layout already provides the page container - **`belowContent`** — arbitrary `ReactNode` slot rendered below the list (e.g. a related-content rail) ## Usage Example ```typescript // Minimal — client-side fetch only // SSR-hydrated (hub usage) `/api/roadmap/${id}`} votingOptions={{ voteApiEndpoint: '/api/roadmap/vote', onVoteSuccess: refetch }} belowContent={} showLeftMargin /> // Embedded inside a host layout that already provides PageShell ``` ## Source [`roadmap-page.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/roadmap-page.tsx)