diff --git a/design/uiux/uiux.md b/design/uiux/uiux.md
index 3e47d88..99d1710 100644
--- a/design/uiux/uiux.md
+++ b/design/uiux/uiux.md
@@ -2,8 +2,9 @@
## 문서 정보
- **작성일**: 2025-10-21
+- **최종 수정일**: 2025-10-21
- **작성자**: 이미준 (서비스 기획자)
-- **버전**: 1.0
+- **버전**: 1.1
- **설계 철학**: Mobile First Design
---
@@ -48,11 +49,27 @@
- **User 서비스**: UFR-USER-010 (사용자 인증)
- **Meeting 서비스**: UFR-MEET-010 ~ UFR-MEET-060 (회의 관리, 회의록 작성/공유)
- **STT 서비스**: UFR-STT-010, UFR-STT-020 (음성 인식 및 변환)
-- **AI 서비스**: UFR-AI-010 ~ UFR-AI-040 (AI 회의록 작성, Todo 추출, 회의록 개선)
+- **AI 서비스**:
+ - UFR-AI-010 (AI 회의록 자동 작성)
+ - UFR-AI-020 (Todo 자동 추출)
+ - UFR-AI-030 (프롬프팅 기반 회의록 개선)
+ - **UFR-AI-040 (관련 회의록 자동 연결)** ← 신규 반영
- **RAG 서비스**: UFR-RAG-010, UFR-RAG-020 (맥락 기반 용어 설명)
- **Collaboration 서비스**: UFR-COLLAB-010 ~ UFR-COLLAB-030 (실시간 협업)
- **Todo 서비스**: UFR-TODO-010, UFR-TODO-030 (Todo 관리)
+### 주요 추가 기능 (v1.1)
+1. **AI 기반 회의 내용 요약 자동 생성**
+ - 각 섹션 최상단에 AI가 자동으로 생성한 2-3문장 요약 표시
+ - 참석자가 요약 내용 확인 후 수정 가능
+ - 실시간 동기화 및 자동 저장
+
+2. **참고자료 자동 연결 (UFR-AI-040)**
+ - 각 섹션 하단에 관련 회의록 자동 연결
+ - 이전 회의록 및 맥락상 관련 회의록 링크 제공
+ - 관련도 표시 (퍼센트 또는 별점)
+ - 최대 3개 자동 표시, 더보기로 전체 목록 확인 가능
+
---
## 프로토타입 화면 목록
@@ -435,17 +452,19 @@ graph TD
#### 개요
- **목적**: 실시간 회의 진행 및 AI 기반 회의록 자동 작성
-- **관련 유저스토리**: UFR-MEET-030, UFR-STT-010/020, UFR-AI-010, UFR-COLLAB-010, UFR-RAG-010/020
+- **관련 유저스토리**: UFR-MEET-030, UFR-STT-010/020, UFR-AI-010, UFR-AI-040, UFR-COLLAB-010, UFR-RAG-010/020
- **비즈니스 중요도**: 높음 (핵심 화면)
- **접근 경로**: 템플릿선택 → "이 템플릿으로 시작"
#### 주요 기능
1. 음성 녹음 및 실시간 텍스트 변환 (STT)
2. AI 자동 회의록 작성 (구조화)
-3. 실시간 협업 (여러 참석자 동시 편집)
-4. 전문용어 자동 감지 및 맥락 기반 설명
-5. 수동 편집 및 섹션별 작성
-6. 회의 진행 시간 표시
+3. **AI 기반 회의 내용 요약 자동 생성** (섹션별)
+4. 실시간 협업 (여러 참석자 동시 편집)
+5. 전문용어 자동 감지 및 맥락 기반 설명
+6. **참고자료 자동 연결** (이전 회의록, 관련 회의록)
+7. 수동 편집 및 섹션별 작성
+8. 회의 진행 시간 표시
#### UI 구성요소
@@ -465,9 +484,17 @@ graph TD
- **회의록 섹션들** (탭 또는 아코디언)
- 각 섹션:
- 섹션 제목
+ - **AI 회의 내용 요약 영역** (섹션 최상단)
+ - AI 자동 생성 요약 (2-3문장)
+ - 편집 버튼 (참석자가 수정 가능)
+ - 요약 생성 시간 표시
- AI 자동 작성 내용 (실시간 업데이트)
- 수동 편집 버튼
- 검증 완료 체크박스
+ - **참고자료 영역** (섹션 하단)
+ - 관련 이전 회의록 링크 (최대 3개)
+ - 맥락상 관련 회의록 링크
+ - 각 링크: 회의 제목, 날짜, 관련도 표시
- 섹션 간 탭 또는 아코디언 전환
- **전문용어 하이라이트**
@@ -503,7 +530,18 @@ graph TD
- 편집 중 자동 저장 (30초 간격)
- 동시 편집 충돌 감지 및 해결
-3. **전문용어 설명**
+3. **AI 요약 편집**
+ - 요약 영역의 "편집" 버튼 클릭 → 텍스트 편집 모드
+ - 수정 내용 자동 저장 (30초 간격)
+ - 수정 시간 및 수정자 기록
+ - 실시간 동기화: 다른 참석자에게 즉시 반영
+
+4. **참고자료 링크**
+ - 참고자료 영역의 회의록 링크 클릭 → 새 탭에서 해당 회의록 열기
+ - 관련도 표시: 퍼센트 또는 별점으로 시각화
+ - AI가 자동으로 관련 회의록 검색 및 연결 (UFR-AI-040)
+
+5. **전문용어 설명**
- 하이라이트된 용어 클릭 → 바텀시트(모바일) 또는 사이드 패널(데스크톱)
- 설명 내용:
- 간단한 정의
@@ -511,7 +549,7 @@ graph TD
- 관련 과거 회의록 링크
- 참조 문서 링크
-4. **녹음 제어**
+6. **녹음 제어**
- 일시정지: 회의록 작성 중단, 재개 가능
- 종료: 확인 다이얼로그 → 회의종료 화면으로 이동
@@ -520,12 +558,16 @@ graph TD
- **출력**:
- 실시간 텍스트 변환 결과
- 구조화된 회의록 데이터
+ - **섹션별 AI 요약 (자동 생성)**
- 전문용어 및 설명
-- **연동**: STT 서비스, AI 서비스, RAG 서비스, Collaboration 서비스
+ - **참고자료 목록 (관련 회의록 링크)**
+- **연동**: STT 서비스, AI 서비스 (UFR-AI-010, UFR-AI-040), RAG 서비스, Collaboration 서비스
#### 에러 처리
- **녹음 권한 거부**: "마이크 권한이 필요합니다" + 설정 안내
- **STT 실패**: "음성 인식에 실패했습니다. 수동으로 입력해주세요"
+- **AI 요약 생성 실패**: "요약 생성에 실패했습니다. 수동으로 작성해주세요"
+- **참고자료 검색 실패**: "관련 회의록을 찾을 수 없습니다"
- **동기화 실패**: "네트워크 연결을 확인해주세요. 내용은 로컬에 저장됩니다"
- **충돌 발생**: "다른 참석자가 동일한 부분을 수정 중입니다" + 병합 옵션
@@ -859,16 +901,18 @@ graph TD
#### 개요
- **목적**: 지난 회의록의 전체 내용 및 상세 정보 확인
-- **관련 유저스토리**: UFR-MEET-045
+- **관련 유저스토리**: UFR-MEET-045, UFR-AI-040
- **비즈니스 중요도**: 중간
- **접근 경로**: 대시보드 → "내 회의록" 항목 클릭 또는 Todo관리 → 회의록 링크
#### 주요 기능
1. 회의 기본 정보 표시
-2. 섹션별 상세 내용 표시
-3. Todo 항목 및 진행 상황 표시
-4. 첨부파일 다운로드
-5. 회의록 수정/공유 액션
+2. **섹션별 AI 요약 표시** (섹션 최상단)
+3. 섹션별 상세 내용 표시
+4. **참고자료 표시** (섹션 하단)
+5. Todo 항목 및 진행 상황 표시
+6. 첨부파일 다운로드
+7. 회의록 수정/공유 액션
#### UI 구성요소
@@ -889,7 +933,20 @@ graph TD
- 각 섹션:
- 섹션 제목
- 검증 완료 배지 (검증된 경우)
+ - **AI 회의 내용 요약 영역** (섹션 최상단, 강조 박스)
+ - 요약 아이콘 (💡 또는 📝)
+ - AI 자동 생성 요약 (2-3문장)
+ - 요약 생성/수정 시간
+ - "수정" 버튼 (권한 있는 경우)
- 섹션 내용 (마크다운 렌더링)
+ - **참고자료 영역** (섹션 하단, 별도 영역)
+ - "참고자료" 라벨
+ - 관련 회의록 링크 리스트 (최대 3개):
+ - 링크 아이콘
+ - 회의 제목 (클릭 가능)
+ - 회의 날짜
+ - 관련도 표시 (퍼센트 또는 별점)
+ - "더보기" 버튼 (3개 초과 시)
- 접기/펼치기 버튼 (선택)
- **Todo 섹션** (강조)
@@ -921,15 +978,29 @@ graph TD
- 섹션 제목 클릭: 해당 섹션으로 스크롤
- 접기/펼치기: 긴 내용의 경우 초기에는 접힌 상태
-2. **Todo 인터랙션**
+2. **AI 요약 인터랙션**
+ - 요약 영역 표시: 섹션 최상단에 강조 박스로 표시
+ - "수정" 버튼 클릭 (권한 있는 경우):
+ - 인라인 편집 모드로 전환
+ - 수정 내용 자동 저장 (30초 간격)
+ - 실시간 동기화
+
+3. **참고자료 인터랙션**
+ - 회의록 링크 클릭:
+ - 새 탭에서 해당 회의록 열기
+ - 또는 현재 화면에서 전환 (사용자 설정)
+ - 관련도 표시: 시각적으로 중요도 표시 (높음/중간/낮음 색상 구분)
+ - "더보기" 클릭: 전체 참고자료 목록 모달 표시
+
+4. **Todo 인터랙션**
- Todo 체크박스: 완료 처리 (권한 있는 경우)
- Todo 클릭: Todo관리 화면으로 이동
-3. **첨부파일 다운로드**
+5. **첨부파일 다운로드**
- 파일명 클릭: 다운로드 시작
- 진행 상황 표시
-4. **수정 및 공유**
+6. **수정 및 공유**
- "수정" 버튼: 회의록수정 화면으로 이동
- "공유" 버튼: 회의록공유 화면으로 이동
@@ -937,13 +1008,17 @@ graph TD
- **입력**: 회의록 ID
- **출력**:
- 회의 기본 정보 (제목, 일시, 참석자, 장소, 상태, 작성자, 수정 시간)
+ - **섹션별 AI 요약 (자동 생성 요약 및 수정 이력)**
- 섹션별 내용
+ - **참고자료 목록 (관련 회의록 링크, 관련도)**
- Todo 목록 및 진행 상황
- 첨부파일 목록
-- **연동**: Meeting 서비스, Todo 서비스
+- **연동**: Meeting 서비스, AI 서비스 (UFR-AI-040), Todo 서비스
#### 에러 처리
- **회의록 로딩 실패**: "회의록을 불러올 수 없습니다" + 재시도 버튼
+- **AI 요약 로딩 실패**: "요약을 불러올 수 없습니다" (섹션 내용은 정상 표시)
+- **참고자료 로딩 실패**: "참고자료를 불러올 수 없습니다"
- **권한 없음**: "수정" 버튼 비활성화, "조회 권한만 있습니다" 메시지
- **첨부파일 다운로드 실패**: "파일 다운로드에 실패했습니다"
@@ -953,16 +1028,18 @@ graph TD
#### 개요
- **목적**: 지난 회의록 조회 및 수정
-- **관련 유저스토리**: UFR-MEET-055
+- **관련 유저스토리**: UFR-MEET-055, UFR-AI-040
- **비즈니스 중요도**: 중간
- **접근 경로**: 대시보드 → "내 회의록" → 회의록상세조회 → "수정"
#### 주요 기능
1. 회의록 목록 조회 (필터링, 정렬, 검색)
2. 회의록 내용 수정 (섹션별)
-3. 자동 저장 (30초 간격)
-4. 수정 이력 관리
-5. 상태 변경 (확정완료 → 작성중)
+3. **AI 요약 수정** (섹션별)
+4. **참고자료 편집** (추가/제거)
+5. 자동 저장 (30초 간격)
+6. 수정 이력 관리
+7. 상태 변경 (확정완료 → 작성중)
#### UI 구성요소
@@ -991,7 +1068,15 @@ graph TD
- 섹션별 편집 영역
- 각 섹션:
- 섹션 제목
+ - **AI 요약 편집 영역**
+ - 요약 텍스트 편집 필드
+ - "AI 재생성" 버튼 (요약 다시 생성)
+ - 마지막 수정 시간 표시
- 편집 가능한 텍스트 영역
+ - **참고자료 편집 영역**
+ - 기존 참고자료 목록 (제거 버튼 포함)
+ - "참고자료 추가" 버튼
+ - 회의록 검색 및 선택 UI
- 검증 완료 체크박스 (잠금 해제 필요)
- 자동 저장 상태 표시 ("저장됨", "저장 중...")
@@ -1015,7 +1100,23 @@ graph TD
- 승인 대기 중: "승인 대기 중" 배지 표시
- 승인 완료: 편집 가능
-4. **상태 변경**
+4. **AI 요약 편집**
+ - 요약 텍스트 필드 클릭: 직접 수정 가능
+ - "AI 재생성" 버튼 클릭:
+ - 현재 섹션 내용 기반으로 요약 재생성
+ - 로딩 인디케이터 표시
+ - 생성 완료 시 자동 업데이트
+ - 자동 저장 (30초 간격)
+
+5. **참고자료 편집**
+ - "참고자료 추가" 버튼 클릭:
+ - 회의록 검색 모달 표시
+ - 제목, 날짜, 키워드로 검색
+ - 선택된 회의록 추가
+ - 제거 버튼 (X): 참고자료 목록에서 제거
+ - 순서 변경: 드래그하여 순서 조정 (선택)
+
+6. **상태 변경**
- 확정완료 회의록 수정 시: 자동으로 "작성중" 상태로 변경
- 모든 섹션 검증 완료 시: "확정완료"로 변경 제안
@@ -1023,15 +1124,20 @@ graph TD
- **입력**:
- 회의록 ID (조회)
- 수정 내용 (섹션 ID, 내용)
+ - **AI 요약 수정 (섹션 ID, 요약 내용)**
+ - **참고자료 변경 (추가/제거할 회의록 ID)**
- **출력**:
- 회의록 목록 (필터/정렬/검색 결과)
- 수정 결과 (성공/실패)
+ - **AI 요약 재생성 결과**
- 수정 이력 (누가, 언제, 무엇을)
-- **연동**: Meeting 서비스, Collaboration 서비스
+- **연동**: Meeting 서비스, AI 서비스 (UFR-AI-040), Collaboration 서비스
#### 에러 처리
- **권한 없음**: "본인이 작성한 회의록만 수정할 수 있습니다"
- **자동 저장 실패**: "네트워크 연결을 확인해주세요. 로컬에 임시 저장됩니다"
+- **AI 요약 재생성 실패**: "요약 생성에 실패했습니다. 수동으로 작성해주세요"
+- **참고자료 검색 실패**: "회의록을 검색할 수 없습니다"
- **충돌 발생**: "다른 참석자가 동일한 부분을 수정했습니다" + 병합 옵션
- **삭제 실패**: "회의록 삭제에 실패했습니다"
@@ -1224,6 +1330,7 @@ graph TD
| 버전 | 날짜 | 작성자 | 변경 내용 |
|------|------|--------|----------|
| 1.0 | 2025-10-21 | 이미준 | 최초 작성 - 11개 화면 설계 완료 |
+| 1.1 | 2025-10-21 | 이미준 | AI 요약 및 참고자료 기능 추가
- 05-회의진행: AI 회의 내용 요약 자동 생성 및 참고자료 자동 연결 추가
- 10-회의록상세조회: 섹션별 AI 요약 표시 및 참고자료 영역 추가
- 11-회의록수정: AI 요약 수정 및 참고자료 편집 기능 추가
- 관련 유저스토리: UFR-AI-040 (관련 회의록 자동 연결) |
---