feat(P2): 实现选课管理、考试监考、学情诊断三大功能模块

## 新增功能模块

### 1. 选课管理（elective）
- 新增表：electiveCourses、courseSelections
- 新增权限：ELECTIVE_MANAGE/ELECTIVE_READ/ELECTIVE_SELECT
- 支持先到先得 + 抽签两种选课模式
- admin/teacher/student 三端页面

### 2. 考试监考（proctoring）
- exams 表扩展：examMode/durationMinutes/antiCheatEnabled 等字段
- 新增表：examProctoringEvents
- 新增权限：EXAM_PROCTOR/EXAM_PROCTOR_READ
- 教师监考面板 + 学生端防作弊监控
- API：/api/proctoring/event 接收事件上报

### 3. 学情诊断报告（diagnostic）
- 新增表：knowledgePointMastery、learningDiagnosticReports
- 新增权限：DIAGNOSTIC_MANAGE/DIAGNOSTIC_READ
- 基于提交答案自动计算知识点掌握度
- 生成个人/班级诊断报告（强项/弱项/建议）
- 雷达图可视化

## 其他改动
- 项目规则：单文件行数限制从 300 行调整为企业级规范（组件≤500/Actions≤800/硬上限1000）
- scripts/seed.ts：消除全部 any 类型，定义内部类型，0 lint 错误
- 架构文档 004/005 同步更新三个新模块
- 迁移文件 0001_heavy_sage.sql 生成

## 验证
- npx tsc --noEmit：0 错误
- npm run lint：0 错误 0 警告

src/modules/diagnostic/components/class-diagnostic-view.tsx

