Storybook stories for `ThinkingDisplay`, a collapsible reasoning block that surfaces AI "thinking" segments in the chat interface. ## Key Components | Export | Type | Description | |---|---|---| | `Thought` | `Story` | Finished thought — collapsed to a single line, expandable via chevron | | `Streaming` | `Story` | Active streaming state — shows "Thinking" label with dots loader, collapse disabled | | `LongMarkdown` | `Story` | Multi-paragraph markdown thought with headings, lists, and inline code | ## Usage Example ```typescript import { ThinkingDisplay } from "../components/chat/thinking-display"; // Completed thought (collapsed by default) // Actively streaming ``` ## Story Variants | Story | `isStreaming` | Content | |---|---|---| | `Thought` | `false` | Short single-line reasoning | | `Streaming` | `true` | Same short text, streaming UI active | | `LongMarkdown` | `false` | Multi-section markdown with bold, numbered list, inline code | ## Notes - All stories are wrapped in a `640px` max-width container using `--color-bg` to match the chat canvas - `autodocs` is enabled — Storybook auto-generates API docs from prop types - The decorator (`plainDecorator`) provides consistent padding and background without additional story boilerplate ## Source [`ThinkingDisplay.stories.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/ThinkingDisplay.stories.tsx)