@sanity/ailf-studio 0.1.13 → 0.1.15

package/dist/index.d.ts

@@ -113,8 +113,8 @@ interface SyncStatusBadgeProps {
     lastSyncedAt: string;
     /** Optional: show the commit SHA alongside the badge */
     commitSha?: string;
-    /** Font size (default: 0 for compact list view) */
-    fontSize?: 0 | 1;
+    /** Font size (default: 1 for compact list view) */
+    fontSize?: 1 | 2;
 }
 declare function SyncStatusBadge({ lastSyncedAt, commitSha, fontSize, }: SyncStatusBadgeProps): react_jsx_runtime.JSX.Element;
 

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}`))
   ] }) });
 }
@@ -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) => {
@@ -3681,7 +3681,7 @@ 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
         ] })
@@ -3741,7 +3741,7 @@ var modeTone = {
 };
 function ModeBadge({ mode }) {
   const tone = modeTone[mode] ?? "default";
-  return /* @__PURE__ */ jsx17(Badge7, { fontSize: 0, tone, children: mode });
+  return /* @__PURE__ */ jsx17(Badge7, { fontSize: 1, tone, children: mode });
 }
 
 // src/components/report-card/ReportMeta.tsx
@@ -3758,14 +3758,14 @@ function AreaTags({ areas, targetDocuments }) {
     hasAreas && areas.map((area) => /* @__PURE__ */ jsx18(
       Badge8,
       {
-        fontSize: 0,
+        fontSize: 1,
         mode: "outline",
         tone: "default",
         children: area
       },
       `area-${area}`
     )),
-    hasDocs && targetDocuments.map((doc) => /* @__PURE__ */ jsx18(Badge8, { 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}`))
   ] });
 }
 
