feat(app): add lesson-plans, practice, and grade dashboard routes

- Add admin/lesson-plans, parent/lesson-plans, student/lesson-plans routes

- Add student/practice and teacher/practice routes for adaptive practice

- Add management/grade/dashboard and management/grade/practice routes

- Add teacher/lesson-plans error and loading boundaries

- Update existing admin, parent, student, teacher pages with new features

- Update globals.css and proxy middleware

src/app/(dashboard)/admin/school/grades/insights/page.tsx

@@ -2,6 +2,7 @@ import Link from "next/link"
 import type { Metadata } from "next"
 import type { JSX } from "react"
 import { BarChart3 } from "lucide-react"
+import { getTranslations } from "next-intl/server"
 
 import { requirePermission } from "@/shared/lib/auth-guard"
 import { Permissions } from "@/shared/types/permissions"
@@ -9,6 +10,7 @@ import { getGrades } from "@/modules/school/data-access"
 import { getGradeHomeworkInsights } from "@/modules/classes/data-access"
 import { getSchoolWideGradeSummary } from "@/modules/grades/data-access-analytics"
 import { SchoolWideSummaryCard } from "@/modules/grades/components/school-wide-summary-card"
+import { GradeInsightsFilters } from "@/modules/school/components/grade-insights-filters"
 import { EmptyState } from "@/shared/components/ui/empty-state"
 import { StatCard } from "@/shared/components/ui/stat-card"
 import { Card, CardContent, CardHeader, CardTitle } from "@/shared/components/ui/card"
@@ -18,19 +20,23 @@ import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@
 import { formatDate, formatNumber } from "@/shared/lib/utils"
 import { getParam, type SearchParams } from "@/shared/lib/search-params"
 
-export const metadata: Metadata = {
-  title: "年级作业洞察 - Next_Edu",
-  description: "按年级聚合的作业统计与班级排名",
-}
-
 export const dynamic = "force-dynamic"
 
