diff --git a/src/app/(standard)/cards/[modelId]/PerformanceSummaryStats.tsx b/src/app/(standard)/cards/[modelId]/PerformanceSummaryStats.tsx new file mode 100644 index 00000000..5f310fb8 --- /dev/null +++ b/src/app/(standard)/cards/[modelId]/PerformanceSummaryStats.tsx @@ -0,0 +1,48 @@ +"use client" + +import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from '@/components/ui/tooltip'; +import Icon from '@/components/ui/icon'; + +interface Props { + totalRuns: number; + totalBlueprints: number; +} + +export default function PerformanceSummaryStats({ totalRuns, totalBlueprints }: Props) { + return ( + +
+
+
+ + + + Runs + + + + Number of times this model was evaluated across all blueprints + + +
+ {totalRuns} +
+
+
+ + + + Blueprints + + + + Distinct evaluation blueprints/configs this model was tested on + + +
+ {totalBlueprints} +
+
+
+ ); +} diff --git a/src/app/(standard)/cards/[modelId]/page.tsx b/src/app/(standard)/cards/[modelId]/page.tsx index bf7b33d7..abad18db 100644 --- a/src/app/(standard)/cards/[modelId]/page.tsx +++ b/src/app/(standard)/cards/[modelId]/page.tsx @@ -8,7 +8,7 @@ import Link from 'next/link'; import Icon, { type IconName } from '@/components/ui/icon'; import ResponseRenderer from '@/app/components/ResponseRenderer'; import RemarkGfmPlugin from 'remark-gfm'; -import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from '@/components/ui/tooltip'; +import PerformanceSummaryStats from './PerformanceSummaryStats'; // Shared formatters const formatPercent = (value?: number | null, fractionDigits = 1): string => { @@ -285,41 +285,13 @@ export default async function ModelCardPage({ params }: ModelCardPageProps) { {/* Right Column - Stats & Metadata (Secondary) */}
- - {/* Quick Stats */}

Performance Summary

-
-
-
- - - - Runs - - - Number of times this model was evaluated across all blueprints - - -
- {modelCard.overallStats.totalRuns} -
-
-
- - - - Blueprints - - - Distinct evaluation blueprints/configs this model was tested on - - -
- {modelCard.overallStats.totalBlueprints} -
-
+
{/* Top Dimensional Performance */} @@ -496,7 +468,6 @@ export default async function ModelCardPage({ params }: ModelCardPageProps) {
Updated {new Date(modelCard.lastUpdated).toLocaleDateString()}
-