Update app.py

app.py

@@ -1,68 +1,72 @@
+# -*- coding: utf-8 -*-
 import gradio as gr
 import pandas as pd
 from apscheduler.schedulers.background import BackgroundScheduler
 # Removed Hugging Face Hub imports as they are not needed for the simplified leaderboard
 
 # --- Make sure these imports work relative to your file structure ---
-# Option 1: If src is a directory in the same folder as your script:
 try:
+    # Assume these contain the *content* without excessive inline styling
     from src.about import (
         CITATION_BUTTON_LABEL,
         CITATION_BUTTON_TEXT,
         EVALUATION_QUEUE_TEXT, # Keep if used by commented-out submit tab
         INTRODUCTION_TEXT,
         LLM_BENCHMARKS_TEXT,
-        TITLE,
+        TITLE, # Expected to have an ID like #main-leaderboard-title
     )
-    from src.display.css_html_js import custom_css # Assuming this exists but might be empty
+    # Import custom_css if it exists, otherwise it will be defined below
+    try:
+        from src.display.css_html_js import custom_css
+    except ImportError:
+        print("Warning: src.display.css_html_js not found. Starting with empty custom_css.")
+        custom_css = "" # Start fresh if not found
+
     from src.envs import REPO_ID # Keep if needed for restart_space or other functions
     from src.submission.submit import add_new_eval # Keep if using the submit tab
     print("Successfully imported from src module.")
-# Option 2: If you don't have these files, define placeholders (REMOVE THIS if using Option 1)
+# Option 2: Placeholder definitions (REMOVE IF USING OPTION 1)
 except ImportError:
     print("Warning: Using placeholder values because src module imports failed.")
     CITATION_BUTTON_LABEL="Citation"
     CITATION_BUTTON_TEXT="Please cite us if you use this benchmark..."
     EVALUATION_QUEUE_TEXT="Current evaluation queue:"
-    INTRODUCTION_TEXT="Welcome to the MLE-Dojo Benchmark Leaderboard."
-    LLM_BENCHMARKS_TEXT="Information about the benchmarks..."
-    TITLE="<h1>🏆 MLE-Dojo Benchmark Leaderboard</h1>"
-    custom_css="" # Start with empty CSS if not imported
+    # Example placeholders with structure for CSS
+    TITLE="""<h1 id="main-leaderboard-title" align="center">🏆 MLE-Dojo Benchmark Leaderboard (Placeholder)</h1>"""
+    INTRODUCTION_TEXT="""
+    <div class="introduction-section">
+     <p>Welcome to the MLE-Dojo Benchmark Leaderboard (Placeholder Content).</p>
+     <p>Edit <code>src/about.py</code> to set your actual title and introduction text.</p>
+    </div>
+    """
+    LLM_BENCHMARKS_TEXT="""
+    ## About Section (Placeholder)
+    Information about the benchmarks will go here. Edit <code>src/about.py</code>.
+    """
+    custom_css="" # Start with empty CSS
     REPO_ID="your/space-id" # Replace with actual ID if needed
     def add_new_eval(*args): return "Submission placeholder."
 # --- End Placeholder Definitions ---
 
 
 # --- Elo Leaderboard Configuration ---
