# InsuWiki 검토+신뢰도 Phase 2a: 시각적 전환 (1주)

## 한정승인

## PRD 참조 (필수 읽기)
1. 통합 체크리스트: `/home/jay/workspace/memory/plans/insuwiki/review-trust-system/checklist.md` — Phase 2a 섹션
2. 계획서: `/home/jay/workspace/memory/plans/insuwiki/review-trust-system/plan.md`
3. InsuWiki 앱: `/home/jay/projects/insuwiki/`
4. Firestore 타입: `/home/jay/projects/insuwiki/nextapp/src/types/firestore.ts`

## 선행 완료
- Phase 1 Week 1 (task-1647.1): 인증 + Custom Claims ✅
- Phase 1 Week 2 (task-1648.1): 상태 머신 + 검토 제도 ✅
- Phase 1 Week 3 (task-1661.1): 백필 + 마이그레이션 + 통합 테스트 ✅
- 전체 머지 완료

## Phase 2a 작업 범위 (체크리스트 참조)

### TrustBadge 3단계
- getTrustLevel(authorityTier, sourceType) 매핑 함수
- TrustBadge 컴포넌트 (아이콘+색상+텍스트 3중 인코딩)
- 3단계: 공식확인(녹색,방패SVG) / 전문가검증(파랑,체크SVG) / 참고정보(회색,infoSVG)
- 반응형 크기 (sm/md/lg)
- 접근성: aria-label, aria-hidden(아이콘), role="status"
- SVG 아이콘, 색상 대비 WCAG 2.1 AA (4.5:1+)
- grayscale 테스트 통과

### VerificationTag
- VerificationTag 서브텍스트 컴포넌트
- 4상태: pending(회색) / in_review(주황) / verified(녹색체크) / rejected(적색)
- TrustBadge와 조합 렌더링

### SourceBadge 마이그레이션
- SourceBadge → TrustBadge 어댑터 래퍼
- page.tsx 카드뷰/리스트뷰: 어댑터 적용
- DocumentClient.tsx 상세 페이지: 어댑터 적용
- 기존 SourceBadge 테스트 업데이트

### 미검증 콘텐츠 배너
- UnverifiedBanner 컴포넌트 (severity: info/caution)
- 미검증 문서 시각적 구분 (bg-amber-50 + border-l-4)
- severity 자동 판정 (practice + user_submitted → caution)

## 테스트
- TrustBadge 3단계 렌더링 확인
- VerificationTag 4상태 렌더링 확인
- 기존 SourceBadge 어댑터 호환성
- 접근성: grayscale + aria-label
- 미검증 배너 severity 분기

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