ux improvement: colors, logs

app.py

@@ -43,10 +43,10 @@ def create_app() -> gr.Blocks:
             with gr.Column():
                 gr.Markdown("## Job Results")
                 results_table = gr.Dataframe(
-                    headers=["Model", "Provider", "Last Run", "Status", "Current Score", "Previous Score", "Latest Job Id"],
                     value=get_results_table(),
-                    interactive=True,
-                    wrap=True
+                    interactive=False,
+                    wrap=True,
+                    datatype=["str", "str", "str", "str", "str", "str", "html"]
                 )
                 refresh_btn = gr.Button("Refresh Results")
 

utils/io.py

@@ -120,11 +120,21 @@ def load_results() -> None:
         print(f"No existing dataset found or error loading: {e}")
         print("Starting with empty results")
 
-def get_results_table() -> List[List[str]]:
-    """Return job results as a list for Gradio DataFrame."""
+def style_status(val):
+    """Style function for status column."""
+    if val == "COMPLETED":
+        return 'background-color: green'
+    elif val == "ERROR":
+        return 'background-color: red'
+    elif val == "RUNNING":
+        return 'background-color: blue'
+    return ''
+
+def get_results_table():
+    """Return job results as a styled pandas DataFrame for Gradio DataFrame."""
     with globals.results_lock:
         if not globals.job_results:
-            return []
+            return pd.DataFrame(columns=["Model", "Provider", "Last Run", "Status", "Current Score", "Previous Score", "Latest Job Id"])
 
         table_data = []
         for key, info in globals.job_results.items():
@@ -136,6 +146,14 @@ def get_results_table() -> List[List[str]]:
             if previous_score is not None and isinstance(previous_score, (int, float)):
                 previous_score = f"{previous_score:.4f}"
 
+            job_id = info.get("job_id", "N/A")
+            # Create a clickable link for the job ID
+            if job_id != "N/A":
+                job_url = f"https://hf.co/jobs/{globals.NAMESPACE}/{job_id}"
+                job_link = f'{job_id}: <a href="{job_url}" target="_blank">📄</a> '
+            else:
+                job_link = job_id
+
             table_data.append([
                 info["model"],
                 info["provider"],
@@ -143,8 +161,12 @@ def get_results_table() -> List[List[str]]:
                 info["status"],
                 current_score,
                 previous_score,
-                info.get("job_id", "N/A")
+                job_link
             ])
 
-        return table_data
+        df = pd.DataFrame(table_data, columns=["Model", "Provider", "Last Run", "Status", "Current Score", "Previous Score", "Job Id and Logs"])
+
+        # Apply styling to the Status column
+        styled_df = df.style.map(style_status, subset=['Status'])
+        return styled_df