# 네이버블로그 이미지 UX 개선 (프롬프트 편집 + 이력 조회 + 뷰어)

## Lv.3 작업

## 작업 목표
대시보드 네이버블로그 탭의 이미지 생성 기능 UX를 3가지 측면에서 개선한다.

## 현재 구조 확인
- 프론트엔드: `/home/jay/workspace/dashboard/components/NaverBlogView.js`
  - 이미지 프롬프트: `parseImagePrompts(generatedContent)` → `imagePrompts` state (line 1257)
  - 이미지 생성: `POST /api/naver-blog/generate-images` (line 1272)
  - 상태 확인: `GET /api/naver-blog/image-status?taskId=` (line 1286)
  - 다운로드: `GET /api/naver-blog/download-all?taskId=` (line 1383)
- 서버: `/home/jay/workspace/dashboard/server.py`
  - 이미지 생성: line 5199 (`/api/naver-blog/generate-images`)
  - 상태 확인: line 3002 (`/api/naver-blog/image-status`)
  - 다운로드: line 3042 (`/api/naver-blog/download-all`)
- 이미지 라우터: `/home/jay/workspace/tools/ai-image-gen/image_router.py`

## 구현 내용

### 1. 이미지 프롬프트 편집 → 재생성

**확인 사항**: 현재 히스토리에서 글작성 리스트 클릭 시 이미지 프롬프트가 표시되는데, 이 프롬프트를 사용자가 수정하면 수정된 내용으로 이미지가 생성되는지 확인.

**구현 필요 시**:
- 프롬프트 편집 후 "이미지 재생성" 버튼 클릭 → 수정된 프롬프트로 `/api/naver-blog/generate-images` 호출
- 원본 프롬프트와 수정 프롬프트를 구분하여 전달
- 수정 시 원본 프롬프트 보존 (되돌리기 가능)

### 2. 히스토리 선택 시 이미지 인라인 표시 + 삭제 + 버전 관리

**핵심 요구사항**: 동일 히스토리 선택 시 생성된 이미지를 대시보드에서 바로 볼 수 있어야 함.

**2-1. 이미지 인라인 표시**
- 히스토리 항목 선택 시 해당 글에 대해 생성된 이미지 목록을 자동 로드
- 이미지 파일 경로 또는 taskId 기반으로 조회
- 섬네일 형태로 프롬프트 아래에 표시

**2-2. 이미지 삭제**
- 각 이미지에 삭제 버튼 (X 아이콘)
- 삭제 확인 다이얼로그
- `DELETE /api/naver-blog/image?path=` 또는 유사 엔드포인트

**2-3. 버전별 조회 (동적 적용)**
- 같은 프롬프트로 여러 번 이미지 생성 시 버전별(생성 일시 기준) 조회
- **하드코딩 금지 — 동적 적용**: 이미지 파일의 생성 시간(mtime) 또는 메타데이터 기반으로 자동 분류
- 버전 셀렉터/탭: "2026-04-11 18:30" / "2026-04-11 19:15" 등
- 최신 버전 기본 표시, 이전 버전은 드롭다운/탭으로 전환

### 3. 이미지 클릭 확대 뷰어

- 섬네일 클릭 시 모달 팝업으로 원본 크기 이미지 표시
- 배경 어둡게 + 중앙 이미지
- ESC 또는 배경 클릭으로 닫기
- 좌우 화살표로 같은 세트의 다른 이미지 탐색
- 이미지 하단에 프롬프트 텍스트 표시

## 참조 파일
- NaverBlogView.js: `/home/jay/workspace/dashboard/components/NaverBlogView.js`
- server.py: `/home/jay/workspace/dashboard/server.py` (이미지 관련 엔드포인트: line 3002, 3042, 5199)
- image_router.py: `/home/jay/workspace/tools/ai-image-gen/image_router.py`
- 이미지 출력 디렉토리: `/home/jay/workspace/tools/ai-image-gen/output/`

## 테스트
1. 프롬프트 수정 후 재생성 → 수정된 프롬프트로 이미지 생성 확인
2. 히스토리 선택 → 생성된 이미지 인라인 표시 확인
3. 이미지 삭제 → 파일 삭제 + UI 반영 확인
4. 여러 번 생성 → 버전별 조회 동적 표시 확인
5. 이미지 클릭 → 모달 뷰어 표시 확인

## 보고서
`/home/jay/workspace/memory/reports/task-{TASK_ID}.md`