@sanity/ailf-studio 0.1.12 → 0.1.14

package/dist/index.js

@@ -1647,22 +1647,22 @@ var TEMPLATE_HELP = {
 function TypeHelpCard({ help }) {
   return /* @__PURE__ */ jsx2(Card, { padding: 3, radius: 2, tone: "transparent", border: true, children: /* @__PURE__ */ jsxs2(Stack2, { space: 3, children: [
     /* @__PURE__ */ jsxs2(Flex, { align: "flex-start", gap: 2, children: [
-      /* @__PURE__ */ jsx2(Box2, { style: { flexShrink: 0, marginTop: 1 }, children: /* @__PURE__ */ jsx2(Text2, { size: 1, muted: true, children: /* @__PURE__ */ jsx2(HelpCircleIcon, {}) }) }),
-      /* @__PURE__ */ jsx2(Text2, { size: 1, muted: true, children: help.description })
+      /* @__PURE__ */ jsx2(Box2, { style: { flexShrink: 0, marginTop: 1 }, children: /* @__PURE__ */ jsx2(Text2, { size: 2, muted: true, children: /* @__PURE__ */ jsx2(HelpCircleIcon, {}) }) }),
+      /* @__PURE__ */ jsx2(Text2, { size: 2, muted: true, children: help.description })
     ] }),
     (help.valueHint || help.thresholdHint || help.example) && /* @__PURE__ */ jsxs2(Stack2, { space: 2, paddingLeft: 4, children: [
-      help.valueHint && /* @__PURE__ */ jsxs2(Text2, { size: 0, muted: true, children: [
+      help.valueHint && /* @__PURE__ */ jsxs2(Text2, { size: 1, muted: true, children: [
         /* @__PURE__ */ jsx2("strong", { children: "Value:" }),
         " ",
         help.valueHint
       ] }),
-      help.thresholdHint && /* @__PURE__ */ jsxs2(Text2, { size: 0, muted: true, children: [
+      help.thresholdHint && /* @__PURE__ */ jsxs2(Text2, { size: 1, muted: true, children: [
         /* @__PURE__ */ jsx2("strong", { children: "Threshold:" }),
         " ",
         help.thresholdHint
       ] }),
       help.example && /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx2(Text2, { size: 0, muted: true, children: /* @__PURE__ */ jsx2("strong", { children: "Example:" }) }),
+        /* @__PURE__ */ jsx2(Text2, { size: 1, muted: true, children: /* @__PURE__ */ jsx2("strong", { children: "Example:" }) }),
         /* @__PURE__ */ jsx2(
           Box2,
           {
@@ -1687,16 +1687,16 @@ function TypeHelpCard({ help }) {
 function TemplateHelpCard({ help }) {
   return /* @__PURE__ */ jsx2(Card, { padding: 3, radius: 2, tone: "transparent", border: true, children: /* @__PURE__ */ jsxs2(Stack2, { space: 2, children: [
     /* @__PURE__ */ jsxs2(Flex, { align: "flex-start", gap: 2, children: [
-      /* @__PURE__ */ jsx2(Box2, { style: { flexShrink: 0, marginTop: 1 }, children: /* @__PURE__ */ jsx2(Text2, { size: 1, muted: true, children: /* @__PURE__ */ jsx2(HelpCircleIcon, {}) }) }),
-      /* @__PURE__ */ jsx2(Text2, { size: 1, muted: true, children: help.description })
+      /* @__PURE__ */ jsx2(Box2, { style: { flexShrink: 0, marginTop: 1 }, children: /* @__PURE__ */ jsx2(Text2, { size: 2, muted: true, children: /* @__PURE__ */ jsx2(HelpCircleIcon, {}) }) }),
+      /* @__PURE__ */ jsx2(Text2, { size: 2, muted: true, children: help.description })
     ] }),
     /* @__PURE__ */ jsxs2(Stack2, { space: 1, paddingLeft: 4, children: [
-      /* @__PURE__ */ jsxs2(Text2, { size: 0, muted: true, children: [
+      /* @__PURE__ */ jsxs2(Text2, { size: 1, muted: true, children: [
         /* @__PURE__ */ jsx2("strong", { children: "Weight:" }),
         " ",
         help.weight
       ] }),
-      /* @__PURE__ */ jsxs2(Text2, { size: 0, muted: true, children: [
+      /* @__PURE__ */ jsxs2(Text2, { size: 1, muted: true, children: [
         /* @__PURE__ */ jsx2("strong", { children: "Scale:" }),
         " ",
         help.scaleHint
@@ -1754,8 +1754,8 @@ var REF_TYPE_HELP = {
 };
 function RefTypeHelpCard({ help }) {
   return /* @__PURE__ */ jsx3(Card2, { padding: 3, radius: 2, tone: "transparent", border: true, children: /* @__PURE__ */ jsxs3(Flex2, { align: "flex-start", gap: 2, children: [
-    /* @__PURE__ */ jsx3(Box3, { style: { flexShrink: 0, marginTop: 1 }, children: /* @__PURE__ */ jsx3(Text3, { size: 1, muted: true, children: /* @__PURE__ */ jsx3(HelpCircleIcon2, {}) }) }),
-    /* @__PURE__ */ jsx3(Text3, { size: 1, muted: true, children: help.description })
+    /* @__PURE__ */ jsx3(Box3, { style: { flexShrink: 0, marginTop: 1 }, children: /* @__PURE__ */ jsx3(Text3, { size: 2, muted: true, children: /* @__PURE__ */ jsx3(HelpCircleIcon2, {}) }) }),
+    /* @__PURE__ */ jsx3(Text3, { size: 2, muted: true, children: help.description })
   ] }) });
 }
 function CanonicalDocInput(props) {
@@ -1835,10 +1835,10 @@ function CanonicalDocPreview(props) {
     subtitle = "";
   }
   return /* @__PURE__ */ jsxs4(Flex3, { align: "center", gap: 2, padding: 2, children: [
-    /* @__PURE__ */ jsx4(Text4, { size: 1, children: icon }),
+    /* @__PURE__ */ jsx4(Text4, { size: 2, children: icon }),
     /* @__PURE__ */ jsxs4(Flex3, { direction: "column", gap: 1, flex: 1, children: [
-      /* @__PURE__ */ jsx4(Text4, { size: 1, weight: "semibold", children: resolvedTitle }),
-      subtitle && /* @__PURE__ */ jsx4(Text4, { muted: true, size: 0, children: subtitle })
+      /* @__PURE__ */ jsx4(Text4, { size: 2, weight: "semibold", children: resolvedTitle }),
+      subtitle && /* @__PURE__ */ jsx4(Text4, { muted: true, size: 1, children: subtitle })
     ] })
   ] });
 }
@@ -1868,7 +1868,7 @@ function formatAge(ms) {
 function SyncStatusBadge({
   lastSyncedAt,
   commitSha,
-  fontSize = 0
+  fontSize = 1
 }) {
   const syncedAt = new Date(lastSyncedAt);
   const ageMs = Date.now() - syncedAt.getTime();
@@ -1879,7 +1879,7 @@ function SyncStatusBadge({
   return /* @__PURE__ */ jsx5(
     Tooltip,
     {
-      content: /* @__PURE__ */ jsx5(Box4, { padding: 2, children: /* @__PURE__ */ jsxs5(Text5, { size: 1, children: [
+      content: /* @__PURE__ */ jsx5(Box4, { padding: 2, children: /* @__PURE__ */ jsxs5(Text5, { size: 2, children: [
         "Last synced ",
         ageStr,
         shaStr
@@ -1898,8 +1898,8 @@ function MirrorBanner({ origin }) {
   const repoDisplay = repo ?? "an external repository";
   return /* @__PURE__ */ jsx6(Card3, { padding: 3, radius: 2, tone: "transparent", border: true, children: /* @__PURE__ */ jsxs6(Stack4, { space: 3, children: [
     /* @__PURE__ */ jsxs6(Flex4, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx6(Text6, { size: 1, children: /* @__PURE__ */ jsx6(LinkIcon, {}) }),
-      /* @__PURE__ */ jsxs6(Text6, { size: 1, children: [
+      /* @__PURE__ */ jsx6(Text6, { size: 2, children: /* @__PURE__ */ jsx6(LinkIcon, {}) }),
+      /* @__PURE__ */ jsxs6(Text6, { size: 2, children: [
         "This task is managed in",
         " ",
         repoUrl ? /* @__PURE__ */ jsx6(
@@ -1921,14 +1921,14 @@ function MirrorBanner({ origin }) {
         {
           lastSyncedAt,
           commitSha,
-          fontSize: 0
+          fontSize: 1
         }
       ),
-      branch && /* @__PURE__ */ jsxs6(Text6, { size: 0, muted: true, children: [
+      branch && /* @__PURE__ */ jsxs6(Text6, { size: 1, muted: true, children: [
         branch,
         commitSha ? ` @ ${commitSha.slice(0, 7)}` : ""
       ] }),
-      path && /* @__PURE__ */ jsx6(Text6, { size: 0, muted: true, children: path })
+      path && /* @__PURE__ */ jsx6(Text6, { size: 1, muted: true, children: path })
     ] })
   ] }) });
 }
@@ -1969,7 +1969,7 @@ import {
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function StateBadge({ state }) {
   const tone = state === "active" ? "positive" : state === "published" ? "primary" : "default";
-  return /* @__PURE__ */ jsx8(Badge2, { fontSize: 0, tone, children: state });
+  return /* @__PURE__ */ jsx8(Badge2, { fontSize: 1, tone, children: state });
 }
 function ReleasePicker(props) {
   const { onChange, path, value = "" } = props;
@@ -2044,8 +2044,8 @@ function ReleasePicker(props) {
           const opt = option;
           return /* @__PURE__ */ jsx8(Card4, { as: "button", padding: 3, children: /* @__PURE__ */ jsxs8(Flex5, { align: "center", gap: 2, children: [
             /* @__PURE__ */ jsxs8(Stack6, { flex: 1, space: 1, children: [
-              /* @__PURE__ */ jsx8(Text7, { size: 1, weight: "semibold", children: opt.payload.title }),
-              opt.payload.title !== opt.value && /* @__PURE__ */ jsx8(Text7, { muted: true, size: 1, children: opt.value })
+              /* @__PURE__ */ jsx8(Text7, { size: 2, weight: "semibold", children: opt.payload.title }),
+              opt.payload.title !== opt.value && /* @__PURE__ */ jsx8(Text7, { muted: true, size: 2, children: opt.value })
             ] }),
             /* @__PURE__ */ jsx8(StateBadge, { state: opt.payload.state })
           ] }) });
@@ -2057,7 +2057,7 @@ function ReleasePicker(props) {
         value
       }
     ),
-    value && /* @__PURE__ */ jsxs8(Text7, { muted: true, size: 0, children: [
+    value && /* @__PURE__ */ jsxs8(Text7, { muted: true, size: 1, children: [
       "Release ID: ",
       /* @__PURE__ */ jsx8("code", { children: value })
     ] })
@@ -3175,7 +3175,7 @@ function computeDimensionDeltas(baseline, experiment) {
 import { Card as Card5, Stack as Stack7, Text as Text8 } from "@sanity/ui";
 import { jsx as jsx9 } from "react/jsx-runtime";
 function PageBlurb({ text }) {
-  return /* @__PURE__ */ jsx9(Card5, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx9(Stack7, { space: 2, children: /* @__PURE__ */ jsx9(Text8, { size: 1, children: text }) }) });
+  return /* @__PURE__ */ jsx9(Card5, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx9(Stack7, { space: 2, children: /* @__PURE__ */ jsx9(Text8, { size: 2, children: text }) }) });
 }
 
 // src/components/primitives/ColumnHeader.tsx
@@ -3196,7 +3196,7 @@ function ColumnHeader({
       Text9,
       {
         muted: true,
-        size: 1,
+        size: 2,
         style: { letterSpacing: "0.05em", textTransform: "uppercase" },
         weight: "semibold",
         children: label
@@ -3205,9 +3205,9 @@ function ColumnHeader({
     tooltip && /* @__PURE__ */ jsx10(
       Tooltip2,
       {
-        content: /* @__PURE__ */ jsx10(Box5, { padding: 2, children: /* @__PURE__ */ jsx10(Text9, { size: 1, children: tooltip }) }),
+        content: /* @__PURE__ */ jsx10(Box5, { padding: 2, children: /* @__PURE__ */ jsx10(Text9, { size: 2, children: tooltip }) }),
         portal: true,
-        children: /* @__PURE__ */ jsx10(Text9, { muted: true, size: 0, children: /* @__PURE__ */ jsx10(HelpCircleIcon3, {}) })
+        children: /* @__PURE__ */ jsx10(Text9, { muted: true, size: 1, children: /* @__PURE__ */ jsx10(HelpCircleIcon3, {}) })
       }
     )
   ] });
@@ -3303,14 +3303,14 @@ function ComparisonView() {
     /* @__PURE__ */ jsx12(PageBlurb, { text: "Select two reports to compare." }),
     /* @__PURE__ */ jsxs10(Flex7, { gap: 3, children: [
       /* @__PURE__ */ jsx12(Box7, { flex: 1, children: /* @__PURE__ */ jsxs10(Stack8, { space: 2, children: [
-        /* @__PURE__ */ jsx12(Text11, { size: 1, weight: "semibold", children: "Baseline (before)" }),
+        /* @__PURE__ */ jsx12(Text11, { size: 2, weight: "semibold", children: "Baseline (before)" }),
         /* @__PURE__ */ jsxs10(Select, { onChange: onBaseline, value: baselineId ?? "", children: [
           /* @__PURE__ */ jsx12("option", { value: "", children: "Select baseline\u2026" }),
           baselineOptions.map((r) => /* @__PURE__ */ jsx12("option", { value: r.reportId, children: formatOption(r) }, r.reportId))
         ] })
       ] }) }),
       /* @__PURE__ */ jsx12(Box7, { flex: 1, children: /* @__PURE__ */ jsxs10(Stack8, { space: 2, children: [
-        /* @__PURE__ */ jsx12(Text11, { size: 1, weight: "semibold", children: "Experiment (after)" }),
+        /* @__PURE__ */ jsx12(Text11, { size: 2, weight: "semibold", children: "Experiment (after)" }),
         /* @__PURE__ */ jsxs10(Select, { onChange: onExperiment, value: experimentId ?? "", children: [
           /* @__PURE__ */ jsx12("option", { value: "", children: "Select experiment\u2026" }),
           experimentOptions.map((r) => /* @__PURE__ */ jsx12("option", { value: r.reportId, children: formatOption(r) }, r.reportId))
@@ -3318,7 +3318,7 @@ function ComparisonView() {
       ] }) })
     ] }),
     hasBoth && loading && /* @__PURE__ */ jsx12(LoadingState, { message: "Loading comparison\u2026" }),
-    hasBoth && !loading && !hasData && /* @__PURE__ */ jsx12(Card6, { padding: 4, tone: "caution", children: /* @__PURE__ */ jsx12(Text11, { size: 1, children: "Report not found." }) }),
+    hasBoth && !loading && !hasData && /* @__PURE__ */ jsx12(Card6, { padding: 4, tone: "caution", children: /* @__PURE__ */ jsx12(Text11, { size: 2, children: "Report not found." }) }),
     hasBoth && !loading && hasData && /* @__PURE__ */ jsxs10(Fragment3, { children: [
       /* @__PURE__ */ jsx12(
         AreaComparisonTable,
@@ -3337,7 +3337,7 @@ function AreaComparisonTable({
   overallDelta
 }) {
   return /* @__PURE__ */ jsx12(Card6, { overflow: "auto", padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs10(Stack8, { space: 3, children: [
-    /* @__PURE__ */ jsx12(Text11, { size: 1, weight: "semibold", children: "Per-area comparison" }),
+    /* @__PURE__ */ jsx12(Text11, { size: 2, weight: "semibold", children: "Per-area comparison" }),
     /* @__PURE__ */ jsxs10(Grid, { columns: 5, gap: 2, children: [
       /* @__PURE__ */ jsx12(ColumnHeader, { label: "Area" }),
       /* @__PURE__ */ jsx12(ColumnHeader, { label: "Baseline", tooltip: GLOSSARY.baseline }),
@@ -3346,10 +3346,10 @@ function AreaComparisonTable({
       /* @__PURE__ */ jsx12(ColumnHeader, { label: "Change", tooltip: GLOSSARY.change })
     ] }),
     areaDeltas.map((row) => /* @__PURE__ */ jsxs10(Grid, { columns: 5, gap: 2, children: [
-      /* @__PURE__ */ jsx12(Text11, { size: 1, children: row.area }),
-      /* @__PURE__ */ jsx12(Text11, { size: 1, children: row.baseline.toFixed(1) }),
-      /* @__PURE__ */ jsx12(Text11, { size: 1, children: row.experiment.toFixed(1) }),
-      /* @__PURE__ */ jsx12(Text11, { size: 1, children: formatDelta(row.delta) }),
+      /* @__PURE__ */ jsx12(Text11, { size: 2, children: row.area }),
+      /* @__PURE__ */ jsx12(Text11, { size: 2, children: row.baseline.toFixed(1) }),
+      /* @__PURE__ */ jsx12(Text11, { size: 2, children: row.experiment.toFixed(1) }),
+      /* @__PURE__ */ jsx12(Text11, { size: 2, children: formatDelta(row.delta) }),
       /* @__PURE__ */ jsx12(Box7, { children: /* @__PURE__ */ jsx12(Badge3, { tone: changeTone(row.change), children: row.change }) })
     ] }, row.area)),
     overallDelta && /* @__PURE__ */ jsxs10(
@@ -3362,10 +3362,10 @@ function AreaComparisonTable({
           paddingTop: 8
         },
         children: [
-          /* @__PURE__ */ jsx12(Text11, { size: 1, weight: "semibold", children: "Overall" }),
-          /* @__PURE__ */ jsx12(Text11, { size: 1, weight: "semibold", children: overallDelta.baseline.toFixed(1) }),
-          /* @__PURE__ */ jsx12(Text11, { size: 1, weight: "semibold", children: overallDelta.experiment.toFixed(1) }),
-          /* @__PURE__ */ jsx12(Text11, { size: 1, weight: "semibold", children: formatDelta(overallDelta.delta) }),
+          /* @__PURE__ */ jsx12(Text11, { size: 2, weight: "semibold", children: "Overall" }),
+          /* @__PURE__ */ jsx12(Text11, { size: 2, weight: "semibold", children: overallDelta.baseline.toFixed(1) }),
+          /* @__PURE__ */ jsx12(Text11, { size: 2, weight: "semibold", children: overallDelta.experiment.toFixed(1) }),
+          /* @__PURE__ */ jsx12(Text11, { size: 2, weight: "semibold", children: formatDelta(overallDelta.delta) }),
           /* @__PURE__ */ jsx12(Box7, { children: /* @__PURE__ */ jsx12(Badge3, { tone: changeTone(classify(overallDelta.delta)), children: classify(overallDelta.delta) }) })
         ]
       }
@@ -3374,7 +3374,7 @@ function AreaComparisonTable({
 }
 function DimensionDeltasTable({ dimDeltas }) {
   return /* @__PURE__ */ jsx12(Card6, { overflow: "auto", padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs10(Stack8, { space: 3, children: [
-    /* @__PURE__ */ jsx12(Text11, { size: 1, weight: "semibold", children: "Dimension deltas" }),
+    /* @__PURE__ */ jsx12(Text11, { size: 2, weight: "semibold", children: "Dimension deltas" }),
     /* @__PURE__ */ jsxs10(Grid, { columns: 4, gap: 2, children: [
       /* @__PURE__ */ jsx12(ColumnHeader, { label: "Area" }),
       /* @__PURE__ */ jsx12(
@@ -3400,10 +3400,10 @@ function DimensionDeltasTable({ dimDeltas }) {
       )
     ] }),
     dimDeltas.map((row) => /* @__PURE__ */ jsxs10(Grid, { columns: 4, gap: 2, children: [
-      /* @__PURE__ */ jsx12(Text11, { size: 1, children: row.area }),
-      /* @__PURE__ */ jsx12(Text11, { size: 1, children: formatDelta(row.taskDelta) }),
-      /* @__PURE__ */ jsx12(Text11, { size: 1, children: formatDelta(row.codeDelta) }),
-      /* @__PURE__ */ jsx12(Text11, { size: 1, children: formatDelta(row.docDelta) })
+      /* @__PURE__ */ jsx12(Text11, { size: 2, children: row.area }),
+      /* @__PURE__ */ jsx12(Text11, { size: 2, children: formatDelta(row.taskDelta) }),
+      /* @__PURE__ */ jsx12(Text11, { size: 2, children: formatDelta(row.codeDelta) }),
+      /* @__PURE__ */ jsx12(Text11, { size: 2, children: formatDelta(row.docDelta) })
     ] }, row.area))
   ] }) });
 }
@@ -3415,8 +3415,8 @@ function ThreeLayerDeltasTable({
   );
   return /* @__PURE__ */ jsx12(Card6, { overflow: "auto", padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs10(Stack8, { space: 3, children: [
     /* @__PURE__ */ jsxs10(Flex7, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx12(Text11, { size: 1, weight: "semibold", children: "Three-layer decomposition deltas" }),
-      /* @__PURE__ */ jsx12(Badge3, { fontSize: 0, tone: "primary", children: "full mode" })
+      /* @__PURE__ */ jsx12(Text11, { size: 2, weight: "semibold", children: "Three-layer decomposition deltas" }),
+      /* @__PURE__ */ jsx12(Badge3, { fontSize: 1, tone: "primary", children: "full mode" })
     ] }),
     /* @__PURE__ */ jsxs10(Grid, { columns: 7, gap: 2, children: [
       /* @__PURE__ */ jsx12(ColumnHeader, { label: "Area" }),
@@ -3428,22 +3428,22 @@ function ThreeLayerDeltasTable({
       /* @__PURE__ */ jsx12(ColumnHeader, { label: "Eff. (E)", tooltip: GLOSSARY.efficiency })
     ] }),
     filtered.map((row) => /* @__PURE__ */ jsxs10(Grid, { columns: 7, gap: 2, children: [
-      /* @__PURE__ */ jsx12(Text11, { size: 1, children: row.area }),
-      /* @__PURE__ */ jsx12(Text11, { size: 1, children: row.baseActual != null ? row.baseActual.toFixed(1) : "\u2014" }),
-      /* @__PURE__ */ jsx12(Text11, { size: 1, children: row.expActual != null ? row.expActual.toFixed(1) : "\u2014" }),
-      /* @__PURE__ */ jsx12(Text11, { size: 1, children: row.actualDelta != null ? formatDelta(row.actualDelta) : "\u2014" }),
+      /* @__PURE__ */ jsx12(Text11, { size: 2, children: row.area }),
+      /* @__PURE__ */ jsx12(Text11, { size: 2, children: row.baseActual != null ? row.baseActual.toFixed(1) : "\u2014" }),
+      /* @__PURE__ */ jsx12(Text11, { size: 2, children: row.expActual != null ? row.expActual.toFixed(1) : "\u2014" }),
+      /* @__PURE__ */ jsx12(Text11, { size: 2, children: row.actualDelta != null ? formatDelta(row.actualDelta) : "\u2014" }),
       /* @__PURE__ */ jsx12(
         Text11,
         {
-          size: 1,
+          size: 2,
           style: {
             color: row.retGapDelta != null ? row.retGapDelta < -NOISE_THRESHOLD ? "var(--card-badge-positive-dot-color)" : row.retGapDelta > NOISE_THRESHOLD ? "var(--card-badge-critical-dot-color)" : void 0 : void 0
           },
           children: row.retGapDelta != null ? formatDelta(row.retGapDelta) : "\u2014"
         }
       ),
-      /* @__PURE__ */ jsx12(Text11, { size: 1, children: formatPercent(row.baseEfficiency) }),
-      /* @__PURE__ */ jsx12(Text11, { size: 1, children: formatPercent(row.expEfficiency) })
+      /* @__PURE__ */ jsx12(Text11, { size: 2, children: formatPercent(row.baseEfficiency) }),
+      /* @__PURE__ */ jsx12(Text11, { size: 2, children: formatPercent(row.expEfficiency) })
     ] }, `tl-${row.area}`))
   ] }) });
 }
@@ -3455,7 +3455,7 @@ function formatOption(r) {
 // src/components/LatestReports.tsx
 import { SortIcon } from "@sanity/icons";
 import {
-  Badge as Badge13,
+  Badge as Badge15,
   Box as Box8,
   Button,
   Card as Card12,
@@ -3551,10 +3551,10 @@ function DocumentFilter({
     const badgeLabel = provenance === "published" ? "Published" : provenance === "release" ? releaseId ?? "Release" : "Draft";
     return /* @__PURE__ */ jsx13(Card7, { as: "button", padding: 3, children: /* @__PURE__ */ jsxs11(Flex8, { align: "center", gap: 2, children: [
       /* @__PURE__ */ jsxs11(Stack9, { flex: 1, space: 1, children: [
-        /* @__PURE__ */ jsx13(Text12, { size: 1, weight: "semibold", children: option.payload.title }),
-        /* @__PURE__ */ jsx13(Text12, { muted: true, size: 1, children: option.payload.path })
+        /* @__PURE__ */ jsx13(Text12, { size: 2, weight: "semibold", children: option.payload.title }),
+        /* @__PURE__ */ jsx13(Text12, { muted: true, size: 2, children: option.payload.path })
       ] }),
-      /* @__PURE__ */ jsx13(Badge4, { fontSize: 0, tone: badgeTone, children: badgeLabel })
+      /* @__PURE__ */ jsx13(Badge4, { fontSize: 1, tone: badgeTone, children: badgeLabel })
     ] }) });
   }, []);
   const renderValue = useCallback7((_value, option) => {
@@ -3656,10 +3656,10 @@ function PerspectiveFilter({ value, onChange }) {
         const opt = option;
         return /* @__PURE__ */ jsx14(Card8, { as: "button", padding: 3, children: /* @__PURE__ */ jsxs12(Flex9, { align: "center", gap: 2, children: [
           /* @__PURE__ */ jsxs12(Stack10, { flex: 1, space: 1, children: [
-            /* @__PURE__ */ jsx14(Text13, { size: 1, weight: "semibold", children: opt.payload.title }),
-            opt.payload.title !== opt.value && /* @__PURE__ */ jsx14(Text13, { muted: true, size: 1, children: opt.value })
+            /* @__PURE__ */ jsx14(Text13, { size: 2, weight: "semibold", children: opt.payload.title }),
+            opt.payload.title !== opt.value && /* @__PURE__ */ jsx14(Text13, { muted: true, size: 2, children: opt.value })
           ] }),
-          opt.payload.hasReport && /* @__PURE__ */ jsx14(Badge5, { fontSize: 0, tone: "positive", children: "Has reports" })
+          opt.payload.hasReport && /* @__PURE__ */ jsx14(Badge5, { fontSize: 1, tone: "positive", children: "Has reports" })
         ] }) });
       },
       renderValue: (v, option) => {
@@ -3675,13 +3675,13 @@ function PerspectiveFilter({ value, onChange }) {
 }
 
 // src/components/report-card/ReportCard.tsx
-import { Badge as Badge10, Card as Card9, Flex as Flex13, Text as Text17 } from "@sanity/ui";
+import { Badge as Badge12, Card as Card9, Flex as Flex13, Text as Text17 } from "@sanity/ui";
 import { useCallback as useCallback8 } from "react";
 
 // src/components/primitives/DeltaIndicator.tsx
 import { Text as Text14 } from "@sanity/ui";
 import { jsx as jsx15 } from "react/jsx-runtime";
-function DeltaIndicator({ delta, size = 1 }) {
+function DeltaIndicator({ delta, size = 2 }) {
   return /* @__PURE__ */ jsx15(
     Text14,
     {
@@ -3704,7 +3704,7 @@ function GitOrigin({ git }) {
       Text15,
       {
         muted: true,
-        size: 0,
+        size: 1,
         style: { fontFamily: "monospace", whiteSpace: "nowrap" },
         title: `${git.repo} @ ${git.sha.slice(0, 7)} (${git.branch})`,
         children: git.repo
@@ -3718,7 +3718,7 @@ function GitOrigin({ git }) {
         rel: "noopener noreferrer",
         style: { textDecoration: "none" },
         target: "_blank",
-        children: /* @__PURE__ */ jsxs13(Badge6, { fontSize: 0, mode: "outline", tone: "primary", children: [
+        children: /* @__PURE__ */ jsxs13(Badge6, { fontSize: 1, mode: "outline", tone: "primary", children: [
           "#",
           git.prNumber
         ] })
@@ -3730,28 +3730,42 @@ function stopPropagation(e) {
   e.stopPropagation();
 }
 
+// src/components/report-card/ModeBadge.tsx
+import { Badge as Badge7 } from "@sanity/ui";
+import { jsx as jsx17 } from "react/jsx-runtime";
+var modeTone = {
+  agentic: "positive",
+  baseline: "default",
+  full: "primary",
+  observed: "caution"
+};
+function ModeBadge({ mode }) {
+  const tone = modeTone[mode] ?? "default";
+  return /* @__PURE__ */ jsx17(Badge7, { fontSize: 1, tone, children: mode });
+}
+
 // src/components/report-card/ReportMeta.tsx
 import { Stack as Stack11, Text as Text16 } from "@sanity/ui";
 
 // src/components/report-card/AreaTags.tsx
-import { Badge as Badge7, Flex as Flex11 } from "@sanity/ui";
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Badge as Badge8, Flex as Flex11 } from "@sanity/ui";
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 function AreaTags({ areas, targetDocuments }) {
   const hasAreas = areas && areas.length > 0;
   const hasDocs = targetDocuments && targetDocuments.length > 0;
   if (!hasAreas && !hasDocs) return null;
   return /* @__PURE__ */ jsxs14(Flex11, { gap: 1, paddingTop: 1, wrap: "wrap", children: [
-    hasAreas && areas.map((area) => /* @__PURE__ */ jsx17(
-      Badge7,
+    hasAreas && areas.map((area) => /* @__PURE__ */ jsx18(
+      Badge8,
       {
-        fontSize: 0,
+        fontSize: 1,
         mode: "outline",
         tone: "default",
         children: area
       },
       `area-${area}`
     )),
-    hasDocs && targetDocuments.map((doc) => /* @__PURE__ */ jsx17(Badge7, { fontSize: 0, mode: "outline", tone: "primary", children: doc }, `doc-${doc}`))
+    hasDocs && targetDocuments.map((doc) => /* @__PURE__ */ jsx18(Badge8, { fontSize: 1, mode: "outline", tone: "primary", children: doc }, `doc-${doc}`))
   ] });
 }
 
@@ -3795,9 +3809,9 @@ function formatCardDate(iso) {
 }
 
 // src/components/report-card/ReportMeta.tsx
-import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 function ReportMeta({ data }) {
-  const segments = [data.mode, data.source];
+  const segments = [];
   if (data.models && data.models.length > 0) {
     segments.push(data.models.join(", "));
   }
@@ -3808,14 +3822,14 @@ function ReportMeta({ data }) {
     segments.push(formatDuration(data.durationMs));
   }
   return /* @__PURE__ */ jsxs15(Stack11, { flex: 1, space: 1, children: [
-    /* @__PURE__ */ jsx18(Text16, { weight: "semibold", children: data.tag ?? formatCardDate(data.completedAt) }),
-    /* @__PURE__ */ jsx18(Text16, { muted: true, size: 1, children: segments.join(" \xB7 ") }),
-    /* @__PURE__ */ jsx18(AreaTags, { areas: data.areas, targetDocuments: data.targetDocuments })
+    /* @__PURE__ */ jsx19(Text16, { size: 3, weight: "semibold", children: data.tag ?? formatCardDate(data.completedAt) }),
+    segments.length > 0 && /* @__PURE__ */ jsx19(Text16, { muted: true, size: 2, children: segments.join(" \xB7 ") }),
+    /* @__PURE__ */ jsx19(AreaTags, { areas: data.areas, targetDocuments: data.targetDocuments })
   ] });
 }
 
 // src/components/primitives/ScoreBadge.tsx
-import { Badge as Badge8 } from "@sanity/ui";
+import { Badge as Badge9 } from "@sanity/ui";
 
 // src/lib/scoring.ts
 var TONE_MAP = {
@@ -3847,11 +3861,11 @@ function rowBackground(index) {
 }
 
 // src/components/primitives/ScoreBadge.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
-function ScoreBadge({ score, fontSize = 1 }) {
+import { jsx as jsx20 } from "react/jsx-runtime";
+function ScoreBadge({ score, fontSize = 2 }) {
   const rounded = Math.round(score);
-  return /* @__PURE__ */ jsx19(
-    Badge8,
+  return /* @__PURE__ */ jsx20(
+    Badge9,
     {
       fontSize,
       style: { minWidth: 48, textAlign: "center" },
@@ -3861,19 +3875,32 @@ function ScoreBadge({ score, fontSize = 1 }) {
   );
 }
 
+// src/components/report-card/SourceBadge.tsx
+import { Badge as Badge10 } from "@sanity/ui";
+import { jsx as jsx21 } from "react/jsx-runtime";
+var sourceTone = {
+  branch: "primary",
+  local: "default",
+  production: "caution"
+};
+function SourceBadge({ source }) {
+  const tone = sourceTone[source] ?? "default";
+  return /* @__PURE__ */ jsx21(Badge10, { fontSize: 1, mode: "outline", tone, children: source });
+}
+
 // src/components/primitives/StatusBadges.tsx
-import { Badge as Badge9, Flex as Flex12 } from "@sanity/ui";
+import { Badge as Badge11, Flex as Flex12 } from "@sanity/ui";
 import { jsxs as jsxs16 } from "react/jsx-runtime";
 function StatusBadges({ regressed, improved }) {
   const hasRegressed = regressed && regressed.length > 0;
   const hasImproved = improved && improved.length > 0;
   if (!hasRegressed && !hasImproved) return null;
   return /* @__PURE__ */ jsxs16(Flex12, { gap: 1, children: [
-    hasRegressed && /* @__PURE__ */ jsxs16(Badge9, { fontSize: 0, tone: "critical", children: [
+    hasRegressed && /* @__PURE__ */ jsxs16(Badge11, { fontSize: 1, tone: "critical", children: [
       regressed.length,
       " regressed"
     ] }),
-    hasImproved && /* @__PURE__ */ jsxs16(Badge9, { fontSize: 0, tone: "positive", children: [
+    hasImproved && /* @__PURE__ */ jsxs16(Badge11, { fontSize: 1, tone: "positive", children: [
       improved.length,
       " improved"
     ] })
@@ -3881,12 +3908,12 @@ function StatusBadges({ regressed, improved }) {
 }
 
 // src/components/report-card/ReportCard.tsx
-import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 function ReportCard({ data, onSelectReport }) {
   const handleClick = useCallback8(() => {
     onSelectReport(data.reportId);
   }, [data.reportId, onSelectReport]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     Card9,
     {
       onClick: handleClick,
@@ -3895,24 +3922,28 @@ function ReportCard({ data, onSelectReport }) {
       shadow: 1,
       style: { cursor: "pointer" },
       children: /* @__PURE__ */ jsxs17(Flex13, { align: "center", gap: 3, children: [
-        /* @__PURE__ */ jsx20(ScoreBadge, { score: data.overall }),
-        /* @__PURE__ */ jsx20(ReportMeta, { data }),
+        /* @__PURE__ */ jsx22(ScoreBadge, { score: data.overall }),
+        /* @__PURE__ */ jsx22(ReportMeta, { data }),
         /* @__PURE__ */ jsxs17(Flex13, { align: "flex-end", direction: "column", gap: 2, shrink: 0, children: [
           /* @__PURE__ */ jsxs17(Flex13, { align: "center", gap: 2, children: [
-            data.comparisonDelta != null && /* @__PURE__ */ jsx20(DeltaIndicator, { delta: data.comparisonDelta }),
-            /* @__PURE__ */ jsx20(StatusBadges, { improved: data.improved, regressed: data.regressed }),
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx22(ModeBadge, { mode: data.mode }),
+            /* @__PURE__ */ jsx22(SourceBadge, { source: data.source })
+          ] }),
+          /* @__PURE__ */ jsxs17(Flex13, { align: "center", gap: 2, children: [
+            data.comparisonDelta != null && /* @__PURE__ */ jsx22(DeltaIndicator, { delta: data.comparisonDelta }),
+            /* @__PURE__ */ jsx22(StatusBadges, { improved: data.improved, regressed: data.regressed }),
+            /* @__PURE__ */ jsx22(
               Text17,
               {
                 muted: true,
-                size: 0,
+                size: 1,
                 title: new Date(data.completedAt).toISOString(),
                 children: formatRelativeTime(data.completedAt)
               }
             ),
-            data.trigger && /* @__PURE__ */ jsx20(Badge10, { fontSize: 0, tone: "default", children: data.trigger })
+            data.trigger && /* @__PURE__ */ jsx22(Badge12, { fontSize: 1, tone: "default", children: data.trigger })
           ] }),
-          data.git && /* @__PURE__ */ jsx20(GitOrigin, { git: data.git })
+          data.git && /* @__PURE__ */ jsx22(GitOrigin, { git: data.git })
         ] })
       ] })
     }
@@ -4066,9 +4097,9 @@ function filterAndExclude(values, query, dim, activeTokens) {
 
 // src/components/search-bar/FilterBadge.tsx
 import { CloseIcon } from "@sanity/icons";
-import { Badge as Badge11, Flex as Flex14, Text as Text18 } from "@sanity/ui";
+import { Badge as Badge13, Flex as Flex14, Text as Text18 } from "@sanity/ui";
 import { useCallback as useCallback9 } from "react";
-import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 function FilterBadge({ token, onRemove }) {
   const dim = DIMENSIONS.find((d) => d.key === token.dimension);
   const tone = dim?.tone ?? "default";
@@ -4079,10 +4110,10 @@ function FilterBadge({ token, onRemove }) {
     },
     [onRemove, token.id]
   );
-  return /* @__PURE__ */ jsx21(
-    Badge11,
+  return /* @__PURE__ */ jsx23(
+    Badge13,
     {
-      fontSize: 0,
+      fontSize: 1,
       style: {
         cursor: "default",
         flexShrink: 0,
@@ -4090,19 +4121,19 @@ function FilterBadge({ token, onRemove }) {
       },
       tone,
       children: /* @__PURE__ */ jsxs18(Flex14, { align: "center", gap: 1, children: [
-        /* @__PURE__ */ jsxs18(Text18, { size: 0, children: [
+        /* @__PURE__ */ jsxs18(Text18, { size: 1, children: [
           token.dimension,
           ":",
           token.label
         ] }),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx23(
           Text18,
           {
             muted: true,
             onClick: handleRemove,
-            size: 0,
+            size: 1,
             style: { cursor: "pointer", lineHeight: 1 },
-            children: /* @__PURE__ */ jsx21(CloseIcon, {})
+            children: /* @__PURE__ */ jsx23(CloseIcon, {})
           }
         )
       ] })
@@ -4111,9 +4142,9 @@ function FilterBadge({ token, onRemove }) {
 }
 
 // src/components/search-bar/SuggestionList.tsx
-import { Badge as Badge12, Card as Card10, Flex as Flex15, Stack as Stack12, Text as Text19 } from "@sanity/ui";
+import { Badge as Badge14, Card as Card10, Flex as Flex15, Stack as Stack12, Text as Text19 } from "@sanity/ui";
 import { useCallback as useCallback10 } from "react";
-import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 function SuggestionList({
   suggestions,
   activeIndex,
@@ -4122,7 +4153,7 @@ function SuggestionList({
   if (suggestions.length === 0) return null;
   const groups = groupByCategory(suggestions);
   let globalIndex = -1;
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx24(
     Card10,
     {
       overflow: "auto",
@@ -4136,12 +4167,12 @@ function SuggestionList({
         top: "100%",
         zIndex: 100
       },
-      children: /* @__PURE__ */ jsx22(Stack12, { padding: 1, space: 1, children: groups.map(([category, items]) => /* @__PURE__ */ jsxs19(Stack12, { space: 0, children: [
-        /* @__PURE__ */ jsx22(
+      children: /* @__PURE__ */ jsx24(Stack12, { padding: 1, space: 1, children: groups.map(([category, items]) => /* @__PURE__ */ jsxs19(Stack12, { space: 0, children: [
+        /* @__PURE__ */ jsx24(
           Text19,
           {
             muted: true,
-            size: 0,
+            size: 1,
             style: {
               letterSpacing: "0.05em",
               padding: "6px 8px 2px",
@@ -4154,7 +4185,7 @@ function SuggestionList({
         items.map((suggestion) => {
           globalIndex++;
           const isActive = globalIndex === activeIndex;
-          return /* @__PURE__ */ jsx22(
+          return /* @__PURE__ */ jsx24(
             SuggestionItem,
             {
               active: isActive,
@@ -4179,7 +4210,7 @@ function SuggestionItem({
   const handleClick = useCallback10(() => {
     onSelect(suggestion);
   }, [onSelect, suggestion]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx24(
     Card10,
     {
       onClick: handleClick,
@@ -4188,8 +4219,8 @@ function SuggestionItem({
       style: { cursor: "pointer" },
       tone: active ? "primary" : "default",
       children: /* @__PURE__ */ jsxs19(Flex15, { align: "center", gap: 2, children: [
-        !isHint && /* @__PURE__ */ jsx22(Badge12, { fontSize: 0, tone, children: suggestion.dimension }),
-        /* @__PURE__ */ jsx22(Text19, { size: 1, children: suggestion.label })
+        !isHint && /* @__PURE__ */ jsx24(Badge14, { fontSize: 1, tone, children: suggestion.dimension }),
+        /* @__PURE__ */ jsx24(Text19, { size: 2, children: suggestion.label })
       ] })
     }
   );
@@ -4204,7 +4235,7 @@ function groupByCategory(suggestions) {
 }
 
 // src/components/search-bar/SearchBar.tsx
-import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
 function SearchBar({
   tokens,
   query,
@@ -4309,7 +4340,7 @@ function SearchBar({
     inputRef.current?.focus();
   }, []);
   return /* @__PURE__ */ jsxs20("div", { style: { position: "relative" }, children: [
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx25(
       Card11,
       {
         border: true,
@@ -4318,8 +4349,8 @@ function SearchBar({
         radius: 2,
         style: { cursor: "text" },
         children: /* @__PURE__ */ jsxs20(Flex16, { align: "center", gap: 1, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx23(Text20, { muted: true, size: 1, style: { flexShrink: 0, padding: "0 4px" }, children: /* @__PURE__ */ jsx23(SearchIcon4, {}) }),
-          tokens.map((token) => /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx25(Text20, { muted: true, size: 2, style: { flexShrink: 0, padding: "0 4px" }, children: /* @__PURE__ */ jsx25(SearchIcon4, {}) }),
+          tokens.map((token) => /* @__PURE__ */ jsx25(
             FilterBadge,
             {
               onRemove: handleTokenRemove,
@@ -4327,7 +4358,7 @@ function SearchBar({
             },
             token.id
           )),
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx25(
             "input",
             {
               onBlur: handleBlur,
@@ -4354,7 +4385,7 @@ function SearchBar({
         ] })
       }
     ),
-    focused && suggestions.length > 0 && /* @__PURE__ */ jsx23(
+    focused && suggestions.length > 0 && /* @__PURE__ */ jsx25(
       SuggestionList,
       {
         activeIndex,
@@ -4366,7 +4397,7 @@ function SearchBar({
 }
 
 // src/components/LatestReports.tsx
-import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
 var SORT_LABELS = {
   date: "Date",
   name: "Name",
@@ -4544,16 +4575,16 @@ function LatestReports({
     setPerspective("");
   }, []);
   if (initialLoading) {
-    return /* @__PURE__ */ jsx24(Card12, { padding: 4, children: /* @__PURE__ */ jsx24(Text21, { muted: true, children: "Loading reports\u2026" }) });
+    return /* @__PURE__ */ jsx26(Card12, { padding: 4, children: /* @__PURE__ */ jsx26(Text21, { muted: true, children: "Loading reports\u2026" }) });
   }
   if (reports.length === 0) {
-    return /* @__PURE__ */ jsx24(Card12, { padding: 4, children: /* @__PURE__ */ jsx24(Text21, { muted: true, children: "No reports found. Run the pipeline with --publish to create reports." }) });
+    return /* @__PURE__ */ jsx26(Card12, { padding: 4, children: /* @__PURE__ */ jsx26(Text21, { muted: true, children: "No reports found. Run the pipeline with --publish to create reports." }) });
   }
   return /* @__PURE__ */ jsxs21(Stack13, { space: 3, children: [
-    /* @__PURE__ */ jsx24(Card12, { padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs21(Stack13, { space: 3, children: [
+    /* @__PURE__ */ jsx26(Card12, { padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs21(Stack13, { space: 3, children: [
       /* @__PURE__ */ jsxs21(Stack13, { space: 1, children: [
-        /* @__PURE__ */ jsx24(Text21, { muted: true, size: 0, children: "Search & filter" }),
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx26(Text21, { muted: true, size: 1, children: "Search & filter" }),
+        /* @__PURE__ */ jsx26(
           SearchBar,
           {
             areas: availableAreas,
@@ -4567,9 +4598,9 @@ function LatestReports({
         )
       ] }),
       /* @__PURE__ */ jsxs21(Flex17, { gap: 2, children: [
-        /* @__PURE__ */ jsx24(Box8, { flex: 1, children: /* @__PURE__ */ jsxs21(Stack13, { space: 1, children: [
-          /* @__PURE__ */ jsx24(Text21, { muted: true, size: 0, children: "Document" }),
-          /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx26(Box8, { flex: 1, children: /* @__PURE__ */ jsxs21(Stack13, { space: 1, children: [
+          /* @__PURE__ */ jsx26(Text21, { muted: true, size: 1, children: "Document" }),
+          /* @__PURE__ */ jsx26(
             DocumentFilter,
             {
               onChange: setDocumentSlug,
@@ -4578,9 +4609,9 @@ function LatestReports({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx24(Box8, { flex: 1, children: /* @__PURE__ */ jsxs21(Stack13, { space: 1, children: [
-          /* @__PURE__ */ jsx24(Text21, { muted: true, size: 0, children: "Content release" }),
-          /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx26(Box8, { flex: 1, children: /* @__PURE__ */ jsxs21(Stack13, { space: 1, children: [
+          /* @__PURE__ */ jsx26(Text21, { muted: true, size: 1, children: "Content release" }),
+          /* @__PURE__ */ jsx26(
             PerspectiveFilter,
             {
               onChange: setPerspective,
@@ -4590,22 +4621,22 @@ function LatestReports({
         ] }) })
       ] }),
       (documentSlug.trim() || perspective.trim()) && /* @__PURE__ */ jsxs21(Flex17, { align: "center", gap: 1, children: [
-        documentSlug.trim() && /* @__PURE__ */ jsxs21(Badge13, { fontSize: 0, tone: "primary", children: [
+        documentSlug.trim() && /* @__PURE__ */ jsxs21(Badge15, { fontSize: 1, tone: "primary", children: [
           "Document: ",
           documentSlug.trim()
         ] }),
-        perspective.trim() && /* @__PURE__ */ jsxs21(Badge13, { fontSize: 0, tone: "primary", children: [
+        perspective.trim() && /* @__PURE__ */ jsxs21(Badge15, { fontSize: 1, tone: "primary", children: [
           "Perspective: ",
           perspective.trim()
         ] })
       ] })
     ] }) }),
     /* @__PURE__ */ jsxs21(Flex17, { align: "center", gap: 2, paddingX: 1, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx24(Text21, { muted: true, size: 1, children: filteredReports.length === reports.length ? `${reports.length} reports` : `${filteredReports.length} of ${reports.length} reports` }),
-      hasActiveFilters && /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx26(Text21, { muted: true, size: 2, children: filteredReports.length === reports.length ? `${reports.length} reports` : `${filteredReports.length} of ${reports.length} reports` }),
+      hasActiveFilters && /* @__PURE__ */ jsx26(
         Button,
         {
-          fontSize: 0,
+          fontSize: 1,
           mode: "bleed",
           onClick: handleClearFilters,
           text: "Clear all filters",
@@ -4613,13 +4644,13 @@ function LatestReports({
         }
       ),
       /* @__PURE__ */ jsxs21(Flex17, { align: "center", gap: 1, style: { marginLeft: "auto" }, children: [
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx26(
           MenuButton,
           {
-            button: /* @__PURE__ */ jsx24(
+            button: /* @__PURE__ */ jsx26(
               Button,
               {
-                fontSize: 1,
+                fontSize: 2,
                 icon: SortIcon,
                 mode: "bleed",
                 text: `Sort: ${SORT_LABELS[sort.field]}`
@@ -4627,7 +4658,7 @@ function LatestReports({
             ),
             id: "sort-menu",
             menu: /* @__PURE__ */ jsxs21(Menu, { children: [
-              /* @__PURE__ */ jsx24(
+              /* @__PURE__ */ jsx26(
                 MenuItem,
                 {
                   onClick: () => handleSortFieldChange("date"),
@@ -4635,7 +4666,7 @@ function LatestReports({
                   text: "Date"
                 }
               ),
-              /* @__PURE__ */ jsx24(
+              /* @__PURE__ */ jsx26(
                 MenuItem,
                 {
                   onClick: () => handleSortFieldChange("score"),
@@ -4643,7 +4674,7 @@ function LatestReports({
                   text: "Score"
                 }
               ),
-              /* @__PURE__ */ jsx24(
+              /* @__PURE__ */ jsx26(
                 MenuItem,
                 {
                   onClick: () => handleSortFieldChange("name"),
@@ -4655,10 +4686,10 @@ function LatestReports({
             popover: { portal: true }
           }
         ),
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx26(
           Button,
           {
-            fontSize: 1,
+            fontSize: 2,
             mode: "bleed",
             onClick: toggleSortDirection,
             text: sort.direction === "asc" ? "\u2191" : "\u2193",
@@ -4667,18 +4698,18 @@ function LatestReports({
         )
       ] })
     ] }),
-    filteredReports.length === 0 ? /* @__PURE__ */ jsx24(Card12, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs21(Stack13, { space: 3, children: [
-      /* @__PURE__ */ jsx24(Text21, { align: "center", muted: true, size: 2, children: "No reports match the current filters." }),
-      /* @__PURE__ */ jsx24(Flex17, { justify: "center", children: /* @__PURE__ */ jsx24(
+    filteredReports.length === 0 ? /* @__PURE__ */ jsx26(Card12, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs21(Stack13, { space: 3, children: [
+      /* @__PURE__ */ jsx26(Text21, { align: "center", muted: true, size: 3, children: "No reports match the current filters." }),
+      /* @__PURE__ */ jsx26(Flex17, { justify: "center", children: /* @__PURE__ */ jsx26(
         Button,
         {
-          fontSize: 1,
+          fontSize: 2,
           mode: "ghost",
           onClick: handleClearFilters,
           text: "Clear all filters"
         }
       ) })
-    ] }) }) : /* @__PURE__ */ jsx24(Stack13, { space: 2, children: filteredReports.map((report) => /* @__PURE__ */ jsx24(
+    ] }) }) : /* @__PURE__ */ jsx26(Stack13, { space: 2, children: filteredReports.map((report) => /* @__PURE__ */ jsx26(
       ReportCard,
       {
         data: fromReportListItem(report),
@@ -4686,11 +4717,11 @@ function LatestReports({
       },
       report._id
     )) }),
-    hasMore && /* @__PURE__ */ jsx24(Flex17, { justify: "center", paddingY: 3, children: /* @__PURE__ */ jsx24(
+    hasMore && /* @__PURE__ */ jsx26(Flex17, { justify: "center", paddingY: 3, children: /* @__PURE__ */ jsx26(
       Button,
       {
         disabled: loadingMore,
-        fontSize: 1,
+        fontSize: 2,
         mode: "ghost",
         onClick: handleLoadMore,
         text: loadingMore ? "Loading\u2026" : "Load more reports"
@@ -4756,7 +4787,7 @@ import { useClient as useClient7 } from "sanity";
 import { useMemo as useMemo6, useState as useState8 } from "react";
 import { HelpCircleIcon as HelpCircleIcon5, SearchIcon as SearchIcon5 } from "@sanity/icons";
 import {
-  Badge as Badge14,
+  Badge as Badge16,
   Box as Box10,
   Card as Card14,
   Flex as Flex18,
@@ -4770,7 +4801,7 @@ import {
 // src/components/primitives/StatCard.tsx
 import { HelpCircleIcon as HelpCircleIcon4 } from "@sanity/icons";
 import { Box as Box9, Card as Card13, Stack as Stack14, Text as Text22, Tooltip as Tooltip3 } from "@sanity/ui";
-import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
 function StatCard({
   label,
   value,
@@ -4778,22 +4809,22 @@ function StatCard({
   suffix,
   tone = "default"
 }) {
-  return /* @__PURE__ */ jsx25(Card13, { padding: 3, radius: 2, shadow: 1, tone, children: /* @__PURE__ */ jsxs22(Stack14, { space: 2, children: [
-    /* @__PURE__ */ jsxs22(Text22, { muted: true, size: 1, children: [
+  return /* @__PURE__ */ jsx27(Card13, { padding: 3, radius: 2, shadow: 1, tone, children: /* @__PURE__ */ jsxs22(Stack14, { space: 2, children: [
+    /* @__PURE__ */ jsxs22(Text22, { muted: true, size: 2, children: [
       label,
       tooltip && /* @__PURE__ */ jsxs22(Fragment4, { children: [
         " ",
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx27(
           Tooltip3,
           {
-            content: /* @__PURE__ */ jsx25(Box9, { padding: 2, children: /* @__PURE__ */ jsx25(Text22, { size: 1, children: tooltip }) }),
+            content: /* @__PURE__ */ jsx27(Box9, { padding: 2, children: /* @__PURE__ */ jsx27(Text22, { size: 2, children: tooltip }) }),
             portal: true,
-            children: /* @__PURE__ */ jsx25("span", { style: { cursor: "help" }, children: /* @__PURE__ */ jsx25(HelpCircleIcon4, {}) })
+            children: /* @__PURE__ */ jsx27("span", { style: { cursor: "help" }, children: /* @__PURE__ */ jsx27(HelpCircleIcon4, {}) })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs22(Text22, { size: 3, weight: "bold", children: [
+    /* @__PURE__ */ jsxs22(Text22, { size: 4, weight: "bold", children: [
       value,
       suffix && /* @__PURE__ */ jsxs22("span", { style: { fontSize: "0.6em", fontWeight: 400 }, children: [
         " ",
@@ -4804,24 +4835,24 @@ function StatCard({
 }
 
 // src/components/report-detail/AgentActivitySection.tsx
-import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
 function AgentActivitySection({
   agentBehavior,
   overall
 }) {
   return /* @__PURE__ */ jsxs23(Stack15, { space: 5, children: [
-    overall && /* @__PURE__ */ jsx26(OverviewGrid, { overall }),
-    agentBehavior.map((ab) => /* @__PURE__ */ jsx26(FeatureActivityCard, { behavior: ab }, ab.feature))
+    overall && /* @__PURE__ */ jsx28(OverviewGrid, { overall }),
+    agentBehavior.map((ab) => /* @__PURE__ */ jsx28(FeatureActivityCard, { behavior: ab }, ab.feature))
   ] });
 }
 function OverviewGrid({ overall }) {
-  return /* @__PURE__ */ jsx26(Card14, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs23(Stack15, { space: 4, children: [
+  return /* @__PURE__ */ jsx28(Card14, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs23(Stack15, { space: 4, children: [
     /* @__PURE__ */ jsxs23(Flex18, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsx26(Text23, { size: 2, weight: "semibold", children: "Agent Activity Overview" }),
-      /* @__PURE__ */ jsx26(GlossaryTip, { text: GLOSSARY.agentBehaviorOverview })
+      /* @__PURE__ */ jsx28(Text23, { size: 3, weight: "semibold", children: "Agent Activity Overview" }),
+      /* @__PURE__ */ jsx28(GlossaryTip, { text: GLOSSARY.agentBehaviorOverview })
     ] }),
     /* @__PURE__ */ jsxs23(Grid2, { columns: [1, 2, 3], gap: 3, children: [
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx28(
         StatCard,
         {
           label: "Avg Pages Visited",
@@ -4829,7 +4860,7 @@ function OverviewGrid({ overall }) {
           value: overall.avgDocPagesVisited.toFixed(1)
         }
       ),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx28(
         StatCard,
         {
           label: "Avg Searches",
@@ -4837,7 +4868,7 @@ function OverviewGrid({ overall }) {
           value: overall.avgSearchesPerformed.toFixed(1)
         }
       ),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx28(
         StatCard,
         {
           label: "Avg Network Time",
@@ -4845,7 +4876,7 @@ function OverviewGrid({ overall }) {
           value: formatDuration(overall.avgNetworkTimeMs)
         }
       ),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx28(
         StatCard,
         {
           label: "Unique Doc Slugs",
@@ -4853,7 +4884,7 @@ function OverviewGrid({ overall }) {
           value: String(overall.totalUniqueDocSlugs)
         }
       ),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx28(
         StatCard,
         {
           label: "Unique Search Queries",
@@ -4861,7 +4892,7 @@ function OverviewGrid({ overall }) {
           value: String(overall.totalUniqueSearchQueries)
         }
       ),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx28(
         StatCard,
         {
           label: "Tests with Data",
@@ -4874,31 +4905,31 @@ function OverviewGrid({ overall }) {
 function FeatureActivityCard({
   behavior
 }) {
-  return /* @__PURE__ */ jsx26(Card14, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs23(Stack15, { space: 4, children: [
+  return /* @__PURE__ */ jsx28(Card14, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs23(Stack15, { space: 4, children: [
     /* @__PURE__ */ jsxs23(Flex18, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx26(Text23, { size: 2, weight: "semibold", children: behavior.feature }),
-      /* @__PURE__ */ jsxs23(Badge14, { tone: "primary", children: [
+      /* @__PURE__ */ jsx28(Text23, { size: 3, weight: "semibold", children: behavior.feature }),
+      /* @__PURE__ */ jsxs23(Badge16, { tone: "primary", children: [
         behavior.tasksWithBehaviorData,
         " test",
         behavior.tasksWithBehaviorData === 1 ? "" : "s"
       ] })
     ] }),
     /* @__PURE__ */ jsxs23(Grid2, { columns: [1, 3], gap: 3, children: [
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx28(
         MiniStat,
         {
           label: "Avg pages visited",
           value: behavior.avgDocPagesVisited.toFixed(1)
         }
       ),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx28(
         MiniStat,
         {
           label: "Avg searches",
           value: behavior.avgSearchesPerformed.toFixed(1)
         }
       ),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx28(
         MiniStat,
         {
           label: "Avg network time",
@@ -4906,8 +4937,8 @@ function FeatureActivityCard({
         }
       )
     ] }),
-    behavior.searchQueries.length > 0 && /* @__PURE__ */ jsx26(SearchQueryList, { queries: behavior.searchQueries }),
-    behavior.docSlugsVisited.length > 0 && /* @__PURE__ */ jsx26(
+    behavior.searchQueries.length > 0 && /* @__PURE__ */ jsx28(SearchQueryList, { queries: behavior.searchQueries }),
+    behavior.docSlugsVisited.length > 0 && /* @__PURE__ */ jsx28(
       BadgeList,
       {
         items: behavior.docSlugsVisited,
@@ -4916,7 +4947,7 @@ function FeatureActivityCard({
         tooltip: GLOSSARY.docSlugsVisited
       }
     ),
-    behavior.externalDomains.length > 0 && /* @__PURE__ */ jsx26(
+    behavior.externalDomains.length > 0 && /* @__PURE__ */ jsx28(
       BadgeList,
       {
         items: behavior.externalDomains,
@@ -4936,21 +4967,21 @@ function SearchQueryList({ queries }) {
   }, [queries, filter]);
   return /* @__PURE__ */ jsxs23(Stack15, { space: 3, children: [
     /* @__PURE__ */ jsxs23(Flex18, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx26(Text23, { size: 1, weight: "semibold", children: "Search Queries" }),
-      /* @__PURE__ */ jsx26(GlossaryTip, { text: GLOSSARY.searchQueries }),
-      /* @__PURE__ */ jsx26(Badge14, { tone: "default", children: queries.length })
+      /* @__PURE__ */ jsx28(Text23, { size: 2, weight: "semibold", children: "Search Queries" }),
+      /* @__PURE__ */ jsx28(GlossaryTip, { text: GLOSSARY.searchQueries }),
+      /* @__PURE__ */ jsx28(Badge16, { tone: "default", children: queries.length })
     ] }),
-    queries.length > 5 && /* @__PURE__ */ jsx26(
+    queries.length > 5 && /* @__PURE__ */ jsx28(
       TextInput,
       {
-        fontSize: 1,
+        fontSize: 2,
         icon: SearchIcon5,
         onChange: (e) => setFilter(e.target.value),
         placeholder: "Filter queries\u2026",
         value: filter
       }
     ),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx28(
       Card14,
       {
         overflow: "auto",
@@ -4959,12 +4990,12 @@ function SearchQueryList({ queries }) {
         style: { maxHeight: 300 },
         tone: "transparent",
         children: /* @__PURE__ */ jsxs23(Stack15, { space: 2, children: [
-          filtered.length === 0 && /* @__PURE__ */ jsx26(Text23, { muted: true, size: 1, children: "No matching queries" }),
-          filtered.map((query, i) => /* @__PURE__ */ jsx26(
+          filtered.length === 0 && /* @__PURE__ */ jsx28(Text23, { muted: true, size: 2, children: "No matching queries" }),
+          filtered.map((query, i) => /* @__PURE__ */ jsx28(
             Text23,
             {
               muted: true,
-              size: 1,
+              size: 2,
               style: {
                 fontFamily: "monospace",
                 lineHeight: 1.5,
@@ -4987,36 +5018,36 @@ function BadgeList({
 }) {
   return /* @__PURE__ */ jsxs23(Stack15, { space: 3, children: [
     /* @__PURE__ */ jsxs23(Flex18, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx26(Text23, { size: 1, weight: "semibold", children: label }),
-      tooltip && /* @__PURE__ */ jsx26(GlossaryTip, { text: tooltip }),
-      /* @__PURE__ */ jsx26(Badge14, { tone: "default", children: items.length })
+      /* @__PURE__ */ jsx28(Text23, { size: 2, weight: "semibold", children: label }),
+      tooltip && /* @__PURE__ */ jsx28(GlossaryTip, { text: tooltip }),
+      /* @__PURE__ */ jsx28(Badge16, { tone: "default", children: items.length })
     ] }),
-    /* @__PURE__ */ jsx26(Flex18, { gap: 2, wrap: "wrap", children: items.map((item) => /* @__PURE__ */ jsx26(Badge14, { mode: "outline", tone, children: item }, item)) })
+    /* @__PURE__ */ jsx28(Flex18, { gap: 2, wrap: "wrap", children: items.map((item) => /* @__PURE__ */ jsx28(Badge16, { mode: "outline", tone, children: item }, item)) })
   ] });
 }
 function MiniStat({ label, value }) {
   return /* @__PURE__ */ jsxs23(Stack15, { space: 1, children: [
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx28(
       Text23,
       {
         muted: true,
-        size: 0,
+        size: 1,
         style: { letterSpacing: "0.05em", textTransform: "uppercase" },
         weight: "semibold",
         children: label
       }
     ),
-    /* @__PURE__ */ jsx26(Text23, { size: 2, weight: "bold", children: value })
+    /* @__PURE__ */ jsx28(Text23, { size: 3, weight: "bold", children: value })
   ] });
 }
 function GlossaryTip({ text }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx28(
     Tooltip4,
     {
-      content: /* @__PURE__ */ jsx26(Box10, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx26(Text23, { size: 1, children: text }) }),
+      content: /* @__PURE__ */ jsx28(Box10, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx28(Text23, { size: 2, children: text }) }),
       placement: "bottom",
       portal: true,
-      children: /* @__PURE__ */ jsx26(Text23, { muted: true, size: 0, children: /* @__PURE__ */ jsx26(HelpCircleIcon5, {}) })
+      children: /* @__PURE__ */ jsx28(Text23, { muted: true, size: 1, children: /* @__PURE__ */ jsx28(HelpCircleIcon5, {}) })
     }
   );
 }
@@ -5027,17 +5058,17 @@ import { Card as Card16, Stack as Stack16, Text as Text25 } from "@sanity/ui";
 
 // src/components/primitives/ScoreCell.tsx
 import { Card as Card15, Text as Text24 } from "@sanity/ui";
-import { jsx as jsx27 } from "react/jsx-runtime";
-function ScoreCell({ score, size = 1 }) {
+import { jsx as jsx29 } from "react/jsx-runtime";
+function ScoreCell({ score, size = 2 }) {
   const rounded = Math.round(score);
-  return /* @__PURE__ */ jsx27(Card15, { padding: 1, radius: 2, tone: scoreTone(rounded), children: /* @__PURE__ */ jsx27(Text24, { align: "center", size, weight: "medium", children: rounded }) });
+  return /* @__PURE__ */ jsx29(Card15, { padding: 1, radius: 2, tone: scoreTone(rounded), children: /* @__PURE__ */ jsx29(Text24, { align: "center", size, weight: "medium", children: rounded }) });
 }
 
 // src/components/report-detail/AreaScoreTable.tsx
-import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
 function AreaScoreTable({ scores }) {
-  return /* @__PURE__ */ jsx28(Card16, { overflow: "auto", padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs24(Stack16, { space: 4, children: [
-    /* @__PURE__ */ jsx28(Text25, { size: 2, weight: "semibold", children: "Per-Area Scores" }),
+  return /* @__PURE__ */ jsx30(Card16, { overflow: "auto", padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs24(Stack16, { space: 4, children: [
+    /* @__PURE__ */ jsx30(Text25, { size: 3, weight: "semibold", children: "Per-Area Scores" }),
     /* @__PURE__ */ jsxs24(
       "div",
       {
@@ -5047,9 +5078,9 @@ function AreaScoreTable({ scores }) {
           gridTemplateColumns: "2fr 1fr 1fr 1fr 1fr 1fr 1fr"
         },
         children: [
-          /* @__PURE__ */ jsx28(ColumnHeader, { borderBottom: true, label: "Area" }),
-          /* @__PURE__ */ jsx28(ColumnHeader, { borderBottom: true, label: "Score", tooltip: GLOSSARY.score }),
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx30(ColumnHeader, { borderBottom: true, label: "Area" }),
+          /* @__PURE__ */ jsx30(ColumnHeader, { borderBottom: true, label: "Score", tooltip: GLOSSARY.score }),
+          /* @__PURE__ */ jsx30(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5057,7 +5088,7 @@ function AreaScoreTable({ scores }) {
               tooltip: GLOSSARY.taskCompletion
             }
           ),
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx30(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5065,7 +5096,7 @@ function AreaScoreTable({ scores }) {
               tooltip: GLOSSARY.codeCorrectness
             }
           ),
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx30(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5073,10 +5104,10 @@ function AreaScoreTable({ scores }) {
               tooltip: GLOSSARY.docCoverage
             }
           ),
-          /* @__PURE__ */ jsx28(ColumnHeader, { borderBottom: true, label: "Lift", tooltip: GLOSSARY.docLift }),
-          /* @__PURE__ */ jsx28(ColumnHeader, { borderBottom: true, label: "Tests", tooltip: GLOSSARY.tests }),
+          /* @__PURE__ */ jsx30(ColumnHeader, { borderBottom: true, label: "Lift", tooltip: GLOSSARY.docLift }),
+          /* @__PURE__ */ jsx30(ColumnHeader, { borderBottom: true, label: "Tests", tooltip: GLOSSARY.tests }),
           scores.map((score, i) => /* @__PURE__ */ jsxs24(React2.Fragment, { children: [
-            /* @__PURE__ */ jsx28(
+            /* @__PURE__ */ jsx30(
               "div",
               {
                 style: {
@@ -5084,14 +5115,14 @@ function AreaScoreTable({ scores }) {
                   borderRadius: 4,
                   padding: "8px 0 8px 4px"
                 },
-                children: /* @__PURE__ */ jsx28(Text25, { size: 1, weight: "medium", children: score.feature })
+                children: /* @__PURE__ */ jsx30(Text25, { size: 2, weight: "medium", children: score.feature })
               }
             ),
-            /* @__PURE__ */ jsx28("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx28(ScoreCell, { score: score.totalScore }) }),
-            /* @__PURE__ */ jsx28("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx28(ScoreCell, { score: score.taskCompletion }) }),
-            /* @__PURE__ */ jsx28("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx28(ScoreCell, { score: score.codeCorrectness }) }),
-            /* @__PURE__ */ jsx28("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx28(ScoreCell, { score: score.docCoverage }) }),
-            /* @__PURE__ */ jsx28(
+            /* @__PURE__ */ jsx30("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.totalScore }) }),
+            /* @__PURE__ */ jsx30("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.taskCompletion }) }),
+            /* @__PURE__ */ jsx30("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.codeCorrectness }) }),
+            /* @__PURE__ */ jsx30("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.docCoverage }) }),
+            /* @__PURE__ */ jsx30(
               "div",
               {
                 style: {
@@ -5099,10 +5130,10 @@ function AreaScoreTable({ scores }) {
                   background: rowBackground(i),
                   display: "flex"
                 },
-                children: /* @__PURE__ */ jsx28(Text25, { size: 1, children: formatDelta(score.docLift) })
+                children: /* @__PURE__ */ jsx30(Text25, { size: 2, children: formatDelta(score.docLift) })
               }
             ),
-            /* @__PURE__ */ jsx28(
+            /* @__PURE__ */ jsx30(
               "div",
               {
                 style: {
@@ -5110,7 +5141,7 @@ function AreaScoreTable({ scores }) {
                   background: rowBackground(i),
                   display: "flex"
                 },
-                children: /* @__PURE__ */ jsx28(Text25, { muted: true, size: 1, children: score.testCount })
+                children: /* @__PURE__ */ jsx30(Text25, { muted: true, size: 2, children: score.testCount })
               }
             )
           ] }, score.feature))
@@ -5121,13 +5152,13 @@ function AreaScoreTable({ scores }) {
 }
 
 // src/components/report-detail/ComparisonSummary.tsx
-import { Badge as Badge15, Box as Box11, Card as Card17, Flex as Flex19, Grid as Grid3, Stack as Stack17, Text as Text26, Tooltip as Tooltip5 } from "@sanity/ui";
-import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Badge as Badge17, Box as Box11, Card as Card17, Flex as Flex19, Grid as Grid3, Stack as Stack17, Text as Text26, Tooltip as Tooltip5 } from "@sanity/ui";
+import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
 function ComparisonSummary({ comparison }) {
-  return /* @__PURE__ */ jsx29(Card17, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs25(Stack17, { space: 4, children: [
+  return /* @__PURE__ */ jsx31(Card17, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs25(Stack17, { space: 4, children: [
     /* @__PURE__ */ jsxs25(Flex19, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx29(Text26, { size: 2, weight: "semibold", children: "Comparison" }),
-      /* @__PURE__ */ jsx29(
+      /* @__PURE__ */ jsx31(Text26, { size: 3, weight: "semibold", children: "Comparison" }),
+      /* @__PURE__ */ jsx31(
         DeltaCard,
         {
           delta: comparison.deltas.overall,
@@ -5135,7 +5166,7 @@ function ComparisonSummary({ comparison }) {
           tooltip: GLOSSARY.overallDelta
         }
       ),
-      comparison.deltas.actualDelta != null && /* @__PURE__ */ jsx29(
+      comparison.deltas.actualDelta != null && /* @__PURE__ */ jsx31(
         DeltaCard,
         {
           delta: comparison.deltas.actualDelta,
@@ -5143,7 +5174,7 @@ function ComparisonSummary({ comparison }) {
           tooltip: GLOSSARY.actualDelta
         }
       ),
-      comparison.deltas.retrievalGapDelta != null && /* @__PURE__ */ jsx29(
+      comparison.deltas.retrievalGapDelta != null && /* @__PURE__ */ jsx31(
         DeltaCard,
         {
           delta: comparison.deltas.retrievalGapDelta,
@@ -5154,7 +5185,7 @@ function ComparisonSummary({ comparison }) {
       )
     ] }),
     /* @__PURE__ */ jsxs25(Grid3, { columns: [1, 1, 3], gap: 3, children: [
-      comparison.improved.length > 0 && /* @__PURE__ */ jsx29(
+      comparison.improved.length > 0 && /* @__PURE__ */ jsx31(
         AreaBadgeGroup,
         {
           areas: comparison.improved,
@@ -5162,7 +5193,7 @@ function ComparisonSummary({ comparison }) {
           tone: "positive"
         }
       ),
-      comparison.regressed.length > 0 && /* @__PURE__ */ jsx29(
+      comparison.regressed.length > 0 && /* @__PURE__ */ jsx31(
         AreaBadgeGroup,
         {
           areas: comparison.regressed,
@@ -5170,7 +5201,7 @@ function ComparisonSummary({ comparison }) {
           tone: "critical"
         }
       ),
-      comparison.unchanged.length > 0 && /* @__PURE__ */ jsx29(
+      comparison.unchanged.length > 0 && /* @__PURE__ */ jsx31(
         AreaBadgeGroup,
         {
           areas: comparison.unchanged,
@@ -5189,19 +5220,19 @@ function DeltaCard({
 }) {
   const isPositive = invertedPolarity ? delta < 0 : delta > 0;
   const isNegative = invertedPolarity ? delta > 0 : delta < 0;
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx31(
     Tooltip5,
     {
-      content: /* @__PURE__ */ jsx29(Box11, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx29(Text26, { size: 1, children: tooltip }) }),
+      content: /* @__PURE__ */ jsx31(Box11, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx31(Text26, { size: 2, children: tooltip }) }),
       placement: "bottom",
       portal: true,
-      children: /* @__PURE__ */ jsx29(
+      children: /* @__PURE__ */ jsx31(
         Card17,
         {
           padding: 2,
           radius: 2,
           tone: isPositive ? "positive" : isNegative ? "critical" : "default",
-          children: /* @__PURE__ */ jsxs25(Text26, { size: 1, weight: "bold", children: [
+          children: /* @__PURE__ */ jsxs25(Text26, { size: 2, weight: "bold", children: [
             formatDelta(delta),
             " ",
             label
@@ -5217,31 +5248,31 @@ function AreaBadgeGroup({
   tone
 }) {
   return /* @__PURE__ */ jsxs25(Stack17, { space: 2, children: [
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx31(
       Text26,
       {
         muted: true,
-        size: 0,
+        size: 1,
         style: { letterSpacing: "0.05em", textTransform: "uppercase" },
         weight: "semibold",
         children: label
       }
     ),
-    /* @__PURE__ */ jsx29(Flex19, { gap: 1, wrap: "wrap", children: areas.map((a) => /* @__PURE__ */ jsx29(Badge15, { tone, children: a }, a)) })
+    /* @__PURE__ */ jsx31(Flex19, { gap: 1, wrap: "wrap", children: areas.map((a) => /* @__PURE__ */ jsx31(Badge17, { tone, children: a }, a)) })
   ] });
 }
 
 // src/components/report-detail/JudgmentList.tsx
 import { useState as useState9 } from "react";
 import { HelpCircleIcon as HelpCircleIcon6 } from "@sanity/icons";
-import { Badge as Badge16, Box as Box12, Card as Card18, Flex as Flex20, Stack as Stack18, Text as Text27, Tooltip as Tooltip6 } from "@sanity/ui";
+import { Badge as Badge18, Box as Box12, Card as Card18, Flex as Flex20, Stack as Stack18, Text as Text27, Tooltip as Tooltip6 } from "@sanity/ui";
 
 // src/components/primitives/InlineCode.tsx
-import { Fragment as Fragment5, jsx as jsx30 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx32 } from "react/jsx-runtime";
 function InlineCode({ text }) {
   const parts = text.split(/`([^`]+)`/);
-  return /* @__PURE__ */ jsx30(Fragment5, { children: parts.map(
-    (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(Fragment5, { children: parts.map(
+    (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsx32(
       "code",
       {
         style: {
@@ -5253,12 +5284,12 @@ function InlineCode({ text }) {
         children: part
       },
       i
-    ) : /* @__PURE__ */ jsx30("span", { children: part }, i)
+    ) : /* @__PURE__ */ jsx32("span", { children: part }, i)
   ) });
 }
 
 // src/components/report-detail/JudgmentList.tsx
-import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
 function groupByArea(judgments) {
   const byArea = /* @__PURE__ */ new Map();
   for (const j of judgments) {
@@ -5273,36 +5304,36 @@ var DIMENSION_LABELS = DIMENSION_LABELS_KEBAB;
 function JudgmentList({ judgments }) {
   if (judgments.length === 0) return null;
   const grouped = groupByArea(judgments);
-  return /* @__PURE__ */ jsx31(Card18, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs26(Stack18, { space: 4, children: [
+  return /* @__PURE__ */ jsx33(Card18, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs26(Stack18, { space: 4, children: [
     /* @__PURE__ */ jsxs26(Flex20, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx31(Text27, { size: 2, weight: "semibold", children: "Low-Scoring Judgments" }),
-      /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsx33(Text27, { size: 3, weight: "semibold", children: "Low-Scoring Judgments" }),
+      /* @__PURE__ */ jsx33(
         Tooltip6,
         {
-          content: /* @__PURE__ */ jsx31(Box12, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx31(Text27, { size: 1, children: GLOSSARY.lowScoringJudgments }) }),
+          content: /* @__PURE__ */ jsx33(Box12, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx33(Text27, { size: 2, children: GLOSSARY.lowScoringJudgments }) }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsx31(Text27, { muted: true, size: 0, children: /* @__PURE__ */ jsx31(HelpCircleIcon6, {}) })
+          children: /* @__PURE__ */ jsx33(Text27, { muted: true, size: 1, children: /* @__PURE__ */ jsx33(HelpCircleIcon6, {}) })
         }
       ),
-      /* @__PURE__ */ jsx31(Card18, { padding: 2, radius: 2, tone: "critical", children: /* @__PURE__ */ jsxs26(Text27, { size: 1, weight: "bold", children: [
+      /* @__PURE__ */ jsx33(Card18, { padding: 2, radius: 2, tone: "critical", children: /* @__PURE__ */ jsxs26(Text27, { size: 2, weight: "bold", children: [
         judgments.length,
         " judgment",
         judgments.length === 1 ? "" : "s",
         " below 70"
       ] }) })
     ] }),
-    grouped.map(([area, areaJudgments]) => /* @__PURE__ */ jsx31(Card18, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs26(Stack18, { space: 3, children: [
-      /* @__PURE__ */ jsxs26(Text27, { size: 1, weight: "semibold", children: [
+    grouped.map(([area, areaJudgments]) => /* @__PURE__ */ jsx33(Card18, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs26(Stack18, { space: 3, children: [
+      /* @__PURE__ */ jsxs26(Text27, { size: 2, weight: "semibold", children: [
         area,
         " ",
-        /* @__PURE__ */ jsxs26(Text27, { muted: true, size: 1, weight: "regular", as: "span", children: [
+        /* @__PURE__ */ jsxs26(Text27, { muted: true, size: 2, weight: "regular", as: "span", children: [
           "(",
           areaJudgments.length,
           ")"
         ] })
       ] }),
-      areaJudgments.map((j, i) => /* @__PURE__ */ jsx31(JudgmentCard, { judgment: j }, `${area}-${i}`))
+      areaJudgments.map((j, i) => /* @__PURE__ */ jsx33(JudgmentCard, { judgment: j }, `${area}-${i}`))
     ] }) }, area))
   ] }) });
 }
@@ -5311,7 +5342,7 @@ function JudgmentCard({ judgment }) {
   const dimLabel = DIMENSION_LABELS[judgment.dimension] ?? judgment.dimension;
   const sep = judgment.taskId.indexOf(" - ");
   const taskName = sep > 0 ? judgment.taskId.substring(sep + 3) : judgment.taskId;
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx33(
     Card18,
     {
       padding: 3,
@@ -5321,34 +5352,34 @@ function JudgmentCard({ judgment }) {
       onClick: () => setExpanded(!expanded),
       children: /* @__PURE__ */ jsxs26(Stack18, { space: 3, children: [
         /* @__PURE__ */ jsxs26(Flex20, { align: "center", gap: 2, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx31(Card18, { padding: 2, radius: 2, tone: scoreTone(judgment.score), children: /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx33(Card18, { padding: 2, radius: 2, tone: scoreTone(judgment.score), children: /* @__PURE__ */ jsx33(
             Text27,
             {
               align: "center",
-              size: 1,
+              size: 2,
               style: { minWidth: 28 },
               weight: "bold",
               children: judgment.score
             }
           ) }),
-          /* @__PURE__ */ jsx31(Badge16, { tone: "default", children: dimLabel }),
-          /* @__PURE__ */ jsx31(Text27, { size: 1, weight: "medium", children: taskName }),
-          /* @__PURE__ */ jsx31(Text27, { muted: true, size: 0, children: judgment.modelId }),
-          /* @__PURE__ */ jsx31(Text27, { muted: true, size: 0, style: { marginLeft: "auto" }, children: expanded ? "\u25B2" : "\u25BC" })
+          /* @__PURE__ */ jsx33(Badge18, { tone: "default", children: dimLabel }),
+          /* @__PURE__ */ jsx33(Text27, { size: 2, weight: "medium", children: taskName }),
+          /* @__PURE__ */ jsx33(Text27, { muted: true, size: 1, children: judgment.modelId }),
+          /* @__PURE__ */ jsx33(Text27, { muted: true, size: 1, style: { marginLeft: "auto" }, children: expanded ? "\u25B2" : "\u25BC" })
         ] }),
         expanded && /* @__PURE__ */ jsxs26(Stack18, { space: 3, children: [
-          /* @__PURE__ */ jsx31(Card18, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx33(Card18, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx33(
             Text27,
             {
               muted: true,
-              size: 1,
+              size: 2,
               style: { lineHeight: 1.6, whiteSpace: "pre-wrap" },
-              children: /* @__PURE__ */ jsx31(InlineCode, { text: judgment.reason })
+              children: /* @__PURE__ */ jsx33(InlineCode, { text: judgment.reason })
             }
           ) }),
           judgment.canonicalDocs && judgment.canonicalDocs.length > 0 && /* @__PURE__ */ jsxs26(Flex20, { align: "center", gap: 2, wrap: "wrap", children: [
-            /* @__PURE__ */ jsx31(Text27, { muted: true, size: 0, children: "Docs:" }),
-            judgment.canonicalDocs.map((doc) => /* @__PURE__ */ jsx31(DocBadge, { doc }, doc.slug))
+            /* @__PURE__ */ jsx33(Text27, { muted: true, size: 1, children: "Docs:" }),
+            judgment.canonicalDocs.map((doc) => /* @__PURE__ */ jsx33(DocBadge, { doc }, doc.slug))
           ] })
         ] })
       ] })
@@ -5367,14 +5398,14 @@ function DocBadge({
   const [hovered, setHovered] = useState9(false);
   const isLinked = Boolean(doc.documentId);
   const tooltipLabel = isLinked ? `Edit "${doc.title || doc.slug}"` : doc.title || doc.slug;
-  const badge = /* @__PURE__ */ jsx31(Badge16, { mode: "outline", tone: isLinked && hovered ? "caution" : "primary", children: doc.slug });
-  return /* @__PURE__ */ jsx31(
+  const badge = /* @__PURE__ */ jsx33(Badge18, { mode: "outline", tone: isLinked && hovered ? "caution" : "primary", children: doc.slug });
+  return /* @__PURE__ */ jsx33(
     Tooltip6,
     {
-      content: /* @__PURE__ */ jsx31(Box12, { padding: 2, children: /* @__PURE__ */ jsx31(Text27, { size: 1, children: tooltipLabel }) }),
+      content: /* @__PURE__ */ jsx33(Box12, { padding: 2, children: /* @__PURE__ */ jsx33(Text27, { size: 2, children: tooltipLabel }) }),
       placement: "bottom",
       portal: true,
-      children: isLinked ? /* @__PURE__ */ jsx31(
+      children: isLinked ? /* @__PURE__ */ jsx33(
         "a",
         {
           href: `/intent/edit/id=${doc.documentId}`,
@@ -5387,14 +5418,14 @@ function DocBadge({
           },
           children: badge
         }
-      ) : /* @__PURE__ */ jsx31("span", { children: badge })
+      ) : /* @__PURE__ */ jsx33("span", { children: badge })
     }
   );
 }
 
 // src/components/report-detail/OverviewStats.tsx
 import { Grid as Grid4 } from "@sanity/ui";
-import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
 function OverviewStats({
   overall,
   durationMs,
@@ -5403,7 +5434,7 @@ function OverviewStats({
 }) {
   const overallTone = scoreTone(overall.avgScore);
   return /* @__PURE__ */ jsxs27(Grid4, { columns: [1, 1, 2, isFullMode ? 4 : 4], gap: 3, children: [
-    /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx34(
       StatCard,
       {
         label: "Overall Score",
@@ -5412,7 +5443,7 @@ function OverviewStats({
         value: overall.avgScore.toFixed(1)
       }
     ),
-    /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx34(
       StatCard,
       {
         label: "Doc Lift",
@@ -5421,7 +5452,7 @@ function OverviewStats({
         value: overall.avgDocLift.toFixed(1)
       }
     ),
-    isFullMode && overall.avgActualScore != null && /* @__PURE__ */ jsx32(
+    isFullMode && overall.avgActualScore != null && /* @__PURE__ */ jsx34(
       StatCard,
       {
         label: "Actual Score",
@@ -5430,7 +5461,7 @@ function OverviewStats({
         value: overall.avgActualScore.toFixed(1)
       }
     ),
-    isFullMode && overall.avgRetrievalGap != null && /* @__PURE__ */ jsx32(
+    isFullMode && overall.avgRetrievalGap != null && /* @__PURE__ */ jsx34(
       StatCard,
       {
         label: "Retrieval Gap",
@@ -5440,7 +5471,7 @@ function OverviewStats({
         value: overall.avgRetrievalGap.toFixed(1)
       }
     ),
-    isFullMode && overall.avgInfrastructureEfficiency != null && /* @__PURE__ */ jsx32(
+    isFullMode && overall.avgInfrastructureEfficiency != null && /* @__PURE__ */ jsx34(
       StatCard,
       {
         label: "Infra Efficiency",
@@ -5448,8 +5479,8 @@ function OverviewStats({
         value: formatPercent(overall.avgInfrastructureEfficiency)
       }
     ),
-    /* @__PURE__ */ jsx32(StatCard, { label: "Duration", value: formatDuration(durationMs) }),
-    /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx34(StatCard, { label: "Duration", value: formatDuration(durationMs) }),
+    /* @__PURE__ */ jsx34(
       StatCard,
       {
         label: "Tests",
@@ -5462,30 +5493,30 @@ function OverviewStats({
 
 // src/components/report-detail/ProvenanceCard.tsx
 import { Card as Card19, Flex as Flex21, Grid as Grid5, Stack as Stack19, Text as Text28 } from "@sanity/ui";
-import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
 var VIEWABLE_PROMPTFOO_MODES = /* @__PURE__ */ new Set(["agentic", "observed"]);
 function ProvenanceCard({ provenance }) {
-  return /* @__PURE__ */ jsx33(Card19, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs28(Stack19, { space: 4, children: [
-    /* @__PURE__ */ jsx33(Text28, { size: 2, weight: "semibold", children: "Provenance" }),
+  return /* @__PURE__ */ jsx35(Card19, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs28(Stack19, { space: 4, children: [
+    /* @__PURE__ */ jsx35(Text28, { size: 3, weight: "semibold", children: "Provenance" }),
     /* @__PURE__ */ jsxs28(Grid5, { columns: [1, 2, 3], gap: 4, children: [
-      /* @__PURE__ */ jsx33(Field, { label: "Mode", value: provenance.mode }),
-      /* @__PURE__ */ jsx33(Field, { label: "Source", value: provenance.source.name }),
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx35(Field, { label: "Mode", value: provenance.mode }),
+      /* @__PURE__ */ jsx35(Field, { label: "Source", value: provenance.source.name }),
+      /* @__PURE__ */ jsx35(
         Field,
         {
           label: "Trigger",
           value: provenance.trigger.type + (provenance.trigger.workflow ? ` (${provenance.trigger.workflow})` : "")
         }
       ),
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx35(
         Field,
         {
           label: "Models",
           value: provenance.models.map((m) => m.label).join(", ")
         }
       ),
-      /* @__PURE__ */ jsx33(Field, { label: "Grader Model", mono: true, value: provenance.graderModel }),
-      provenance.contextHash && /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx35(Field, { label: "Grader Model", mono: true, value: provenance.graderModel }),
+      provenance.contextHash && /* @__PURE__ */ jsx35(
         Field,
         {
           label: "Context Hash",
@@ -5494,8 +5525,8 @@ function ProvenanceCard({ provenance }) {
         }
       )
     ] }),
-    provenance.git && /* @__PURE__ */ jsx33(GitInfo, { git: provenance.git }),
-    /* @__PURE__ */ jsx33(PromptfooLinks, { provenance })
+    provenance.git && /* @__PURE__ */ jsx35(GitInfo, { git: provenance.git }),
+    /* @__PURE__ */ jsx35(PromptfooLinks, { provenance })
   ] }) });
 }
 function Field({
@@ -5504,17 +5535,17 @@ function Field({
   value
 }) {
   return /* @__PURE__ */ jsxs28(Stack19, { space: 1, children: [
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx35(
       Text28,
       {
         muted: true,
-        size: 0,
+        size: 1,
         style: { letterSpacing: "0.05em", textTransform: "uppercase" },
         weight: "semibold",
         children: label
       }
     ),
-    /* @__PURE__ */ jsx33(Text28, { size: 1, style: mono ? { fontFamily: "monospace" } : void 0, children: value })
+    /* @__PURE__ */ jsx35(Text28, { size: 2, style: mono ? { fontFamily: "monospace" } : void 0, children: value })
   ] });
 }
 function GitInfo({ git }) {
@@ -5522,15 +5553,15 @@ function GitInfo({ git }) {
   const branchUrl = `${repoUrl}/tree/${git.branch}`;
   const commitUrl = `${repoUrl}/commit/${git.sha}`;
   const prUrl = git.prNumber ? `${repoUrl}/pull/${git.prNumber}` : null;
-  return /* @__PURE__ */ jsx33(Card19, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs28(Flex21, { align: "center", gap: 3, wrap: "wrap", children: [
-    /* @__PURE__ */ jsx33(Text28, { muted: true, size: 1, weight: "semibold", children: "Git" }),
-    /* @__PURE__ */ jsxs28(Text28, { size: 1, children: [
-      /* @__PURE__ */ jsx33("a", { href: repoUrl, rel: "noopener noreferrer", target: "_blank", children: git.repo }),
+  return /* @__PURE__ */ jsx35(Card19, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs28(Flex21, { align: "center", gap: 3, wrap: "wrap", children: [
+    /* @__PURE__ */ jsx35(Text28, { muted: true, size: 2, weight: "semibold", children: "Git" }),
+    /* @__PURE__ */ jsxs28(Text28, { size: 2, children: [
+      /* @__PURE__ */ jsx35("a", { href: repoUrl, rel: "noopener noreferrer", target: "_blank", children: git.repo }),
       " / ",
-      /* @__PURE__ */ jsx33("a", { href: branchUrl, rel: "noopener noreferrer", target: "_blank", children: git.branch })
+      /* @__PURE__ */ jsx35("a", { href: branchUrl, rel: "noopener noreferrer", target: "_blank", children: git.branch })
     ] }),
-    /* @__PURE__ */ jsx33(Text28, { muted: true, size: 1, style: { fontFamily: "monospace" }, children: /* @__PURE__ */ jsx33("a", { href: commitUrl, rel: "noopener noreferrer", target: "_blank", children: git.sha.slice(0, 12) }) }),
-    prUrl && /* @__PURE__ */ jsx33(Text28, { size: 1, children: /* @__PURE__ */ jsxs28("a", { href: prUrl, rel: "noopener noreferrer", target: "_blank", children: [
+    /* @__PURE__ */ jsx35(Text28, { muted: true, size: 2, style: { fontFamily: "monospace" }, children: /* @__PURE__ */ jsx35("a", { href: commitUrl, rel: "noopener noreferrer", target: "_blank", children: git.sha.slice(0, 12) }) }),
+    prUrl && /* @__PURE__ */ jsx35(Text28, { size: 2, children: /* @__PURE__ */ jsxs28("a", { href: prUrl, rel: "noopener noreferrer", target: "_blank", children: [
       "PR #",
       git.prNumber,
       " \u2192"
@@ -5545,14 +5576,14 @@ function PromptfooLinks({
       (e) => VIEWABLE_PROMPTFOO_MODES.has(e.mode)
     );
     if (viewable.length === 0) return null;
-    return /* @__PURE__ */ jsx33(Flex21, { gap: 3, wrap: "wrap", children: viewable.map((entry) => /* @__PURE__ */ jsx33(Text28, { size: 1, children: /* @__PURE__ */ jsxs28("a", { href: entry.url, rel: "noopener noreferrer", target: "_blank", children: [
+    return /* @__PURE__ */ jsx35(Flex21, { gap: 3, wrap: "wrap", children: viewable.map((entry) => /* @__PURE__ */ jsx35(Text28, { size: 2, children: /* @__PURE__ */ jsxs28("a", { href: entry.url, rel: "noopener noreferrer", target: "_blank", children: [
       "View in Promptfoo (",
       entry.mode,
       ") \u2192"
     ] }) }, entry.mode)) });
   }
   if (provenance.promptfooUrl && VIEWABLE_PROMPTFOO_MODES.has(provenance.mode)) {
-    return /* @__PURE__ */ jsx33(Text28, { size: 1, children: /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx35(Text28, { size: 2, children: /* @__PURE__ */ jsx35(
       "a",
       {
         href: provenance.promptfooUrl,
@@ -5567,32 +5598,32 @@ function PromptfooLinks({
 
 // src/components/report-detail/RecommendationsSection.tsx
 import React4 from "react";
-import { Badge as Badge17, Box as Box13, Card as Card20, Flex as Flex22, Stack as Stack20, Text as Text29, Tooltip as Tooltip7 } from "@sanity/ui";
+import { Badge as Badge19, Box as Box13, Card as Card20, Flex as Flex22, Stack as Stack20, Text as Text29, Tooltip as Tooltip7 } from "@sanity/ui";
 import { HelpCircleIcon as HelpCircleIcon7 } from "@sanity/icons";
-import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
 function RecommendationsSection({
   recommendations
 }) {
   if (recommendations.gaps.length === 0) return null;
-  return /* @__PURE__ */ jsx34(Card20, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs29(Stack20, { space: 4, children: [
+  return /* @__PURE__ */ jsx36(Card20, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs29(Stack20, { space: 4, children: [
     /* @__PURE__ */ jsxs29(Flex22, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx34(Text29, { size: 2, weight: "semibold", children: "Recommendations" }),
-      /* @__PURE__ */ jsx34(
+      /* @__PURE__ */ jsx36(Text29, { size: 3, weight: "semibold", children: "Recommendations" }),
+      /* @__PURE__ */ jsx36(
         Tooltip7,
         {
-          content: /* @__PURE__ */ jsx34(Box13, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx34(Text29, { size: 1, children: GLOSSARY.recommendations }) }),
+          content: /* @__PURE__ */ jsx36(Box13, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx36(Text29, { size: 2, children: GLOSSARY.recommendations }) }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsx34(Text29, { muted: true, size: 0, children: /* @__PURE__ */ jsx34(HelpCircleIcon7, {}) })
+          children: /* @__PURE__ */ jsx36(Text29, { muted: true, size: 1, children: /* @__PURE__ */ jsx36(HelpCircleIcon7, {}) })
         }
       ),
-      /* @__PURE__ */ jsx34(
+      /* @__PURE__ */ jsx36(
         Tooltip7,
         {
-          content: /* @__PURE__ */ jsx34(Box13, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx34(Text29, { size: 1, children: GLOSSARY.totalPotentialLift }) }),
+          content: /* @__PURE__ */ jsx36(Box13, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx36(Text29, { size: 2, children: GLOSSARY.totalPotentialLift }) }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsx34(Card20, { padding: 2, radius: 2, tone: "positive", children: /* @__PURE__ */ jsxs29(Text29, { size: 1, weight: "bold", children: [
+          children: /* @__PURE__ */ jsx36(Card20, { padding: 2, radius: 2, tone: "positive", children: /* @__PURE__ */ jsxs29(Text29, { size: 2, weight: "bold", children: [
             "+",
             recommendations.totalPotentialLift.toFixed(1),
             " pts potential lift"
@@ -5609,9 +5640,9 @@ function RecommendationsSection({
           gridTemplateColumns: "auto 2fr 2fr 1fr 1fr 1fr"
         },
         children: [
-          /* @__PURE__ */ jsx34(ColumnHeader, { borderBottom: true, label: "#" }),
-          /* @__PURE__ */ jsx34(ColumnHeader, { borderBottom: true, label: "Area" }),
-          /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsx36(ColumnHeader, { borderBottom: true, label: "#" }),
+          /* @__PURE__ */ jsx36(ColumnHeader, { borderBottom: true, label: "Area" }),
+          /* @__PURE__ */ jsx36(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5619,8 +5650,8 @@ function RecommendationsSection({
               tooltip: GLOSSARY.failureMode
             }
           ),
-          /* @__PURE__ */ jsx34(ColumnHeader, { borderBottom: true, label: "Action" }),
-          /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsx36(ColumnHeader, { borderBottom: true, label: "Action" }),
+          /* @__PURE__ */ jsx36(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5628,7 +5659,7 @@ function RecommendationsSection({
               tooltip: GLOSSARY.estimatedLift
             }
           ),
-          /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsx36(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5636,7 +5667,7 @@ function RecommendationsSection({
               tooltip: GLOSSARY.confidence
             }
           ),
-          recommendations.gaps.map((gap, i) => /* @__PURE__ */ jsx34(RecommendationRow, { gap, index: i }, `gap-${i}`))
+          recommendations.gaps.map((gap, i) => /* @__PURE__ */ jsx36(RecommendationRow, { gap, index: i }, `gap-${i}`))
         ]
       }
     )
@@ -5649,7 +5680,7 @@ function RecommendationRow({
   const confIcon = gap.confidence === "high" ? "\u{1F7E2}" : gap.confidence === "medium" ? "\u{1F7E1}" : "\u{1F534}";
   const bg = rowBackground(index);
   return /* @__PURE__ */ jsxs29(React4.Fragment, { children: [
-    /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx36(
       "div",
       {
         style: {
@@ -5659,10 +5690,10 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 4px"
         },
-        children: /* @__PURE__ */ jsx34(Text29, { muted: true, size: 1, children: index + 1 })
+        children: /* @__PURE__ */ jsx36(Text29, { muted: true, size: 2, children: index + 1 })
       }
     ),
-    /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx36(
       "div",
       {
         style: {
@@ -5671,10 +5702,10 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx34(Text29, { size: 1, weight: "medium", children: gap.area })
+        children: /* @__PURE__ */ jsx36(Text29, { size: 2, weight: "medium", children: gap.area })
       }
     ),
-    /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx36(
       "div",
       {
         style: {
@@ -5683,8 +5714,8 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx34(
-          Badge17,
+        children: /* @__PURE__ */ jsx36(
+          Badge19,
           {
             tone: gap.failureMode === "missing-docs" ? "critical" : gap.failureMode === "incorrect-docs" ? "critical" : gap.failureMode === "outdated-docs" ? "caution" : "default",
             children: gap.failureMode
@@ -5692,7 +5723,7 @@ function RecommendationRow({
         )
       }
     ),
-    /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx36(
       "div",
       {
         style: {
@@ -5701,10 +5732,10 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx34(Text29, { muted: true, size: 1, children: gap.remediation })
+        children: /* @__PURE__ */ jsx36(Text29, { muted: true, size: 2, children: gap.remediation })
       }
     ),
-    /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx36(
       "div",
       {
         style: {
@@ -5713,13 +5744,13 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx34(Card20, { padding: 2, radius: 2, tone: "positive", children: /* @__PURE__ */ jsxs29(Text29, { align: "center", size: 1, weight: "medium", children: [
+        children: /* @__PURE__ */ jsx36(Card20, { padding: 2, radius: 2, tone: "positive", children: /* @__PURE__ */ jsxs29(Text29, { align: "center", size: 2, weight: "medium", children: [
           "+",
           gap.estimatedLift.toFixed(1)
         ] }) })
       }
     ),
-    /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx36(
       "div",
       {
         style: {
@@ -5728,7 +5759,7 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsxs29(Text29, { size: 1, children: [
+        children: /* @__PURE__ */ jsxs29(Text29, { size: 2, children: [
           confIcon,
           " ",
           gap.confidence
@@ -5741,7 +5772,7 @@ function RecommendationRow({
 // src/components/report-detail/ReportHeader.tsx
 import { ArrowLeftIcon, ClipboardIcon } from "@sanity/icons";
 import {
-  Badge as Badge18,
+  Badge as Badge20,
   Box as Box14,
   Button as Button2,
   Card as Card21,
@@ -5750,7 +5781,7 @@ import {
   Text as Text30,
   Tooltip as Tooltip8
 } from "@sanity/ui";
-import { Fragment as Fragment6, jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
 function ReportHeader({
   completedAt,
   mode,
@@ -5765,7 +5796,7 @@ function ReportHeader({
   const hasTag = Boolean(tag);
   return /* @__PURE__ */ jsxs30(Fragment6, { children: [
     /* @__PURE__ */ jsxs30(Flex23, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx37(
         Button2,
         {
           icon: ArrowLeftIcon,
@@ -5775,21 +5806,21 @@ function ReportHeader({
         }
       ),
       /* @__PURE__ */ jsxs30(Stack21, { flex: 1, space: 1, children: [
-        /* @__PURE__ */ jsx35(Text30, { size: 3, weight: "bold", children: title }),
-        hasTag && /* @__PURE__ */ jsx35(Text30, { muted: true, size: 1, children: dateLabel })
+        /* @__PURE__ */ jsx37(Text30, { size: 4, weight: "bold", children: title }),
+        hasTag && /* @__PURE__ */ jsx37(Text30, { muted: true, size: 2, children: dateLabel })
       ] }),
       /* @__PURE__ */ jsxs30(Flex23, { gap: 2, children: [
-        /* @__PURE__ */ jsx35(Badge18, { mode: "outline", tone: "default", children: sourceName }),
-        /* @__PURE__ */ jsx35(Badge18, { tone: "primary", children: mode })
+        /* @__PURE__ */ jsx37(Badge20, { mode: "outline", tone: "default", children: sourceName }),
+        /* @__PURE__ */ jsx37(Badge20, { tone: "primary", children: mode })
       ] })
     ] }),
-    /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsx37(
       Tooltip8,
       {
-        content: /* @__PURE__ */ jsx35(Box14, { padding: 2, children: /* @__PURE__ */ jsx35(Text30, { size: 1, children: "Click to copy report ID" }) }),
+        content: /* @__PURE__ */ jsx37(Box14, { padding: 2, children: /* @__PURE__ */ jsx37(Text30, { size: 2, children: "Click to copy report ID" }) }),
         placement: "bottom",
         portal: true,
-        children: /* @__PURE__ */ jsx35(
+        children: /* @__PURE__ */ jsx37(
           Card21,
           {
             border: true,
@@ -5799,11 +5830,11 @@ function ReportHeader({
             style: { cursor: "pointer" },
             tone: "transparent",
             children: /* @__PURE__ */ jsxs30(Flex23, { align: "center", gap: 3, children: [
-              /* @__PURE__ */ jsx35(
+              /* @__PURE__ */ jsx37(
                 Text30,
                 {
                   muted: true,
-                  size: 0,
+                  size: 1,
                   style: {
                     letterSpacing: "0.05em",
                     textTransform: "uppercase"
@@ -5812,10 +5843,10 @@ function ReportHeader({
                   children: "Report ID"
                 }
               ),
-              /* @__PURE__ */ jsx35(
+              /* @__PURE__ */ jsx37(
                 Text30,
                 {
-                  size: 1,
+                  size: 2,
                   style: {
                     fontFamily: "monospace",
                     userSelect: "all"
@@ -5823,7 +5854,7 @@ function ReportHeader({
                   children: reportId
                 }
               ),
-              /* @__PURE__ */ jsx35(Box14, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx35(Text30, { muted: true, size: 1, children: /* @__PURE__ */ jsx35(ClipboardIcon, {}) }) })
+              /* @__PURE__ */ jsx37(Box14, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx37(Text30, { muted: true, size: 2, children: /* @__PURE__ */ jsx37(ClipboardIcon, {}) }) })
             ] })
           }
         )
@@ -5834,16 +5865,16 @@ function ReportHeader({
 
 // src/components/report-detail/ThreeLayerTable.tsx
 import React5 from "react";
-import { Badge as Badge19, Card as Card22, Flex as Flex24, Stack as Stack22, Text as Text31 } from "@sanity/ui";
-import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Badge as Badge21, Card as Card22, Flex as Flex24, Stack as Stack22, Text as Text31 } from "@sanity/ui";
+import { jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
 function ThreeLayerTable({ scores }) {
   const filtered = scores.filter((s) => s.actualScore != null);
   if (filtered.length === 0) return null;
   const hasInverted = filtered.some((s) => s.invertedRetrievalGap);
-  return /* @__PURE__ */ jsx36(Card22, { overflow: "auto", padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs31(Stack22, { space: 4, children: [
+  return /* @__PURE__ */ jsx38(Card22, { overflow: "auto", padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs31(Stack22, { space: 4, children: [
     /* @__PURE__ */ jsxs31(Flex24, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsx36(Text31, { size: 2, weight: "semibold", children: "Three-Layer Decomposition" }),
-      /* @__PURE__ */ jsx36(Badge19, { tone: "primary", children: "full mode" })
+      /* @__PURE__ */ jsx38(Text31, { size: 3, weight: "semibold", children: "Three-Layer Decomposition" }),
+      /* @__PURE__ */ jsx38(Badge21, { tone: "primary", children: "full mode" })
     ] }),
     /* @__PURE__ */ jsxs31(
       "div",
@@ -5854,9 +5885,9 @@ function ThreeLayerTable({ scores }) {
           gridTemplateColumns: "2fr 1fr 1fr 1fr 1fr 1fr"
         },
         children: [
-          /* @__PURE__ */ jsx36(ColumnHeader, { borderBottom: true, label: "Area" }),
-          /* @__PURE__ */ jsx36(ColumnHeader, { borderBottom: true, label: "Floor", tooltip: GLOSSARY.floor }),
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx38(ColumnHeader, { borderBottom: true, label: "Area" }),
+          /* @__PURE__ */ jsx38(ColumnHeader, { borderBottom: true, label: "Floor", tooltip: GLOSSARY.floor }),
+          /* @__PURE__ */ jsx38(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5864,8 +5895,8 @@ function ThreeLayerTable({ scores }) {
               tooltip: GLOSSARY.ceiling
             }
           ),
-          /* @__PURE__ */ jsx36(ColumnHeader, { borderBottom: true, label: "Actual", tooltip: GLOSSARY.actual }),
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx38(ColumnHeader, { borderBottom: true, label: "Actual", tooltip: GLOSSARY.actual }),
+          /* @__PURE__ */ jsx38(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5873,7 +5904,7 @@ function ThreeLayerTable({ scores }) {
               tooltip: GLOSSARY.retGap
             }
           ),
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx38(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5882,7 +5913,7 @@ function ThreeLayerTable({ scores }) {
             }
           ),
           filtered.map((score, i) => /* @__PURE__ */ jsxs31(React5.Fragment, { children: [
-            /* @__PURE__ */ jsx36(
+            /* @__PURE__ */ jsx38(
               "div",
               {
                 style: {
@@ -5890,13 +5921,13 @@ function ThreeLayerTable({ scores }) {
                   borderRadius: 4,
                   padding: "8px 0 8px 4px"
                 },
-                children: /* @__PURE__ */ jsx36(Text31, { size: 1, weight: "medium", children: score.feature })
+                children: /* @__PURE__ */ jsx38(Text31, { size: 2, weight: "medium", children: score.feature })
               }
             ),
-            /* @__PURE__ */ jsx36("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx36(ScoreCell, { score: score.floorScore ?? 0 }) }),
-            /* @__PURE__ */ jsx36("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx36(ScoreCell, { score: score.ceilingScore ?? score.totalScore }) }),
-            /* @__PURE__ */ jsx36("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx36(ScoreCell, { score: score.actualScore ?? 0 }) }),
-            /* @__PURE__ */ jsx36(
+            /* @__PURE__ */ jsx38("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx38(ScoreCell, { score: score.floorScore ?? 0 }) }),
+            /* @__PURE__ */ jsx38("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx38(ScoreCell, { score: score.ceilingScore ?? score.totalScore }) }),
+            /* @__PURE__ */ jsx38("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx38(ScoreCell, { score: score.actualScore ?? 0 }) }),
+            /* @__PURE__ */ jsx38(
               "div",
               {
                 style: {
@@ -5905,10 +5936,10 @@ function ThreeLayerTable({ scores }) {
                   display: "flex",
                   padding: "6px 0"
                 },
-                children: /* @__PURE__ */ jsx36(Text31, { size: 1, children: score.retrievalGap != null ? score.retrievalGap.toFixed(1) : "\u2014" })
+                children: /* @__PURE__ */ jsx38(Text31, { size: 2, children: score.retrievalGap != null ? score.retrievalGap.toFixed(1) : "\u2014" })
               }
             ),
-            /* @__PURE__ */ jsx36(
+            /* @__PURE__ */ jsx38(
               "div",
               {
                 style: {
@@ -5917,7 +5948,7 @@ function ThreeLayerTable({ scores }) {
                   display: "flex",
                   padding: "6px 0"
                 },
-                children: /* @__PURE__ */ jsxs31(Text31, { size: 1, children: [
+                children: /* @__PURE__ */ jsxs31(Text31, { size: 2, children: [
                   formatPercent(score.infrastructureEfficiency),
                   score.invertedRetrievalGap && " \u26A0\uFE0F"
                 ] })
@@ -5927,12 +5958,12 @@ function ThreeLayerTable({ scores }) {
         ]
       }
     ),
-    hasInverted && /* @__PURE__ */ jsx36(Text31, { muted: true, size: 0, children: GLOSSARY.invertedRetGap })
+    hasInverted && /* @__PURE__ */ jsx38(Text31, { muted: true, size: 1, children: GLOSSARY.invertedRetGap })
   ] }) });
 }
 
 // src/components/report-detail/ReportDetail.tsx
-import { jsx as jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs32 } from "react/jsx-runtime";
 var OVERVIEW_TAB = { id: "overview", label: "Overview" };
 var DIAGNOSTICS_TAB = { id: "diagnostics", label: "Diagnostics" };
 var ACTIVITY_TAB = { id: "activity", label: "Agent Activity" };
@@ -5998,11 +6029,11 @@ function ReportDetail({
     [onTabChange]
   );
   if (loading) {
-    return /* @__PURE__ */ jsx37(LoadingState, { message: "Loading report\u2026" });
+    return /* @__PURE__ */ jsx39(LoadingState, { message: "Loading report\u2026" });
   }
   if (!report || !summary) {
-    return /* @__PURE__ */ jsx37(Box15, { padding: 5, children: /* @__PURE__ */ jsxs32(Stack23, { space: 4, children: [
-      /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx39(Box15, { padding: 5, children: /* @__PURE__ */ jsxs32(Stack23, { space: 4, children: [
+      /* @__PURE__ */ jsx39(
         Button3,
         {
           icon: ArrowLeftIcon2,
@@ -6011,14 +6042,14 @@ function ReportDetail({
           text: "Back"
         }
       ),
-      /* @__PURE__ */ jsx37(Text32, { align: "center", muted: true, size: 2, children: "Report not found" })
+      /* @__PURE__ */ jsx39(Text32, { align: "center", muted: true, size: 3, children: "Report not found" })
     ] }) });
   }
   const { comparison, provenance } = report;
   const totalTests = summary.scores.reduce((n, s) => n + s.testCount, 0);
   const isFullMode = summary.evaluationMode === "full" || summary.scores.some((s) => s.actualScore != null);
-  return /* @__PURE__ */ jsx37(Box15, { padding: 4, children: /* @__PURE__ */ jsxs32(Stack23, { space: 5, children: [
-    /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(Box15, { padding: 4, children: /* @__PURE__ */ jsxs32(Stack23, { space: 5, children: [
+    /* @__PURE__ */ jsx39(
       ReportHeader,
       {
         completedAt: report.completedAt,
@@ -6030,10 +6061,10 @@ function ReportDetail({
         tag: report.tag
       }
     ),
-    /* @__PURE__ */ jsx37(TabList, { space: 1, children: tabs.map((tab) => {
+    /* @__PURE__ */ jsx39(TabList, { space: 1, children: tabs.map((tab) => {
       const isDisabled = disabledTabs.has(tab.id);
       const tooltip = getDisabledTabTooltip(tab.id, summary);
-      const tabElement = /* @__PURE__ */ jsx37(
+      const tabElement = /* @__PURE__ */ jsx39(
         Tab,
         {
           "aria-controls": `panel-${tab.id}`,
@@ -6044,25 +6075,25 @@ function ReportDetail({
           selected: currentTab === tab.id
         }
       );
-      return isDisabled && tooltip ? /* @__PURE__ */ jsx37(
+      return isDisabled && tooltip ? /* @__PURE__ */ jsx39(
         Tooltip9,
         {
-          content: /* @__PURE__ */ jsx37(Box15, { padding: 2, style: { maxWidth: 280 }, children: tooltip }),
+          content: /* @__PURE__ */ jsx39(Box15, { padding: 2, style: { maxWidth: 280 }, children: tooltip }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsx37("span", { style: { display: "inline-block" }, children: tabElement })
+          children: /* @__PURE__ */ jsx39("span", { style: { display: "inline-block" }, children: tabElement })
         },
         tab.id
-      ) : /* @__PURE__ */ jsx37("span", { children: tabElement }, tab.id);
+      ) : /* @__PURE__ */ jsx39("span", { children: tabElement }, tab.id);
     }) }),
-    currentTab === "overview" && /* @__PURE__ */ jsx37(
+    currentTab === "overview" && /* @__PURE__ */ jsx39(
       TabPanel,
       {
         "aria-labelledby": "tab-overview",
         hidden: currentTab !== "overview",
         id: "panel-overview",
         children: /* @__PURE__ */ jsxs32(Stack23, { space: 5, children: [
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx39(
             OverviewStats,
             {
               durationMs: report.durationMs,
@@ -6071,37 +6102,37 @@ function ReportDetail({
               totalTests
             }
           ),
-          isFullMode && /* @__PURE__ */ jsx37(ThreeLayerTable, { scores: summary.scores }),
-          /* @__PURE__ */ jsx37(AreaScoreTable, { scores: summary.scores }),
-          comparison && /* @__PURE__ */ jsx37(ComparisonSummary, { comparison }),
-          /* @__PURE__ */ jsx37(ProvenanceCard, { provenance })
+          isFullMode && /* @__PURE__ */ jsx39(ThreeLayerTable, { scores: summary.scores }),
+          /* @__PURE__ */ jsx39(AreaScoreTable, { scores: summary.scores }),
+          comparison && /* @__PURE__ */ jsx39(ComparisonSummary, { comparison }),
+          /* @__PURE__ */ jsx39(ProvenanceCard, { provenance })
         ] })
       }
     ),
-    currentTab === "diagnostics" && hasDiagnostics && /* @__PURE__ */ jsx37(
+    currentTab === "diagnostics" && hasDiagnostics && /* @__PURE__ */ jsx39(
       TabPanel,
       {
         "aria-labelledby": "tab-diagnostics",
         hidden: currentTab !== "diagnostics",
         id: "panel-diagnostics",
         children: /* @__PURE__ */ jsxs32(Stack23, { space: 5, children: [
-          summary.recommendations && summary.recommendations.gaps.length > 0 && /* @__PURE__ */ jsx37(
+          summary.recommendations && summary.recommendations.gaps.length > 0 && /* @__PURE__ */ jsx39(
             RecommendationsSection,
             {
               recommendations: summary.recommendations
             }
           ),
-          summary.lowScoringJudgments && summary.lowScoringJudgments.length > 0 && /* @__PURE__ */ jsx37(JudgmentList, { judgments: summary.lowScoringJudgments })
+          summary.lowScoringJudgments && summary.lowScoringJudgments.length > 0 && /* @__PURE__ */ jsx39(JudgmentList, { judgments: summary.lowScoringJudgments })
         ] })
       }
     ),
-    currentTab === "activity" && hasAgentActivity && /* @__PURE__ */ jsx37(
+    currentTab === "activity" && hasAgentActivity && /* @__PURE__ */ jsx39(
       TabPanel,
       {
         "aria-labelledby": "tab-activity",
         hidden: currentTab !== "activity",
         id: "panel-activity",
-        children: /* @__PURE__ */ jsx37(
+        children: /* @__PURE__ */ jsx39(
           AgentActivitySection,
           {
             agentBehavior: summary.agentBehavior,
@@ -6123,17 +6154,17 @@ function getDisabledTabTooltip(tabId, summary) {
   if (!summary) return null;
   switch (tabId) {
     case "diagnostics":
-      return /* @__PURE__ */ jsx37(Text32, { muted: true, size: 1, children: "No diagnostic data available. Diagnostics require low-scoring judgments or gap analysis recommendations." });
+      return /* @__PURE__ */ jsx39(Text32, { muted: true, size: 2, children: "No diagnostic data available. Diagnostics require low-scoring judgments or gap analysis recommendations." });
     case "activity":
-      return summary.evaluationMode === "baseline" ? /* @__PURE__ */ jsxs32(Text32, { muted: true, size: 1, children: [
+      return summary.evaluationMode === "baseline" ? /* @__PURE__ */ jsxs32(Text32, { muted: true, size: 2, children: [
         "Not available for baseline-only evaluations. Run with",
         " ",
-        /* @__PURE__ */ jsx37("code", { style: inlineCodeStyle, children: "--mode full" }),
+        /* @__PURE__ */ jsx39("code", { style: inlineCodeStyle, children: "--mode full" }),
         " or",
         " ",
-        /* @__PURE__ */ jsx37("code", { style: inlineCodeStyle, children: "--mode agentic" }),
+        /* @__PURE__ */ jsx39("code", { style: inlineCodeStyle, children: "--mode agentic" }),
         " to capture agent browsing behavior."
-      ] }) : /* @__PURE__ */ jsx37(Text32, { muted: true, size: 1, children: "No agent activity data was recorded for this evaluation." });
+      ] }) : /* @__PURE__ */ jsx39(Text32, { muted: true, size: 2, children: "No agent activity data was recorded for this evaluation." });
     default:
       return null;
   }
@@ -6143,7 +6174,7 @@ function getDisabledTabTooltip(tabId, summary) {
 import { Card as Card23, Flex as Flex25, Select as Select2, Stack as Stack24, Text as Text33 } from "@sanity/ui";
 import { useCallback as useCallback14, useEffect as useEffect9, useMemo as useMemo8, useState as useState11 } from "react";
 import { useClient as useClient8 } from "sanity";
-import { jsx as jsx38, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
 var CHART_HEIGHT = 220;
 var CHART_WIDTH = 800;
 var PAD_BOTTOM = 30;
@@ -6244,20 +6275,20 @@ function ScoreTimeline({ mode = null, source = null }) {
   const polylinePoints = chartPoints.map((p) => `${p.x},${p.y}`).join(" ");
   return /* @__PURE__ */ jsxs33(Stack24, { space: 4, children: [
     /* @__PURE__ */ jsxs33(Flex25, { gap: 3, children: [
-      /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx40(
         Select2,
         {
           onChange: handleRangeChange,
           value: rangeDays?.toString() ?? "all",
-          children: TIME_RANGES.map((r) => /* @__PURE__ */ jsx38("option", { value: r.days?.toString() ?? "all", children: r.label }, r.label))
+          children: TIME_RANGES.map((r) => /* @__PURE__ */ jsx40("option", { value: r.days?.toString() ?? "all", children: r.label }, r.label))
         }
       ),
       /* @__PURE__ */ jsxs33(Select2, { onChange: handleAreaChange, value: selectedArea ?? "", children: [
-        /* @__PURE__ */ jsx38("option", { value: "", children: "Overall" }),
-        areaNames.map((name) => /* @__PURE__ */ jsx38("option", { value: name, children: name }, name))
+        /* @__PURE__ */ jsx40("option", { value: "", children: "Overall" }),
+        areaNames.map((name) => /* @__PURE__ */ jsx40("option", { value: name, children: name }, name))
       ] })
     ] }),
-    /* @__PURE__ */ jsx38(Card23, { padding: 3, radius: 2, shadow: 1, children: loading ? /* @__PURE__ */ jsx38(Flex25, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx38(Text33, { muted: true, size: 1, children: "Loading\u2026" }) }) : chartPoints.length === 0 ? /* @__PURE__ */ jsx38(Flex25, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx38(Text33, { muted: true, size: 1, children: "No reports found for this time range" }) }) : /* @__PURE__ */ jsxs33(
+    /* @__PURE__ */ jsx40(Card23, { padding: 3, radius: 2, shadow: 1, children: loading ? /* @__PURE__ */ jsx40(Flex25, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx40(Text33, { muted: true, size: 2, children: "Loading\u2026" }) }) : chartPoints.length === 0 ? /* @__PURE__ */ jsx40(Flex25, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx40(Text33, { muted: true, size: 2, children: "No reports found for this time range" }) }) : /* @__PURE__ */ jsxs33(
       "svg",
       {
         style: { display: "block", width: "100%" },
@@ -6266,7 +6297,7 @@ function ScoreTimeline({ mode = null, source = null }) {
           Y_TICKS.map((tick) => {
             const y = PAD_TOP + PLOT_HEIGHT - tick / Y_MAX * PLOT_HEIGHT;
             return /* @__PURE__ */ jsxs33("g", { children: [
-              /* @__PURE__ */ jsx38(
+              /* @__PURE__ */ jsx40(
                 "line",
                 {
                   stroke: "#ccc",
@@ -6277,7 +6308,7 @@ function ScoreTimeline({ mode = null, source = null }) {
                   y2: y
                 }
               ),
-              /* @__PURE__ */ jsx38(
+              /* @__PURE__ */ jsx40(
                 "text",
                 {
                   dominantBaseline: "middle",
@@ -6297,7 +6328,7 @@ function ScoreTimeline({ mode = null, source = null }) {
             chartPoints.length - 1
           ].map((idx) => {
             const p = chartPoints[idx];
-            return /* @__PURE__ */ jsx38(
+            return /* @__PURE__ */ jsx40(
               "text",
               {
                 fill: "#999",
@@ -6309,7 +6340,7 @@ function ScoreTimeline({ mode = null, source = null }) {
               },
               idx
             );
-          }) : chartPoints.map((p, idx) => /* @__PURE__ */ jsx38(
+          }) : chartPoints.map((p, idx) => /* @__PURE__ */ jsx40(
             "text",
             {
               fill: "#999",
@@ -6321,7 +6352,7 @@ function ScoreTimeline({ mode = null, source = null }) {
             },
             idx
           )),
-          /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsx40(
             "polyline",
             {
               fill: "none",
@@ -6331,7 +6362,7 @@ function ScoreTimeline({ mode = null, source = null }) {
               strokeWidth: 2.5
             }
           ),
-          chartPoints.map((p, idx) => /* @__PURE__ */ jsx38(
+          chartPoints.map((p, idx) => /* @__PURE__ */ jsx40(
             "circle",
             {
               cx: p.x,
@@ -6351,7 +6382,7 @@ function ScoreTimeline({ mode = null, source = null }) {
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs33(Text33, { muted: true, size: 1, children: [
+    /* @__PURE__ */ jsxs33(Text33, { muted: true, size: 2, children: [
       chartPoints.length,
       " data point",
       chartPoints.length !== 1 ? "s" : ""
@@ -6361,7 +6392,7 @@ function ScoreTimeline({ mode = null, source = null }) {
 var ScoreTimeline_default = ScoreTimeline;
 
 // src/components/Dashboard.tsx
-import { jsx as jsx39, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs34 } from "react/jsx-runtime";
 var VIEW_PARAM_MAP = {
   compare: "compare",
   timeline: "timeline"
@@ -6411,41 +6442,41 @@ function Dashboard() {
     client.fetch(distinctSourcesQuery).then((data) => setSources(data ?? [])).catch(() => setSources([]));
     client.fetch(distinctModesQuery).then((data) => setModes(data ?? [])).catch(() => setModes([]));
   }, [client]);
-  return /* @__PURE__ */ jsx39(Container, { width: 2, children: /* @__PURE__ */ jsxs34(Stack25, { padding: 4, space: 4, children: [
+  return /* @__PURE__ */ jsx41(Container, { width: 2, children: /* @__PURE__ */ jsxs34(Stack25, { padding: 4, space: 4, children: [
     /* @__PURE__ */ jsxs34(Flex26, { align: "center", gap: 3, children: [
       /* @__PURE__ */ jsxs34(Stack25, { flex: 1, space: 1, children: [
-        /* @__PURE__ */ jsx39(Text34, { size: 3, weight: "bold", children: "AI Literacy Framework" }),
-        /* @__PURE__ */ jsx39(Text34, { muted: true, size: 1, children: "Evaluation reports and score trends" })
+        /* @__PURE__ */ jsx41(Text34, { size: 4, weight: "bold", children: "AI Literacy Framework" }),
+        /* @__PURE__ */ jsx41(Text34, { muted: true, size: 2, children: "Evaluation reports and score trends" })
       ] }),
       !isDetail && /* @__PURE__ */ jsxs34(Flex26, { gap: 2, children: [
         /* @__PURE__ */ jsxs34(
           Select3,
           {
-            fontSize: 1,
+            fontSize: 2,
             onChange: (e) => setSource(e.currentTarget.value || null),
             value: source ?? "",
             children: [
-              /* @__PURE__ */ jsx39("option", { value: "", children: "All sources" }),
-              sources.map((s) => /* @__PURE__ */ jsx39("option", { value: s, children: s }, s))
+              /* @__PURE__ */ jsx41("option", { value: "", children: "All sources" }),
+              sources.map((s) => /* @__PURE__ */ jsx41("option", { value: s, children: s }, s))
             ]
           }
         ),
         /* @__PURE__ */ jsxs34(
           Select3,
           {
-            fontSize: 1,
+            fontSize: 2,
             onChange: (e) => setMode(e.currentTarget.value || null),
             value: mode ?? "",
             children: [
-              /* @__PURE__ */ jsx39("option", { value: "", children: "All modes" }),
-              modes.map((m) => /* @__PURE__ */ jsx39("option", { value: m, children: m }, m))
+              /* @__PURE__ */ jsx41("option", { value: "", children: "All modes" }),
+              modes.map((m) => /* @__PURE__ */ jsx41("option", { value: m, children: m }, m))
             ]
           }
         )
       ] })
     ] }),
     !isDetail && /* @__PURE__ */ jsxs34(TabList2, { space: 1, children: [
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx41(
         Tab2,
         {
           "aria-controls": "latest-panel",
@@ -6455,7 +6486,7 @@ function Dashboard() {
           selected: activeTab === "latest"
         }
       ),
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx41(
         Tab2,
         {
           "aria-controls": "timeline-panel",
@@ -6465,7 +6496,7 @@ function Dashboard() {
           selected: activeTab === "timeline"
         }
       ),
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx41(
         Tab2,
         {
           "aria-controls": "compare-panel",
@@ -6476,7 +6507,7 @@ function Dashboard() {
         }
       )
     ] }),
-    !isDetail && activeTab === "latest" && /* @__PURE__ */ jsx39(TabPanel2, { "aria-labelledby": "latest-tab", id: "latest-panel", children: /* @__PURE__ */ jsx39(
+    !isDetail && activeTab === "latest" && /* @__PURE__ */ jsx41(TabPanel2, { "aria-labelledby": "latest-tab", id: "latest-panel", children: /* @__PURE__ */ jsx41(
       LatestReports,
       {
         mode,
@@ -6484,9 +6515,9 @@ function Dashboard() {
         source
       }
     ) }),
-    !isDetail && activeTab === "timeline" && /* @__PURE__ */ jsx39(TabPanel2, { "aria-labelledby": "timeline-tab", id: "timeline-panel", children: /* @__PURE__ */ jsx39(ScoreTimeline_default, { mode, source }) }),
-    !isDetail && activeTab === "compare" && /* @__PURE__ */ jsx39(TabPanel2, { "aria-labelledby": "compare-tab", id: "compare-panel", children: /* @__PURE__ */ jsx39(ComparisonView, {}) }),
-    isDetail && reportId && /* @__PURE__ */ jsx39(
+    !isDetail && activeTab === "timeline" && /* @__PURE__ */ jsx41(TabPanel2, { "aria-labelledby": "timeline-tab", id: "timeline-panel", children: /* @__PURE__ */ jsx41(ScoreTimeline_default, { mode, source }) }),
+    !isDetail && activeTab === "compare" && /* @__PURE__ */ jsx41(TabPanel2, { "aria-labelledby": "compare-tab", id: "compare-panel", children: /* @__PURE__ */ jsx41(ComparisonView, {}) }),
+    isDetail && reportId && /* @__PURE__ */ jsx41(
       ReportDetail,
       {
         activeTab: routerState.tab ?? null,