Fix alerts placeholder flashing on reports page (#444)

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>

Author: 3 people

.changeset/eleven-roses-wear.md

@@ -0,0 +1,5 @@
+---
+"trackio": minor
+---
+
+feat:Fix alerts placeholder flashing on reports page

trackio/ui/reports_page.py

@@ -173,18 +173,8 @@ def display_reports(project: str | None, selected_run: str | None):
                 gr.Markdown(report.content)
 
     gr.Markdown("## Alerts")
-    alerts_placeholder = gr.Markdown(visible=False)
-    alerts_df = gr.Dataframe(
-        value=pd.DataFrame(),
-        label="Alerts",
-        interactive=False,
-        wrap=True,
-    )
-
-    def refresh_alerts(project, selected_run, level_filter):
-        df = load_alerts(project, run_name=selected_run, level_filter=level_filter)
-        if df.empty:
-            placeholder_text = """
+    alerts_placeholder = gr.Markdown(
+        """
 No alerts have been logged yet. To log alerts during training:
 
 ```python
@@ -198,10 +188,21 @@ def refresh_alerts(project, selected_run, level_filter):
 trackio.alert("NaN loss", text="Training diverged at step 500", level="error")
 ```
 """
-            return (
-                gr.Markdown(value=placeholder_text, visible=True),
-                gr.Dataframe(value=df, visible=False, label="Alerts (0)"),
-            )
+    )
+    alerts_df = gr.Dataframe(
+        value=pd.DataFrame(),
+        label="Alerts",
+        interactive=False,
+        wrap=True,
+        visible=False,
+    )
+
+    def refresh_alerts(project, selected_run, level_filter, current_df):
+        df = load_alerts(project, run_name=selected_run, level_filter=level_filter)
+        if df.equals(current_df):
+            return gr.skip(), gr.skip()
+        if df.empty:
+            return gr.Markdown(visible=True), gr.Dataframe(value=df, visible=False)
         return (
             gr.Markdown(visible=False),
             gr.Dataframe(value=df, visible=True, label=f"Alerts ({len(df)})"),
@@ -210,7 +211,7 @@ def refresh_alerts(project, selected_run, level_filter):
     gr.on(
         [timer.tick, reports_page.load, runs_dropdown.change, level_filter_cb.change],
         fn=refresh_alerts,
-        inputs=[project_dd, runs_dropdown, level_filter_cb],
+        inputs=[project_dd, runs_dropdown, level_filter_cb, alerts_df],
         outputs=[alerts_placeholder, alerts_df],
         show_progress="hidden",
         api_visibility="private",