<!-- source-hash: d66fd15df5fb4fcaec69fc58ba1c8b1a -->
Storybook stories for `MingoOnboardingCard`, a single-row chat empty-state card component. Covers isolated prop variants and a full stacked list mirroring the Figma empty-state design (`7363:205938`).

## 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 overflowing text |
| `Clickable` | Card with an `onClick` handler wired to console output |
| `WithActions` | Card with a row of outline-chip action buttons (Recent / Search / Find) |
| `ChipCommands` | Full stacked list of 13 cards sourced from `SAMPLE_CHIP_COMMANDS`, mirroring the runtime empty-state |

**`SAMPLE_CHIP_COMMANDS`** — internal fixture array defining icon names (resolved via `resolveIcon`), labels, slash commands, descriptions, and action chip labels for the `ChipCommands` story.

## Usage Example

```typescript
// Minimal card
<MingoOnboardingCard
  icon={<CompassIcon size={16} />}
  title="ClickUp Roadmap"
  slashCommand="/roadmap"
  description="Public product roadmap with upcoming features and releases"
/>

// Card with action chips
<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: () => console.log('recent') },
    { id: 'search', label: 'Search', onClick: () => console.log('search') },
  ]}
/>
```

Icons are sourced directly from `icons-v2-generated` for static stories, or resolved dynamically via `resolveIcon(iconName)` in the `ChipCommands` story to stay in sync with the chat runtime mapping. The decorator wraps each story in a `520px` container replicating the `rounded-md` / `border-ods-border` shell used in production.