♻️ refactor(pages): dynamically build open and closed source points for routers data (#36)

Signed-off-by: samzong <samzong.lu@gmail.com>

Author: samzong

src/pages/LeaderboardPage.tsx

@@ -58,24 +58,26 @@ const LeaderboardPage: React.FC = () => {
   const maxCompareReached = selectedCompareIds.length >= MAX_COMPARE;
   const [modelCardRouter, setModelCardRouter] = useState<Router | null>(null);
 
-  // Deferral curve data
-  const openSourcePoints = {
-    CARROT: { accuracy: 0.672, cost_per_1k: 2.060741 },
-    RouterDC: { accuracy: 0.3344, cost_per_1k: 0.063751 },
-    GraphRouter: { accuracy: 0.6072, cost_per_1k: 0.363695 },
-    KNN: { accuracy: 0.5905, cost_per_1k: 4.266104 },
-    MLP: { accuracy: 0.6191, cost_per_1k: 4.830245 },
-    RouteLLM: { accuracy: 0.6224, cost_per_1k: 4.937691 },
-    'MIRT-BERT': { accuracy: 0.6731, cost_per_1k: 0.150629 },
-    'NIRT-BERT': { accuracy: 0.6159, cost_per_1k: 0.600228 },
-  };
+  // dynamically built from routers data
+  const { openSourcePoints, closedSourcePoints } = useMemo(() => {
+    const openSource: Record<string, { accuracy: number; cost_per_1k: number }> = {};
+    const closedSource: Record<string, { accuracy: number; cost_per_1k: number }> = {};
+
+    routers.forEach(router => {
+      const point = {
+        accuracy: router.metrics.accuracy / 100,
+        cost_per_1k: router.metrics.costPer1k,
+      };
+
+      if (router.type === 'open-source') {
+        openSource[router.name] = point;
+      } else {
+        closedSource[router.name] = point;
+      }
+    });
 
-  const closedSourcePoints = {
-    NotDiamond: { accuracy: 0.6651, cost_per_1k: 9.330411 },
-    Azure: { accuracy: 0.6798, cost_per_1k: 0.619866 },
-    'GPT-5': { accuracy: 0.7428, cost_per_1k: 14.407096 },
-    'vLLM-SR': { accuracy: 0.6665, cost_per_1k: 1.61393 },
-  };
+    return { openSourcePoints: openSource, closedSourcePoints: closedSource };
+  }, []);
 
   const filteredAndSortedRouters = useMemo<RouterWithDynamicArena[]>(() => {
     const metricKeyMap = {