Update web/src/App.tsx

web/src/App.tsx

@@ -611,42 +611,62 @@ function App() {
     return "Syllabus";
   };
 
-  const handleSendMessage = async (content: string) => {
-    if (!content.trim() || !user) return;
 
+  const handleSendMessage = async (content: string) => {
+    if (!user) return;
+  
+    const hasText = !!content.trim();
+    const hasFiles = uploadedFiles.length > 0;
+  
+    // ✅ 允许“只发文件不发文字”
+    if (!hasText && !hasFiles) return;
+  
+    // ✅ 如果用户没写字，但上传了文件：构造一条后端可用的 message
+    const fileNames = hasFiles ? uploadedFiles.map((f) => f.file.name) : [];
+    const fileLine = fileNames.length ? `Uploaded files: ${fileNames.join(", ")}` : "";
+  
+    const effectiveContent = hasText
+      ? content
+      : `I've uploaded file(s). Please read them and help me based on their content.\n${fileLine}`.trim();
+  
     const sender: GroupMember = {
       id: user.email,
       name: user.name,
       email: user.email,
       avatar: `https://api.dicebear.com/7.x/avataaars/svg?seed=${encodeURIComponent(user.email)}`,
     };
-
+  
+    // ✅ 用户消息在 UI 里也要可见（否则会出现空白气泡）
+    const userVisibleContent = hasText
+      ? content
+      : `📎 Sent ${fileNames.length} file(s)\n${fileNames.map((n) => `- ${n}`).join("\n")}`;
+  
     const userMessage: Message = {
       id: Date.now().toString(),
       role: "user",
-      content,
+      content: userVisibleContent,
       timestamp: new Date(),
       sender,
     };
-
+  
     if (chatMode === "ask") setAskMessages((prev) => [...prev, userMessage]);
     else if (chatMode === "review") setReviewMessages((prev) => [...prev, userMessage]);
     else setQuizMessages((prev) => [...prev, userMessage]);
-
+  
     if (chatMode === "quiz") {
       setIsTyping(true);
-
+  
       try {
         const docType = getCurrentDocTypeForChat();
-
+  
         const r = await apiChat({
           user_id: user.email,
-          message: content,
+          message: effectiveContent,
           learning_mode: "quiz",
           language_preference: mapLanguagePref(language),
           doc_type: docType,
         });
-
+  
         const refs = (r.refs || [])
           .map((x) => {
             const a = x?.source_file ? String(x.source_file) : "";
@@ -655,7 +675,7 @@ function App() {
             return s || null;
           })
           .filter(Boolean) as string[];
-
+  
         const assistantMessage: Message = {
           id: (Date.now() + 1).toString(),
           role: "assistant",
@@ -665,9 +685,9 @@ function App() {
           sender: spaceType === "group" ? groupMembers.find((m) => m.isAI) : undefined,
           showNextButton: false,
         };
-
+  
         setIsTyping(false);
-
+  
         setTimeout(() => {
           setQuizMessages((prev) => [...prev, assistantMessage]);
           setQuizState((prev) => ({ ...prev, waitingForAnswer: true, showNextButton: false }));
@@ -675,7 +695,7 @@ function App() {
       } catch (e: any) {
         setIsTyping(false);
         toast.error(e?.message || "Quiz failed");
-
+  
         const assistantMessage: Message = {
           id: (Date.now() + 1).toString(),
           role: "assistant",
@@ -683,27 +703,27 @@ function App() {
           timestamp: new Date(),
           sender: spaceType === "group" ? groupMembers.find((m) => m.isAI) : undefined,
         };
-
+  
         setTimeout(() => {
           setQuizMessages((prev) => [...prev, assistantMessage]);
         }, 50);
       }
-
+  
       return;
     }
-
+  
     setIsTyping(true);
     try {
       const docType = getCurrentDocTypeForChat();
-
+  
       const r = await apiChat({
         user_id: user.email,
-        message: content,
+        message: effectiveContent,
         learning_mode: learningMode,
         language_preference: mapLanguagePref(language),
         doc_type: docType,
       });
-
+  
       const refs = (r.refs || [])
         .map((x) => {
           const a = x?.source_file ? String(x.source_file) : "";
@@ -712,7 +732,7 @@ function App() {
           return s || null;
         })
         .filter(Boolean) as string[];
-
+  
       const assistantMessage: Message = {
         id: (Date.now() + 1).toString(),
         role: "assistant",
@@ -721,14 +741,14 @@ function App() {
         references: refs.length ? refs : undefined,
         sender: spaceType === "group" ? groupMembers.find((m) => m.isAI) : undefined,
       };
-
+  
       setIsTyping(false);
-
+  
       setTimeout(() => {
         if (chatMode === "ask") setAskMessages((prev) => [...prev, assistantMessage]);
         else if (chatMode === "review") setReviewMessages((prev) => [...prev, assistantMessage]);
       }, 50);
-
+  
       try {
         const ml = await apiMemoryline(user.email);
         setMemoryProgress(Math.round((ml.progress_pct ?? 0) * 100));
@@ -738,7 +758,7 @@ function App() {
     } catch (e: any) {
       setIsTyping(false);
       toast.error(e?.message || "Chat failed");
-
+  
       const assistantMessage: Message = {
         id: (Date.now() + 1).toString(),
         role: "assistant",
@@ -746,7 +766,7 @@ function App() {
         timestamp: new Date(),
         sender: spaceType === "group" ? groupMembers.find((m) => m.isAI) : undefined,
       };
-
+  
       setTimeout(() => {
         if (chatMode === "ask") setAskMessages((prev) => [...prev, assistantMessage]);
         if (chatMode === "review") setReviewMessages((prev) => [...prev, assistantMessage]);