PR: Restructure image-text-to-text (VLM) datasets: new fields, filters and additional VLM datasets

scripts/append_dataset_snapshot.py

@@ -24,13 +24,11 @@ def read_json(path: Path):
 def is_vlm_dataset(entry: dict) -> bool:
     """Mirrors the isVlm inference in normalizeDataset (src/lib/datasets.ts): raw manifests
     don't reliably set `dataset_type` itself, so VLM datasets are recognized by their
-    machine_learning_task/qa_type/task_dimensions instead."""
-    if entry.get("machine_learning_task") == "image-text-to-text":
+    machine_learning_task/qa_type instead."""
+    if entry.get("machine_learning_task") == "image_text_to_text":
         return True
     if entry.get("qa_type"):
         return True
-    if entry.get("task_dimensions"):
-        return True
     return False
 
 

src/components/DatasetMetadataModal.module.css

@@ -751,6 +751,7 @@
 	flex-wrap: nowrap;
 	gap: 0.6rem;
 	margin: 0.75rem 0 0;
+	justify-content: flex-start;
 }
 
 .methodologyLink {
@@ -772,7 +773,7 @@
 }
 
 .scoreBox {
-	flex: 1 1 0;
+	flex: 0 1 165px;
 	min-width: 0;
 	border: 1px solid var(--agml-border);
 	border-top: 3px solid var(--tier-color);
@@ -793,6 +794,14 @@
 	--tier-color: var(--agml-warning-text);
 }
 
+.scoreBox[data-tier='na'] {
+	--tier-color: var(--agml-border);
+}
+
+.scoreBox[data-tier='na'] .scoreBoxValue {
+	color: var(--agml-muted);
+}
+
 .scoreBoxLabel {
 	margin: 0 0 0.3rem;
 	font-family: var(--ifm-code-font-family);
@@ -802,9 +811,6 @@
 	letter-spacing: 0.03em;
 	line-height: 1.3;
 	color: var(--agml-muted);
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
 }
 
 .scoreBoxValue {
@@ -1266,7 +1272,7 @@
 	   two-line) text box, wherever that box's edge lands — which is what put the icon in the
 	   dead space toward the next column. Plain inline flow instead treats the icon as another
 	   inline element and wraps it right after the label's own last word, like normal text. */
-	margin: 0 0 0.3rem;
+	margin: 0 0 0.15rem;
 	font-family: var(--ifm-code-font-family);
 	font-size: 0.62rem;
 	font-weight: 600;
@@ -1277,7 +1283,7 @@
 	/* Reserves space for two lines even when a label only needs one, so neighboring stat tiles
 	   in the same grid row keep their values aligned instead of the value's baseline shifting
 	   down only under whichever label happens to wrap. */
-	min-height: 2.6em;
+	min-height: 1.65em;
 }
 
 .statTileLabel .infoTooltip {
@@ -1329,6 +1335,26 @@
 	border-top: 1px solid var(--agml-border);
 }
 
+.metricStatSectionSummary {
+	cursor: pointer;
+	list-style: revert;
+}
+
+.metricStatSectionSummary::marker {
+	color: var(--agml-muted);
+}
+
+.metricStatSectionSummary .metricCardHeader {
+	display: inline-flex;
+	width: calc(100% - 1.1em);
+	vertical-align: top;
+}
+
+.metricStatSectionSummary:hover .metricStatSectionTitle,
+.metricStatSectionSummary:focus-visible .metricStatSectionTitle {
+	color: var(--agml-muted);
+}
+
 .metricStatSectionTitle {
 	margin: 0;
 	font-family: var(--ifm-code-font-family);
@@ -1451,6 +1477,13 @@
 	color: var(--agml-muted);
 }
 
+.embedMissing {
+	margin: 0.75rem 0 0;
+	font-size: 0.84rem;
+	font-style: italic;
+	color: var(--agml-muted);
+}
+
 @media (max-width: 720px) {
 	.modal {
 		padding: 1.25rem;