<!-- source-hash: 64199a542faa0b43a2d1edd2ca00d745 -->
A collapsible ticket information panel that displays key ticket metadata (organization, assignee, device, status) in a compact header row, with an expandable section revealing description, attachments, tags, and notes.

## Key Components

### `TicketInfoSection`
The main exported component rendering a two-state panel:
- **Collapsed:** Header grid showing organization avatar, assignee dropdown (or unassigned state), device info, status tag, and expand toggle.
- **Expanded:** Reveals created date, markdown description, file attachments, tag chips, and a full notes section with add/edit/delete support.

### `InfoCell` (internal)
A small layout primitive rendering a value + label pair with an optional icon. Renders the value as a clickable `<button>` when an `onClick` handler is provided.

### `TicketInfoSectionProps`
The full prop interface, including:
- `statusOptions` / `onStatusSelect` / `isStatusPending` — inline status changer
- `assigned` — nested object powering the `AssigneeDropdown`
- `attachments`, `tags`, `notes`, `onAddNote`, `onEditNote`, `onDeleteNote` — expanded-view content

## Usage Example

```typescript
import { TicketInfoSection } from "./ticket-info-section"

<TicketInfoSection
  organization={{ name: "Acme Corp", imageSrc: "/logos/acme.png" }}
  device={{ name: "MacBook Pro", onClick: () => router.push("/devices/123") }}
  status="open"
  statusLabel="Open"
  statusOptions={[
    { id: "open", label: "Open" },
    { id: "closed", label: "Closed" },
  ]}
  onStatusSelect={(id) => updateStatus(id)}
  assigned={{
    currentAssignee: { id: "u1", name: "Jane Smith" },
    options: assigneeList,
    onAssign: (userId) => assignTicket(userId),
  }}
  expanded={isExpanded}
  onExpand={() => setIsExpanded((v) => !v)}
  description="## Issue\nUser cannot log in after password reset."
  tags={["network", "priority-high"]}
  notes={ticketNotes}
  onAddNote={(text) => addNote(text)}
/>
```

## Source

[`ticket-info-section.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/ticket-info-section.tsx)
- `assigned.currentAssignee.deleted` — forwarded to `AssigneeDropdown`: deleted accounts render the red user-x placeholder + red name.