<!-- source-hash: c0769109de52014dbb4d350262e4d01d -->
A pure-presentation React component that renders GitHub activity items (commits, pull requests, and PR reviews) in two layout variants: a list row and a compact inline card.

## Key Components

### Exports

| Name | Type | Description |
|------|------|-------------|
| `GitHubActivityCard` | Component | Main card renderer supporting `row` and `compact` variants |
| `GitHubActivityCardSkeleton` | Component | Animated loading placeholder matching both variants |
| `GitHubActivityCardAnchorProps` | Interface | Pre-composed `<a>` prop bundle passed from caller navigation hooks |
| `GitHubActivityCardProps` | Interface | Full props shape for `GitHubActivityCard` |

### Internal Helpers

| Name | Description |
|------|-------------|
| `parseRepoFromUrl` | Extracts `owner/repo` string from a GitHub URL |
| `kindIcon` | Returns the appropriate Lucide/GitHub icon for `commit`, `pull_request`, or `pr_review` |
| `kindLabel` | Maps `GitHubActivityKind` to a short display string |
| `formatActivityId` | Shortens commit SHAs to 7 chars; prefixes PR/review IDs with `#` |
| `parseGithubTitle` | Parses bracket-prefixed tags (e.g. `[Review:APPROVED]`) from titles without regex backtracking |
| `ReviewStateBadge` | Renders a color-coded badge for PR review states (`APPROVED`, `CHANGES_REQUESTED`, etc.) |

## Usage Example

```typescript
import { GitHubActivityCard, GitHubActivityCardSkeleton } from './github-activity-card'

// Compact inline card (default) with external link
<GitHubActivityCard
  item={{
    kind: 'pull_request',
    id: '42',
    title: 'Fix memory leak in worker pool',
    url: 'https://github.com/org/repo/pull/42',
    dateUpdated: '2024-11-01T10:00:00Z',
  }}
/>

// Row variant for activity lists, with caller-composed navigation
<GitHubActivityCard
  variant="row"
  item={activityItem}
  anchorProps={{
    href: '/activity/commit/abc1234',
    onClick: (e) => handleNavigation(e),
  }}
/>

// Loading state
<GitHubActivityCardSkeleton variant="row" />
```

## Variants

| Variant | Use Case |
|---------|----------|
| `compact` | Chat inline markers (`[card://github_commit:<sha>]`) |
| `row` | Activity list rows in employee detail views |