Module Update

src/app/(dashboard)/teacher/exams/[id]/build/page.tsx

@@ -0,0 +1,76 @@
+import { notFound } from "next/navigation"
+import { ExamAssembly } from "@/modules/exams/components/exam-assembly"
+import { getExamById } from "@/modules/exams/data-access"
+import { getQuestions } from "@/modules/questions/data-access"
+import type { Question } from "@/modules/questions/types"
+import type { ExamNode } from "@/modules/exams/components/assembly/selected-question-list"
+import { createId } from "@paralleldrive/cuid2"
+
+export default async function BuildExamPage({ params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params
+  
+  const exam = await getExamById(id)
+  if (!exam) return notFound()
+
+  // Fetch all available questions (for selection pool)
+  // In a real app, this might be paginated or filtered by exam subject/grade
+  const { data: questionsData } = await getQuestions({ pageSize: 100 })
+  
+  const questionOptions: Question[] = questionsData.map((q) => ({
+    id: q.id,
+    content: q.content as any,
+    type: q.type as any,
+    difficulty: q.difficulty ?? 1,
+    createdAt: new Date(q.createdAt),
+    updatedAt: new Date(q.updatedAt),
+    author: q.author ? {
+      id: q.author.id,
+      name: q.author.name || "Unknown",
+      image: q.author.image || null
+    } : null,
+    knowledgePoints: (q.questionsToKnowledgePoints || []).map((kp) => ({
+      id: kp.knowledgePoint.id,
+      name: kp.knowledgePoint.name
+    }))
+  }))
+
+  const initialSelected = (exam.questions || []).map(q => ({
+    id: q.id,
+    score: q.score || 0
+  }))
+
+  // Prepare initialStructure on server side to avoid hydration mismatch with random IDs
+  let initialStructure: ExamNode[] = exam.structure as ExamNode[] || []
+  
+  if (initialStructure.length === 0 && initialSelected.length > 0) {
+    initialStructure = initialSelected.map(s => ({
+      id: createId(), // Generate stable ID on server
+      type: 'question',
+      questionId: s.id,
+      score: s.score
+    }))
+  }
+
+  return (
+    <div className="flex h-full flex-col space-y-8 p-8">
+      <div className="flex items-center justify-between">
+        <div>
+          <h2 className="text-2xl font-bold tracking-tight">Build Exam</h2>
+          <p className="text-muted-foreground">Add questions and adjust scores.</p>
+        </div>
+      </div>
+      <ExamAssembly
+        examId={exam.id}
+        title={exam.title}
+        subject={exam.subject}
+        grade={exam.grade}
+        difficulty={exam.difficulty}
+        totalScore={exam.totalScore}
+        durationMin={exam.durationMin}
+        initialSelected={initialSelected}
+        initialStructure={initialStructure}
+        questionOptions={questionOptions}
+      />
+    </div>
+  )
+}

src/app/(dashboard)/teacher/exams/all/loading.tsx

@@ -0,0 +1,25 @@
+import { Skeleton } from "@/shared/components/ui/skeleton"
+
+export default function Loading() {
+  return (
+    <div className="flex h-full flex-col space-y-8 p-8">
+      <div className="space-y-2">
+        <Skeleton className="h-7 w-40" />
+        <Skeleton className="h-4 w-72" />
+      </div>
+      <div className="space-y-3">
+        <Skeleton className="h-10 w-full" />
+        <div className="rounded-md border p-4">
+          <div className="space-y-2">
+            <Skeleton className="h-4 w-full" />
+            <Skeleton className="h-4 w-[95%]" />
+            <Skeleton className="h-4 w-[90%]" />
+            <Skeleton className="h-4 w-[85%]" />
+            <Skeleton className="h-4 w-[80%]" />
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
+

src/app/(dashboard)/teacher/exams/all/page.tsx

@@ -0,0 +1,47 @@
+import { Suspense } from "react"
+import Link from "next/link"
+import { Button } from "@/shared/components/ui/button"
+import { ExamDataTable } from "@/modules/exams/components/exam-data-table"
+import { examColumns } from "@/modules/exams/components/exam-columns"
+import { ExamFilters } from "@/modules/exams/components/exam-filters"
+import { getExams } from "@/modules/exams/data-access"
+
+export default async function AllExamsPage({
+  searchParams,
+}: {
+  searchParams: Promise<{ [key: string]: string | string[] | undefined }>
+}) {
+  const params = await searchParams
+  
+  const exams = await getExams({
+    q: params.q as string,
+    status: params.status as string,
+    difficulty: params.difficulty as string,
+  })
+
+  return (
+    <div className="flex h-full flex-col space-y-8 p-8">
+      <div className="flex flex-col justify-between space-y-4 md:flex-row md:items-center md:space-y-0">
+        <div>
+          <h2 className="text-2xl font-bold tracking-tight">All Exams</h2>
+          <p className="text-muted-foreground">View and manage all your exams.</p>
+        </div>
+        <div className="flex items-center space-x-2">
+          <Button asChild>
+            <Link href="/teacher/exams/create">Create Exam</Link>
+          </Button>
+        </div>
+      </div>
+
+      <div className="space-y-4">
+        <Suspense fallback={<div className="h-10 w-full animate-pulse rounded-md bg-muted" />}> 
+          <ExamFilters />
+        </Suspense>
+
+        <div className="rounded-md border bg-card">
+          <ExamDataTable columns={examColumns} data={exams} />
+        </div>
+      </div>
+    </div>
+  )
+}

src/app/(dashboard)/teacher/exams/create/loading.tsx

@@ -0,0 +1,17 @@
+import { Skeleton } from "@/shared/components/ui/skeleton"
+
+export default function Loading() {
+  return (
+    <div className="flex h-full flex-col space-y-8 p-8">
+      <div className="space-y-2">
+        <Skeleton className="h-7 w-40" />
+        <Skeleton className="h-4 w-72" />
+      </div>
+      <div className="space-y-4">
+        <Skeleton className="h-10 w-full" />
+        <Skeleton className="h-[240px] w-full" />
+      </div>
+    </div>
+  )
+}
+

src/app/(dashboard)/teacher/exams/create/page.tsx

@@ -0,0 +1,15 @@
+import { ExamForm } from "@/modules/exams/components/exam-form"
+
+export default function CreateExamPage() {
+  return (
+    <div className="flex h-full flex-col space-y-8 p-8">
+      <div className="flex items-center justify-between">
+        <div>
+          <h2 className="text-2xl font-bold tracking-tight">Create Exam</h2>
+          <p className="text-muted-foreground">Design a new exam for your students.</p>
+        </div>
+      </div>
+      <ExamForm />
+    </div>
+  )
+}

src/app/(dashboard)/teacher/exams/grading/[submissionId]/page.tsx

@@ -0,0 +1,40 @@
+import { notFound } from "next/navigation"
+import { GradingView } from "@/modules/exams/components/grading-view"
+import { getSubmissionDetails } from "@/modules/exams/data-access"
+import { formatDate } from "@/shared/lib/utils"
+
+export default async function SubmissionGradingPage({ params }: { params: Promise<{ submissionId: string }> }) {
+  const { submissionId } = await params
+  const submission = await getSubmissionDetails(submissionId)
+
+  if (!submission) {
+    return notFound()
+  }
+
+  return (
+    <div className="flex h-full flex-col space-y-4 p-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h2 className="text-2xl font-bold tracking-tight">{submission.examTitle}</h2>
+          <div className="flex items-center gap-4 text-sm text-muted-foreground mt-1">
+            <span>Student: <span className="font-medium text-foreground">{submission.studentName}</span></span>
+            <span>•</span>
+            <span>Submitted: {submission.submittedAt ? formatDate(submission.submittedAt) : "-"}</span>
+            <span>•</span>
+            <span className="capitalize">Status: {submission.status}</span>
+          </div>
+        </div>
+      </div>
+
+      <GradingView 
+        submissionId={submission.id}
+        studentName={submission.studentName}
+        examTitle={submission.examTitle}
+        submittedAt={submission.submittedAt}
+        status={submission.status || "started"}
+        totalScore={submission.totalScore}
+        answers={submission.answers}
+      />
+    </div>
+  )
+}

src/app/(dashboard)/teacher/exams/grading/loading.tsx

@@ -0,0 +1,21 @@
+import { Skeleton } from "@/shared/components/ui/skeleton"
+
+export default function Loading() {
+  return (
+    <div className="flex h-full flex-col space-y-8 p-8">
+      <div className="space-y-2">
+        <Skeleton className="h-7 w-40" />
+        <Skeleton className="h-4 w-72" />
+      </div>
+      <div className="rounded-md border p-4">
+        <div className="space-y-2">
+          <Skeleton className="h-4 w-full" />
+          <Skeleton className="h-4 w-[95%]" />
+          <Skeleton className="h-4 w-[90%]" />
+          <Skeleton className="h-4 w-[85%]" />
+        </div>
+      </div>
+    </div>
+  )
+}
+

src/app/(dashboard)/teacher/exams/grading/page.tsx

@@ -0,0 +1,22 @@
+import { SubmissionDataTable } from "@/modules/exams/components/submission-data-table"
+import { submissionColumns } from "@/modules/exams/components/submission-columns"
+import { getExamSubmissions } from "@/modules/exams/data-access"
+
+export default async function ExamGradingPage() {
+  const submissions = await getExamSubmissions()
+
+  return (
+    <div className="flex h-full flex-col space-y-8 p-8">
+      <div className="flex items-center justify-between">
+        <div>
+          <h2 className="text-2xl font-bold tracking-tight">Grading</h2>
+          <p className="text-muted-foreground">Grade student exam submissions.</p>
+        </div>
+      </div>
+
+      <div className="rounded-md border bg-card">
+        <SubmissionDataTable columns={submissionColumns} data={submissions} />
+      </div>
+    </div>
+  )
+}

src/app/(dashboard)/teacher/exams/page.tsx

@@ -0,0 +1,5 @@
+import { redirect } from "next/navigation"
+
+export default function ExamsPage() {
+  redirect("/teacher/exams/all")
+}