@@ -0,0 +1,267 @@
+"use client"
+
+import { useState } from "react"
+import Link from "next/link"
+import { useRouter } from "next/navigation"
+import { toast } from "sonner"
+import { Users, AlertTriangle, TrendingUp, FileText } from "lucide-react"
+
+import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/shared/components/ui/card"
+import { Badge } from "@/shared/components/ui/badge"
+import { Button } from "@/shared/components/ui/button"
+import { Input } from "@/shared/components/ui/input"
+import { Label } from "@/shared/components/ui/label"
+import { EmptyState } from "@/shared/components/ui/empty-state"
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/shared/components/ui/table"
+import { usePermission } from "@/shared/hooks"
+import { Permissions } from "@/shared/types/permissions"
+import { generateClassReportAction } from "../actions"
+import type { ClassMasterySummary } from "../types"
+
+interface ClassDiagnosticViewProps {
+  summary: ClassMasterySummary | null
+}
+
+/** 掌握度热力图颜色 */
+function masteryColor(level: number): string {
+  if (level >= 80) return "bg-green-500"
+  if (level >= 60) return "bg-yellow-500"
+  if (level >= 40) return "bg-orange-500"
+  return "bg-red-500"
+}
+
+export function ClassDiagnosticView({ summary }: ClassDiagnosticViewProps) {
+  const router = useRouter()
+  const { hasPermission } = usePermission()
+  const canManage = hasPermission(Permissions.DIAGNOSTIC_MANAGE)
+  const [period, setPeriod] = useState(new Date().toISOString().slice(0, 7))
+  const [isGenerating, setIsGenerating] = useState(false)
+
+  const handleGenerate = async () => {
+    if (!summary) return
+    setIsGenerating(true)
+    const formData = new FormData()
+    formData.set("classId", summary.classId)
+    formData.set("period", period)
+    const result = await generateClassReportAction(null, formData)
+    setIsGenerating(false)
+    if (result.success) {
+      toast.success(result.message)
+      router.refresh()
+    } else {
+      toast.error(result.message || "Failed to generate class report")
+    }
+  }
+
+  if (!summary) {
+    return (
+      <EmptyState
+        title="No class data"
+        description="Unable to load class mastery summary."
+        icon={Users}
+        className="border-none shadow-none"
+      />
+    )
+  }
+
+  return (
+    <div className="space-y-6">
+      {/* 概览 */}
+      <div className="grid grid-cols-1 gap-4 md:grid-cols-4">
+        <Card>
+          <CardHeader className="pb-2">
+            <CardTitle className="text-sm font-medium text-muted-foreground">Class</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <p className="text-2xl font-bold">{summary.className}</p>
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader className="pb-2">
+            <CardTitle className="text-sm font-medium text-muted-foreground">Students</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <p className="text-2xl font-bold">{summary.studentCount}</p>
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader className="pb-2">
+            <CardTitle className="text-sm font-medium text-muted-foreground">Avg Mastery</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <p className="text-2xl font-bold">{summary.averageMastery.toFixed(1)}%</p>
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader className="pb-2">
+            <CardTitle className="text-sm font-medium text-muted-foreground">Need Attention</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <p className="text-2xl font-bold text-red-600">{summary.studentsNeedingAttention.length}</p>
+          </CardContent>
+        </Card>
+      </div>
+
+      {/* 知识点掌握度热力图 */}
+      <Card>
+        <CardHeader>
+          <CardTitle className="flex items-center gap-2">
+            <TrendingUp className="h-4 w-4" />
+            Knowledge Point Mastery Heatmap
+          </CardTitle>
+          <CardDescription>
+            Average mastery level per knowledge point (green ≥80%, yellow 60-79%, orange 40-59%, red &lt;40%).
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          {summary.knowledgePointStats.length === 0 ? (
+            <p className="text-sm text-muted-foreground">No knowledge point data available.</p>
+          ) : (
+            <div className="flex flex-wrap gap-2">
+              {summary.knowledgePointStats.map((kp) => (
+                <div
+                  key={kp.knowledgePointId}
+                  className={`flex flex-col items-center justify-center rounded-md px-3 py-2 text-white ${masteryColor(kp.averageMastery)}`}
+                  title={`${kp.knowledgePointName}: ${kp.averageMastery.toFixed(1)}% (mastered ${kp.masteredCount}/${kp.totalStudents})`}
+                >
+                  <span className="max-w-[120px] truncate text-xs font-medium">
+                    {kp.knowledgePointName}
+                  </span>
+                  <span className="text-sm font-bold">{kp.averageMastery.toFixed(0)}%</span>
+                </div>
+              ))}
+            </div>
+          )}
+        </CardContent>
+      </Card>
+
+      {/* 知识点排名表 */}
+      <Card>
+        <CardHeader>
+          <CardTitle>Knowledge Point Ranking</CardTitle>
+        </CardHeader>
+        <CardContent>
+          {summary.knowledgePointStats.length === 0 ? (
+            <p className="text-sm text-muted-foreground">No data.</p>
+          ) : (
+            <div className="rounded-md border">
+              <Table>
+                <TableHeader>
+                  <TableRow>
+                    <TableHead>Knowledge Point</TableHead>
+                    <TableHead className="text-right">Avg Mastery</TableHead>
+                    <TableHead className="text-right">Mastered (≥80%)</TableHead>
+                    <TableHead className="text-right">Not Mastered (&lt;60%)</TableHead>
+                  </TableRow>
+                </TableHeader>
+                <TableBody>
+                  {[...summary.knowledgePointStats]
+                    .sort((a, b) => b.averageMastery - a.averageMastery)
+                    .map((kp) => (
+                      <TableRow key={kp.knowledgePointId}>
+                        <TableCell className="font-medium">{kp.knowledgePointName}</TableCell>
+                        <TableCell className="text-right font-mono">
+                          <Badge variant={kp.averageMastery >= 80 ? "default" : kp.averageMastery >= 60 ? "secondary" : "destructive"}>
+                            {kp.averageMastery.toFixed(1)}%
+                          </Badge>
+                        </TableCell>
+                        <TableCell className="text-right text-green-600">{kp.masteredCount}</TableCell>
+                        <TableCell className="text-right text-red-600">{kp.notMasteredCount}</TableCell>
+                      </TableRow>
+                    ))}
+                </TableBody>
+              </Table>
+            </div>
+          )}
+        </CardContent>
+      </Card>
+
+      {/* 需重点关注的学生 */}
+      <Card>
+        <CardHeader>
+          <CardTitle className="flex items-center gap-2">
+            <AlertTriangle className="h-4 w-4 text-red-600" />
+            Students Needing Attention (avg &lt;60%)
+          </CardTitle>
+          <CardDescription>Students with low overall mastery.</CardDescription>
+        </CardHeader>
+        <CardContent>
+          {summary.studentsNeedingAttention.length === 0 ? (
+            <p className="text-sm text-muted-foreground">All students are above the attention threshold.</p>
+          ) : (
+            <div className="rounded-md border">
+              <Table>
+                <TableHeader>
+                  <TableRow>
+                    <TableHead>Student</TableHead>
+                    <TableHead className="text-right">Avg Mastery</TableHead>
+                    <TableHead className="text-right">Weak Points</TableHead>
+                    <TableHead></TableHead>
+                  </TableRow>
+                </TableHeader>
+                <TableBody>
+                  {summary.studentsNeedingAttention.map((s) => (
+                    <TableRow key={s.studentId}>
+                      <TableCell className="font-medium">{s.studentName}</TableCell>
+                      <TableCell className="text-right">
+                        <Badge variant="destructive">{s.averageMastery.toFixed(1)}%</Badge>
+                      </TableCell>
+                      <TableCell className="text-right text-red-600">{s.weakCount}</TableCell>
+                      <TableCell>
+                        <Button asChild variant="ghost" size="sm">
+                          <Link href={`/teacher/diagnostic/student/${s.studentId}`}>
+                            <FileText className="mr-1 h-3 w-3" />
+                            View
+                          </Link>
+                        </Button>
+                      </TableCell>
+                    </TableRow>
+                  ))}
+                </TableBody>
+              </Table>
+            </div>
+          )}
+        </CardContent>
+      </Card>
+
+      {/* 生成班级报告 */}
+      {canManage ? (
+        <Card>
+          <CardHeader>
+            <CardTitle className="flex items-center gap-2">
+              <FileText className="h-4 w-4" />
+              Generate Class Diagnostic Report
+            </CardTitle>
+            <CardDescription>
+              Generate a class-level diagnostic report with aggregated analysis.
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            <div className="flex items-end gap-3">
+              <div className="grid gap-2">
+                <Label htmlFor="class-period" className="text-xs">Period (YYYY-MM)</Label>
+                <Input
+                  id="class-period"
+                  type="month"
+                  value={period}
+                  onChange={(e) => setPeriod(e.target.value)}
+                  className="w-[180px]"
+                />
+              </div>
+              <Button onClick={handleGenerate} disabled={isGenerating}>
+                {isGenerating ? "Generating..." : "Generate Class Report"}
+              </Button>
+            </div>
+          </CardContent>
+        </Card>
+      ) : null}
+    </div>
+  )
+}

