Initial import

docs/components/codex-diff-previewer.md

@@ -0,0 +1,35 @@
+# 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`