d3ro-voice/apps/web/.next/server/app/record.html
yunchan8804 d0c33ca259 feat(V2-3): Web App MVP — Next.js 15 + @d3ro/api-client
packages/api-client (@d3ro/api-client) 신규:
- types.ts: 12개 테이블 Row/Insert/Update 타입 + Database 형식
- client.ts: createD3roSupabaseClient 팩토리 (placeholder fallback)
- auth.ts: signInWithOAuth/signOut/getSession/onAuthStateChange
- meetings.ts: 회의 + 메모 + 문서 + 전사 CRUD
- history.ts: 음성 입력 이력 CRUD
- usage.ts: 일일 쿼터 + 구독 조회
- 루트 barrel은 types만 re-export, 함수는 subpath import 전용

apps/web (@d3ro/web) 신규 — Next.js 15 App Router:
- transpilePackages: @d3ro/core, ui, i18n, api-client
- ThemeProvider (MUI + AppRouterCacheProvider)
- I18nProvider (localStorage 어댑터)
- AuthProvider (Supabase session Context)
- 라우트 9개:
  - / (auth 상태 기반 리다이렉트)
  - /login (Google/GitHub OAuth, 미설정 경고)
  - /auth/callback (code -> session 교환)
  - /dashboard (요약 카드 + 최근 회의)
  - /meetings (카드 그리드 리스트)
  - /meetings/[id] (transcripts/memos/documents)
  - /record (getUserMedia + MediaRecorder + stt-proxy)
- Sidebar, 인증 가드, 9바 웨이브폼, 레벨 미터

packages/ui 확장:
- MetalCard가 BoxProps 상속 (sx/onClick 등 전달)
- theme.ts에 typoSx(key) 헬퍼 추가 (d3roTypo -> MUI sx 변환)
- d3roPalette.tag.blue 추가 (M5 정리 포함)
- DS 컴포넌트 9개에 'use client' directive
- MetalDial 미사용 import 제거

packages/i18n 확장:
- ko.json에 7개 새 키 (nav.meetings/record/logout, login.*)

설계 결정:
- Database 제네릭 현재는 기본 타입 (V2-4에서 supabase gen types로 자동화)
- api-client barrel은 타입만 노출해서 컴파일 전파 차단
- DS 컴포넌트 client 경계 명시
- env 없어도 Next.js 빌드 성공 (placeholder URL/key)

검증:
- web typecheck OK
- desktop typecheck OK (회귀 없음)
- web next build OK (9 라우트 정적/동적 생성)
- desktop build OK (회귀 없음)
2026-04-09 02:52:31 +09:00

1 line
No EOL
8.2 KiB
HTML

