Eval detail polish: hide empty fields, redesign splits, surface evaluator

Benchmark card now hides Goal/Score interp/Limitations cards when the
underlying value is empty or "Not specified", and collapses the
Ethical & legal section entirely when license + compliance + privacy
are all missing. The previous behavior rendered placeholder boxes
that read "Not specified" with no signal value.

Policy note hides Caveat / Intended for rows with the same sentinel,
filters "Not specified" out of the domain/language chip strip, and
re-themes the splits panel away from a bordered box with bullet list
to inline header + chip layout. "Slices" → "Splits" throughout the
policy note. (benchmark-detail.tsx still uses "slice" terminology in
several places — left untouched, distinct concept.)

Eval detail hero now leads with a "REPORTED BY <evaluator>" kicker
above the title. Two evaluations can share an upstream dataset (e.g.
both TIGER-Lab and Arcadia Impact reporting against
TIGER-Lab/MMLU-Pro) and otherwise look indistinguishable; naming the
evaluator up front is the cheapest way to disambiguate. Also relabels
"Source dataset" to "Upstream dataset" in the overview details strip
and the eval-card mini panel — same motivation: it's the canonical
dataset, not the source of these particular numbers.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

components/eval-card.tsx

@@ -327,7 +327,7 @@ function ProvenanceRow({
     <div className="rounded-xl border border-border/60 bg-background/60 p-3">
       <div className="mb-2 flex items-center gap-1.5 text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground">
         <Database className="h-3 w-3" />
-        Source dataset
+        Upstream dataset
       </div>
       <div className="flex flex-wrap items-center gap-x-3 gap-y-1 text-sm">
         {datasetName && (

components/eval-detail.tsx

@@ -756,7 +756,7 @@ export function EvalDetail({
       : "Models ranked by raw score for this benchmark."
     : lb.is_aggregated
       ? "Averaged model results across the composite's component benchmarks, with drill-down to each component score."
-      : "Model results with benchmark context, source dataset detail, and optional instance-data links."
+      : "Model results with benchmark context, upstream dataset detail, and optional instance-data links."
   const reportingCompleteness = summary.evalcards?.annotations?.reporting_completeness
   const documentationPopulatedCount = reportingCompleteness
     ? getCompletenessPopulatedCount(reportingCompleteness)
@@ -784,6 +784,19 @@ export function EvalDetail({
       ? summary.composite_benchmark_name
       : null)
 
+  // Surface the evaluator (org that ran the eval) as a hero kicker. Two
+  // benchmarks can share the same upstream dataset (e.g. TIGER-Lab/MMLU-Pro
+  // re-evaluated by both TIGER-Lab and Arcadia Impact) and otherwise look
+  // identical in chrome — naming the evaluator up-front is the cheapest
+  // way to make the pages visually distinct.
+  const evaluatorList = summary.evaluator_names ?? []
+  const reporterLabel = (() => {
+    if (evaluatorList.length === 0) return null
+    const head = evaluatorList.slice(0, 2)
+    const extra = evaluatorList.length - head.length
+    return extra > 0 ? `${head.join(", ")} +${extra} more` : head.join(", ")
+  })()
+
   const heroLede = isResearchView
     ? summary.metric_config.evaluation_description
     : (summary.benchmark_card?.benchmark_details?.overview?.trim()
@@ -794,6 +807,20 @@ export function EvalDetail({
     <div className="space-y-12">
       {/* HERO — paper §3.1 ------------------------------------------------ */}
       <header className="motion-academic-enter">
+        {reporterLabel && (
+          <div
+            className="font-mono uppercase"
+            style={{
+              fontSize: 11,
+              letterSpacing: "0.16em",
+              color: "var(--fg-subtle)",
+              margin: "0 0 10px",
+            }}
+          >
+            <span style={{ color: "var(--fg-muted)" }}>Reported by </span>
+            <span style={{ color: "var(--fg)" }}>{reporterLabel}</span>
+          </div>
+        )}
         <h1
           className="font-bold tracking-[-0.025em]"
           style={{ fontSize: "clamp(40px, 5vw, 60px)", lineHeight: 1.04, margin: "0 0 12px" }}
@@ -934,7 +961,7 @@ export function EvalDetail({
                     </dd>
                   </>
                 )}
-                <dt>Source dataset</dt>
+                <dt>Upstream dataset</dt>
                 <dd>{sourceDatasetLabel}</dd>
                 <dt>Instance data</dt>
                 <dd>{instanceDataLabel}</dd>
@@ -2628,58 +2655,71 @@ function BenchmarkCardPanel({
       <div className="space-y-6 p-5 sm:p-6">
         {knownIssues.length > 0 && <KnownIssuesPanel issues={knownIssues} variant="full" />}
 
-        <div className="grid gap-3 sm:grid-cols-2 xl:grid-cols-3">
-          {/* Goal */}
-          <div
-            style={{
-              padding: 16,
-              border: "1px solid var(--border-soft)",
-              background: "var(--bg)",
-            }}
-          >
-            <div
-              className="mb-2 flex items-center gap-2 font-mono uppercase"
-              style={{ fontSize: 10, letterSpacing: "0.14em", color: "var(--fg-subtle)" }}
-            >
-              <Scale className="h-3 w-3" /> Goal
-            </div>
-            <p className="text-[13px] leading-[1.55]" style={{ color: "var(--fg)" }}>{purpose.goal}</p>
-          </div>
+        {(() => {
+          const meaningful = (v: string | undefined | null) =>
+            Boolean(v && v.trim() && v.trim() !== "Not specified")
+          const showGoal = meaningful(purpose.goal)
+          const showInterp = meaningful(methodology.interpretation)
+          const showLimitations = meaningful(purpose.limitations)
+          if (!showGoal && !showInterp && !showLimitations) return null
+          return (
+            <div className="grid gap-3 sm:grid-cols-2 xl:grid-cols-3">
+              {showGoal && (
+                <div
+                  style={{
+                    padding: 16,
+                    border: "1px solid var(--border-soft)",
+                    background: "var(--bg)",
+                  }}
+                >
+                  <div
+                    className="mb-2 flex items-center gap-2 font-mono uppercase"
+                    style={{ fontSize: 10, letterSpacing: "0.14em", color: "var(--fg-subtle)" }}
+                  >
+                    <Scale className="h-3 w-3" /> Goal
+                  </div>
+                  <p className="text-[13px] leading-[1.55]" style={{ color: "var(--fg)" }}>{purpose.goal}</p>
+                </div>
+              )}
 
-          {/* Metric interpretation */}
-          <div
-            style={{
-              padding: 16,
-              border: "1px solid var(--border-soft)",
-              background: "var(--bg)",
-            }}
-          >
-            <div
-              className="mb-2 flex items-center gap-2 font-mono uppercase"
-              style={{ fontSize: 10, letterSpacing: "0.14em", color: "var(--fg-subtle)" }}
-            >
-              <BarChart3 className="h-3 w-3" /> Score interpretation
-            </div>
-            <p className="text-[13px] leading-[1.55]" style={{ color: "var(--fg)" }}>{methodology.interpretation}</p>
-          </div>
+              {showInterp && (
+                <div
+                  style={{
+                    padding: 16,
+                    border: "1px solid var(--border-soft)",
+                    background: "var(--bg)",
+                  }}
+                >
+                  <div
+                    className="mb-2 flex items-center gap-2 font-mono uppercase"
+                    style={{ fontSize: 10, letterSpacing: "0.14em", color: "var(--fg-subtle)" }}
+                  >
+                    <BarChart3 className="h-3 w-3" /> Score interpretation
+                  </div>
+                  <p className="text-[13px] leading-[1.55]" style={{ color: "var(--fg)" }}>{methodology.interpretation}</p>
+                </div>
+              )}
 
-          {/* Limitations */}
-          <div
-            style={{
-              padding: 16,
-              border: "1px solid var(--accent)",
-              background: "var(--bg-warm)",
-            }}
-          >
-            <div
-              className="mb-2 flex items-center gap-2 font-mono uppercase"
-              style={{ fontSize: 10, letterSpacing: "0.14em", color: "var(--accent)" }}
-            >
-              <AlertTriangle className="h-3 w-3" /> Limitations
+              {showLimitations && (
+                <div
+                  style={{
+                    padding: 16,
+                    border: "1px solid var(--accent)",
+                    background: "var(--bg-warm)",
+                  }}
+                >
+                  <div
+                    className="mb-2 flex items-center gap-2 font-mono uppercase"
+                    style={{ fontSize: 10, letterSpacing: "0.14em", color: "var(--accent)" }}
+                  >
+                    <AlertTriangle className="h-3 w-3" /> Limitations
+                  </div>
+                  <p className="text-[13px] leading-[1.55]" style={{ color: "var(--accent)" }}>{purpose.limitations}</p>
+                </div>
+              )}
             </div>
-            <p className="text-[13px] leading-[1.55]" style={{ color: "var(--accent)" }}>{purpose.limitations}</p>
-          </div>
-        </div>
+          )
+        })()}
 
         {(methodology.methods?.length > 0 ||
           (methodology.calculation && methodology.calculation !== "Not specified") ||
@@ -2879,43 +2919,56 @@ function BenchmarkCardPanel({
           </Collapsible>
         )}
 
-        {/* Compliance / ethical notes (policy view emphasis) */}
-        {!isResearchView && (
-          <div
-            style={{
-              padding: 16,
-              border: "1px solid var(--border-soft)",
-              background: "var(--bg)",
-            }}
-          >
-            <div
-              className="mb-3 font-mono uppercase"
-              style={{ fontSize: 10, letterSpacing: "0.14em", color: "var(--fg-subtle)" }}
-            >
-              Ethical &amp; legal
-            </div>
-            <dl className="grid gap-x-6 gap-y-2 text-[13px] sm:grid-cols-2">
-              {shortLicense && (
-                <div className="flex gap-2">
-                  <dt className="w-28 shrink-0" style={{ color: "var(--fg-muted)" }}>License</dt>
-                  <dd className="font-medium">{license}</dd>
-                </div>
-              )}
-              {ethical.compliance_with_regulations && ethical.compliance_with_regulations !== "Not specified" && (
-                <div className="flex gap-2">
-                  <dt className="w-28 shrink-0" style={{ color: "var(--fg-muted)" }}>Compliance</dt>
-                  <dd className="font-medium">{ethical.compliance_with_regulations}</dd>
-                </div>
-              )}
-              {ethical.privacy_and_anonymity && ethical.privacy_and_anonymity !== "Not specified" && (
-                <div className="col-span-full flex gap-2">
-                  <dt className="w-28 shrink-0" style={{ color: "var(--fg-muted)" }}>Privacy</dt>
-                  <dd className="font-medium">{ethical.privacy_and_anonymity}</dd>
+        {/* Compliance / ethical notes (policy view emphasis). Hide the
+            entire panel when none of the three fields are populated —
+            otherwise the user sees an empty bordered box with just the
+            section header. */}
+        {!isResearchView &&
+          (() => {
+            const showCompliance =
+              ethical.compliance_with_regulations &&
+              ethical.compliance_with_regulations !== "Not specified"
+            const showPrivacy =
+              ethical.privacy_and_anonymity &&
+              ethical.privacy_and_anonymity !== "Not specified"
+            if (!shortLicense && !showCompliance && !showPrivacy) return null
+            return (
+              <div
+                style={{
+                  padding: 16,
+                  border: "1px solid var(--border-soft)",
+                  background: "var(--bg)",
+                }}
+              >
+                <div
+                  className="mb-3 font-mono uppercase"
+                  style={{ fontSize: 10, letterSpacing: "0.14em", color: "var(--fg-subtle)" }}
+                >
+                  Ethical &amp; legal
                 </div>
-              )}
-            </dl>
-          </div>
-        )}
+                <dl className="grid gap-x-6 gap-y-2 text-[13px] sm:grid-cols-2">
+                  {shortLicense && (
+                    <div className="flex gap-2">
+                      <dt className="w-28 shrink-0" style={{ color: "var(--fg-muted)" }}>License</dt>
+                      <dd className="font-medium">{license}</dd>
+                    </div>
+                  )}
+                  {showCompliance && (
+                    <div className="flex gap-2">
+                      <dt className="w-28 shrink-0" style={{ color: "var(--fg-muted)" }}>Compliance</dt>
+                      <dd className="font-medium">{ethical.compliance_with_regulations}</dd>
+                    </div>
+                  )}
+                  {showPrivacy && (
+                    <div className="col-span-full flex gap-2">
+                      <dt className="w-28 shrink-0" style={{ color: "var(--fg-muted)" }}>Privacy</dt>
+                      <dd className="font-medium">{ethical.privacy_and_anonymity}</dd>
+                    </div>
+                  )}
+                </dl>
+              </div>
+            )
+          })()}
 
         {/* Flagged / missing fields warning */}
         {(flaggedFields.length > 0 || missingFields.length > 0) && isResearchView && (

components/policy-overview.tsx

@@ -94,7 +94,7 @@ export function PolicyOverview({ summary }: PolicyOverviewProps) {
     .map((s) => s.composite_benchmark_name)
     .filter((s): s is string => typeof s === "string" && s.length > 0)
 
-  const sliceLabels = useMemo(() => {
+  const splitLabels = useMemo(() => {
     const seen = new Set<string>()
     const labels: string[] = []
     const add = (raw: string | undefined | null) => {
@@ -106,8 +106,8 @@ export function PolicyOverview({ summary }: PolicyOverviewProps) {
       seen.add(key)
       labels.push(trimmed)
     }
-    for (const slice of summary.subtasks ?? []) {
-      add(slice.display_name || slice.subtask_name)
+    for (const split of summary.subtasks ?? []) {
+      add(split.display_name || split.subtask_name)
     }
     for (const metric of summary.leaderboard_metrics ?? []) {
       if (metric.scope === "subtask") {
@@ -119,14 +119,14 @@ export function PolicyOverview({ summary }: PolicyOverviewProps) {
   }, [summary.subtasks, summary.leaderboard_metrics, aggregateNames])
 
   const isMatrix = (summary.leaderboard_metrics?.length ?? 0) > 1
-  const isParentPage = isAggregated || (isMatrix && sliceLabels.length > 1)
+  const isParentPage = isAggregated || (isMatrix && splitLabels.length > 1)
   const useComponentDescription = !isParentPage
 
-  const parentFallback = isParentPage && sliceLabels.length > 1
-    ? `${summary.evaluation_name} reports results across ${sliceLabels.length} ${
-        isAggregated ? "component benchmarks" : "slices"
+  const parentFallback = isParentPage && splitLabels.length > 1
+    ? `${summary.evaluation_name} reports results across ${splitLabels.length} ${
+        isAggregated ? "component benchmarks" : "splits"
       }. Each is evaluated separately; the score shown is the ${
-        isAggregated ? "average" : "per-slice result"
+        isAggregated ? "average" : "per-split result"
       }.`
     : null
 
@@ -139,7 +139,7 @@ export function PolicyOverview({ summary }: PolicyOverviewProps) {
     ""
 
   const [expanded, setExpanded] = useState(false)
-  const [slicesOpen, setSlicesOpen] = useState(false)
+  const [splitsOpen, setSplitsOpen] = useState(false)
   const isLong = summaryText.length > SUMMARY_PREVIEW_CHARS
   const visibleText = expanded || !isLong
     ? summaryText
@@ -148,13 +148,17 @@ export function PolicyOverview({ summary }: PolicyOverviewProps) {
   const domains = useMemo(() => {
     const fromTags = summary.tags?.domains ?? []
     const fromCard = cardMatchesEval ? card?.benchmark_details?.domains ?? [] : []
-    return Array.from(new Set([...fromTags, ...fromCard].map((d) => d.trim()).filter(Boolean))).slice(0, 6)
+    return Array.from(new Set([...fromTags, ...fromCard].map((d) => d.trim()).filter(Boolean)))
+      .filter((d) => d.toLowerCase() !== "not specified")
+      .slice(0, 6)
   }, [summary.tags?.domains, card?.benchmark_details?.domains, cardMatchesEval])
 
   const languages = useMemo(() => {
     const fromTags = summary.tags?.languages ?? []
     const fromCard = cardMatchesEval ? card?.benchmark_details?.languages ?? [] : []
-    return Array.from(new Set([...fromTags, ...fromCard].map((d) => d.trim()).filter(Boolean))).slice(0, 4)
+    return Array.from(new Set([...fromTags, ...fromCard].map((d) => d.trim()).filter(Boolean)))
+      .filter((d) => d.toLowerCase() !== "not specified")
+      .slice(0, 4)
   }, [summary.tags?.languages, card?.benchmark_details?.languages, cardMatchesEval])
 
   const license = card?.ethical_and_legal_considerations?.data_licensing
@@ -201,12 +205,22 @@ export function PolicyOverview({ summary }: PolicyOverviewProps) {
     : "Higher scores are better"
 
   // Policy-note triple (paper §4.2.2): What it measures · Main caveat · Intended for.
+  // Filter the literal "Not specified" sentinel so the row collapses
+  // entirely instead of rendering a placeholder.
   const measuresText = visibleText
-  const caveatText = card?.purpose_and_intended_users?.limitations?.trim() || null
+  const rawCaveat = card?.purpose_and_intended_users?.limitations?.trim() || ""
+  const caveatText =
+    rawCaveat && rawCaveat.toLowerCase() !== "not specified" ? rawCaveat : null
   const audienceArr = card?.purpose_and_intended_users?.audience
-  const audienceText = Array.isArray(audienceArr)
+  const audienceJoined = Array.isArray(audienceArr)
     ? audienceArr.filter(Boolean).join("; ")
-    : (typeof audienceArr === "string" ? audienceArr : "")
+    : typeof audienceArr === "string"
+      ? audienceArr
+      : ""
+  const audienceText =
+    audienceJoined && audienceJoined.toLowerCase() !== "not specified"
+      ? audienceJoined
+      : ""
 
   return (
     <section className="ec-card warm" style={{ padding: "20px 24px" }}>
@@ -304,41 +318,52 @@ export function PolicyOverview({ summary }: PolicyOverviewProps) {
         </dd>
       </dl>
 
-      {isParentPage && sliceLabels.length > 1 && (
-        <div
-          className="mt-4"
-          style={{ border: "1px solid var(--border-soft)", background: "var(--bg)" }}
-        >
+      {isParentPage && splitLabels.length > 1 && (
+        <div className="mt-4">
           <button
             type="button"
-            onClick={() => setSlicesOpen((v) => !v)}
-            aria-expanded={slicesOpen}
-            className="flex w-full items-center justify-between gap-3 px-3.5 py-2.5 text-left transition-colors hover:bg-[color:var(--bg-warm)]"
+            onClick={() => setSplitsOpen((v) => !v)}
+            aria-expanded={splitsOpen}
+            className="inline-flex items-center gap-1.5 cursor-pointer hover:text-[color:var(--fg)] transition-colors"
+            style={{
+              background: "transparent",
+              border: 0,
+              padding: 0,
+              color: "var(--fg-subtle)",
+            }}
           >
+            <Layers className="h-3.5 w-3.5" />
             <span
-              className="flex items-center gap-1.5 font-mono uppercase"
-              style={{ fontSize: 10, letterSpacing: "0.14em", color: "var(--fg-muted)" }}
+              className="font-mono uppercase"
+              style={{ fontSize: 10, letterSpacing: "0.14em" }}
             >
-              <Layers className="h-3.5 w-3.5" />
-              {isAggregated ? `Component benchmarks (${sliceLabels.length})` : `Slices (${sliceLabels.length})`}
+              {isAggregated
+                ? `Component benchmarks · ${splitLabels.length}`
+                : `Splits · ${splitLabels.length}`}
             </span>
-            {slicesOpen ? (
-              <ChevronUp className="h-4 w-4" style={{ color: "var(--fg-muted)" }} />
+            {splitsOpen ? (
+              <ChevronUp className="h-3.5 w-3.5" />
             ) : (
-              <ChevronDown className="h-4 w-4" style={{ color: "var(--fg-muted)" }} />
+              <ChevronDown className="h-3.5 w-3.5" />
             )}
           </button>
-          {slicesOpen && (
-            <ul
-              className="grid list-disc gap-x-6 gap-y-1 px-3.5 pb-3.5 pl-9 text-[13px] sm:grid-cols-2 lg:grid-cols-3"
-              style={{ color: "var(--fg)" }}
-            >
-              {sliceLabels.map((name) => (
-                <li key={name} className="capitalize">
+          {splitsOpen && (
+            <div className="mt-2 flex flex-wrap gap-1.5">
+              {splitLabels.map((name) => (
+                <span
+                  key={name}
+                  className="ec-tag outline"
+                  style={{
+                    textTransform: "none",
+                    fontFamily: "var(--font-mono)",
+                    fontSize: 11,
+                    letterSpacing: "0.02em",
+                  }}
+                >
                   {name}
-                </li>
+                </span>
               ))}
-            </ul>
+            </div>
           )}
         </div>
       )}