Merge exams grading into homework

Redirect /teacher/exams/grading* to /teacher/homework/submissions; remove exam grading UI/actions/data-access; add homework student workflow and update design docs.

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

@@ -57,9 +57,6 @@ async function ExamsResults({ searchParams }: { searchParams: Promise<SearchPara
           <Badge variant="outline">Archived {counts.archived}</Badge>
         </div>
         <div className="flex items-center gap-2">
-          <Button asChild variant="outline" size="sm">
-            <Link href="/teacher/exams/grading">Go to Grading</Link>
-          </Button>
           <Button asChild size="sm">
             <Link href="/teacher/exams/create" className="inline-flex items-center gap-2">
               <PlusCircle className="h-4 w-4" />

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

@@ -1,40 +1,6 @@
-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"
+import { redirect } from "next/navigation"
 
 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>
-  )
+  await params
+  redirect("/teacher/homework/submissions")
 }

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

@@ -1,22 +1,5 @@
-import { SubmissionDataTable } from "@/modules/exams/components/submission-data-table"
-import { submissionColumns } from "@/modules/exams/components/submission-columns"
-import { getExamSubmissions } from "@/modules/exams/data-access"
+import { redirect } from "next/navigation"
 
 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>
-  )
+  redirect("/teacher/homework/submissions")
 }

src/app/(dashboard)/teacher/homework/assignments/[id]/page.tsx