@@ -3822,8 +3822,8 @@ function ReportMeta({ data }) {
     segments.push(formatDuration(data.durationMs));
   }
   return /* @__PURE__ */ jsxs15(Stack11, { flex: 1, space: 1, children: [
-    /* @__PURE__ */ jsx19(Text16, { weight: "semibold", children: data.tag ?? formatCardDate(data.completedAt) }),
-    segments.length > 0 && /* @__PURE__ */ jsx19(Text16, { muted: true, size: 1, children: segments.join(" \xB7 ") }),
+    /* @__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 })
   ] });
 }
@@ -3862,7 +3862,7 @@ function rowBackground(index) {
 
 // src/components/primitives/ScoreBadge.tsx
 import { jsx as jsx20 } from "react/jsx-runtime";
-function ScoreBadge({ score, fontSize = 1 }) {
+function ScoreBadge({ score, fontSize = 2 }) {
   const rounded = Math.round(score);
   return /* @__PURE__ */ jsx20(
     Badge9,
@@ -3885,7 +3885,7 @@ var sourceTone = {
 };
 function SourceBadge({ source }) {
   const tone = sourceTone[source] ?? "default";
-  return /* @__PURE__ */ jsx21(Badge10, { fontSize: 0, mode: "outline", tone, children: source });
+  return /* @__PURE__ */ jsx21(Badge10, { fontSize: 1, mode: "outline", tone, children: source });
 }
 
 // src/components/primitives/StatusBadges.tsx
@@ -3896,11 +3896,11 @@ function StatusBadges({ regressed, improved }) {
   const hasImproved = improved && improved.length > 0;
   if (!hasRegressed && !hasImproved) return null;
   return /* @__PURE__ */ jsxs16(Flex12, { gap: 1, children: [
-    hasRegressed && /* @__PURE__ */ jsxs16(Badge11, { fontSize: 0, tone: "critical", children: [
+    hasRegressed && /* @__PURE__ */ jsxs16(Badge11, { fontSize: 1, tone: "critical", children: [
       regressed.length,
       " regressed"
     ] }),
-    hasImproved && /* @__PURE__ */ jsxs16(Badge11, { fontSize: 0, tone: "positive", children: [
+    hasImproved && /* @__PURE__ */ jsxs16(Badge11, { fontSize: 1, tone: "positive", children: [
       improved.length,
       " improved"
     ] })
@@ -3936,12 +3936,12 @@ function ReportCard({ data, onSelectReport }) {
               Text17,
               {
                 muted: true,
-                size: 0,
+                size: 1,
                 title: new Date(data.completedAt).toISOString(),
                 children: formatRelativeTime(data.completedAt)
               }
             ),
-            data.trigger && /* @__PURE__ */ jsx22(Badge12, { fontSize: 0, tone: "default", children: data.trigger })
+            data.trigger && /* @__PURE__ */ jsx22(Badge12, { fontSize: 1, tone: "default", children: data.trigger })
           ] }),
           data.git && /* @__PURE__ */ jsx22(GitOrigin, { git: data.git })
         ] })
@@ -4113,7 +4113,7 @@ function FilterBadge({ token, onRemove }) {
   return /* @__PURE__ */ jsx23(
     Badge13,
     {
-      fontSize: 0,
+      fontSize: 1,
       style: {
         cursor: "default",
         flexShrink: 0,
@@ -4121,7 +4121,7 @@ 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
@@ -4131,7 +4131,7 @@ function FilterBadge({ token, onRemove }) {
           {
             muted: true,
             onClick: handleRemove,
-            size: 0,
+            size: 1,
             style: { cursor: "pointer", lineHeight: 1 },
             children: /* @__PURE__ */ jsx23(CloseIcon, {})
           }
@@ -4172,7 +4172,7 @@ function SuggestionList({
           Text19,
           {
             muted: true,
-            size: 0,
+            size: 1,
             style: {
               letterSpacing: "0.05em",
               padding: "6px 8px 2px",
@@ -4219,8 +4219,8 @@ function SuggestionItem({
       style: { cursor: "pointer" },
       tone: active ? "primary" : "default",
       children: /* @__PURE__ */ jsxs19(Flex15, { align: "center", gap: 2, children: [
-        !isHint && /* @__PURE__ */ jsx24(Badge14, { fontSize: 0, tone, children: suggestion.dimension }),
-        /* @__PURE__ */ jsx24(Text19, { size: 1, children: suggestion.label })
+        !isHint && /* @__PURE__ */ jsx24(Badge14, { fontSize: 1, tone, children: suggestion.dimension }),
+        /* @__PURE__ */ jsx24(Text19, { size: 2, children: suggestion.label })
       ] })
     }
   );
@@ -4349,7 +4349,7 @@ function SearchBar({
         radius: 2,
         style: { cursor: "text" },
         children: /* @__PURE__ */ jsxs20(Flex16, { align: "center", gap: 1, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx25(Text20, { muted: true, size: 1, style: { flexShrink: 0, padding: "0 4px" }, children: /* @__PURE__ */ jsx25(SearchIcon4, {}) }),
+          /* @__PURE__ */ jsx25(Text20, { muted: true, size: 2, style: { flexShrink: 0, padding: "0 4px" }, children: /* @__PURE__ */ jsx25(SearchIcon4, {}) }),
           tokens.map((token) => /* @__PURE__ */ jsx25(
             FilterBadge,
             {
@@ -4583,7 +4583,7 @@ function LatestReports({
   return /* @__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__ */ jsx26(Text21, { muted: true, size: 0, children: "Search & filter" }),
+        /* @__PURE__ */ jsx26(Text21, { muted: true, size: 1, children: "Search & filter" }),
         /* @__PURE__ */ jsx26(
           SearchBar,
           {
@@ -4599,7 +4599,7 @@ function LatestReports({
       ] }),
       /* @__PURE__ */ jsxs21(Flex17, { gap: 2, children: [
         /* @__PURE__ */ jsx26(Box8, { flex: 1, children: /* @__PURE__ */ jsxs21(Stack13, { space: 1, children: [
-          /* @__PURE__ */ jsx26(Text21, { muted: true, size: 0, children: "Document" }),
+          /* @__PURE__ */ jsx26(Text21, { muted: true, size: 1, children: "Document" }),
           /* @__PURE__ */ jsx26(
             DocumentFilter,
             {
@@ -4610,7 +4610,7 @@ function LatestReports({
           )
         ] }) }),
         /* @__PURE__ */ jsx26(Box8, { flex: 1, children: /* @__PURE__ */ jsxs21(Stack13, { space: 1, children: [
-          /* @__PURE__ */ jsx26(Text21, { muted: true, size: 0, children: "Content release" }),
+          /* @__PURE__ */ jsx26(Text21, { muted: true, size: 1, children: "Content release" }),
           /* @__PURE__ */ jsx26(
             PerspectiveFilter,
             {
@@ -4621,22 +4621,22 @@ function LatestReports({
         ] }) })
       ] }),
       (documentSlug.trim() || perspective.trim()) && /* @__PURE__ */ jsxs21(Flex17, { align: "center", gap: 1, children: [
-        documentSlug.trim() && /* @__PURE__ */ jsxs21(Badge15, { fontSize: 0, tone: "primary", children: [
+        documentSlug.trim() && /* @__PURE__ */ jsxs21(Badge15, { fontSize: 1, tone: "primary", children: [
           "Document: ",
           documentSlug.trim()
         ] }),
-        perspective.trim() && /* @__PURE__ */ jsxs21(Badge15, { 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__ */ jsx26(Text21, { muted: true, size: 1, children: filteredReports.length === reports.length ? `${reports.length} reports` : `${filteredReports.length} of ${reports.length} reports` }),
+      /* @__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",
@@ -4650,7 +4650,7 @@ function LatestReports({
             button: /* @__PURE__ */ jsx26(
               Button,
               {
-                fontSize: 1,
+                fontSize: 2,
                 icon: SortIcon,
                 mode: "bleed",
                 text: `Sort: ${SORT_LABELS[sort.field]}`
@@ -4689,7 +4689,7 @@ function LatestReports({
         /* @__PURE__ */ jsx26(
           Button,
           {
-            fontSize: 1,
+            fontSize: 2,
             mode: "bleed",
             onClick: toggleSortDirection,
             text: sort.direction === "asc" ? "\u2191" : "\u2193",
@@ -4699,11 +4699,11 @@ function LatestReports({
       ] })
     ] }),
     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: 2, children: "No reports match the current filters." }),
+      /* @__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"
@@ -4721,7 +4721,7 @@ function LatestReports({
       Button,
       {
         disabled: loadingMore,
-        fontSize: 1,
+        fontSize: 2,
         mode: "ghost",
         onClick: handleLoadMore,
         text: loadingMore ? "Loading\u2026" : "Load more reports"
@@ -4810,21 +4810,21 @@ function StatCard({
   tone = "default"
 }) {
   return /* @__PURE__ */ jsx27(Card13, { padding: 3, radius: 2, shadow: 1, tone, children: /* @__PURE__ */ jsxs22(Stack14, { space: 2, children: [
-    /* @__PURE__ */ jsxs22(Text22, { muted: true, size: 1, children: [
+    /* @__PURE__ */ jsxs22(Text22, { muted: true, size: 2, children: [
       label,
       tooltip && /* @__PURE__ */ jsxs22(Fragment4, { children: [
         " ",
         /* @__PURE__ */ jsx27(
           Tooltip3,
           {
-            content: /* @__PURE__ */ jsx27(Box9, { padding: 2, children: /* @__PURE__ */ jsx27(Text22, { size: 1, children: tooltip }) }),
+            content: /* @__PURE__ */ jsx27(Box9, { padding: 2, children: /* @__PURE__ */ jsx27(Text22, { size: 2, children: tooltip }) }),
             portal: true,
             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: [
         " ",
@@ -4848,7 +4848,7 @@ function AgentActivitySection({
 function OverviewGrid({ overall }) {
   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__ */ jsx28(Text23, { size: 2, weight: "semibold", children: "Agent Activity Overview" }),
+      /* @__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: [
@@ -4907,7 +4907,7 @@ function FeatureActivityCard({
 }) {
   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__ */ jsx28(Text23, { size: 2, weight: "semibold", children: behavior.feature }),
+      /* @__PURE__ */ jsx28(Text23, { size: 3, weight: "semibold", children: behavior.feature }),
       /* @__PURE__ */ jsxs23(Badge16, { tone: "primary", children: [
         behavior.tasksWithBehaviorData,
         " test",
@@ -4967,14 +4967,14 @@ function SearchQueryList({ queries }) {
   }, [queries, filter]);
   return /* @__PURE__ */ jsxs23(Stack15, { space: 3, children: [
     /* @__PURE__ */ jsxs23(Flex18, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx28(Text23, { size: 1, weight: "semibold", children: "Search Queries" }),
+      /* @__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__ */ jsx28(
       TextInput,
       {
-        fontSize: 1,
+        fontSize: 2,
         icon: SearchIcon5,
         onChange: (e) => setFilter(e.target.value),
         placeholder: "Filter queries\u2026",
@@ -4990,12 +4990,12 @@ function SearchQueryList({ queries }) {
         style: { maxHeight: 300 },
         tone: "transparent",
         children: /* @__PURE__ */ jsxs23(Stack15, { space: 2, children: [
-          filtered.length === 0 && /* @__PURE__ */ jsx28(Text23, { muted: true, size: 1, children: "No matching queries" }),
+          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,
@@ -5018,7 +5018,7 @@ function BadgeList({
 }) {
   return /* @__PURE__ */ jsxs23(Stack15, { space: 3, children: [
     /* @__PURE__ */ jsxs23(Flex18, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx28(Text23, { size: 1, weight: "semibold", children: label }),
+      /* @__PURE__ */ jsx28(Text23, { size: 2, weight: "semibold", children: label }),
       tooltip && /* @__PURE__ */ jsx28(GlossaryTip, { text: tooltip }),
       /* @__PURE__ */ jsx28(Badge16, { tone: "default", children: items.length })
     ] }),
@@ -5031,23 +5031,23 @@ function MiniStat({ label, value }) {
       Text23,
       {
         muted: true,
-        size: 0,
+        size: 1,
         style: { letterSpacing: "0.05em", textTransform: "uppercase" },
         weight: "semibold",
         children: label
       }
     ),
-    /* @__PURE__ */ jsx28(Text23, { size: 2, weight: "bold", children: value })
+    /* @__PURE__ */ jsx28(Text23, { size: 3, weight: "bold", children: value })
   ] });
 }
 function GlossaryTip({ text }) {
   return /* @__PURE__ */ jsx28(
     Tooltip4,
     {
-      content: /* @__PURE__ */ jsx28(Box10, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx28(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__ */ jsx28(Text23, { muted: true, size: 0, children: /* @__PURE__ */ jsx28(HelpCircleIcon5, {}) })
+      children: /* @__PURE__ */ jsx28(Text23, { muted: true, size: 1, children: /* @__PURE__ */ jsx28(HelpCircleIcon5, {}) })
     }
   );
 }
@@ -5059,16 +5059,30 @@ 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 jsx29 } from "react/jsx-runtime";
-function ScoreCell({ score, size = 1 }) {
+function ScoreCell({ score, size = 2 }) {
   const rounded = Math.round(score);
-  return /* @__PURE__ */ jsx29(Card15, { padding: 1, radius: 2, tone: scoreTone(rounded), children: /* @__PURE__ */ jsx29(Text24, { align: "center", size, weight: "medium", children: rounded }) });
+  return /* @__PURE__ */ jsx29(
+    Card15,
+    {
+      padding: 1,
+      radius: 2,
+      style: {
+        alignItems: "center",
+        display: "flex",
+        flex: 1,
+        justifyContent: "center"
+      },
+      tone: scoreTone(rounded),
+      children: /* @__PURE__ */ jsx29(Text24, { align: "center", size, weight: "medium", children: rounded })
+    }
+  );
 }
 
 // src/components/report-detail/AreaScoreTable.tsx
 import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
 function AreaScoreTable({ scores }) {
   return /* @__PURE__ */ jsx30(Card16, { overflow: "auto", padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs24(Stack16, { space: 4, children: [
-    /* @__PURE__ */ jsx30(Text25, { size: 2, weight: "semibold", children: "Per-Area Scores" }),
+    /* @__PURE__ */ jsx30(Text25, { size: 3, weight: "semibold", children: "Per-Area Scores" }),
     /* @__PURE__ */ jsxs24(
       "div",
       {
@@ -5115,13 +5129,53 @@ function AreaScoreTable({ scores }) {
                   borderRadius: 4,
                   padding: "8px 0 8px 4px"
                 },
-                children: /* @__PURE__ */ jsx30(Text25, { size: 1, weight: "medium", children: score.feature })
+                children: /* @__PURE__ */ jsx30(Text25, { size: 2, weight: "medium", children: score.feature })
+              }
+            ),
+            /* @__PURE__ */ jsx30(
+              "div",
+              {
+                style: {
+                  background: rowBackground(i),
+                  display: "flex",
+                  padding: "2px 0"
+                },
+                children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.totalScore })
+              }
+            ),
+            /* @__PURE__ */ jsx30(
+              "div",
+              {
+                style: {
+                  background: rowBackground(i),
+                  display: "flex",
+                  padding: "2px 0"
+                },
+                children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.taskCompletion })
+              }
+            ),
+            /* @__PURE__ */ jsx30(
+              "div",
+              {
+                style: {
+                  background: rowBackground(i),
+                  display: "flex",
+                  padding: "2px 0"
+                },
+                children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.codeCorrectness })
+              }
+            ),
+            /* @__PURE__ */ jsx30(
+              "div",
+              {
+                style: {
+                  background: rowBackground(i),
+                  display: "flex",
+                  padding: "2px 0"
+                },
+                children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.docCoverage })
               }
             ),
-            /* @__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",
               {
@@ -5130,7 +5184,7 @@ function AreaScoreTable({ scores }) {
                   background: rowBackground(i),
                   display: "flex"
                 },
-                children: /* @__PURE__ */ jsx30(Text25, { size: 1, children: formatDelta(score.docLift) })
+                children: /* @__PURE__ */ jsx30(Text25, { size: 2, children: formatDelta(score.docLift) })
               }
             ),
             /* @__PURE__ */ jsx30(
@@ -5141,7 +5195,7 @@ function AreaScoreTable({ scores }) {
                   background: rowBackground(i),
                   display: "flex"
                 },
-                children: /* @__PURE__ */ jsx30(Text25, { muted: true, size: 1, children: score.testCount })
+                children: /* @__PURE__ */ jsx30(Text25, { muted: true, size: 2, children: score.testCount })
               }
             )
           ] }, score.feature))
@@ -5157,7 +5211,7 @@ import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
 function ComparisonSummary({ comparison }) {
   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__ */ jsx31(Text26, { size: 2, weight: "semibold", children: "Comparison" }),
+      /* @__PURE__ */ jsx31(Text26, { size: 3, weight: "semibold", children: "Comparison" }),
       /* @__PURE__ */ jsx31(
         DeltaCard,
         {
@@ -5223,7 +5277,7 @@ function DeltaCard({
   return /* @__PURE__ */ jsx31(
     Tooltip5,
     {
-      content: /* @__PURE__ */ jsx31(Box11, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx31(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__ */ jsx31(
@@ -5232,7 +5286,7 @@ function DeltaCard({
           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
@@ -5252,7 +5306,7 @@ function AreaBadgeGroup({
       Text26,
       {
         muted: true,
-        size: 0,
+        size: 1,
         style: { letterSpacing: "0.05em", textTransform: "uppercase" },
         weight: "semibold",
         children: label
@@ -5306,17 +5360,17 @@ function JudgmentList({ judgments }) {
   const grouped = groupByArea(judgments);
   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__ */ jsx33(Text27, { size: 2, weight: "semibold", children: "Low-Scoring Judgments" }),
+      /* @__PURE__ */ jsx33(Text27, { size: 3, weight: "semibold", children: "Low-Scoring Judgments" }),
       /* @__PURE__ */ jsx33(
         Tooltip6,
         {
-          content: /* @__PURE__ */ jsx33(Box12, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx33(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__ */ jsx33(Text27, { muted: true, size: 0, children: /* @__PURE__ */ jsx33(HelpCircleIcon6, {}) })
+          children: /* @__PURE__ */ jsx33(Text27, { muted: true, size: 1, children: /* @__PURE__ */ jsx33(HelpCircleIcon6, {}) })
         }
       ),
-      /* @__PURE__ */ jsx33(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",
@@ -5324,10 +5378,10 @@ function JudgmentList({ judgments }) {
       ] }) })
     ] }),
     grouped.map(([area, areaJudgments]) => /* @__PURE__ */ jsx33(Card18, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs26(Stack18, { space: 3, children: [
-      /* @__PURE__ */ jsxs26(Text27, { size: 1, weight: "semibold", 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,
           ")"
@@ -5356,29 +5410,29 @@ function JudgmentCard({ judgment }) {
             Text27,
             {
               align: "center",
-              size: 1,
+              size: 2,
               style: { minWidth: 28 },
               weight: "bold",
               children: judgment.score
             }
           ) }),
           /* @__PURE__ */ jsx33(Badge18, { tone: "default", children: dimLabel }),
-          /* @__PURE__ */ jsx33(Text27, { size: 1, weight: "medium", children: taskName }),
-          /* @__PURE__ */ jsx33(Text27, { muted: true, size: 0, children: judgment.modelId }),
-          /* @__PURE__ */ jsx33(Text27, { muted: true, size: 0, style: { marginLeft: "auto" }, children: expanded ? "\u25B2" : "\u25BC" })
+          /* @__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__ */ 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__ */ jsx33(InlineCode, { text: judgment.reason })
             }
           ) }),
           judgment.canonicalDocs && judgment.canonicalDocs.length > 0 && /* @__PURE__ */ jsxs26(Flex20, { align: "center", gap: 2, wrap: "wrap", children: [
-            /* @__PURE__ */ jsx33(Text27, { muted: true, size: 0, children: "Docs:" }),
+            /* @__PURE__ */ jsx33(Text27, { muted: true, size: 1, children: "Docs:" }),
             judgment.canonicalDocs.map((doc) => /* @__PURE__ */ jsx33(DocBadge, { doc }, doc.slug))
           ] })
         ] })
@@ -5402,7 +5456,7 @@ function DocBadge({
   return /* @__PURE__ */ jsx33(
     Tooltip6,
     {
-      content: /* @__PURE__ */ jsx33(Box12, { padding: 2, children: /* @__PURE__ */ jsx33(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__ */ jsx33(
@@ -5497,7 +5551,7 @@ 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__ */ jsx35(Card19, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs28(Stack19, { space: 4, children: [
-    /* @__PURE__ */ jsx35(Text28, { size: 2, weight: "semibold", children: "Provenance" }),
+    /* @__PURE__ */ jsx35(Text28, { size: 3, weight: "semibold", children: "Provenance" }),
     /* @__PURE__ */ jsxs28(Grid5, { columns: [1, 2, 3], gap: 4, children: [
       /* @__PURE__ */ jsx35(Field, { label: "Mode", value: provenance.mode }),
       /* @__PURE__ */ jsx35(Field, { label: "Source", value: provenance.source.name }),
@@ -5539,13 +5593,13 @@ function Field({
       Text28,
       {
         muted: true,
-        size: 0,
+        size: 1,
         style: { letterSpacing: "0.05em", textTransform: "uppercase" },
         weight: "semibold",
         children: label
       }
     ),
-    /* @__PURE__ */ jsx35(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 }) {
@@ -5554,14 +5608,14 @@ function GitInfo({ git }) {
   const commitUrl = `${repoUrl}/commit/${git.sha}`;
   const prUrl = git.prNumber ? `${repoUrl}/pull/${git.prNumber}` : null;
   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: 1, weight: "semibold", children: "Git" }),
-    /* @__PURE__ */ jsxs28(Text28, { size: 1, 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__ */ jsx35("a", { href: branchUrl, rel: "noopener noreferrer", target: "_blank", children: git.branch })
     ] }),
-    /* @__PURE__ */ jsx35(Text28, { muted: true, size: 1, 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: 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"
@@ -5576,14 +5630,14 @@ function PromptfooLinks({
       (e) => VIEWABLE_PROMPTFOO_MODES.has(e.mode)
     );
     if (viewable.length === 0) return null;
-    return /* @__PURE__ */ jsx35(Flex21, { gap: 3, wrap: "wrap", children: viewable.map((entry) => /* @__PURE__ */ jsx35(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__ */ jsx35(Text28, { size: 1, children: /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsx35(Text28, { size: 2, children: /* @__PURE__ */ jsx35(
       "a",
       {
         href: provenance.promptfooUrl,
@@ -5607,23 +5661,23 @@ function RecommendationsSection({
   if (recommendations.gaps.length === 0) return null;
   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__ */ jsx36(Text29, { size: 2, weight: "semibold", children: "Recommendations" }),
+      /* @__PURE__ */ jsx36(Text29, { size: 3, weight: "semibold", children: "Recommendations" }),
       /* @__PURE__ */ jsx36(
         Tooltip7,
         {
-          content: /* @__PURE__ */ jsx36(Box13, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx36(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__ */ jsx36(Text29, { muted: true, size: 0, children: /* @__PURE__ */ jsx36(HelpCircleIcon7, {}) })
+          children: /* @__PURE__ */ jsx36(Text29, { muted: true, size: 1, children: /* @__PURE__ */ jsx36(HelpCircleIcon7, {}) })
         }
       ),
       /* @__PURE__ */ jsx36(
         Tooltip7,
         {
-          content: /* @__PURE__ */ jsx36(Box13, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx36(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__ */ jsx36(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"
@@ -5690,7 +5744,7 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 4px"
         },
-        children: /* @__PURE__ */ jsx36(Text29, { muted: true, size: 1, children: index + 1 })
+        children: /* @__PURE__ */ jsx36(Text29, { muted: true, size: 2, children: index + 1 })
       }
     ),
     /* @__PURE__ */ jsx36(
@@ -5702,7 +5756,7 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx36(Text29, { size: 1, weight: "medium", children: gap.area })
+        children: /* @__PURE__ */ jsx36(Text29, { size: 2, weight: "medium", children: gap.area })
       }
     ),
     /* @__PURE__ */ jsx36(
@@ -5732,7 +5786,7 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx36(Text29, { muted: true, size: 1, children: gap.remediation })
+        children: /* @__PURE__ */ jsx36(Text29, { muted: true, size: 2, children: gap.remediation })
       }
     ),
     /* @__PURE__ */ jsx36(
@@ -5744,7 +5798,7 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx36(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)
         ] }) })
@@ -5759,7 +5813,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
@@ -5806,8 +5860,8 @@ function ReportHeader({
         }
       ),
       /* @__PURE__ */ jsxs30(Stack21, { flex: 1, space: 1, children: [
-        /* @__PURE__ */ jsx37(Text30, { size: 3, weight: "bold", children: title }),
-        hasTag && /* @__PURE__ */ jsx37(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__ */ jsx37(Badge20, { mode: "outline", tone: "default", children: sourceName }),
@@ -5817,7 +5871,7 @@ function ReportHeader({
     /* @__PURE__ */ jsx37(
       Tooltip8,
       {
-        content: /* @__PURE__ */ jsx37(Box14, { padding: 2, children: /* @__PURE__ */ jsx37(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__ */ jsx37(
@@ -5834,7 +5888,7 @@ function ReportHeader({
                 Text30,
                 {
                   muted: true,
-                  size: 0,
+                  size: 1,
                   style: {
                     letterSpacing: "0.05em",
                     textTransform: "uppercase"
@@ -5846,7 +5900,7 @@ function ReportHeader({
               /* @__PURE__ */ jsx37(
                 Text30,
                 {
-                  size: 1,
+                  size: 2,
                   style: {
                     fontFamily: "monospace",
                     userSelect: "all"
@@ -5854,7 +5908,7 @@ function ReportHeader({
                   children: reportId
                 }
               ),
-              /* @__PURE__ */ jsx37(Box14, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx37(Text30, { muted: true, size: 1, children: /* @__PURE__ */ jsx37(ClipboardIcon, {}) }) })
+              /* @__PURE__ */ jsx37(Box14, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx37(Text30, { muted: true, size: 2, children: /* @__PURE__ */ jsx37(ClipboardIcon, {}) }) })
             ] })
           }
         )
@@ -5873,7 +5927,7 @@ function ThreeLayerTable({ scores }) {
   const hasInverted = filtered.some((s) => s.invertedRetrievalGap);
   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__ */ jsx38(Text31, { size: 2, weight: "semibold", children: "Three-Layer Decomposition" }),
+      /* @__PURE__ */ jsx38(Text31, { size: 3, weight: "semibold", children: "Three-Layer Decomposition" }),
       /* @__PURE__ */ jsx38(Badge21, { tone: "primary", children: "full mode" })
     ] }),
     /* @__PURE__ */ jsxs31(
@@ -5921,12 +5975,42 @@ function ThreeLayerTable({ scores }) {
                   borderRadius: 4,
                   padding: "8px 0 8px 4px"
                 },
-                children: /* @__PURE__ */ jsx38(Text31, { size: 1, weight: "medium", children: score.feature })
+                children: /* @__PURE__ */ jsx38(Text31, { size: 2, weight: "medium", children: score.feature })
+              }
+            ),
+            /* @__PURE__ */ jsx38(
+              "div",
+              {
+                style: {
+                  background: rowBackground(i),
+                  display: "flex",
+                  padding: "2px 0"
+                },
+                children: /* @__PURE__ */ jsx38(ScoreCell, { score: score.floorScore ?? 0 })
+              }
+            ),
+            /* @__PURE__ */ jsx38(
+              "div",
+              {
+                style: {
+                  background: rowBackground(i),
+                  display: "flex",
+                  padding: "2px 0"
+                },
+                children: /* @__PURE__ */ jsx38(ScoreCell, { score: score.ceilingScore ?? score.totalScore })
+              }
+            ),
+            /* @__PURE__ */ jsx38(
+              "div",
+              {
+                style: {
+                  background: rowBackground(i),
+                  display: "flex",
+                  padding: "2px 0"
+                },
+                children: /* @__PURE__ */ jsx38(ScoreCell, { score: score.actualScore ?? 0 })
               }
             ),
-            /* @__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",
               {
@@ -5936,7 +6020,7 @@ function ThreeLayerTable({ scores }) {
                   display: "flex",
                   padding: "6px 0"
                 },
-                children: /* @__PURE__ */ jsx38(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__ */ jsx38(
@@ -5948,7 +6032,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"
                 ] })
@@ -5958,7 +6042,7 @@ function ThreeLayerTable({ scores }) {
         ]
       }
     ),
-    hasInverted && /* @__PURE__ */ jsx38(Text31, { muted: true, size: 0, children: GLOSSARY.invertedRetGap })
+    hasInverted && /* @__PURE__ */ jsx38(Text31, { muted: true, size: 1, children: GLOSSARY.invertedRetGap })
   ] }) });
 }
 
@@ -6042,7 +6126,7 @@ function ReportDetail({
           text: "Back"
         }
       ),
-      /* @__PURE__ */ jsx39(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;
@@ -6154,9 +6238,9 @@ function getDisabledTabTooltip(tabId, summary) {
   if (!summary) return null;
   switch (tabId) {
     case "diagnostics":
-      return /* @__PURE__ */ jsx39(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__ */ jsx39("code", { style: inlineCodeStyle, children: "--mode full" }),
@@ -6164,7 +6248,7 @@ function getDisabledTabTooltip(tabId, summary) {
         " ",
         /* @__PURE__ */ jsx39("code", { style: inlineCodeStyle, children: "--mode agentic" }),
         " to capture agent browsing behavior."
-      ] }) : /* @__PURE__ */ jsx39(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;
   }
@@ -6288,7 +6372,7 @@ function ScoreTimeline({ mode = null, source = null }) {
         areaNames.map((name) => /* @__PURE__ */ jsx40("option", { value: name, children: name }, name))
       ] })
     ] }),
-    /* @__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: 1, children: "Loading\u2026" }) }) : chartPoints.length === 0 ? /* @__PURE__ */ jsx40(Flex25, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx40(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%" },
@@ -6382,7 +6466,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" : ""
@@ -6445,14 +6529,14 @@ function Dashboard() {
   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__ */ jsx41(Text34, { size: 3, weight: "bold", children: "AI Literacy Framework" }),
-        /* @__PURE__ */ jsx41(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: [
@@ -6464,7 +6548,7 @@ function Dashboard() {
         /* @__PURE__ */ jsxs34(
           Select3,
           {
-            fontSize: 1,
+            fontSize: 2,
             onChange: (e) => setMode(e.currentTarget.value || null),
             value: mode ?? "",
             children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/ailf-studio",
-  "version": "0.1.13",
+  "version": "0.1.15",
   "description": "AI Literacy Framework — Sanity Studio dashboard plugin",
   "type": "module",
   "license": "MIT",