# 📅 Multi-Agent Meeting: UI Review & Polish

**일시:** 2026-02-14 17:00
**참석자:** Jay(PM), Violet(UX), Silver(Frontend)
**자료:** User provided screenshots (Layout & Visual Check)

---

## 1. 스크린샷 분석 (Visual Audit)

**Jay (PM):**
"방금 사용자님이 주신 스크린샷 3장을 확인했어. 전반적으로 App-Style Layout은 잘 적용된 것 같은데, 디테일에서 몇 가지 걸리는 게 보이네."

### Issue 1: TOC 이중 번호 (Double Numbering)
*   **Violet (UX):** "가장 눈에 띄는 건 **목차 번호의 중복**이에요.
    *   스크린샷 1을 보면, 본문 헤더에 이미 사용자가 `2.2. 위촉시 필요서류`라고 번호를 적어놨어요.
    *   그런데 우리가 TOC에서 자동으로 번호(`2.2`)를 또 생성해서 붙이고 있죠.
    *   결과적으로 **'2.2 2.2. 위촉시 필요서류'** 처럼 보여서 매우 어색합니다."
*   **Silver (Dev):** "아, 자동 번호 생성 로직(`counters`)이 무조건 붙게 되어 있어서 그렇네요. 사용자가 수동으로 번호를 매기는 스타일이라면 충돌이 납니다."

### Issue 2: 링크 텍스트 줄바꿈 (Mobile/Layout Break)
*   **Violet (UX):** "스크린샷 1, 2의 본문을 보면 `http://www.e-cleanins.or.kr/` 같은 긴 URL이 그대로 노출되고 있어요. 모바일이나 좁은 화면에서는 레이아웃을 깰 위험이 있습니다."
*   **Silver (Dev):** "Tailwind의 `break-all`이나 `truncate` 처리가 필요해 보입니다."

### Issue 3: 첨부파일 영역의 공백 (Empty State)
*   **Violet (UX):** "스크린샷 3을 보면 하단 '첨부 파일' 영역이 너무 커요. 파일이 없을 때도 텅 빈 박스가 큰 공간을 차지하고 있어서 시선이 분산됩니다."
*   **Jay (PM):** "파일이 없으면 아예 숨기거나, 아주 컴팩트하게 '첨부 파일 없음' 한 줄로 끝내는 게 낫지 않을까?"

---

## 2. 개선 가이드 (Action Items)

**Jay (PM):**
"좋아, 이 3가지를 빠르게 잡아보자. Silver, 어떻게 수정하면 될까?"

### A. TOC 스마트 넘버링 (Smart Numbering)
*   **Silver (Dev):** "`TableOfContents.tsx`에서 헤더 텍스트를 파싱할 때, **이미 숫자로 시작하는지(`^\d+\.`)** 체크하겠습니다.
    *   숫자로 시작하면? -> 자동 번호(`item.number`)를 숨김.
    *   문자로 시작하면? -> 기존대로 자동 번호 표시.
    *   이렇게 하면 '사원등록' 같은 일반 헤더엔 번호가 붙고, '2.2. 서류' 같은 헤더엔 안 붙어서 자연스럽게 섞일 겁니다."

### B. 링크 스타일링 (Markdown Styles)
*   **Silver (Dev):** "`MarkdownComponents`의 `a` 태그 스타일에 `break-all` 클래스를 추가해서 긴 URL이 강제로 줄바꿈되도록 하겠습니다."

### C. 첨부파일 UI 개선
*   **Violet (UX):** "파일이 없을 땐 테두리 박스를 없애고, 연한 텍스트로 작게 표시하거나 아예 섹션을 접어버리는 게 좋겠어요."
*   **Silver (Dev):** "파일 리스트 `length === 0`일 때의 UI를 간소화하겠습니다."

---

## 3. 결론

**Jay (PM):**
"OK, 정리된 3가지 포인트를 바로 수정 작업에 반영하자.
1.  **TOC 이중 번호 제거** (Smart Detection)
2.  **긴 URL 줄바꿈 처리**
3.  **첨부파일 Empty State 축소**

지금 바로 진행해."