<!-- source-hash: b13dc32d405e2d773dba9e6f3c613739 -->
Storybook stories for `GenericEntityCard`, a fallback chat card renderer covering financial document types that don't require a bespoke UI. Each story demonstrates a distinct financial entity category with realistic fixture data.

## Key Components

| Export | Type | Description |
|---|---|---|
| `FinancialKpi` | `Story` | Renders a financial KPI summary card |
| `CapTable` | `Story` | Renders a capitalization table card |
| `ProfitLoss` | `Story` | Renders a profit & loss statement card |
| `BalanceSheet` | `Story` | Renders a balance sheet card |
| `CashFlow` | `Story` | Renders a cash flow statement card |

**Meta config:**
- `title`: `Chat/EntityCards/GenericEntityCard`
- `layout`: `fullscreen`
- Wrapped in `ChatColumnDecorator` to simulate the chat column context

## Usage Example

```typescript
import { GenericEntityCard } from '../components/chat/entity-cards'
import { makeAnchorProps } from './__fixtures__/chat-card-decorator'
import { financialKpiItem } from './__fixtures__/chat-cards'

// Each story passes an `item` (entity data) and `anchorProps` (link behavior)
<GenericEntityCard
  item={financialKpiItem}
  anchorProps={makeAnchorProps(financialKpiItem.url ?? '#')}
/>
```

## Story Structure Pattern

All stories share the same shape — only the fixture differs:

```typescript
export const CapTable: Story = {
  args: {
    item: capTableItem,                          // entity data with facts[] + badge
    anchorProps: makeAnchorProps(capTableItem.url ?? '#'), // anchor link props
  },
}
```

The `facts` array on each item drives the key-value strip at the card bottom; the `badge` field controls the colored chip displayed on the right.

## Source

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