-# Enhanced data with Rank (placeholder), Organizer, License, and URL
-# !!! IMPORTANT: Replace placeholder URLs with actual model/project pages. !!!
-# Verify organizer and license information for accuracy.
+# (Keep your data definition as is)
 data = [
-{'model_name': 'gpt-4o-mini', 'url': 'https://openai.com/index/gpt-4o-mini-advancing-cost-efficient-intelligence/', 'organizer': 'OpenAI', 'license': 'Proprietary', 'MLE-Lite_Elo': 753, 'Tabular_Elo': 839, 'NLP_Elo': 758, 'CV_Elo': 754, 'Overall': 778},
-{'model_name': 'gpt-4o', 'url': 'https://openai.com/index/hello-gpt-4o/', 'organizer': 'OpenAI', 'license': 'Proprietary', 'MLE-Lite_Elo': 830, 'Tabular_Elo': 861, 'NLP_Elo': 903, 'CV_Elo': 761, 'Overall': 841},
-{'model_name': 'o3-mini', 'url': 'https://openai.com/index/openai-o3-mini/', 'organizer': 'OpenAI', 'license': 'Proprietary', 'MLE-Lite_Elo': 1108, 'Tabular_Elo': 1019, 'NLP_Elo': 1056, 'CV_Elo': 1207, 'Overall': 1096}, # Fill details later
-{'model_name': 'deepseek-v3', 'url': 'https://api-docs.deepseek.com/news/news1226', 'organizer': 'DeepSeek', 'license': 'DeepSeek', 'MLE-Lite_Elo': 1004, 'Tabular_Elo': 1015, 'NLP_Elo': 1028, 'CV_Elo': 1067, 'Overall': 1023},
-{'model_name': 'deepseek-r1', 'url': 'https://api-docs.deepseek.com/news/news250120', 'organizer': 'DeepSeek', 'license': 'DeepSeek', 'MLE-Lite_Elo': 1137, 'Tabular_Elo': 1053, 'NLP_Elo': 1103, 'CV_Elo': 1083, 'Overall': 1100},
-{'model_name': 'gemini-2.0-flash', 'url': 'https://ai.google.dev/gemini-api/docs/models#gemini-2.0-flash', 'organizer': 'Google', 'license': 'Proprietary', 'MLE-Lite_Elo': 847, 'Tabular_Elo': 923, 'NLP_Elo': 860, 'CV_Elo': 978, 'Overall': 895},
-{'model_name': 'gemini-2.0-pro', 'url': 'https://blog.google/technology/google-deepmind/gemini-model-updates-february-2025/', 'organizer': 'Google', 'license': 'Proprietary', 'MLE-Lite_Elo': 1064, 'Tabular_Elo': 1139, 'NLP_Elo': 1028, 'CV_Elo': 973, 'Overall': 1054},
-{'model_name': 'gemini-2.5-pro', 'url': 'https://deepmind.google/technologies/gemini/pro/', 'organizer': 'Google', 'license': 'Proprietary', 'MLE-Lite_Elo': 1257, 'Tabular_Elo': 1150, 'NLP_Elo': 1266, 'CV_Elo': 1177, 'Overall': 1214},
+    {'model_name': 'gpt-4o-mini', 'url': 'https://openai.com/index/gpt-4o-mini-advancing-cost-efficient-intelligence/', 'organizer': 'OpenAI', 'license': 'Proprietary', 'MLE-Lite_Elo': 753, 'Tabular_Elo': 839, 'NLP_Elo': 758, 'CV_Elo': 754, 'Overall': 778},
+    {'model_name': 'gpt-4o', 'url': 'https://openai.com/index/hello-gpt-4o/', 'organizer': 'OpenAI', 'license': 'Proprietary', 'MLE-Lite_Elo': 830, 'Tabular_Elo': 861, 'NLP_Elo': 903, 'CV_Elo': 761, 'Overall': 841},
+    {'model_name': 'o3-mini', 'url': 'https://openai.com/index/openai-o3-mini/', 'organizer': 'OpenAI', 'license': 'Proprietary', 'MLE-Lite_Elo': 1108, 'Tabular_Elo': 1019, 'NLP_Elo': 1056, 'CV_Elo': 1207, 'Overall': 1096}, # Fill details later
+    {'model_name': 'deepseek-v3', 'url': 'https://api-docs.deepseek.com/news/news1226', 'organizer': 'DeepSeek', 'license': 'DeepSeek', 'MLE-Lite_Elo': 1004, 'Tabular_Elo': 1015, 'NLP_Elo': 1028, 'CV_Elo': 1067, 'Overall': 1023},
+    {'model_name': 'deepseek-r1', 'url': 'https://api-docs.deepseek.com/news/news250120', 'organizer': 'DeepSeek', 'license': 'DeepSeek', 'MLE-Lite_Elo': 1137, 'Tabular_Elo': 1053, 'NLP_Elo': 1103, 'CV_Elo': 1083, 'Overall': 1100},
+    {'model_name': 'gemini-2.0-flash', 'url': 'https://ai.google.dev/gemini-api/docs/models#gemini-2.0-flash', 'organizer': 'Google', 'license': 'Proprietary', 'MLE-Lite_Elo': 847, 'Tabular_Elo': 923, 'NLP_Elo': 860, 'CV_Elo': 978, 'Overall': 895},
+    {'model_name': 'gemini-2.0-pro', 'url': 'https://blog.google/technology/google-deepmind/gemini-model-updates-february-2025/', 'organizer': 'Google', 'license': 'Proprietary', 'MLE-Lite_Elo': 1064, 'Tabular_Elo': 1139, 'NLP_Elo': 1028, 'CV_Elo': 973, 'Overall': 1054},
+    {'model_name': 'gemini-2.5-pro', 'url': 'https://deepmind.google/technologies/gemini/pro/', 'organizer': 'Google', 'license': 'Proprietary', 'MLE-Lite_Elo': 1257, 'Tabular_Elo': 1150, 'NLP_Elo': 1266, 'CV_Elo': 1177, 'Overall': 1214},
 ]
