Storybook stories for the `TicketInfoSection` component, covering collapsed, expanded, interactive, and minimal display states of the collapsible ticket info bar. ## Key Components | Export | Description | |---|---| | `Collapsed` | Default collapsed header row showing org, user, device, and status | | `Expanded` | Fully populated expanded state with description, attachments, tags, notes, and assignee | | `Interactive` | Stateful story demonstrating live expand/collapse toggling with `useState` | | `Minimal` | Expanded state with no optional data beyond required fields and assignee options | ## Usage Example ```typescript // Collapsed header row }} status="TECH_REQUIRED" expanded={false} /> // Expanded with full detail sections }} status="TECH_REQUIRED" expanded={true} assigned={{ currentAssignee: { id: 'u1', name: 'Roman Smith' }, options: [{ value: 'u1', label: 'Roman Smith' }], onAssign={(userId) => console.log('Assigned:', userId)} }} createdAt="2025/07/12, 22:27" description="Ticket description with **markdown** support." attachments={mockAttachments} tags={['Client-onboarding', 'Process-management']} notes={mockNotes} onAddNote={(text) => console.log('Note added:', text)} onEditNote={(id) => console.log('Note edited:', id)} onDeleteNote={(id) => console.log('Note deleted:', id)} /> ``` **Source:** [`TicketInfoSection.stories.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/TicketInfoSection.stories.tsx)