<!-- source-hash: 66b7b4649ed15eb53a24145addff0a43 -->
Storybook stories for the `MspOrganizationCard` component, covering the AI Assistant welcome screen card that identifies the managing MSP organization.

## Key Components

| Export | Type | Description |
|---|---|---|
| `meta` | `Meta` | Storybook metadata — mounts under `Chat/AI Assistant Welcome Screen/MSP Organization`, centered in a 600px wrapper mirroring the Figma container |
| `Default` | `Story` | Card with a square logo image, website label, and external-link anchor (new tab) |
| `NoLogo` | `Story` | Fallback state — renders initials derived from `name` when no `logoUrl` is provided |
| `WithCallback` | `Story` | Button fires `onOpenWebsite` callback instead of navigating via `href` |
| `WithoutAction` | `Story` | Trailing button hidden when both `href` and `onOpenWebsite` are omitted |
| `LongValues` | `Story` | Truncation behavior — long `name` and `website` values clamp to a single line |
| `Loading` | `Story` | Renders `MspOrganizationCardSkeleton` as the placeholder shown while tenant data loads |

## Usage Example

```typescript
import { MspOrganizationCard } from '../components/chat/msp-organization-card'
import { MspOrganizationCardSkeleton } from '../components/chat/msp-organization-card-skeleton'

// Anchor variant — opens organization website in a new tab
<MspOrganizationCard
  name="TechFlow Solutions"
  website="www.techflow.com"
  href="https://www.techflow.com"
  logoUrl="https://cdn.example.com/techflow-logo.png"
/>

// Callback variant — handle navigation in-app
<MspOrganizationCard
  name="TechFlow Solutions"
  website="www.techflow.com"
  onOpenWebsite={() => openOrgPanel()}
/>

// Loading state while tenant info resolves
<MspOrganizationCardSkeleton />
```

## Notes

- The card is width-unconstrained and fills its parent; wrap it in a container to control width (Figma reference: node `1:5540`, `600×80px`).
- The trailing external-link button renders **only** when either `href` or `onOpenWebsite` is provided.
- Source: [`MspOrganizationCard.stories.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/MspOrganizationCard.stories.tsx)