# task-2876 보고서 — 복합설계 계산기 상단 3건 수정

## Situation (상황)
회장 배포 화면 피드백 3건: 복합설계 AI 계산기 상단(신뢰뱃지·제목·안내박스)의 UX 정리 요청.
webapp-only, merge_policy=none, base=현 origin/main(#150 신뢰뱃지 존재), 지정 3건만 수정·나머지 불변.

## Complication (문제)
- 신뢰뱃지: InsuRo 로고/텍스트가 개발자 크레딧과 겹치고, 🎓+🔒 이모지가 연속 2줄로 어색.
  실측 결과 config 텍스트에 🎓/🔒 이모지가 있고 컴포넌트는 추가로 GraduationCap/Lock **lucide 아이콘**도 렌더 → 아이콘+이모지 이중 중복.
- 제목: 작은 "복합설계 프레젠테이션(RP)" 라벨 아래 "AI 복합설계 계산이란?"이 부제로 묻힘.
- ohmymanager 안내: 화면 중간 조건부 카드에 작동 안 하는 외부이동 링크 존재, 위치도 부적절.

## Question (핵심 질문)
지정 3건만 정확히 수정하면서 나머지(계산·표·계단식·인포그래픽·삭제버튼)를 회귀 없이 보존할 수 있는가?

## Answer (해결)
### ① 신뢰 뱃지 정리
- `CompositeCredibilityBadge.tsx`: InsuRo 브랜드 줄(ShieldCheck+`composite-credibility-brand`) 블록 전체 삭제 → 개발자 크레딧으로 바로 시작. 개발자 크레딧 폰트 `text-sm`→`text-base`. Layer B의 `<Lock>` 아이콘 제거(텍스트만). 미사용 import(ShieldCheck/Lock/CREDIBILITY_PROGRAM_NAME) 정리.
- `credibilityConfig.ts`: `CREDIBILITY_DEVELOPER_CREDIT_TEXT` 맨앞 `🎓 `, `CREDIBILITY_ORG_EXCLUSIVE_TEXT` 맨앞 `🔒 ` 제거(lucide 아이콘과 이중중복 해소). Layer A/B 2층 구조·config ON/OFF·문구 본문은 유지.
- 결과: 아이콘 있는 줄은 Layer A(GraduationCap) 1줄뿐 → 연속 이모지 없음.

### ② 제목 승격
- `CompositeGeneralIntro.tsx`: "복합설계 프레젠테이션(RP)" 라벨 줄 제거, "AI 복합설계 계산이란?"을 `<h2 text-lg font-bold text-primary>` 제목으로 승격(Sparkles 16→18). 165 문구·도트 격자 불변.

### ③ ohmymanager 안내 박스
- `CompositeDesign.tsx`: 헤더를 `flex md:flex-row md:justify-between`로 감싸 제목 좌측, 안내박스 우측 배치(좁으면 자동 아래로 = 슬림 배너 폴백). 안내박스=Info 아이콘 + 신규 첫문장("인카금융서비스 전산 - 보장분석 메뉴를 통해 'ohmymanager' 접속해서 보험료를 비교해보세요") + 기존 2번째 문장 유지. 항상 노출.
- 기존 화면 중간 조건부 "단계 B" 카드(외부이동 "ohmymanager 열기" 링크 포함) 전체 삭제 → 상단으로 이관(중복 제거). 단계 A/A-2 카드는 유지.
- lucide import에 `Info` 추가(ExternalLink는 단계 A/A-2에서 계속 사용되어 유지).

## 수정 파일 목록 (worktree: `/home/jay/projects/InsuRo/.worktrees/task-2876-dev1`)
1. `src/components/composite/CompositeCredibilityBadge.tsx`
2. `src/config/credibilityConfig.ts`
3. `src/components/composite/CompositeGeneralIntro.tsx`
4. `src/pages/CompositeDesign.tsx`
5. `src/components/composite/__tests__/CompositeCredibilityBadge.test.tsx` (브랜드 테스트→브랜드 부재 테스트로 교체)
6. `src/components/composite/__tests__/CompositeGeneralIntro.test.tsx` (RP 라벨 테스트→라벨 부재+제목 승격 단언으로 교체)

## 테스트 결과
- `npx tsc --noEmit`: 에러 0(출력 없음).
- `npx vitest run`(전체 스위트): **68 files / 1017 tests 전부 통과**, 회귀 0.
- e2e `composite-design-vpath.spec.ts`: **2 passed (10.2s)**, 회귀 0. (콘솔 에러는 kakao SDK integrity·flag OFF 403 mock으로 기존 환경 이슈, 이번 변경 무관.)

## L1 스모크테스트 결과 (필수 기록)
- **서버 재시작**: 성공 — Playwright webServer가 `npm run dev`(vite v5.4.21, localhost:8080) 자동 기동.
- **API 응답 확인**: 해당없음(webapp UI 전용, mock 기반 렌더). e2e mock 경유 페이지 정상 렌더.
- **스크린샷**: `/home/jay/projects/InsuRo/.worktrees/task-2876-dev1/tests/e2e/screenshots/vpath/a-2-record-rendered.png` (회장 전달) — 실제 렌더 화면에서 3건 육안 확인:
  - ① InsuRo 브랜드 줄/방패 로고 사라짐, 개발자 크레딧 text-base로 시작, 이모지 중복/Lock 아이콘 없음(아이콘 줄 1개).
  - ② "✨ AI 복합설계 계산이란?" 큰 제목 승격, RP 라벨 없음.
  - ③ 제목 우측 컴팩트 안내박스(Info + 신규 첫문장 + 기존 2번째 문장), 외부이동 링크 없음.

## 발견 이슈 및 해결
- 없음(미해결 이슈 0).
- 참고: e2e 실행 중 "repository moved"(계정 rename) 경고 관측 — origin push/PR 정상 동작(무해).

## 머지 판단
- **머지 필요**: Yes (단, merge_policy=none → **ANU가 검증·머지·CF Pages 배포 소유**. 헤르메스는 push+PR+.done까지)
- **브랜치**: `task/task-2876-dev1`
- **워크트리 경로**: `/home/jay/projects/InsuRo/.worktrees/task-2876-dev1`
- **PR**: https://github.com/Jeon-Jonghyuk/InsuRo/pull/151
- **머지 의견**: tsc 클린 + 전체 vitest 1017 통과 + 관련 e2e 2 통과 + L1 육안 확인. UI 문구/레이아웃만 변경(계산 로직·데이터 흐름 무변). 충돌 위험 낮음(base=#150 직후, 상단 프리젠테이션 영역만 수정). 승인 권장.

## 모델 사용 기록
- 이리스(프론트엔드): sonnet — 4개 소스 + 2개 테스트 편집(일반 UI 로직). haiku 미사용.
- 헤르메스(팀장, Opus): 설계 확정·diff 검증·회귀/e2e/L1 검증·PR·보고.

## 비고
- 규모: 6 files, +42/-69 lines.
- 앱 헤더/사이드바 로고는 범위 외(회장 결정 대기)로 미변경.

## 세션 통계
- 총 도구 호출: 0회