gardarjuto commited on
Commit
5e76086
·
1 Parent(s): 9d50708

Remove data icon for detailed evaluation results

Browse files

- Remove DatabaseIcon component and getDetailsUrl function
- Replace data icon with brain emoji for reasoning models only
- Non-reasoning models now show no additional icon
- Add support for model notes display in parentheses

frontend/src/pages/LeaderboardPage/components/Leaderboard/utils/columnUtils.js CHANGED
@@ -19,43 +19,6 @@ import OpenInNewIcon from "@mui/icons-material/OpenInNew";
19
  import { alpha } from "@mui/material/styles";
20
  import InfoIconWithTooltip from "../../../../../components/shared/InfoIconWithTooltip";
21
 
22
- const DatabaseIcon = () => (
23
- <svg
24
- className="mr-1.5 text-gray-400 group-hover:text-red-500"
25
- xmlns="http://www.w3.org/2000/svg"
26
- aria-hidden="true"
27
- focusable="false"
28
- role="img"
29
- width="1.4em"
30
- height="1.4em"
31
- preserveAspectRatio="xMidYMid meet"
32
- viewBox="0 0 25 25"
33
- >
34
- <ellipse
35
- cx="12.5"
36
- cy="5"
37
- fill="currentColor"
38
- fillOpacity="0.25"
39
- rx="7.5"
40
- ry="2"
41
- ></ellipse>
42
- <path
43
- d="M12.5 15C16.6421 15 20 14.1046 20 13V20C20 21.1046 16.6421 22 12.5 22C8.35786 22 5 21.1046 5 20V13C5 14.1046 8.35786 15 12.5 15Z"
44
- fill="currentColor"
45
- opacity="0.5"
46
- ></path>
47
- <path
48
- d="M12.5 7C16.6421 7 20 6.10457 20 5V11.5C20 12.6046 16.6421 13.5 12.5 13.5C8.35786 13.5 5 12.6046 5 11.5V5C5 6.10457 8.35786 7 12.5 7Z"
49
- fill="currentColor"
50
- opacity="0.5"
51
- ></path>
52
- <path
53
- d="M5.23628 12C5.08204 12.1598 5 12.8273 5 13C5 14.1046 8.35786 15 12.5 15C16.6421 15 20 14.1046 20 13C20 12.8273 19.918 12.1598 19.7637 12C18.9311 12.8626 15.9947 13.5 12.5 13.5C9.0053 13.5 6.06886 12.8626 5.23628 12Z"
54
- fill="currentColor"
55
- ></path>
56
- </svg>
57
- );
58
-
59
  const HighlightedText = ({ text, searchValue }) => {
60
  if (!searchValue) return text;
61
 
@@ -274,11 +237,6 @@ const RankIndicator = ({ rank, previousRank, mode }) => {
274
  );
275
  };
276
 
