Upload main.py with huggingface_hub

main.py

@@ -258,6 +258,7 @@ class BiasGuardDashboard:
 
         fig.update_layout(
             height=350,
+            autosize=False,
             margin=dict(l=20, r=20, t=80, b=20),
             paper_bgcolor="white",
             plot_bgcolor="white",
@@ -287,7 +288,12 @@ class BiasGuardDashboard:
                 showarrow=False,
                 font=dict(size=18, color="#64748b"),
             )
-            fig.update_layout(height=400, paper_bgcolor="white", plot_bgcolor="white")
+            fig.update_layout(
+                height=400,
+                autosize=False,
+                paper_bgcolor="white",
+                plot_bgcolor="white",
+            )
             return fig
 
         words = [word for word, score in shap_scores[:8]]
@@ -325,6 +331,7 @@ class BiasGuardDashboard:
             ),
             yaxis=dict(title="", showgrid=False),
             height=400,
+            autosize=False,
             showlegend=False,
             plot_bgcolor="white",
             paper_bgcolor="white",
@@ -1247,6 +1254,31 @@ class BiasGuardDashboard:
             0% { transform: rotate(0deg); }
             100% { transform: rotate(360deg); }
         }
+
+        /*
+        Plotly/Gradio: prevent resize feedback loops that can cause plots to
+        continuously grow in height (observed in Spaces).
+        We clamp the plot containers to the intended fixed heights.
+        */
+        #bias-meter-plot {
+            height: 350px !important;
+            max-height: 350px !important;
+            overflow: hidden !important;
+        }
+
+        #shap-chart-plot {
+            height: 400px !important;
+            max-height: 400px !important;
+            overflow: hidden !important;
+        }
+
+        #bias-meter-plot .js-plotly-plot,
+        #bias-meter-plot .plotly-graph-div,
+        #shap-chart-plot .js-plotly-plot,
+        #shap-chart-plot .plotly-graph-div {
+            height: 100% !important;
+            max-height: 100% !important;
+        }
         """
 
         force_light_js = """
@@ -1459,7 +1491,7 @@ class BiasGuardDashboard:
                 # Summary and Bias Meter Row
                 with gr.Row(equal_height=False):
                     with gr.Column(scale=1):
-                        bias_meter = gr.Plot(label="")
+                        bias_meter = gr.Plot(label="", elem_id="bias-meter-plot")
 
                     with gr.Column(scale=2):
                         summary_display = gr.HTML(label="")
@@ -1486,7 +1518,7 @@ class BiasGuardDashboard:
                         )
                         with gr.Row():
                             with gr.Column():
-                                shap_chart = gr.Plot(label="")
+                                shap_chart = gr.Plot(label="", elem_id="shap-chart-plot")
 
                         gr.HTML(
                             "<div style='margin: 24px 0 12px 0;'><h4 style='font-size: 18px; font-weight: 700; color: #334155; margin: 0;'>🎯 Key Biased Terms</h4></div>"