Update app.py

app.py

@@ -207,6 +207,9 @@ threading.Thread(target=background_updates, daemon=True).start()
 with gr.Blocks(title="Website Status Monitor") as demo:
     gr.Markdown("# 🚦 Website Status Monitor")
     
+    # Create placeholders for dynamic components
+    status_components = []
+    
     def update_ui():
         data = monitor.load_data()
         metrics = monitor.get_metrics(data)
@@ -217,31 +220,41 @@ with gr.Blocks(title="Website Status Monitor") as demo:
             with gr.Row():
                 with gr.Column(scale=1):
                     status_color = "#4CAF50" if metric['current_status'] == 'UP' else "#F44336"
-                    gr.Markdown(f"### {name}\n"
+                    status_markdown = gr.Markdown(f"### {name}\n"
                                f"**Status:** <span style='color: {status_color}'>"
                                f"{metric['current_status']}</span>\n"
                                f"**Last Response:** {np.mean(metric['response_times'][-5:]):.2f}s\n"
                                f"**24h Uptime:** {metric['uptime']*100:.1f}%")
+                    elements.append(status_markdown)
                 
                 with gr.Column(scale=2):
-                    gr.Plot(plots[f"{name}_response"], label="Response Times")
+                    response_plot = gr.Plot(plots[f"{name}_response"], label="Response Times")
+                    elements.append(response_plot)
                 
                 with gr.Column(scale=1):
-                    gr.Plot(plots[f"{name}_uptime"], label="Uptime")
+                    uptime_plot = gr.Plot(plots[f"{name}_uptime"], label="Uptime")
+                    elements.append(uptime_plot)
             
             with gr.Accordion("Incident History", open=False):
                 if not metric['incidents']:
-                    gr.Markdown("No incidents in past 24 hours")
+                    incident_markdown = gr.Markdown("No incidents in past 24 hours")
+                    elements.append(incident_markdown)
                 else:
                     for incident in metric['incidents'][-5:]:
                         duration = incident['duration'] or "Ongoing"
-                        gr.Markdown(f"**Start:** {incident['start']}\n"
+                        incident_markdown = gr.Markdown(f"**Start:** {incident['start']}\n"
                                     f"**End:** {incident['end'] or 'Still down'}\n"
                                     f"**Duration:** {duration}s\n")
+                        elements.append(incident_markdown)
         
         return elements
     
-    demo.load(update_ui, outputs=gr.get_all_components())
+    # Initialize the UI with placeholders
+    initial_elements = update_ui()
+    status_components.extend(initial_elements)
+    
+    # Load the UI with the specified components
+    demo.load(update_ui, outputs=status_components)
 
 if __name__ == "__main__":
     demo.launch(server_name="0.0.0.0", server_port=int(os.getenv("PORT", 7860)))