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)/student/lesson-plans/[planId]/view/error.tsx

@@ -0,0 +1,20 @@
+"use client"
+
+import { useTranslations } from "next-intl"
+import { BookOpen } from "lucide-react"
+import { EmptyState } from "@/shared/components/ui/empty-state"
+
+export default function StudentLessonPlanViewError() {
+  const t = useTranslations("lessonPreparation")
+  return (
+    <div className="p-8">
+      <EmptyState
+        icon={BookOpen}
+        title={t("error.loadFailed")}
+        description={t("error.loadFailedDesc")}
+        action={{ label: t("error.retry"), onClick: () => window.location.reload() }}
+        className="border-none shadow-none"
+      />
+    </div>
+  )
+}

src/app/(dashboard)/student/lesson-plans/[planId]/view/loading.tsx

@@ -0,0 +1,11 @@
+import { Skeleton } from "@/shared/components/ui/skeleton"
+
+export default function StudentLessonPlanViewLoading() {
+  return (
+    <div className="h-[calc(100vh-4rem)]">
+      <div className="flex h-full items-center justify-center">
+        <Skeleton className="h-[80%] w-[80%]" />
+      </div>
+    </div>
+  )
+}

src/app/(dashboard)/student/lesson-plans/[planId]/view/page.tsx

@@ -0,0 +1,83 @@
+import type { JSX } from "react"
+import { Suspense } from "react"
+import { getTranslations } from "next-intl/server"
+import { getAuthContext } from "@/shared/lib/auth-guard"
+import { getLessonPlanById } from "@/modules/lesson-preparation/data-access"
+import { getTextbookById, getChaptersByTextbookId } from "@/modules/textbooks/data-access"
+import { LessonPlanReadonlyView } from "@/modules/lesson-preparation/components/lesson-plan-readonly-view"
+import { Skeleton } from "@/shared/components/ui/skeleton"
+
+export const dynamic = "force-dynamic"
+
+export default async function StudentLessonPlanViewPage({
+  params,
+}: {
+  params: Promise<{ planId: string }>
+}): Promise<JSX.Element> {
+  const { planId } = await params
+  const t = await getTranslations("lessonPreparation")
+  const ctx = await getAuthContext()
+
+  const plan = await getLessonPlanById(planId, ctx.userId)
+  if (!plan) {
+    return (
+      <div className="p-6">
+        <div className="rounded-md border border-outline-variant bg-surface-container-low p-4 text-on-surface-variant">
+          {t("readonly.notFound")}
+        </div>
+      </div>
+    )
+  }
+
+  // 学生只能查看已发布的课案
+  if (plan.status !== "published") {
+    return (
+      <div className="p-6">
+        <div className="rounded-md border border-outline-variant bg-surface-container-low p-4 text-on-surface-variant">
+          {t("readonly.notPublished")}
+        </div>
+      </div>
+    )
+  }
+
+  // 拉取教材/章节标题
+  let textbookTitle: string | undefined
+  let chapterTitle: string | undefined
+  if (plan.textbookId) {
+    const textbook = await getTextbookById(plan.textbookId)
+    textbookTitle = textbook?.title
+    if (plan.chapterId) {
+      const chapters = await getChaptersByTextbookId(plan.textbookId)
+      const findChapter = (list: typeof chapters): typeof chapters[number] | undefined => {
+        for (const ch of list) {
+          if (ch.id === plan.chapterId) return ch
+          if (ch.children && ch.children.length > 0) {
+            const found = findChapter(ch.children as typeof chapters)
+            if (found) return found
+          }
+        }
+        return undefined
+      }
+      const chapter = findChapter(chapters)
+      chapterTitle = chapter?.title
+    }
+  }
+
+  return (
+    <div className="h-[calc(100vh-4rem)]">
+      <Suspense
+        fallback={
+          <div className="flex h-full items-center justify-center">
+            <Skeleton className="h-[80%] w-[80%]" />
+          </div>
+        }
+      >
+        <LessonPlanReadonlyView
+          doc={plan.content}
+          textbookTitle={textbookTitle}
+          chapterTitle={chapterTitle}
+        />
+      </Suspense>
+    </div>
+  )
+}

src/app/(dashboard)/student/lesson-plans/error.tsx

@@ -0,0 +1,20 @@
+"use client"
+
+import { useTranslations } from "next-intl"
+import { BookOpen } from "lucide-react"
+import { EmptyState } from "@/shared/components/ui/empty-state"
+
+export default function StudentLessonPlansError() {
+  const t = useTranslations("lessonPreparation")
+  return (
+    <div className="p-8">
+      <EmptyState
+        icon={BookOpen}
+        title={t("error.loadFailed")}
+        description={t("error.loadFailedDesc")}
+        action={{ label: t("error.retry"), onClick: () => window.location.reload() }}
+        className="border-none shadow-none"
+      />
+    </div>
+  )
+}

src/app/(dashboard)/student/lesson-plans/loading.tsx

@@ -0,0 +1,17 @@
+import { Skeleton } from "@/shared/components/ui/skeleton"
+
+export default function StudentLessonPlansLoading() {
+  return (
+    <div className="p-6 space-y-4">
+      <div className="space-y-2">
+        <Skeleton className="h-8 w-[180px]" />
+        <Skeleton className="h-4 w-[300px]" />
+      </div>
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+        {Array.from({ length: 6 }).map((_, i) => (
+          <Skeleton key={i} className="h-[180px] w-full" />
+        ))}
+      </div>
+    </div>
+  )
+}

src/app/(dashboard)/student/lesson-plans/page.tsx

@@ -0,0 +1,44 @@
+import type { JSX } from "react"
+import { Suspense } from "react"
+import { getTranslations } from "next-intl/server"
+import { getAuthContext } from "@/shared/lib/auth-guard"
+import { getLessonPlans } from "@/modules/lesson-preparation/data-access"
+import { getSubjectOptions } from "@/modules/school/data-access"
+import { LessonPlanList } from "@/modules/lesson-preparation/components/lesson-plan-list"
+import { Skeleton } from "@/shared/components/ui/skeleton"
+
+export const dynamic = "force-dynamic"
+
+export default async function StudentLessonPlansPage(): Promise<JSX.Element> {
+  const t = await getTranslations("lessonPreparation")
+  const ctx = await getAuthContext()
+
+  const [items, subjects] = await Promise.all([
+    getLessonPlans({ status: "published" }, ctx.dataScope, ctx.userId),
+    getSubjectOptions(),
+  ])
+
+  return (
+    <div className="p-6 space-y-4">
+      <div>
+        <h1 className="text-2xl font-bold tracking-tight">{t("student.title")}</h1>
+        <p className="text-muted-foreground">{t("student.description")}</p>
+      </div>
+      <Suspense
+        fallback={
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+            {Array.from({ length: 6 }).map((_, i) => (
+              <Skeleton key={i} className="h-[180px] w-full" />
+            ))}
+          </div>
+        }
+      >
+        <LessonPlanList
+          initialItems={items}
+          subjects={subjects}
+          viewMode="student"
+        />
+      </Suspense>
+    </div>
+  )
+}