完整性更新

现在已经实现了大部分基础功能

src/modules/layout/components/app-sidebar.tsx

@@ -3,6 +3,7 @@
 import * as React from "react"
 import Link from "next/link"
 import { usePathname } from "next/navigation"
+import { useSession } from "next-auth/react"
 import { ChevronRight } from "lucide-react"
 
 import {
@@ -17,13 +18,6 @@ import {
   TooltipProvider,
   TooltipTrigger,
 } from "@/shared/components/ui/tooltip"
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/shared/components/ui/select"
 import { cn } from "@/shared/lib/utils"
 import { useSidebar } from "./sidebar-provider"
 import { NAV_CONFIG, Role } from "../config/navigation"
@@ -35,11 +29,10 @@ interface AppSidebarProps {
 export function AppSidebar({ mode }: AppSidebarProps) {
   const { expanded, toggleSidebar, isMobile } = useSidebar()
   const pathname = usePathname()
-  
-  // MOCK ROLE: In real app, get this from auth context / session
-  const [currentRole, setCurrentRole] = React.useState<Role>("admin")
+  const { data } = useSession()
+  const currentRole = (data?.user?.role ?? "teacher") as Role
 
-  const navItems = NAV_CONFIG[currentRole]
+  const navItems = NAV_CONFIG[currentRole] ?? NAV_CONFIG.teacher
 
   // Ensure consistent state for hydration
   if (!expanded && mode === 'mobile') return null 
@@ -62,26 +55,6 @@ export function AppSidebar({ mode }: AppSidebarProps) {
         )}
       </div>
 
-      {/* Role Switcher (Dev Only - for Demo) */}
-      {(expanded || isMobile) && (
-        <div className="px-4">
-          <label className="text-muted-foreground mb-2 block text-xs font-medium uppercase">
-            View As (Dev Mode)
-          </label>
-          <Select value={currentRole} onValueChange={(v) => setCurrentRole(v as Role)}>
-            <SelectTrigger>
-              <SelectValue placeholder="Select Role" />
-            </SelectTrigger>
-            <SelectContent>
-              <SelectItem value="admin">Admin</SelectItem>
-              <SelectItem value="teacher">Teacher</SelectItem>
-              <SelectItem value="student">Student</SelectItem>
-              <SelectItem value="parent">Parent</SelectItem>
-            </SelectContent>
-          </Select>
-        </div>
-      )}
-
       {/* Navigation */}
       <ScrollArea className="flex-1 px-3">
         <nav className="flex flex-col gap-2 py-4">

src/modules/layout/components/sidebar-provider.tsx

@@ -1,7 +1,6 @@
 "use client"
 
 import * as React from "react"
-import { Menu } from "lucide-react"
 
 import {
   Sheet,

src/modules/layout/components/site-header.tsx

@@ -1,7 +1,9 @@
 "use client"
 
 import * as React from "react"
+import Link from "next/link"
 import { Bell, Menu, Search } from "lucide-react"
+import { signOut } from "next-auth/react"
 
 import { Button } from "@/shared/components/ui/button"
 import { Input } from "@/shared/components/ui/input"
@@ -14,7 +16,7 @@ import {
   BreadcrumbPage,
   BreadcrumbSeparator,
 } from "@/shared/components/ui/breadcrumb"
-import { Avatar, AvatarFallback, AvatarImage } from "@/shared/components/ui/avatar"
+import { Avatar, AvatarFallback } from "@/shared/components/ui/avatar"
 import {
     DropdownMenu,
     DropdownMenuContent,
@@ -78,7 +80,6 @@ export function SiteHeader() {
             <DropdownMenuTrigger asChild>
                 <Button variant="ghost" className="relative size-8 rounded-full">
                     <Avatar className="size-8">
-                        <AvatarImage src="/avatars/01.png" alt="@user" />
                         <AvatarFallback>AD</AvatarFallback>
                     </Avatar>
                 </Button>
@@ -91,10 +92,20 @@ export function SiteHeader() {
                     </div>
                 </DropdownMenuLabel>
                 <DropdownMenuSeparator />
-                <DropdownMenuItem>Profile</DropdownMenuItem>
-                <DropdownMenuItem>Settings</DropdownMenuItem>
+                <DropdownMenuItem asChild>
+                  <Link href="/profile">Profile</Link>
+                </DropdownMenuItem>
+                <DropdownMenuItem asChild>
+                  <Link href="/settings">Settings</Link>
+                </DropdownMenuItem>
                 <DropdownMenuSeparator />
-                <DropdownMenuItem className="text-destructive focus:bg-destructive/10">
+                <DropdownMenuItem
+                  className="text-destructive focus:bg-destructive/10"
+                  onSelect={(e) => {
+                    e.preventDefault()
+                    signOut({ callbackUrl: "/login" })
+                  }}
+                >
                     Log out
                 </DropdownMenuItem>
             </DropdownMenuContent>

src/modules/layout/config/navigation.ts

@@ -37,8 +37,11 @@ export const NAV_CONFIG: Record<Role, NavItem[]> = {
       icon: Shield,
       href: "/admin/school",
       items: [
+        { title: "Schools", href: "/admin/school/schools" },
+        { title: "Grades", href: "/admin/school/grades" },
+        { title: "Grade Insights", href: "/admin/school/grades/insights" },
         { title: "Departments", href: "/admin/school/departments" },
-        { title: "Classrooms", href: "/admin/school/classrooms" },
+        { title: "Classes", href: "/admin/school/classes" },
         { title: "Academic Year", href: "/admin/school/academic-year" },
       ]
     },
@@ -82,7 +85,7 @@ export const NAV_CONFIG: Record<Role, NavItem[]> = {
     {
       title: "Dashboard",
       icon: LayoutDashboard,
-      href: "/dashboard",
+      href: "/teacher/dashboard",
     },
     {
       title: "Textbooks",
@@ -120,6 +123,8 @@ export const NAV_CONFIG: Record<Role, NavItem[]> = {
         { title: "My Classes", href: "/teacher/classes/my" },
         { title: "Students", href: "/teacher/classes/students" },
         { title: "Schedule", href: "/teacher/classes/schedule" },
+        { title: "Insights", href: "/teacher/classes/insights" },
+        { title: "Grade Insights", href: "/teacher/grades/insights" },
       ]
     },
   ],
@@ -127,7 +132,7 @@ export const NAV_CONFIG: Record<Role, NavItem[]> = {
     {
       title: "Dashboard",
       icon: LayoutDashboard,
-      href: "/dashboard",
+      href: "/student/dashboard",
     },
     {
       title: "My Learning",
@@ -136,7 +141,7 @@ export const NAV_CONFIG: Record<Role, NavItem[]> = {
       items: [
         { title: "Courses", href: "/student/learning/courses" },
         { title: "Assignments", href: "/student/learning/assignments" },
-        { title: "Grades", href: "/student/learning/grades" },
+        { title: "Textbooks", href: "/student/learning/textbooks" },
       ]
     },
     {