# InsuRo 사이드바 간격 최적화 v2 (task-1085.1 재작업)

## 배경
task-1085.1(8팀)이 사이드바 상하간격을 20~50% 줄였으나 여전히 스크롤 없이 한 화면에 들어오지 않음.
제이회장님이 직접 확인 후 "완료 못했다"고 판단.

## 수정 대상 파일
1. `/home/jay/projects/InsuRo/src/components/AppSidebar.tsx`
2. `/home/jay/projects/InsuRo/src/components/ui/sidebar.tsx`

## 핵심 문제 분석

사이드바에 8개 섹션, 30+ 메뉴 아이템이 모두 `defaultOpen: true`로 펼쳐져 있음.
기존 수정은 padding/margin만 살짝 줄였을 뿐, 근본 원인(아이템 수 × 아이템 높이)을 해결하지 않음.

## 구체적 수정사항 (반드시 전부 적용)

### AppSidebar.tsx

#### 1. defaultOpen 조정 (72-156행 menuSections 배열)
- "내 계정": `defaultOpen: true` → `defaultOpen: false` (접힌 상태 기본)
- "안내": `defaultOpen: true` → `defaultOpen: false`
- "구독": `defaultOpen: true` → `defaultOpen: false`
- "AI 마케팅": `defaultOpen: true` 유지 (핵심 기능)
- "고객관리": `defaultOpen: true` 유지 (핵심 기능)
- "보험 시장분석 AI": `defaultOpen: true` → `defaultOpen: false`
- "유용한도구": `defaultOpen: true` → `defaultOpen: false`
- "관리자": `defaultOpen: true` → `defaultOpen: false`

→ 핵심 2개 섹션만 열린 상태, 나머지 6개는 접힌 상태로 시작

#### 2. 메뉴 아이템 간격 추가 축소
- 305행 `gap-2.5 px-3 py-1.5` → `gap-2 px-3 py-1` (아이템 높이 더 축소)

#### 3. 섹션 라벨(SidebarGroupLabel) 하단 마진
- 283행 `mb-1` → `mb-0` 제거

#### 4. 프로필 카드
- 263행 `gap-2.5 px-3 py-2.5` → `gap-2 px-3 py-2` (좀 더 컴팩트)

### sidebar.tsx (UI 프리미티브)

#### 5. SidebarMenu 아이템 간 gap (405행)
- `gap-1` → `gap-0.5` (4px → 2px)

#### 6. SidebarMenuButton 높이 (424행)
- `h-8` → `h-7` (32px → 28px, 기본 높이 축소)

#### 7. SidebarGroup 패딩 (348행)
- `py-1 px-2` → `py-0.5 px-2` (상하 4px → 2px)

## 검증 방법
1. `cd /home/jay/projects/InsuRo && npx tsc --noEmit` — 에러 0
2. `cd /home/jay/projects/InsuRo && npx vite build` — 성공
3. 변경된 파일: AppSidebar.tsx, sidebar.tsx 두 파일만

## 주의사항
- 기능 변경 없음, Tailwind 클래스 수정만
- 기존 8팀 수정 위에 추가 수정하는 것 (8팀 수정 롤백 불필요)
- 핵심은 **defaultOpen을 false로** 하여 전체 사이드바 높이를 근본적으로 줄이는 것