9WAY 2.0.0

Domain 상세 페이지 - 1위 중심 레이아웃 + 비율 바차트

## 목표 `app/views/diagnoses/pdf/_domain_detail.html.erb`를 개선하여 1위 도메인 중심 레이아웃 + 3영역 비율 바차트를 추가 ## 상세 작업 ### A. 3영역 비율 바차트 추가 (페이지 상단) - `result[:domain_chart]`에서 3개 domain의 score를 사용 - 비율 계산: `(각 domain score / 전체 합) × 100` → 소수점 반올림 - 정규화: 최대 비율을 50%로 정규화하여 바 너비 결정 - 수평 바차트로 렌더링 (각 행: 도메인명 | 바 | 실제%) - 색상: Thinking #3B82F6, Relationship #10B981, Execution #F59E0B (ChartHelper::DOMAIN_HEX 사용) ### B. 1위 Domain 중심 레이아웃 - 현재: 3개 domain이 동등하게 표시됨 (is_top만 highlight-card) - 변경: 1위 Domain을 상단에 크게 표시, 나머지 2개는 하단에 작게 - 1위 Domain에 상세 설명 추가: `I18n.t("scoring.9way_27dna.domains.{key}.detailed_description", default: nil)` - 1위 domain의 sub-ways는 유지 ### C. 나머지 2개 Domain 축소 - 2, 3위 domain은 compact 레이아웃으로 가로 배치 - 점수바 + way breakdown만 간략히 표시 ## 사용 가능한 데이터 - `result[:domain_chart]` → [{key: "thinking", name: "사고", score: 32.1}, ...] - `result[:top_domain]` → {key: "thinking", name: "사고", score: 15.0} - `result[:way_chart]` → [{key: "ideation", name: "발상", score: 12.5}, ...] - `ChartHelper::DOMAIN_HEX` → 색상 맵 - `ChartHelper::WAY_DOMAIN_MAP` → WAY→Domain 매핑 ## 스타일 참고 - 기존 PDF CSS 클래스 사용: highlight-card, card, bar-bg, bar-fill, bar-fill-{domain}, flex-between, text-md, text-xs 등 - PDF 레이아웃이므로 print 호환 필요 (Grover로 PDF 생성) ## 완료 기준 - 1위 Domain이 눈에 띄게 강조됨 - 3영역 비율 바차트가 상단에 렌더링됨 - 상세 설명 문단이 1위 Domain에 포함됨 - 기존 페이지 번호/footer 유지