<!-- source-hash: c574ff5a6a70b0f22372e3d68b48aaf2 -->
Displays script metadata in a structured card layout, including title, description, shell type, supported platforms, category, and author information. Adapts between a 2×2 grid on mobile/tablet and a single 4-column row on desktop.

## Key Components

### Exported Interfaces
- **`ScriptAuthor`** — Author data shape: `name`, optional `initials`, optional `photoUrl`
- **`ScriptInfoSectionProps`** — Component props: `headline`, `subheadline`, `shellType`, `supportedPlatforms`, `category`, `author`, `className`

### Internal Helpers
- **`formatSupportedPlatforms(platforms?)`** — Maps platform strings (e.g., `'darwin'`) to display labels (e.g., `'macOS'`) via `getOSLabel`; returns `'All Platforms'` when empty
- **`getInitials(name)`** — Derives two-letter uppercase initials from a full name
- **`InfoCell`** — Internal cell component rendering a label/value pair with an optional circular avatar

### Main Export
- **`ScriptInfoSection`** — Card component composing the header row and two responsive detail rows

## Usage Example

```typescript
import { ScriptInfoSection } from './ScriptInfoSection'

<ScriptInfoSection
  headline="System Backup Script"
  subheadline="Comprehensive Linux system backup with rotation support."
  shellType="BASH"
  supportedPlatforms={['linux', 'darwin']}
  category="System Maintenance"
  author={{
    name: "Jane Smith",
    photoUrl: "/avatars/jane.jpg"
  }}
/>
```

## Layout Behavior

| Breakpoint | Layout |
|---|---|
| Mobile / Tablet (`< lg`) | Two rows, 2 columns each (Shell + Platforms / Category + Author) |
| Desktop (`lg+`) | Single row, 4 columns |