hanarang-dashboard/.plans/design/ui/project-detail-design.md

프로젝트 상세 (/projects/[id]) — Sprint 014 리뉴얼

목적

프로젝트 상세는 Sprint 이력만 보여주는 화면이 아니라, 계획 → 구현 → QA → 배포 흐름이 실제로 어디까지 왔는지 판단하는 운영 화면이어야 해.

상단 헤더

• breadcrumb 유지
• 제목 우측 메타:
  • project status
  • current sprint
  • latest deploy state (MAIN DEPLOYED / READY FOR REDEPLOY 등)
• repo 링크 유지

본문 구조

좌측 메인

1. DELIVERY FLOW
   • Planning
   • Implement
   • QA
   • Merge to Main
   • Redeploy
2. SPRINT LEDGER
   • Sprint 번호 / 이름 / 진행률 / task 수 / 완료 수
3. HOTFIX HISTORY
   • Hotfix 번호 / 한 줄 요약 / 반영 상태

우측 보조

1. QA STATUS
   • latest passed/failed
   • blocker 수
   • latest QA 문서 식별자
2. DEPLOY STATUS
   • 현재 배포 기준 브랜치 (main 고정)
   • last deploy time
   • redeploy pending 여부
3. ASSIGNED NODES
   • 하랑/나랑/다랑/이랑 각 역할 표기

UX 규칙

• Sprint와 Hotfix는 분리해서 보여주되, 흐름상 연결감은 유지
• "보정/수정 이력" 같은 모호한 문구 대신 실제 요약 노출
• 모바일에서는 DELIVERY FLOW → QA STATUS → DEPLOY STATUS → SPRINT/HOTFIX 순으로 재배치
• NodeDot는 실제 상태 기반으로 색이 바뀌어야 하며, 무조건 초록 고정이면 안 돼