Update static/appS.js

static/appS.js

@@ -176,7 +176,7 @@ document.addEventListener('DOMContentLoaded', () => {
         return bubble;
     }
 
-    async function handleSubmit() {
+   /* async function handleSubmit() {
         if (!selectedFile) {
             alert("Please upload a file first");
             return;
@@ -241,6 +241,46 @@ document.addEventListener('DOMContentLoaded', () => {
         } finally {
             selectedFile = null;
         }
+    } */
+ async function handleSubmit() {
+        if (!selectedFile) {
+            alert("Please upload a file first");
+            return;
+        }
+
+        const isSummarizeMode = document.querySelector('input[name="mode"]:checked').value === 'Summarize';
+        
+        // ✅ Dynamic path handling for Hugging Face Spaces
+        const BASE_PATH = window.location.pathname.split('/').slice(0, 3).join('/');
+        const endpoint = isSummarizeMode 
+            ? `${BASE_PATH}/summarization/summarize/` 
+            : `${BASE_PATH}/summarization/imagecaption/`;
+
+        const thinkingText = isSummarizeMode 
+            ? 'Processing document 📄... <div class="loader"></div>' 
+            : "Generating caption 🖼️... <div class='loader'></div>";
+
+        const thinkingBubble = createMessageBubble(thinkingText, "Aidan");
+
+        try {
+            const response = await fetch(endpoint, {
+                method: 'POST',
+                body: formData
+            });
+
+            if (!response.ok) {
+                const error = await response.json().catch(() => null);
+                throw new Error(error?.detail || error?.error || "Request failed");
+            }
+
+            const result = await response.json();
+            // ... (rest of your success handling)
+        } catch (error) {
+            console.error("API Error:", error);
+            createMessageBubble(`⚠️ Error: ${error.message}`, "Aidan");
+        } finally {
+            thinkingBubble.remove();
+        }
     }
 
     const style = document.createElement('style');