Storybook stories for `ChatInlineVideoPill`, an inline span component that renders a video reference pill inside chat assistant message paragraphs. ## Key Components | Export | Type | Description | |---|---|---| | `ChatInlineVideoPill` | Local component | Inline `` pill showing a play icon and truncated video title | | `Default` | `Story` | Standard pill with a short, readable title | | `LongTitleTruncates` | `Story` | Validates truncation at `max-w-[220px]` for long titles | ## Usage Example ```typescript // The component is defined inline in dispatch.tsx (~line 318-326) // and is reproduced here for isolated story rendering: function ChatInlineVideoPill({ title }: { title: string }) { return ( {title} ) } ``` ## Design Notes - **Inline-only** — unlike all other entity cards, this component has no card wrapper, Ask/Display affordance, or block-level container. It sits directly within `

` text flow. - **Video hoisting** — the actual video player is extracted from the paragraph by the chat pre-scan pipeline and rendered above the assistant turn. This pill acts as a inline sentinel/reference marker. - **Truncation** — titles are capped at `max-w-[220px]` to prevent line wrapping of surrounding paragraph text. - **Decorator** — stories wrap the pill in a realistic `

` context via `ChatColumnDecorator` to verify inline flow renders correctly alongside surrounding prose. ## Source [`ChatInlineVideoPill.stories.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/ChatInlineVideoPill.stories.tsx)