포토클리닉 AI 비서 관리자

포토클리닉 내부용 통합 관리자 페이지입니다. 로그인 후 견적서 생성, 병원이미지 진단, 병원 채널 분석, 사진 전달 갤러리, 납품 리뷰 콘텐츠 정리 등 촬영 업무 기능으로 이동할 수 있습니다.

접속 정보

관리자 비밀번호는 코드에 저장하지 않고 ADMIN_PASSWORD 환경변수로 설정합니다.

연결된 기능

• 견적서 생성: https://photoclinic-quote.vercel.app/photoclinic
• 병원이미지 진단: https://photoclinic-diangnoisis.vercel.app/
• 병원 채널 분석: https://channel-analysis-one.vercel.app/
• 인스타그램 디자인: 준비 페이지
• 홈페이지 제작: 준비 페이지
• 사진 보정: Evoto 연동 검토 준비 페이지
• 촬영 갤러리: NAS 공유 링크와 카드용 대표 썸네일을 Supabase에 저장하고 Gmail로 병원에 공유
• 리뷰 콘텐츠: 납품 후 리뷰를 DB에 수집하고 인스타그램 카드뉴스/캡션 초안 생성
• 올리비아 워크플로우 자동화: 단계 진입 시 작업 생성, 실행 시 초안/메일링 큐/승인 생성, 승인 후 다음 단계 이동

새 기능 설정

Supabase 테이블

Supabase SQL Editor에서 아래 파일 내용을 실행합니다.

supabase/photo-gallery-reviews.sql
supabase/workflow-agent.sql
supabase/workflow-14step-migration.sql
supabase/workflow-automation-engine.sql

생성되는 테이블:

• photo_galleries
• photo_gallery_items
• delivery_reviews
• workflow_templates
• workflow_steps
• workflow_runs
• workflow_step_runs
• agent_tasks
• agent_approvals
• agent_logs

원본 사진은 저장하지 않습니다. NAS 공유 링크는 DB에 저장하고, 대표 이미지는 카드용 작은 썸네일로 줄여 Supabase Storage의 gallery-thumbnails 버킷에 저장합니다.

workflow-automation-engine.sql은 기존 워크플로우 테이블에 자동화용 컬럼과 중복 방지 인덱스를 추가합니다. 이 SQL까지 실행해야 /api/workflow/start, /api/workflow/advance, /api/workflow/create-step-tasks, 승인 후 다음 단계 이동이 정상 동작합니다.

자동화 흐름:

워크플로우 시작
→ 현재 단계 agent_tasks 자동 생성
→ 작업 실행
→ 초안 / mailing_queue / agent_approval 생성
→ 대표님 승인
→ mailing_queue ready
→ 완료 조건 충족 시 다음 단계 자동 이동

환경 변수

Vercel 또는 로컬 .env.local에 아래 값을 설정합니다.

ADMIN_PASSWORD=

NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
SUPABASE_SERVICE_ROLE_KEY=

GMAIL_USER=
GMAIL_APP_PASSWORD=
GMAIL_FROM_NAME=포토클리닉

ANTHROPIC_API_KEY=
ANTHROPIC_MODEL=claude-sonnet-4-6

ANTHROPIC_API_KEY가 없으면 리뷰 콘텐츠 생성은 테스트용 예시 결과로 동작합니다.

로컬 실행

npm install
npm run dev

브라우저에서 아래 주소를 엽니다.

http://localhost:3000

배포 전 빌드 확인:

npm run build

GitHub 업로드

GitHub에서 새 저장소를 만든 뒤 프로젝트 폴더에서 아래 명령을 실행합니다.

git init
git add .
git commit -m "Initial Photo Clinic admin"
git branch -M main
git remote add origin https://github.com/사용자명/저장소명.git
git push -u origin main

Vercel 배포

1. Vercel에서 Add New Project를 선택합니다.
2. GitHub에 올린 저장소를 선택합니다.
3. Framework Preset이 Next.js인지 확인합니다.
4. ADMIN_PASSWORD를 포함한 환경 변수를 설정합니다.
5. Deploy를 실행합니다.

기술 구성

• Next.js App Router
• React
• Tailwind CSS
• lucide-react