feat(student): 完成 student 模块 v4 剩余修复

- P1-4.2: 新增班级详情页 courses/[classId]，展示教师/学校/教室信息与课表

- P2-2.5: 今日课表卡片高亮当前/下一节课（useMemo 实时计算）

- P2-3.9: 作业作答进度网格支持点击跳转题目（scrollIntoView）

- P2-3.10: 作业复习视图显示正确答案（选择/判断/文本题）

- P2-4.4: 课程列表支持按班级名/教师/学校搜索

- P2-5.2: 成绩页新增趋势折线图组件 GradeTrendCard

- P2-9.2/9.3: 诊断报告新增历史记录卡片与弱点练习入口

- P2-10.2: 选课列表支持搜索与选课模式筛选

- P2-11.3: 修复教材阅读页全屏溢出

- P3-1.5: 面包屑保留首个角色段作为根上下文

- P3-7.3: 课表项支持点击跳转至班级详情页（ScheduleList href）

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

@@ -1,20 +1,14 @@
 "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 Link from "next/link"
+import { Award, AlertTriangle, Lightbulb, FileText, History, ArrowRight } 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 { formatDate } from "@/shared/lib/utils"
 import { MasteryRadarChart } from "./mastery-radar-chart"
-import { generateStudentReportAction } from "../actions"
 import type { DiagnosticReportWithDetails, MasteryRadarPoint, StudentMasterySummary } from "../types"
 
 interface StudentDiagnosticViewProps {
@@ -24,28 +18,6 @@ interface StudentDiagnosticViewProps {
 }
 
 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
@@ -149,9 +121,17 @@ export function StudentDiagnosticView({ summary, reports, classAverageMastery }:
             ) : (
               <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 key={m.knowledgePointId} className="flex items-center justify-between gap-2">
+                    <div className="flex items-center gap-2 min-w-0">
+                      <span className="text-sm truncate">{m.knowledgePointName}</span>
+                      <Badge variant="destructive" className="shrink-0">{m.masteryLevel.toFixed(1)}%</Badge>
+                    </div>
+                    <Button asChild variant="ghost" size="sm" className="h-7 shrink-0 text-xs">
+                      <Link href="/student/learning/assignments">
+                        Practice
+                        <ArrowRight className="ml-1 h-3 w-3" />
+                      </Link>
+                    </Button>
                   </li>
                 ))}
               </ul>
@@ -160,38 +140,6 @@ export function StudentDiagnosticView({ summary, reports, classAverageMastery }:
         </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>
@@ -224,6 +172,44 @@ export function StudentDiagnosticView({ summary, reports, classAverageMastery }:
           </CardContent>
         </Card>
       ) : null}
+
+      {/* 历史报告列表 */}
+      {publishedReports.length > 1 ? (
+        <Card>
+          <CardHeader>
+            <CardTitle className="flex items-center gap-2">
+              <History className="h-4 w-4" />
+              Report History
+            </CardTitle>
+            <CardDescription>Past diagnostic reports (newest first).</CardDescription>
+          </CardHeader>
+          <CardContent>
+            <div className="space-y-2">
+              {publishedReports.map((r) => (
+                <div
+                  key={r.id}
+                  className="flex items-center justify-between gap-3 rounded-md border p-3"
+                >
+                  <div className="min-w-0 space-y-1">
+                    <div className="flex items-center gap-2">
+                      <span className="text-sm font-medium">
+                        {r.period ?? "Untitled period"}
+                      </span>
+                      <Badge variant="outline" className="text-[10px]">
+                        {r.reportType}
+                      </Badge>
+                    </div>
+                    <p className="text-xs text-muted-foreground">
+                      {formatDate(r.createdAt)}
+                      {r.overallScore !== null ? ` · Overall: ${r.overallScore.toFixed(1)}%` : ""}
+                    </p>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </CardContent>
+        </Card>
+      ) : null}
     </div>
   )
 }