# Task: 모바일 서브네비바 UX 개선 및 헤더 정리

> **완료일**: 2026-02-24 10:30

## 1. 사전 작업
- [x] 9-Agent 미팅 진행 및 UX 방향 확정 (`docs/meetings/260224-10.16-mobile-subnav-ux-agent-meeting.md`)

## 2. 구현
- [x] **모바일 서브네비바 (SubNavBar) 2줄 레이아웃 개편**
  - 제목 가시성 확보: 상단(Back, 제목, Visibility)과 하단(버튼 그룹)으로 분리
  - 모바일 목차(TOC) 토글 버튼 공간 확보 위해 제거
- [x] **GlobalHeader 프로필 메뉴 기능 추가**
  - 휴지통, 로그아웃 외에 AI 설정("AI Settings") 메뉴 아이템 추가
  - 불필요해진 글로벌 헤더 공간의 휴지통 아이콘 삭제
- [x] **AI 설정 커스텀 이벤트 연동**
  - 메뉴에서 `window.dispatchEvent(new CustomEvent('open-ai-settings'))` 발생
  - `DocumentClient.tsx`에서 이벤트를 수신하여 모달 Open
- [x] 중복/잔재 코드 (React DOM tree syntax 에러) 완벽 제거 및 `tsc` 확인

## 3. 검증
- [x] `tsc --noEmit` 통과 확인
- [x] 로컬 환경 기능 점검 완료

## 4. 다음 과제
- [ ] 데스크톱 모바일 환경에서의 실제 브라우저 렌더링 검토 및 여백(padding/margin) 최적화
- [ ] (보류) 관리자 통합 페이지 구현 (다음 목표)