UI/UX 설계서 v1.3.2 - 대시보드 역할 기반 접근 제어 추가

- 예정된 회의에 생성자/참석자 권한 구분
  - 생성자: 회의 수정 가능 (크라운 아이콘, "수정" 버튼)
  - 참석자: 시작 10분 전부터 참여 가능 (조건부 "참여하기" 버튼)
- 실시간 타이머 표시 (1분 간격 자동 갱신)
- UI 구성요소: 역할 표시, 액션 버튼 조건부 렌더링
- 인터랙션: 생성자 수정 플로우, 참석자 시간 기반 참여 플로우
- 데이터 요구사항: 생성자 ID, 사용자 역할, 참여 가능 시간
- 에러 처리: 시간/권한 제한, 회의 수정 실패 시나리오

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

design/uiux/uiux.md

@@ -4,7 +4,7 @@
 - **작성일**: 2025-10-21
 - **최종 수정일**: 2025-10-21
 - **작성자**: 이미준 (서비스 기획자)
-- **버전**: 1.3.1
+- **버전**: 1.3.2
 - **설계 철학**: Mobile First Design
 
 ---
@@ -256,9 +256,18 @@ graph TD
       - 회의 제목 (H5)
       - 회의 일시 (아이콘: calendar_today)
       - 참석자 수 (아이콘: people)
-      - **빠른 참여 버튼** (진행중 회의만):
-        - "참여하기" 버튼 (Primary, 작은 크기)
-        - 클릭 시 바로 회의 진행 화면으로 이동
+      - **역할 표시** (예정된 회의만):
+        - "생성자" 아이콘 (작은 크라운 아이콘) - 내가 생성한 회의
+        - "참석자" 아이콘 표시 안 함 - 초대받은 회의
+      - **액션 버튼** (권한 및 시간 기반):
+        - **진행중 회의**: "참여하기" 버튼 (Primary, 모든 참석자)
+        - **예정된 회의 - 생성자**:
+          - "수정" 버튼 (Secondary, 작은 크기)
+          - 클릭 시 회의 예약 수정 화면으로 이동
+        - **예정된 회의 - 초대받은 참석자**:
+          - 시작 10분 이내: "참여하기" 버튼 활성화 (Primary)
+          - 시작 10분 초과: 버튼 없음 또는 비활성화
+          - 타이머 표시: "10분 후 참여 가능" (시작 시간까지 남은 시간)
     - 빈 상태: "예정된 회의가 없습니다"
 
   - **내 Todo** 카드 (개선)
@@ -347,13 +356,31 @@ graph TD
    - "회의 예약" 클릭 → 회의예약 화면으로 이동
 
 2. **예정된/진행중 회의 인터랙션**
-   - **진행중 회의**:
+   - **진행중 회의** (모든 참석자):
      - "참여하기" 버튼 클릭 → 회의 진행 화면으로 즉시 이동
      - 회의 항목 클릭 → 회의 상세 정보 표시 (모달 또는 화면 이동)
      - 애니메이션: "진행중" 배지 깜빡임 효과 (1초 간격)
-   - **예정된 회의**:
+
+   - **예정된 회의 - 생성자 (내가 생성한 회의)**:
+     - "수정" 버튼 클릭 → 회의 예약 수정 화면으로 이동
+       - 회의 제목, 일시, 참석자, 안건 등 수정 가능
+       - 저장 시 참석자에게 변경 알림 발송
      - 회의 항목 클릭 → 회의 상세 정보 표시
-     - 호버 효과: 카드 그림자 증가
+     - 크라운 아이콘 표시 (생성자 구분)
+
+   - **예정된 회의 - 초대받은 참석자**:
+     - **시작 10분 이내** (현재 시간 >= 회의 시작 시간 - 10분):
+       - "참여하기" 버튼 활성화 (Primary)
+       - 버튼 클릭 → 회의 진행 화면으로 이동
+       - 실시간 타이머 표시: "5분 후 시작", "곧 시작" 등
+     - **시작 10분 초과** (현재 시간 < 회의 시작 시간 - 10분):
+       - "참여하기" 버튼 비활성화 또는 숨김
+       - 타이머 표시: "25분 후 참여 가능" (회색 텍스트)
+       - 회의 항목 클릭 → 회의 상세 정보만 표시 (참여 불가 안내)
+     - 타이머 자동 갱신 (1분 간격)
+
+   - **공통**:
+     - 회의 항목 호버: 카드 그림자 증가
      - "전체 보기" 링크 클릭 → 회의 목록 화면으로 이동
 
 3. **카드 인터랙션**
@@ -374,6 +401,9 @@ graph TD
 - **출력**:
   - **예정된/진행중 회의**:
     - 회의 ID, 제목, 일시, 참석자 목록, 상태 (예정/진행중), D-day
+    - **생성자 ID** (권한 판별용)
+    - **현재 사용자 역할** (creator | attendee)
+    - **참여 가능 시간** (시작 시간 - 10분)
     - 필터 조건:
       - **진행중 회의**: 회의 시작 시간 <= 현재 시간 AND 회의 종료 안 됨, 사용자가 참석자 또는 생성자
       - **예정된 회의**: 회의 일시 >= 현재 시간, 사용자가 참석자 또는 생성자
@@ -381,6 +411,12 @@ graph TD
       1. 진행중 회의 우선 (상태 = ongoing)
       2. 예정된 회의 (회의 일시 순, 가까운 순)
     - 최대 3개 (진행중 회의 우선)
