Renders a full product release detail page with support for injectable components, linked task fetching, and flexible layout modes.
## Key Components
### `ReleaseDetailPage`
Primary export. Renders a complete release detail view including metadata, changelog, media gallery, roadmap/delivery sections, and related content.
### Exported Types
| Type | Purpose |
|---|---|
| `ReleaseDetailPageProps` | Full prop interface for the page component |
| `UseReleaseResult` | Shape returned by the required `useRelease` hook |
| `VideoDisplaySectionProps` | Props for the injectable video section with bites/tabs support |
| `RoadmapSectionProps` | Props for the injectable roadmap task section |
| `DeliverySectionProps` | Props for the injectable delivery task section |
| `MarkdownRendererProps` | Props for the injectable markdown renderer |
| `RoadmapItem` | Re-exported from `../../chat/types/entities/roadmap-item` |
| `DeliveryResponse` | Re-exported from `../../../types/delivery` |
## Usage Example
```typescript
import { ReleaseDetailPage } from '@openframe/ui';
import { useRelease } from '@/hooks/use-release';
import { AppMarkdownRenderer } from '@/components/markdown-renderer';
import { RoadmapSection } from '@/components/roadmap-section';
export default function ReleasePage({ params }: { params: { slug: string } }) {
return (
}
shell={true}
/>
);
}
```
## Key Behaviors
- **Injectable architecture**: `MarkdownRenderer`, `RoadmapSection`, `DeliverySection`, and `VideoDisplaySection` are all optional overrides; defaults fall back to lib-provided components
- **Dual data modes**: Accepts `initialData` for admin preview (skips fetch); otherwise uses the required `useRelease` hook
- **Linked task fetching**: Automatically fetches ClickUp roadmap/delivery tasks via `contentFetch` when task IDs are present on the release record
- **Shell toggle**: `shell={false}` suppresses the outer `` for host layouts that already provide a page container
## Source
[`release-detail-page.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/release-detail-page.tsx)