<!-- source-hash: 73401c7b99510ec750c43323cc9caed2 -->
Renders a ClickUp delivery task linked to a HubSpot ticket as a single `<DeliveryRow />` tile, using the same primitive as the `/bug-fixes-and-enhancements` list view.

## Key Components

- **`TicketLinkedDeliveryCard`** — Main component that maps a `TicketClickupSummary` onto a `DeliveryItem` and renders it inside a bordered card container
- **`TicketLinkedDeliveryCardProps`** — Props interface accepting a `clickup` summary object and optional `className`
- **`DeliveryItem`** — Normalized shape passed to `<DeliveryRow />`, with fallbacks for all optional ClickUp fields
- **`DeliveryRow`** — Shared primitive that handles display and navigation, receiving the pre-built `delivery_href` for deep-linking

## Navigation Behavior

Navigation uses `clickup.delivery_href`, built server-side via `buildDevSectionUrl('delivery', external_id)`. The URL includes `?search=<external_id>` to filter the destination list to the exact task — the same deep-link mechanism used by chat-inline delivery cards. Soft-nav via the env-aware `next/link` shim preserves React state and TanStack-Query cache on back-navigation.

## Usage Example

```typescript
import { TicketLinkedDeliveryCard } from './ticket-linked-delivery-card'

const clickupSummary: TicketClickupSummary = {
  external_id: 'task-abc123',
  title: 'Migrate auth service to OAuth2',
  description: 'Refactor legacy token logic...',
  status: 'in progress',
  status_color: '#4eccc4',
  task_type: 'Feature',
  delivery_href: '/delivery?search=task-abc123',
  clickup_url: 'https://app.clickup.com/t/abc123',
  date_opened: 1710000000000,
}

<TicketLinkedDeliveryCard
  clickup={clickupSummary}
  className="mt-4"
/>
```