ai-code-app/docs/components/codex-diff-previewer.md

Codex Diff Previewer

목적

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

폴더 구조

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