src/modules/diagnostic/components/mastery-radar-chart.tsx

@@ -0,0 +1,114 @@
+"use client"
+
+import { RadarChart, PolarGrid, PolarAngleAxis, PolarRadiusAxis, Radar, Legend } from "recharts"
+import { Target } from "lucide-react"
+
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/shared/components/ui/card"
+import {
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+} from "@/shared/components/ui/chart"
+import { EmptyState } from "@/shared/components/ui/empty-state"
+import type { MasteryRadarPoint } from "@/modules/diagnostic/types"
+
+const chartConfig = {
+  student: { label: "Student", color: "hsl(var(--primary))" },
+  classAverage: { label: "Class Avg", color: "hsl(var(--chart-2))" },
+}
+
+interface MasteryRadarChartProps {
+  data: MasteryRadarPoint[]
+}
+
+export function MasteryRadarChart({ data }: MasteryRadarChartProps) {
+  if (!data || data.length === 0) {
+    return (
+      <Card>
+        <CardHeader>
+          <CardTitle className="flex items-center gap-2">
+            <Target className="h-4 w-4" />
+            Knowledge Point Mastery
+          </CardTitle>
+          <CardDescription>
+            Radar chart of mastery level (0-100) across knowledge points.
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <EmptyState
+            icon={Target}
+            title="No mastery data"
+            description="No knowledge point mastery records found for this student."
+            className="border-none h-60"
+          />
+        </CardContent>
+      </Card>
+    )
+  }
+
+  // 知识点名称过长时截断显示
+  const chartData = data.map((d) => ({
+    ...d,
+    shortName: d.knowledgePoint.length > 8 ? `${d.knowledgePoint.slice(0, 8)}...` : d.knowledgePoint,
+  }))
+
+  const hasClassAverage = data.some((d) => d.classAverage !== undefined)
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle className="flex items-center gap-2">
+          <Target className="h-4 w-4" />
+          Knowledge Point Mastery
+        </CardTitle>
+        <CardDescription>
+          Radar chart of mastery level (0-100) across knowledge points.
+        </CardDescription>
+      </CardHeader>
+      <CardContent>
+        <ChartContainer config={chartConfig} className="mx-auto h-[360px] w-full max-w-[520px]">
+          <RadarChart data={chartData} outerRadius="75%">
+            <PolarGrid strokeDasharray="4 4" strokeOpacity={0.4} />
+            <PolarAngleAxis
+              dataKey="shortName"
+              tick={{ fontSize: 11, fill: "hsl(var(--muted-foreground))" }}
+            />
+            <PolarRadiusAxis
+              domain={[0, 100]}
+              tickCount={5}
+              tick={{ fontSize: 10, fill: "hsl(var(--muted-foreground))" }}
+              axisLine={false}
+            />
+            <ChartTooltip content={<ChartTooltipContent className="w-[220px]" />} />
+            {hasClassAverage ? <Legend /> : null}
+            <Radar
+              name="Student"
+              dataKey="student"
+              stroke="var(--color-student)"
+              fill="var(--color-student)"
+              fillOpacity={0.35}
+              strokeWidth={2}
+            />
+            {hasClassAverage ? (
+              <Radar
+                name="Class Avg"
+                dataKey="classAverage"
+                stroke="var(--color-classAverage)"
+                fill="var(--color-classAverage)"
+                fillOpacity={0.15}
+                strokeWidth={2}
+                strokeDasharray="4 4"
+              />
+            ) : null}
+          </RadarChart>
+        </ChartContainer>
+      </CardContent>
+    </Card>
+  )
+}

