Add waiting spinner

app.py

@@ -40,6 +40,7 @@ app_ui = ui.page_fluid(
 
 def server(input, output, session: Session):
     analysis_results = reactive.Value([])
+    is_running = reactive.Value(False)  # Flag to enable/disable loading spinner
 
     @reactive.Effect
     @reactive.event(input.analyze)
@@ -48,14 +49,25 @@ def server(input, output, session: Session):
         if not files:
             return
 
-        results = run_predictions(files)
-        print(results)
-        # Update reactive value
-        analysis_results.set(results)
+        is_running.set(True)
+        try:
+            results = run_predictions(files)
+            print('DONE ALL PREDICTIONS')
+            analysis_results.set(results)
+        finally:
+            is_running.set(False)
+
 
     @output
     @render.ui
     def results_container():
+        if is_running.get():
+            return ui.div(
+                ui.div(class_="spinner-border text-primary", role="status", style="width: 3rem; height: 3rem;"),
+                ui.div("Analyzing images, please wait...", class_="text-muted", style="margin-top: 10px;"),
+                style="text-align: center; margin-top: 30px;"
+            )
+
         results = analysis_results.get()
         if not results:
             return ui.div("No results yet. Upload images and click 'Analyze'.",