07-회의종료 화면 UI/UX 개선 (유저스토리 v2.1.1 반영)

[주요 변경사항] - 편집 불가 정책 적용: 확인 전용 화면으로 변경 - Todo 수정 버튼 제거 - 읽기 전용 안내 박스 추가 - 체크박스 disabled 처리 - 3가지 선택 옵션 추가: 1. 대시보드로 이동 (작성중 상태 저장) 2. 회의록 수정 (11-회의록수정.html) 3. 바로 최종 확정 (모든 안건 자동 검증) - 안건별 AI 요약 구조화: - AI 한줄 요약 (30자, 편집 불가, 🔒 아이콘) - 상세 요약 정리 (논의/의견/결정/보류) - 안건별 Todo 자동 추출 결과 표시 - 확장/축소 인터랙션 구현 - 공유 버튼 제거 (유저스토리 v2.0.1 반영) [관련 유저스토리] - UFR-MEET-040: 회의종료 (확인 전용, 3가지 옵션) - UFR-MEET-050: 최종확정 (바로 확정 시나리오 추가) - UFR-AI-010: 회의록자동작성 (안건별 요약) - UFR-AI-036: AI한줄요약 (편집 불가) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
2026-06-13 15:19:10 +00:00 · 2025-10-24 13:02:30 +09:00
parent 86fd30f4cc
commit 45578b0f7b
2 changed files with 425 additions and 207 deletions
@@ -942,18 +942,28 @@ graph TD
 ### 07-회의종료

 #### 개요
- **목적**: 회의 통계 표시 및 최종 회의록 확정
- **관련 유저스토리**: UFR-MEET-040, UFR-MEET-050, UFR-AI-020
+- **목적**: 회의 종료 후 AI 요약 내용 확인 및 다음 단계 선택
+- **관련 유저스토리**: UFR-MEET-040, UFR-MEET-050, UFR-AI-010, UFR-AI-020, UFR-AI-036
 - **비즈니스 중요도**: 높음
 - **접근 경로**: 회의진행 → "회의 종료" 버튼
 - **권한**: 회의 생성자 전용
+- **화면 정책**: **확인 전용 화면 (편집 불가)**
+  - 모든 내용은 읽기 전용
+  - 안건 내용 수정 불가
+  - Todo 수정 불가
+  - 확인 후 다음 단계 선택만 가능

 #### 주요 기능
 1. 회의 통계 표시 (시간, 참석자, 발언 횟수 등)
 2. 주요 키워드 클라우드
-3. AI 자동 추출된 Todo 항목 확인
-4. 최종 회의록 확정
-5. 다음 액션 선택 (공유, 수정, 대시보드 복귀)
+3. **안건별 AI 요약 전체 표시** (신규)
+   - 안건별 AI 한줄 요약 (30자 이내, 편집 불가)
+   - 안건별 상세 요약 정리
+   - 안건별 Todo 자동 추출 결과
+4. **3가지 선택 옵션 제공** (신규)
+   - 옵션 1: 회의록 수정 화면으로 이동
+   - 옵션 2: 바로 최종 확정
+   - 옵션 3: 대시보드로 이동

 #### UI 구성요소

@@ -968,62 +978,93 @@ graph TD
  - 주요 키워드 (태그 클라우드)
  - 발언 통계 (화자별 발언 횟수 및 시간 - 바 차트)

- **AI Todo 추출 결과**
-  - "AI가 추출한 Todo" 섹션
-  - Todo 항목 리스트:
-    - Todo 내용
-    - 담당자 (자동 식별 또는 수동 지정)
-    - 마감일 (있는 경우)
-  - "Todo 수정" 버튼
+- **안건별 AI 요약 섹션** (신규)
+  - **안건 카드** (안건 개수만큼 반복):
+    - **안건 제목** (H4, Bold)
+    - **AI 한줄 요약** (읽기 전용, 회색 배경 박스)
+      - 30자 이내 간결한 표현
+      - 🔒 "편집 불가" 아이콘 표시
+      - 민트 그린 좌측 액센트 라인
+    - **상세 요약 정리** (읽기 전용)
+      - 논의 주제
+      - 발언자별 의견
+      - 결정 사항
+      - 보류 사항
+    - **Todo 자동 추출 결과** (있는 경우)
+      - Todo 항목 리스트
+      - 담당자, 마감일, 우선순위 표시
+      - 읽기 전용 (체크박스 비활성화)

