Avijit Ghosh commited on
Commit
8e60123
·
1 Parent(s): 187ce0f
Files changed (1) hide show
  1. 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-purple-50 dark:bg-purple-900/20 border border-purple-100 dark:border-purple-900/30 rounded-lg p-4">
209
- <div className="flex items-center gap-2 text-purple-600 dark:text-purple-400 mb-2">
210
- <Calendar className="h-4 w-4" />
211
- <span className="text-sm font-semibold">Evaluation Date</span>
212
  </div>
213
- <div className="font-medium text-sm">
214
- {formatDate(summary.last_updated).split(' at ')[0]}
215
- </div>
216
- </div>
217
- </div>
218
-
219
- {/* Footer Stats */}
220
- <div className="flex flex-col md:flex-row gap-8 pt-4 border-t">
221
- <div className="flex gap-3">
222
- <div className="mt-1 bg-muted p-2 rounded-md h-fit">
223
- <User className="h-4 w-4 text-muted-foreground" />
224
- </div>
225
- <div>
226
- <div className="text-sm text-muted-foreground mb-1">Evaluator</div>
227
- <div className="font-medium">Aggregated Benchmarks</div>
228
- </div>
229
- </div>
230
-
231
- <div className="flex gap-3">
232
- <div className="mt-1 bg-pink-100 dark:bg-pink-900/30 p-2 rounded-md h-fit">
233
- <Activity className="h-4 w-4 text-pink-600 dark:text-pink-400" />
234
- </div>
235
- <div>
236
- <div className="text-sm text-muted-foreground mb-1">Categories Evaluated</div>
237
- <Dialog>
238
- <DialogTrigger asChild>
239
- <Button variant="link" className="h-auto p-0 font-bold text-lg hover:underline">
240
- {stats.categories.length} / {EVALUATION_CATEGORIES.length}
241
- </Button>
242
- </DialogTrigger>
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
- <div>
270
- <h4 className="text-sm font-semibold mb-3 text-muted-foreground flex items-center gap-2">
271
- <AlertTriangle className="h-4 w-4" />
272
- Not Yet Evaluated ({EVALUATION_CATEGORIES.length - stats.categories.length})
273
- </h4>
274
- <div className="space-y-2">
275
- {EVALUATION_CATEGORIES.filter(cat => !stats.categories.find(c => c.category === cat)).map(cat => (
276
- <div key={cat} className="flex items-center gap-2 text-sm">
277
- <Badge variant="outline" className="bg-muted/30 text-muted-foreground">
278
- {cat.split('-').map(w => w.charAt(0).toUpperCase() + w.slice(1)).join(' ')}
279
- </Badge>
280
- </div>
281
- ))}
282
- </div>
283
  </div>
284
  </div>
285
- </DialogContent>
286
- </Dialog>
287
- </div>
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>