<!-- source-hash: 861a257f5441c2c79974b0bc1518d8c1 -->
Reusable React component that renders editable textarea fields for video summary, transcript, and optional SRT subtitles, with AI generation badges and confidence score indicators.

## Key Components

### `TranscriptSummaryEditor`

Main exported component rendering up to three editor sections:

- **Video Summary** — always visible; supports Markdown input
- **Transcript** — always visible; supports speaker diarization format
- **Subtitles (SRT)** — conditionally rendered when `subtitles` content or `onSubtitlesChange` handler is provided

### `TranscriptSummaryEditorProps`

Full interface with sensible defaults for all optional props:

| Prop | Type | Default |
|---|---|---|
| `videoSummary` | `string` | `''` |
| `transcript` | `string` | `''` |
| `isAIGenerated` | `boolean` | `false` |
| `videoSummaryConfidence` | `number \| null` | — |
| `transcriptConfidence` | `number \| null` | — |
| `disabled` | `boolean` | `false` |
| `subtitles` | `string` | — |
| `onSubtitlesChange` | `(value: string) => void` | — |

All label, helper text, placeholder, and `minHeight` props are customizable per field.

## Usage Example

```typescript
import { TranscriptSummaryEditor } from './transcript-summary-editor';

function InterviewEditor() {
  const [summary, setSummary] = useState('');
  const [transcript, setTranscript] = useState('');
  const [subtitles, setSubtitles] = useState('');

  return (
    <TranscriptSummaryEditor
      videoSummary={summary}
      onVideoSummaryChange={setSummary}
      transcript={transcript}
      onTranscriptChange={setTranscript}
      subtitles={subtitles}
      onSubtitlesChange={setSubtitles}
      isAIGenerated={true}
      videoSummaryConfidence={87}
      transcriptConfidence={92}
      videoSummaryMinHeight={250}
      transcriptMinHeight={400}
    />
  );
}
```

**Source:** [`transcript-summary-editor.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/transcript-summary-editor.tsx)