-
-# Create a master DataFrame
-# Note: Columns 'organizer' and 'license' are created in lowercase here.
 master_df = pd.DataFrame(data)
-
-# Define categories for selection (user-facing)
-CATEGORIES = ["Overall", "MLE-Lite", "Tabular", "NLP", "CV"] # Overall first
-DEFAULT_CATEGORY = "Overall" # Set a default category
-
-# Map user-facing categories to DataFrame column names
+CATEGORIES = ["Overall", "MLE-Lite", "Tabular", "NLP", "CV"]
+DEFAULT_CATEGORY = "Overall"
 category_to_column = {
-    "MLE-Lite": "MLE-Lite_Elo",
-    "Tabular": "Tabular_Elo",
-    "NLP": "NLP_Elo",
-    "CV": "CV_Elo",
-    "Overall": "Overall"
+    "MLE-Lite": "MLE-Lite_Elo", "Tabular": "Tabular_Elo",
+    "NLP": "NLP_Elo", "CV": "CV_Elo", "Overall": "Overall"
 }
 
 # --- Helper function to update leaderboard ---
@@ -75,143 +79,246 @@ def update_leaderboard(category):
     if score_column is None or score_column not in master_df.columns:
         print(f"Warning: Invalid category '{category}' or column '{score_column}'. Falling back to default.")
         score_column = category_to_column[DEFAULT_CATEGORY]
-        # Check fallback column too
         if score_column not in master_df.columns:
-            # Return empty df with correct columns if still invalid
-            # Use lowercase keys here consistent with master_df for the empty case
             print(f"Error: Default column '{score_column}' also not found.")
+            # Return empty df with desired display columns
             return pd.DataFrame({
-                "Rank": [],
-                "Model": [],
-                "Elo Score": [],
-                "Organizer": [], # Changed 'organizer' -> 'Organizer' for consistency in empty case
-                "License": []   # Changed 'license' -> 'License' for consistency in empty case
+                "Rank": [], "Model": [], "Organizer": [], "License": [], "Elo Score": []
             })
 
-    # Select base columns + the score column for sorting
-    # Ensure 'organizer' and 'license' are selected correctly (lowercase)
     cols_to_select = ['model_name', 'url', 'organizer', 'license', score_column]
     df = master_df[cols_to_select].copy()
-
-    # Sort by the selected 'Elo Score' descending
     df.sort_values(by=score_column, ascending=False, inplace=True)
-
-    # Add Rank based on the sorted order
     df.reset_index(drop=True, inplace=True)
     df.insert(0, 'Rank', df.index + 1)
 
