Update static/appS.js

static/appS.js

@@ -152,15 +152,21 @@ document.addEventListener('DOMContentLoaded', () => {
         return bubble;
     }
 
-    async function handleSummarize() {
+        async function handleSummarize() {
         if (!selectedFile) {
-            alert("Please upload a document first");
+            displayError('Please upload a document first');
             return;
         }
 
         const length = document.querySelector('input[name="optionS"]:checked')?.value || "medium";
+        
+        // Clear conversation and show file preview
+        convo.innerHTML = '';
+        displayFileInfo(selectedFile.name, 'document');
+        
+        // Show correct processing message for summarization
         const thinkingBubble = createMessageBubble(
-            "Analyzing your document... <div class='loader'></div>",
+            "Analyzing document and generating summary... <div class='loader'></div>", 
             "Aidan"
         );
 
@@ -180,23 +186,25 @@ document.addEventListener('DOMContentLoaded', () => {
             }
 
             const result = await response.json();
+            
+            // Remove thinking message and show results
             thinkingBubble.remove();
-
-            createMessageBubble(
-                `<strong>Summary:</strong><br><br>${result.summary.replace(/\n/g, '<br>')}
-                ${result.audio_url ? `<br><br><audio controls src="${result.audio_url}"></audio>` : ''}
-                ${result.pdf_url ? `<br><a href="${result.pdf_url}" download class="download-link">📄 Download PDF</a>` : ''}`,
-                "Aidan",
-                result.audio_url
+            displaySummaryResult(
+                selectedFile.name, 
+                result.summary, 
+                result.audio_url || result.audioUrl,
+                result.pdf_url || result.pdfUrl
             );
+            
         } catch (error) {
             thinkingBubble.remove();
-            createMessageBubble(`⚠️ Error: ${error.message}`, "Aidan");
+            displayError(error.message || 'Failed to summarize document');
         } finally {
             resetFileInputs();
         }
     }
 
+
     async function handleCaption() {
         if (!selectedFile) {
             alert("Please upload an image first");