Renders a horizontal card identifying the MSP organization managing a user's IT, designed for AI Assistant welcome screens. ## Key Components **`MspOrganizationCard`** — Primary export. Composes a square org logo (`SquareAvatar`), a title/website text block, and an optional external-link button into a styled card matching Figma spec `openframe — fae-chat` (node 1:5540). **`MspOrganizationCardProps`** — Interface defining all accepted props: | Prop | Type | Description | |---|---|---| | `name` | `string` | Organization name; used in default title and avatar fallback | | `website` | `string?` | Displayed beneath the title | | `logoUrl` | `string?` | Logo URL; falls back to initials when absent | | `title` | `React.ReactNode?` | Overrides the default "Your IT is managed by {name}" title | | `href` | `string?` | Renders trailing action as `` | | `onOpenWebsite` | `() => void?` | Click handler when `href` is not provided | | `className` | `string?` | Appended to the root element | **Trailing action priority:** `href` (anchor) → `onOpenWebsite` (button) → hidden. ## Usage Example ```typescript // With a direct link (renders as anchor) // With a click handler router.push('/org-info')} /> // Custom title, no action button Supported by TechFlow IT} /> ``` ## Notes - Uses an inset `ring-1` instead of `border` to preserve the 80px frame height matching Figma's inside-aligned stroke. - Styles are driven by ODS design tokens (`--spacing-system-m`, `ods-bg`, `ods-border`, `ods-text-primary`). - Source: [`msp-organization-card.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/msp-organization-card.tsx)