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/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>
   )
 }