Update src/streamlit_app.py

src/streamlit_app.py

@@ -16,6 +16,77 @@ st.set_page_config(page_title="Biosignal Chatbot", page_icon="🩺", layout="cen
 st.title("🩺 Biosignal Diagnostic Chatbot")
 
 
+st.components.v1.html("""
+<script>
+// Force file uploader refresh and improve functionality
+function refreshUploaders() {
+    // Find all file upload areas
+    const uploaders = document.querySelectorAll('[data-testid="stFileUploader"]');
+    
+    uploaders.forEach((uploader, index) => {
+        // Add visual feedback
+        const dropzone = uploader.querySelector('[data-testid="stFileUploadDropzone"]');
+        if (dropzone) {
+            dropzone.style.border = '2px dashed #ff6b6b';
+            dropzone.style.backgroundColor = '#f8f9fa';
+            dropzone.style.transition = 'all 0.3s ease';
+            
+            // Add hover effects
+            dropzone.addEventListener('dragover', function(e) {
+                e.preventDefault();
+                this.style.backgroundColor = '#e3f2fd';
+                this.style.border = '2px dashed #2196f3';
+            });
+            
+            dropzone.addEventListener('dragleave', function(e) {
+                this.style.backgroundColor = '#f8f9fa';
+                this.style.border = '2px dashed #ff6b6b';
+            });
+            
+            // Force refresh on file change
+            const input = uploader.querySelector('input[type="file"]');
+            if (input) {
+                input.addEventListener('change', function(e) {
+                    console.log('File selected:', e.target.files[0]);
+                    // Force a small delay then trigger Streamlit rerun
+                    setTimeout(() => {
+                        if (window.streamlit) {
+                            window.streamlit.setComponentValue(Date.now());
+                        }
+                        // Alternative: trigger a click on a hidden button
+                        const refreshBtn = document.querySelector('[data-testid="baseButton-secondary"]');
+                        if (refreshBtn && refreshBtn.textContent.includes('Refresh')) {
+                            refreshBtn.click();
+                        }
+                    }, 100);
+                });
+            }
+        }
+    });
+}
+
+// Run on page load and periodically
+document.addEventListener('DOMContentLoaded', refreshUploaders);
+setTimeout(refreshUploaders, 1000);
+setTimeout(refreshUploaders, 3000);
+
+// Monitor for new content (when tabs are switched)
+const observer = new MutationObserver(function(mutations) {
+    mutations.forEach(function(mutation) {
+        if (mutation.addedNodes.length > 0) {
+            setTimeout(refreshUploaders, 500);
+        }
+    });
+});
+
+observer.observe(document.body, {
+    childList: true,
+    subtree: true
+});
+</script>
+""", height=0)
+
+
 MODELS = {
     "ECG": load_mitbih_model(),
     "PCG": load_pcg_model(),