<!DOCTYPE html><!--borqQ3kbNhV8uztMrJ99R--><html id="__next_error__"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-c1c45c0a5396db8e.js"/><script src="/_next/static/chunks/87c73c54-0375ba195de27293.js" async=""></script><script src="/_next/static/chunks/18-7dd75803fe09fb37.js" async=""></script><script src="/_next/static/chunks/main-app-ae5439f81e9d53a9.js" async=""></script><title>D3RO Voice</title><meta name="description" content="로컬+클라우드 하이브리드 AI 음성 어시스턴트"/><link rel="icon" href="/favicon.ico"/><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script><style data-emotion="d3ro-mui-global 1tndo9n-#7c7c82">@layer mui{html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;-webkit-text-size-adjust:100%;}*,*::before,*::after{box-sizing:inherit;}strong,b{font-weight:700;}body{margin:0;color:#ffffff;font-size:14px;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:400;background-color:#19191b;}@media print{body{background-color:#fff;}}body::backdrop{background-color:#19191b;}:root{--d3-bg-app:#19191b;--d3-bg-card:#242427;--d3-bg-cardHover:#2a2a2d;--d3-bg-elevated:#2e2e32;--d3-bg-input:#1e1e21;--d3-bg-sidebar:#1e1f21;--d3-bg-inset:#1b1c1e;--d3-bg-chassis:#242528;--d3-bg-crtBezel:#1a1a1c;--d3-bg-crtGlass:#050605;--d3-text-primary:#ffffff;--d3-text-secondary:#8e8e93;--d3-text-label:#7c7c82;--d3-text-disabled:#4a4a4e;--d3-text-engraving:#1a1a1c;--d3-text-inactive:#77797c;--d3-text-dimLabel:#5c2615;--d3-text-muted:#3a3b3f;--d3-text-hover:#aaaaaa;--d3-border-subtle:rgba(255,255,255,0.04);--d3-border-default:rgba(255,255,255,0.08);--d3-border-strong:rgba(255,255,255,0.12);--d3-shadow-card:0 8px 30px rgba(0,0,0,0.3);--d3-shadow-buttonBase:0 2px 0 rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.06);--d3-shadow-chassis:0 60px 100px -20px rgba(0,0,0,0.8),0 12px 0 #111111,0 13px 4px rgba(0,0,0,0.5),inset 0 1px 1px rgba(255,255,255,0.15),inset 0 -1px 2px rgba(0,0,0,0.4);--d3-shadow-inset:inset 0 2px 6px rgba(0,0,0,0.6),0 1px 1px rgba(255,255,255,0.05);--d3-shadow-insetDeep:inset 0 4px 12px rgba(0,0,0,0.9),inset 0 0 0 1px #000,0 1px 1px rgba(255,255,255,0.1);--d3-shadow-buttonRaised:0 3px 6px rgba(0,0,0,0.4),inset 0 1px 1px rgba(255,255,255,0.1),inset 0 -1px 2px rgba(0,0,0,0.2);--d3-shadow-buttonPressed:inset 0 2px 6px rgba(0,0,0,0.8),inset 0 0 0 1px #000;--d3-shadow-screenGlow:inset 0 0 20px rgba(0,0,0,0.8);--d3-shadow-tooltip:0 8px 24px rgba(0,0,0,0.4);--d3-accent-main:#f25b29;--d3-accent-dim:rgba(242,91,41,0.15);--d3-accent-glow:rgba(242,91,41,0.6);--d3-accent-light:#ff7a4d;--d3-accent-dark:#c44a22;--d3-accent-crtPhosphor:#f25b29;--d3-accent-crtPhosphorDim:#c44a22;}body{background-color:#19191b;color:#ffffff;}}</style></head><body><div hidden=""><!--$--><!--/$--></div><script src="/_next/static/chunks/webpack-c1c45c0a5396db8e.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[7455,[\"385\",\"static/chunks/75504863-5f9267cdf03b69d1.js\",\"77\",\"static/chunks/77-b2ed327d60687a9b.js\",\"988\",\"static/chunks/988-13d51ea3bc47cedf.js\",\"746\",\"static/chunks/746-2c44f63089954251.js\",\"791\",\"static/chunks/791-5c69f2a174236cc3.js\",\"184\",\"static/chunks/184-0c1f7df145ad88ab.js\",\"177\",\"static/chunks/app/layout-ef9c055d247766dc.js\"],\"ThemeProvider\"]\n3:I[1732,[\"385\",\"static/chunks/75504863-5f9267cdf03b69d1.js\",\"77\",\"static/chunks/77-b2ed327d60687a9b.js\",\"988\",\"static/chunks/988-13d51ea3bc47cedf.js\",\"746\",\"static/chunks/746-2c44f63089954251.js\",\"791\",\"static/chunks/791-5c69f2a174236cc3.js\",\"184\",\"static/chunks/184-0c1f7df145ad88ab.js\",\"177\",\"static/chunks/app/layout-ef9c055d247766dc.js\"],\"I18nProvider\"]\n4:I[1598,[\"385\",\"static/chunks/75504863-5f9267cdf03b69d1.js\",\"77\",\"static/chunks/77-b2ed327d60687a9b.js\",\"988\",\"static/chunks/988-13d51ea3bc47cedf.js\",\"746\",\"static/chunks/746-2c44f63089954251.js\",\"791\",\"static/chunks/791-5c69f2a174236cc3.js\",\"184\",\"static/chunks/184-0c1f7df145ad88ab.js\",\"177\",\"static/chunks/app/layout-ef9c055d247766dc.js\"],\"AuthProvider\"]\n5:I[5341,[],\"\"]\n6:I[25,[],\"\"]\n8:I[5104,[],\"OutletBoundary\"]\na:I[7158,[],\"AsyncMetadataOutlet\"]\nc:I[5104,[],\"ViewportBoundary\"]\ne:I[5104,[],\"MetadataBoundary\"]\nf:\"$Sreact.suspense\"\n11:I[4431,[],\"\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"borqQ3kbNhV8uztMrJ99R\",\"p\":\"\",\"c\":[\"\",\"record\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"record\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"html\",null,{\"lang\":\"ko\",\"children\":[\"$\",\"body\",null,{\"children\":[\"$\",\"$L2\",null,{\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"children\":[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]}]}]]}],{\"children\":[\"record\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[\"$L7\",null,[\"$\",\"$L8\",null,{\"children\":[\"$L9\",[\"$\",\"$La\",null,{\"promise\":\"$@b\"}]]}]]}],{},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],null],[\"$\",\"$Le\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$f\",null,{\"fallback\":null,\"children\":\"$L10\"}]}]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$11\",[]],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"7:E{\"digest\":\"NEXT_REDIRECT;replace;/login;307;\"}\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n9:null\n"])</script><script>self.__next_f.push([1,"12:I[6505,[],\"IconMark\"]\nb:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"D3RO Voice\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"로컬+클라우드 하이브리드 AI 음성 어시스턴트\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"$L12\",\"3\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script><script>self.__next_f.push([1,"10:\"$b:metadata\"\n"])</script></body></html>