# SW Viewer — 메뉴 면 라운드 경계 · 단색 배경 (2026-10-21)

사용자 요청으로 SW Viewer Header에 두 가지를 반영했습니다. CSS와 문서만 바꿨고 Props·Export·공개 `.d.ts`는 그대로입니다.

## 1. 변경

| 항목 | 값 |
|---|---|
| 작업 Commit | `3671657` (브랜치 `fix/sw-viewer-strip-round`) |
| main 병합 | `d63a9ac` → `6b6f17c` (no-ff) |
| 승인 기준 Commit | 이 보고서와 같은 테스트 전용 Commit (`approvedMainCommit` `f26ec7c` → `6b6f17c`) |

1. **라운드 경계:** 메뉴 면(`속성` 그룹까지)이 오른쪽 띠(상태 · 라이선스 · 최소화/닫기) 앞에서 SWHeader 객체 영역처럼 오른쪽 6px 라운드(`--hm-sw-header-object-radius`, 같은 면·테두리)로 끝나고 2px 간격 뒤에 띠가 옵니다. 띠의 첫 칸이 비어 있던 그룹 여백 + 간격 8px 위에 그립니다(1180px 미만은 4px 여백 추가). Header 바깥 모서리는 바꾸지 않았습니다.
2. **단색 배경:** `--hm-sw-viewer-background`를 그라데이션에서 Storybook 뷰어 캔버스(`--sw-story-canvas`)의 바탕색 `#0a0a0b`로 변경. Viewer Header 배경에만 적용됩니다.

## 2. 검증 (Node 22.23.2, 증거는 저장소 밖 임시 폴더)

| 검사 | 결과 |
|---|---|
| 계산 배경 비교(수정 전 `f26ec7c` 빌드 대비) | Viewer Header만 `rgb(10, 10, 11)`로 변경(캔버스 바탕색과 동일). Viewer 메뉴·파일명·상태 면, SWHeader(`rgb(6, 6, 6)`)·객체·창 영역, Footer, Popup 동일 |
| 오른쪽 띠 실측 경계(두 버전 × 1440/950/760) | 위·아래 모두 일치, Hover·Focus 전후 동일 |
| 1440px 버튼 위치 | 수정 전과 동일(`1006, 1360, 1398, 1436, 1566`) |
| Viewer Header 종합(Hover 노랑, 띠, 라이선스, 파일명 폭, 반응형) | 42/42 PASS |
| `check:ai-docs` · `ai-docs.check.mjs` · Public API Guard | PASS · 46/46 · 7/7 |
| `npm run build-storybook` 후 home-menu-integration · overview / overlays · Source Guard | 23/23 · 53/53, 20/20 · 94/94 PASS |