Fix table icons layout and add Qwen/MiniMax logos

1. Fixed table icons to display horizontally using flex container
2. Added proper Qwen logo (purple star) replacing Alibaba logo
3. Added MiniMax logo (pink waveform)
4. Updated COMPANY_LOGO_MAP in both files

Co-authored-by: openhands <openhands@all-hands.dev>

leaderboard_transformer.py

@@ -32,10 +32,11 @@ COMPANY_LOGO_MAP = {
     "grok": {"path": "assets/logo-xai.svg", "name": "xAI"},
     "cohere": {"path": "assets/logo-cohere.svg", "name": "Cohere"},
     "command": {"path": "assets/logo-cohere.svg", "name": "Cohere"},
-    "qwen": {"path": "assets/logo-alibaba.svg", "name": "Alibaba"},
-    "alibaba": {"path": "assets/logo-alibaba.svg", "name": "Alibaba"},
+    "qwen": {"path": "assets/logo-qwen.svg", "name": "Qwen"},
+    "alibaba": {"path": "assets/logo-qwen.svg", "name": "Qwen"},
     "kimi": {"path": "assets/logo-moonshot.svg", "name": "Moonshot"},
     "moonshot": {"path": "assets/logo-moonshot.svg", "name": "Moonshot"},
+    "minimax": {"path": "assets/logo-minimax.svg", "name": "MiniMax"},
 }
 
 

ui_components.py

@@ -59,10 +59,11 @@ COMPANY_LOGO_MAP = {
     "grok": {"path": "assets/logo-xai.svg", "name": "xAI"},
     "cohere": {"path": "assets/logo-cohere.svg", "name": "Cohere"},
     "command": {"path": "assets/logo-cohere.svg", "name": "Cohere"},
-    "qwen": {"path": "assets/logo-alibaba.svg", "name": "Alibaba"},
-    "alibaba": {"path": "assets/logo-alibaba.svg", "name": "Alibaba"},
+    "qwen": {"path": "assets/logo-qwen.svg", "name": "Qwen"},
+    "alibaba": {"path": "assets/logo-qwen.svg", "name": "Qwen"},
     "kimi": {"path": "assets/logo-moonshot.svg", "name": "Moonshot"},
     "moonshot": {"path": "assets/logo-moonshot.svg", "name": "Moonshot"},
+    "minimax": {"path": "assets/logo-minimax.svg", "name": "MiniMax"},
 }
 
 
@@ -467,21 +468,21 @@ def create_leaderboard_display(
             
             # Add Pareto trophy if on frontier
             if row['id'] in pareto_agent_names:
-                icons_html += f'<img src="{trophy_uri}" alt="On Pareto Frontier" title="On Pareto Frontier" style="width:18px; height:18px; vertical-align:middle; margin-right:4px;">'
+                icons_html += f'<img src="{trophy_uri}" alt="On Pareto Frontier" title="On Pareto Frontier" style="width:18px; height:18px;">'
             
             # Add openness lock icon
             openness_val = row.get('Openness', '')
             if openness_val in [aliases.CANONICAL_OPENNESS_OPEN, 'Open', 'Open Source', 'Open Source + Open Weights']:
                 lock_uri = get_svg_as_data_uri("assets/lock-open.svg")
-                icons_html += f'<img src="{lock_uri}" alt="Open" title="Open source model" style="width:16px; height:16px; vertical-align:middle; margin-right:4px;">'
+                icons_html += f'<img src="{lock_uri}" alt="Open" title="Open source model" style="width:16px; height:16px;">'
             else:
                 lock_uri = get_svg_as_data_uri("assets/lock-closed.svg")
-                icons_html += f'<img src="{lock_uri}" alt="Closed" title="Closed source model" style="width:16px; height:16px; vertical-align:middle; margin-right:4px;">'
+                icons_html += f'<img src="{lock_uri}" alt="Closed" title="Closed source model" style="width:16px; height:16px;">'
             
             # Add company logo
             company_html = get_company_logo_html(row['Language Model'])
             if company_html:
-                icons_html += company_html.replace('style="', 'style="vertical-align:middle; margin-right:6px; ')
+                icons_html += company_html
             
             # Format the model name
             model_name = row['Language Model']
@@ -496,7 +497,8 @@ def create_leaderboard_display(
             else:
                 model_text = str(model_name)
             
-            return f'{icons_html}{model_text}'
+            # Wrap in a flex container to keep icons horizontal
+            return f'<div style="display:flex; align-items:center; gap:4px; flex-wrap:nowrap;">{icons_html}<span>{model_text}</span></div>'
         
         df_display['Language Model'] = df_display.apply(format_language_model_with_icons, axis=1)
         
@@ -686,21 +688,21 @@ def create_benchmark_details_display(
             
             # Add Pareto trophy if on frontier
             if row['id'] in pareto_agent_names:
-                icons_html += f'<img src="{trophy_uri}" alt="On Pareto Frontier" title="On Pareto Frontier" style="width:18px; height:18px; vertical-align:middle; margin-right:4px;">'
+                icons_html += f'<img src="{trophy_uri}" alt="On Pareto Frontier" title="On Pareto Frontier" style="width:18px; height:18px;">'
             
             # Add openness lock icon
             openness_val = row.get('Openness', '')
             if openness_val in [aliases.CANONICAL_OPENNESS_OPEN, 'Open', 'Open Source', 'Open Source + Open Weights']:
                 lock_uri = get_svg_as_data_uri("assets/lock-open.svg")
-                icons_html += f'<img src="{lock_uri}" alt="Open" title="Open source model" style="width:16px; height:16px; vertical-align:middle; margin-right:4px;">'
+                icons_html += f'<img src="{lock_uri}" alt="Open" title="Open source model" style="width:16px; height:16px;">'
             else:
                 lock_uri = get_svg_as_data_uri("assets/lock-closed.svg")
-                icons_html += f'<img src="{lock_uri}" alt="Closed" title="Closed source model" style="width:16px; height:16px; vertical-align:middle; margin-right:4px;">'
+                icons_html += f'<img src="{lock_uri}" alt="Closed" title="Closed source model" style="width:16px; height:16px;">'
             
             # Add company logo
             company_html = get_company_logo_html(row['Language Model'])
             if company_html:
-                icons_html += company_html.replace('style="', 'style="vertical-align:middle; margin-right:6px; ')
+                icons_html += company_html
             
             # Format the model name
             model_name = row['Language Model']
@@ -715,7 +717,8 @@ def create_benchmark_details_display(
             else:
                 model_text = str(model_name)
             
-            return f'{icons_html}{model_text}'
+            # Wrap in a flex container to keep icons horizontal
+            return f'<div style="display:flex; align-items:center; gap:4px; flex-wrap:nowrap;">{icons_html}<span>{model_text}</span></div>'
         
         benchmark_table_df['Language Model'] = benchmark_table_df.apply(format_language_model_with_icons, axis=1)