<!-- source-hash: 48827d34bfec0bd0e5c771a4967c8775 -->
Single-row presentational component for a ClickUp delivery item, serving as the shared rendering primitive for both the public delivery list table and the HubSpot ticket linked-delivery card.

## Key Components

### `DeliveryRow` (exported component)
Renders a responsive row layout with title, subtitle, description, and status/type badges. Conditionally wraps content in a navigable `<Link>` (via env-aware Next.js shim) or a plain `<div>` depending on whether `href` is provided.

### `DeliveryRowProps` (exported interface)
| Prop | Type | Description |
|------|------|-------------|
| `item` | `DeliveryItem` | ClickUp task data (title, status, type, dates, etc.) |
| `href` | `string?` | When set, makes the entire row a clickable deep-link anchor |
| `caption` | `string?` | Small uppercase label above the title (e.g. `"LINKED DELIVERY"`) |
| `className` | `string?` | Additional Tailwind classes for the outer element |

### `getRelativeTime` (internal helper)
Converts a Unix timestamp to human-readable relative time (`"yesterday"`, `"3 weeks ago"`, etc.). Inlined so the component owns its full rendering contract independently of `DeliveryTable`.

## Usage Example

```typescript
// Standard list row (no interactivity)
<DeliveryRow item={deliveryItem} />

// Clickable deep-link variant (ticket card surface)
<DeliveryRow
  item={deliveryItem}
  href={buildDevSectionUrl('delivery', deliveryItem.id)}
  caption="LINKED DELIVERY"
/>

// With focus highlight (after ?focus=<id> scroll)
<DeliveryRow
  item={deliveryItem}
  id={deliveryItem.id}
  className="animate-flash-focus"
/>
```

The `href` prop uses the embed-aware `next/link` shim — preserving TanStack Query state on back-navigation in Next.js hosts while gracefully degrading to a plain `<a>` elsewhere.