<!-- source-hash: d9d0bd3ed94737e7f33194b665ee6cf9 -->
Storybook stories for the `ErrorMessageDisplay` chat component, covering error, warning, and info severity variants with and without expandable details.

## Key Components

| Export | Description |
|---|---|
| `WithDetails` | Error card with an expandable details section (chevron toggle visible) |
| `TitleOnly` | Minimal error card — title row only, no chevron, non-interactive |
| `Warning` | Yellow-tinted warning variant with expandable details |
| `Info` | Grey-tinted info variant with expandable details |

## Usage Example

```typescript
import { ErrorMessageDisplay } from "../components/chat/error-message-display";

// Error with expandable details
<ErrorMessageDisplay
  title="Tool execution failed"
  details="run_script exited with code 1: brew not found on this endpoint."
/>

// Warning variant
<ErrorMessageDisplay
  type="warning"
  title="Approval expired"
  details="The approval request timed out after 15 minutes."
/>

// Info variant — no details, title-only row
<ErrorMessageDisplay
  type="info"
  title="Session resumed"
/>
```

## Notes

- **`type` prop** controls icon tint: `"error"` → red, `"warning"` → yellow, `"info"` → grey. Defaults to `"error"`.
- **`details` prop** is optional. When omitted the chevron is hidden and the row is non-interactive (`TitleOnly` story).
- The `plainDecorator` wraps each story in a `max-w-[640px]` container with the design-system background token (`--color-bg`) to approximate chat-panel rendering.
- Stories are tagged `autodocs` — Storybook auto-generates a prop table from the component's TypeScript types.

**Source:** [`ErrorMessageDisplay.stories.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/ErrorMessageDisplay.stories.tsx)