+    - **버튼 표시 조건**:
+      - 진행중 회의: "참여하기" 버튼 (항상 표시)
+      - 예정된 회의 (생성자): "수정" 버튼 (항상 표시)
+      - 예정된 회의 (참석자):
+        - 현재 시간 >= 시작 시간 - 10분: "참여하기" 버튼 활성화
+        - 현재 시간 < 시작 시간 - 10분: 버튼 비활성화 또는 타이머 표시
 
   - **내 Todo**:
     - Todo ID, 제목, 담당자, 마감일, 상태, 우선순위
@@ -437,6 +473,22 @@ graph TD
     - 권한 없음: "참여 권한이 없습니다"
     - 네트워크 오류: "네트워크 연결을 확인해주세요"
 
+- **예정된 회의 접근 제한**:
+  - **시간 제한 (초대받은 참석자)**:
+    - "아직 참여할 수 없습니다. N분 후 참여 가능합니다." 토스트 메시지
+    - 10분 전부터 참여 버튼 활성화
+    - 타이머 자동 갱신 (1분 간격)
+  - **권한 제한 (수정 시도)**:
+    - "회의를 수정할 권한이 없습니다." 토스트 메시지
+    - 생성자만 수정 가능 안내
+
+- **회의 수정 실패** (생성자):
+  - "회의 정보를 수정할 수 없습니다." 토스트 메시지
+  - 원인별 안내:
+    - 이미 시작된 회의: "진행 중인 회의는 수정할 수 없습니다"
+    - 네트워크 오류: "네트워크 연결을 확인해주세요"
+    - 권한 변경됨: "더 이상 수정 권한이 없습니다"
+
 - **네트워크 오류**:
   - "네트워크 연결을 확인해주세요." 토스트 메시지
   - 자동 재시도 (최대 3회, exponential backoff)
@@ -1726,6 +1778,7 @@ graph TD
 | 1.2 | 2025-10-21 | 이미준 | 회의록 상세 화면 구조 개선 (프로토타입 기반)<br>- 10-회의록상세조회: 탭 기반 네비게이션 추가 (회의록/대시보드/타임라인)<br>- 대시보드 탭 추가: 핵심내용, 결정사항, Todo 진행상황, 참고자료 섹션<br>- 참고자료 관련도 점수 표시 (백분율 + 색상 코딩)<br>- 참고자료 카테고리 탭 (관련 회의록/프로젝트 문서/이슈 트래커/위키 페이지)<br>- 참조: design-gappa/uiux/prototype 파일 (11-회의록대시보드.html, 05-회의진행.html) |
 | 1.3 | 2025-10-21 | 이미준 | 대시보드 및 회의록 목록 화면 개선 (사용자 피드백 반영)<br>- 02-대시보드: 예정된 회의 카드 추가, Todo 우선순위 정렬 개선 (지연→진행→미진행→완료, 최대 5개), 내 회의록 상태 배지 추가, 공유받은 회의록 섹션 개선<br>- 12-회의록목록조회: 신규 화면 추가 (필터링/정렬/검색 기능)<br>  - 필터: 참여 유형(공유받은/참석한/생성한), 상태(전체/작성중/확정완료)<br>  - 정렬: 최신 회의순/최신 업데이트순/제목 가나다순<br>  - 검색: 제목/참석자/키워드 통합 검색<br>  - 통계 정보 표시 (전체/작성중/확정완료 개수)<br>- 참조: design/uiux/prototype_fix 및 design-gappa/uiux/prototype 파일 |
 | 1.3.1 | 2025-10-21 | 이미준 | 대시보드 진행중 회의 표시 기능 추가<br>- 02-대시보드: 예정된 회의 카드에 진행중 회의 포함<br>  - 진행중 회의 우선 표시 (최상단)<br>  - "진행중" 배지 (빨강/주황, 깜빡임 애니메이션)<br>  - "참여하기" 버튼으로 즉시 회의 참여 가능<br>  - 정렬: 진행중 회의 → 예정된 회의 (일시 순)<br>- 데이터 요구사항: 회의 상태 (ongoing) 추가, 진행중 회의 필터 조건 정의<br>- 에러 처리: 진행중 회의 참여 실패 시나리오 추가 (종료됨/권한없음/네트워크오류) |
+| 1.3.2 | 2025-10-21 | 이미준 | 대시보드 예정된 회의 역할 기반 접근 제어 추가<br>- 02-대시보드: 예정된 회의에 생성자/참석자별 차별화된 권한 적용<br>  - **생성자 권한**: 회의 수정 가능 (크라운 아이콘 표시, "수정" 버튼)<br>  - **참석자 권한**: 시작 10분 전부터 참여 가능 ("참여하기" 버튼 조건부 활성화)<br>  - 실시간 타이머 표시 (참여 가능 시간 카운트다운, 1분 간격 갱신)<br>- UI 구성요소: 역할 표시 (크라운 아이콘), 액션 버튼 (역할 및 시간 기반 조건부 렌더링)<br>- 인터랙션: 생성자 수정 플로우, 참석자 시간 기반 참여 플로우, 타이머 자동 갱신<br>- 데이터 요구사항: 생성자 ID, 사용자 역할 (creator\|attendee), 참여 가능 시간 계산<br>- 에러 처리: 시간 제한 접근, 권한 제한 수정 시도, 회의 수정 실패 시나리오 추가 |
 
 ---