Module Update

src/app/(dashboard)/teacher/textbooks/[id]/page.tsx

@@ -0,0 +1,80 @@
+import { notFound } from "next/navigation";
+import { ArrowLeft, Edit } from "lucide-react";
+import Link from "next/link";
+import { Button } from "@/shared/components/ui/button";
+import { Badge } from "@/shared/components/ui/badge";
+import { getTextbookById, getChaptersByTextbookId, getKnowledgePointsByChapterId } from "@/modules/textbooks/data-access";
+import { TextbookContentLayout } from "@/modules/textbooks/components/textbook-content-layout";
+import { TextbookSettingsDialog } from "@/modules/textbooks/components/textbook-settings-dialog";
+
+export default async function TextbookDetailPage({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const { id } = await params;
+  
+  const [textbook, chapters] = await Promise.all([
+    getTextbookById(id),
+    getChaptersByTextbookId(id),
+  ]);
+
+  if (!textbook) {
+    notFound();
+  }
+
+  // Fetch all KPs for these chapters. In a real app, this might be optimized to fetch only needed or use a different query strategy.
+  // For now, we simulate fetching KPs for all chapters to pass down, or we could fetch on demand.
+  // Given the layout loads everything client-side for interactivity, let's fetch all KPs associated with any chapter in this textbook.
+  // We'll need to extend the data access for this specific query pattern or loop.
+  // For simplicity in this mock, let's assume getKnowledgePointsByChapterId can handle fetching all KPs for a textbook if we had such a function,
+  // or we iterate. Let's create a helper to get all KPs for the textbook's chapters.
+  
+  // Actually, let's update data-access to support getting KPs by Textbook ID directly or just fetch all for mock.
+  // Since we don't have getKnowledgePointsByTextbookId, we will map over chapters.
+  
+  const allKnowledgePoints = (await Promise.all(
+    chapters.map(c => getKnowledgePointsByChapterId(c.id))
+  )).flat();
+
+  // Also need to get KPs for children chapters if any
+  const childrenKPs = (await Promise.all(
+    chapters.flatMap(c => c.children || []).map(child => getKnowledgePointsByChapterId(child.id))
+  )).flat();
+
+  const knowledgePoints = [...allKnowledgePoints, ...childrenKPs];
+
+  return (
+    <div className="flex flex-col h-[calc(100vh-4rem)] overflow-hidden">
+      {/* Header / Nav (Fixed height) */}
+      <div className="flex items-center gap-4 py-4 border-b shrink-0 bg-background z-10">
+        <Button variant="ghost" size="icon" asChild>
+          <Link href="/teacher/textbooks">
+            <ArrowLeft className="h-4 w-4" />
+          </Link>
+        </Button>
+        <div className="flex-1">
+          <div className="flex items-center gap-2 mb-1">
+             <Badge variant="outline">{textbook.subject}</Badge>
+             <span className="text-xs text-muted-foreground uppercase tracking-wider font-medium">
+                {textbook.grade}
+             </span>
+          </div>
+          <h1 className="text-xl font-bold tracking-tight line-clamp-1">{textbook.title}</h1>
+        </div>
+        <div className="flex gap-2">
+            <TextbookSettingsDialog textbook={textbook} />
+        </div>
+      </div>
+
+      {/* Main Content Layout (Flex grow) */}
+      <div className="flex-1 overflow-hidden pt-6">
+        <TextbookContentLayout 
+            chapters={chapters} 
+            knowledgePoints={knowledgePoints}
+            textbookId={id} 
+        />
+      </div>
+    </div>
+  );
+}