feat(app): add error/loading boundaries across all dashboard routes and new routes

- Add error.tsx and loading.tsx boundaries for admin, parent, student, teacher routes

- Add admin announcements edit, audit-logs overview, curriculum-map, invitation-codes, permissions, questions, roles routes

- Add admin elective detail and components, files, course-plans, users, scheduling boundaries

- Add messages group-compose route

- Add parent course-plans, elective, grades report-card, practice routes

- Add student course-plans, elective detail, error-book dialogs, grades report-card, learning study-path, leave, schedule boundaries

- Add teacher attendance report, classes boundaries, course-plans boundaries, elective, exams analytics/edit-rich/all/create/new, grades report-card, homework boundaries, leave, lesson-plans calendar

- Add auth loading, onboarding loading, api cron

src/app/(dashboard)/teacher/attendance/stats/page.tsx

@@ -1,13 +1,20 @@
 import type { JSX } from "react"
+import Link from "next/link"
 import { getTranslations } from "next-intl/server"
+import { requirePermission } from "@/shared/lib/auth-guard"
+import { Permissions } from "@/shared/types/permissions"
 import { getTeacherClasses } from "@/modules/classes/data-access"
-import { getClassAttendanceStats } from "@/modules/attendance/data-access-stats"
+import { getClassAttendanceStats, getClassAttendanceWarnings, getAttendanceTrend } from "@/modules/attendance/data-access-stats"
 import { AttendanceStatsCard } from "@/modules/attendance/components/attendance-stats-card"
 import { AttendanceRecordList } from "@/modules/attendance/components/attendance-record-list"
 import { AttendanceStatsClassSelector } from "@/modules/attendance/components/attendance-stats-class-selector"
+import { AttendanceWarningsCard } from "@/modules/attendance/components/attendance-warnings-card"
+import { AttendanceTrendChart } from "@/modules/attendance/components/attendance-trend-chart"
+import type { TrendGranularity } from "@/modules/attendance/trend-compute"
+import { Button } from "@/shared/components/ui/button"
 import { EmptyState } from "@/shared/components/ui/empty-state"
 import { getParam, type SearchParams } from "@/shared/lib/search-params"
-import { BarChart3 } from "lucide-react"
+import { BarChart3, FileText } from "lucide-react"
 
 export const dynamic = "force-dynamic"
 
@@ -16,12 +23,19 @@ export default async function AttendanceStatsPage({
 }: {
   searchParams: Promise<SearchParams>
 }): Promise<JSX.Element> {
+  await requirePermission(Permissions.ATTENDANCE_READ)
   const t = await getTranslations("attendance")
   const sp = await searchParams
 
   const classId = getParam(sp, "classId")
   const startDate = getParam(sp, "startDate")
   const endDate = getParam(sp, "endDate")
+  // L-4：趋势粒度（默认 weekly）
+  const granularityParam = getParam(sp, "granularity")
+  const granularity: TrendGranularity =
+    granularityParam === "daily" || granularityParam === "monthly"
+      ? granularityParam
+      : "weekly"
 
   const classes = await getTeacherClasses()
 
@@ -44,19 +58,28 @@ export default async function AttendanceStatsPage({
 
   const targetClassId = classId ?? classes[0].id
 
-  const summary = await getClassAttendanceStats(
-    targetClassId,
-    startDate,
-    endDate
-  )
+  // 并行获取统计、预警、趋势三个独立查询
+  const [summary, warnings, trend] = await Promise.all([
+    getClassAttendanceStats(targetClassId, startDate, endDate),
+    getClassAttendanceWarnings(targetClassId, startDate, endDate),
+    getAttendanceTrend(targetClassId, granularity, startDate, endDate),
+  ])
 
   const classOptions = classes.map((c) => ({ id: c.id, name: c.name }))
 
   return (
     <div className="h-full flex-1 flex-col space-y-8 p-8 md:flex">
-      <div>
-        <h1 className="text-2xl font-bold tracking-tight">{t("title.teacherStats")}</h1>
-        <p className="text-muted-foreground">{t("description.teacherStats")}</p>
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold tracking-tight">{t("title.teacherStats")}</h1>
+          <p className="text-muted-foreground">{t("description.teacherStats")}</p>
+        </div>
+        <Button asChild variant="outline">
+          <Link href={`/teacher/attendance/report?classId=${targetClassId}${startDate ? `&startDate=${startDate}` : ""}${endDate ? `&endDate=${endDate}` : ""}`}>
+            <FileText className="mr-2 h-4 w-4" />
+            {t("report.title")}
+          </Link>
+        </Button>
       </div>
 
       <AttendanceStatsClassSelector
@@ -69,6 +92,8 @@ export default async function AttendanceStatsPage({
       {summary ? (
         <>
           <AttendanceStatsCard stats={summary.stats} />
+          <AttendanceWarningsCard summary={warnings} />
+          <AttendanceTrendChart summary={trend} granularity={granularity} />
           <div>
             <h2 className="mb-4 text-lg font-semibold">{t("stats.studentRecords")}</h2>
             <AttendanceRecordList records={summary.studentRecords} />