277
- const getDetailsUrl = (modelName) => {
278
- const formattedName = modelName.replace("/", "__");
279
- return `https://huggingface.co/datasets/open-llm-leaderboard/${formattedName}-details`;
280
- };
281
-
282
  const HeaderLabel = ({ label, tooltip, className, isSorted }) => (
283
  <Tooltip
284
  title={label}
@@ -551,6 +509,9 @@ export const createColumns = (
551
  const textSearch = extractTextSearch(searchValue);
552
  const modelName = row.original.model.name;
553
 
 
 
 
554
  return (
555
  <Box
556
  sx={{
@@ -610,29 +571,37 @@ export const createColumns = (
610
  }}
611
  />
612
  </Link>
613
- <Link
614
- href={getDetailsUrl(modelName)}
615
- target="_blank"
616
- rel="noopener noreferrer"
617
- aria-label={`View detailed evaluation results for ${modelName}`}
618
- title={TABLE_TOOLTIPS.EVAL_RESULTS(modelName)}
619
- sx={{
620
- textDecoration: "none",
621
- "&:hover": {
622
- textDecoration: "underline",
623
- "& svg": {
624
- color: "text.primary",
625
- },
626
- },
627
- display: "flex",
628
- alignItems: "center",
629
- color: "text.secondary",
630
- flexShrink: 0,
631
- mr: 0,
632
- }}
633
- >
634
- <DatabaseIcon />
635
- </Link>
 
 
 
 
 
 
 
 
636
  </Box>
637
  </Box>
638
  );
@@ -753,8 +722,31 @@ export const createColumns = (
753
  const evaluationColumns = COLUMN_DEFINITIONS.EVALUATION.map(accessorKey => {
754
  const columnConfig = COLUMN_DEFINITIONS.ALL_COLUMNS[accessorKey];
755
  const label = columnConfig.label;
756
- // Use a generic tooltip or empty string since we don't have Icelandic-specific tooltips
757
- const tooltip = COLUMN_TOOLTIPS[label] || "";
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
758
 
759
  return {
760
  accessorKey,
 
19
  import { alpha } from "@mui/material/styles";
20
  import InfoIconWithTooltip from "../../../../../components/shared/InfoIconWithTooltip";
21
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
22
  const HighlightedText = ({ text, searchValue }) => {
23
  if (!searchValue) return text;
24
 
 
237
  );
238
  };
239
 
 
 
 
 
 
240
  const HeaderLabel = ({ label, tooltip, className, isSorted }) => (
241
  <Tooltip
242
  title={label}
 
509
  const textSearch = extractTextSearch(searchValue);
510
  const modelName = row.original.model.name;
511
 
512
+ const isReasoningModel = row.original.model.reasoning;
513
+ const modelNote = row.original.model.note;
514
+
515
  return (
516
  <Box
517
  sx={{
 
571
  }}
572
  />
573
  </Link>
574
+ {modelNote && (
575
+ <Typography
576
+ variant="body2"
577
+ sx={{
578
+ color: "text.secondary",
579
+ fontSize: "0.875rem",
580
+ fontStyle: "italic",
581
+ flexShrink: 0,
582
+ }}
583
+ >
584
+ ({modelNote})
585
+ </Typography>
586
+ )}
587
+ {isReasoningModel && (
588
+ <Tooltip
589
+ title="This model uses reasoning capabilities to think through problems step by step."
590
+ arrow
591
+ placement="top"
592
+ >
593
+ <Typography
594
+ sx={{
595
+ fontSize: "1.1rem",
596
+ cursor: "help",
597
+ color: "text.secondary",
598
+ flexShrink: 0,
599
+ }}
600
+ >
601
+ 🧠
602
+ </Typography>
603
+ </Tooltip>
604
+ )}
605
  </Box>
606
  </Box>
607
  );
 
722
  const evaluationColumns = COLUMN_DEFINITIONS.EVALUATION.map(accessorKey => {
723
  const columnConfig = COLUMN_DEFINITIONS.ALL_COLUMNS[accessorKey];
724
  const label = columnConfig.label;
725
+
726
+ // Map Icelandic benchmark tooltips based on label
727
+ let tooltip = "";
728
+ switch (label) {
729
+ case "WinoGrande-IS":
730
+ tooltip = COLUMN_TOOLTIPS.WINOGRANDE_IS;
731
+ break;
732
+ case "GED":
733
+ tooltip = COLUMN_TOOLTIPS.GED;
734
+ break;
735
+ case "Inflection":
736
+ tooltip = COLUMN_TOOLTIPS.INFLECTION;
737
+ break;
738
+ case "Belebele-IS":
739
+ tooltip = COLUMN_TOOLTIPS.BELEBELE_IS;
740
+ break;
741
+ case "ARC-Challenge-IS":
742
+ tooltip = COLUMN_TOOLTIPS.ARC_CHALLENGE_IS;
743
+ break;
744
+ case "WikiQA-IS":
745
+ tooltip = COLUMN_TOOLTIPS.WIKIQA_IS;
746
+ break;
747
+ default:
748
+ tooltip = "";
749
+ }
750
 
751
  return {
752
  accessorKey,