完整性更新

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

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">