# 모바일 화면 상세

## 1. 설계 목표

모바일 화면은 빠른 입력과 빠른 확인을 최우선으로 한다.

사용자가 현장에서 길게 정리하지 않아도 음성이나 짧은 문장으로 업무를 남기고, AI가 정리한 결과만 확인할 수 있어야 한다.

## 2. 하단 내비게이션

MVP 모바일 화면은 4개 메뉴로 시작한다.

- 입력
- 업무
- 확인
- 리포트

## 3. 입력 화면

### 주요 요소

- 텍스트 입력 영역
- 음성 녹음 버튼
- 마이크 권한 상태 표시
- 녹음 시간 표시
- 녹음 취소 버튼
- 녹음 미리듣기
- 다시 녹음 버튼
- 음성 파일 업로드 진행 상태
- 변환 텍스트 영역
- AI 분석 버튼
- 분석 결과 카드
- 저장 버튼

### 상태

- `idle`: 입력 대기
- `recording`: 음성 녹음 중
- `recorded`: 음성 녹음 완료
- `uploading`: 음성 파일 업로드 중
- `uploaded`: 음성 파일 업로드 완료
- `transcribing`: 음성 텍스트 변환 중
- `transcribed`: 음성 텍스트 변환 완료
- `analyzing`: AI 분석 중
- `ready_to_save`: 저장 가능
- `review_required`: 확인 필요
- `failed`: 처리 실패

### AI 분석 결과 표시 항목

- 처리 유형: 신규 업무, 기존 업무 업데이트, 완료 처리, 확인 필요
- 업무 제목
- 담당자
- 마감일
- 우선순위
- 상태
- 기존 업무 매칭 결과
- 리포트 반영 요약
- 확인 필요 사유

## 4. 업무 목록 화면

### 필터

- 전체
- 내 업무
- 오늘 업데이트
- 확인 필요
- 지연
- 완료

### 목록 항목

- 업무 제목
- 담당자
- 상태 배지
- 마감일
- 우선순위
- 최근 업데이트 요약

### 정렬 기본값

1. 확인 필요
2. 지연
3. 마감 임박
4. 최근 업데이트

## 5. 업무 상세 화면

### 기본 정보

- 업무 제목
- 설명
- 담당자
- 상태
- 우선순위
- 마감일
- 생성일
- 완료일

### 이력 정보

- 업데이트 일시
- 업데이트 유형
- 업데이트 내용
- 상태 변경
- 원본 입력
- AI 분석 결과

### 액션

- 상태 변경
- 담당자 변경
- 마감일 변경
- 진행 메모 추가
- 완료 처리
- 보류 처리

## 6. 확인 필요 화면

AI가 자동 반영하지 못한 입력을 처리한다.

### 목록 항목

- 입력 시간
- 입력자
- 원본 텍스트
- 확인 필요 사유
- AI 제안 유형

### 상세 처리 액션

- 신규 업무로 등록
- 기존 업무에 업데이트
- 담당자 지정
- 마감일 지정
- 보류
- 무시

## 7. 리포트 화면

### 탭

- 전체
- 내 리포트

### 공통 요소

- 날짜 선택
- 리포트 본문
- 새로고침

### 전체 리포트 표시

- 신규 업무
- 업데이트 업무
- 완료 업무
- 지연 또는 위험 업무
- 담당자별 현황
- 내일 확인 필요 업무
- 주요 이슈

### 내 리포트 표시

- 오늘 처리한 업무
- 현재 진행중인 업무
- 마감 임박 업무
- 확인 필요한 업무
- 내일 우선 처리할 업무
- 참고 사항

## 8. 오류 처리 문구

| 상황 | 화면 문구 |
| --- | --- |
| 마이크 권한 거부 | 마이크 권한이 필요합니다. 브라우저 설정에서 마이크 권한을 허용해 주세요. |
| 녹음 미지원 | 이 브라우저에서는 직접 녹음을 지원하지 않습니다. 텍스트 입력을 사용해 주세요. |
| 녹음 시간 초과 | 녹음 시간이 너무 깁니다. 3분 이내로 다시 녹음해 주세요. |
| 음성 업로드 실패 | 음성 파일을 업로드하지 못했습니다. 네트워크 상태를 확인해 주세요. |
| 음성 변환 실패 | 음성을 텍스트로 변환하지 못했습니다. 직접 입력으로 전환해 주세요. |
| AI 분석 실패 | 입력 내용을 분석하지 못했습니다. 잠시 후 다시 시도해 주세요. |
| 담당자 없음 | 담당자를 찾지 못했습니다. 담당자를 직접 선택해 주세요. |
| 기존 업무 후보 여러 개 | 유사한 업무가 여러 개 있습니다. 업데이트할 업무를 선택해 주세요. |
| 저장 실패 | 업무를 저장하지 못했습니다. 네트워크 상태를 확인해 주세요. |

## 9. MVP 화면 우선순위

1. 입력 화면
2. 업무 목록
3. 업무 상세
4. 확인 필요 화면
5. 리포트 화면

## 10. 음성 직접 녹음

모바일 직접 녹음 상세는 [15-mobile-voice-recording.md](15-mobile-voice-recording.md)를 기준으로 한다.

MVP에서는 다음을 기본값으로 둔다.

- 모바일 브라우저 직접 녹음 지원
- 최대 녹음 시간 3분
- Android Chrome 우선 지원
- iOS Safari는 테스트 후 제한 사항 정리
- 변환 텍스트 사용자 수정 허용