<!-- source-hash: 3d1f4ac24e4bcadba43f4bdf62347d8d -->
Storybook stories for `MingoOnboardingCard`, the single-row card used in Mingo's chat empty-state list. Covers isolated prop variants and a full stacked list mirroring the Figma empty-state layout.

## Key Components

| Export | Description |
|--------|-------------|
| `Default` | Base card with icon, title, slash command, and description |
| `WithoutDescription` | Card omitting the description field |
| `WithoutSlashCommand` | Card omitting the slash command badge |
| `LongTitleTruncates` | Validates truncation behavior for long titles and commands |
| `Clickable` | Card with an `onClick` handler wired to console output |
| `WithActions` | Card with multiple outline-chip action buttons (Recent, Search, Find) |
| `ChipCommands` | Full stacked list of 13 cards driven by `SAMPLE_CHIP_COMMANDS`, mirroring Figma node `7363:205938` |

## Usage Example

```typescript
// Single card with actions
<MingoOnboardingCard
  icon={<CompassIcon size={16} />}
  title="ClickUp Roadmap"
  slashCommand="/roadmap"
  description="Public product roadmap with upcoming features and releases"
  actions={[
    { id: 'recent', label: 'Recent', onClick: () => {} },
    { id: 'search', label: 'Search', onClick: () => {} },
  ]}
/>

// Stacked list — icons resolved from the shared registry
const Icon = resolveOnboardingIcon('rocket-02')
<MingoOnboardingCard
  icon={<Icon size={16} />}
  title="Product Releases"
  slashCommand="/release-notes"
  description="OpenFrame version releases, changelogs, and update notes"
  actions={[{ id: 'recent', label: 'Recent', onClick: () => {} }]}
/>
```

> **Decorator context:** All stories wrap cards inside a `rounded-md` border container. The bottom border on each card acts as a 1-px divider between siblings, collapsed on the last row via `last:border-b-0`.