src/modules/diagnostic/components/report-list.tsx

@@ -0,0 +1,262 @@
+"use client"
+
+import { useState } from "react"
+import { useRouter, useSearchParams } from "next/navigation"
+import { useCallback } from "react"
+import { toast } from "sonner"
+import { FileText, Trash2, Send } from "lucide-react"
+
+import { Badge } from "@/shared/components/ui/badge"
+import { Button } from "@/shared/components/ui/button"
+import { Label } from "@/shared/components/ui/label"
+import { EmptyState } from "@/shared/components/ui/empty-state"
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/shared/components/ui/select"
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/shared/components/ui/table"
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/shared/components/ui/dialog"
+import { formatDate } from "@/shared/lib/utils"
+import { usePermission } from "@/shared/hooks"
+import { Permissions } from "@/shared/types/permissions"
+import { publishReportAction, deleteReportAction } from "../actions"
+import type { DiagnosticReportWithDetails } from "../types"
+
+const typeLabels: Record<string, string> = {
+  individual: "Individual",
+  class: "Class",
+  grade: "Grade",
+}
+
+const statusColors: Record<string, "default" | "secondary" | "destructive" | "outline"> = {
+  draft: "secondary",
+  published: "default",
+  archived: "outline",
+}
+
+interface ReportListProps {
+  reports: DiagnosticReportWithDetails[]
+}
+
+export function ReportList({ reports }: ReportListProps) {
+  const router = useRouter()
+  const searchParams = useSearchParams()
+  const { hasPermission } = usePermission()
+  const canManage = hasPermission(Permissions.DIAGNOSTIC_MANAGE)
+
+  const [deleteId, setDeleteId] = useState<string | null>(null)
+  const [publishId, setPublishId] = useState<string | null>(null)
+  const [isBusy, setIsBusy] = useState(false)
+
+  const updateParam = useCallback(
+    (key: string, value: string) => {
+      const params = new URLSearchParams(searchParams.toString())
+      if (value && value !== "all") {
+        params.set(key, value)
+      } else {
+        params.delete(key)
+      }
+      router.push(`?${params.toString()}`)
+    },
+    [router, searchParams]
+  )
+
+  const handlePublish = async () => {
+    if (!publishId) return
+    setIsBusy(true)
+    const formData = new FormData()
+    formData.set("id", publishId)
+    const result = await publishReportAction(null, formData)
+    setIsBusy(false)
+    if (result.success) {
+      toast.success(result.message)
+      setPublishId(null)
+      router.refresh()
+    } else {
+      toast.error(result.message || "Failed to publish")
+    }
+  }
+
+  const handleDelete = async () => {
+    if (!deleteId) return
+    setIsBusy(true)
+    const formData = new FormData()
+    formData.set("id", deleteId)
+    const result = await deleteReportAction(null, formData)
+    setIsBusy(false)
+    if (result.success) {
+      toast.success(result.message)
+      setDeleteId(null)
+      router.refresh()
+    } else {
+      toast.error(result.message || "Failed to delete")
+    }
+  }
+
+  const reportType = searchParams.get("reportType") ?? "all"
+  const status = searchParams.get("status") ?? "all"
+
+  return (
+    <div className="space-y-4">
+      {/* 过滤器 */}
+      <div className="grid grid-cols-1 gap-4 rounded-lg border bg-card p-4 md:grid-cols-2">
+        <div className="grid gap-2">
+          <Label className="text-xs">Report Type</Label>
+          <Select value={reportType} onValueChange={(v) => updateParam("reportType", v)}>
+            <SelectTrigger className="h-9">
+              <SelectValue placeholder="All types" />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="all">All types</SelectItem>
+              <SelectItem value="individual">Individual</SelectItem>
+              <SelectItem value="class">Class</SelectItem>
+              <SelectItem value="grade">Grade</SelectItem>
+            </SelectContent>
+          </Select>
+        </div>
+        <div className="grid gap-2">
+          <Label className="text-xs">Status</Label>
+          <Select value={status} onValueChange={(v) => updateParam("status", v)}>
+            <SelectTrigger className="h-9">
+              <SelectValue placeholder="All statuses" />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="all">All statuses</SelectItem>
+              <SelectItem value="draft">Draft</SelectItem>
+              <SelectItem value="published">Published</SelectItem>
+              <SelectItem value="archived">Archived</SelectItem>
+            </SelectContent>
+          </Select>
+        </div>
+      </div>
+
+      {reports.length === 0 ? (
+        <EmptyState
+          title="No diagnostic reports"
+          description="Generate diagnostic reports to see them here."
+          icon={FileText}
+          className="border-none shadow-none"
+        />
+      ) : (
+        <div className="rounded-md border bg-card">
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead>Type</TableHead>
+                <TableHead>Student / Target</TableHead>
+                <TableHead>Period</TableHead>
+                <TableHead className="text-right">Score</TableHead>
+                <TableHead>Status</TableHead>
+                <TableHead>Generated By</TableHead>
+                <TableHead>Date</TableHead>
+                {canManage ? <TableHead className="w-24">Actions</TableHead> : null}
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {reports.map((r) => (
+                <TableRow key={r.id}>
+                  <TableCell>
+                    <Badge variant="outline">{typeLabels[r.reportType] ?? r.reportType}</Badge>
+                  </TableCell>
+                  <TableCell className="font-medium">{r.studentName}</TableCell>
+                  <TableCell>{r.period ?? "-"}</TableCell>
+                  <TableCell className="text-right font-mono">
+                    {r.overallScore !== null ? `${r.overallScore.toFixed(1)}%` : "-"}
+                  </TableCell>
+                  <TableCell>
+                    <Badge variant={statusColors[r.status] ?? "secondary"}>{r.status}</Badge>
+                  </TableCell>
+                  <TableCell className="text-muted-foreground">{r.generatedByName ?? "-"}</TableCell>
+                  <TableCell className="text-muted-foreground">{formatDate(r.createdAt)}</TableCell>
+                  {canManage ? (
+                    <TableCell>
+                      <div className="flex gap-1">
+                        {r.status === "draft" ? (
+                          <Button
+                            variant="ghost"
+                            size="icon"
+                            className="h-8 w-8 text-green-600"
+                            onClick={() => setPublishId(r.id)}
+                            title="Publish"
+                          >
+                            <Send className="h-4 w-4" />
+                          </Button>
+                        ) : null}
+                        <Button
+                          variant="ghost"
+                          size="icon"
+                          className="h-8 w-8 text-destructive"
+                          onClick={() => setDeleteId(r.id)}
+                          title="Delete"
+                        >
+                          <Trash2 className="h-4 w-4" />
+                        </Button>
+                      </div>
+                    </TableCell>
+                  ) : null}
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      )}
+
+      {/* 发布确认 */}
+      <Dialog open={publishId !== null} onOpenChange={(open) => !open && setPublishId(null)}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>Publish Report</DialogTitle>
+            <DialogDescription>
+              Once published, the report will be visible to students. Continue?
+            </DialogDescription>
+          </DialogHeader>
+          <DialogFooter>
+            <Button variant="outline" onClick={() => setPublishId(null)} disabled={isBusy}>
+              Cancel
+            </Button>
+            <Button onClick={handlePublish} disabled={isBusy}>
+              {isBusy ? "Publishing..." : "Publish"}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+
+      {/* 删除确认 */}
+      <Dialog open={deleteId !== null} onOpenChange={(open) => !open && setDeleteId(null)}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>Delete Report</DialogTitle>
+            <DialogDescription>
+              Are you sure you want to delete this diagnostic report? This action cannot be undone.
+            </DialogDescription>
+          </DialogHeader>
+          <DialogFooter>
+            <Button variant="outline" onClick={() => setDeleteId(null)} disabled={isBusy}>
+              Cancel
+            </Button>
+            <Button variant="destructive" onClick={handleDelete} disabled={isBusy}>
+              {isBusy ? "Deleting..." : "Delete"}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  )
+}

src/modules/diagnostic/components/student-diagnostic-view.tsx

@@ -0,0 +1,229 @@
+"use client"
+
+import { useState } from "react"
+import { useRouter } from "next/navigation"
+import { toast } from "sonner"
+import { Award, AlertTriangle, Lightbulb, FileText, TrendingUp } from "lucide-react"
+
+import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/shared/components/ui/card"
+import { Badge } from "@/shared/components/ui/badge"
+import { Button } from "@/shared/components/ui/button"
+import { Input } from "@/shared/components/ui/input"
+import { Label } from "@/shared/components/ui/label"
+import { EmptyState } from "@/shared/components/ui/empty-state"
+import { usePermission } from "@/shared/hooks"
+import { Permissions } from "@/shared/types/permissions"
+import { MasteryRadarChart } from "./mastery-radar-chart"
+import { generateStudentReportAction } from "../actions"
+import type { DiagnosticReportWithDetails, MasteryRadarPoint, StudentMasterySummary } from "../types"
+
+interface StudentDiagnosticViewProps {
+  summary: StudentMasterySummary | null
+  reports: DiagnosticReportWithDetails[]
+  classAverageMastery?: MasteryRadarPoint[]
+}
+
+export function StudentDiagnosticView({ summary, reports, classAverageMastery }: StudentDiagnosticViewProps) {
+  const router = useRouter()
+  const { hasPermission } = usePermission()
+  const canManage = hasPermission(Permissions.DIAGNOSTIC_MANAGE)
+  const [period, setPeriod] = useState(new Date().toISOString().slice(0, 7))
+  const [isGenerating, setIsGenerating] = useState(false)
+
+  const handleGenerate = async () => {
+    if (!summary) return
+    setIsGenerating(true)
+    const formData = new FormData()
+    formData.set("studentId", summary.studentId)
+    formData.set("period", period)
+    const result = await generateStudentReportAction(null, formData)
+    setIsGenerating(false)
+    if (result.success) {
+      toast.success(result.message)
+      router.refresh()
+    } else {
+      toast.error(result.message || "Failed to generate report")
+    }
+  }
+
+  if (!summary) {
+    return (
+      <EmptyState
+        title="No diagnostic data"
+        description="Unable to load student mastery data."
+        icon={FileText}
+        className="border-none shadow-none"
+      />
+    )
+  }
+
+  const radarData: MasteryRadarPoint[] = summary.allMastery.map((m) => {
+    const classAvg = classAverageMastery?.find((c) => c.knowledgePoint === m.knowledgePointName)
+    return {
+      knowledgePoint: m.knowledgePointName,
+      student: Math.round(m.masteryLevel * 100) / 100,
+      classAverage: classAvg?.classAverage,
+    }
+  })
+
+  const publishedReports = reports.filter((r) => r.status === "published")
+  const latestReport = publishedReports[0] ?? reports[0] ?? null
+
+  return (
+    <div className="space-y-6">
+      {/* 概览卡片 */}
+      <div className="grid grid-cols-1 gap-4 md:grid-cols-4">
+        <Card>
+          <CardHeader className="pb-2">
+            <CardTitle className="text-sm font-medium text-muted-foreground">Student</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <p className="text-2xl font-bold">{summary.studentName}</p>
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader className="pb-2">
+            <CardTitle className="text-sm font-medium text-muted-foreground">Overall Mastery</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <p className="text-2xl font-bold">{summary.averageMastery.toFixed(1)}%</p>
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader className="pb-2">
+            <CardTitle className="text-sm font-medium text-muted-foreground">Strengths</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <p className="text-2xl font-bold text-green-600">{summary.strengths.length}</p>
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader className="pb-2">
+            <CardTitle className="text-sm font-medium text-muted-foreground">Weaknesses</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <p className="text-2xl font-bold text-red-600">{summary.weaknesses.length}</p>
+          </CardContent>
+        </Card>
+      </div>
+
+      {/* 雷达图 */}
+      <MasteryRadarChart data={radarData} />
+
+      {/* 强项 / 弱项 */}
+      <div className="grid grid-cols-1 gap-4 md:grid-cols-2">
+        <Card>
+          <CardHeader>
+            <CardTitle className="flex items-center gap-2">
+              <Award className="h-4 w-4 text-green-600" />
+              Strengths (≥80%)
+            </CardTitle>
+            <CardDescription>Knowledge points with high mastery.</CardDescription>
+          </CardHeader>
+          <CardContent>
+            {summary.strengths.length === 0 ? (
+              <p className="text-sm text-muted-foreground">No strengths identified yet.</p>
+            ) : (
+              <ul className="space-y-2">
+                {summary.strengths.map((m) => (
+                  <li key={m.knowledgePointId} className="flex items-center justify-between">
+                    <span className="text-sm">{m.knowledgePointName}</span>
+                    <Badge variant="default" className="bg-green-600">{m.masteryLevel.toFixed(1)}%</Badge>
+                  </li>
+                ))}
+              </ul>
+            )}
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader>
+            <CardTitle className="flex items-center gap-2">
+              <AlertTriangle className="h-4 w-4 text-red-600" />
+              Weaknesses (&lt;60%)
+            </CardTitle>
+            <CardDescription>Knowledge points needing attention.</CardDescription>
+          </CardHeader>
+          <CardContent>
+            {summary.weaknesses.length === 0 ? (
+              <p className="text-sm text-muted-foreground">No weaknesses identified.</p>
+            ) : (
+              <ul className="space-y-2">
+                {summary.weaknesses.map((m) => (
+                  <li key={m.knowledgePointId} className="flex items-center justify-between">
+                    <span className="text-sm">{m.knowledgePointName}</span>
+                    <Badge variant="destructive">{m.masteryLevel.toFixed(1)}%</Badge>
+                  </li>
+                ))}
+              </ul>
+            )}
+          </CardContent>
+        </Card>
+      </div>
+
+      {/* 生成报告 */}
+      {canManage ? (
+        <Card>
+          <CardHeader>
+            <CardTitle className="flex items-center gap-2">
+              <TrendingUp className="h-4 w-4" />
+              Generate Diagnostic Report
+            </CardTitle>
+            <CardDescription>
+              Generate an AI-analyzed diagnostic report for this student.
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            <div className="flex items-end gap-3">
+              <div className="grid gap-2">
+                <Label htmlFor="period" className="text-xs">Period (YYYY-MM)</Label>
+                <Input
+                  id="period"
+                  type="month"
+                  value={period}
+                  onChange={(e) => setPeriod(e.target.value)}
+                  className="w-[180px]"
+                />
+              </div>
+              <Button onClick={handleGenerate} disabled={isGenerating}>
+                {isGenerating ? "Generating..." : "Generate Report"}
+              </Button>
+            </div>
+          </CardContent>
+        </Card>
+      ) : null}
+
+      {/* 最新报告 / 建议 */}
+      {latestReport ? (
+        <Card>
+          <CardHeader>
+            <CardTitle className="flex items-center gap-2">
+              <Lightbulb className="h-4 w-4" />
+              Diagnostic Report
+              <Badge variant={latestReport.status === "published" ? "default" : "secondary"}>
+                {latestReport.status}
+              </Badge>
+            </CardTitle>
+            <CardDescription>
+              Period: {latestReport.period ?? "-"} · Overall: {latestReport.overallScore?.toFixed(1) ?? "-"}%
+            </CardDescription>
+          </CardHeader>
+          <CardContent className="space-y-4">
+            {latestReport.summary ? (
+              <p className="text-sm">{latestReport.summary}</p>
+            ) : null}
+            {latestReport.recommendations && latestReport.recommendations.length > 0 ? (
+              <div>
+                <h4 className="mb-2 text-sm font-semibold">Recommendations</h4>
+                <ul className="space-y-1.5">
+                  {latestReport.recommendations.map((rec, i) => (
+                    <li key={i} className="text-sm text-muted-foreground">• {rec}</li>
+                  ))}
+                </ul>
+              </div>
+            ) : null}
+          </CardContent>
+        </Card>
+      ) : null}
+    </div>
+  )
+}