Update static/appS.js

static/appS.js

@@ -11,7 +11,7 @@ document.addEventListener('DOMContentLoaded', () => {
     let selectedFile = null;
     let filePreviewBubble = null;
 
-    // Mode switching handler
+    // Initialize mode switching
     document.querySelectorAll('.select-options input[type="radio"]').forEach(radio => {
         radio.addEventListener('change', (e) => {
             if (e.target.checked) {
@@ -41,8 +41,13 @@ document.addEventListener('DOMContentLoaded', () => {
     });
 
     // File upload handlers
-    fileBtn.addEventListener('click', () => fileUpload.click());
-    imageBtn.addEventListener('click', () => imageUpload.click());
+    fileBtn.addEventListener('click', () => {
+        fileUpload.click();
+    });
+
+    imageBtn.addEventListener('click', () => {
+        imageUpload.click();
+    });
 
     fileUpload.addEventListener('change', (e) => {
         if (e.target.files.length) {
@@ -131,27 +136,7 @@ document.addEventListener('DOMContentLoaded', () => {
         }
 
         const isSummarizeMode = document.querySelector('input[name="option"]:checked').value === 'Summarize';
-        const endpoint = isSummarizeMode ? '/summarize/' : '/imagecaption/';
         
-        // Validate file type based on mode
-        if (isSummarizeMode) {
-            const validDocTypes = ['application/pdf', 
-                                 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
-                                 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
-                                 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'];
-            
-            if (!validDocTypes.includes(selectedFile.type)) {
-                alert('Please select a valid document (PDF, DOCX, PPTX, or XLSX)');
-                return;
-            }
-        } else {
-            const validImageTypes = ['image/jpeg', 'image/png', 'image/gif', 'image/webp'];
-            if (!validImageTypes.includes(selectedFile.type)) {
-                alert('Please select a valid image (JPEG, PNG, GIF, or WEBP)');
-                return;
-            }
-        }
-
         // User message
         createMessageBubble(
             isSummarizeMode ? "Please summarize this document" : "Please caption this image",
@@ -168,9 +153,14 @@ document.addEventListener('DOMContentLoaded', () => {
             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 response = await fetch(endpoint, {
@@ -179,10 +169,11 @@ document.addEventListener('DOMContentLoaded', () => {
             });
 
             if (!response.ok) {
-                throw new Error(`HTTP error! status: ${response.status}`);
+                const errorData = await response.json();
+                throw new Error(errorData.detail || `HTTP error! status: ${response.status}`);
             }
 
-            const result = await response.json();
+            result = await response.json();
             console.log("API Response:", result);
             
             // Replace thinking message with actual result