feat(frontend): 면접 세션 페이지·라우트 연결

Author: csh1668

frontend/src/app/router/index.tsx

@@ -4,6 +4,9 @@ import HomePage from '@/pages/Home'
 import LoginPage from '@/pages/Login'
 import AuthCallbackPage from '@/pages/AuthCallback'
 import WorkspacePage from '@/pages/Workspace'
+import InterviewSetupPage from '@/pages/InterviewSetup'
+import InterviewSessionPage from '@/pages/InterviewSession'
+import SessionFeedbackPage from '@/pages/SessionFeedback'
 
 export const router = createBrowserRouter([
   { path: '/', element: <HomePage /> },
@@ -17,6 +20,30 @@ export const router = createBrowserRouter([
       </RequireAuth>
     ),
   },
+  {
+    path: '/sessions/new',
+    element: (
+      <RequireAuth>
+        <InterviewSetupPage />
+      </RequireAuth>
+    ),
+  },
+  {
+    path: '/sessions/:id',
+    element: (
+      <RequireAuth>
+        <InterviewSessionPage />
+      </RequireAuth>
+    ),
+  },
+  {
+    path: '/sessions/:id/feedback',
+    element: (
+      <RequireAuth>
+        <SessionFeedbackPage />
+      </RequireAuth>
+    ),
+  },
   {
     path: '/design-system/*',
     lazy: async () => {

frontend/src/pages/InterviewSession/index.ts

@@ -0,0 +1 @@
+export { default } from './ui/InterviewSessionPage'

frontend/src/pages/InterviewSession/ui/InterviewSessionPage.tsx

@@ -0,0 +1,15 @@
+import { useParams } from 'react-router-dom'
+import { LiveInterview } from '@/features/interview'
+
+export default function InterviewSessionPage() {
+  const { id } = useParams<{ id: string }>()
+  const sessionId = Number(id)
+  if (!Number.isFinite(sessionId) || sessionId <= 0) {
+    return <div className="px-4 py-16 text-center text-fg-muted">잘못된 세션입니다.</div>
+  }
+  return (
+    <div className="mx-auto flex h-screen max-w-content flex-col">
+      <LiveInterview sessionId={sessionId} />
+    </div>
+  )
+}

frontend/src/pages/InterviewSetup/index.ts

@@ -0,0 +1 @@
+export { default } from './ui/InterviewSetupPage'

frontend/src/pages/InterviewSetup/ui/InterviewSetupPage.tsx

@@ -0,0 +1,30 @@
+import { useNavigate } from 'react-router-dom'
+import { useDocuments } from '@/features/analysis'
+import { InterviewSetupForm, useCreateSession } from '@/features/interview'
+import type { DocOption } from '@/features/interview'
+
+export default function InterviewSetupPage() {
+  const navigate = useNavigate()
+  const { data: documents = [] } = useDocuments()
+  const createSession = useCreateSession()
+
+  const options: DocOption[] = documents
+    .filter((d) => d.analysisStatus === 'ANALYZED')
+    .map((d) => ({
+      id: d.id,
+      label: d.summary?.slice(0, 40) ?? `${d.sourceType} #${d.sourceId}`,
+      sourceType: d.sourceType,
+    }))
+
+  return (
+    <InterviewSetupForm
+      documents={options}
+      isSubmitting={createSession.isPending}
+      onCreate={(req) =>
+        createSession.mutate(req, {
+          onSuccess: (session) => navigate(`/sessions/${session.id}`),
+        })
+      }
+    />
+  )
+}