Update app.py

app.py

@@ -205,7 +205,7 @@ class MapVisualization:
         async () => {{
             // Load D3.js modules
             const script1 = document.createElement("script");
-            script1.src = "https://cdn.jsdelivr.net/npm/d3@7.9.0/dist/d3.min.js";
+            script1.src = "https://cdn.jsdelivr.net/npm/d3@7";
             document.head.appendChild(script1);
             
             // Wait for D3 to load
@@ -217,7 +217,7 @@ class MapVisualization:
             
             // Load topojson
             const script2 = document.createElement("script");
-            script2.src = "https://cdn.jsdelivr.net/npm/topojson-client@3.1.0/dist/topojson-client.min.js";
+            script2.src = "https://cdn.jsdelivr.net/npm/topojson@3";
             document.head.appendChild(script2);
             
             await new Promise(resolve => {{
@@ -520,19 +520,22 @@ class ApplicationFactory:
                     map_data = gr.JSON(value=app_state.to_json(), visible=False)
                 
                 with gr.Column(scale=1):
-                    
                     # Overall statistics
-                    total_docs, avg_completion, countries_over_50 = app_state.get_stats()
-                    total_docs_ui = gr.Number(value=total_docs, label="Total Documents", interactive=False)
-                    avg_completion_ui = gr.Number(value=avg_completion, label="Average Completion (%)", interactive=False)
-                    countries_over_50_ui = gr.Number(value=countries_over_50, label="Countries Over 50%", interactive=False)
+                    with gr.Box():
+                        gr.Markdown("### Statistics")
+                        total_docs, avg_completion, countries_over_50 = app_state.get_stats()
+                        total_docs_ui = gr.Number(value=total_docs, label="Total Documents", interactive=False)
+                        avg_completion_ui = gr.Number(value=avg_completion, label="Average Completion (%)", interactive=False)
+                        countries_over_50_ui = gr.Number(value=countries_over_50, label="Countries Over 50%", interactive=False)
                     
                     # Country details
-                    country_selector = gr.Dropdown(
-                        choices=[f"{data.name} ({code})" for code, data in app_state.countries.items()],
-                        label="Select Country"
-                    )
-                    country_progress = gr.JSON(label="Country Progress", value={})
+                    with gr.Box():
+                        gr.Markdown("### Country Details")
+                        country_selector = gr.Dropdown(
+                            choices=[f"{data.name} ({code})" for code, data in app_state.countries.items()],
+                            label="Select Country"
+                        )
+                        country_progress = gr.JSON(label="Country Progress", value={})
             
             # Refresh button
             refresh_btn = gr.Button("Refresh Map")