-    # Format Model Name as HTML Hyperlink
-    # The resulting column name will be 'Model' (capitalized)
+    # Format Model Name as HTML Hyperlink - use a CSS class for styling
     df['Model'] = df.apply(
-        lambda row: f"<a href='{row['url'] if pd.notna(row['url']) else '#'}' target='_blank' style='color: #007bff; text-decoration: none;'>{row['model_name']}</a>",
+        lambda row: f"<a href='{row['url'] if pd.notna(row['url']) else '#'}' target='_blank' class='model-link'>{row['model_name']}</a>",
         axis=1
     )
 
-    # Rename the score column to 'Elo Score' for consistent display
-    df.rename(columns={score_column: 'Elo Score'}, inplace=True)
-
-    # Rename 'organizer' and 'license' to match desired display headers
-    df.rename(columns={'organizer': 'Organizer', 'license': 'License'}, inplace=True)
-
-    # Select and reorder columns for final display using the ACTUAL column names in df
-    # Use capitalized 'Organizer' and 'License' here because they have been renamed.
+    # Rename columns for final display
+    df.rename(columns={score_column: 'Elo Score', 'organizer': 'Organizer', 'license': 'License'}, inplace=True)
     final_columns = ["Rank", "Model", "Organizer", "License", "Elo Score"]
     df = df[final_columns]
-
-    # Note: The DataFrame returned now has columns:
-    # 'Rank', 'Model', 'Organizer', 'License', 'Elo Score'
     return df
 
 # --- Mock/Placeholder functions/data for other tabs ---
-# (If the Submit tab is used, ensure these variables are appropriately populated or handled)
 print("Warning: Evaluation queue data fetching is disabled/mocked due to leaderboard changes.")
 finished_eval_queue_df = pd.DataFrame(columns=["Model", "Status", "Requested", "Started"])
 running_eval_queue_df = pd.DataFrame(columns=["Model", "Status", "Requested", "Started"])
 pending_eval_queue_df = pd.DataFrame(columns=["Model", "Status", "Requested", "Started"])
-EVAL_COLS = ["Model", "Status", "Requested", "Started"] # Define for the dataframe headers
-EVAL_TYPES = ["str", "str", "str", "str"] # Define for the dataframe types
+EVAL_COLS = ["Model", "Status", "Requested", "Started"]
+EVAL_TYPES = ["str", "str", "str", "str"]
 
 # --- Keep restart function if relevant ---
 def restart_space():
-    # Make sure REPO_ID is correctly defined/imported if this function is used
     print(f"Attempting to restart space: {REPO_ID}")
-    # Replace with your actual space restart mechanism if needed (e.g., HfApi().restart_space(REPO_ID))
-
+    # Replace with your actual space restart mechanism if needed
 
-# --- Gradio App Definition ---
+# --- Enhanced CSS Definition ---
+# Define all styles here. Assumes TITLE has id="main-leaderboard-title"
+# and INTRODUCTION_TEXT is wrapped in class="introduction-section" (or rendered by gr.Markdown).
 
-# ***** FONT SIZE INCREASED HERE *****
-# Add CSS rules to make the base font size larger.
-# Adjust the '1.2em' value (e.g., to '1.4em', '16px') to change the size.
-# The !important flag helps override theme defaults.
-# If the imported custom_css already has content, append to it.
-font_size_css = """
+enhanced_css = """
+/* Base and Theme Overrides */
 body {
-    font-size: 1.2em !important; /* Increase base font size */
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-size: 16px; /* Base font size */
+    line-height: 1.6;
+    background-color: #f8f9fa; /* Light background */
+    color: #343a40; /* Default text color */
 }
-/* Optional: Target specific elements if needed */
-/*
-#leaderboard-table th, #leaderboard-table td {
-    font-size: 1em !important; /* Adjust table font size relative to new body size */
-    padding: 10px 14px !important; /* Increase padding for better spacing */
+
+/* Container adjustments for better spacing */
+.gradio-container {
+    max-width: 1200px !important; /* Limit max width */
+    margin: 0 auto !important; /* Center the container */
+    padding: 2rem !important; /* Add padding around the whole app */
 }
