feat(V2-4차): Database 제네릭 복원 + /chat + /knowledge + Resend + Push + 문서 생성

묶음 K — Database 제네릭 완전 주입:
- @supabase/ssr 0.5→0.10, @supabase/supabase-js 2.45→2.103 bump
- 버전 정합으로 @supabase/ssr의 Database 제약이 정상 동작
- packages/api-client/src/types.ts:
  - TypedTable<Row, Insert, Update>로 Row & Record<string, unknown> 교차 유지
  - 각 테이블 Insert를 Partial<Row> & Pick<필수필드>로 교체
    (optional 컬럼이 required로 추론되던 문제 해결)
  - push_tokens / team_invites 테이블 타입도 inline 추가
- index.ts: types + client + auth + meetings + history + usage 전체 re-export 복원
- apps/web supabase-browser/server에 <Database> 제네릭 주입

묶음 L — /chat 페이지 (Voice Conversation 이식):
- apps/web/src/components/chat/chat-panel.tsx (client)
  - 메시지 state, user/assistant 말풍선, MetalCard 래핑
  - llm-proxy POST (non-streaming JSON), Anthropic 응답 형식 파싱
  - Enter 전송, Shift+Enter 줄바꿈, 초기화 버튼
- apps/web/src/app/(app)/chat/page.tsx
- Sidebar에 Chat 메뉴 추가 (ChatIcon)
- ko.json nav.chat 키

묶음 M — /knowledge 페이지 (RAG 이식):
- migrations/20260410000002_knowledge_documents.sql
  - knowledge_documents + knowledge_chunks 테이블
  - tsvector 자동 생성 컬럼 + GIN 인덱스 (전문 검색)
  - RLS: 개인/팀 분기 (team_id NULL 가능)
  - pgvector는 주석 처리 (V2-M+1에서 활성화)
- apps/web/src/app/(app)/knowledge/page.tsx — 카드 리스트 + 상태 배지
- components/knowledge/add-knowledge-form.tsx — 제목/타입/본문 입력,
  800자 단위 청킹 후 documents+chunks INSERT
- api-client types.ts에 KnowledgeDocument/Chunk 추가 + Database 등록
- Sidebar Knowledge 메뉴 (LibraryBooksIcon) + ko.json 키

묶음 N — team-invite Resend 이메일:
- functions/team-invite/index.ts에 Resend API 호출 로직 추가
- RESEND_API_KEY 설정 시 HTML 이메일 발송 (팀 이름/초대자/버튼/만료)
- 응답에 email_sent / email_error 포함
- API 키 없으면 기존대로 URL만 반환

묶음 O — Expo Push notification:
- migrations/20260410000003_push_tokens.sql (user_id, token unique, platform)
- functions/send-push/index.ts: 호출자 인증 + 본인/팀 멤버 권한 체크,
  대상 사용자 push_tokens 조회, Expo Push API 배치 호출
- config.toml에 send-push 함수 등록
- apps/mobile/package.json에 expo-device + expo-notifications 추가
- apps/mobile/lib/push.ts: registerPushToken (권한 요청, projectId,
  Android 채널, Supabase upsert)
- auth-context.tsx에서 로그인 직후 자동 등록
- app.json plugins에 expo-notifications

묶음 P — meetings/[id] 문서 생성:
- apps/web/components/meetings/generate-document-button.tsx (client)
  - 4개 템플릿 메뉴 (minutes/report/idea-note/mindmap)
  - 각 템플릿별 systemPrompt 지정
  - llm-proxy 호출 → meeting_documents INSERT
  - latency 측정, prompt_used 기록
- meetings/[id]/page.tsx DOCUMENTS 섹션에 버튼 노출
  (transcript는 edited_transcript ?? raw_transcript 우선)

검증:
- desktop typecheck + build OK
- web typecheck + build OK (14 라우트: 기존 12 + chat + knowledge)
- api-client test 19 passed

통계:
- 총 Edge Functions 10개: stt/llm-proxy, stripe-checkout/portal/webhook,
  team-invite/accept, send-push
- 총 SQL 마이그레이션 7개
- 웹 라우트 14개, 모바일 화면 5개
- 테스트 19개 passed
This commit is contained in:
yunchan8804 2026-04-10 08:51:53 +09:00
parent c167737198
commit 1fa24ce3c9
24 changed files with 1284 additions and 79 deletions

View file

