Skip to content

[feat] 약속 회고 AI 요약 결과 UI 및 수정/발행 구현 #93

@mgYang53

Description

@mgYang53

📄 설명

이슈 #84 (AI 요약 플로우 UI)의 후속 작업으로, PR #85에서 머지된 UI 뼈대에 실제 API 연동과 누락된 UI를 구현합니다.

선행 작업: #94 (약속 회고 API 레이어 구축) — types, endpoints, api, hooks

이번 이슈 범위

  1. CreatePage에서 AI 요약 생성 트리거 (STT Job 생성 API 호출 + 오버레이)
  2. ResultPage AI 요약 결과 렌더링 (토픽 카드: 핵심요약 + 주요포인트)
  3. 수정 모드 (Textarea 전환 + PATCH API)
  4. 약속 회고 생성하기 (발행 POST API)

이번 이슈 범위 밖 (별도 이슈)

  • CreatePage 좌측 사전 의견 목록 표시
  • CreatePage 우측 파일 업로드 드롭존

핵심 결정사항

  • AI 로딩 오버레이는 CreatePage에 표시 (STT API가 동기적이므로)
  • AiSummaryToast 대신 프로젝트 표준 showToast() (Sonner) 사용

✅ 해야 할 일

신규 컴포넌트

  • TopicSummaryCard.tsx — 토픽 카드 (보기: 핵심요약 + 주요포인트 / 수정: Textarea)
  • SummaryInfoBanner.tsx — 초록색 안내 배너
  • components/index.ts + index.ts 배럴 export 업데이트

페이지 수정

  • MeetingRetrospectiveCreatePage.tsx — STT 호출 + 오버레이 + 성공 시 navigate
  • MeetingRetrospectivePage.tsx — 요약 렌더링 + 수정 모드 + 발행 + 토스트

검증

  • pnpm lint 통과
  • pnpm build 성공

📝 메모

사용자 플로우

CreatePage → "AI 요약 시작하기" → 오버레이 (이 페이지에서)
  → POST /stt/jobs (동기) → 성공 시 ResultPage 이동
    → 토스트 + 토픽 카드 렌더링 + SummaryInfoBanner
    → "수정하기" → 수정 모드 (Textarea) → "수정 완료" (PATCH)
    → "약속 회고 생성하기" (POST /publish)

#94에서 제공하는 API 레이어

  • useCreateSttJob — STT 생성 (AbortController 취소 지원)
  • useSummary — 요약 조회
  • useUpdateSummary — 요약 수정
  • usePublishSummary — 요약 발행
  • TopicSummaryCard에서 사용하는 타입: SummaryTopic, KeyPoint

Metadata

Metadata

Assignees

Labels

feat새로운 기능 추가

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions