Storybook stories file that documents and visually demonstrates `MingoInfoCard` variants for in-chat entity cards, mirroring the field mapping (icon, status pill, description, overflow menu) from the `CHAT_CARD_REGISTRY` dispatch for each integrated source type. ## Key Components - **`meta`** — Storybook `Meta` config registering stories under `Chat/ChatMingoInfoCards`, with `fullscreen` layout and a `ChatColumnDecorator` wrapper that reproduces the in-chat column context. - **`openMenu`** — Shared factory that builds the standardized "⋯" overflow menu with `Ask Mingo` (Mingo logo) and `Open Details` (eye icon + ↗ new-tab side button) actions. - **`HubspotTicket`** — Story covering `hubspot_ticket` registry types; demonstrates status pill variants (`warning` → Open, `success` → Closed, `grey` → other) and missing-description/status edge cases. - **`GithubActivity`** — Story covering `github_commit`, `github_pull_request`, and `github_pr_review` types; shows per-kind icon switching and review-state pills (`success` → Approved, `error` → Changes, `grey` → Comment/neutral). - **`SlackMessage`** — Story covering `slack_message`; demonstrates the no-pill pattern with author + channel in the title and message preview as description. ## Usage Example ```typescript // Reproduce the HubSpot ticket card outside Storybook import { MingoInfoCard } from '../components/chat/mingo-info-card' import { TagIcon } from '../components/icons-v2-generated/shopping/tag-icon' } status={{ label: 'Open', variant: 'warning' }} anchorProps={{ href: 'https://app.hubspot.com/contacts/0/ticket/123' }} menuGroups={openMenu('https://app.hubspot.com/contacts/0/ticket/123')} menuAriaLabel="Ticket actions" /> ``` **Source:** [`ChatMingoInfoCards.stories.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/ChatMingoInfoCards.stories.tsx)