# Codex Diff Previewer

## 목적

변경 파일의 전체 소스와 raw diff를 codex 스타일 아코디언으로 함께 보여주는 공통 preview 컴포넌트입니다.

## 폴더 구조

```text
src/components/previewer
├─ CodexDiffBlock.tsx
├─ CodexDiffPreviewer.tsx
├─ CodexDiffPreviewer.css
├─ samples/
│  └─ CodexDiffSample.tsx
└─ index.ts
```

## 주요 props

- `files`
- `diffText`
- `title`
- `description`
- `height`

## 공통 사용처

- 작업일지 `## 소스` 탭
- 일반 문서의 ````diff```` 코드 블록
- previewer 샘플 갤러리

## 샘플

- 대표 샘플: `src/components/previewer/samples/CodexDiffSample.tsx`