Version 0.1

app.py

@@ -1,8 +1,16 @@
 import matplotlib.pyplot as plt
+import matplotlib
 import numpy as np
 
 import gradio as gr
 
+# Configure matplotlib to prevent memory warnings and set dark background
+matplotlib.rcParams['figure.max_open_warning'] = 0
+matplotlib.rcParams['figure.facecolor'] = '#000000'
+matplotlib.rcParams['axes.facecolor'] = '#000000' 
+matplotlib.rcParams['savefig.facecolor'] = '#000000'
+plt.ioff()  # Turn off interactive mode to prevent figure accumulation
+
 
 # Sample test results with test names
 MODELS = {
@@ -50,6 +58,9 @@ MODELS = {
     }
 }
 
+def generate_underlined_line(text: str) -> str:
+    return text + "\n" + "─" * len(text) + "\n"
+
 def plot_model_stats(model_name: str) -> tuple[plt.Figure, str, str]:
     """Draws a pie chart of model's passed, failed, skipped, and error stats."""
     model_stats = MODELS[model_name]
@@ -131,7 +142,7 @@ def plot_model_stats(model_name: str) -> tuple[plt.Figure, str, str]:
         
         # Device label closer to chart and bigger
         ax.set_title(device_label, 
-                    fontsize=28, weight='bold', pad=2, color='#FFFFFF', 
+                    fontsize=28, weight='normal', pad=2, color='#FFFFFF', 
                     fontfamily='monospace')
     
     # Create both pie charts with device labels
@@ -146,22 +157,47 @@ def plot_model_stats(model_name: str) -> tuple[plt.Figure, str, str]:
     
     # Add central shared title for model name
     fig.suptitle(f'{model_name.lower()}', 
-                fontsize=32, weight='normal', color='#CCCCCC', 
+                fontsize=32, weight='bold', color='#CCCCCC', 
                 fontfamily='monospace', y=0.95)
     
     # Clean layout with padding and space for central title
     plt.tight_layout()
     plt.subplots_adjust(top=0.85, wspace=0.4)  # Added wspace for padding between charts
     
-    # Generate separate failed tests info for AMD and NVIDIA
-    amd_failed = model_stats['amd']['failed']
-    nvidia_failed = model_stats['nvidia']['failed']
+    # Generate separate failed tests info for AMD and NVIDIA with exclusive/common separation
+    amd_failed = set(model_stats['amd']['failed'])
+    nvidia_failed = set(model_stats['nvidia']['failed'])
+    
+    # Find exclusive and common failures
+    amd_exclusive = amd_failed - nvidia_failed
+    nvidia_exclusive = nvidia_failed - amd_failed
+    common_failures = amd_failed & nvidia_failed
     
-    amd_failed_info = "Fails on AMD:"
-    amd_failed_info += "\n" + "─" * len(amd_failed_info) + "\n" + ("\n".join(amd_failed) if amd_failed else "None")
+    # Build AMD info
+    amd_failed_info = ""
+    if not amd_exclusive and not common_failures:
+        msg = "Error(s) detected" if model_stats["amd"]["error"] else "No failures"
+        amd_failed_info += generate_underlined_line(msg)
+    if amd_exclusive:
+        amd_failed_info += generate_underlined_line("Failures on AMD (exclusive):")
+        amd_failed_info += "\n".join(sorted(amd_exclusive))
+        amd_failed_info += "\n\n" if common_failures else ""
+    if common_failures:
+        amd_failed_info += generate_underlined_line("Failures on AMD (common):")
+        amd_failed_info += "\n".join(sorted(common_failures))
     
-    nvidia_failed_info = "Fails on NVIDIA:"
-    nvidia_failed_info += "\n" + "─" * len(nvidia_failed_info) + "\n" + ("\n".join(nvidia_failed) if nvidia_failed else "None")
+    # Build NVIDIA info
+    nvidia_failed_info = ""
+    if not nvidia_exclusive and not common_failures:
+        msg = "Error(s) detected" if model_stats["nvidia"]["error"] else "No failures"
+        nvidia_failed_info += generate_underlined_line(msg)
+    if nvidia_exclusive:
+        nvidia_failed_info += generate_underlined_line("Failures on NVIDIA (exclusive):")
+        nvidia_failed_info += "\n".join(sorted(nvidia_exclusive))
+        nvidia_failed_info += "\n\n" if common_failures else ""
+    if common_failures:
+        nvidia_failed_info += generate_underlined_line("Failures on NVIDIA (common):")
+        nvidia_failed_info += "\n".join(sorted(common_failures))
     
     return fig, amd_failed_info, nvidia_failed_info
 