+export async function generateMetadata(): Promise<Metadata> {
+  const t = await getTranslations("school")
+  return {
+    title: `${t("grades.gradeInsights.title")} - Next_Edu`,
+    description: t("grades.gradeInsights.description"),
+  }
+}
+
 export default async function AdminGradeInsightsPage({
   searchParams,
 }: {
   searchParams: Promise<SearchParams>
 }): Promise<JSX.Element> {
   const ctx = await requirePermission(Permissions.SCHOOL_MANAGE)
+  const t = await getTranslations("school")
   const params = await searchParams
   const gradeId = getParam(params, "gradeId")
   const selected = gradeId && gradeId !== "all" ? gradeId : ""
@@ -43,15 +49,22 @@ export default async function AdminGradeInsightsPage({
     getSchoolWideGradeSummary(ctx.dataScope),
   ])
 
+  const buildHref = (gId: string): string => {
+    const p = new URLSearchParams()
+    if (gId && gId !== "all") p.set("gradeId", gId)
+    const qs = p.toString()
+    return qs ? `/admin/school/grades/insights?${qs}` : "/admin/school/grades/insights"
+  }
+
   return (
     <div className="flex h-full flex-col space-y-8 p-8">
       <div className="flex flex-col gap-4 md:flex-row md:items-end md:justify-between">
         <div className="space-y-1">
-          <h2 className="text-2xl font-bold tracking-tight">年级作业洞察</h2>
-          <p className="text-muted-foreground">按年级聚合的作业统计与班级排名。</p>
+          <h2 className="text-2xl font-bold tracking-tight">{t("grades.gradeInsights.title")}</h2>
+          <p className="text-muted-foreground">{t("grades.gradeInsights.description")}</p>
         </div>
         <Button asChild variant="outline">
-          <Link href="/admin/school/grades">管理年级</Link>
+          <Link href="/admin/school/grades">{t("grades.gradeInsights.manageGrades")}</Link>
         </Button>
       </div>
 
@@ -60,86 +73,57 @@ export default async function AdminGradeInsightsPage({
         <SchoolWideSummaryCard summary={schoolWideSummary} />
       )}
 
-      <Card className="shadow-none">
-        <CardHeader className="flex flex-row items-center justify-between space-y-0">
-          <CardTitle className="text-base">筛选</CardTitle>
-          <Badge variant="secondary" className="tabular-nums">
-            {grades.length}
-          </Badge>
-        </CardHeader>
-        <CardContent>
-          <form
-            action="/admin/school/grades/insights"
-            method="get"
-            className="flex flex-col gap-3 md:flex-row md:items-center"
-          >
-            <label htmlFor="grade-filter" className="text-sm font-medium">
-              年级
-            </label>
-            <select
-              id="grade-filter"
-              name="gradeId"
-              defaultValue={selected || "all"}
-              className="h-10 w-full rounded-md border bg-background px-3 text-sm md:w-80"
-            >
-              <option value="all">请选择年级</option>
-              {grades.map((g) => (
-                <option key={g.id} value={g.id}>
-                  {g.school.name} / {g.name}
-                </option>
-              ))}
-            </select>
-            <Button type="submit" className="md:ml-2">
-              应用
-            </Button>
-          </form>
-        </CardContent>
-      </Card>
+      {/* 年级筛选：ChipNav 即时切换，无整页刷新 */}
+      <GradeInsightsFilters
+        grades={grades.map((g) => ({ id: g.id, name: g.name, schoolName: g.school.name }))}
+        currentGradeId={selected || "all"}
+        buildHref={buildHref}
+      />
 
       {!selected ? (
         <EmptyState
           icon={BarChart3}
-          title="请选择年级以查看洞察"
-          description="选择一个年级，查看最新作业与历史成绩统计。"
+          title={t("grades.gradeInsights.selectToView")}
+          description={t("grades.gradeInsights.selectToViewDescription")}
           className="h-80 bg-card"
         />
       ) : !insights ? (
         <EmptyState
           icon={BarChart3}
-          title="年级未找到"
-          description="该年级可能不存在或无可访问数据。"
+          title={t("grades.gradeInsights.notFound")}
+          description={t("grades.gradeInsights.notFoundDescription")}
           className="h-80 bg-card"
         />
       ) : insights.assignments.length === 0 ? (
         <EmptyState
           icon={BarChart3}
-          title="该年级暂无作业数据"
-          description="尚未向该年级学生布置任何作业。"
+          title={t("grades.gradeInsights.noData")}
+          description={t("grades.gradeInsights.noDataDescription")}
           className="h-80 bg-card"
         />
       ) : (
         <div className="space-y-6">
           <div className="grid gap-4 md:grid-cols-4">
             <StatCard
-              title="班级数"
+              title={t("grades.gradeInsights.classes")}
               value={insights.classCount}
               description={`${insights.grade.school.name} / ${insights.grade.name}`}
               valueClassName="tabular-nums"
             />
             <StatCard
-              title="学生数"
+              title={t("grades.gradeInsights.students")}
               value={insights.studentCounts.total}
-              description={`在读 ${insights.studentCounts.active} • 停用 ${insights.studentCounts.inactive}`}
+              description={`${t("grades.gradeInsights.active")} ${insights.studentCounts.active} • ${t("grades.gradeInsights.inactive")} ${insights.studentCounts.inactive}`}
               valueClassName="tabular-nums"
             />
             <StatCard
-              title="总体均分"
+              title={t("grades.gradeInsights.overallAvg")}
               value={formatNumber(insights.overallScores.avg)}
-              description="基于已批改作业"
+              description="-"
               valueClassName="tabular-nums"
             />
             <StatCard
-              title="最新均分"
+              title={t("grades.gradeInsights.latestAvg")}
               value={formatNumber(insights.latest?.scoreStats.avg ?? null)}
               description={insights.latest?.title ?? "-"}
               valueClassName="tabular-nums"
@@ -148,87 +132,93 @@ export default async function AdminGradeInsightsPage({
 
           <Card className="shadow-none">
             <CardHeader className="flex flex-row items-center justify-between space-y-0">
-              <CardTitle className="text-base">最新作业</CardTitle>
+              <CardTitle className="text-base">{t("grades.gradeInsights.homeworkTimeline")}</CardTitle>
               <Badge variant="secondary" className="tabular-nums">
                 {insights.assignments.length}
               </Badge>
             </CardHeader>
             <CardContent>
               <div className="rounded-md border">
-                <Table>
-                  <TableHeader>
-                    <TableRow className="bg-muted/50">
-                      <TableHead>作业</TableHead>
-                      <TableHead>状态</TableHead>
-                      <TableHead>创建时间</TableHead>
-                      <TableHead className="text-right">目标数</TableHead>
-                      <TableHead className="text-right">提交数</TableHead>
-                      <TableHead className="text-right">已批改</TableHead>
-                      <TableHead className="text-right">均分</TableHead>
-                      <TableHead className="text-right">中位数</TableHead>
-                    </TableRow>
-                  </TableHeader>
-                  <TableBody>
-                    {insights.assignments.map((a) => (
-                      <TableRow key={a.assignmentId}>
-                        <TableCell className="font-medium">{a.title}</TableCell>
-                        <TableCell>
-                          <Badge variant="secondary" className="capitalize">
-                            {a.status}
-                          </Badge>
-                        </TableCell>
-                        <TableCell className="text-muted-foreground">{formatDate(a.createdAt)}</TableCell>
-                        <TableCell className="text-right tabular-nums">{a.targetCount}</TableCell>
-                        <TableCell className="text-right tabular-nums">{a.submittedCount}</TableCell>
-                        <TableCell className="text-right tabular-nums">{a.gradedCount}</TableCell>
-                        <TableCell className="text-right tabular-nums">{formatNumber(a.scoreStats.avg)}</TableCell>
-                        <TableCell className="text-right tabular-nums">{formatNumber(a.scoreStats.median)}</TableCell>
+                {/* v4-P1-10: 移动端表格水平滚动 */}
+                <div className="overflow-x-auto">
+                  <Table>
+                    <TableHeader>
+                      <TableRow className="bg-muted/50">
+                        <TableHead>{t("grades.gradeInsights.assignment")}</TableHead>
+                        <TableHead>{t("grades.gradeInsights.status")}</TableHead>
+                        <TableHead>{t("grades.gradeInsights.created")}</TableHead>
+                        <TableHead className="text-right">{t("grades.gradeInsights.targeted")}</TableHead>
+                        <TableHead className="text-right">{t("grades.gradeInsights.submitted")}</TableHead>
+                        <TableHead className="text-right">{t("grades.gradeInsights.graded")}</TableHead>
+                        <TableHead className="text-right">{t("grades.gradeInsights.avg")}</TableHead>
+                        <TableHead className="text-right">{t("grades.gradeInsights.median")}</TableHead>
                       </TableRow>
-                    ))}
-                  </TableBody>
-                </Table>
+                    </TableHeader>
+                    <TableBody>
+                      {insights.assignments.map((a) => (
+                        <TableRow key={a.assignmentId}>
+                          <TableCell className="font-medium">{a.title}</TableCell>
+                          <TableCell>
+                            <Badge variant="secondary" className="capitalize">
+                              {a.status}
+                            </Badge>
+                          </TableCell>
+                          <TableCell className="text-muted-foreground">{formatDate(a.createdAt)}</TableCell>
+                          <TableCell className="text-right tabular-nums">{a.targetCount}</TableCell>
+                          <TableCell className="text-right tabular-nums">{a.submittedCount}</TableCell>
+                          <TableCell className="text-right tabular-nums">{a.gradedCount}</TableCell>
+                          <TableCell className="text-right tabular-nums">{formatNumber(a.scoreStats.avg)}</TableCell>
+                          <TableCell className="text-right tabular-nums">{formatNumber(a.scoreStats.median)}</TableCell>
+                        </TableRow>
+                      ))}
+                    </TableBody>
+                  </Table>
+                </div>
               </div>
             </CardContent>
           </Card>
 
           <Card className="shadow-none">
             <CardHeader className="flex flex-row items-center justify-between space-y-0">
-              <CardTitle className="text-base">班级排名</CardTitle>
+              <CardTitle className="text-base">{t("grades.gradeInsights.classRanking")}</CardTitle>
               <Badge variant="secondary" className="tabular-nums">
                 {insights.classes.length}
               </Badge>
             </CardHeader>
             <CardContent>
               <div className="rounded-md border">
-                <Table>
-                  <TableHeader>
-                    <TableRow className="bg-muted/50">
-                      <TableHead>班级</TableHead>
-                      <TableHead className="text-right">学生数</TableHead>
-                      <TableHead className="text-right">最新均分</TableHead>
-                      <TableHead className="text-right">上次均分</TableHead>
-                      <TableHead className="text-right">Δ</TableHead>
-                      <TableHead className="text-right">总体均分</TableHead>
-                    </TableRow>
-                  </TableHeader>
-                  <TableBody>
-                    {insights.classes.map((c) => (
-                      <TableRow key={c.class.id}>
-                        <TableCell className="font-medium">
-                          {c.class.name}
-                          {c.class.homeroom ? (
-                            <span className="text-muted-foreground"> • {c.class.homeroom}</span>
-                          ) : null}
-                        </TableCell>
-                        <TableCell className="text-right tabular-nums">{c.studentCounts.total}</TableCell>
-                        <TableCell className="text-right tabular-nums">{formatNumber(c.latestAvg)}</TableCell>
-                        <TableCell className="text-right tabular-nums">{formatNumber(c.prevAvg)}</TableCell>
-                        <TableCell className="text-right tabular-nums">{formatNumber(c.deltaAvg)}</TableCell>
-                        <TableCell className="text-right tabular-nums">{formatNumber(c.overallScores.avg)}</TableCell>
+                {/* v4-P1-10: 移动端表格水平滚动 */}
+                <div className="overflow-x-auto">
+                  <Table>
+                    <TableHeader>
+                      <TableRow className="bg-muted/50">
+                        <TableHead>{t("grades.gradeInsights.class")}</TableHead>
+                        <TableHead className="text-right">{t("grades.gradeInsights.students")}</TableHead>
+                        <TableHead className="text-right">{t("grades.gradeInsights.latestAvgCol")}</TableHead>
+                        <TableHead className="text-right">{t("grades.gradeInsights.prevAvg")}</TableHead>
+                        <TableHead className="text-right">{t("grades.gradeInsights.delta")}</TableHead>
+                        <TableHead className="text-right">{t("grades.gradeInsights.overallAvgCol")}</TableHead>
                       </TableRow>
-                    ))}
-                  </TableBody>
-                </Table>
+                    </TableHeader>
+                    <TableBody>
+                      {insights.classes.map((c) => (
+                        <TableRow key={c.class.id}>
+                          <TableCell className="font-medium">
+                            {c.class.name}
+                            {c.class.homeroom ? (
+                              <span className="text-muted-foreground"> • {c.class.homeroom}</span>
+                            ) : null}
+                          </TableCell>
+                          <TableCell className="text-right tabular-nums">{c.studentCounts.total}</TableCell>
+                          <TableCell className="text-right tabular-nums">{formatNumber(c.latestAvg)}</TableCell>
+                          <TableCell className="text-right tabular-nums">{formatNumber(c.prevAvg)}</TableCell>
+                          <TableCell className="text-right tabular-nums">{formatNumber(c.deltaAvg)}</TableCell>
+                          <TableCell className="text-right tabular-nums">{formatNumber(c.overallScores.avg)}</TableCell>
+                        </TableRow>
+                      ))}
+                    </TableBody>
+                  </Table>
+                </div>
               </div>
             </CardContent>
           </Card>