Add working demo images from Unsplash and improve file upload configuration

.streamlit/config.toml

@@ -2,9 +2,12 @@
 maxUploadSize = 200
 enableCORS = false
 enableXsrfProtection = false
+headless = true
+port = 8501
 
 [browser]
 gatherUsageStats = false
+serverAddress = "0.0.0.0"
 
 [theme]
 primaryColor = "#2E86AB"

requirements.txt

@@ -11,4 +11,5 @@ matplotlib
 seaborn
 ultralytics
 av
-aiortc
+aiortc
+requests

src/streamlit_app.py

@@ -13,6 +13,7 @@ import tempfile
 import os
 import logging
 import warnings
+import requests
 
 # Suppress WebRTC/asyncio warnings and errors
 logging.getLogger('aioice').setLevel(logging.CRITICAL)
@@ -104,6 +105,29 @@ if 'model' not in st.session_state:
     st.session_state.model = None
 if 'detection_history' not in st.session_state:
     st.session_state.detection_history = []
+if 'current_image' not in st.session_state:
+    st.session_state.current_image = None
+if 'demo_selected' not in st.session_state:
+    st.session_state.demo_selected = False
+
+# Demo images URLs (publicly accessible images)
+DEMO_IMAGES = {
+    "Indoor Scene": "https://images.unsplash.com/photo-1555992336-fb0d29498b13?w=800&q=80",  # Office/indoor
+    "Outdoor Scene": "https://images.unsplash.com/photo-1519501025264-65ba15a82390?w=800&q=80",  # Street scene
+    "Crowded Area": "https://images.unsplash.com/photo-1528543606781-2f6e6857f318?w=800&q=80"  # Crowded place
+}
+
+def load_demo_image(demo_name):
+    """Load demo image from URL"""
+    try:
+        url = DEMO_IMAGES[demo_name]
+        response = requests.get(url, timeout=10)
+        response.raise_for_status()
+        image = Image.open(io.BytesIO(response.content))
+        return image
+    except Exception as e:
+        st.error(f"Error loading demo image: {e}")
+        return None
 
 # Wheelchair-relevant classes from COCO
 WHEELCHAIR_CLASSES = {
@@ -347,23 +371,38 @@ def main():
         with col1:
             st.markdown("### 📷 Upload Image for Detection")
             
-            # Option to use demo or upload
-            demo_option = st.radio(
-                "Choose input method:",
-                ["Upload Image", "Use Demo (Coming Soon)"],
-                horizontal=True
+            uploaded_file = st.file_uploader(
+                "Choose an image...",
+                type=['jpg', 'jpeg', 'png', 'bmp'],
+                help="Upload an image to test wheelchair navigation detection",
+                key="image_uploader"
             )
             
-            uploaded_file = None
-            if demo_option == "Upload Image":
-                uploaded_file = st.file_uploader(
-                    "Choose an image...",
-                    type=['jpg', 'jpeg', 'png', 'bmp'],
-                    help="Upload an image to test wheelchair navigation detection. Max size: 200MB",
-                    key="image_uploader"
-                )
-            else:
-                st.info("📌 Demo images feature coming soon! Please use 'Upload Image' option for now.")
+            # Demo images buttons
+            st.markdown("### 🎬 Or Try Demo Images")
+            demo_col1, demo_col2, demo_col3 = st.columns(3)
+            
+            demo_image = None
+            with demo_col1:
+                if st.button("🏪 Indoor Scene", use_container_width=True):
+                    st.session_state.demo_selected = True
+                    demo_image = load_demo_image("Indoor Scene")
+                    if demo_image:
+                        st.session_state.current_image = demo_image
+            
+            with demo_col2:
+                if st.button("🏙️ Outdoor Scene", use_container_width=True):
+                    st.session_state.demo_selected = True
+                    demo_image = load_demo_image("Outdoor Scene")
+                    if demo_image:
+                        st.session_state.current_image = demo_image
+            
+            with demo_col3:
+                if st.button("🚶 Crowded Area", use_container_width=True):
+                    st.session_state.demo_selected = True
+                    demo_image = load_demo_image("Crowded Area")
+                    if demo_image:
+                        st.session_state.current_image = demo_image
         
         with col2:
             st.markdown("### 🛡️ Safety Status")
@@ -372,10 +411,16 @@ def main():
             st.markdown("### 🧭 Navigation Advice")
             advice_placeholder = st.empty()
         
-        # Process uploaded image
+        # Process uploaded or demo image
+        image = None
         if uploaded_file is not None:
-            # Load and display original image
+            st.session_state.demo_selected = False
             image = Image.open(uploaded_file)
+            st.session_state.current_image = image
+        elif st.session_state.demo_selected and st.session_state.current_image is not None:
+            image = st.session_state.current_image
+        
+        if image is not None:
             
             col1, col2 = st.columns(2)