Upload 67 files

App.tsx

@@ -243,8 +243,18 @@ const AppContent: React.FC = () => {
 
   const showLiveAssistant = currentUser && (currentUser.role === UserRole.ADMIN || currentUser.aiAccess);
 
+  // Layout Logic:
+  // For 'ai-assistant' and 'games', we want full height without internal padding from Main, 
+  // so the component can manage its own scroll/flex layout (sticky headers/footers).
+  // For other pages, we use the standard scrolling Main container.
+  const isAppLikePage = currentView === 'ai-assistant' || currentView === 'games';
+  
+  const mainClasses = isAppLikePage
+    ? "flex-1 overflow-hidden relative bg-slate-50 w-full" 
+    : "flex-1 overflow-x-hidden overflow-y-auto bg-gray-50 p-4 md:p-6 w-full relative";
+
   return (
-    // Changed h-screen to fixed inset-0 to prevent body scrolling on mobile
+    // Fixed inset-0 prevents body scroll, everything happens inside
     <div className="fixed inset-0 flex bg-gray-50 overflow-hidden">
       <Sidebar
         currentView={currentView}
@@ -255,13 +265,19 @@ const AppContent: React.FC = () => {
         onClose={() => setSidebarOpen(false)}
       />
       
-      <div className="flex-1 flex flex-col w-full relative h-full">
+      <div className="flex-1 flex flex-col w-full relative h-full min-w-0">
         <Header user={currentUser!} title={viewTitles[currentView] || '智慧校园'} onMenuClick={() => setSidebarOpen(true)}/>
-        <main className="flex-1 overflow-x-hidden overflow-y-auto bg-gray-50 p-4 md:p-6 w-full relative">
-          <div className="max-w-7xl mx-auto w-full min-h-full">
-            {renderContent()}
-          </div>
+        
+        <main className={mainClasses}>
+          {isAppLikePage ? (
+             renderContent()
+          ) : (
+             <div className="max-w-7xl mx-auto w-full min-h-full">
+               {renderContent()}
+             </div>
+          )}
         </main>
+        
         {showLiveAssistant && <LiveAssistant />}
       </div>
     </div>

components/Sidebar.tsx

@@ -19,11 +19,16 @@ interface MenuItem {
   roles: UserRole[];
 }
 
-// Define static items outside component to prevent recreation
-const STATIC_MENU_ITEMS: MenuItem[] = [
+export const Sidebar: React.FC<SidebarProps> = ({ currentView, onChangeView, userRole, onLogout, isOpen, onClose }) => {
+  const currentUser = api.auth.getCurrentUser();
+  const canSeeAI = userRole === UserRole.ADMIN || (userRole === UserRole.TEACHER && currentUser?.aiAccess);
+  const isHomeroom = userRole === UserRole.TEACHER && !!currentUser?.homeroomClass;
+
+  // Default Items
+  const defaultItems: MenuItem[] = [
     { id: 'dashboard', label: '工作台', icon: LayoutDashboard, roles: [UserRole.ADMIN, UserRole.PRINCIPAL, UserRole.TEACHER, UserRole.STUDENT] },
-    { id: 'my-class', label: '我的班级', icon: UserCheck, roles: [UserRole.TEACHER] }, 
-    { id: 'ai-assistant', label: 'AI 智能助教', icon: Bot, roles: [UserRole.ADMIN, UserRole.TEACHER] }, 
+    { id: 'my-class', label: '我的班级', icon: UserCheck, roles: isHomeroom ? [UserRole.TEACHER] : [] }, 
+    { id: 'ai-assistant', label: 'AI 智能助教', icon: Bot, roles: canSeeAI ? [UserRole.ADMIN, UserRole.TEACHER] : [] }, 
     { id: 'attendance', label: '考勤管理', icon: CalendarCheck, roles: [UserRole.TEACHER, UserRole.PRINCIPAL] }, 
     { id: 'games', label: '互动教学', icon: Gamepad2, roles: [UserRole.TEACHER, UserRole.STUDENT] }, 
     { id: 'wishes', label: '心愿与反馈', icon: MessageSquare, roles: [UserRole.ADMIN, UserRole.PRINCIPAL, UserRole.TEACHER, UserRole.STUDENT] }, 
@@ -37,91 +42,72 @@ const STATIC_MENU_ITEMS: MenuItem[] = [
     { id: 'users', label: '用户管理', icon: UserCog, roles: [UserRole.ADMIN, UserRole.PRINCIPAL, UserRole.TEACHER] }, 
     { id: 'profile', label: '个人中心', icon: UserCircle, roles: [UserRole.ADMIN, UserRole.PRINCIPAL, UserRole.TEACHER, UserRole.STUDENT] },
     { id: 'settings', label: '系统设置', icon: Settings, roles: [UserRole.ADMIN, UserRole.PRINCIPAL] },
-];
-
-export const Sidebar: React.FC<SidebarProps> = ({ currentView, onChangeView, userRole, onLogout, isOpen, onClose }) => {
-  const currentUser = api.auth.getCurrentUser();
-  const canSeeAI = userRole === UserRole.ADMIN || (userRole === UserRole.TEACHER && currentUser?.aiAccess);
-  const isHomeroom = userRole === UserRole.TEACHER && !!currentUser?.homeroomClass;
+  ];
 
-  const [menuItems, setMenuItems] = useState<MenuItem[]>(STATIC_MENU_ITEMS);
+  const [menuItems, setMenuItems] = useState<MenuItem[]>(defaultItems);
   const [isEditing, setIsEditing] = useState(false);
   const [installPrompt, setInstallPrompt] = useState<any>(null);
   const [isStandalone, setIsStandalone] = useState(false);
 
-  // Capture the PWA install prompt event
+  // Capture PWA Prompt
   useEffect(() => {
-    // 1. Check if already running in standalone mode (installed)
-    const isStandaloneMode = window.matchMedia('(display-mode: standalone)').matches || 
-                             (window.navigator as any).standalone === true;
-    setIsStandalone(isStandaloneMode);
-
-    if (isStandaloneMode) return;
+    // 1. Check Standalone
+    const checkStandalone = () => {
+        const isStandaloneMode = window.matchMedia('(display-mode: standalone)').matches || 
+                                 (window.navigator as any).standalone === true;
+        setIsStandalone(isStandaloneMode);
+    };
+    checkStandalone();
+    window.matchMedia('(display-mode: standalone)').addEventListener('change', checkStandalone);
 
-    // 2. Check if the event was already captured globally (in index.html)
     if ((window as any).deferredPrompt) {
-        console.log('⚡ Using globally captured PWA prompt');
         setInstallPrompt((window as any).deferredPrompt);
     }
 
-    // 3. Setup listener for future events (if not yet captured)
     const handler = (e: any) => {
       e.preventDefault();
-      // Update global and local state
       (window as any).deferredPrompt = e;
       setInstallPrompt(e);
-      console.log('⚡ PWA prompt event fired in component');
     };
 
     window.addEventListener('beforeinstallprompt', handler);
-    return () => window.removeEventListener('beforeinstallprompt', handler);
+    return () => {
+        window.removeEventListener('beforeinstallprompt', handler);
+        window.matchMedia('(display-mode: standalone)').removeEventListener('change', checkStandalone);
+    };
   }, []);
 
   const handleInstallClick = async () => {
-    // Prefer local state, fallback to global
     const promptEvent = installPrompt || (window as any).deferredPrompt;
-    
     if (!promptEvent) {
         alert('安装功能当前不可用。请尝试点击浏览器菜单中的“添加到主屏幕”或“安装应用”。');
         return;
     }
-
-    // Show the install prompt
     promptEvent.prompt();
-    
-    // Wait for the user to respond to the prompt
     const { outcome } = await promptEvent.userChoice;
-    
     if (outcome === 'accepted') {
-      console.log('User accepted the install prompt');
       setInstallPrompt(null);
       (window as any).deferredPrompt = null;
-    } else {
-      console.log('User dismissed the install prompt');
     }
   };
 
-  // Memoize logic to avoid recalculation loops
   useEffect(() => {
-      let ordered: MenuItem[] = [];
-      const userOrder = currentUser?.menuOrder || [];
-
-      if (userOrder.length > 0) {
-          const map = new Map(STATIC_MENU_ITEMS.map(i => [i.id, i]));
+      // Load saved order
+      if (currentUser?.menuOrder && currentUser.menuOrder.length > 0) {
+          const ordered: MenuItem[] = [];
+          const map = new Map(defaultItems.map(i => [i.id, i]));
           // Add saved items in order
-          userOrder.forEach(id => {
+          currentUser.menuOrder.forEach(id => {
               if (map.has(id)) {
                   ordered.push(map.get(id)!);
                   map.delete(id);
               }
           });
-          // Append remaining items
+          // Append any new/remaining items
           map.forEach(item => ordered.push(item));
-      } else {
-          ordered = [...STATIC_MENU_ITEMS];
+          setMenuItems(ordered);
       }
-      setMenuItems(ordered);
-  }, [currentUser?.menuOrder]); // Only re-run if the order specifically changes
+  }, []);
 
   const handleMove = (index: number, direction: -1 | 1) => {
       const newItems = [...menuItems];
@@ -137,13 +123,13 @@ export const Sidebar: React.FC<SidebarProps> = ({ currentView, onChangeView, use
       if (currentUser && currentUser._id) {
           try {
               await api.users.saveMenuOrder(currentUser._id, orderIds);
+              // Update local user object
               const updatedUser = { ...currentUser, menuOrder: orderIds };
               localStorage.setItem('user', JSON.stringify(updatedUser));
           } catch(e) { console.error("Failed to save menu order"); }
       }
   };
 
-  // Added 'flex flex-col h-full' to ensure proper layout on mobile
   const sidebarClasses = `
     fixed inset-y-0 left-0 z-50 w-64 bg-slate-900 text-white transition-transform duration-300 ease-in-out transform 
     flex flex-col h-full
@@ -180,7 +166,7 @@ export const Sidebar: React.FC<SidebarProps> = ({ currentView, onChangeView, use
             {menuItems.map((item, idx) => {
               if (item.roles.length > 0 && !item.roles.includes(userRole)) return null;
               if (item.id === 'ai-assistant' && !canSeeAI) return null;
-              // Specific check for homeroom class feature
+              // Special check for 'my-class': only homeroom teachers
               if (item.id === 'my-class' && !isHomeroom) return null;
               
               const Icon = item.icon;
@@ -212,7 +198,7 @@ export const Sidebar: React.FC<SidebarProps> = ({ currentView, onChangeView, use
           </nav>
         </div>
 
-        <div className="p-4 border-t border-slate-700 space-y-2 shrink-0">
+        <div className="p-4 border-t border-slate-700 shrink-0 space-y-2">
           {!isStandalone && installPrompt && (
             <button onClick={handleInstallClick} className="w-full flex items-center space-x-3 px-4 py-3 rounded-lg bg-gradient-to-r from-blue-600 to-indigo-600 text-white hover:shadow-lg transition-all duration-200 animate-in fade-in slide-in-from-bottom-2">
               <Download size={20} />
@@ -220,7 +206,6 @@ export const Sidebar: React.FC<SidebarProps> = ({ currentView, onChangeView, use
             </button>
           )}
           
-          {/* Fallback for iOS/Manual if prompt missing but not installed */}
           {!isStandalone && !installPrompt && (
              <div className="lg:hidden px-4 py-2 bg-slate-800 rounded-lg text-[10px] text-slate-400 border border-slate-700 flex gap-2 items-start">
                  <Smartphone size={14} className="mt-0.5 shrink-0"/>
@@ -231,7 +216,7 @@ export const Sidebar: React.FC<SidebarProps> = ({ currentView, onChangeView, use
                  </div>
              </div>
           )}
-          
+
           <div className="px-4 py-2 text-xs text-slate-500 flex justify-between">
               <span>当前角色:</span>
               <span className="text-slate-300 font-bold">

utils/documentParser.ts

@@ -4,16 +4,6 @@ import mammoth from 'mammoth';
 // @ts-ignore
 import * as pdfjsProxy from 'pdfjs-dist';
 
-// Handle potential default export (ESM vs CommonJS interop issues)
-const pdfjsLib = (pdfjsProxy as any).default || pdfjsProxy;
-
-// Set worker for PDF.js safely. Using the same version from ESM CDN.
-if (pdfjsLib && pdfjsLib.GlobalWorkerOptions) {
-    pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://esm.sh/pdfjs-dist@3.11.174/build/pdf.worker.min.js';
-} else {
-    console.warn("PDF.js GlobalWorkerOptions not found. PDF parsing might fail.");
-}
-
 export interface ParsedDocument {
     fileName: string;
     content: string;
@@ -58,30 +48,40 @@ const parseDocx = (file: File): Promise<string> => {
 };
 
 const parsePdf = async (file: File): Promise<string> => {
-    return new Promise((resolve, reject) => {
-        const reader = new FileReader();
-        reader.onload = async (e) => {
-            try {
-                const typedarray = new Uint8Array(e.target?.result as ArrayBuffer);
-                // Ensure we call getDocument on the resolved library object
-                if (!pdfjsLib || !pdfjsLib.getDocument) {
-                    throw new Error('PDF.js library not loaded correctly');
-                }
-                const pdf = await pdfjsLib.getDocument(typedarray).promise;
-                let fullText = '';
-                
-                for (let i = 1; i <= pdf.numPages; i++) {
-                    const page = await pdf.getPage(i);
-                    const textContent = await page.getTextContent();
-                    const pageText = textContent.items.map((item: any) => item.str).join(' ');
-                    fullText += pageText + '\n';
+    // Lazy initialize worker to prevent top-level await/import crashes
+    try {
+        const pdfjsLib = (pdfjsProxy as any).default || pdfjsProxy;
+        if (pdfjsLib && !pdfjsLib.GlobalWorkerOptions.workerSrc) {
+            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://esm.sh/pdfjs-dist@3.11.174/build/pdf.worker.min.js';
+        }
+        
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onload = async (e) => {
+                try {
+                    const typedarray = new Uint8Array(e.target?.result as ArrayBuffer);
+                    if (!pdfjsLib || !pdfjsLib.getDocument) {
+                        throw new Error('PDF.js library not loaded correctly');
+                    }
+                    const pdf = await pdfjsLib.getDocument(typedarray).promise;
+                    let fullText = '';
+                    
+                    for (let i = 1; i <= pdf.numPages; i++) {
+                        const page = await pdf.getPage(i);
+                        const textContent = await page.getTextContent();
+                        const pageText = textContent.items.map((item: any) => item.str).join(' ');
+                        fullText += pageText + '\n';
+                    }
+                    resolve(fullText);
+                } catch (err) {
+                    reject(err);
                 }
-                resolve(fullText);
-            } catch (err) {
-                reject(err);
-            }
-        };
-        reader.onerror = (e) => reject(e);
-        reader.readAsArrayBuffer(file);
-    });
+            };
+            reader.onerror = (e) => reject(e);
+            reader.readAsArrayBuffer(file);
+        });
+    } catch (e) {
+        console.error("PDF Init Error", e);
+        throw new Error("PDF 解析库初始化失败，请检查网络或使用纯文本/Word。");
+    }
 };