- **최종 확정 섹션**
-  - "최종 회의록 확정" 버튼 (Primary)
-  - 필수 항목 체크리스트:
-    - ✓ 회의 제목 작성
-    - ✓ 참석자 목록 작성
-    - ✓ 주요 논의 내용 작성
-    - ✓ 결정 사항 작성
-
- **하단 액션**
-  - "회의록 공유하기" 버튼
-  - "회의록 수정하기" 버튼
-  - "대시보드로 돌아가기" 버튼
+- **3가지 선택 옵션** (하단 액션 바)
+  - **옵션 1**: "회의록 수정" 버튼 (Secondary)
+    - 회의록 수정 화면(11-회의록수정)으로 이동
+    - 회의록 상태: 작성중
+  - **옵션 2**: "바로 최종 확정" 버튼 (Primary, 강조)
+    - 확인 다이얼로그: "AI가 정리한 내용 그대로 최종 확정하시겠습니까?"
+    - 모든 안건 자동 검증 완료 처리
+    - 회의록 상태: 확정완료
+    - 참석자에게 확정 알림 발송
+  - **옵션 3**: "대시보드로 이동" 버튼 (Ghost)
+    - 회의록 상태: 작성중 (추후 편집 가능)
+    - 대시보드로 이동

 **Tablet/Desktop (768px+)**
 - 상단: 통계 카드 (Grid Layout)
- 중앙: AI Todo 추출 결과
- 하단: 최종 확정 및 액션 버튼
+- 중앙: 안건별 AI 요약 섹션 (2열 그리드)
+- 하단: 3가지 선택 옵션 버튼 (가로 배치)

 #### 인터랙션
 1. **통계 표시**
   - 애니메이션 효과로 숫자 카운트업
   - 차트는 페이드인 효과

-2. **Todo 확인 및 수정**
-   - Todo 항목 클릭: 상세 편집 모달
-   - 담당자 변경, 마감일 설정 가능
-   - "Todo 추가" 버튼으로 수동 추가
+2. **안건별 AI 요약 확인** (읽기 전용)
+   - **안건 카드 확장/축소**:
+     - 초기: 안건 제목 + AI 한줄 요약만 표시
+     - 클릭 시: 상세 요약 + Todo 전체 펼침
+   - **편집 불가 안내**:
+     - AI 한줄 요약 영역에 🔒 아이콘 표시
+     - 호버 시: "이 내용은 편집할 수 없습니다" 툴팁
+   - **Todo 확인**:
+     - 체크박스 비활성화 (disabled)
+     - 읽기 전용 표시

-3. **최종 확정**
-   - "최종 회의록 확정" 클릭:
-     - 필수 항목 검사
-     - 누락 시: 해당 섹션으로 이동 안내
-     - 완료 시: 확정 확인 다이얼로그
-   - 확정 후: Todo 자동 할당, 캘린더 연동
+3. **다음 단계 선택**
+   - **옵션 1: 회의록 수정**
+     - 11-회의록수정.html로 이동
+     - URL 파라미터: meetingId
+     - 회의록 상태: 작성중
+   - **옵션 2: 바로 최종 확정**
+     - 확인 다이얼로그 표시
+     - 확인 시:
+       - 모든 안건 검증률 100% 자동 설정
+       - 회의록 상태: 확정완료
+       - 확정 시간 기록
+       - 참석자에게 확정 알림 발송
+       - 성공 토스트: "회의록이 최종 확정되었습니다"
+       - 02-대시보드.html로 이동
+   - **옵션 3: 대시보드로 이동**
+     - 회의록 상태: 작성중
+     - 02-대시보드.html로 이동
+     - 추후 회의록 목록에서 편집 가능

 #### 데이터 요구사항
 - **입력**: 회의 ID
 - **출력**:
  - 회의 통계 (시간, 참석자 수, 발언 통계, 키워드)
-  - AI 추출 Todo 목록
-  - 확정 회의록 버전 ID
+  - **안건별 AI 요약 데이터**:
+    - 안건 제목
+    - AI 한줄 요약 (30자 이내)
+    - 상세 요약 정리 (논의 주제, 발언자별 의견, 결정 사항, 보류 사항)
+    - 안건별 Todo 목록 (제목, 담당자, 마감일, 우선순위)
+  - 회의록 상태 (작성중/확정완료)
 - **연동**: Meeting 서비스, AI 서비스, Todo 서비스

 #### 에러 처리
 - **통계 생성 실패**: "통계를 생성할 수 없습니다" + 건너뛰기 옵션
- **Todo 추출 실패**: "AI Todo 추출에 실패했습니다. 수동으로 추가해주세요"
- **필수 항목 누락**: "필수 항목을 작성해주세요" + 해당 섹션으로 이동
- **확정 실패**: "회의록 확정에 실패했습니다. 다시 시도해주세요"
+- **AI 요약 생성 실패**: "AI 요약을 생성할 수 없습니다. 회의록 수정 화면에서 직접 작성해주세요"
+- **바로 확정 실패**: "회의록 확정에 실패했습니다. 다시 시도해주세요"
+- **네트워크 오류**: 자동 재시도 3회, 실패 시 재시도 버튼 제공

 ---