mirror of
https://github.com/nad4-su/meeting-minutes.git
synced 2026-08-12 22:33:25 +09:00
* feat(phase-1): 저장/목록/상세 UI + 마크다운 라이브러리 + 검색 ROADMAP Phase 1 #3~#7 완료. ## Markdown 렌더링 (#6) - marked + isomorphic-dompurify 도입 - src/lib/markdown.ts 공용 유틸 (renderMarkdownToSafeHtml + markdownToPlainText) - 기존 커스텀 파서(export-minutes.ts) 교체 — 표/리스트/인용/코드블록 정상 렌더 - globals.css에 .prose-minutes 스타일 추가 ## 저장 버튼 (#3) - MinutesViewer에 📌 저장 버튼 + 상태별 피드백 - 미리보기/원문 토글 - 저장 성공 시 /meetings/[id] 상세 링크 배너 - URL.revokeObjectURL 타이밍을 setTimeout으로 지연 (Firefox/Safari 호환) ## 목록 페이지 (#4) - /meetings 서버 컴포넌트, 페이지네이션 (prev/next) - MeetingCard: 제목/날짜/템플릿 배지/참석자/태그/preview - 빈 상태 UI (검색 결과 없음 / 첫 녹음 안내) - preview는 markdown → plain text 변환 후 160자로 자르기 ## 상세 페이지 + 편집 (#5) - /meetings/[id] 서버 컴포넌트 + 클라이언트 편집 island - 제목/본문/참석자/태그 인라인 편집 - 편집 모드에서 좌(textarea) · 우(live preview) 분할 - 삭제 버튼 (confirm) - 원본 transcript는 <details>로 접어둠 ## 검색 (#7) - MeetingSearchBar 클라이언트 컴포넌트 - 300ms debounce + useTransition + URL query 동기화 (replace, scroll false) - 서버에서 ILIKE contains로 title/transcript/markdown 검색 - tsvector GIN 인덱스는 후속 최적화로 분리 (개인용 규모에서 ILIKE 충분) ## Prisma 7 호환 - @prisma/adapter-pg + pg 추가 (driver adapter 필수) - generator를 prisma-client-js로 전환 (안정적 레거시) - src/lib/db.ts에 PrismaPg 어댑터 사용 + DATABASE_URL 누락 시 placeholder로 fallback - DB 접근 페이지/라우트에 export const dynamic = 'force-dynamic' 추가 (Next 16 pre-render 시 Prisma 초기화 회피) - Dockerfile에서 src/generated 복사 제거, .gitignore도 정리 ## UX - 메인 페이지 우상단 "📚 저장된 회의록" 링크 추가 ## 테스트 - src/__tests__/markdown.test.ts 9개 신규 (렌더/sanitize/plain text) - 전체: 80 tests passing (이전 71 + 9) * docs: PR#2 본문 드래프트 추가 * feat(phase-1.5): 웹에서 Gemini API 키 설정 (LocalStorage) .env를 만지지 않고도 브라우저에서 키를 설정·관리할 수 있게 함. 개인용 단일 인스턴스 가정으로 LocalStorage만 사용 (DB 미관여). ## 구조 - src/lib/api-keys.ts (서버): resolveGeminiApiKey() 우선순위 요청 body 키 → process.env.GEMINI_API_KEY → null - src/lib/api-key-storage.ts (클라이언트): get/set/clear/maskApiKey - /api/settings/status: 환경변수 키 존재 여부만 노출 (값 X) - /api/settings/test: 키로 짧은 Gemini 호출 → 200/401/403/429 분류 - /settings 페이지: 입력/저장/삭제/마스킹 표시/테스트 호출 ## 라우트 변경 - /api/summarize, /api/summarize-live가 body.apiKey 수용 - 키 없을 때 summarize는 단순 변환으로 폴백 (UX 보존) - summarize-live는 503 + 안내 메시지 (라이브 요약은 키 필수) ## UI - 메인 헤더에 ⚙️ 설정 링크 추가 - 설정 페이지에 현재 키 소스 배지 (브라우저 / 환경변수 / 없음) - 보이기/숨기기 토글, 테스트 호출 버튼, 보안 안내 ## 테스트 - api-keys.test.ts: 7개 (요청>env, 공백 처리, env 미설정 시 null) - api-key-storage.test.ts: 7개 (LocalStorage CRUD + 마스킹) - 전체: 94 tests (이전 80 + 14) ## 비목표 (개인용 가정) - 다중 사용자 / 권한 - DB 영속화 / 키 암호화 * docs: PR#3 본문 드래프트 추가 * feat(phase-2): 액션 아이템 추출/체크리스트 + Google Docs 호환 복사 ## 액션 아이템 (ROADMAP #8~#11) ROADMAP의 Gemini JSON 출력 대신 마크다운 체크박스 휴리스틱 채택. 모든 템플릿이 이미 - [ ] 형식 출력하므로 Gemini 호출 비용 0. ### Schema - ActionItem 테이블 추가 (Meeting 1:N, cascade delete) - 필드: id, meetingId, task, isDone, position, createdAt, updatedAt - 인덱스: (meetingId, position) / isDone - 마이그레이션 20260428071709_add_action_items ### 추출 (src/lib/action-items.ts) - /^\s*[-*]\s+\[(x|X|\s)\]\s+(.+)/ 매칭 - 빈/짧은(<2자)/점만(...) task 노이즈 제거 - 들여쓰기/대문자 X 모두 허용 - 단위 테스트 8개 ### API - POST /api/meetings: 마크다운에서 액션 아이템 자동 추출 후 함께 저장 - GET /api/meetings (목록): _count로 미완료 액션 카운트 포함 - GET /api/meetings/[id] (상세): actionItems include - PATCH /api/action-items/[id]: isDone 토글, task 수정 - DELETE /api/action-items/[id] - POST /api/meetings/[id]/reparse-action-items: 마크다운 재파싱으로 교체 ### UI - ActionItemList 컴포넌트: 체크박스 + 낙관적 업데이트 + 진행률(완료/전체) + 개별 삭제 (hover ✕) + 🔄 재추출 버튼 - MeetingDetail에 통합 (조회 모드에서만 노출, 편집 중에는 숨김) - MeetingCard에 미완료 카운트 배지 (✅ N 미완료) - /meetings 상단에 "내 미완료 액션 (최근 5)" 위젯 ### 비목표 (이번 단계) - assignee/dueDate 필드 — Gemini JSON 모드 도입 시 추가 - 홈 페이지 대시보드 승격 — 녹음 흐름 보존이 우선 ## Google Docs 호환 복사 - src/lib/markdown.ts: copyMarkdownAsRichText() - ClipboardItem({text/html, text/plain}) 우선 - 미지원 브라우저는 contenteditable + execCommand 폴백 - MinutesViewer / MeetingDetail에 📋 Docs용 버튼 추가 - 기존 .md 복사는 📋 .md로 분리 라벨링 - 다운로드 버튼은 ⬇ 접두로 구분 ## 테스트 - action-items.test.ts: 8개 (다양한 마크다운 패턴) - 전체: 102 tests passing (이전 94 + 8) * docs: PR#4 본문 드래프트 추가
193 lines
8.8 KiB
Markdown
193 lines
8.8 KiB
Markdown
# Meeting Minutes — ROADMAP
|
|
|
|
노션의 AI Meeting Notes 기능을 참고한 단계별 개발 계획. 개인/소규모 팀 사용 기준으로 범위 조정됨.
|
|
|
|
---
|
|
|
|
## ✅ Phase 0 — 기반 (완료)
|
|
|
|
### 구현됨
|
|
- [x] Web Speech API 기반 실시간 전사 (Chrome `ko-KR`)
|
|
- [x] 파일 업로드 검증 (MP3/WAV/WebM/M4A/OGG/FLAC, 최대 500MB)
|
|
- [x] 단순 변환 / Gemini AI 요약 두 모드
|
|
- [x] Markdown / HTML 내보내기, 클립보드 복사
|
|
- [x] Gemini 롤링 실시간 요약 (30초 간격, 25/40단어 게이트)
|
|
- [x] 녹음 종료 시 최종 회의록 자동 생성
|
|
- [x] 429 쿼터 초과 자동 쿨다운 + 지수 백오프
|
|
- [x] Gemini 실패 시 단순 변환 자동 폴백
|
|
- [x] 네트워크 에러 자동 재연결 (최대 8회)
|
|
- [x] 좌우 분할 UI (실시간 텍스트 / 실시간 회의록)
|
|
- [x] 자동 스크롤, 진행률 바, 쿨다운 카운터
|
|
- [x] Docker Compose (app + db + test profile)
|
|
- [x] 단위 테스트 38개 통과
|
|
- [x] Prisma 7 호환 스키마 (아직 미사용)
|
|
|
|
### 알려진 제약
|
|
- Chrome 전용 (Web Speech API)
|
|
- 화자 구분 불가 — 의도적 비지원 (Non-goal)
|
|
- 녹음 저장/조회 불가 (DB 미사용)
|
|
- Web Speech 세션이 가끔 끊김 → 자동 재연결로 완화
|
|
|
|
---
|
|
|
|
## ✅ Phase 0.5 — 템플릿 + 강도 조절 (완료)
|
|
|
|
사용자가 회의록 외 다양한 용도로 쓸 수 있도록 템플릿 시스템과 강도 조절 도입.
|
|
|
|
### 구현됨
|
|
- [x] 6개 프리셋 템플릿 (회의록, 강의·세미나, 1:1 미팅, 브레인스토밍, 인터뷰, 원문 정리)
|
|
- [x] 커스텀 프롬프트 옵션 (파워 유저용 자유 입력)
|
|
- [x] 3단계 강도 조절 (간결 / 표준 / 상세)
|
|
- [x] 템플릿별 기본 강도 프리셋 (예: 강의는 상세, 회의록은 표준)
|
|
- [x] 템플릿별 라이브 요약 지원 플래그 (raw/interview는 종료 시 한 번만)
|
|
- [x] Gemini 모드에서만 노출, 단순 변환은 기존 동작 유지
|
|
- [x] 라이브 요약도 동일 템플릿/강도 적용
|
|
- [x] 프롬프트 빌더 단위 테스트 19개
|
|
|
|
---
|
|
|
|
## ✅ Phase 1.5 — 웹 기반 API 키 설정 (완료)
|
|
|
|
`.env`를 만지지 않고도 브라우저에서 Gemini 키를 설정할 수 있도록 함.
|
|
|
|
### 구현됨
|
|
- [x] `/settings` 페이지 — 키 입력 / 저장 / 삭제 / 마스킹된 현재 키 표시
|
|
- [x] LocalStorage 저장 (서버 DB에 보관 X — 개인용/단일 인스턴스 가정)
|
|
- [x] `/api/settings/status` — 환경변수 키 존재 여부 (값 노출 X)
|
|
- [x] `/api/settings/test` — 키로 가벼운 Gemini 호출 시도 → 200/401/429 등 분류
|
|
- [x] `resolveGeminiApiKey()` 우선순위: 요청 body 키 → 환경변수 → null
|
|
- [x] summarize / summarize-live 라우트가 body의 `apiKey` 사용
|
|
- [x] 단위 테스트 14개 (api-keys 7 + api-key-storage 7)
|
|
|
|
### 의도된 비목표
|
|
- 다중 사용자 / 권한 관리 — 개인용 단일 인스턴스
|
|
- 키 암호화 — 평문 LocalStorage (현재 .env 신뢰 모델과 동일)
|
|
|
|
---
|
|
|
|
## ✅ Phase 1 — 회의 저장/조회 (완료)
|
|
|
|
노션의 **Meeting Database** 수준. 생성한 회의록을 저장하고 다시 찾아볼 수 있음.
|
|
|
|
### Issues
|
|
- [x] **#1 Prisma 연결 + 마이그레이션 파이프라인** — PR `feat/phase-1-foundation`
|
|
- [x] `src/lib/db.ts` 싱글톤 Prisma 클라이언트 (Prisma 7 driver adapter 경유)
|
|
- [x] 첫 마이그레이션 생성 (`prisma migrate dev`)
|
|
- [x] docker-compose `tools` 프로필에 `migrate` 서비스 추가
|
|
- [x] Meeting 스키마 확장 (attendees/tags/template/depth/summaryMode/customPrompt)
|
|
- [x] **#2 회의 저장 API** — PR `feat/phase-1-foundation`
|
|
- [x] `POST /api/meetings` — transcript + markdown 저장
|
|
- [x] `GET /api/meetings` — 목록 조회 (최신순, 페이지네이션, q 부분검색)
|
|
- [x] `GET /api/meetings/[id]` — 상세
|
|
- [x] `PUT /api/meetings/[id]` — markdown/title/attendees/tags 편집
|
|
- [x] `DELETE /api/meetings/[id]`
|
|
- [x] **#3 MinutesViewer에 "저장" 버튼** — PR `feat/phase-1-ui`
|
|
- [x] 생성된 회의록 세션에서 저장 → 배너 + 상세 링크
|
|
- [x] 미리보기 / 원문 토글
|
|
- [x] **#4 회의 목록 페이지** (`/meetings`) — PR `feat/phase-1-ui`
|
|
- [x] 카드 그리드 (제목, 날짜, preview, 태그, 참석자, 템플릿 배지)
|
|
- [x] 빈 상태 UI
|
|
- [x] 페이지네이션
|
|
- [x] **#5 회의 상세 페이지** (`/meetings/[id]`) — PR `feat/phase-1-ui`
|
|
- [x] Markdown 렌더링 (sanitize)
|
|
- [x] 인라인 편집 (제목/본문/참석자/태그) + 좌우 미리보기
|
|
- [x] 삭제 버튼
|
|
- [x] **#6 Markdown 렌더링 라이브러리 도입** — PR `feat/phase-1-ui`
|
|
- [x] `marked` + `isomorphic-dompurify`
|
|
- [x] `src/lib/markdown.ts` 공용 유틸
|
|
- [x] 기존 커스텀 파서 교체, `.prose-minutes` 공통 스타일
|
|
- [x] **#7 전역 검색** — PR `feat/phase-1-ui`
|
|
- [x] 검색 바 (debounce 300ms, URL query 동기화)
|
|
- [x] `/api/meetings?q=...` 부분 검색 (title/transcript/markdown)
|
|
- [ ] Postgres `tsvector` GIN 인덱스 — 현재 ILIKE로 개인용 규모 충분, 필요 시 후속
|
|
|
|
---
|
|
|
|
## ✅ Phase 2 — 구조화된 액션 아이템 (완료)
|
|
|
|
회의가 끝나면 **"내 할 일"이 자동으로 추출되어 체크리스트로 남음**.
|
|
|
|
### 구현됨
|
|
- [x] **#8 액션 아이템 추출** — Gemini JSON 재구성 대신 마크다운 휴리스틱 채택
|
|
(모든 템플릿이 이미 `- [ ]` 출력 → 추가 호출 비용 0, 후속에 JSON 모드 가능)
|
|
- [x] **#9 ActionItem 테이블** — `Meeting` ↔ `ActionItem` 1:N (cascade delete)
|
|
- 필드: `id`, `meetingId`, `task`, `isDone`, `position`, `createdAt`, `updatedAt`
|
|
- assignee/dueDate는 추후 JSON 출력 모드 도입 시 추가
|
|
- [x] **#10 체크리스트 UI** — 상세 페이지 별도 섹션
|
|
- 체크박스 토글 (낙관적 업데이트) → `PATCH /api/action-items/[id]`
|
|
- 개별 삭제 (hover 시 ✕ 노출)
|
|
- 🔄 재추출 버튼 (마크다운 변경 후 수동 동기화)
|
|
- [x] **#11 대시보드 위젯** — `/meetings` 상단에 "내 미완료 액션 (최근 5)"
|
|
- 회의 카드 우상단에 미완료 카운트 배지
|
|
- 홈 페이지 자체 승격은 보류 (현재 녹음 UI 유지)
|
|
- [x] **부가** — Google Docs 호환 서식 복사 (`text/html` + `text/plain` ClipboardItem)
|
|
- MinutesViewer / MeetingDetail 둘 다 `📋 Docs용` 버튼
|
|
|
|
### 비목표 (이번 단계)
|
|
- Gemini JSON 출력 + zod 검증 — 정확도 부족 시 후속 도입
|
|
- assignee/dueDate 필드 — JSON 출력 도입과 함께
|
|
- 홈 페이지 대시보드 승격 — 녹음 흐름 보존이 우선
|
|
|
|
---
|
|
|
|
## 🎯 Phase 3 — 참석자 + 태그 (3~5일)
|
|
|
|
### Issues
|
|
- [ ] **#12 참석자 입력 UI**
|
|
- 녹음 시작 전 쉼표 구분 입력 ("이름1, 이름2")
|
|
- 회의 상세에서 편집 가능
|
|
- [ ] **#13 태그 시스템**
|
|
- 프리셋: `sprint`, `1on1`, `review`, `planning`, `retro`
|
|
- 사용자 정의 태그 추가
|
|
- 목록 페이지에 태그 필터
|
|
- [ ] **#14 Gemini에 참석자 컨텍스트 주입**
|
|
- 프롬프트에 참석자 이름 포함 → 액션 아이템 담당자 배정 정확도 ↑
|
|
|
|
---
|
|
|
|
## 🎯 Phase 4 — 차별화 기능 (선택, 각 1~2주)
|
|
|
|
### #16 Google Calendar 연동 (1~2주)
|
|
- OAuth 플로우 (`next-auth` + Google provider)
|
|
- 오늘 회의 목록 표시
|
|
- 캘린더 이벤트 → 회의 페이지 프리셋 (제목, 참석자 자동 채움)
|
|
- 회의 종료 시 이벤트 설명에 회의록 링크 자동 추가
|
|
|
|
### #17 AI Q&A ("과거 회의 검색" - RAG) (2주)
|
|
- 회의별 embedding 생성 (Gemini embedding API 또는 OpenAI)
|
|
- pgvector 확장 설치
|
|
- `/api/ask` — 자연어 질문 → 관련 회의 검색 + Gemini 답변
|
|
- UI: 검색바에 "질문하기" 모드 추가
|
|
|
|
### #18 후속 이메일 초안 생성 (2일)
|
|
- `/api/meetings/[id]/follow-up-email` — Gemini 프롬프트로 요약 이메일 생성
|
|
- 복사/Gmail 열기 버튼
|
|
|
|
### #19 블록 기반 에디터 (2~4주)
|
|
- TipTap 또는 Lexical 도입
|
|
- `/` 슬래시 명령어, 다양한 블록 타입
|
|
- 우선순위 낮음 — 개인 사용에선 현재 markdown textarea로 충분
|
|
|
|
---
|
|
|
|
## ❌ 명시적 비목표 (Non-goals)
|
|
|
|
다음 기능은 개인 사용 목적에 부합하지 않아 **의도적으로 범위 밖**:
|
|
|
|
- **화자 구분 (Speaker Diarization)** — 유료 API 비용/복잡도 대비 개인용에 과함
|
|
- **실시간 공동 편집 (CRDT)** — Yjs/Liveblocks 도입 복잡도 대비 이득 없음
|
|
- **권한 관리 / 워크스페이스** — 단일 사용자 가정
|
|
- **모바일 네이티브 앱** — 웹 PWA로 충분
|
|
- **노션 수준의 전역 페이지 트리** — 회의록 전용 도구로 집중
|
|
|
|
---
|
|
|
|
## 진행 관리 규칙
|
|
|
|
1. **Phase 단위로 GitHub Issue 생성** (각 phase를 epic issue로, 세부 `#N`을 task로)
|
|
2. **이슈당 1 브랜치 1 PR**: `feat/1-prisma-setup`, `feat/2-meetings-api` …
|
|
3. **PR 머지 전**: `docker compose --profile tools run --rm test` 전체 통과 필수
|
|
4. **완료 시 ROADMAP 체크박스 업데이트** (이 파일을 single source of truth로 유지)
|
|
|
|
이슈 생성 커맨드는 `docs/CREATE_ISSUES.sh` 참고.
|