@@ -292,10 +328,69 @@ dark_theme_css = """
     border-color: #666666 !important;
 }
 
-/* Plot container */
+/* Plot container with smooth transitions */
 .plot-container {
     background-color: #000000 !important;
     border: none !important;
+    transition: opacity 0.6s ease-in-out !important;
+}
+
+/* Gradio plot component styling */
+.gr-plot {
+    background-color: #000000 !important;
+    transition: opacity 0.6s ease-in-out !important;
+}
+
+.gr-plot .gradio-plot {
+    background-color: #000000 !important;
+    transition: opacity 0.6s ease-in-out !important;
+}
+
+.gr-plot img {
+    transition: opacity 0.6s ease-in-out !important;
+}
+
+/* Target the plot wrapper */
+div[data-testid="plot"] {
+    background-color: #000000 !important;
+}
+
+/* Target all possible plot containers */
+.plot-container img,
+.gr-plot img,
+.gradio-plot img {
+    background-color: #000000 !important;
+}
+
+/* Ensure plot area background */
+.gr-plot > div,
+.plot-container > div {
+    background-color: #000000 !important;
+}
+
+/* Prevent white flash during plot updates */
+.plot-container::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: #000000;
+    z-index: -1;
+}
+
+/* Force all plot elements to have black background */
+.plot-container *,
+.gr-plot *,
+div[data-testid="plot"] * {
+    background-color: #000000 !important;
+}
+
+/* Override any white backgrounds in matplotlib */
+.plot-container canvas,
+.gr-plot canvas {
+    background-color: #000000 !important;
 }
 
 /* Text elements */
@@ -367,6 +462,8 @@ h1, h2, h3, p, .markdown {
     resize: none !important;
     scrollbar-width: thin !important;
     scrollbar-color: #333333 #000000 !important;
+    scroll-behavior: auto;
+    transition: opacity 0.5s ease-in-out !important;
 }
 
 /* WebKit scrollbar styling for failed tests */
@@ -387,10 +484,24 @@ h1, h2, h3, p, .markdown {
     background-color: #555555 !important;
 }
 
+/* Prevent white flash in text boxes during updates */
+.failed-tests::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: #000000;
+    z-index: -1;
+}
+
 .failed-tests {
     background-color: #000000 !important;
     height: 220px !important;
     max-height: 220px !important;
+    position: relative;
+    transition: opacity 0.5s ease-in-out !important;
 }
 
 .failed-tests .gr-textbox {
@@ -398,8 +509,18 @@ h1, h2, h3, p, .markdown {
     border: none !important;
     height: 200px !important;
     max-height: 200px !important;
+    transition: opacity 0.5s ease-in-out !important;
+}
+
+/* Force all textbox elements to have black background */
+.failed-tests *,
+.failed-tests .gr-textbox *,
+.failed-tests textarea * {
+    background-color: #000000 !important;
 }
 
+
+
 /* JavaScript to reset scroll position */
 .scroll-reset {
     animation: resetScroll 0.1s ease;
@@ -448,7 +569,7 @@ with gr.Blocks(title="Model Test Results Dashboard", css=dark_theme_css) as demo
             with gr.Row():
                 with gr.Column(scale=1):
                     amd_failed_tests_output = gr.Textbox(
-                        value="Fails on AMD:\n────────────\nnetwork_timeout\ngpu_initialization\nmemory_overflow",
+                        value="Failures on AMD (exclusive):\n─────────────────────────────\nnetwork_timeout\n\nFailures on AMD (common):\n────────────────────────\ndistributed",
                         lines=8,
                         max_lines=8,
                         interactive=False,
@@ -457,7 +578,7 @@ with gr.Blocks(title="Model Test Results Dashboard", css=dark_theme_css) as demo
                     )
                 with gr.Column(scale=1):
                     nvidia_failed_tests_output = gr.Textbox(
-                        value="Fails on NVIDIA:\n────────────────\ndistributed\nmulti_gpu\ndriver_conflict",
+                        value="Failures on NVIDIA (exclusive):\n─────────────────────────────────\nmulti_gpu\n\nFailures on NVIDIA (common):\n────────────────────────────\ndistributed",
                         lines=8,
                         max_lines=8,
                         interactive=False,
@@ -472,7 +593,7 @@ with gr.Blocks(title="Model Test Results Dashboard", css=dark_theme_css) as demo
             outputs=[plot_output, amd_failed_tests_output, nvidia_failed_tests_output]
         ).then(
             fn=None,
-            js="() => { setTimeout(() => { document.querySelectorAll('textarea').forEach(t => { if (t.closest('.failed-tests')) { t.scrollTo({ top: 0, behavior: 'smooth' }); } }); }, 100); }"
+            js="() => { setTimeout(() => { document.querySelectorAll('textarea').forEach(t => { if (t.closest('.failed-tests')) { t.scrollTop = 0; setTimeout(() => { t.style.scrollBehavior = 'smooth'; t.scrollTo({ top: 0, behavior: 'smooth' }); t.style.scrollBehavior = 'auto'; }, 50); } }); }, 300); }"
         )
     
     # Initialize with the first model