Update web/src/App.tsx

web/src/App.tsx

@@ -126,7 +126,6 @@ function App() {
   const [exportResult, setExportResult] = useState('');
   const [resultType, setResultType] = useState<'export' | 'quiz' | 'summary' | null>(null);
 
-  // Mock group members
   const [groupMembers] = useState<GroupMember[]>([
     { id: 'clare', name: 'Clare AI', email: 'clare@ai.assistant', isAI: true },
     { id: '1', name: 'Sarah Johnson', email: 'sarah.j@university.edu' },
@@ -140,18 +139,22 @@ function App() {
   }, [isDarkMode]);
 
   const userId = useMemo(() => {
-    // 兼容你现在 RightPanel 的 User 结构：email 作为 user_id
-    // 没登录也能测试：兜底 0405
+    // 登录时：email 作为 user_id；不登录也可跑通：0405
     return (user?.email || '0405').trim();
   }, [user]);
 
+  const isLoggedIn = useMemo(() => {
+    // 你如果希望“必须登录才能聊天/上传”，这里改回 !!user
+    // 目前为了便于调试后端，允许未登录也走通（user_id=0405）
+    return true;
+  }, []);
+
   const currentDocTypeForChat = useMemo(() => {
-    // 给 /api/chat 传一个“更合理”的 doc_type（不影响 upload）
-    const hasSyllabus = uploadedFiles.some(f => f.type === 'syllabus' && f.uploaded);
+    const hasSyllabus = uploadedFiles.some((f) => f.type === 'syllabus' && f.uploaded);
     if (hasSyllabus) return 'Syllabus';
-    const hasSlides = uploadedFiles.some(f => f.type === 'lecture-slides' && f.uploaded);
+    const hasSlides = uploadedFiles.some((f) => f.type === 'lecture-slides' && f.uploaded);
     if (hasSlides) return 'Lecture Slides';
-    const hasLit = uploadedFiles.some(f => f.type === 'literature-review' && f.uploaded);
+    const hasLit = uploadedFiles.some((f) => f.type === 'literature-review' && f.uploaded);
     if (hasLit) return 'Literature Review / Paper';
     return 'Other';
   }, [uploadedFiles]);
@@ -159,11 +162,8 @@ function App() {
   const handleSendMessage = async (content: string) => {
     if (!content.trim()) return;
 
-    // Group mode: only respond if @clare mentioned
-    const shouldAIRespond =
-      spaceType === 'individual' || content.toLowerCase().includes('@clare');
+    const shouldAIRespond = spaceType === 'individual' || content.toLowerCase().includes('@clare');
 
-    // Sender info in group mode
     const sender: GroupMember | undefined =
       spaceType === 'group' && user
         ? { id: user.email, name: user.name, email: user.email }
@@ -176,7 +176,7 @@ function App() {
       timestamp: new Date(),
       sender,
     };
-    setMessages(prev => [...prev, userMessage]);
+    setMessages((prev) => [...prev, userMessage]);
 
     if (!shouldAIRespond) return;
 
@@ -190,7 +190,7 @@ function App() {
       });
 
       const refs = (resp.refs || [])
-        .map(r => [r.source_file, r.section].filter(Boolean).join(' / '))
+        .map((r) => [r.source_file, r.section].filter(Boolean).join(' / '))
         .filter(Boolean);
 
       const assistantMessage: Message = {
@@ -199,45 +199,45 @@ function App() {
         content: resp.reply || '(empty reply)',
         timestamp: new Date(),
         references: refs.length ? refs : undefined,
-        sender: spaceType === 'group' ? groupMembers.find(m => m.isAI) : undefined,
+        sender: spaceType === 'group' ? groupMembers.find((m) => m.isAI) : undefined,
       };
 
-      setMessages(prev => [...prev, assistantMessage]);
+      setMessages((prev) => [...prev, assistantMessage]);
     } catch (e: any) {
       console.error(e);
       toast.error(`Chat failed: ${e?.message || 'unknown error'}`);
-      const assistantMessage: Message = {
-        id: (Date.now() + 1).toString(),
-        role: 'assistant',
-        content: `Sorry — chat request failed. ${e?.message || ''}`,
-        timestamp: new Date(),
-      };
-      setMessages(prev => [...prev, assistantMessage]);
+      setMessages((prev) => [
+        ...prev,
+        {
+          id: (Date.now() + 1).toString(),
+          role: 'assistant',
+          content: `Sorry — chat request failed. ${e?.message || ''}`,
+          timestamp: new Date(),
+        },
+      ]);
     }
   };
 
-  // ✅ 关键：选中文件时“只入库，不上传”
+  // ✅ 选文件：只入库，不上传
   const handleFileUpload = (files: File[]) => {
-    const newFiles: UploadedFile[] = files.map(file => ({
+    const newFiles: UploadedFile[] = files.map((file) => ({
       file,
       type: 'other',
       uploaded: false,
     }));
-    setUploadedFiles(prev => [...prev, ...newFiles]);
+    setUploadedFiles((prev) => [...prev, ...newFiles]);
     toast.message('Files added. Select a File Type, then click Upload.');
   };
 
   const handleRemoveFile = (index: number) => {
-    setUploadedFiles(prev => prev.filter((_, i) => i !== index));
+    setUploadedFiles((prev) => prev.filter((_, i) => i !== index));
   };
 
   const handleFileTypeChange = (index: number, type: FileType) => {
-    setUploadedFiles(prev =>
-      prev.map((f, i) => (i === index ? { ...f, type } : f))
-    );
+    setUploadedFiles((prev) => prev.map((f, i) => (i === index ? { ...f, type } : f)));
   };
 
-  // ✅ 真正上传：只在用户点 Upload/Upload All 时触发
+  // ✅ 上传单个文件（关键：读取“最新的 type”，写入 doc_type）
   const handleUploadSingle = async (index: number) => {
     const target = uploadedFiles[index];
     if (!target) return;
@@ -245,20 +245,15 @@ function App() {
     try {
       const form = new FormData();
       form.append('user_id', userId);
-      form.append('doc_type', mapFileTypeToDocType(target.type)); // Network 里会看到这里
+      form.append('doc_type', mapFileTypeToDocType(target.type));
       form.append('file', target.file);
 
       const r = await apiPostForm<UploadApiResp>('/api/upload', form);
+      if (!r.ok) throw new Error('Upload response ok=false');
 
-      if (!r.ok) {
-        throw new Error('Upload response ok=false');
-      }
-
-      setUploadedFiles(prev =>
+      setUploadedFiles((prev) =>
         prev.map((x, i) =>
-          i === index
-            ? { ...x, uploaded: true, uploadedChunks: r.added_chunks }
-            : x
+          i === index ? { ...x, uploaded: true, uploadedChunks: r.added_chunks } : x
         )
       );
 
@@ -269,11 +264,12 @@ function App() {
     }
   };
 
+  // ✅ 上传所有未上传
   const handleUploadAllPending = async () => {
     const pendingIdx = uploadedFiles
       .map((f, i) => ({ f, i }))
-      .filter(x => !x.f.uploaded)
-      .map(x => x.i);
+      .filter((x) => !x.f.uploaded)
+      .map((x) => x.i);
 
     if (!pendingIdx.length) {
       toast.message('No pending files to upload.');
@@ -281,7 +277,7 @@ function App() {
     }
 
     for (const idx of pendingIdx) {
-      // 顺序上传，便于定位问题
+      // 顺序上传便于 debug
       // eslint-disable-next-line no-await-in-loop
       await handleUploadSingle(idx);
     }
@@ -299,8 +295,6 @@ function App() {
     ]);
   };
 
-  // 这些 action 你后端现在还没实现（/api/export /api/summary 你有）
-  // 这里先直接调后端，结果显示在 RightPanel
   const handleExport = async () => {
     try {
       const r = await apiPostJson<{ markdown: string }>('/api/export', {
@@ -330,7 +324,6 @@ function App() {
     }
   };
 
-  // Quiz 你后端未必有接口，这里先保留 mock
   const handleQuiz = () => {
     const quiz = `# Micro-Quiz: Responsible AI
 
@@ -345,7 +338,6 @@ D) Cost reduction
     toast.success('Quiz generated!');
   };
 
-  // Memoryline：轻量拉一下（失败不影响）
   useEffect(() => {
     const run = async () => {
       try {
@@ -353,9 +345,7 @@ D) Cost reduction
         if (!res.ok) return;
         const j = await res.json();
         const pct = typeof j?.progress_pct === 'number' ? j.progress_pct : null;
-        if (pct !== null) {
-          setMemoryProgress(Math.round(pct * 100));
-        }
+        if (pct !== null) setMemoryProgress(Math.round(pct * 100));
       } catch {
         // ignore
       }
@@ -375,15 +365,10 @@ D) Cost reduction
       />
 
       <div className="flex-1 flex overflow-hidden">
-        {/* Mobile Sidebar Toggle - Left */}
         {leftSidebarOpen && (
-          <div
-            className="fixed inset-0 bg-black/50 z-40 lg:hidden"
-            onClick={() => setLeftSidebarOpen(false)}
-          />
+          <div className="fixed inset-0 bg-black/50 z-40 lg:hidden" onClick={() => setLeftSidebarOpen(false)} />
         )}
 
-        {/* Left Sidebar */}
         <aside
           className={`
             fixed lg:static inset-y-0 left-0 z-50
@@ -401,6 +386,7 @@ D) Cost reduction
               <X className="h-5 w-5" />
             </Button>
           </div>
+
           <LeftSidebar
             learningMode={learningMode}
             language={language}
@@ -412,7 +398,6 @@ D) Cost reduction
           />
         </aside>
 
-        {/* Main Chat Area */}
         <main className="flex-1 flex flex-col min-w-0">
           <ChatArea
             messages={messages}
@@ -424,7 +409,7 @@ D) Cost reduction
             onUploadSingle={handleUploadSingle}
             onUploadAllPending={handleUploadAllPending}
             memoryProgress={memoryProgress}
-            isLoggedIn={true} // 允许你不登录也跑通后端（user_id=0405）
+            isLoggedIn={isLoggedIn}
             learningMode={learningMode}
             onClearConversation={handleClearConversation}
             onLearningModeChange={setLearningMode}
@@ -432,15 +417,10 @@ D) Cost reduction
           />
         </main>
 
-        {/* Mobile Sidebar Toggle - Right */}
         {rightPanelOpen && (
-          <div
-            className="fixed inset-0 bg-black/50 z-40 lg:hidden"
-            onClick={() => setRightPanelOpen(false)}
-          />
+          <div className="fixed inset-0 bg-black/50 z-40 lg:hidden" onClick={() => setRightPanelOpen(false)} />
         )}
 
-        {/* Right Panel */}
         {rightPanelVisible && (
           <aside
             className={`
@@ -474,7 +454,6 @@ D) Cost reduction
           </aside>
         )}
 
-        {/* Toggle Right Panel Button - Desktop only */}
         <Button
           variant="outline"
           size="icon"
@@ -487,7 +466,6 @@ D) Cost reduction
           {rightPanelVisible ? <ChevronRight className="h-3 w-3" /> : <ChevronLeft className="h-3 w-3" />}
         </Button>
 
-        {/* Floating Action Buttons - Desktop only, when panel is closed */}
         {!rightPanelVisible && (
           <FloatingActionButtons
             user={user}