Add smart summary messages to custom upload results

static/script.js

@@ -315,7 +315,19 @@ async function testHardcodedImage() {
 function displayResults(result, title) {
     const resultsSection = document.getElementById('resultsSection');
     const resultsContent = document.getElementById('resultsContent');
-    
+
+    // Create smart summary message
+    let summaryMessage = '';
+    if (result.success) {
+        if (result.num_detections > 0) {
+            summaryMessage = `<div class="summary-message success">✅ Found ${result.num_detections} memory modules</div>`;
+        } else {
+            summaryMessage = `<div class="summary-message no-memory">❌ No memory modules</div>`;
+        }
+    } else {
+        summaryMessage = `<div class="summary-message error">❌ Error: ${result.error}</div>`;
+    }
+
     let detectionsHtml = '';
     if (result.detections && result.detections.length > 0) {
         detectionsHtml = result.detections.map((detection, index) => `
@@ -327,14 +339,16 @@ function displayResults(result, title) {
     } else {
         detectionsHtml = '<div class="detection-item">No memory modules detected</div>';
     }
-    
+
     resultsContent.innerHTML = `
         <div class="result-item">
             <div class="result-header">
                 <h3>${title}</h3>
                 <span class="badge">${new Date().toLocaleTimeString()}</span>
             </div>
-            
+
+            ${summaryMessage}
+
             <div class="result-stats">
                 <div class="stat-item">
                     <div class="stat-value">${result.num_detections}</div>
@@ -349,22 +363,22 @@ function displayResults(result, title) {
                     <div class="stat-label">Status</div>
                 </div>
             </div>
-            
+
             <div class="detection-list">
                 <h4>Detected Memory Modules:</h4>
                 ${detectionsHtml}
             </div>
-            
+
             ${result.annotated_image ? `
                 <div class="image-container">
                     <h4>Annotated Image:</h4>
-                    <img src="data:image/png;base64,${result.annotated_image}" 
+                    <img src="data:image/png;base64,${result.annotated_image}"
                          alt="Annotated Result" class="result-image">
                 </div>
             ` : ''}
         </div>
     `;
-    
+
     resultsSection.style.display = 'block';
     resultsSection.scrollIntoView({ behavior: 'smooth' });
 }