Update static/appS.js

static/appS.js

@@ -133,88 +133,84 @@ document.addEventListener('DOMContentLoaded', () => {
         return bubble;
     }
 
-    async function handleSend() {
-        if (!selectedFile) {
-            alert("Please upload a file first");
-            return;
-        }
+async function handleSend() {
+    if (!selectedFile) {
+        alert("Please upload a file first");
+        return;
+    }
 
-        const isSummarizeMode = document.querySelector('input[name="option"]:checked').value === 'Summarize';
+    const isSummarizeMode = document.querySelector('input[name="option"]:checked').value === 'Summarize';
+    
+    // User message
+    createMessageBubble(
+        isSummarizeMode ? "Please summarize this document" : "Please caption this image",
+        "You"
+    );
+
+    // Thinking message
+    const thinkingBubble = createMessageBubble(
+        isSummarizeMode ? "Summarizing your document..." : "Generating caption for your image...",
+        "Aidan"
+    );
+
+    try {
+        const formData = new FormData();
+        formData.append('file', selectedFile);
         
-        // User message
-        createMessageBubble(
-            isSummarizeMode ? "Please summarize this document" : "Please caption this image",
-            "You"
-        );
-
-        // Thinking message
-        const thinkingBubble = createMessageBubble(
-            isSummarizeMode ? "Summarizing your document..." : "Generating caption for your image...",
-            "Aidan"
-        );
-
-        try {
-            const formData = new FormData();
-            formData.append('file', selectedFile);
-            
-            let endpoint, result;
-            
-            if (isSummarizeMode) {
-                const length = document.querySelector('input[name="optionS"]:checked').value;
-                formData.append('length', length);
-                endpoint = '/summarize/';
-            } else {
-                endpoint = '/imagecaption/';
-            }
+        const endpoint = isSummarizeMode ? '/summarize/' : '/imagecaption/';
+        
+        // For summarize mode, add length parameter
+        if (isSummarizeMode) {
+            const length = document.querySelector('input[name="optionS"]:checked').value;
+            formData.append('length', length);
+        }
 
-            const response = await fetch(endpoint, {
-                method: 'POST',
-                body: formData
-            });
+        const response = await fetch(endpoint, {
+            method: 'POST',
+            body: formData
+        });
 
-            if (!response.ok) {
-                const errorData = await response.json();
-                throw new Error(errorData.detail || `HTTP error! status: ${response.status}`);
-            }
+        const result = await response.json();
+        
+        if (!response.ok) {
+            throw new Error(result.detail || result.message || "Request failed");
+        }
 
-            result = await response.json();
-            console.log("API Response:", result);
-            
-            // Replace thinking message with actual result
-            thinkingBubble.remove();
-            
-            if (isSummarizeMode) {
-                createMessageBubble(
-                    `<strong>Summary:</strong><br><br>${result.summary.replace(/\n/g, '<br>')}` +
-                    (result.pdf_url ? `<br><br><a href="${result.pdf_url}" download target="_blank">Download PDF</a>` : ''),
-                    "Aidan",
-                    result.audio_url
-                );
-            } else {
-                createMessageBubble(
-                    `<strong>Caption:</strong><br><br>${result.answer}`,
-                    "Aidan",
-                    result.audio
-                );
-            }
-        } catch (error) {
-            console.error("Error:", error);
-            thinkingBubble.remove();
+        // Replace thinking message with actual result
+        thinkingBubble.remove();
+        
+        if (isSummarizeMode) {
             createMessageBubble(
-                `⚠️ Error: ${error.message}`,
-                "Aidan"
+                `<strong>Summary:</strong><br><br>${result.summary.replace(/\n/g, '<br>')}` +
+                (result.pdf_url ? `<br><br><a href="${result.pdf_url}" download target="_blank">Download PDF</a>` : ''),
+                "Aidan",
+                result.audio_url
+            );
+        } else {
+            createMessageBubble(
+                `<strong>Caption:</strong><br><br>${result.answer || result.caption}`,
+                "Aidan",
+                result.audio
             );
-        } finally {
-            selectedFile = null;
-            fileUpload.value = '';
-            imageUpload.value = '';
-            if (filePreviewBubble) {
-                filePreviewBubble.remove();
-                filePreviewBubble = null;
-            }
+        }
+    } catch (error) {
+        console.error("Error:", error);
+        thinkingBubble.remove();
+        createMessageBubble(
+            `⚠️ Error: ${error.message}`,
+            "Aidan"
+        );
+    } finally {
+        // Reset file inputs
+        selectedFile = null;
+        fileUpload.value = '';
+        imageUpload.value = '';
+        if (filePreviewBubble) {
+            filePreviewBubble.remove();
+            filePreviewBubble = null;
         }
     }
-
+}
     // Attach send handlers
     sendButtons.forEach(button => {
         button.addEventListener('click', handleSend);