Spaces:
Running
Running
Avijit Ghosh commited on
Commit ·
8e60123
1
Parent(s): 187ce0f
fix data
Browse files- components/benchmark-detail.tsx +51 -76
components/benchmark-detail.tsx
CHANGED
|
@@ -205,86 +205,61 @@ export function BenchmarkDetail({ summary }: BenchmarkDetailProps) {
|
|
| 205 |
</div>
|
| 206 |
</div>
|
| 207 |
|
| 208 |
-
<div className="bg-
|
| 209 |
-
<div className="flex items-center gap-2 text-
|
| 210 |
-
<
|
| 211 |
-
<span className="text-sm font-semibold">
|
| 212 |
</div>
|
| 213 |
-
<
|
| 214 |
-
|
| 215 |
-
|
| 216 |
-
|
| 217 |
-
|
| 218 |
-
|
| 219 |
-
|
| 220 |
-
|
| 221 |
-
|
| 222 |
-
|
| 223 |
-
|
| 224 |
-
|
| 225 |
-
|
| 226 |
-
|
| 227 |
-
|
| 228 |
-
|
| 229 |
-
|
| 230 |
-
|
| 231 |
-
|
| 232 |
-
|
| 233 |
-
|
| 234 |
-
|
| 235 |
-
|
| 236 |
-
|
| 237 |
-
|
| 238 |
-
|
| 239 |
-
|
| 240 |
-
|
| 241 |
-
|
| 242 |
-
|
| 243 |
-
<DialogContent className="max-w-2xl">
|
| 244 |
-
<DialogHeader>
|
| 245 |
-
<DialogTitle>Evaluation Category Coverage</DialogTitle>
|
| 246 |
-
<DialogDescription>
|
| 247 |
-
This system has been evaluated on {stats.categories.length} out of {EVALUATION_CATEGORIES.length} standard categories
|
| 248 |
-
</DialogDescription>
|
| 249 |
-
</DialogHeader>
|
| 250 |
-
<div className="grid grid-cols-1 md:grid-cols-2 gap-4 mt-4">
|
| 251 |
-
<div>
|
| 252 |
-
<h4 className="text-sm font-semibold mb-3 text-green-600 dark:text-green-400 flex items-center gap-2">
|
| 253 |
-
<CheckCircle className="h-4 w-4" />
|
| 254 |
-
Evaluated ({stats.categories.length})
|
| 255 |
-
</h4>
|
| 256 |
-
<div className="space-y-2">
|
| 257 |
-
{stats.categories.map(c => (
|
| 258 |
-
<div key={c.category} className="flex items-center gap-2 text-sm">
|
| 259 |
-
<Badge variant="outline" className="bg-green-50 dark:bg-green-900/20 border-green-200 dark:border-green-800">
|
| 260 |
-
{c.category.split('-').map(w => w.charAt(0).toUpperCase() + w.slice(1)).join(' ')}
|
| 261 |
-
</Badge>
|
| 262 |
-
<span className="text-muted-foreground text-xs">
|
| 263 |
-
{c.total_results} result{c.total_results !== 1 ? 's' : ''}
|
| 264 |
-
</span>
|
| 265 |
-
</div>
|
| 266 |
-
))}
|
| 267 |
-
</div>
|
| 268 |
</div>
|
| 269 |
-
|
| 270 |
-
|
| 271 |
-
|
| 272 |
-
|
| 273 |
-
|
| 274 |
-
|
| 275 |
-
|
| 276 |
-
|
| 277 |
-
|
| 278 |
-
|
| 279 |
-
|
| 280 |
-
</
|
| 281 |
-
|
| 282 |
-
|
| 283 |
</div>
|
| 284 |
</div>
|
| 285 |
-
</
|
| 286 |
-
</
|
| 287 |
-
</
|
| 288 |
</div>
|
| 289 |
</div>
|
| 290 |
</CardContent>
|
|
|
|
| 205 |
</div>
|
| 206 |
</div>
|
| 207 |
|
| 208 |
+
<div className="bg-pink-50 dark:bg-pink-900/20 border border-pink-100 dark:border-pink-900/30 rounded-lg p-4">
|
| 209 |
+
<div className="flex items-center gap-2 text-pink-600 dark:text-pink-400 mb-2">
|
| 210 |
+
<Activity className="h-4 w-4" />
|
| 211 |
+
<span className="text-sm font-semibold">Categories Evaluated</span>
|
| 212 |
</div>
|
| 213 |
+
<Dialog>
|
| 214 |
+
<DialogTrigger asChild>
|
| 215 |
+
<Button variant="link" className="h-auto p-0 font-bold text-sm hover:underline text-left">
|
| 216 |
+
{stats.categories.length} / {EVALUATION_CATEGORIES.length}
|
| 217 |
+
</Button>
|
| 218 |
+
</DialogTrigger>
|
| 219 |
+
<DialogContent className="max-w-2xl">
|
| 220 |
+
<DialogHeader>
|
| 221 |
+
<DialogTitle>Evaluation Category Coverage</DialogTitle>
|
| 222 |
+
<DialogDescription>
|
| 223 |
+
This system has been evaluated on {stats.categories.length} out of {EVALUATION_CATEGORIES.length} standard categories
|
| 224 |
+
</DialogDescription>
|
| 225 |
+
</DialogHeader>
|
| 226 |
+
<div className="grid grid-cols-1 md:grid-cols-2 gap-4 mt-4">
|
| 227 |
+
<div>
|
| 228 |
+
<h4 className="text-sm font-semibold mb-3 text-green-600 dark:text-green-400 flex items-center gap-2">
|
| 229 |
+
<CheckCircle className="h-4 w-4" />
|
| 230 |
+
Evaluated ({stats.categories.length})
|
| 231 |
+
</h4>
|
| 232 |
+
<div className="space-y-2">
|
| 233 |
+
{stats.categories.map(c => (
|
| 234 |
+
<div key={c.category} className="flex items-center gap-2 text-sm">
|
| 235 |
+
<Badge variant="outline" className="bg-green-50 dark:bg-green-900/20 border-green-200 dark:border-green-800">
|
| 236 |
+
{c.category.split('-').map(w => w.charAt(0).toUpperCase() + w.slice(1)).join(' ')}
|
| 237 |
+
</Badge>
|
| 238 |
+
<span className="text-muted-foreground text-xs">
|
| 239 |
+
{c.total_results} result{c.total_results !== 1 ? 's' : ''}
|
| 240 |
+
</span>
|
| 241 |
+
</div>
|
| 242 |
+
))}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 243 |
</div>
|
| 244 |
+
</div>
|
| 245 |
+
<div>
|
| 246 |
+
<h4 className="text-sm font-semibold mb-3 text-muted-foreground flex items-center gap-2">
|
| 247 |
+
<AlertTriangle className="h-4 w-4" />
|
| 248 |
+
Not Yet Evaluated ({EVALUATION_CATEGORIES.length - stats.categories.length})
|
| 249 |
+
</h4>
|
| 250 |
+
<div className="space-y-2">
|
| 251 |
+
{EVALUATION_CATEGORIES.filter(cat => !stats.categories.find(c => c.category === cat)).map(cat => (
|
| 252 |
+
<div key={cat} className="flex items-center gap-2 text-sm">
|
| 253 |
+
<Badge variant="outline" className="bg-muted/30 text-muted-foreground">
|
| 254 |
+
{cat.split('-').map(w => w.charAt(0).toUpperCase() + w.slice(1)).join(' ')}
|
| 255 |
+
</Badge>
|
| 256 |
+
</div>
|
| 257 |
+
))}
|
| 258 |
</div>
|
| 259 |
</div>
|
| 260 |
+
</div>
|
| 261 |
+
</DialogContent>
|
| 262 |
+
</Dialog>
|
| 263 |
</div>
|
| 264 |
</div>
|
| 265 |
</CardContent>
|