@ -0,0 +1,17 @@
// apps/web/src/app/(app)/chat/page.tsx
// AI 채팅 페이지 — auth/Sidebar는 (app)/layout.tsx가 제공
import { Box } from '@mui/material'
import { PhosphorText } from '@d3ro/ui/components/ds'
import { ChatPanel } from '@/components/chat/chat-panel'
export default function ChatPage(): React.ReactElement {
return (
<Box sx={{ p: 4 }}>
<PhosphorText variant="title" sx={{ mb: 3 }}>
CHAT
</PhosphorText>
<ChatPanel />
</Box>
)
}

View file

@ -0,0 +1,91 @@
// apps/web/src/app/(app)/knowledge/page.tsx
// 지식 베이스 — RAG 문서 리스트 + 추가
import { Box, Stack } from '@mui/material'
import { MetalCard, PhosphorText } from '@d3ro/ui/components/ds'
import { d3roPalette, typoSx } from '@d3ro/ui/theme'
import { AddKnowledgeForm } from '@/components/knowledge/add-knowledge-form'
import { getSupabaseServerClient } from '@/lib/supabase-server'
interface KnowledgeDoc {
id: string
title: string
file_name: string | null
file_type: string | null
chunk_count: number
indexed: boolean
created_at: string
}
async function loadDocs(): Promise<KnowledgeDoc[]> {
try {
const supabase = await getSupabaseServerClient()
const { data } = await supabase
.from('knowledge_documents')
.select('id, title, file_name, file_type, chunk_count, indexed, created_at')
.order('created_at', { ascending: false })
.limit(100)
return (data ?? []) as KnowledgeDoc[]
} catch {
return []
}
}
export default async function KnowledgePage(): Promise<React.ReactElement> {
const docs = await loadDocs()
return (
<Box sx={{ p: 4 }}>
<PhosphorText variant="title" sx={{ mb: 1 }}>
KNOWLEDGE
</PhosphorText>
<Box sx={{ color: d3roPalette.text.muted, fontSize: 13, mb: 4 }}>
AI / . (
V2-M+1 )
</Box>
<Box sx={{ mb: 4 }}>
<AddKnowledgeForm />
</Box>
{docs.length === 0 ? (
<MetalCard sx={{ p: 6, textAlign: 'center', color: d3roPalette.text.muted }}>
. .
</MetalCard>
) : (
<Stack spacing={2}>
{docs.map((doc) => (
<MetalCard key={doc.id} sx={{ p: 3 }}>
<Stack direction="row" alignItems="center" justifyContent="space-between">
<Box sx={{ flex: 1 }}>
<Box sx={{ ...typoSx('body'), color: d3roPalette.text.primary, mb: 0.5 }}>
{doc.title}
</Box>
<Box sx={{ color: d3roPalette.text.muted, fontSize: 11 }}>
{doc.file_type?.toUpperCase() ?? '—'} · {doc.chunk_count} chunks ·{' '}
{new Date(doc.created_at).toLocaleDateString('ko-KR')}
</Box>
</Box>
<Box
sx={{
ml: 2,
px: 1.5,
py: 0.5,
borderRadius: 1,
fontSize: 10,
letterSpacing: '1px',
textTransform: 'uppercase',
bgcolor: doc.indexed ? d3roPalette.tag.greenBg : d3roPalette.tag.orangeBg,
color: doc.indexed ? d3roPalette.tag.green : d3roPalette.tag.orange
}}
>
{doc.indexed ? 'INDEXED' : 'PENDING'}
</Box>
</Stack>
</MetalCard>
))}
</Stack>
)}
</Box>
)
}

View file

@ -10,6 +10,7 @@ import {
LiveTranscriptList,
type TranscriptRow
} from '@/components/meetings/live-transcript-list'
import { GenerateDocumentButton } from '@/components/meetings/generate-document-button'
interface PageProps {
params: Promise<{ id: string }>
@ -94,9 +95,15 @@ export default async function MeetingDetailPage({ params }: PageProps): Promise<
{/* Documents */}
<MetalCard sx={{ p: 3 }}>
<PhosphorText variant="heading" sx={{ mb: 2 }}>
DOCUMENTS
</PhosphorText>
<Stack direction="row" alignItems="center" justifyContent="space-between" sx={{ mb: 2 }}>
<PhosphorText variant="heading">DOCUMENTS</PhosphorText>
<GenerateDocumentButton
meetingId={id}
transcript={
meeting.edited_transcript ?? meeting.raw_transcript ?? ''
}
/>
</Stack>
{(documents ?? []).length === 0 ? (
<Box sx={{ color: d3roPalette.text.muted, fontSize: 13 }}>
.