<!-- source-hash: a4fe8194703f767fe2216ee1b9351f99 -->
A client-side React component that renders a single support ticket row in the Help Center list, featuring a toggleable expanded drawer for full ticket interaction.

## Key Components

### `HelpCenterCard` (default export)
The primary component rendering a ticket summary row as a clickable `<button>` that toggles a `<TicketDetailDrawer>` below it. Key behaviors:

- **Optimistic rows** are rendered as non-expandable (dimmed, `opacity-60`) until the server confirms the ticket ID
- **Scroll-on-expand** uses `scrollElementIntoView` with a cross-row layout-shift correction — compensates when a sibling drawer above collapses simultaneously, shifting the page Y position
- **Sticky header offset** (`STICKY_HEADER_OFFSET_PX = 96`) is applied both as `scrollMarginTop` inline style (for browser/anchor scrolls) and as `headerOffset` (for programmatic scroll), keeping them in sync from a single constant

### `HelpCenterCardProps`
```typescript
interface HelpCenterCardProps {
  ticket: AnyTicket
  expanded: boolean
  onToggle: (id: string) => void
  busy: boolean
  supportSystemDown: boolean
  onSendMessage: TicketDetailDrawerProps['onSendMessage']
  onClose: TicketDetailDrawerProps['onClose']
  onReopen: TicketDetailDrawerProps['onReopen']
  onActionCollapsed: () => void
}
```

### `mapPriorityScheme` (internal)
Maps ticket priority strings to `StatusBadge` color schemes. Kept separate from the shared `getStatusColorScheme` to avoid conflating workflow status with severity.

| Priority | Color Scheme |
|----------|-------------|
| `HIGH` / `URGENT` | `error` (red) |
| `MEDIUM` | `warning` (yellow) |
| `LOW` / unknown | `default` |

## Usage Example

```typescript
<HelpCenterCard
  ticket={ticket}
  expanded={expandedId === ticket.id}
  onToggle={(id) => setExpandedId(prev => prev === id ? null : id)}
  busy={isBusy}
  supportSystemDown={false}
  onSendMessage={handleSendMessage}
  onClose={handleCloseTicket}
  onReopen={handleReopenTicket}
  onActionCollapsed={() => setExpandedId(null)}
/>
```