<!-- source-hash: 158823868f1a6fa08bcd360e6e3fc0c6 -->
Storybook stories for the `OnboardingGuideCard` component, covering all three display densities used across the MSP platform UI.

## Key Components

| Export | Description |
|---|---|
| `meta` | Storybook metadata — registers the component under `Chat/EntityCards/OnboardingGuideCard` with fullscreen layout |
| `ChatInlineSm` | Compact `sm` size story, matches the `size="sm"` + `displayAction: true` output from the chat dispatcher |
| `Default` | Horizontal step-card layout at the `default` density |
| `Catalog` | Full hero + author grid layout at the `catalog` density |

## Usage Example

```typescript
// Render the chat-inline variant directly in your component
import { OnboardingGuideCard } from '../components/chat/entity-cards'
import { onboardingGuide } from './__fixtures__/chat-cards'

<OnboardingGuideCard
  guide={onboardingGuide}
  href={`/guides/${onboardingGuide.slug}`}
  size="sm"
  target="_blank"
  rel="noopener noreferrer"
/>
```

## Size Variants

| Size | Use Case |
|---|---|
| `sm` | Chat-inline compact — always used by the chat dispatcher |
| `default` | Horizontal step-card — standard page embeds |
| `catalog` | Hero + author grid — browse/catalog views |

## Notes

- All stories are wrapped in `ChatColumnDecorator` to simulate the chat column width constraint.
- The `sm` story mirrors the exact props the chat dispatch layer injects at runtime (`size="sm"`, `displayAction: true`).
- Fixture data is sourced from [`__fixtures__/chat-cards`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/stories/__fixtures__/chat-cards.ts).