A presentational component that renders a full author profile page body — identity header (avatar, name, job title, socials), bio, expertise badges, and a slot for the authored-content rail.
## Key Components
### `AuthorDetailViewProps`
| Prop | Type | Description |
|---|---|---|
| `author` | `AuthorProfile` | Full author data object |
| `proxyImageUrl` | `(url: string) => string` | Optional host-level avatar URL mapper; takes precedence over the ambient runtime proxy |
| `children` | `React.ReactNode` | Authored-content rail slot (hub passes SSR-prefetched section; embedders pass API-backed section) |
| `className` | `string` | Optional wrapper class override |
### `AuthorDetailView`
The exported component. Handles:
- **Avatar proxying** — resolves through `proxyImageUrl` prop → `ChatRuntime.endpoints.imageProxyUrlPrefix` → raw URL (never throws without a provider)
- **Identity header** — avatar (or initial fallback), name as `` (host owns `
`), subtitle (`jobTitle @ company`), and social icon row
- **Bio** — formatted via `formatBioText`
- **Expertise badges** — `StatusBadge` per `knowsAbout` entry
- **Content slot** — renders `children` as-is beneath the profile
## Usage Example
```typescript
// Hub usage — SSR content rail passed as children
// Embed usage — custom proxy + API-backed content rail
`/media-proxy?src=${encodeURIComponent(url)}`}
>
```
> **Embed contract:** `Image` renders through the embed shim (plain `![]()
` outside Next.js hosts). The component is data-in, markup-out — no internal fetches.
**Source:** [`author-detail-view.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/author-detail-view.tsx)