# Agent 미팅: InsuWiki UI 기능 업데이트 3건

**날짜**: 2026-03-05
**소집 이유**: InsuWiki 파일첨부 드래그앤드롭, 모달 크기 조절, 탭 스와이프 3개 기능 업데이트 설계
**참여 페르소나**: 이리스(프론트), 프레이야(인터랙티브UI), 아테나(UX), 아르고스(테스터)
**총 사이클 수**: 2

---

## Cycle 1

### 아누 1차 분석
- 파일업로드: EditorToolbar.tsx에서 input type=file 버튼 클릭만 지원, 드래그앤드롭 미구현
- 모달: 에디터 모달 max-w-md 고정, PC/모바일 동일
- 탭: ?tab=wiki|my|daily 쿼리파라미터 기반 버튼 클릭, 스와이프 미지원

### 페르소나 의견
**이리스**: Tiptap handleDrop Extension으로 에디터=드롭존, CSS scroll-snap 추천(번들 0)
**프레이야**: dragover pulse 애니메이션, max-w-sm(384px), framer-motion drag="x" 추천
**아테나**: 모바일 드래그앤드롭 무의미(카메라/갤러리 중심), 위키↔마이 이동 가장 빈번, 가로스크롤 충돌 주의
**아르고스**: 대용량 파일 클라이언트 검증, dragover 상태 잔류, 스와이프 각도 30°임계값, 에디터 내 스와이프 차단 필수

### 1차 통합
- 합의: 드래그앤드롭은 Tiptap Extension, PC 전용, 기존 버튼 유지
- 쟁점1: 모달 크기 (448px vs 384px vs 뷰포트 40-50%)
- 쟁점2: 스와이프 (CSS scroll-snap vs framer-motion)

---

## Cycle 2

### 쟁점 논의
**이리스**: 384px에 양보, framer-motion 도입 가치 인정
**프레이야**: 384px 유지, framer-motion 철회 → CSS scroll-snap + JS velocity로 충분

### 최종 통합
- 쟁점1 해결: max-w-sm (384px) 합의
- 쟁점2 해결: CSS scroll-snap + JS velocity 감지 (외부 라이브러리 없이)

---

## 최종 합의 사항

### 1. 파일첨부 드래그앤드롭
- Tiptap Extension으로 에디터 영역 자체를 드롭존으로 활용
- dragover 시 테두리 하이라이트 + 반투명 오버레이 피드백
- 모바일에서는 드래그앤드롭 비활성 (기존 버튼/갤러리/카메라 유지)
- 클라이언트 측 파일 용량·형식 검증 선행
- 기존 input 버튼 반드시 병행 유지 (접근성)

### 2. 파일첨부 창(에디터 모달) 크기 조절
- PC: max-w-sm (384px) 으로 축소, min-width 가드 추가
- 모바일: 현재 유지 (추후 바텀시트 검토)
- max-h-[90dvh] overflow-y-auto로 높이 제한
- 소프트키보드 올라올 때 닫기 버튼 접근성 확보

### 3. 위키-마이-데일리 탭 스와이프
- CSS scroll-snap + JS velocity/터치 감지 (외부 라이브러리 없이)
- 에디터 영역에서는 스와이프 이벤트 전파 차단 (stopPropagation)
- 세로 스크롤 충돌 방지: deltaX/Y 비율 + 각도 30° 임계값
- 좌우 끝에서 저항감(overscroll) 표현
- 탭 인디케이터와 스와이프 오프셋 실시간 연동
- 빠른 연속 스와이프 race condition 방지 (debounce/lock)

## 미해결 항목
- "파일첨부 창"이 에디터 모달 전체인지 확인 필요 (제이회장님 확인)
- 모바일 바텀시트 패턴 적용 여부는 후속 판단

## 다음 단계
- 1팀(헤르메스)에 위임하여 구현
- 3개 기능 독립적이므로 팀원 병렬 작업 가능
- 이리스: 드래그앤드롭 + 스와이프, 아테나: 모달 크기 조절