# task-2878 — 서울대보험쌤 로고를 신뢰뱃지 박스 내부 우측정렬 + ohmymanager 안내박스 높이 축소

## Situation
직전 task-2877(#152, origin/main 머지됨)이 서울대보험쌤 로고를 **제목 우측 상단 빈 공간**에 잘못 배치. 회장 정정: 로고는 **신뢰뱃지 박스**(서울대 공대 크레딧 + 조직전용 문구가 있는 박스) **내부의 우측 정렬**로 들어가야 함.

## Complication
- task 파일은 base를 "#150 신뢰뱃지 존재, task-2877 미머지" 로 가정했으나, **실제 origin/main HEAD = f40c813 (#152 = task-2877 머지됨)**. 실행 증거(현 origin/main) 기준으로 진행 — task-2877이 로고를 헤더 우측상단에 넣어둔 상태에서, 이를 신뢰뱃지 박스 내부 우측으로 **이동**시키는 정정 작업으로 처리.

## Question
로고를 헤더에서 제거하고 신뢰뱃지 박스 내부 우측정렬로 옮기며, ohmymanager 안내박스 높이를 낮춰 제목–뱃지 간격을 어떻게 축소하는가?

## Answer (작업 내역)

### ① 로고 이동 (헤더 → 신뢰뱃지 박스 내부 우측)
- `src/components/composite/CompositeCalculatorHeader.tsx`: `<img alt="서울대보험쌤 로고">` 블록 + `partner-logo` import **제거**(잘못된 우측상단 위치 삭제).
- `src/components/composite/CompositeCredibilityBadge.tsx`: `partner-logo` import 추가. 최상위 박스 div를 `space-y-2.5` → `flex items-center justify-between gap-3` 로 변경. 기존 Layer A(개발자 크레딧)+Layer B(조직전용)를 `<div className="space-y-2.5 min-w-0">` 로 wrap(좌측), 우측에 로고 `<img alt="서울대보험쌤 로고" className="h-12 md:h-14 w-auto shrink-0 self-center object-contain">` 추가. testid·prop 로직 불변.

### ② ohmymanager 안내박스 높이 축소
- `CompositeCalculatorHeader.tsx`: 박스 wrapper `p-2.5` → `p-2`, 설명 텍스트 wrapper `text-[11px]` → `text-[10px]`. 문구·testid·기능(외부이동 없음) 불변.

### 테스트 반영
- `__tests__/CompositeCalculatorHeader.test.tsx`: 헤더의 로고 렌더 테스트 삭제, ohmymanager 클래스 검증을 `p-2`/`text-[10px]` 로 갱신.
- `__tests__/CompositeCredibilityBadge.test.tsx`: "서울대보험쌤 로고가 박스 내부에 alt와 함께 img로 렌더된다" 테스트 추가.

## 수정 파일 목록 (webapp-only, 지정 2건 + 대응 테스트 2건)
- src/components/composite/CompositeCalculatorHeader.tsx
- src/components/composite/CompositeCredibilityBadge.tsx
- src/components/composite/__tests__/CompositeCalculatorHeader.test.tsx
- src/components/composite/__tests__/CompositeCredibilityBadge.test.tsx

## 검증 결과
- `npx tsc --noEmit`: 에러 0건 (exit 0)
- `npx vitest run` 전체: **69 files / 1020 tests 전부 PASS**, 회귀 0
- `npm run build`: 성공 (11.72s, PWA 생성)
- e2e `composite-design-vpath.spec.ts`: **2/2 PASS** (실제 `/composite-design` 렌더). kakao CDN integrity 콘솔 에러는 외부 리소스·기존 이슈로 본 변경과 무관.

## L1 스모크테스트 결과
- 서버 재시작: 성공 (Playwright webServer가 `npm run dev` 자동 기동, port 8080)
- API 응답 확인: 해당없음(프론트 프레젠테이션 변경). e2e 라우트 mock로 페이지 정상 렌더 확인.
- 스크린샷: `tests/e2e/screenshots/vpath/a-1-mounted.png` (worktree 내). **육안 확인 결과: 신뢰뱃지 박스 내부 우측에 서울대보험쌤 로고가 우측정렬·세로중앙으로 렌더됨. 제목 우측 빈공간에는 로고 없음(ohmymanager 박스만). ohmymanager 박스 축소 반영.** → 회장 정정 위치와 정확히 일치.

## 머지 판단
- **머지 필요**: No (merge_policy=none, 순서 B) — 검증·머지·CF Pages 배포는 ANU 소관
- **브랜치**: task/task-2878-dev1
- **워크트리 경로**: /home/jay/projects/InsuRo/.worktrees/task-2878-dev1
- **머지 의견**: tsc 클린 + vitest 1020 전부 통과 + e2e 2/2 + 빌드 성공 + L1 스크린샷 육안 검증 완료. 지정 2건만 변경, 신뢰뱃지 문구·인포그래픽(165)·계산·표·계단식 전부 불변. 충돌 위험 낮음(단일 페이지 프레젠테이션).

## 모델 사용 기록
- 이리스(프론트): sonnet — 로고 이동 + 박스 축소 + 테스트 갱신 구현
- 팀장(헤르메스, opus): 설계/분배/검토/통합/검증만 수행(직접 코딩 없음)

## 발견 이슈 및 해결
- task 파일의 base 가정(task-2877 미머지)과 실제 origin/main(#152 머지됨) 불일치 → 실행 증거 기준으로 "로고 이동" 정정 작업으로 재해석하여 최종 상태를 회장 정정 요구와 일치시킴. 별도 이슈 없음.

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