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 |
-
|
| 614 |
-
|
| 615 |
-
|
| 616 |
-
|
| 617 |
-
|
| 618 |
-
|
| 619 |
-
|
| 620 |
-
|
| 621 |
-
|
| 622 |
-
|
| 623 |
-
|
| 624 |
-
|
| 625 |
-
|
| 626 |
-
|
| 627 |
-
|
| 628 |
-
|
| 629 |
-
|
| 630 |
-
|
| 631 |
-
|
| 632 |
-
|
| 633 |
-
|
| 634 |
-
|
| 635 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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 |
-
|
| 757 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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,
|