eval: grok-2-1212

- 修改 model size 最大值到 600

Author: zhzLuke96

src/App.tsx

@@ -163,7 +163,7 @@ function EnhancedTable({
     pageSize: 25,
   });
 
-  const [sizeRange, setSizeRange] = useState([0, 500] as [number, number]);
+  const [sizeRange, setSizeRange] = useState([0, 600] as [number, number]);
   const data = React.useMemo(() => {
     return _data.filter(
       (row) => row.size >= sizeRange[0] && row.size <= sizeRange[1]
@@ -304,6 +304,7 @@ function EnhancedTable({
             <div className="font-bold mb-2">Model Size Range:</div>
             <div className="flex flex-wrap gap-2">
               <RangeSlider
+                max={600}
                 defaultValue={sizeRange}
                 onChange={(value) => {
                   const min = Math.min(...value);

src/components/RangeSlider.tsx

@@ -1,11 +1,34 @@
 import React, { useState } from "react";
 
+const NumInput = ({
+  value,
+  onChange,
+}: {
+  value: number;
+  onChange: (value: number) => void;
+}) => {
+  return (
+    <div className="flex items-center space-x-2">
+      <input
+        type="number"
+        className="w-10 border border-gray-300 rounded"
+        value={value}
+        onChange={(e) => onChange(Number(e.target.value))}
+      />
+    </div>
+  );
+};
+
 export const RangeSlider = ({
   defaultValue = [0, 100],
   onChange,
+  min = 0,
+  max = 500,
 }: {
   defaultValue: [number, number];
   onChange?: (value: [number, number]) => void;
+  min?: number;
+  max?: number;
 }) => {
   const [modelSizeRange, setModelSizeRange] = useState(defaultValue);
   const [initialRange] = useState(defaultValue); // 初始值
@@ -28,27 +51,41 @@ export const RangeSlider = ({
           <input
             type="range"
             className="w-full"
-            min={0}
-            max={500}
+            min={min}
+            max={max}
             value={modelSizeRange[0]}
             onChange={(e) =>
               setModelSizeRange([Number(e.target.value), modelSizeRange[1]])
             }
           />
-          <span className="text-sm font-medium">{modelSizeRange[0]}</span>
+          <span className="text-sm font-medium">
+            <NumInput
+              value={modelSizeRange[0]}
+              onChange={(value) =>
+                setModelSizeRange([value, modelSizeRange[1]])
+              }
+            />
+          </span>
         </div>
         <div className="flex items-center space-x-2 mt-2">
           <input
             type="range"
             className="w-full"
-            min={0}
-            max={500}
+            min={min}
+            max={max}
             value={modelSizeRange[1]}
             onChange={(e) =>
               setModelSizeRange([modelSizeRange[0], Number(e.target.value)])
             }
           />
-          <span className="text-sm font-medium">{modelSizeRange[1]}</span>
+          <span className="text-sm font-medium">
+            <NumInput
+              value={modelSizeRange[1]}
+              onChange={(value) =>
+                setModelSizeRange([modelSizeRange[0], value])
+              }
+            />
+          </span>
         </div>
       </div>
 

src/data/eval-data.json

@@ -383,7 +383,7 @@
   },
   {
     "model": "grok-beta",
-    "size": 314,
+    "size": 600,
     "quantization": "f16",
     "l_hardcore": 50.470219435736674,
     "l_long": 74.74067294475033,
@@ -842,5 +842,16 @@
     "l_creative": 90.86666666666667,
     "l_np": 20.194583036193002,
     "l_acg": 24.444444444444446
+  },
+  {
+    "model": "grok-2-1212",
+    "size": 600,
+    "quantization": "f16",
+    "l_hardcore": 50,
+    "l_reject_rv": 33.333333333333336,
+    "l_long": 75.1439344687903,
+    "l_creative": 78.43333333333334,
+    "l_np": 46.26982932694913,
+    "l_acg": 15.555555555555554
   }
 ]