@@ -0,0 +1,79 @@
+import Link from "next/link"
+import { notFound } from "next/navigation"
+import { getHomeworkAssignmentById } from "@/modules/homework/data-access"
+import { Badge } from "@/shared/components/ui/badge"
+import { Button } from "@/shared/components/ui/button"
+import { Card, CardContent, CardHeader, CardTitle } from "@/shared/components/ui/card"
+import { formatDate } from "@/shared/lib/utils"
+
+export default async function HomeworkAssignmentDetailPage({ params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params
+  const assignment = await getHomeworkAssignmentById(id)
+
+  if (!assignment) return notFound()
+
+  return (
+    <div className="flex h-full flex-col space-y-8 p-8">
+      <div className="flex flex-col justify-between gap-4 md:flex-row md:items-center">
+        <div>
+          <div className="flex items-center gap-3">
+            <h2 className="text-2xl font-bold tracking-tight">{assignment.title}</h2>
+            <Badge variant="outline" className="capitalize">
+              {assignment.status}
+            </Badge>
+          </div>
+          <p className="text-muted-foreground mt-1">{assignment.description || "—"}</p>
+          <div className="mt-2 text-sm text-muted-foreground">
+            <span>Source Exam: {assignment.sourceExamTitle}</span>
+            <span className="mx-2">•</span>
+            <span>Created: {formatDate(assignment.createdAt)}</span>
+          </div>
+        </div>
+
+        <div className="flex items-center gap-2">
+          <Button asChild variant="outline">
+            <Link href="/teacher/homework/assignments">Back</Link>
+          </Button>
+          <Button asChild>
+            <Link href={`/teacher/homework/assignments/${assignment.id}/submissions`}>View Submissions</Link>
+          </Button>
+        </div>
+      </div>
+
+      <div className="grid gap-4 md:grid-cols-3">
+        <Card>
+          <CardHeader className="pb-2">
+            <CardTitle className="text-sm font-medium text-muted-foreground">Targets</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">{assignment.targetCount}</div>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader className="pb-2">
+            <CardTitle className="text-sm font-medium text-muted-foreground">Submissions</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">{assignment.submissionCount}</div>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader className="pb-2">
+            <CardTitle className="text-sm font-medium text-muted-foreground">Due</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="text-sm">
+              <div className="font-medium">{assignment.dueAt ? formatDate(assignment.dueAt) : "—"}</div>
+              <div className="text-muted-foreground">
+                Late: {assignment.allowLate ? (assignment.lateDueAt ? formatDate(assignment.lateDueAt) : "Allowed") : "Not allowed"}
+              </div>
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+    </div>
+  )
+}
+

src/app/(dashboard)/teacher/homework/assignments/[id]/submissions/page.tsx

@@ -0,0 +1,73 @@
+import Link from "next/link"
+import { notFound } from "next/navigation"
+import { Badge } from "@/shared/components/ui/badge"
+import { Button } from "@/shared/components/ui/button"
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/shared/components/ui/table"
+import { formatDate } from "@/shared/lib/utils"
+import { getHomeworkAssignmentById, getHomeworkSubmissions } from "@/modules/homework/data-access"
+
+export default async function HomeworkAssignmentSubmissionsPage({ params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params
+  const assignment = await getHomeworkAssignmentById(id)
+  if (!assignment) return notFound()
+
+  const submissions = await getHomeworkSubmissions({ assignmentId: id })
+
+  return (
+    <div className="flex h-full flex-col space-y-8 p-8">
+      <div className="flex flex-col justify-between gap-4 md:flex-row md:items-center">
+        <div>
+          <h2 className="text-2xl font-bold tracking-tight">Submissions</h2>
+          <p className="text-muted-foreground">{assignment.title}</p>
+        </div>
+        <div className="flex items-center gap-2">
+          <Button asChild variant="outline">
+            <Link href={`/teacher/homework/assignments/${id}`}>Back</Link>
+          </Button>
+        </div>
+      </div>
+
+      <div className="rounded-md border bg-card">
+        <Table>
+          <TableHeader>
+            <TableRow>
+              <TableHead>Student</TableHead>
+              <TableHead>Status</TableHead>
+              <TableHead>Submitted</TableHead>
+              <TableHead>Score</TableHead>
+              <TableHead>Action</TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            {submissions.map((s) => (
+              <TableRow key={s.id}>
+                <TableCell className="font-medium">{s.studentName}</TableCell>
+                <TableCell>
+                  <Badge variant="outline" className="capitalize">
+                    {s.status}
+                  </Badge>
+                  {s.isLate ? <span className="ml-2 text-xs text-destructive">Late</span> : null}
+                </TableCell>
+                <TableCell className="text-muted-foreground">{s.submittedAt ? formatDate(s.submittedAt) : "-"}</TableCell>
+                <TableCell>{typeof s.score === "number" ? s.score : "-"}</TableCell>
+                <TableCell>
+                  <Link href={`/teacher/homework/submissions/${s.id}`} className="text-sm underline-offset-4 hover:underline">
+                    Grade
+                  </Link>
+                </TableCell>
+              </TableRow>
+            ))}
+          </TableBody>
+        </Table>
+      </div>
+    </div>
+  )
+}
+

src/app/(dashboard)/teacher/homework/assignments/create/page.tsx

@@ -0,0 +1,31 @@
+import { HomeworkAssignmentForm } from "@/modules/homework/components/homework-assignment-form"
+import { getExams } from "@/modules/exams/data-access"
+import { EmptyState } from "@/shared/components/ui/empty-state"
+import { FileQuestion } from "lucide-react"
+
+export default async function CreateHomeworkAssignmentPage() {
+  const exams = await getExams({})
+  const options = exams.map((e) => ({ id: e.id, title: e.title }))
+
+  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 Assignment</h2>
+          <p className="text-muted-foreground">Dispatch homework from an existing exam.</p>
+        </div>
+      </div>
+
+      {options.length === 0 ? (
+        <EmptyState
+          title="No exams available"
+          description="Create an exam first, then dispatch it as homework."
+          icon={FileQuestion}
+          action={{ label: "Create Exam", href: "/teacher/exams/create" }}
+        />
+      ) : (
+        <HomeworkAssignmentForm exams={options} />
+      )}
+    </div>
+  )
+}

src/app/(dashboard)/teacher/homework/assignments/page.tsx

@@ -1,7 +1,23 @@
+import Link from "next/link"
 import { EmptyState } from "@/shared/components/ui/empty-state"
-import { PenTool } from "lucide-react"
+import { Badge } from "@/shared/components/ui/badge"
+import { Button } from "@/shared/components/ui/button"
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/shared/components/ui/table"
+import { formatDate } from "@/shared/lib/utils"
+import { getHomeworkAssignments } from "@/modules/homework/data-access"
+import { PenTool, PlusCircle } from "lucide-react"
+
+export default async function AssignmentsPage() {
+  const assignments = await getHomeworkAssignments()
+  const hasAssignments = assignments.length > 0
 
-export default function AssignmentsPage() {
   return (
     <div className="h-full flex-1 flex-col space-y-8 p-8 md:flex">
       <div className="flex items-center justify-between space-y-2">
@@ -11,16 +27,58 @@ export default function AssignmentsPage() {
             Manage homework assignments.
           </p>
         </div>
+        <Button asChild>
+          <Link href="/teacher/homework/assignments/create">
+            <PlusCircle className="mr-2 h-4 w-4" />
+            Create Assignment
+          </Link>
+        </Button>
       </div>
-      <EmptyState
-        title="No assignments"
-        description="You haven't created any assignments yet."
-        icon={PenTool}
-        action={{
-          label: "Create Assignment",
-          href: "#"
-        }}
-      />
+
+      {!hasAssignments ? (
+        <EmptyState
+          title="No assignments"
+          description="You haven't created any assignments yet."
+          icon={PenTool}
+          action={{
+            label: "Create Assignment",
+            href: "/teacher/homework/assignments/create",
+          }}
+        />
+      ) : (
+        <div className="rounded-md border bg-card">
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead>Title</TableHead>
+                <TableHead>Status</TableHead>
+                <TableHead>Due</TableHead>
+                <TableHead>Source Exam</TableHead>
+                <TableHead>Created</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {assignments.map((a) => (
+                <TableRow key={a.id}>
+                  <TableCell className="font-medium">
+                    <Link href={`/teacher/homework/assignments/${a.id}`} className="hover:underline">
+                      {a.title}
+                    </Link>
+                  </TableCell>
+                  <TableCell>
+                    <Badge variant="outline" className="capitalize">
+                      {a.status}
+                    </Badge>
+                  </TableCell>
+                  <TableCell>{a.dueAt ? formatDate(a.dueAt) : "-"}</TableCell>
+                  <TableCell className="text-muted-foreground">{a.sourceExamTitle}</TableCell>
+                  <TableCell className="text-muted-foreground">{formatDate(a.createdAt)}</TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      )}
     </div>
   )
 }

src/app/(dashboard)/teacher/homework/submissions/[submissionId]/page.tsx

@@ -0,0 +1,41 @@
+import { notFound } from "next/navigation"
+import { getHomeworkSubmissionDetails } from "@/modules/homework/data-access"
+import { HomeworkGradingView } from "@/modules/homework/components/homework-grading-view"
+import { formatDate } from "@/shared/lib/utils"
+
+export default async function HomeworkSubmissionGradingPage({ params }: { params: Promise<{ submissionId: string }> }) {
+  const { submissionId } = await params
+  const submission = await getHomeworkSubmissionDetails(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.assignmentTitle}</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>
+
+      <HomeworkGradingView
+        submissionId={submission.id}
+        studentName={submission.studentName}
+        assignmentTitle={submission.assignmentTitle}
+        submittedAt={submission.submittedAt}
+        status={submission.status}
+        totalScore={submission.totalScore}
+        answers={submission.answers}
+      />
+    </div>
+  )
+}
+

src/app/(dashboard)/teacher/homework/submissions/page.tsx

@@ -1,7 +1,22 @@
+import Link from "next/link"
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { Badge } from "@/shared/components/ui/badge"
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/shared/components/ui/table"
+import { formatDate } from "@/shared/lib/utils"
+import { getHomeworkSubmissions } from "@/modules/homework/data-access"
 import { Inbox } from "lucide-react"
 
-export default function SubmissionsPage() {
+export default async function SubmissionsPage() {
+  const submissions = await getHomeworkSubmissions()
+  const hasSubmissions = submissions.length > 0
+
   return (
     <div className="h-full flex-1 flex-col space-y-8 p-8 md:flex">
       <div className="flex items-center justify-between space-y-2">
@@ -12,11 +27,48 @@ export default function SubmissionsPage() {
           </p>
         </div>
       </div>
-      <EmptyState
-        title="No submissions"
-        description="There are no homework submissions to review."
-        icon={Inbox}
-      />
+
+      {!hasSubmissions ? (
+        <EmptyState
+          title="No submissions"
+          description="There are no homework submissions to review."
+          icon={Inbox}
+        />
+      ) : (
+        <div className="rounded-md border bg-card">
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead>Assignment</TableHead>
+                <TableHead>Student</TableHead>
+                <TableHead>Status</TableHead>
+                <TableHead>Submitted</TableHead>
+                <TableHead>Score</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {submissions.map((s) => (
+                <TableRow key={s.id}>
+                  <TableCell className="font-medium">
+                    <Link href={`/teacher/homework/submissions/${s.id}`} className="hover:underline">
+                      {s.assignmentTitle}
+                    </Link>
+                  </TableCell>
+                  <TableCell>{s.studentName}</TableCell>
+                  <TableCell>
+                    <Badge variant="outline" className="capitalize">
+                      {s.status}
+                    </Badge>
+                    {s.isLate ? <span className="ml-2 text-xs text-destructive">Late</span> : null}
+                  </TableCell>
+                  <TableCell className="text-muted-foreground">{s.submittedAt ? formatDate(s.submittedAt) : "-"}</TableCell>
+                  <TableCell>{typeof s.score === "number" ? s.score : "-"}</TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      )}
     </div>
   )
 }