update

charts.js

@@ -561,6 +561,42 @@ document.querySelectorAll('.ranking-dim').forEach(btn => {
 // ============================================================================
 // TURN DISTRIBUTION - 3 Charts (Ridgeline style)
 // ============================================================================
+// Turn distribution display name mapping
+const TURN_DISPLAY_NAMES = {
+    'run_api_deepseek_deepseek-chat': 'DeepSeek-V3.2',
+    'qwen3-next-80b-a3b-instruct': 'Qwen3-Next-80BA3B',
+    'qwen3-next-80b-a3b-instruct-note': 'Qwen3-Next-80BA3B-Note',
+    'qwen3-next-80b-a3b-instruct-noreasoning': 'Qwen3-Next-80BA3B-NoR',
+    'qwen3-next-80b-a3b-instruct-longreasoning': 'Qwen3-Next-80BA3B-LR',
+    'qwen3-next-80b-a3b-instruct-shortreasoning': 'Qwen3-Next-80BA3B-SR',
+    'qwen2.5-14B-Instruct-1M': 'Qwen2.5-14B-1M',
+    'qwen2.5-7B-Instruct-1M': 'Qwen2.5-7B-1M',
+    'qwen2.5-14B-Instruct': 'Qwen2.5-14B',
+    'qwen2.5-7B-Instruct': 'Qwen2.5-7B',
+    'qwen2.5-72B-Instruct': 'Qwen2.5-72B',
+    'qwen2.5-32b-instruct': 'Qwen2.5-32B',
+    'qwen3-4B-Instruct-2507': 'Qwen3-4B',
+    'gemini2.5-flash-lite': 'Gemini2.5-Flash-Lite',
+    'gemini2.5-flash': 'Gemini2.5-Flash',
+    'gemini2.5-pro': 'Gemini2.5-Pro',
+    'claude4.5-sonnet': 'Claude4.5-Sonnet',
+    'llama3.3-70B': 'Llama3.3-70B',
+    'llama-3.3-70B': 'Llama3.3-70B',
+    'minimax-m2': 'MiniMax-M2',
+    'gpt5mini': 'GPT-5-mini',
+    'gpt5-mini': 'GPT-5-mini',
+    'gpt5.1': 'GPT-5.1',
+    'gpt5.2': 'GPT-5.2',
+    'kimi-k2': 'Kimi-K2',
+    'glm4.6': 'GLM-4.6',
+    'qwen3': 'Qwen3-30B-A3B',
+    'gemini3-flash': 'Gemini3-Flash',
+};
+
+function getTurnDisplayName(model) {
+    return TURN_DISPLAY_NAMES[model] || model;
+}
+
 function initTurnCharts() {
     const scenarios = ['mimic', '10k', 'globem'];
 
@@ -603,6 +639,7 @@ function initTurnCharts() {
         displayData.forEach((model, idx) => {
             const color = getModelColor(model.model);
             const yOffset = idx;
+            const displayName = getTurnDisplayName(model.model);
 
             // Scale distribution to fit in the row (max height ~0.8)
             const maxDist = Math.max(...model.distribution) || 1;
@@ -616,9 +653,9 @@ function initTurnCharts() {
                 fill: 'toself',
                 fillcolor: color + '40', // 25% opacity
                 line: { color: color, width: 1.5 },
-                name: model.model,
+                name: displayName,
                 text: model.distribution.map((d, i) =>
-                    `${model.model}<br>${binLabels[i]} turns: ${d.toFixed(1)}%<br>Median: ${model.median}`
+                    `${displayName}<br>${binLabels[i]} turns: ${d.toFixed(1)}%<br>Median: ${model.median}`
                 ),
                 hovertemplate: '%{text}<extra></extra>',
                 showlegend: false
@@ -647,7 +684,7 @@ function initTurnCharts() {
                 ...darkLayout.yaxis,
                 tickmode: 'array',
                 tickvals: displayData.map((_, i) => i),
-                ticktext: displayData.map(m => m.model.length > 20 ? m.model.substring(0, 18) + '...' : m.model),
+                ticktext: displayData.map(m => getTurnDisplayName(m.model)),
                 automargin: true,
                 range: [-0.5, displayData.length]
             },