-h1, .markdown-text h1 { font-size: 2.2em !important; } /* Make main title larger */
-h2, .markdown-text h2 { font-size: 1.8em !important; } /* Make section titles larger */
-button { font-size: 1.1em !important; padding: 8px 16px !important; } /* Slightly larger buttons */
-.gr-input, .gr-dropdown, .gr-textbox textarea { font-size: 1em !important; } /* Ensure inputs scale too */
-*/
-"""
-# Append the new CSS to any existing custom_css
-custom_css += font_size_css
-
-# Add basic table styling if not already present
-if "table {" not in custom_css:
-    custom_css += """
-table { width: 100%; border-collapse: collapse; margin-top: 10px; margin-bottom: 10px; }
-th, td { padding: 8px 12px; border: 1px solid #ddd; text-align: left; white-space: normal; vertical-align: top; } /* Allow wrapping, top align */
-th { background-color: #f2f2f2; font-weight: bold; }
-tr:nth-child(even) { background-color: #f9f9f9; }
-tr:hover { background-color: #e9e9e9; }
-td a { color: #007bff; text-decoration: none; }
-td a:hover { text-decoration: underline; }
+
+/* --- Title Styling --- */
+/* Targets the h1 tag with the specific ID from src/about.py */
+#main-leaderboard-title {
+    font-size: 2.8em; /* Large title */
+    font-weight: 700; /* Bolder */
+    color: #212529; /* Darker color for title */
+    text-align: center; /* Ensure centering */
+    margin-bottom: 1.5rem; /* Space below title */
+    padding-bottom: 0.5rem; /* Space within the element */
+    border-bottom: 2px solid #dee2e6; /* Subtle underline */
+}
+
+/* --- Introduction Text Styling --- */
+/* Targets the wrapper div or the markdown component */
+.introduction-section p, .introduction-wrapper .prose p { /* Target paragraphs within the section */
+    font-size: 1.15em; /* Slightly larger than base */
+    color: #495057; /* Slightly lighter text color */
+    margin-bottom: 1rem; /* Space between paragraphs */
+    max-width: 900px; /* Limit width for readability */
+    margin-left: auto;  /* Center the text block */
+    margin-right: auto; /* Center the text block */
+    text-align: center; /* Center align intro text */
+}
+.introduction-section, .introduction-wrapper {
+    margin-bottom: 2.5rem; /* Space below the intro block */
+}
+
+
+/* --- General Markdown and Header Styling --- */
+.markdown-text h2, .tabitem .prose h2 { /* Target section headers */
+    font-size: 1.8em;
+    font-weight: 600;
+    color: #343a40;
+    margin-top: 2.5rem; /* More space above sections */
+    margin-bottom: 1.2rem;
+    padding-bottom: 0.4rem;
+    border-bottom: 1px solid #e9ecef;
+}
+.markdown-text p, .tabitem .prose p {
+    font-size: 1em; /* Standard paragraph size */
+    margin-bottom: 1rem;
+    color: #495057;
+}
+.markdown-text a, .tabitem .prose a { /* Style links within markdown */
+    color: #007bff;
+    text-decoration: none;
+}
+.markdown-text a:hover, .tabitem .prose a:hover {
+    text-decoration: underline;
+}
+
+/* --- Tab Styling --- */
+.tab-buttons button { /* Style tab buttons */
+    font-size: 1.1em !important;
+    padding: 10px 20px !important;
+    font-weight: 500;
+}
+
+/* --- Leaderboard Table Styling --- */
+#leaderboard-table {
+    margin-top: 1.5rem; /* Space above table */
+    font-size: 1em; /* Ensure table font size is consistent */
+    border: 1px solid #dee2e6;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.05); /* Subtle shadow */
+}
+#leaderboard-table th {
+    background-color: #e9ecef; /* Header background */
+    font-weight: 600; /* Header font weight */
+    padding: 12px 15px; /* Header padding */
+    text-align: left;
+    color: #495057;
+    white-space: nowrap; /* Prevent header text wrapping */
+}
+#leaderboard-table td {
+    padding: 12px 15px; /* Cell padding */
+    border-bottom: 1px solid #e9ecef; /* Horizontal lines */
+    vertical-align: middle; /* Center cell content vertically */
+}
+#leaderboard-table tr:nth-child(even) td {
+    background-color: #f8f9fa; /* Zebra striping */
+}
+#leaderboard-table tr:hover td {
+    background-color: #e2e6ea; /* Hover effect */
+}
+/* Style for the model links within the table */
+#leaderboard-table .model-link {
+    color: #0056b3; /* Slightly darker blue for links */
+    font-weight: 500;
+    text-decoration: none;
+}
+#leaderboard-table .model-link:hover {
+    text-decoration: underline;
+    color: #003d80;
+}
+
+/* --- Radio Button / Category Selector Styling --- */
+.gradio-radio label span { /* Target the label text */
+   font-size: 1.1em !important;
+   font-weight: 500;
+   color: #343a40;
+}
+.gradio-radio fieldset { /* Adjust spacing around radio buttons */
+   margin-top: 0.5rem;
+   margin-bottom: 1.5rem;
+}
+.gradio-radio fieldset label { /* Style individual radio choices */
+    padding: 8px 12px !important;
+}
+
+
+/* --- Accordion Styling --- */
+.gradio-accordion > button { /* Accordion header */
+    font-size: 1.2em !important;
+    font-weight: 600;
+    padding: 12px 15px !important;
+    background-color: #f1f3f5 !important;
+    border-bottom: 1px solid #dee2e6 !important;
+}
+.gradio-accordion > div { /* Accordion content area */
+    padding: 15px !important;
+    border: 1px solid #dee2e6 !important;
+    border-top: none !important;
+}
+
+/* --- Textbox/Button Styling (e.g., Citation) --- */
+#citation-button textarea {
+    font-family: 'Courier New', Courier, monospace; /* Monospace for code/citation */
+    font-size: 0.95em !important;
+    background-color: #e9ecef;
+    color: #343a40;
+}
+#citation-button label span {
+    font-weight: 600;
+}
+
 """
 
-# Use a theme for better default styling
-demo = gr.Blocks(css=custom_css, theme=gr.themes.Soft())
+# Combine any existing CSS with the new enhanced CSS
+# Prioritize enhanced_css rules by placing it last or using more specific selectors
+final_css = custom_css + "\n" + enhanced_css
+
+# --- Gradio App Definition ---
+# Use a theme for base styling and apply custom CSS overrides
+demo = gr.Blocks(css=final_css, theme=gr.themes.Soft(
+    # Optional: Customize theme variables if needed
+    # primary_hue=gr.themes.colors.blue,
+    # secondary_hue=gr.themes.colors.gray,
+    # neutral_hue=gr.themes.colors.cool_gray,
+))
 
 with demo:
-    # Use the TITLE variable imported or defined above
+    # Render TITLE from src/about.py (expects <h1 id="main-leaderboard-title">...)
     gr.HTML(TITLE)
 
-    # Use the INTRODUCTION_TEXT variable imported or defined above
-    gr.Markdown(INTRODUCTION_TEXT, elem_classes="markdown-text")
+    # Render INTRODUCTION_TEXT from src/about.py
+    # Add a wrapper class for CSS targeting if the text itself doesn't have one
+    with gr.Row():
+        gr.Markdown(INTRODUCTION_TEXT, elem_classes="introduction-wrapper") # Use this class for CSS
 
     with gr.Tabs(elem_classes="tab-buttons") as tabs:
         with gr.TabItem("🏅 MLE-Dojo Benchmark", elem_id="llm-benchmark-tab-table", id=0):
             with gr.Column():
-                gr.Markdown("## Model Elo Rankings by Category")
+                # Use standard Markdown for the section header, CSS will style it
+                gr.Markdown("## Model Elo Rankings by Category", elem_classes="markdown-text")
                 category_selector = gr.Radio(
                     choices=CATEGORIES,
-                    label="Select Category:",
+                    label="Select Category:", # Label is styled via CSS
                     value=DEFAULT_CATEGORY,
                     interactive=True,
+                    elem_classes="gradio-radio" # Add class for styling
                 )
                 leaderboard_df_component = gr.Dataframe(
-                    # Initialize with sorted data for the default category
                     value=update_leaderboard(DEFAULT_CATEGORY),
-                    # Headers for DISPLAY should match the *renamed* columns from update_leaderboard
                     headers=["Rank", "Model", "Organizer", "License", "Elo Score"],
-                    # Datatype maps to the final df columns: Rank, Model, Organizer, License, Elo Score
                     datatype=["number", "html", "str", "str", "number"],
                     interactive=False,
-                    # --- FIX APPLIED: Removed unsupported 'height' argument ---
-                    # row_count determines the number of rows to display
-                    row_count=(len(master_df), "fixed"), # Display all rows
+                    row_count=(len(master_df), "fixed"),
                     col_count=(5, "fixed"),
-                    wrap=True, # Allow text wrapping in cells
-                    elem_id="leaderboard-table" # CSS hook for custom styling
+                    wrap=True,
+                    elem_id="leaderboard-table" # Used for specific table CSS
                 )
-                # Link the radio button change to the update function
                 category_selector.change(
                     fn=update_leaderboard,
                     inputs=category_selector,
@@ -219,87 +326,41 @@ with demo:
                 )
 
         with gr.TabItem("📝 About", elem_id="llm-benchmark-tab-about", id=1):
-            # Use the LLM_BENCHMARKS_TEXT variable imported or defined above
-            gr.Markdown(LLM_BENCHMARKS_TEXT, elem_classes="markdown-text")
+            # Render LLM_BENCHMARKS_TEXT using Markdown, styled by CSS
+            gr.Markdown(LLM_BENCHMARKS_TEXT, elem_classes="markdown-text") # Apply standard markdown styling
 
-        # --- Submit Tab (Commented out as in original request) ---
-        # Make sure EVALUATION_QUEUE_TEXT and add_new_eval are imported/defined if uncommented
+        # --- Submit Tab (Keep commented out or uncomment and ensure imports/variables are defined) ---
         # with gr.TabItem("🚀 Submit here! ", elem_id="llm-benchmark-tab-submit", id=2):
-        #     with gr.Column():
-        #          with gr.Row():
-        #              gr.Markdown(EVALUATION_QUEUE_TEXT, elem_classes="markdown-text") # Requires import/definition
-        #          with gr.Column():
-        #              with gr.Accordion(f"✅ Finished Evaluations ({len(finished_eval_queue_df)})", open=False):
-        #                   finished_eval_table = gr.components.Dataframe(
-        #                       value=finished_eval_queue_df, headers=EVAL_COLS, datatype=EVAL_TYPES, row_count=5,
-        #                  )
-        #              with gr.Accordion(f"🔄 Running Evaluation Queue ({len(running_eval_queue_df)})", open=False):
-        #                   running_eval_table = gr.components.Dataframe(
-        #                       value=running_eval_queue_df, headers=EVAL_COLS, datatype=EVAL_TYPES, row_count=5,
-        #                  )
-        #              with gr.Accordion(f"⏳ Pending Evaluation Queue ({len(pending_eval_queue_df)})", open=False):
-        #                  pending_eval_table = gr.components.Dataframe(
-        #                      value=pending_eval_queue_df, headers=EVAL_COLS, datatype=EVAL_TYPES, row_count=5,
-        #                  )
-        #     with gr.Row():
-        #          gr.Markdown("# ✉️✨ Submit your model here!", elem_classes="markdown-text")
-        #     with gr.Row():
-        #          with gr.Column():
-        #              model_name_textbox = gr.Textbox(label="Model name (on Hugging Face Hub)")
-        #              revision_name_textbox = gr.Textbox(label="Revision / Commit Hash", placeholder="main")
-        #              model_type = gr.Dropdown(choices=["Type A", "Type B", "Type C"], label="Model type", multiselect=False, value=None, interactive=True) # Example choices
-        #          with gr.Column():
-        #              precision = gr.Dropdown(choices=["float16", "bfloat16", "float32", "int8", "auto"], label="Precision", multiselect=False, value="auto", interactive=True)
-        #              weight_type = gr.Dropdown(choices=["Original", "Adapter", "Delta"], label="Weights type", multiselect=False, value="Original", interactive=True)
-        #              base_model_name_textbox = gr.Textbox(label="Base model (for delta or adapter weights)")
-        #     submit_button = gr.Button("Submit Eval")
-        #     submission_result = gr.Markdown()
-        #     # Ensure add_new_eval is correctly imported/defined and handles these inputs
-        #     submit_button.click(
-        #          add_new_eval, # Requires import/definition
-        #          [ model_name_textbox, base_model_name_textbox, revision_name_textbox, precision, weight_type, model_type, ],
-        #          submission_result,
-        #      )
+        #     # ... (Your submission form code - apply elem_classes="markdown-text" to gr.Markdown) ...
+        #     pass # Placeholder
+
 
     # --- Citation Row (at the bottom, outside Tabs) ---
-    with gr.Accordion("📙 Citation", open=False):
-        # Use the CITATION_BUTTON_TEXT and CITATION_BUTTON_LABEL variables imported or defined above
+    with gr.Accordion("📙 Citation", open=False, elem_classes="gradio-accordion"): # Add class
         citation_button = gr.Textbox(
             value=CITATION_BUTTON_TEXT,
             label=CITATION_BUTTON_LABEL,
-            lines=10, # Adjust lines if needed for new font size
-            elem_id="citation-button",
+            lines=8, # Adjusted lines slightly
+            elem_id="citation-button", # Used for specific CSS
             show_copy_button=True,
         )
 
-# IGNORE_WHEN_COPYING_START
-# content_copy  download
-# Use code with caution.
-# IGNORE_WHEN_COPYING_END
-
-# --- Keep scheduler if relevant ---
-# Only start scheduler if the script is run directly
+# --- Scheduler and Launch ---
 if __name__ == "__main__":
     try:
         scheduler = BackgroundScheduler()
-        # Add job only if restart_space is callable (i.e., not a placeholder or failed import)
         if callable(restart_space):
-             # Check if REPO_ID seems valid before scheduling
-             if REPO_ID and REPO_ID != "your/space-id":
-                 scheduler.add_job(restart_space, "interval", seconds=1800) # Restart every 30 mins
-                 scheduler.start()
-             else:
-                 print("Warning: REPO_ID not set or is placeholder; space restart job not scheduled.")
+            if REPO_ID and REPO_ID != "your/space-id":
+                scheduler.add_job(restart_space, "interval", seconds=1800)
+                scheduler.start()
+                print("Scheduler started for space restart.")
+            else:
+                print("Warning: REPO_ID not set or is placeholder; space restart job not scheduled.")
         else:
-             print("Warning: restart_space function not available; space restart job not scheduled.")
+            print("Warning: restart_space function not available; space restart job not scheduled.")
     except Exception as e:
         print(f"Failed to initialize or start scheduler: {e}")
 
-
-# --- Launch the app ---
-# Ensures the app launches only when the script is run directly
-if __name__ == "__main__":
-    # Ensure you have installed necessary libraries: pip install gradio pandas apscheduler
-    # Make sure your src module files (about.py etc.) are accessible OR use the placeholder definitions above.
     print("Launching Gradio App...")
+    # demo.queue() # Consider adding queue() for better handling under load
     demo.launch()