Pick largest value from methods

src/App.js

@@ -25,13 +25,6 @@ const BenchmarkChart = () => {
         root_problem: 67.19
       }
     },
-    {
-      model: "Gemini 3",
-      baseline: 55.67,
-      methods: {
-        keyword_objective_combined: 55.67,
-      }
-    },
     {
       model: "Mixtral 8x22B",
       baseline: 48.00,
@@ -46,6 +39,13 @@ const BenchmarkChart = () => {
         keyword_objective_combined: 56.46
       }
     },
+    {
+      model: "Gemini 3",
+      baseline: 32.50,
+      methods: {
+        bio_topic_change: 53.68
+      }
+    },
     {
       model: "Claude 4 Sonnet",
       baseline: 26.33,
@@ -78,63 +78,25 @@ const BenchmarkChart = () => {
   ];
 
   const [currentPhase, setCurrentPhase] = useState('baseline');
-  const [currentMethodIndex, setCurrentMethodIndex] = useState(0);
-  
-  const synthesisMethodsOrder = ['keyword_objective_combined', 'root_problem'];
 
   const getCurrentValue = (modelData, phase) => {
     if (phase === 'baseline') {
       return modelData.baseline;
-    } else if (phase === 'additive_synthesis') {
+    } else if (phase === 'transformation') {
+      // Return the maximum value from all available transformation methods
       let maxASR = modelData.baseline;
       
-      for (let i = 0; i < currentMethodIndex; i++) {
-        const method = synthesisMethodsOrder[i];
-        if (modelData.methods[method] !== undefined) {
-          maxASR = Math.max(maxASR, modelData.methods[method]);
-        }
-      }
+      Object.values(modelData.methods).forEach(value => {
+        maxASR = Math.max(maxASR, value);
+      });
       
       return maxASR;
     }
     return 0;
   };
 
-  const getCurrentMethod = (modelData, phase) => {
-    if (phase === 'baseline') return 'Human Baseline';
-    if (currentMethodIndex === 0) return 'Human Baseline';
-    
-    const availableMethods = [];
-    for (let i = 0; i < currentMethodIndex; i++) {
-      const method = synthesisMethodsOrder[i];
-      if (modelData.methods[method] !== undefined) {
-        availableMethods.push(method);
-      }
-    }
-    
-    if (availableMethods.length === 0) return 'Human Baseline';
-    
-    const lastMethod = availableMethods[availableMethods.length - 1];
-    let transformationName;
-    if (lastMethod === 'keyword_objective_combined') transformationName = 'Keyword/Objective Transformation';
-    else if (lastMethod === 'root_problem') transformationName = 'Root Problem Transformation';
-    else transformationName = lastMethod.replace(/_/g, ' ').replace(/\b\w/g, l => l.toUpperCase());
-    
-    return `Human Baseline + ${transformationName}`;
-  };
-
-  const handleManualAnimate = () => {
-    if (currentPhase === 'baseline') {
-      setCurrentPhase('additive_synthesis');
-      setCurrentMethodIndex(0);
-      
-      // Manually step through methods
-      setTimeout(() => setCurrentMethodIndex(1), 500);
-      setTimeout(() => setCurrentMethodIndex(2), 2500);
-    } else {
-      setCurrentPhase('baseline');
-      setCurrentMethodIndex(0);
-    }
+  const handleToggle = () => {
+    setCurrentPhase(currentPhase === 'baseline' ? 'transformation' : 'baseline');
   };
 
   return (
@@ -152,7 +114,7 @@ const BenchmarkChart = () => {
           {/* Control Button */}
           <div className="flex justify-center">
             <button 
-              onClick={handleManualAnimate}
+              onClick={handleToggle}
               className="px-6 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg font-semibold transition-colors"
             >
               {currentPhase === 'baseline' ? 'Show Transformation Impact' : 'Reset to Baseline'}
@@ -216,10 +178,10 @@ const BenchmarkChart = () => {
                       
                       {/* Extension Bar (Green) - Only rounded at the end */}
                       <div 
-                        className="absolute top-0 h-full bg-gradient-to-r from-green-500 to-green-600 rounded-r-full transition-all duration-2000 ease-out"
+                        className="absolute top-0 h-full bg-gradient-to-r from-green-500 to-green-600 rounded-r-full transition-all duration-1000 ease-out"
                         style={{ 
                           left: `${baselineWidth}%`,
-                          width: currentPhase === 'additive_synthesis' && currentMethodIndex > 0 ? `${extensionWidth}%` : '0%'
+                          width: currentPhase === 'transformation' ? `${extensionWidth}%` : '0%'
                         }}
                       />
                     </div>