@sanity/ailf-studio 1.18.0 → 1.18.1

package/dist/index.js

@@ -3615,11 +3615,11 @@ import { route } from "sanity/router";
 // src/components/Dashboard.tsx
 import { HelpCircleIcon as HelpCircleIcon8 } from "@sanity/icons";
 import {
-  Box as Box39,
+  Box as Box40,
   Button as Button16,
   Container,
-  Flex as Flex41,
-  Stack as Stack44,
+  Flex as Flex42,
+  Stack as Stack45,
   Tab as Tab3,
   TabList as TabList3,
   TabPanel as TabPanel3,
@@ -6865,10 +6865,10 @@ function LatestReports({
 import { ArrowLeftIcon as ArrowLeftIcon3 } from "@sanity/icons";
 import {
   Badge as Badge10,
-  Box as Box32,
+  Box as Box33,
   Button as Button12,
-  Flex as Flex33,
-  Stack as Stack35,
+  Flex as Flex34,
+  Stack as Stack36,
   Tab,
   TabList,
   TabPanel,
@@ -8077,6 +8077,92 @@ function ModelRow({ row }) {
   ] });
 }
 
+// src/components/report-detail/DiagnosisSkeleton.tsx
+import { Box as Box18, Card as Card13, Flex as Flex15, Stack as Stack20 } from "@sanity/ui";
+
+// src/components/primitives/Skeleton.tsx
+import { jsx as jsx30 } from "react/jsx-runtime";
+var KEYFRAMES_ID = "ailf-skeleton-keyframes";
+var KEYFRAMES_CSS = `
+@keyframes ailfSkeletonPulse {
+  0% { opacity: 0.55; }
+  50% { opacity: 1; }
+  100% { opacity: 0.55; }
+}
+`;
+function ensureKeyframes() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(KEYFRAMES_ID)) return;
+  const style = document.createElement("style");
+  style.id = KEYFRAMES_ID;
+  style.textContent = KEYFRAMES_CSS;
+  document.head.appendChild(style);
+}
+function Skeleton({
+  width = "100%",
+  height = 12,
+  radius = 4,
+  style
+}) {
+  ensureKeyframes();
+  return /* @__PURE__ */ jsx30(
+    "div",
+    {
+      "aria-hidden": "true",
+      style: {
+        animation: "ailfSkeletonPulse 1.4s ease-in-out infinite",
+        background: "var(--card-skeleton-color, var(--card-muted-bg-color, rgba(128,128,128,0.15)))",
+        borderRadius: radius,
+        height,
+        width,
+        ...style
+      }
+    }
+  );
+}
+
+// src/components/report-detail/DiagnosisSkeleton.tsx
+import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
+function PanelCardSkeleton({
+  badgeRows = 2,
+  bodyRows = 2
+}) {
+  return /* @__PURE__ */ jsx31(Card13, { padding: 3, radius: 2, tone: "default", children: /* @__PURE__ */ jsxs24(Stack20, { space: 2, children: [
+    /* @__PURE__ */ jsx31(Flex15, { align: "center", gap: 2, children: Array.from({ length: badgeRows }).map((_, i) => /* @__PURE__ */ jsx31(
+      Skeleton,
+      {
+        width: i === 0 ? 96 : 72,
+        height: 14
+      },
+      `badge-${i}`
+    )) }),
+    /* @__PURE__ */ jsx31(Stack20, { space: 1, children: Array.from({ length: bodyRows }).map((_, i) => /* @__PURE__ */ jsx31(
+      Skeleton,
+      {
+        height: 10,
+        width: i === bodyRows - 1 ? "70%" : "100%"
+      },
+      `row-${i}`
+    )) })
+  ] }) });
+}
+function PanelSkeleton({
+  titleWidth,
+  cardCount
+}) {
+  return /* @__PURE__ */ jsx31(Card13, { padding: 4, radius: 2, shadow: 1, style: neutralCardStyle, children: /* @__PURE__ */ jsxs24(Stack20, { space: 4, children: [
+    /* @__PURE__ */ jsx31(Skeleton, { width: titleWidth, height: 16 }),
+    /* @__PURE__ */ jsx31(Box18, { style: dividerStyle }),
+    /* @__PURE__ */ jsx31(Stack20, { space: 3, children: Array.from({ length: cardCount }).map((_, i) => /* @__PURE__ */ jsx31(PanelCardSkeleton, { bodyRows: i === cardCount - 1 ? 3 : 2 }, i)) })
+  ] }) });
+}
+function DiagnosisSkeleton() {
+  return /* @__PURE__ */ jsxs24(Stack20, { space: 5, "aria-busy": "true", "aria-label": "Loading diagnosis", children: [
+    /* @__PURE__ */ jsx31(PanelSkeleton, { titleWidth: 170, cardCount: 3 }),
+    /* @__PURE__ */ jsx31(PanelSkeleton, { titleWidth: 150, cardCount: 2 })
+  ] });
+}
+
 // src/components/report-detail/DiagnosticsOverview.tsx
 import {
   ArrowDownIcon,
@@ -8085,8 +8171,8 @@ import {
   ErrorOutlineIcon,
   WarningOutlineIcon
 } from "@sanity/icons";
-import { Box as Box18, Flex as Flex15, Stack as Stack20, Text as Text26 } from "@sanity/ui";
-import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Box as Box19, Flex as Flex16, Stack as Stack21, Text as Text26 } from "@sanity/ui";
+import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
 function DiagnosticsOverview({
   scores,
   overall,
@@ -8108,11 +8194,11 @@ function DiagnosticsOverview({
   const regressed = comparison?.regressed ?? [];
   const unchanged = comparison?.unchanged ?? [];
   const hasComparison = improved.length > 0 || regressed.length > 0 || unchanged.length > 0;
-  return /* @__PURE__ */ jsxs24(Stack20, { space: 4, children: [
-    /* @__PURE__ */ jsxs24(Box18, { style: sectionWrapperStyle, children: [
-      /* @__PURE__ */ jsx30(Box18, { padding: 3, style: sectionHeaderStyle, children: /* @__PURE__ */ jsx30(SectionLabel, { label: "Baseline" }) }),
-      /* @__PURE__ */ jsxs24(Stack20, { space: 3, padding: 3, children: [
-        /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(Stack21, { space: 4, children: [
+    /* @__PURE__ */ jsxs25(Box19, { style: sectionWrapperStyle, children: [
+      /* @__PURE__ */ jsx32(Box19, { padding: 3, style: sectionHeaderStyle, children: /* @__PURE__ */ jsx32(SectionLabel, { label: "Baseline" }) }),
+      /* @__PURE__ */ jsxs25(Stack21, { space: 3, padding: 3, children: [
+        /* @__PURE__ */ jsxs25(
           "div",
           {
             style: {
@@ -8121,7 +8207,7 @@ function DiagnosticsOverview({
               gridTemplateColumns: showDocMetrics ? "repeat(3, 1fr)" : "repeat(2, 1fr)"
             },
             children: [
-              /* @__PURE__ */ jsx30(HoverTip, { display: "block", text: GLOSSARY.overallScore, children: /* @__PURE__ */ jsx30(
+              /* @__PURE__ */ jsx32(HoverTip, { display: "block", text: GLOSSARY.overallScore, children: /* @__PURE__ */ jsx32(
                 ScoreCard,
                 {
                   delta: comparison?.deltas.overall,
@@ -8131,7 +8217,7 @@ function DiagnosticsOverview({
                   value: Math.round(overall.avgScore)
                 }
               ) }),
-              showDocMetrics && /* @__PURE__ */ jsx30(HoverTip, { display: "block", text: GLOSSARY.docLift, children: /* @__PURE__ */ jsx30(
+              showDocMetrics && /* @__PURE__ */ jsx32(HoverTip, { display: "block", text: GLOSSARY.docLift, children: /* @__PURE__ */ jsx32(
                 ScoreCard,
                 {
                   delta: comparison?.deltas.docLift,
@@ -8141,7 +8227,7 @@ function DiagnosticsOverview({
                   value: Math.round(overall.avgDocLift)
                 }
               ) }),
-              /* @__PURE__ */ jsx30(HoverTip, { display: "block", text: GLOSSARY.tests, children: /* @__PURE__ */ jsx30(
+              /* @__PURE__ */ jsx32(HoverTip, { display: "block", text: GLOSSARY.tests, children: /* @__PURE__ */ jsx32(
                 ScoreCard,
                 {
                   label: "TESTS",
@@ -8152,7 +8238,7 @@ function DiagnosticsOverview({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs24(
+        /* @__PURE__ */ jsxs25(
           "div",
           {
             style: {
@@ -8161,7 +8247,7 @@ function DiagnosticsOverview({
               gridTemplateColumns: showDocMetrics ? "repeat(2, 1fr)" : "1fr"
             },
             children: [
-              showDocMetrics && /* @__PURE__ */ jsx30(HoverTip, { display: "block", text: GLOSSARY.negativeDocLiftMetric, children: /* @__PURE__ */ jsx30(
+              showDocMetrics && /* @__PURE__ */ jsx32(HoverTip, { display: "block", text: GLOSSARY.negativeDocLiftMetric, children: /* @__PURE__ */ jsx32(
                 MetricCard,
                 {
                   label: "Negative Doc Lift",
@@ -8169,12 +8255,12 @@ function DiagnosticsOverview({
                   value: `${negativeDocLiftCount} area${negativeDocLiftCount === 1 ? "" : "s"}`
                 }
               ) }),
-              durationMs != null && durationMs > 0 ? /* @__PURE__ */ jsx30(
+              durationMs != null && durationMs > 0 ? /* @__PURE__ */ jsx32(
                 HoverTip,
                 {
                   display: "block",
                   text: "Total wall-clock time for the evaluation pipeline run.",
-                  children: /* @__PURE__ */ jsx30(
+                  children: /* @__PURE__ */ jsx32(
                     MetricCard,
                     {
                       label: "Duration",
@@ -8182,15 +8268,15 @@ function DiagnosticsOverview({
                     }
                   )
                 }
-              ) : /* @__PURE__ */ jsx30("div", {})
+              ) : /* @__PURE__ */ jsx32("div", {})
             ]
           }
         )
       ] })
     ] }),
-    hasAgenticData && /* @__PURE__ */ jsxs24(Box18, { style: sectionWrapperStyle, children: [
-      /* @__PURE__ */ jsx30(Box18, { padding: 3, style: sectionHeaderStyle, children: /* @__PURE__ */ jsx30(SectionLabel, { label: "Agent Performance" }) }),
-      /* @__PURE__ */ jsx30(Stack20, { space: 3, padding: 3, children: /* @__PURE__ */ jsxs24(
+    hasAgenticData && /* @__PURE__ */ jsxs25(Box19, { style: sectionWrapperStyle, children: [
+      /* @__PURE__ */ jsx32(Box19, { padding: 3, style: sectionHeaderStyle, children: /* @__PURE__ */ jsx32(SectionLabel, { label: "Agent Performance" }) }),
+      /* @__PURE__ */ jsx32(Stack21, { space: 3, padding: 3, children: /* @__PURE__ */ jsxs25(
         "div",
         {
           style: {
@@ -8199,7 +8285,7 @@ function DiagnosticsOverview({
             gridTemplateColumns: "repeat(3, 1fr)"
           },
           children: [
-            /* @__PURE__ */ jsx30(HoverTip, { display: "block", text: GLOSSARY.actualScore, children: /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx32(HoverTip, { display: "block", text: GLOSSARY.actualScore, children: /* @__PURE__ */ jsx32(
               ScoreCard,
               {
                 delta: comparison?.deltas.actualDelta,
@@ -8209,7 +8295,7 @@ function DiagnosticsOverview({
                 value: Math.round(overall.avgActualScore)
               }
             ) }),
-            /* @__PURE__ */ jsx30(HoverTip, { display: "block", text: GLOSSARY.retrievalGap, children: /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx32(HoverTip, { display: "block", text: GLOSSARY.retrievalGap, children: /* @__PURE__ */ jsx32(
               ScoreCard,
               {
                 label: "RETRIEVAL GAP",
@@ -8219,7 +8305,7 @@ function DiagnosticsOverview({
                 value: overall.avgRetrievalGap != null ? Math.round(overall.avgRetrievalGap) : 0
               }
             ) }),
-            /* @__PURE__ */ jsx30(HoverTip, { display: "block", text: GLOSSARY.infraEfficiency, children: /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx32(HoverTip, { display: "block", text: GLOSSARY.infraEfficiency, children: /* @__PURE__ */ jsx32(
               ScoreCard,
               {
                 label: "EFFICIENCY",
@@ -8233,9 +8319,9 @@ function DiagnosticsOverview({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsxs24(Box18, { style: sectionWrapperStyle, children: [
-      /* @__PURE__ */ jsx30(Box18, { padding: 3, style: sectionHeaderStyle, children: /* @__PURE__ */ jsx30(SectionLabel, { label: "Area Health" }) }),
-      /* @__PURE__ */ jsx30(Box18, { padding: 3, children: /* @__PURE__ */ jsxs24(
+    /* @__PURE__ */ jsxs25(Box19, { style: sectionWrapperStyle, children: [
+      /* @__PURE__ */ jsx32(Box19, { padding: 3, style: sectionHeaderStyle, children: /* @__PURE__ */ jsx32(SectionLabel, { label: "Area Health" }) }),
+      /* @__PURE__ */ jsx32(Box19, { padding: 3, children: /* @__PURE__ */ jsxs25(
         "div",
         {
           style: {
@@ -8244,30 +8330,30 @@ function DiagnosticsOverview({
             gridTemplateColumns: "1fr 1fr 1fr"
           },
           children: [
-            /* @__PURE__ */ jsx30(HoverTip, { display: "block", text: GLOSSARY.healthStrong, children: /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx32(HoverTip, { display: "block", text: GLOSSARY.healthStrong, children: /* @__PURE__ */ jsx32(
               HealthCard,
               {
                 color: strong.length > 0 ? "emerald" : "muted",
                 count: strong.length,
-                icon: /* @__PURE__ */ jsx30(CheckmarkCircleIcon, {}),
+                icon: /* @__PURE__ */ jsx32(CheckmarkCircleIcon, {}),
                 label: "Strong (80+)"
               }
             ) }),
-            /* @__PURE__ */ jsx30(HoverTip, { display: "block", text: GLOSSARY.healthAttention, children: /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx32(HoverTip, { display: "block", text: GLOSSARY.healthAttention, children: /* @__PURE__ */ jsx32(
               HealthCard,
               {
                 color: attention.length === 0 ? "muted" : "amber",
                 count: attention.length,
-                icon: /* @__PURE__ */ jsx30(WarningOutlineIcon, {}),
+                icon: /* @__PURE__ */ jsx32(WarningOutlineIcon, {}),
                 label: "Attention (70-79)"
               }
             ) }),
-            /* @__PURE__ */ jsx30(HoverTip, { display: "block", text: GLOSSARY.healthWeak, children: /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx32(HoverTip, { display: "block", text: GLOSSARY.healthWeak, children: /* @__PURE__ */ jsx32(
               HealthCard,
               {
                 color: weak.length === 0 ? "muted" : "red",
                 count: weak.length,
-                icon: /* @__PURE__ */ jsx30(ErrorOutlineIcon, {}),
+                icon: /* @__PURE__ */ jsx32(ErrorOutlineIcon, {}),
                 label: "Weak (<70)"
               }
             ) })
@@ -8275,16 +8361,16 @@ function DiagnosticsOverview({
         }
       ) })
     ] }),
-    hasComparison && /* @__PURE__ */ jsxs24(Box18, { style: neutralCardStyle, children: [
-      /* @__PURE__ */ jsx30(
-        Box18,
+    hasComparison && /* @__PURE__ */ jsxs25(Box19, { style: neutralCardStyle, children: [
+      /* @__PURE__ */ jsx32(
+        Box19,
         {
           padding: 4,
           style: { borderBottom: "1px solid var(--card-border-color)" },
-          children: /* @__PURE__ */ jsx30(Text26, { size: 3, weight: "semibold", children: "Change from Previous Run" })
+          children: /* @__PURE__ */ jsx32(Text26, { size: 3, weight: "semibold", children: "Change from Previous Run" })
         }
       ),
-      /* @__PURE__ */ jsxs24(
+      /* @__PURE__ */ jsxs25(
         "div",
         {
           style: {
@@ -8292,43 +8378,43 @@ function DiagnosticsOverview({
             gridTemplateColumns: "1fr 1fr 1fr"
           },
           children: [
-            /* @__PURE__ */ jsx30(Box18, { padding: 4, children: /* @__PURE__ */ jsxs24(Stack20, { space: 3, children: [
-              /* @__PURE__ */ jsxs24(Flex15, { align: "center", gap: 2, children: [
-                /* @__PURE__ */ jsx30(ArrowUpIcon, { style: { color: "#34d399" } }),
-                /* @__PURE__ */ jsxs24(Text26, { size: 2, style: { color: "#34d399" }, weight: "medium", children: [
+            /* @__PURE__ */ jsx32(Box19, { padding: 4, children: /* @__PURE__ */ jsxs25(Stack21, { space: 3, children: [
+              /* @__PURE__ */ jsxs25(Flex16, { align: "center", gap: 2, children: [
+                /* @__PURE__ */ jsx32(ArrowUpIcon, { style: { color: "#34d399" } }),
+                /* @__PURE__ */ jsxs25(Text26, { size: 2, style: { color: "#34d399" }, weight: "medium", children: [
                   "Improved (",
                   improved.length,
                   ")"
                 ] })
               ] }),
-              /* @__PURE__ */ jsx30(Flex15, { gap: 2, wrap: "wrap", children: improved.length > 0 ? improved.map((area) => /* @__PURE__ */ jsx30(Pill, { color: "emerald", label: area }, area)) : /* @__PURE__ */ jsx30(Text26, { muted: true, size: 2, children: "None" }) })
+              /* @__PURE__ */ jsx32(Flex16, { gap: 2, wrap: "wrap", children: improved.length > 0 ? improved.map((area) => /* @__PURE__ */ jsx32(Pill, { color: "emerald", label: area }, area)) : /* @__PURE__ */ jsx32(Text26, { muted: true, size: 2, children: "None" }) })
             ] }) }),
-            /* @__PURE__ */ jsx30(
-              Box18,
+            /* @__PURE__ */ jsx32(
+              Box19,
               {
                 padding: 4,
                 style: { borderLeft: "1px solid var(--card-border-color)" },
-                children: /* @__PURE__ */ jsxs24(Stack20, { space: 3, children: [
-                  /* @__PURE__ */ jsxs24(Flex15, { align: "center", gap: 2, children: [
-                    /* @__PURE__ */ jsx30(ArrowDownIcon, { style: { color: "#f87171" } }),
-                    /* @__PURE__ */ jsxs24(Text26, { size: 2, style: { color: "#f87171" }, weight: "medium", children: [
+                children: /* @__PURE__ */ jsxs25(Stack21, { space: 3, children: [
+                  /* @__PURE__ */ jsxs25(Flex16, { align: "center", gap: 2, children: [
+                    /* @__PURE__ */ jsx32(ArrowDownIcon, { style: { color: "#f87171" } }),
+                    /* @__PURE__ */ jsxs25(Text26, { size: 2, style: { color: "#f87171" }, weight: "medium", children: [
                       "Regressed (",
                       regressed.length,
                       ")"
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx30(Flex15, { gap: 2, wrap: "wrap", children: regressed.length > 0 ? regressed.map((area) => /* @__PURE__ */ jsx30(Pill, { color: "red", label: area }, area)) : /* @__PURE__ */ jsx30(Text26, { muted: true, size: 2, children: "None" }) })
+                  /* @__PURE__ */ jsx32(Flex16, { gap: 2, wrap: "wrap", children: regressed.length > 0 ? regressed.map((area) => /* @__PURE__ */ jsx32(Pill, { color: "red", label: area }, area)) : /* @__PURE__ */ jsx32(Text26, { muted: true, size: 2, children: "None" }) })
                 ] })
               }
             ),
-            /* @__PURE__ */ jsx30(
-              Box18,
+            /* @__PURE__ */ jsx32(
+              Box19,
               {
                 padding: 4,
                 style: { borderLeft: "1px solid var(--card-border-color)" },
-                children: /* @__PURE__ */ jsxs24(Stack20, { space: 3, children: [
-                  /* @__PURE__ */ jsxs24(Flex15, { align: "center", gap: 2, children: [
-                    /* @__PURE__ */ jsx30(
+                children: /* @__PURE__ */ jsxs25(Stack21, { space: 3, children: [
+                  /* @__PURE__ */ jsxs25(Flex16, { align: "center", gap: 2, children: [
+                    /* @__PURE__ */ jsx32(
                       "span",
                       {
                         style: {
@@ -8339,13 +8425,13 @@ function DiagnosticsOverview({
                         children: "\u2014"
                       }
                     ),
-                    /* @__PURE__ */ jsxs24(Text26, { muted: true, size: 2, weight: "medium", children: [
+                    /* @__PURE__ */ jsxs25(Text26, { muted: true, size: 2, weight: "medium", children: [
                       "Unchanged (",
                       unchanged.length,
                       ")"
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx30(Flex15, { gap: 2, wrap: "wrap", children: unchanged.length > 0 ? unchanged.map((area) => /* @__PURE__ */ jsx30(Pill, { color: "muted", label: area }, area)) : /* @__PURE__ */ jsx30(Text26, { muted: true, size: 2, children: "None" }) })
+                  /* @__PURE__ */ jsx32(Flex16, { gap: 2, wrap: "wrap", children: unchanged.length > 0 ? unchanged.map((area) => /* @__PURE__ */ jsx32(Pill, { color: "muted", label: area }, area)) : /* @__PURE__ */ jsx32(Text26, { muted: true, size: 2, children: "None" }) })
                 ] })
               }
             )
@@ -8364,7 +8450,7 @@ var sectionHeaderStyle = {
   borderBottom: "1px solid var(--card-border-color)"
 };
 function SectionLabel({ label }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     Text26,
     {
       muted: true,
@@ -8389,8 +8475,8 @@ function ScoreCard({
     border: "1px solid var(--card-border-color)",
     borderRadius: 6
   };
-  return /* @__PURE__ */ jsx30(Box18, { padding: 4, style: cardStyle, children: /* @__PURE__ */ jsxs24(Stack20, { space: 3, children: [
-    /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(Box19, { padding: 4, style: cardStyle, children: /* @__PURE__ */ jsxs25(Stack21, { space: 3, children: [
+    /* @__PURE__ */ jsx32(
       Text26,
       {
         muted: true,
@@ -8402,8 +8488,8 @@ function ScoreCard({
         children: label
       }
     ),
-    /* @__PURE__ */ jsxs24(Flex15, { align: "baseline", gap: 2, children: [
-      /* @__PURE__ */ jsxs24(
+    /* @__PURE__ */ jsxs25(Flex16, { align: "baseline", gap: 2, children: [
+      /* @__PURE__ */ jsxs25(
         "span",
         {
           style: {
@@ -8415,13 +8501,13 @@ function ScoreCard({
           },
           children: [
             value,
-            suffix && /* @__PURE__ */ jsx30("span", { style: { fontSize: 24 }, children: suffix })
+            suffix && /* @__PURE__ */ jsx32("span", { style: { fontSize: 24 }, children: suffix })
           ]
         }
       ),
-      delta != null && delta !== 0 && /* @__PURE__ */ jsx30(DeltaIndicator, { delta, icon: true, mono: true, size: 1 })
+      delta != null && delta !== 0 && /* @__PURE__ */ jsx32(DeltaIndicator, { delta, icon: true, mono: true, size: 1 })
     ] }),
-    /* @__PURE__ */ jsx30(Text26, { muted: true, size: 1, children: subtitle })
+    /* @__PURE__ */ jsx32(Text26, { muted: true, size: 1, children: subtitle })
   ] }) });
 }
 function HealthCard({
@@ -8437,18 +8523,18 @@ function HealthCard({
     muted: "var(--card-muted-fg-color)"
   };
   const textColor = TEXT_COLORS[color];
-  return /* @__PURE__ */ jsx30(
-    Box18,
+  return /* @__PURE__ */ jsx32(
+    Box19,
     {
       padding: 4,
       style: {
         ...sectionStyle(color),
         minHeight: 80
       },
-      children: /* @__PURE__ */ jsxs24(Flex15, { align: "center", gap: 3, children: [
-        /* @__PURE__ */ jsx30("span", { style: { color: textColor, fontSize: 28 }, children: icon }),
-        /* @__PURE__ */ jsxs24(Stack20, { space: 1, children: [
-          /* @__PURE__ */ jsx30(
+      children: /* @__PURE__ */ jsxs25(Flex16, { align: "center", gap: 3, children: [
+        /* @__PURE__ */ jsx32("span", { style: { color: textColor, fontSize: 28 }, children: icon }),
+        /* @__PURE__ */ jsxs25(Stack21, { space: 1, children: [
+          /* @__PURE__ */ jsx32(
             "span",
             {
               style: {
@@ -8461,7 +8547,7 @@ function HealthCard({
               children: count
             }
           ),
-          /* @__PURE__ */ jsx30(Text26, { muted: true, size: 2, children: label })
+          /* @__PURE__ */ jsx32(Text26, { muted: true, size: 2, children: label })
         ] })
       ] })
     }
@@ -8482,9 +8568,9 @@ function MetricCard({
     padding: 16
   };
   const valueColor = sentiment ? sentimentTextColor(sentiment) : "var(--card-fg-color)";
-  return /* @__PURE__ */ jsx30(Box18, { style, children: /* @__PURE__ */ jsxs24(Stack20, { space: 2, children: [
-    /* @__PURE__ */ jsx30(Text26, { muted: true, size: 2, children: label }),
-    /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(Box19, { style, children: /* @__PURE__ */ jsxs25(Stack21, { space: 2, children: [
+    /* @__PURE__ */ jsx32(Text26, { muted: true, size: 2, children: label }),
+    /* @__PURE__ */ jsx32(
       "span",
       {
         style: {
@@ -8512,7 +8598,7 @@ function Pill({
     }
   };
   const c = colors[color];
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     "span",
     {
       style: {
@@ -8530,7 +8616,7 @@ function Pill({
 }
 
 // src/components/report-detail/FailureModesPanel.tsx
-import { Box as Box19, Flex as Flex16, Stack as Stack21, Text as Text27 } from "@sanity/ui";
+import { Box as Box20, Flex as Flex17, Stack as Stack22, Text as Text27 } from "@sanity/ui";
 
 // src/lib/useArtifactListRow.ts
 import { useCallback as useCallback20, useMemo as useMemo12 } from "react";
@@ -8700,7 +8786,7 @@ function useGraderJudgmentArtifact(key, listKeys) {
 }
 
 // src/components/report-detail/FailureModesPanel.tsx
-import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
 function severityColor(severity) {
   switch (severity) {
     case "critical":
@@ -8720,25 +8806,25 @@ function FailureModesPanel({ failureModes }) {
   if (!failureModes || failureModes.topTitles.length === 0) return null;
   const allKeys = failureModes.topTitles.map((t) => t.id);
   const classificationPct = Math.round(failureModes.classificationRate);
-  return /* @__PURE__ */ jsx31(
-    Box19,
+  return /* @__PURE__ */ jsx33(
+    Box20,
     {
       style: {
         ...neutralCardStyle,
         padding: "12px 16px"
       },
-      children: /* @__PURE__ */ jsxs25(Stack21, { space: 3, children: [
-        /* @__PURE__ */ jsxs25(Flex16, { align: "baseline", gap: 2, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx31(Text27, { size: 2, weight: "semibold", children: "Failure Categories" }),
-          /* @__PURE__ */ jsxs25(Text27, { muted: true, size: 1, children: [
+      children: /* @__PURE__ */ jsxs26(Stack22, { space: 3, children: [
+        /* @__PURE__ */ jsxs26(Flex17, { align: "baseline", gap: 2, wrap: "wrap", children: [
+          /* @__PURE__ */ jsx33(Text27, { size: 2, weight: "semibold", children: "Failure Categories" }),
+          /* @__PURE__ */ jsxs26(Text27, { muted: true, size: 1, children: [
             failureModes.totalJudgments,
             " judgments \xB7 ",
             classificationPct,
             "% classified"
           ] })
         ] }),
-        /* @__PURE__ */ jsx31(Box19, { style: dividerStyle }),
-        /* @__PURE__ */ jsx31(Stack21, { space: 2, children: failureModes.topTitles.map((row) => /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx33(Box20, { style: dividerStyle }),
+        /* @__PURE__ */ jsx33(Stack22, { space: 2, children: failureModes.topTitles.map((row) => /* @__PURE__ */ jsx33(
           FailureModeRow,
           {
             allKeys,
@@ -8762,8 +8848,8 @@ function FailureModeRow({
   const title = artifact.preview?.titlePreview ?? row.title ?? toTitleCase(category);
   const pct = total > 0 ? Math.round(row.count / total * 100) : 0;
   const sevColors = severityColor(severity);
-  return /* @__PURE__ */ jsxs25(
-    Flex16,
+  return /* @__PURE__ */ jsxs26(
+    Flex17,
     {
       align: "center",
       gap: 3,
@@ -8771,7 +8857,7 @@ function FailureModeRow({
       onMouseEnter: artifact.handlers.onMouseEnter,
       style: { padding: "4px 0" },
       children: [
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx33(
           "span",
           {
             style: {
@@ -8788,9 +8874,9 @@ function FailureModeRow({
             children: severity.toUpperCase()
           }
         ),
-        /* @__PURE__ */ jsx31(Text27, { size: 1, weight: "medium", children: title }),
-        /* @__PURE__ */ jsx31(Text27, { muted: true, size: 1, children: "\xB7" }),
-        /* @__PURE__ */ jsxs25(
+        /* @__PURE__ */ jsx33(Text27, { size: 1, weight: "medium", children: title }),
+        /* @__PURE__ */ jsx33(Text27, { muted: true, size: 1, children: "\xB7" }),
+        /* @__PURE__ */ jsxs26(
           Text27,
           {
             muted: true,
@@ -8814,11 +8900,11 @@ function FailureModeRow({
 
 // src/components/report-detail/LineageCard.tsx
 import { LinkIcon as LinkIcon2 } from "@sanity/icons";
-import { Badge as Badge6, Card as Card13, Flex as Flex17, Stack as Stack22, Text as Text28 } from "@sanity/ui";
+import { Badge as Badge6, Card as Card14, Flex as Flex18, Stack as Stack23, Text as Text28 } from "@sanity/ui";
 import { useCallback as useCallback21, useEffect as useEffect10, useState as useState16 } from "react";
 import { useClient as useClient7 } from "sanity";
 import { useRouter as useRouter3 } from "sanity/router";
-import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
 var REPORT_TYPE2 = "ailf.report";
 var SPAWNED_REPORTS_QUERY = (
   /* groq */
@@ -8851,12 +8937,12 @@ function LineageCard({ provenance, reportId }) {
   }, [client, reportId]);
   const hasLineage = lineage?.rerunOf || lineage?.comparedAgainst;
   if (!hasLineage && spawned.length === 0) return null;
-  return /* @__PURE__ */ jsx32(Card13, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs26(Stack22, { space: 4, children: [
-    /* @__PURE__ */ jsx32(Flex17, { align: "center", gap: 2, children: /* @__PURE__ */ jsxs26(Text28, { size: 3, weight: "semibold", children: [
-      /* @__PURE__ */ jsx32(LinkIcon2, {}),
+  return /* @__PURE__ */ jsx34(Card14, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs27(Stack23, { space: 4, children: [
+    /* @__PURE__ */ jsx34(Flex18, { align: "center", gap: 2, children: /* @__PURE__ */ jsxs27(Text28, { size: 3, weight: "semibold", children: [
+      /* @__PURE__ */ jsx34(LinkIcon2, {}),
       " Lineage"
     ] }) }),
-    lineage?.rerunOf && /* @__PURE__ */ jsx32(
+    lineage?.rerunOf && /* @__PURE__ */ jsx34(
       LineageLink,
       {
         label: "Re-run of",
@@ -8864,7 +8950,7 @@ function LineageCard({ provenance, reportId }) {
         router
       }
     ),
-    lineage?.comparedAgainst && /* @__PURE__ */ jsx32(
+    lineage?.comparedAgainst && /* @__PURE__ */ jsx34(
       LineageLink,
       {
         label: "Compared against",
@@ -8872,9 +8958,9 @@ function LineageCard({ provenance, reportId }) {
         router
       }
     ),
-    spawned.length > 0 && /* @__PURE__ */ jsxs26(Stack22, { space: 2, children: [
-      /* @__PURE__ */ jsx32(Text28, { muted: true, size: 1, weight: "semibold", children: "SPAWNED RE-RUNS" }),
-      spawned.map((s) => /* @__PURE__ */ jsx32(SpawnedReportRow, { report: s, router }, s.reportId))
+    spawned.length > 0 && /* @__PURE__ */ jsxs27(Stack23, { space: 2, children: [
+      /* @__PURE__ */ jsx34(Text28, { muted: true, size: 1, weight: "semibold", children: "SPAWNED RE-RUNS" }),
+      spawned.map((s) => /* @__PURE__ */ jsx34(SpawnedReportRow, { report: s, router }, s.reportId))
     ] })
   ] }) });
 }
@@ -8886,12 +8972,12 @@ function LineageLink({
   const handleClick = useCallback21(() => {
     router.navigate({ reportId });
   }, [reportId, router]);
-  return /* @__PURE__ */ jsxs26(Flex17, { align: "center", gap: 2, children: [
-    /* @__PURE__ */ jsxs26(Text28, { muted: true, size: 2, weight: "semibold", children: [
+  return /* @__PURE__ */ jsxs27(Flex18, { align: "center", gap: 2, children: [
+    /* @__PURE__ */ jsxs27(Text28, { muted: true, size: 2, weight: "semibold", children: [
       label,
       ":"
     ] }),
-    /* @__PURE__ */ jsx32(Text28, { size: 2, children: /* @__PURE__ */ jsxs26(
+    /* @__PURE__ */ jsx34(Text28, { size: 2, children: /* @__PURE__ */ jsxs27(
       "a",
       {
         href: "#",
@@ -8917,8 +9003,8 @@ function SpawnedReportRow({
   }, [report.reportId, router]);
   const dateLabel = formatShortDate(report.completedAt);
   const label = report.title ?? report.tag ?? dateLabel;
-  return /* @__PURE__ */ jsxs26(Flex17, { align: "center", gap: 2, children: [
-    /* @__PURE__ */ jsx32(Text28, { size: 2, children: /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsxs27(Flex18, { align: "center", gap: 2, children: [
+    /* @__PURE__ */ jsx34(Text28, { size: 2, children: /* @__PURE__ */ jsx34(
       "a",
       {
         href: "#",
@@ -8930,8 +9016,8 @@ function SpawnedReportRow({
         children: label
       }
     ) }),
-    (report.title ?? report.tag) && /* @__PURE__ */ jsx32(Text28, { muted: true, size: 1, children: dateLabel }),
-    /* @__PURE__ */ jsx32(Badge6, { fontSize: 1, mode: "outline", tone: "default", children: report.reportId.slice(0, 8) })
+    (report.title ?? report.tag) && /* @__PURE__ */ jsx34(Text28, { muted: true, size: 1, children: dateLabel }),
+    /* @__PURE__ */ jsx34(Badge6, { fontSize: 1, mode: "outline", tone: "default", children: report.reportId.slice(0, 8) })
   ] });
 }
 function formatShortDate(iso) {
@@ -8954,11 +9040,11 @@ import {
   ErrorOutlineIcon as ErrorOutlineIcon2,
   HelpCircleIcon as HelpCircleIcon7
 } from "@sanity/icons";
-import { Box as Box23, Flex as Flex20, Stack as Stack24, Text as Text33, Tooltip as Tooltip9 } from "@sanity/ui";
+import { Box as Box24, Flex as Flex21, Stack as Stack25, Text as Text33, Tooltip as Tooltip9 } from "@sanity/ui";
 
 // src/components/report-detail/PromptReplayDrawer.tsx
 import { useEffect as useEffect12 } from "react";
-import { Badge as Badge7, Box as Box21, Card as Card14, Dialog, Flex as Flex18, Grid as Grid3, Stack as Stack23, Text as Text30 } from "@sanity/ui";
+import { Badge as Badge7, Box as Box22, Card as Card15, Dialog, Flex as Flex19, Grid as Grid3, Stack as Stack24, Text as Text30 } from "@sanity/ui";
 
 // src/components/CopyButton.tsx
 import {
@@ -8968,8 +9054,8 @@ import {
   useState as useState17
 } from "react";
 import { CheckmarkIcon, CopyIcon } from "@sanity/icons";
-import { Box as Box20, Button as Button4, Text as Text29, Tooltip as Tooltip7 } from "@sanity/ui";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { Box as Box21, Button as Button4, Text as Text29, Tooltip as Tooltip7 } from "@sanity/ui";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function CopyButton({
   copiedLabel = "Copied!",
   errorLabel = "Copy failed",
@@ -9008,13 +9094,13 @@ function CopyButton({
   const tone = status === "copied" ? "positive" : status === "error" ? "critical" : "default";
   const icon = status === "copied" ? CheckmarkIcon : CopyIcon;
   const idle = status === "idle";
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx35(
     Tooltip7,
     {
-      content: /* @__PURE__ */ jsx33(Box20, { padding: 2, children: /* @__PURE__ */ jsx33(Text29, { size: 1, children: tooltipLabel }) }),
+      content: /* @__PURE__ */ jsx35(Box21, { padding: 2, children: /* @__PURE__ */ jsx35(Text29, { size: 1, children: tooltipLabel }) }),
       placement: "left",
       portal: true,
-      children: /* @__PURE__ */ jsx33(
+      children: /* @__PURE__ */ jsx35(
         Button4,
         {
           "aria-label": label,
@@ -9048,7 +9134,7 @@ function CopyButton({
 }
 
 // src/components/report-detail/PromptReplayDrawer.tsx
-import { Fragment as Fragment10, jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
 function useArtifactPane(type, entryKey, project) {
   const ref = useArtifactRef(type);
   const isLocalStore = ref?.store === "local";
@@ -9109,18 +9195,18 @@ function PromptReplayDrawer({
   onClose
 }) {
   if (!open) return null;
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx36(
     Dialog,
     {
       header: "Prompt replay",
       id: "prompt-replay-drawer",
       onClose,
       width: 4,
-      children: /* @__PURE__ */ jsx34(Box21, { padding: 4, children: /* @__PURE__ */ jsxs27(Stack23, { space: 4, children: [
-        /* @__PURE__ */ jsx34(Text30, { muted: true, size: 1, children: subtitle }),
-        /* @__PURE__ */ jsxs27(Grid3, { columns: [1, 1, 2], gap: 4, children: [
-          /* @__PURE__ */ jsx34(RenderedPromptPane, { entryKey: renderedPromptKey }),
-          /* @__PURE__ */ jsx34(GraderRubricPane, { entryKey: graderPromptKey })
+      children: /* @__PURE__ */ jsx36(Box22, { padding: 4, children: /* @__PURE__ */ jsxs28(Stack24, { space: 4, children: [
+        /* @__PURE__ */ jsx36(Text30, { muted: true, size: 1, children: subtitle }),
+        /* @__PURE__ */ jsxs28(Grid3, { columns: [1, 1, 2], gap: 4, children: [
+          /* @__PURE__ */ jsx36(RenderedPromptPane, { entryKey: renderedPromptKey }),
+          /* @__PURE__ */ jsx36(GraderRubricPane, { entryKey: graderPromptKey })
         ] })
       ] }) })
     }
@@ -9128,7 +9214,7 @@ function PromptReplayDrawer({
 }
 function RenderedPromptPane({ entryKey }) {
   const data = useRenderedPrompt(entryKey);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx36(
     PromptPane,
     {
       copiedLabel: "Prompt copied",
@@ -9141,7 +9227,7 @@ function RenderedPromptPane({ entryKey }) {
 }
 function GraderRubricPane({ entryKey }) {
   const data = useGraderRubric(entryKey);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx36(
     PromptPane,
     {
       copiedLabel: "Rubric copied",
@@ -9160,27 +9246,27 @@ function PromptPane({
   paneLabel
 }) {
   if (!entryKey) {
-    return /* @__PURE__ */ jsx34(PaneCard, { paneLabel, children: /* @__PURE__ */ jsx34(Text30, { muted: true, size: 1, children: "Not available for this report (no entry key could be derived from the task identity)." }) });
+    return /* @__PURE__ */ jsx36(PaneCard, { paneLabel, children: /* @__PURE__ */ jsx36(Text30, { muted: true, size: 1, children: "Not available for this report (no entry key could be derived from the task identity)." }) });
   }
   if (!data.present) {
-    return /* @__PURE__ */ jsx34(PaneCard, { paneLabel, children: /* @__PURE__ */ jsx34(Text30, { muted: true, size: 1, children: "Not captured for this entry. (Older runs pre-dating the renderedPrompts/graderPrompts writers won't carry a manifest entry.)" }) });
+    return /* @__PURE__ */ jsx36(PaneCard, { paneLabel, children: /* @__PURE__ */ jsx36(Text30, { muted: true, size: 1, children: "Not captured for this entry. (Older runs pre-dating the renderedPrompts/graderPrompts writers won't carry a manifest entry.)" }) });
   }
   const { fullText, snippet, charCount, extra, status, isLocalStore } = data;
   const displayText = fullText ?? snippet ?? "";
   const isPreviewOnly = fullText === null;
-  const footer = isLocalStore ? /* @__PURE__ */ jsx34(Text30, { muted: true, size: 1, style: { marginTop: 8 }, children: "Full text stored locally on the runner that produced this report \u2014 not reachable from Studio. Showing 120-char preview only." }) : status === "error" ? /* @__PURE__ */ jsx34(Text30, { muted: true, size: 1, style: { color: "#f87171", marginTop: 8 }, children: "Failed to load full text \u2014 showing preview only." }) : status === "loading" && !fullText ? /* @__PURE__ */ jsx34(Text30, { muted: true, size: 1, style: { marginTop: 8 }, children: "Loading full text from artifact store\u2026" }) : isPreviewOnly ? /* @__PURE__ */ jsx34(Text30, { muted: true, size: 1, style: { marginTop: 8 }, children: "Showing 120-char preview. Full text not yet hydrated." }) : null;
-  return /* @__PURE__ */ jsxs27(
+  const footer = isLocalStore ? /* @__PURE__ */ jsx36(Text30, { muted: true, size: 1, style: { marginTop: 8 }, children: "Full text stored locally on the runner that produced this report \u2014 not reachable from Studio. Showing 120-char preview only." }) : status === "error" ? /* @__PURE__ */ jsx36(Text30, { muted: true, size: 1, style: { color: "#f87171", marginTop: 8 }, children: "Failed to load full text \u2014 showing preview only." }) : status === "loading" && !fullText ? /* @__PURE__ */ jsx36(Text30, { muted: true, size: 1, style: { marginTop: 8 }, children: "Loading full text from artifact store\u2026" }) : isPreviewOnly ? /* @__PURE__ */ jsx36(Text30, { muted: true, size: 1, style: { marginTop: 8 }, children: "Showing 120-char preview. Full text not yet hydrated." }) : null;
+  return /* @__PURE__ */ jsxs28(
     PaneCard,
     {
-      badges: /* @__PURE__ */ jsxs27(Fragment10, { children: [
-        /* @__PURE__ */ jsxs27(Badge7, { fontSize: 0, tone: "primary", children: [
+      badges: /* @__PURE__ */ jsxs28(Fragment10, { children: [
+        /* @__PURE__ */ jsxs28(Badge7, { fontSize: 0, tone: "primary", children: [
           charCount.toLocaleString(),
           " char",
           charCount === 1 ? "" : "s"
         ] }),
-        extra && /* @__PURE__ */ jsx34(Badge7, { fontSize: 0, tone: "default", children: extra })
+        extra && /* @__PURE__ */ jsx36(Badge7, { fontSize: 0, tone: "default", children: extra })
       ] }),
-      copyAction: displayText.length > 0 ? /* @__PURE__ */ jsx34(
+      copyAction: displayText.length > 0 ? /* @__PURE__ */ jsx36(
         CopyButton,
         {
           copiedLabel,
@@ -9190,7 +9276,7 @@ function PromptPane({
       ) : null,
       paneLabel,
       children: [
-        displayText.length === 0 ? /* @__PURE__ */ jsx34(Text30, { muted: true, size: 1, children: "(empty)" }) : /* @__PURE__ */ jsx34(
+        displayText.length === 0 ? /* @__PURE__ */ jsx36(Text30, { muted: true, size: 1, children: "(empty)" }) : /* @__PURE__ */ jsx36(
           "pre",
           {
             style: {
@@ -9221,11 +9307,11 @@ function PaneCard({
   copyAction,
   paneLabel
 }) {
-  return /* @__PURE__ */ jsx34(Card14, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs27(Stack23, { space: 3, children: [
-    /* @__PURE__ */ jsxs27(Flex18, { align: "center", gap: 2, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx34(Text30, { size: 1, weight: "semibold", children: paneLabel }),
+  return /* @__PURE__ */ jsx36(Card15, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs28(Stack24, { space: 3, children: [
+    /* @__PURE__ */ jsxs28(Flex19, { align: "center", gap: 2, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx36(Text30, { size: 1, weight: "semibold", children: paneLabel }),
       badges,
-      /* @__PURE__ */ jsx34(Box21, { flex: 1 }),
+      /* @__PURE__ */ jsx36(Box22, { flex: 1 }),
       copyAction
     ] }),
     children
@@ -9233,8 +9319,8 @@ function PaneCard({
 }
 
 // src/components/report-detail/judgment-formatting.tsx
-import { Box as Box22, Text as Text31, Tooltip as Tooltip8 } from "@sanity/ui";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { Box as Box23, Text as Text31, Tooltip as Tooltip8 } from "@sanity/ui";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function judgmentSlug(j) {
   const sep = j.taskId.indexOf(" - ");
   const area = sep > 0 ? j.taskId.substring(0, sep) : j.taskId;
@@ -9269,13 +9355,13 @@ function splitVariant(taskName) {
 function VariantBadge({ variant }) {
   if (!variant) return null;
   const isGold = variant === "gold";
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx37(
     Tooltip8,
     {
-      content: /* @__PURE__ */ jsx35(Box22, { padding: 2, style: { maxWidth: 240 }, children: /* @__PURE__ */ jsx35(Text31, { size: 1, children: isGold ? "Gold: uses the documentation-authored reference prompt." : "Baseline: model implementation with no documentation guidance." }) }),
+      content: /* @__PURE__ */ jsx37(Box23, { padding: 2, style: { maxWidth: 240 }, children: /* @__PURE__ */ jsx37(Text31, { size: 1, children: isGold ? "Gold: uses the documentation-authored reference prompt." : "Baseline: model implementation with no documentation guidance." }) }),
       placement: "bottom",
       portal: true,
-      children: /* @__PURE__ */ jsx35(
+      children: /* @__PURE__ */ jsx37(
         "span",
         {
           style: {
@@ -9297,10 +9383,10 @@ function VariantBadge({ variant }) {
 }
 
 // src/components/report-detail/JudgmentListToolbar.tsx
-import { Flex as Flex19, Text as Text32, TextInput as TextInput5 } from "@sanity/ui";
+import { Flex as Flex20, Text as Text32, TextInput as TextInput5 } from "@sanity/ui";
 import { ResetIcon as ResetIcon2, SearchIcon as SearchIcon6 } from "@sanity/icons";
 import { useCallback as useCallback23 } from "react";
-import { jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
 var FILTERS_BOX_STYLE = {
   background: "var(--card-bg-color)",
   border: "1px solid var(--card-border-color)",
@@ -9399,11 +9485,11 @@ function JudgmentListToolbar({
     },
     [onQueryChange]
   );
-  return /* @__PURE__ */ jsx36("div", { style: FILTERS_BOX_STYLE, children: /* @__PURE__ */ jsxs28(Flex19, { direction: "column", gap: 3, children: [
-    /* @__PURE__ */ jsxs28(Flex19, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx36(Text32, { muted: true, size: 1, style: GROUP_LABEL_STYLE, weight: "semibold", children: "Filters" }),
-      /* @__PURE__ */ jsx36("div", { style: { flex: "1 0 0px" } }),
-      hasActiveFilters && /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsx38("div", { style: FILTERS_BOX_STYLE, children: /* @__PURE__ */ jsxs29(Flex20, { direction: "column", gap: 3, children: [
+    /* @__PURE__ */ jsxs29(Flex20, { align: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx38(Text32, { muted: true, size: 1, style: GROUP_LABEL_STYLE, weight: "semibold", children: "Filters" }),
+      /* @__PURE__ */ jsx38("div", { style: { flex: "1 0 0px" } }),
+      hasActiveFilters && /* @__PURE__ */ jsxs29(
         "button",
         {
           onBlur: (e) => {
@@ -9430,15 +9516,15 @@ function JudgmentListToolbar({
           },
           type: "button",
           children: [
-            /* @__PURE__ */ jsx36(ResetIcon2, { style: { fontSize: 14 } }),
+            /* @__PURE__ */ jsx38(ResetIcon2, { style: { fontSize: 14 } }),
             "Reset"
           ]
         }
       ),
-      /* @__PURE__ */ jsx36(Text32, { muted: true, size: 1, style: { whiteSpace: "nowrap" }, children: filteredCount === totalCount ? `${totalCount}` : `${filteredCount} of ${totalCount}` })
+      /* @__PURE__ */ jsx38(Text32, { muted: true, size: 1, style: { whiteSpace: "nowrap" }, children: filteredCount === totalCount ? `${totalCount}` : `${filteredCount} of ${totalCount}` })
     ] }),
-    /* @__PURE__ */ jsxs28("div", { style: CONTROLS_ROW_STYLE, children: [
-      /* @__PURE__ */ jsx36("div", { style: { flex: "1 1 220px", maxWidth: 360, minWidth: 160 }, children: /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsxs29("div", { style: CONTROLS_ROW_STYLE, children: [
+      /* @__PURE__ */ jsx38("div", { style: { flex: "1 1 220px", maxWidth: 360, minWidth: 160 }, children: /* @__PURE__ */ jsx38(
         TextInput5,
         {
           fontSize: 1,
@@ -9448,7 +9534,7 @@ function JudgmentListToolbar({
           value: query
         }
       ) }),
-      /* @__PURE__ */ jsx36(PillGroup, { label: "Score", children: SCORE_BANDS.map(({ band, label }) => /* @__PURE__ */ jsx36(
+      /* @__PURE__ */ jsx38(PillGroup, { label: "Score", children: SCORE_BANDS.map(({ band, label }) => /* @__PURE__ */ jsx38(
         "button",
         {
           onClick: () => onScoreBandChange(band),
@@ -9458,7 +9544,7 @@ function JudgmentListToolbar({
         },
         label
       )) }),
-      /* @__PURE__ */ jsx36(PillGroup, { label: "Sort", children: SORT_OPTIONS.map(({ order, label }) => /* @__PURE__ */ jsx36(
+      /* @__PURE__ */ jsx38(PillGroup, { label: "Sort", children: SORT_OPTIONS.map(({ order, label }) => /* @__PURE__ */ jsx38(
         "button",
         {
           onClick: () => onSortOrderChange(order),
@@ -9469,11 +9555,11 @@ function JudgmentListToolbar({
         order
       )) })
     ] }),
-    dimensions.length > 0 && /* @__PURE__ */ jsxs28(Flex19, { align: "center", gap: 2, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx36(Text32, { muted: true, size: 1, style: GROUP_LABEL_STYLE, weight: "semibold", children: "Dimensions" }),
+    dimensions.length > 0 && /* @__PURE__ */ jsxs29(Flex20, { align: "center", gap: 2, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx38(Text32, { muted: true, size: 1, style: GROUP_LABEL_STYLE, weight: "semibold", children: "Dimensions" }),
       dimensions.map((d) => {
         const active = selectedDimensions.has(d.key);
-        return /* @__PURE__ */ jsxs28(
+        return /* @__PURE__ */ jsxs29(
           "button",
           {
             "aria-pressed": active,
@@ -9483,7 +9569,7 @@ function JudgmentListToolbar({
             children: [
               d.label,
               " ",
-              /* @__PURE__ */ jsx36(
+              /* @__PURE__ */ jsx38(
                 "span",
                 {
                   style: {
@@ -9506,14 +9592,14 @@ function PillGroup({
   label,
   children
 }) {
-  return /* @__PURE__ */ jsxs28(Flex19, { align: "center", gap: 2, children: [
-    /* @__PURE__ */ jsx36(Text32, { muted: true, size: 1, style: GROUP_LABEL_STYLE, weight: "semibold", children: label }),
-    /* @__PURE__ */ jsx36("div", { style: PILL_GROUP_STYLE, children })
+  return /* @__PURE__ */ jsxs29(Flex20, { align: "center", gap: 2, children: [
+    /* @__PURE__ */ jsx38(Text32, { muted: true, size: 1, style: GROUP_LABEL_STYLE, weight: "semibold", children: label }),
+    /* @__PURE__ */ jsx38("div", { style: PILL_GROUP_STYLE, children })
   ] });
 }
 
 // src/components/report-detail/JudgmentList.tsx
-import { jsx as jsx37, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs30 } from "react/jsx-runtime";
 function isOutputFailure(j) {
   if (j.outputFailure) return true;
   return j.score === 0 && j.taskId.includes("(baseline)");
@@ -9776,20 +9862,20 @@ function JudgmentList({
   if (judgments.length === 0) return null;
   if (pruned.length === 0) return null;
   const outputFailureCount = judgments.length - pruned.length;
-  return /* @__PURE__ */ jsxs29(Stack24, { space: 3, children: [
-    /* @__PURE__ */ jsxs29(Flex20, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx37(ErrorOutlineIcon2, { style: { color: "#fbbf24" } }),
-      /* @__PURE__ */ jsx37(Text33, { size: 2, weight: "medium", children: "Low-Scoring Judgments" }),
-      /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsxs30(Stack25, { space: 3, children: [
+    /* @__PURE__ */ jsxs30(Flex21, { align: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx39(ErrorOutlineIcon2, { style: { color: "#fbbf24" } }),
+      /* @__PURE__ */ jsx39(Text33, { size: 2, weight: "medium", children: "Low-Scoring Judgments" }),
+      /* @__PURE__ */ jsx39(
         Tooltip9,
         {
-          content: /* @__PURE__ */ jsx37(Box23, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx37(Text33, { size: 2, children: GLOSSARY.lowScoringJudgments }) }),
+          content: /* @__PURE__ */ jsx39(Box24, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx39(Text33, { size: 2, children: GLOSSARY.lowScoringJudgments }) }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsx37(Text33, { muted: true, size: 1, children: /* @__PURE__ */ jsx37(HelpCircleIcon7, {}) })
+          children: /* @__PURE__ */ jsx39(Text33, { muted: true, size: 1, children: /* @__PURE__ */ jsx39(HelpCircleIcon7, {}) })
         }
       ),
-      /* @__PURE__ */ jsxs29(
+      /* @__PURE__ */ jsxs30(
         "span",
         {
           style: {
@@ -9808,10 +9894,10 @@ function JudgmentList({
           ]
         }
       ),
-      outputFailureCount > 0 && /* @__PURE__ */ jsx37(
+      outputFailureCount > 0 && /* @__PURE__ */ jsx39(
         Tooltip9,
         {
-          content: /* @__PURE__ */ jsx37(Box23, { padding: 2, style: { maxWidth: 280 }, children: /* @__PURE__ */ jsxs29(Text33, { size: 2, children: [
+          content: /* @__PURE__ */ jsx39(Box24, { padding: 2, style: { maxWidth: 280 }, children: /* @__PURE__ */ jsxs30(Text33, { size: 2, children: [
             outputFailureCount,
             " judgment",
             outputFailureCount === 1 ? "" : "s",
@@ -9819,7 +9905,7 @@ function JudgmentList({
           ] }) }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsxs29(
+          children: /* @__PURE__ */ jsxs30(
             "span",
             {
               style: {
@@ -9841,7 +9927,7 @@ function JudgmentList({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx39(
       JudgmentListToolbar,
       {
         dimensions: dimensionOptions,
@@ -9858,7 +9944,7 @@ function JudgmentList({
         totalCount: pruned.length
       }
     ),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx39(
       PromptReplayDrawer,
       {
         graderPromptKey: promptReplay?.graderPromptKey ?? null,
@@ -9868,11 +9954,11 @@ function JudgmentList({
         subtitle: promptReplay?.subtitle ?? ""
       }
     ),
-    filtered.length === 0 ? /* @__PURE__ */ jsx37(Box23, { padding: 4, style: neutralCardStyle, children: /* @__PURE__ */ jsxs29(Stack24, { space: 2, children: [
-      /* @__PURE__ */ jsx37(Text33, { muted: true, size: 2, children: "No judgments match these filters." }),
-      /* @__PURE__ */ jsx37(Text33, { muted: true, size: 1, children: "Try clearing a filter or widening the score band." })
-    ] }) }) : /* @__PURE__ */ jsxs29(Stack24, { space: 2, children: [
-      /* @__PURE__ */ jsx37(
+    filtered.length === 0 ? /* @__PURE__ */ jsx39(Box24, { padding: 4, style: neutralCardStyle, children: /* @__PURE__ */ jsxs30(Stack25, { space: 2, children: [
+      /* @__PURE__ */ jsx39(Text33, { muted: true, size: 2, children: "No judgments match these filters." }),
+      /* @__PURE__ */ jsx39(Text33, { muted: true, size: 1, children: "Try clearing a filter or widening the score band." })
+    ] }) }) : /* @__PURE__ */ jsxs30(Stack25, { space: 2, children: [
+      /* @__PURE__ */ jsx39(
         AreaJumpRail,
         {
           areas: groupedWithStats.map(([area, list]) => ({
@@ -9881,20 +9967,20 @@ function JudgmentList({
           }))
         }
       ),
-      /* @__PURE__ */ jsx37(Box23, { onKeyDown: handleListKeyDown, style: neutralCardStyle, children: groupedWithStats.map(
+      /* @__PURE__ */ jsx39(Box24, { onKeyDown: handleListKeyDown, style: neutralCardStyle, children: groupedWithStats.map(
         ([area, areaJudgments, stats], groupIndex) => {
           const anchorId = areaAnchorId(area);
           const collapsed = collapsedAreas.has(area);
           const groupBodyId = `${anchorId}-body`;
-          return /* @__PURE__ */ jsx37(
-            Box23,
+          return /* @__PURE__ */ jsx39(
+            Box24,
             {
               id: anchorId,
               padding: 3,
               style: groupIndex > 0 ? dividerStyle : void 0,
-              children: /* @__PURE__ */ jsxs29(Stack24, { space: 2, children: [
-                /* @__PURE__ */ jsxs29(Flex20, { align: "center", gap: 3, wrap: "wrap", children: [
-                  /* @__PURE__ */ jsxs29(
+              children: /* @__PURE__ */ jsxs30(Stack25, { space: 2, children: [
+                /* @__PURE__ */ jsxs30(Flex21, { align: "center", gap: 3, wrap: "wrap", children: [
+                  /* @__PURE__ */ jsxs30(
                     "button",
                     {
                       "aria-controls": groupBodyId,
@@ -9908,7 +9994,7 @@ function JudgmentList({
                       },
                       type: "button",
                       children: [
-                        /* @__PURE__ */ jsx37(
+                        /* @__PURE__ */ jsx39(
                           "span",
                           {
                             "aria-hidden": true,
@@ -9918,13 +10004,13 @@ function JudgmentList({
                               display: "inline-flex",
                               fontSize: 14
                             },
-                            children: collapsed ? /* @__PURE__ */ jsx37(ChevronRightIcon, {}) : /* @__PURE__ */ jsx37(ChevronDownIcon2, {})
+                            children: collapsed ? /* @__PURE__ */ jsx39(ChevronRightIcon, {}) : /* @__PURE__ */ jsx39(ChevronDownIcon2, {})
                           }
                         ),
-                        /* @__PURE__ */ jsxs29(Text33, { size: 2, weight: "semibold", children: [
+                        /* @__PURE__ */ jsxs30(Text33, { size: 2, weight: "semibold", children: [
                           area,
                           " ",
-                          /* @__PURE__ */ jsxs29(
+                          /* @__PURE__ */ jsxs30(
                             "span",
                             {
                               style: {
@@ -9942,10 +10028,10 @@ function JudgmentList({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx37(
+                  /* @__PURE__ */ jsx39(
                     Tooltip9,
                     {
-                      content: /* @__PURE__ */ jsx37(Box23, { padding: 2, children: /* @__PURE__ */ jsxs29(Text33, { size: 1, children: [
+                      content: /* @__PURE__ */ jsx39(Box24, { padding: 2, children: /* @__PURE__ */ jsxs30(Text33, { size: 1, children: [
                         "Average score across the ",
                         areaJudgments.length,
                         " ",
@@ -9955,7 +10041,7 @@ function JudgmentList({
                       ] }) }),
                       placement: "bottom",
                       portal: true,
-                      children: /* @__PURE__ */ jsxs29(
+                      children: /* @__PURE__ */ jsxs30(
                         "span",
                         {
                           style: {
@@ -9975,12 +10061,12 @@ function JudgmentList({
                       )
                     }
                   ),
-                  /* @__PURE__ */ jsx37(DistributionBar, { bands: stats.bands }),
-                  stats.breakdown.length > 0 && /* @__PURE__ */ jsx37(Text33, { muted: true, size: 1, children: stats.breakdown.map((d) => `${d.label} ${d.count}`).join(" \xB7 ") })
+                  /* @__PURE__ */ jsx39(DistributionBar, { bands: stats.bands }),
+                  stats.breakdown.length > 0 && /* @__PURE__ */ jsx39(Text33, { muted: true, size: 1, children: stats.breakdown.map((d) => `${d.label} ${d.count}`).join(" \xB7 ") })
                 ] }),
-                !collapsed && /* @__PURE__ */ jsx37(Stack24, { id: groupBodyId, space: 1, children: areaJudgments.map((j) => {
+                !collapsed && /* @__PURE__ */ jsx39(Stack25, { id: groupBodyId, space: 1, children: areaJudgments.map((j) => {
                   const slug = judgmentSlug(j);
-                  return /* @__PURE__ */ jsx37(
+                  return /* @__PURE__ */ jsx39(
                     JudgmentCard,
                     {
                       allKeys: flatKeys,
@@ -10052,8 +10138,8 @@ function JudgmentCard({
     row.handlers.onFocus();
     onHoverTestOutputs?.();
   }, [row.handlers, onHoverTestOutputs]);
-  return /* @__PURE__ */ jsx37(
-    Box23,
+  return /* @__PURE__ */ jsx39(
+    Box24,
     {
       "aria-expanded": focused,
       "aria-label": `${score} ${dimLabel}: ${taskName}`,
@@ -10076,8 +10162,8 @@ function JudgmentCard({
         } : {}
       },
       tabIndex: tabbable ? 0 : -1,
-      children: /* @__PURE__ */ jsxs29(Flex20, { align: "center", gap: 2, wrap: "wrap", children: [
-        /* @__PURE__ */ jsx37(
+      children: /* @__PURE__ */ jsxs30(Flex21, { align: "center", gap: 2, wrap: "wrap", children: [
+        /* @__PURE__ */ jsx39(
           "span",
           {
             style: {
@@ -10092,7 +10178,7 @@ function JudgmentCard({
             children: score
           }
         ),
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx39(
           "span",
           {
             style: {
@@ -10105,15 +10191,15 @@ function JudgmentCard({
             children: dimLabel
           }
         ),
-        /* @__PURE__ */ jsx37(Text33, { size: 1, weight: "medium", children: taskName }),
-        /* @__PURE__ */ jsx37(VariantBadge, { variant }),
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx39(Text33, { size: 1, weight: "medium", children: taskName }),
+        /* @__PURE__ */ jsx39(VariantBadge, { variant }),
+        /* @__PURE__ */ jsx39(
           Tooltip9,
           {
-            content: /* @__PURE__ */ jsx37(Box23, { padding: 2, children: /* @__PURE__ */ jsx37(Text33, { size: 1, children: judgment.modelId }) }),
+            content: /* @__PURE__ */ jsx39(Box24, { padding: 2, children: /* @__PURE__ */ jsx39(Text33, { size: 1, children: judgment.modelId }) }),
             placement: "bottom",
             portal: true,
-            children: /* @__PURE__ */ jsx37(
+            children: /* @__PURE__ */ jsx39(
               "span",
               {
                 style: {
@@ -10130,7 +10216,7 @@ function JudgmentCard({
             )
           }
         ),
-        /* @__PURE__ */ jsx37(Flex20, { align: "center", gap: 1, style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx37(Text33, { muted: true, size: 1, children: /* @__PURE__ */ jsx37(ChevronRightIcon, {}) }) })
+        /* @__PURE__ */ jsx39(Flex21, { align: "center", gap: 1, style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx39(Text33, { muted: true, size: 1, children: /* @__PURE__ */ jsx39(ChevronRightIcon, {}) }) })
       ] })
     }
   );
@@ -10160,13 +10246,13 @@ function DistributionBar({ bands }) {
       label: `${bands.borderline} borderline (50\u201369)`
     });
   }
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     Tooltip9,
     {
-      content: /* @__PURE__ */ jsx37(Box23, { padding: 2, children: /* @__PURE__ */ jsx37(Stack24, { space: 1, children: parts.map((p) => /* @__PURE__ */ jsx37(Text33, { size: 1, children: p.label }, p.label)) }) }),
+      content: /* @__PURE__ */ jsx39(Box24, { padding: 2, children: /* @__PURE__ */ jsx39(Stack25, { space: 1, children: parts.map((p) => /* @__PURE__ */ jsx39(Text33, { size: 1, children: p.label }, p.label)) }) }),
       placement: "bottom",
       portal: true,
-      children: /* @__PURE__ */ jsx37(
+      children: /* @__PURE__ */ jsx39(
         "div",
         {
           "aria-label": parts.map((p) => p.label).join(", "),
@@ -10180,7 +10266,7 @@ function DistributionBar({ bands }) {
             overflow: "hidden",
             width: 72
           },
-          children: parts.map((p) => /* @__PURE__ */ jsx37(
+          children: parts.map((p) => /* @__PURE__ */ jsx39(
             "div",
             {
               style: {
@@ -10201,8 +10287,8 @@ function AreaJumpRail({ areas }) {
     el?.scrollIntoView({ behavior: "smooth", block: "start" });
   }, []);
   if (areas.length <= 1) return null;
-  return /* @__PURE__ */ jsxs29(Flex20, { align: "center", gap: 2, style: { padding: "2px 0" }, wrap: "wrap", children: [
-    /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsxs30(Flex21, { align: "center", gap: 2, style: { padding: "2px 0" }, wrap: "wrap", children: [
+    /* @__PURE__ */ jsx39(
       Text33,
       {
         muted: true,
@@ -10216,8 +10302,8 @@ function AreaJumpRail({ areas }) {
         children: "Jump to"
       }
     ),
-    areas.map(({ area, count }, i) => /* @__PURE__ */ jsxs29(React2.Fragment, { children: [
-      i > 0 && /* @__PURE__ */ jsx37(
+    areas.map(({ area, count }, i) => /* @__PURE__ */ jsxs30(React2.Fragment, { children: [
+      i > 0 && /* @__PURE__ */ jsx39(
         "span",
         {
           "aria-hidden": true,
@@ -10228,7 +10314,7 @@ function AreaJumpRail({ areas }) {
           children: "\xB7"
         }
       ),
-      /* @__PURE__ */ jsxs29(
+      /* @__PURE__ */ jsxs30(
         "button",
         {
           "aria-label": `Jump to ${area}, ${count} judgment${count === 1 ? "" : "s"}`,
@@ -10256,8 +10342,8 @@ function AreaJumpRail({ areas }) {
           },
           type: "button",
           children: [
-            /* @__PURE__ */ jsx37("span", { "aria-hidden": true, children: area }),
-            /* @__PURE__ */ jsx37(
+            /* @__PURE__ */ jsx39("span", { "aria-hidden": true, children: area }),
+            /* @__PURE__ */ jsx39(
               "span",
               {
                 "aria-hidden": true,
@@ -10278,25 +10364,25 @@ function AreaJumpRail({ areas }) {
 
 // src/components/report-detail/PipelineExecutionPanel.tsx
 import { ChevronDownIcon as ChevronDownIcon3, ChevronRightIcon as ChevronRightIcon2 } from "@sanity/icons";
-import { Badge as Badge8, Box as Box24, Button as Button5, Card as Card15, Flex as Flex21, Stack as Stack25, Text as Text34 } from "@sanity/ui";
+import { Badge as Badge8, Box as Box25, Button as Button5, Card as Card16, Flex as Flex22, Stack as Stack26, Text as Text34 } from "@sanity/ui";
 import { useCallback as useCallback25, useState as useState19 } from "react";
-import { Fragment as Fragment11, jsx as jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx40, jsxs as jsxs31 } from "react/jsx-runtime";
 var PRE_W0060_HELP_URL = "https://github.com/sanity-labs/ai-literacy-framework/blob/main/docs/design-docs/artifact-data-surfacing.md";
 function PipelineExecutionPanel() {
   const ref = useArtifactRef("pipelineContext");
   const preview = ref?.preview;
   if (!ref || !preview) {
-    return /* @__PURE__ */ jsx38(EmptyState, {});
+    return /* @__PURE__ */ jsx40(EmptyState, {});
   }
-  return /* @__PURE__ */ jsx38(LoadedPanel, { preview });
+  return /* @__PURE__ */ jsx40(LoadedPanel, { preview });
 }
 function EmptyState() {
-  return /* @__PURE__ */ jsx38(Card15, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs30(Stack25, { space: 3, children: [
-    /* @__PURE__ */ jsx38(Text34, { size: 3, weight: "semibold", children: "Pipeline Execution" }),
-    /* @__PURE__ */ jsxs30(Text34, { muted: true, size: 2, children: [
+  return /* @__PURE__ */ jsx40(Card16, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs31(Stack26, { space: 3, children: [
+    /* @__PURE__ */ jsx40(Text34, { size: 3, weight: "semibold", children: "Pipeline Execution" }),
+    /* @__PURE__ */ jsxs31(Text34, { muted: true, size: 2, children: [
       "Pipeline context was not captured for this run.",
       " ",
-      /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx40(
         "a",
         {
           href: PRE_W0060_HELP_URL,
@@ -10320,13 +10406,13 @@ function LoadedPanel({ preview }) {
       return next;
     });
   }, [request]);
-  return /* @__PURE__ */ jsx38(Card15, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs30(Stack25, { space: 4, children: [
-    /* @__PURE__ */ jsxs30(Flex21, { align: "center", gap: 3, justify: "space-between", wrap: "wrap", children: [
-      /* @__PURE__ */ jsx38(Text34, { size: 3, weight: "semibold", children: "Pipeline Execution" }),
-      preview.belowCritical === true && /* @__PURE__ */ jsx38(Badge8, { tone: "critical", children: "Below critical" })
+  return /* @__PURE__ */ jsx40(Card16, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs31(Stack26, { space: 4, children: [
+    /* @__PURE__ */ jsxs31(Flex22, { align: "center", gap: 3, justify: "space-between", wrap: "wrap", children: [
+      /* @__PURE__ */ jsx40(Text34, { size: 3, weight: "semibold", children: "Pipeline Execution" }),
+      preview.belowCritical === true && /* @__PURE__ */ jsx40(Badge8, { tone: "critical", children: "Below critical" })
     ] }),
-    /* @__PURE__ */ jsx38(HeaderRow, { preview }),
-    /* @__PURE__ */ jsx38(Box24, { children: /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx40(HeaderRow, { preview }),
+    /* @__PURE__ */ jsx40(Box25, { children: /* @__PURE__ */ jsx40(
       Button5,
       {
         icon: expanded ? ChevronDownIcon3 : ChevronRightIcon2,
@@ -10336,34 +10422,34 @@ function LoadedPanel({ preview }) {
         text: expanded ? "Hide details" : "Show details"
       }
     ) }),
-    expanded && /* @__PURE__ */ jsx38(Details, { full, preview, status })
+    expanded && /* @__PURE__ */ jsx40(Details, { full, preview, status })
   ] }) });
 }
 function HeaderRow({ preview }) {
   const failedCount = preview.failedSteps.length;
-  return /* @__PURE__ */ jsxs30(Flex21, { align: "center", gap: 3, wrap: "wrap", children: [
-    /* @__PURE__ */ jsx38(Stat2, { label: "Steps", value: String(preview.stepCount) }),
-    /* @__PURE__ */ jsx38(Dot, {}),
-    /* @__PURE__ */ jsx38(Stat2, { label: "Duration", value: formatDuration(preview.totalDurationMs) }),
-    /* @__PURE__ */ jsx38(Dot, {}),
-    /* @__PURE__ */ jsxs30(Flex21, { align: "baseline", gap: 2, children: [
-      /* @__PURE__ */ jsx38(SectionTitle, { children: "Failed" }),
-      failedCount > 0 ? /* @__PURE__ */ jsx38(Badge8, { tone: "critical", children: failedCount }) : /* @__PURE__ */ jsx38(Text34, { size: 2, children: "0" })
+  return /* @__PURE__ */ jsxs31(Flex22, { align: "center", gap: 3, wrap: "wrap", children: [
+    /* @__PURE__ */ jsx40(Stat2, { label: "Steps", value: String(preview.stepCount) }),
+    /* @__PURE__ */ jsx40(Dot, {}),
+    /* @__PURE__ */ jsx40(Stat2, { label: "Duration", value: formatDuration(preview.totalDurationMs) }),
+    /* @__PURE__ */ jsx40(Dot, {}),
+    /* @__PURE__ */ jsxs31(Flex22, { align: "baseline", gap: 2, children: [
+      /* @__PURE__ */ jsx40(SectionTitle, { children: "Failed" }),
+      failedCount > 0 ? /* @__PURE__ */ jsx40(Badge8, { tone: "critical", children: failedCount }) : /* @__PURE__ */ jsx40(Text34, { size: 2, children: "0" })
     ] }),
-    typeof preview.cacheHits === "number" && /* @__PURE__ */ jsxs30(Fragment11, { children: [
-      /* @__PURE__ */ jsx38(Dot, {}),
-      /* @__PURE__ */ jsx38(Stat2, { label: "Cache hits", value: String(preview.cacheHits) })
+    typeof preview.cacheHits === "number" && /* @__PURE__ */ jsxs31(Fragment11, { children: [
+      /* @__PURE__ */ jsx40(Dot, {}),
+      /* @__PURE__ */ jsx40(Stat2, { label: "Cache hits", value: String(preview.cacheHits) })
     ] })
   ] });
 }
 function Stat2({ label, value }) {
-  return /* @__PURE__ */ jsxs30(Flex21, { align: "baseline", gap: 2, children: [
-    /* @__PURE__ */ jsx38(SectionTitle, { children: label }),
-    /* @__PURE__ */ jsx38(Text34, { size: 2, children: value })
+  return /* @__PURE__ */ jsxs31(Flex22, { align: "baseline", gap: 2, children: [
+    /* @__PURE__ */ jsx40(SectionTitle, { children: label }),
+    /* @__PURE__ */ jsx40(Text34, { size: 2, children: value })
   ] });
 }
 function Dot() {
-  return /* @__PURE__ */ jsx38(Text34, { "aria-hidden": true, muted: true, size: 1, children: "\xB7" });
+  return /* @__PURE__ */ jsx40(Text34, { "aria-hidden": true, muted: true, size: 1, children: "\xB7" });
 }
 function Details({
   full,
@@ -10371,18 +10457,18 @@ function Details({
   status
 }) {
   if (status === "loading") {
-    return /* @__PURE__ */ jsx38(Text34, { muted: true, size: 2, children: "Loading pipeline context\u2026" });
+    return /* @__PURE__ */ jsx40(Text34, { muted: true, size: 2, children: "Loading pipeline context\u2026" });
   }
   if (status === "error") {
-    return /* @__PURE__ */ jsx38(Card15, { padding: 3, radius: 2, tone: "critical", children: /* @__PURE__ */ jsx38(Text34, { size: 2, children: "Failed to load pipeline context." }) });
+    return /* @__PURE__ */ jsx40(Card16, { padding: 3, radius: 2, tone: "critical", children: /* @__PURE__ */ jsx40(Text34, { size: 2, children: "Failed to load pipeline context." }) });
   }
   if (!full) {
     return null;
   }
-  return /* @__PURE__ */ jsxs30(Stack25, { space: 4, children: [
-    /* @__PURE__ */ jsx38(StepTimeline, { steps: full.steps ?? [] }),
-    /* @__PURE__ */ jsx38(ConfigPane, { config: full.config ?? {} }),
-    /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs31(Stack26, { space: 4, children: [
+    /* @__PURE__ */ jsx40(StepTimeline, { steps: full.steps ?? [] }),
+    /* @__PURE__ */ jsx40(ConfigPane, { config: full.config ?? {} }),
+    /* @__PURE__ */ jsx40(
       CacheTelemetry,
       {
         cacheKeys: full.state?.remoteCacheHits ?? [],
@@ -10393,15 +10479,15 @@ function Details({
 }
 function StepTimeline({ steps }) {
   if (steps.length === 0) {
-    return /* @__PURE__ */ jsx38(Text34, { muted: true, size: 2, children: "No pipeline steps recorded." });
+    return /* @__PURE__ */ jsx40(Text34, { muted: true, size: 2, children: "No pipeline steps recorded." });
   }
   const maxDuration = Math.max(
     1,
     ...steps.map((s) => typeof s.durationMs === "number" ? s.durationMs : 0)
   );
-  return /* @__PURE__ */ jsxs30(Stack25, { space: 3, children: [
-    /* @__PURE__ */ jsx38(SectionTitle, { children: "Steps" }),
-    /* @__PURE__ */ jsx38(Stack25, { space: 2, children: steps.map((step) => /* @__PURE__ */ jsx38(StepRow, { maxDurationMs: maxDuration, step }, step.name)) })
+  return /* @__PURE__ */ jsxs31(Stack26, { space: 3, children: [
+    /* @__PURE__ */ jsx40(SectionTitle, { children: "Steps" }),
+    /* @__PURE__ */ jsx40(Stack26, { space: 2, children: steps.map((step) => /* @__PURE__ */ jsx40(StepRow, { maxDurationMs: maxDuration, step }, step.name)) })
   ] });
 }
 function StepRow({
@@ -10411,8 +10497,8 @@ function StepRow({
   const widthPct = typeof step.durationMs === "number" && maxDurationMs > 0 ? Math.max(2, Math.round(step.durationMs / maxDurationMs * 100)) : 0;
   const tone = step.status === "success" ? "positive" : step.status === "failed" ? "critical" : "default";
   const barColor = tone === "critical" ? "var(--card-bg-critical-color, #c4314b)" : tone === "positive" ? "var(--card-bg-positive-color, #43d675)" : "var(--card-muted-fg-color, #999)";
-  return /* @__PURE__ */ jsxs30(Flex21, { align: "center", gap: 3, wrap: "nowrap", children: [
-    /* @__PURE__ */ jsx38(Box24, { style: { minWidth: 180, maxWidth: 220 }, children: /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs31(Flex22, { align: "center", gap: 3, wrap: "nowrap", children: [
+    /* @__PURE__ */ jsx40(Box25, { style: { minWidth: 180, maxWidth: 220 }, children: /* @__PURE__ */ jsx40(
       Text34,
       {
         size: 2,
@@ -10421,10 +10507,10 @@ function StepRow({
         children: step.name
       }
     ) }),
-    /* @__PURE__ */ jsx38(Box24, { style: { minWidth: 72 }, children: /* @__PURE__ */ jsx38(Badge8, { tone, children: step.status }) }),
-    /* @__PURE__ */ jsxs30(Box24, { flex: 1, style: { position: "relative", minWidth: 80 }, children: [
-      /* @__PURE__ */ jsx38(
-        Box24,
+    /* @__PURE__ */ jsx40(Box25, { style: { minWidth: 72 }, children: /* @__PURE__ */ jsx40(Badge8, { tone, children: step.status }) }),
+    /* @__PURE__ */ jsxs31(Box25, { flex: 1, style: { position: "relative", minWidth: 80 }, children: [
+      /* @__PURE__ */ jsx40(
+        Box25,
         {
           style: {
             backgroundColor: "var(--card-border-color, #e5e5e5)",
@@ -10434,8 +10520,8 @@ function StepRow({
           }
         }
       ),
-      widthPct > 0 && /* @__PURE__ */ jsx38(
-        Box24,
+      widthPct > 0 && /* @__PURE__ */ jsx40(
+        Box25,
         {
           style: {
             backgroundColor: barColor,
@@ -10449,16 +10535,16 @@ function StepRow({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx38(Box24, { style: { minWidth: 80, textAlign: "right" }, children: /* @__PURE__ */ jsx38(Text34, { muted: true, size: 1, style: { fontFamily: "monospace" }, children: typeof step.durationMs === "number" ? formatDuration(step.durationMs) : "\u2014" }) })
+    /* @__PURE__ */ jsx40(Box25, { style: { minWidth: 80, textAlign: "right" }, children: /* @__PURE__ */ jsx40(Text34, { muted: true, size: 1, style: { fontFamily: "monospace" }, children: typeof step.durationMs === "number" ? formatDuration(step.durationMs) : "\u2014" }) })
   ] });
 }
 function ConfigPane({ config }) {
   const [expanded, setExpanded] = useState19(false);
   const json = JSON.stringify(config, null, 2);
-  return /* @__PURE__ */ jsxs30(Stack25, { space: 2, children: [
-    /* @__PURE__ */ jsxs30(Flex21, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx38(SectionTitle, { children: "Effective config" }),
-      /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs31(Stack26, { space: 2, children: [
+    /* @__PURE__ */ jsxs31(Flex22, { align: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx40(SectionTitle, { children: "Effective config" }),
+      /* @__PURE__ */ jsx40(
         Button5,
         {
           fontSize: 1,
@@ -10470,8 +10556,8 @@ function ConfigPane({ config }) {
         }
       )
     ] }),
-    expanded && /* @__PURE__ */ jsxs30(Box24, { style: { position: "relative" }, children: [
-      /* @__PURE__ */ jsx38(Card15, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx38(
+    expanded && /* @__PURE__ */ jsxs31(Box25, { style: { position: "relative" }, children: [
+      /* @__PURE__ */ jsx40(Card16, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx40(
         "pre",
         {
           style: {
@@ -10487,7 +10573,7 @@ function ConfigPane({ config }) {
           children: json
         }
       ) }),
-      /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx40(
         CopyButton,
         {
           label: "Copy config",
@@ -10505,11 +10591,11 @@ function CacheTelemetry({
   const [expanded, setExpanded] = useState19(false);
   const count = cacheKeys.length || preview.cacheHits || 0;
   if (count === 0) return null;
-  return /* @__PURE__ */ jsxs30(Stack25, { space: 2, children: [
-    /* @__PURE__ */ jsxs30(Flex21, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx38(SectionTitle, { children: "Remote cache hits" }),
-      /* @__PURE__ */ jsx38(Text34, { size: 2, children: count }),
-      cacheKeys.length > 0 && /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs31(Stack26, { space: 2, children: [
+    /* @__PURE__ */ jsxs31(Flex22, { align: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx40(SectionTitle, { children: "Remote cache hits" }),
+      /* @__PURE__ */ jsx40(Text34, { size: 2, children: count }),
+      cacheKeys.length > 0 && /* @__PURE__ */ jsx40(
         Button5,
         {
           fontSize: 1,
@@ -10521,11 +10607,11 @@ function CacheTelemetry({
         }
       )
     ] }),
-    expanded && cacheKeys.length > 0 && /* @__PURE__ */ jsx38(Stack25, { space: 1, children: cacheKeys.map((k) => /* @__PURE__ */ jsx38(Text34, { size: 1, style: { fontFamily: "monospace" }, children: k }, k)) })
+    expanded && cacheKeys.length > 0 && /* @__PURE__ */ jsx40(Stack26, { space: 1, children: cacheKeys.map((k) => /* @__PURE__ */ jsx40(Text34, { size: 1, style: { fontFamily: "monospace" }, children: k }, k)) })
   ] });
 }
 function SectionTitle({ children }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx40(
     Text34,
     {
       muted: true,
@@ -10541,29 +10627,29 @@ function SectionTitle({ children }) {
 import {
   Badge as Badge9,
   Button as Button6,
-  Card as Card16,
-  Flex as Flex22,
+  Card as Card17,
+  Flex as Flex23,
   Grid as Grid4,
   Inline as Inline2,
-  Stack as Stack26,
+  Stack as Stack27,
   Text as Text35
 } from "@sanity/ui";
 import { useState as useState20 } from "react";
-import { jsx as jsx39, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs32 } from "react/jsx-runtime";
 var TASK_IDS_INLINE_THRESHOLD = 3;
 function ProvenanceCard({ provenance }) {
-  return /* @__PURE__ */ jsx39(Card16, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs31(Stack26, { space: 4, children: [
-    /* @__PURE__ */ jsxs31(Flex22, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx39(Text35, { size: 3, weight: "semibold", children: "Provenance" }),
-      provenance.classification && /* @__PURE__ */ jsx39(ClassificationBadge, { value: provenance.classification }),
-      provenance.owner?.team && provenance.owner.team !== "unknown" && /* @__PURE__ */ jsxs31(Badge9, { fontSize: 1, mode: "outline", tone: "primary", children: [
+  return /* @__PURE__ */ jsx41(Card17, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs32(Stack27, { space: 4, children: [
+    /* @__PURE__ */ jsxs32(Flex23, { align: "center", gap: 3, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx41(Text35, { size: 3, weight: "semibold", children: "Provenance" }),
+      provenance.classification && /* @__PURE__ */ jsx41(ClassificationBadge, { value: provenance.classification }),
+      provenance.owner?.team && provenance.owner.team !== "unknown" && /* @__PURE__ */ jsxs32(Badge9, { fontSize: 1, mode: "outline", tone: "primary", children: [
         "Team: ",
         provenance.owner.team
       ] }),
-      provenance.executor && /* @__PURE__ */ jsx39(ExecutorBadge, { executor: provenance.executor })
+      provenance.executor && /* @__PURE__ */ jsx41(ExecutorBadge, { executor: provenance.executor })
     ] }),
-    provenance.purpose && /* @__PURE__ */ jsx39(Card16, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs31(Stack26, { space: 2, children: [
-      /* @__PURE__ */ jsx39(
+    provenance.purpose && /* @__PURE__ */ jsx41(Card17, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs32(Stack27, { space: 2, children: [
+      /* @__PURE__ */ jsx41(
         Text35,
         {
           muted: true,
@@ -10576,28 +10662,28 @@ function ProvenanceCard({ provenance }) {
           children: "Purpose"
         }
       ),
-      /* @__PURE__ */ jsx39(Text35, { size: 2, children: provenance.purpose })
+      /* @__PURE__ */ jsx41(Text35, { size: 2, children: provenance.purpose })
     ] }) }),
-    provenance.labels && provenance.labels.length > 0 && /* @__PURE__ */ jsx39(Inline2, { space: 2, children: provenance.labels.map((label) => /* @__PURE__ */ jsx39(Badge9, { fontSize: 1, mode: "outline", tone: "default", children: label }, label)) }),
-    /* @__PURE__ */ jsxs31(Grid4, { columns: [1, 2, 3], gap: 4, children: [
-      /* @__PURE__ */ jsx39(Field, { label: "Mode", value: provenance.mode }),
-      /* @__PURE__ */ jsx39(Field, { label: "Source", value: provenance.source.name }),
-      /* @__PURE__ */ jsx39(
+    provenance.labels && provenance.labels.length > 0 && /* @__PURE__ */ jsx41(Inline2, { space: 2, children: provenance.labels.map((label) => /* @__PURE__ */ jsx41(Badge9, { fontSize: 1, mode: "outline", tone: "default", children: label }, label)) }),
+    /* @__PURE__ */ jsxs32(Grid4, { columns: [1, 2, 3], gap: 4, children: [
+      /* @__PURE__ */ jsx41(Field, { label: "Mode", value: provenance.mode }),
+      /* @__PURE__ */ jsx41(Field, { label: "Source", value: provenance.source.name }),
+      /* @__PURE__ */ jsx41(
         Field,
         {
           label: "Trigger",
           value: provenance.trigger.type + (provenance.trigger.workflow ? ` (${provenance.trigger.workflow})` : "")
         }
       ),
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx41(
         Field,
         {
           label: "Models",
           value: provenance.models.map((m) => m.label).join(", ")
         }
       ),
-      /* @__PURE__ */ jsx39(Field, { label: "Grader Model", mono: true, value: provenance.graderModel }),
-      provenance.contextHash && /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx41(Field, { label: "Grader Model", mono: true, value: provenance.graderModel }),
+      provenance.contextHash && /* @__PURE__ */ jsx41(
         Field,
         {
           label: "Context Hash",
@@ -10605,24 +10691,24 @@ function ProvenanceCard({ provenance }) {
           value: provenance.contextHash.slice(0, 16) + "\u2026"
         }
       ),
-      provenance.owner?.individual && /* @__PURE__ */ jsx39(
+      provenance.owner?.individual && /* @__PURE__ */ jsx41(
         Field,
         {
           label: "Owner (individual)",
           value: provenance.owner.individual
         }
       ),
-      provenance.areas.length > 0 && /* @__PURE__ */ jsx39(Field, { label: "Areas", value: provenance.areas.join(", ") }),
-      provenance.taskIds && provenance.taskIds.length > 0 && /* @__PURE__ */ jsx39(TaskIdsField, { taskIds: provenance.taskIds })
+      provenance.areas.length > 0 && /* @__PURE__ */ jsx41(Field, { label: "Areas", value: provenance.areas.join(", ") }),
+      provenance.taskIds && provenance.taskIds.length > 0 && /* @__PURE__ */ jsx41(TaskIdsField, { taskIds: provenance.taskIds })
     ] }),
-    provenance.git && /* @__PURE__ */ jsx39(GitInfo, { git: provenance.git }),
-    /* @__PURE__ */ jsx39(ToolHostFooter, { tool: provenance.tool, host: provenance.host }),
-    /* @__PURE__ */ jsx39(PromptfooLinks, { provenance })
+    provenance.git && /* @__PURE__ */ jsx41(GitInfo, { git: provenance.git }),
+    /* @__PURE__ */ jsx41(ToolHostFooter, { tool: provenance.tool, host: provenance.host }),
+    /* @__PURE__ */ jsx41(PromptfooLinks, { provenance })
   ] }) });
 }
 function ClassificationBadge({ value }) {
   const tone = classificationTone(value);
-  return /* @__PURE__ */ jsx39(Badge9, { fontSize: 1, tone, children: value });
+  return /* @__PURE__ */ jsx41(Badge9, { fontSize: 1, tone, children: value });
 }
 function classificationTone(value) {
   switch (value) {
@@ -10644,14 +10730,14 @@ function ExecutorBadge({
 }) {
   if (executor.type === "system") {
     const workflowSuffix = executor.workflow ? ` \xB7 ${executor.workflow}` : "";
-    return /* @__PURE__ */ jsxs31(Badge9, { fontSize: 1, mode: "outline", children: [
+    return /* @__PURE__ */ jsxs32(Badge9, { fontSize: 1, mode: "outline", children: [
       executor.name ?? "system",
       workflowSuffix
     ] });
   }
   const name = executor.name ?? executor.githubActor ?? "anonymous";
   const surface = executor.surface ? ` \xB7 ${executor.surface}` : "";
-  return /* @__PURE__ */ jsxs31(Badge9, { fontSize: 1, mode: "outline", children: [
+  return /* @__PURE__ */ jsxs32(Badge9, { fontSize: 1, mode: "outline", children: [
     name,
     surface
   ] });
@@ -10668,15 +10754,15 @@ function ToolHostFooter({
   }
   if (host?.ci) parts.push(`ci:${host.ci}`);
   if (parts.length === 0) return null;
-  return /* @__PURE__ */ jsx39(Text35, { muted: true, size: 1, style: { fontFamily: "monospace" }, children: parts.join(" \xB7 ") });
+  return /* @__PURE__ */ jsx41(Text35, { muted: true, size: 1, style: { fontFamily: "monospace" }, children: parts.join(" \xB7 ") });
 }
 function Field({
   label,
   mono,
   value
 }) {
-  return /* @__PURE__ */ jsxs31(Stack26, { space: 1, children: [
-    /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsxs32(Stack27, { space: 1, children: [
+    /* @__PURE__ */ jsx41(
       Text35,
       {
         muted: true,
@@ -10686,7 +10772,7 @@ function Field({
         children: label
       }
     ),
-    /* @__PURE__ */ jsx39(Text35, { size: 2, style: mono ? { fontFamily: "monospace" } : void 0, children: value })
+    /* @__PURE__ */ jsx41(Text35, { size: 2, style: mono ? { fontFamily: "monospace" } : void 0, children: value })
   ] });
 }
 function TaskIdsField({ taskIds }) {
@@ -10694,9 +10780,9 @@ function TaskIdsField({ taskIds }) {
   const count = taskIds.length;
   const needsToggle = count > TASK_IDS_INLINE_THRESHOLD;
   const showList = !needsToggle || expanded;
-  return /* @__PURE__ */ jsxs31(Stack26, { space: 1, children: [
-    /* @__PURE__ */ jsxs31(Flex22, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsxs32(Stack27, { space: 1, children: [
+    /* @__PURE__ */ jsxs32(Flex23, { align: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx41(
         Text35,
         {
           muted: true,
@@ -10709,14 +10795,14 @@ function TaskIdsField({ taskIds }) {
           children: "Tasks"
         }
       ),
-      /* @__PURE__ */ jsxs31(Text35, { muted: true, size: 1, children: [
+      /* @__PURE__ */ jsxs32(Text35, { muted: true, size: 1, children: [
         "(",
         count,
         ")"
       ] })
     ] }),
-    showList && /* @__PURE__ */ jsx39(Stack26, { space: 1, children: taskIds.map((id) => /* @__PURE__ */ jsx39(Text35, { size: 2, style: { fontFamily: "monospace" }, children: id }, id)) }),
-    needsToggle && /* @__PURE__ */ jsx39(
+    showList && /* @__PURE__ */ jsx41(Stack27, { space: 1, children: taskIds.map((id) => /* @__PURE__ */ jsx41(Text35, { size: 2, style: { fontFamily: "monospace" }, children: id }, id)) }),
+    needsToggle && /* @__PURE__ */ jsx41(
       Button6,
       {
         fontSize: 1,
@@ -10733,15 +10819,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__ */ jsx39(Card16, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs31(Flex22, { align: "center", gap: 3, wrap: "wrap", children: [
-    /* @__PURE__ */ jsx39(Text35, { muted: true, size: 2, weight: "semibold", children: "Git" }),
-    /* @__PURE__ */ jsxs31(Text35, { size: 2, children: [
-      /* @__PURE__ */ jsx39("a", { href: repoUrl, rel: "noopener noreferrer", target: "_blank", children: git.repo }),
+  return /* @__PURE__ */ jsx41(Card17, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs32(Flex23, { align: "center", gap: 3, wrap: "wrap", children: [
+    /* @__PURE__ */ jsx41(Text35, { muted: true, size: 2, weight: "semibold", children: "Git" }),
+    /* @__PURE__ */ jsxs32(Text35, { size: 2, children: [
+      /* @__PURE__ */ jsx41("a", { href: repoUrl, rel: "noopener noreferrer", target: "_blank", children: git.repo }),
       " / ",
-      /* @__PURE__ */ jsx39("a", { href: branchUrl, rel: "noopener noreferrer", target: "_blank", children: git.branch })
+      /* @__PURE__ */ jsx41("a", { href: branchUrl, rel: "noopener noreferrer", target: "_blank", children: git.branch })
     ] }),
-    /* @__PURE__ */ jsx39(Text35, { muted: true, size: 2, style: { fontFamily: "monospace" }, children: /* @__PURE__ */ jsx39("a", { href: commitUrl, rel: "noopener noreferrer", target: "_blank", children: git.sha.slice(0, 12) }) }),
-    prUrl && /* @__PURE__ */ jsx39(Text35, { size: 2, children: /* @__PURE__ */ jsxs31("a", { href: prUrl, rel: "noopener noreferrer", target: "_blank", children: [
+    /* @__PURE__ */ jsx41(Text35, { muted: true, size: 2, style: { fontFamily: "monospace" }, children: /* @__PURE__ */ jsx41("a", { href: commitUrl, rel: "noopener noreferrer", target: "_blank", children: git.sha.slice(0, 12) }) }),
+    prUrl && /* @__PURE__ */ jsx41(Text35, { size: 2, children: /* @__PURE__ */ jsxs32("a", { href: prUrl, rel: "noopener noreferrer", target: "_blank", children: [
       "PR #",
       git.prNumber,
       " \u2192"
@@ -10752,14 +10838,14 @@ function PromptfooLinks({
   provenance
 }) {
   if (provenance.promptfooUrls && provenance.promptfooUrls.length > 0) {
-    return /* @__PURE__ */ jsx39(Flex22, { align: "center", gap: 3, wrap: "wrap", children: provenance.promptfooUrls.map((entry) => /* @__PURE__ */ jsx39(Text35, { size: 2, children: /* @__PURE__ */ jsxs31("a", { href: entry.url, rel: "noopener noreferrer", target: "_blank", children: [
+    return /* @__PURE__ */ jsx41(Flex23, { align: "center", gap: 3, wrap: "wrap", children: provenance.promptfooUrls.map((entry) => /* @__PURE__ */ jsx41(Text35, { size: 2, children: /* @__PURE__ */ jsxs32("a", { href: entry.url, rel: "noopener noreferrer", target: "_blank", children: [
       "View in Promptfoo (",
       entry.mode,
       ") \u2192"
     ] }) }, entry.mode)) });
   }
   if (provenance.promptfooUrl) {
-    return /* @__PURE__ */ jsx39(Text35, { size: 2, children: /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsx41(Text35, { size: 2, children: /* @__PURE__ */ jsx41(
       "a",
       {
         href: provenance.promptfooUrl,
@@ -10769,26 +10855,47 @@ function PromptfooLinks({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx39(PromptfooUnavailable, { reason: "not-shared" });
+  return /* @__PURE__ */ jsx41(PromptfooUnavailable, { reason: "not-shared" });
 }
 var UNAVAILABLE_TOOLTIPS = {
   "not-shared": "No Promptfoo share link was generated for this report. This usually means the evaluation was run locally without the --share flag."
 };
 function PromptfooUnavailable({ reason }) {
-  return /* @__PURE__ */ jsxs31(Flex22, { align: "center", gap: 2, children: [
-    /* @__PURE__ */ jsx39(Text35, { muted: true, size: 2, children: "Promptfoo report not available" }),
-    /* @__PURE__ */ jsx39(InfoTip, { text: UNAVAILABLE_TOOLTIPS[reason] ?? "" })
+  return /* @__PURE__ */ jsxs32(Flex23, { align: "center", gap: 2, children: [
+    /* @__PURE__ */ jsx41(Text35, { muted: true, size: 2, children: "Promptfoo report not available" }),
+    /* @__PURE__ */ jsx41(InfoTip, { text: UNAVAILABLE_TOOLTIPS[reason] ?? "" })
   ] });
 }
 
 // src/components/report-detail/RecommendationsSection.tsx
 import React3 from "react";
 import { BoltIcon } from "@sanity/icons";
-import { Box as Box25, Card as Card17, Flex as Flex23, Stack as Stack27, Text as Text37 } from "@sanity/ui";
+import { Box as Box26, Card as Card18, Flex as Flex24, Stack as Stack28, Text as Text37 } from "@sanity/ui";
+
+// src/components/primitives/InlineCode.tsx
+import { Fragment as Fragment12, jsx as jsx42 } from "react/jsx-runtime";
+function InlineCode({ text }) {
+  const parts = text.split(/`([^`]+)`/);
+  return /* @__PURE__ */ jsx42(Fragment12, { children: parts.map(
+    (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsx42(
+      "code",
+      {
+        style: {
+          background: "var(--card-code-bg-color, rgba(0,0,0,0.05))",
+          borderRadius: 3,
+          fontSize: "0.9em",
+          padding: "1px 4px"
+        },
+        children: part
+      },
+      i
+    ) : /* @__PURE__ */ jsx42("span", { children: part }, i)
+  ) });
+}
 
 // src/components/report-detail/failure-mode-styling.tsx
 import { Text as Text36 } from "@sanity/ui";
-import { jsx as jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs33 } from "react/jsx-runtime";
 var FAILURE_MODE_COLORS = {
   // Literacy taxonomy
   "missing-docs": { bg: "rgba(239,68,68,0.2)", text: "#f87171" },
@@ -10848,8 +10955,8 @@ var fmLabel = {
 function failureModeTip(mode) {
   const desc = FAILURE_MODE_DESCS[mode];
   if (!desc) return GLOSSARY.failureMode;
-  return /* @__PURE__ */ jsxs32(Text36, { size: 2, style: { lineHeight: 1.5 }, children: [
-    /* @__PURE__ */ jsx40("span", { style: fmLabel, children: mode }),
+  return /* @__PURE__ */ jsxs33(Text36, { size: 2, style: { lineHeight: 1.5 }, children: [
+    /* @__PURE__ */ jsx43("span", { style: fmLabel, children: mode }),
     " \u2014 ",
     desc
   ] });
@@ -10858,10 +10965,10 @@ function confidenceTip(level) {
   const desc = CONFIDENCE_DESCS[level];
   if (!desc) return GLOSSARY.confidence;
   const icons = { high: "\u{1F7E2}", medium: "\u{1F7E1}", low: "\u{1F534}" };
-  return /* @__PURE__ */ jsxs32(Text36, { size: 2, style: { lineHeight: 1.5 }, children: [
+  return /* @__PURE__ */ jsxs33(Text36, { size: 2, style: { lineHeight: 1.5 }, children: [
     icons[level],
     " ",
-    /* @__PURE__ */ jsxs32("span", { style: fmLabel, children: [
+    /* @__PURE__ */ jsxs33("span", { style: fmLabel, children: [
       level,
       " confidence"
     ] }),
@@ -10877,18 +10984,16 @@ function failureModeColor(mode) {
 }
 
 // src/components/report-detail/RecommendationsSection.tsx
-import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs34 } from "react/jsx-runtime";
 var ACTION_CARD_TYPES = /* @__PURE__ */ new Set([
   "top-recommendations",
   "low-confidence-attribution",
   "doc-attribution-spotlight",
   "regression-vs-baseline"
 ]);
-var CLAMP_4_LINES = {
-  display: "-webkit-box",
-  WebkitLineClamp: 4,
-  WebkitBoxOrient: "vertical",
-  overflow: "hidden"
+var WRAPPED_PROSE = {
+  overflowWrap: "anywhere",
+  wordBreak: "break-word"
 };
 var PRIORITY_COLORS = {
   high: { bg: "rgba(239,68,68,0.2)", text: "#f87171" },
@@ -10896,53 +11001,57 @@ var PRIORITY_COLORS = {
   low: { bg: "rgba(107,114,128,0.2)", text: "#9ca3af" }
 };
 function renderTopRecommendations(body, _meta) {
-  return /* @__PURE__ */ jsx41(Card17, { padding: 3, radius: 2, tone: "default", children: /* @__PURE__ */ jsxs33(Stack27, { space: 3, children: [
-    /* @__PURE__ */ jsxs33(Flex23, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx41(Text37, { size: 1, muted: true, weight: "semibold", children: "Top recommendations" }),
-      /* @__PURE__ */ jsxs33(Text37, { size: 1, muted: true, children: [
+  return /* @__PURE__ */ jsx44(Card18, { padding: 3, radius: 2, tone: "default", children: /* @__PURE__ */ jsxs34(Stack28, { space: 3, children: [
+    /* @__PURE__ */ jsxs34(Flex24, { align: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx44(Text37, { size: 1, muted: true, weight: "semibold", children: "Top recommendations" }),
+      /* @__PURE__ */ jsxs34(Text37, { size: 1, muted: true, children: [
         "(",
         body.suggestions.length,
         ")"
       ] })
     ] }),
-    /* @__PURE__ */ jsx41(Text37, { size: 2, children: body.summary }),
-    /* @__PURE__ */ jsx41(Stack27, { space: 2, children: body.suggestions.map((s, i) => {
+    /* @__PURE__ */ jsx44(Text37, { size: 2, style: WRAPPED_PROSE, children: /* @__PURE__ */ jsx44(InlineCode, { text: body.summary }) }),
+    /* @__PURE__ */ jsx44(Stack28, { space: 2, children: body.suggestions.map((s, i) => {
       const colors = PRIORITY_COLORS[s.priority] ?? {
         bg: "var(--card-muted-bg-color)",
         text: "var(--card-muted-fg-color)"
       };
-      return /* @__PURE__ */ jsx41(
-        Box25,
+      return /* @__PURE__ */ jsx44(
+        Box26,
         {
-          padding: 2,
+          padding: 3,
           style: {
             borderRadius: 4,
             border: "1px solid var(--card-border-color)"
           },
-          children: /* @__PURE__ */ jsxs33(Stack27, { space: 2, children: [
-            /* @__PURE__ */ jsxs33(Flex23, { align: "center", gap: 2, children: [
-              /* @__PURE__ */ jsx41(
+          children: /* @__PURE__ */ jsxs34(Stack28, { space: 3, children: [
+            /* @__PURE__ */ jsxs34(Flex24, { align: "flex-start", gap: 2, wrap: "wrap", children: [
+              /* @__PURE__ */ jsx44(
                 "span",
                 {
                   style: {
                     backgroundColor: colors.bg,
                     borderRadius: 4,
                     color: colors.text,
-                    fontSize: 12,
+                    flexShrink: 0,
+                    fontSize: 11,
                     fontWeight: 600,
+                    letterSpacing: 0.4,
                     padding: "2px 6px",
                     textTransform: "uppercase"
                   },
                   children: s.priority
                 }
               ),
-              /* @__PURE__ */ jsx41(Text37, { size: 2, weight: "semibold", children: s.title })
+              /* @__PURE__ */ jsx44(Text37, { size: 2, weight: "semibold", style: WRAPPED_PROSE, children: s.title })
             ] }),
-            /* @__PURE__ */ jsx41(Text37, { size: 2, muted: true, style: CLAMP_4_LINES, children: s.body }),
-            /* @__PURE__ */ jsxs33(Text37, { size: 1, muted: true, children: [
-              s.docSlug,
-              s.sectionHeading !== null ? ` \xB7 ${s.sectionHeading}` : ""
-            ] })
+            /* @__PURE__ */ jsx44(Text37, { size: 2, muted: true, style: WRAPPED_PROSE, children: /* @__PURE__ */ jsx44(InlineCode, { text: s.body }) }),
+            /* @__PURE__ */ jsx44(Text37, { size: 1, muted: true, style: WRAPPED_PROSE, children: /* @__PURE__ */ jsx44(
+              InlineCode,
+              {
+                text: s.docSlug + (s.sectionHeading !== null ? ` \xB7 ${s.sectionHeading}` : "")
+              }
+            ) })
           ] })
         },
         `sugg-${i}`
@@ -10951,17 +11060,17 @@ function renderTopRecommendations(body, _meta) {
   ] }) });
 }
 function renderLowConfidenceAttribution(body, _meta) {
-  return /* @__PURE__ */ jsx41(Card17, { padding: 3, radius: 2, tone: "default", children: /* @__PURE__ */ jsxs33(Stack27, { space: 2, children: [
-    /* @__PURE__ */ jsxs33(Flex23, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx41(Text37, { size: 1, muted: true, weight: "semibold", children: "Low-confidence attribution" }),
-      /* @__PURE__ */ jsxs33(Text37, { size: 1, muted: true, children: [
+  return /* @__PURE__ */ jsx44(Card18, { padding: 3, radius: 2, tone: "default", children: /* @__PURE__ */ jsxs34(Stack28, { space: 2, children: [
+    /* @__PURE__ */ jsxs34(Flex24, { align: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx44(Text37, { size: 1, muted: true, weight: "semibold", children: "Low-confidence attribution" }),
+      /* @__PURE__ */ jsxs34(Text37, { size: 1, muted: true, children: [
         "(",
         body.judgmentRefs.length,
         ")"
       ] })
     ] }),
-    /* @__PURE__ */ jsx41(Text37, { size: 2, style: CLAMP_4_LINES, children: body.summary }),
-    /* @__PURE__ */ jsx41(Stack27, { space: 1, children: body.judgmentRefs.map((ref, i) => /* @__PURE__ */ jsxs33(Text37, { size: 1, muted: true, children: [
+    /* @__PURE__ */ jsx44(Text37, { size: 2, style: WRAPPED_PROSE, children: /* @__PURE__ */ jsx44(InlineCode, { text: body.summary }) }),
+    /* @__PURE__ */ jsx44(Stack28, { space: 1, children: body.judgmentRefs.map((ref, i) => /* @__PURE__ */ jsxs34(Text37, { size: 1, muted: true, style: WRAPPED_PROSE, children: [
       ref.taskId,
       " \xB7 ",
       ref.modelId,
@@ -10971,35 +11080,35 @@ function renderLowConfidenceAttribution(body, _meta) {
   ] }) });
 }
 function renderDocAttributionSpotlight(body, _meta) {
-  return /* @__PURE__ */ jsx41(Card17, { padding: 3, radius: 2, tone: "default", children: /* @__PURE__ */ jsxs33(Stack27, { space: 2, children: [
-    /* @__PURE__ */ jsx41(Text37, { size: 1, muted: true, weight: "semibold", children: "Doc attribution spotlight" }),
-    /* @__PURE__ */ jsx41(Text37, { size: 2, children: body.summary }),
-    /* @__PURE__ */ jsx41(Stack27, { space: 1, children: body.docCitations.map((c, i) => /* @__PURE__ */ jsxs33(Flex23, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx41(Text37, { size: 2, children: c.docSlug }),
-      /* @__PURE__ */ jsx41(Text37, { size: 1, muted: true, children: c.role }),
-      /* @__PURE__ */ jsx41(HoverTip, { text: confidenceTip(c.confidence), children: /* @__PURE__ */ jsx41(Text37, { size: 1, muted: true, children: c.confidence }) })
+  return /* @__PURE__ */ jsx44(Card18, { padding: 3, radius: 2, tone: "default", children: /* @__PURE__ */ jsxs34(Stack28, { space: 2, children: [
+    /* @__PURE__ */ jsx44(Text37, { size: 1, muted: true, weight: "semibold", children: "Doc attribution spotlight" }),
+    /* @__PURE__ */ jsx44(Text37, { size: 2, style: WRAPPED_PROSE, children: /* @__PURE__ */ jsx44(InlineCode, { text: body.summary }) }),
+    /* @__PURE__ */ jsx44(Stack28, { space: 1, children: body.docCitations.map((c, i) => /* @__PURE__ */ jsxs34(Flex24, { align: "center", gap: 2, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx44(Text37, { size: 2, style: WRAPPED_PROSE, children: c.docSlug }),
+      /* @__PURE__ */ jsx44(Text37, { size: 1, muted: true, children: c.role }),
+      /* @__PURE__ */ jsx44(HoverTip, { text: confidenceTip(c.confidence.level), children: /* @__PURE__ */ jsx44(Text37, { size: 1, muted: true, children: c.confidence.level }) })
     ] }, `doc-${i}`)) })
   ] }) });
 }
 function renderRegressionVsBaseline(body, _meta) {
-  return /* @__PURE__ */ jsx41(Card17, { padding: 3, radius: 2, tone: "default", children: /* @__PURE__ */ jsxs33(Stack27, { space: 2, children: [
-    /* @__PURE__ */ jsxs33(Flex23, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx41(Text37, { size: 1, muted: true, weight: "semibold", children: "Regression vs baseline" }),
-      /* @__PURE__ */ jsxs33(Text37, { size: 1, muted: true, children: [
+  return /* @__PURE__ */ jsx44(Card18, { padding: 3, radius: 2, tone: "default", children: /* @__PURE__ */ jsxs34(Stack28, { space: 2, children: [
+    /* @__PURE__ */ jsxs34(Flex24, { align: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx44(Text37, { size: 1, muted: true, weight: "semibold", children: "Regression vs baseline" }),
+      /* @__PURE__ */ jsxs34(Text37, { size: 1, muted: true, children: [
         "(",
         body.overallTrend,
         ")"
       ] })
     ] }),
-    /* @__PURE__ */ jsx41(Text37, { size: 2, children: body.summary }),
-    /* @__PURE__ */ jsx41(Stack27, { space: 1, children: body.deltas.map((d, i) => {
+    /* @__PURE__ */ jsx44(Text37, { size: 2, style: WRAPPED_PROSE, children: /* @__PURE__ */ jsx44(InlineCode, { text: body.summary }) }),
+    /* @__PURE__ */ jsx44(Stack28, { space: 1, children: body.deltas.map((d, i) => {
       const arrow = d.direction === "improved" ? "\u2191" : d.direction === "regressed" ? "\u2193" : "\u2192";
       const deltaColor = d.pointsDelta > 0 ? "#34d399" : d.pointsDelta < 0 ? "#f87171" : "var(--card-muted-fg-color)";
       const driverPreview = d.drivers[0] ?? "";
       const colors = failureModeColor(driverPreview);
-      return /* @__PURE__ */ jsxs33(Flex23, { align: "center", gap: 2, children: [
-        /* @__PURE__ */ jsx41(Text37, { size: 2, weight: "medium", children: d.area }),
-        /* @__PURE__ */ jsxs33(
+      return /* @__PURE__ */ jsxs34(Flex24, { align: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx44(Text37, { size: 2, weight: "medium", children: d.area }),
+        /* @__PURE__ */ jsxs34(
           "span",
           {
             style: {
@@ -11016,7 +11125,7 @@ function renderRegressionVsBaseline(body, _meta) {
             ]
           }
         ),
-        driverPreview && /* @__PURE__ */ jsx41(
+        driverPreview && /* @__PURE__ */ jsx44(
           "span",
           {
             style: {
@@ -11034,7 +11143,7 @@ function renderRegressionVsBaseline(body, _meta) {
   ] }) });
 }
 function renderDegradedCard(card) {
-  return /* @__PURE__ */ jsx41(Card17, { padding: 2, radius: 2, tone: "caution", children: /* @__PURE__ */ jsxs33(Text37, { size: 1, muted: true, children: [
+  return /* @__PURE__ */ jsx44(Card18, { padding: 2, radius: 2, tone: "caution", children: /* @__PURE__ */ jsxs34(Text37, { size: 1, muted: true, children: [
     "Card unavailable: ",
     card.cardType,
     " (",
@@ -11051,26 +11160,26 @@ function RecommendationsSection(props) {
     (c) => (c.status === "ready" || c.status === "degraded") && ACTION_CARD_TYPES.has(c.cardType)
   );
   if (matched.length === 0) return null;
-  return /* @__PURE__ */ jsx41(Card17, { padding: 4, radius: 2, shadow: 1, style: neutralCardStyle, children: /* @__PURE__ */ jsxs33(Stack27, { space: 4, children: [
-    /* @__PURE__ */ jsxs33(Flex23, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx41(BoltIcon, { style: { color: "#fbbf24" } }),
-      /* @__PURE__ */ jsx41(Text37, { size: 2, weight: "semibold", children: "Recommendations" })
+  return /* @__PURE__ */ jsx44(Card18, { padding: 4, radius: 2, shadow: 1, style: neutralCardStyle, children: /* @__PURE__ */ jsxs34(Stack28, { space: 4, children: [
+    /* @__PURE__ */ jsxs34(Flex24, { align: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx44(BoltIcon, { style: { color: "#fbbf24" } }),
+      /* @__PURE__ */ jsx44(Text37, { size: 2, weight: "semibold", children: "Recommendations" })
     ] }),
-    /* @__PURE__ */ jsx41(Box25, { style: dividerStyle }),
-    /* @__PURE__ */ jsx41(Stack27, { space: 3, children: matched.map((card, idx) => {
+    /* @__PURE__ */ jsx44(Box26, { style: dividerStyle }),
+    /* @__PURE__ */ jsx44(Stack28, { space: 3, children: matched.map((card, idx) => {
       const key = `action-${idx}`;
       if (card.status === "degraded") {
-        return /* @__PURE__ */ jsx41(React3.Fragment, { children: renderDegradedCard(card) }, key);
+        return /* @__PURE__ */ jsx44(React3.Fragment, { children: renderDegradedCard(card) }, key);
       }
       switch (card.cardType) {
         case "top-recommendations":
-          return /* @__PURE__ */ jsx41(React3.Fragment, { children: renderTopRecommendations(card.body, card.meta) }, key);
+          return /* @__PURE__ */ jsx44(React3.Fragment, { children: renderTopRecommendations(card.body, card.meta) }, key);
         case "low-confidence-attribution":
-          return /* @__PURE__ */ jsx41(React3.Fragment, { children: renderLowConfidenceAttribution(card.body, card.meta) }, key);
+          return /* @__PURE__ */ jsx44(React3.Fragment, { children: renderLowConfidenceAttribution(card.body, card.meta) }, key);
         case "doc-attribution-spotlight":
-          return /* @__PURE__ */ jsx41(React3.Fragment, { children: renderDocAttributionSpotlight(card.body, card.meta) }, key);
+          return /* @__PURE__ */ jsx44(React3.Fragment, { children: renderDocAttributionSpotlight(card.body, card.meta) }, key);
         case "regression-vs-baseline":
-          return /* @__PURE__ */ jsx41(React3.Fragment, { children: renderRegressionVsBaseline(card.body, card.meta) }, key);
+          return /* @__PURE__ */ jsx44(React3.Fragment, { children: renderRegressionVsBaseline(card.body, card.meta) }, key);
         default:
           return null;
       }
@@ -11080,7 +11189,7 @@ function RecommendationsSection(props) {
 
 // src/components/report-detail/report-actions/ActionButton.tsx
 import { Button as Button7, useToast as useToast2 } from "@sanity/ui";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 
 // src/components/report-detail/report-actions/JudgmentActions.tsx
 import { DocumentTextIcon, LinkIcon as LinkIcon3 } from "@sanity/icons";
@@ -11089,16 +11198,16 @@ import { useCallback as useCallback26 } from "react";
 
 // src/components/report-detail/report-actions/SplitActionButton.tsx
 import { ChevronDownIcon as ChevronDownIcon4 } from "@sanity/icons";
-import { Button as Button8, Flex as Flex24, Menu as Menu2, MenuButton as MenuButton2 } from "@sanity/ui";
-import { jsx as jsx43, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Button as Button8, Flex as Flex25, Menu as Menu2, MenuButton as MenuButton2 } from "@sanity/ui";
+import { jsx as jsx46, jsxs as jsxs35 } from "react/jsx-runtime";
 function SplitActionButton({
   menu,
   menuId,
   placement = "bottom-end",
   primary
 }) {
-  return /* @__PURE__ */ jsxs34(Flex24, { children: [
-    /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsxs35(Flex25, { children: [
+    /* @__PURE__ */ jsx46(
       Button8,
       {
         fontSize: primary.fontSize,
@@ -11115,10 +11224,10 @@ function SplitActionButton({
         text: primary.text
       }
     ),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx46(
       MenuButton2,
       {
-        button: /* @__PURE__ */ jsx43(
+        button: /* @__PURE__ */ jsx46(
           Button8,
           {
             icon: ChevronDownIcon4,
@@ -11132,7 +11241,7 @@ function SplitActionButton({
           }
         ),
         id: menuId,
-        menu: /* @__PURE__ */ jsx43(Menu2, { children: menu }),
+        menu: /* @__PURE__ */ jsx46(Menu2, { children: menu }),
         popover: { placement, portal: true }
       }
     )
@@ -11140,7 +11249,7 @@ function SplitActionButton({
 }
 
 // src/components/report-detail/report-actions/JudgmentActions.tsx
-import { Fragment as Fragment12, jsx as jsx44, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx47, jsxs as jsxs36 } from "react/jsx-runtime";
 function JudgmentActions({ onShowPrompts } = {}) {
   const toast = useToast3();
   const handleCopyLink = useCallback26(() => {
@@ -11161,12 +11270,12 @@ function JudgmentActions({ onShowPrompts } = {}) {
       }
     );
   }, [toast]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx47(
     SplitActionButton,
     {
-      menu: /* @__PURE__ */ jsxs35(Fragment12, { children: [
-        onShowPrompts && /* @__PURE__ */ jsxs35(Fragment12, { children: [
-          /* @__PURE__ */ jsx44(
+      menu: /* @__PURE__ */ jsxs36(Fragment13, { children: [
+        onShowPrompts && /* @__PURE__ */ jsxs36(Fragment13, { children: [
+          /* @__PURE__ */ jsx47(
             MenuItem2,
             {
               icon: DocumentTextIcon,
@@ -11174,9 +11283,9 @@ function JudgmentActions({ onShowPrompts } = {}) {
               text: "Show prompts"
             }
           ),
-          /* @__PURE__ */ jsx44(MenuDivider2, {})
+          /* @__PURE__ */ jsx47(MenuDivider2, {})
         ] }),
-        /* @__PURE__ */ jsx44(MenuItem2, { icon: LinkIcon3, onClick: handleCopyLink, text: "Copy link" })
+        /* @__PURE__ */ jsx47(MenuItem2, { icon: LinkIcon3, onClick: handleCopyLink, text: "Copy link" })
       ] }),
       menuId: "judgment-actions-menu",
       primary: {
@@ -11201,7 +11310,7 @@ import { ClipboardIcon } from "@sanity/icons";
 import { MenuItem as MenuItem3, useToast as useToast4 } from "@sanity/ui";
 import { useCallback as useCallback27, useState as useState21 } from "react";
 import { useClient as useClient8 } from "sanity";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function CopyReportAction({ documentId }) {
   const client = useClient8({ apiVersion: API_VERSION });
   const toast = useToast4();
@@ -11238,7 +11347,7 @@ function CopyReportAction({ documentId }) {
       setCopying(false);
     }
   }, [client, documentId, toast]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx48(
     MenuItem3,
     {
       disabled: copying,
@@ -11253,7 +11362,7 @@ function CopyReportAction({ documentId }) {
 import { CopyIcon as CopyIcon2 } from "@sanity/icons";
 import { MenuItem as MenuItem4, useToast as useToast5 } from "@sanity/ui";
 import { useCallback as useCallback28 } from "react";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function CopyReportIdAction({ reportId }) {
   const toast = useToast5();
   const handleClick = useCallback28(() => {
@@ -11274,14 +11383,14 @@ function CopyReportIdAction({ reportId }) {
       }
     );
   }, [reportId, toast]);
-  return /* @__PURE__ */ jsx46(MenuItem4, { icon: CopyIcon2, onClick: handleClick, text: "Copy report ID" });
+  return /* @__PURE__ */ jsx49(MenuItem4, { icon: CopyIcon2, onClick: handleClick, text: "Copy report ID" });
 }
 
 // src/components/report-detail/report-actions/CopyVisionQueryAction.tsx
 import { SearchIcon as SearchIcon7 } from "@sanity/icons";
 import { MenuItem as MenuItem5, useToast as useToast6 } from "@sanity/ui";
 import { useCallback as useCallback29 } from "react";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 function CopyVisionQueryAction({
   reportId
 }) {
@@ -11306,7 +11415,7 @@ function CopyVisionQueryAction({
       }
     );
   }, [reportId, toast]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx50(
     MenuItem5,
     {
       icon: SearchIcon7,
@@ -11317,24 +11426,24 @@ function CopyVisionQueryAction({
 }
 
 // src/components/report-detail/report-actions/DeleteConfirmDialog.tsx
-import { Box as Box26, Button as Button9, Card as Card18, Dialog as Dialog2, Flex as Flex25, Stack as Stack28, Text as Text38 } from "@sanity/ui";
-import { jsx as jsx48, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Box as Box27, Button as Button9, Card as Card19, Dialog as Dialog2, Flex as Flex26, Stack as Stack29, Text as Text38 } from "@sanity/ui";
+import { jsx as jsx51, jsxs as jsxs37 } from "react/jsx-runtime";
 function DeleteConfirmDialog({
   isDeleting,
   onClose,
   onConfirm,
   reportId
 }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx51(
     Dialog2,
     {
       header: "Delete Report",
       id: "delete-report-dialog",
       onClose,
       width: 1,
-      children: /* @__PURE__ */ jsx48(Box26, { padding: 4, children: /* @__PURE__ */ jsxs36(Stack28, { space: 4, children: [
-        /* @__PURE__ */ jsx48(Text38, { children: "Are you sure you want to delete this report? This action cannot be undone." }),
-        /* @__PURE__ */ jsx48(Card18, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx48(
+      children: /* @__PURE__ */ jsx51(Box27, { padding: 4, children: /* @__PURE__ */ jsxs37(Stack29, { space: 4, children: [
+        /* @__PURE__ */ jsx51(Text38, { children: "Are you sure you want to delete this report? This action cannot be undone." }),
+        /* @__PURE__ */ jsx51(Card19, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx51(
           Text38,
           {
             muted: true,
@@ -11343,8 +11452,8 @@ function DeleteConfirmDialog({
             children: reportId
           }
         ) }),
-        /* @__PURE__ */ jsxs36(Flex25, { gap: 2, justify: "flex-end", children: [
-          /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsxs37(Flex26, { gap: 2, justify: "flex-end", children: [
+          /* @__PURE__ */ jsx51(
             Button9,
             {
               disabled: isDeleting,
@@ -11353,7 +11462,7 @@ function DeleteConfirmDialog({
               text: "Cancel"
             }
           ),
-          /* @__PURE__ */ jsx48(
+          /* @__PURE__ */ jsx51(
             Button9,
             {
               disabled: isDeleting,
@@ -11371,11 +11480,11 @@ function DeleteConfirmDialog({
 // src/components/report-detail/report-actions/DeleteReportAction.tsx
 import { TrashIcon } from "@sanity/icons";
 import { MenuItem as MenuItem6 } from "@sanity/ui";
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 function DeleteReportAction({
   onRequestDelete
 }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx52(
     MenuItem6,
     {
       icon: TrashIcon,
@@ -11391,7 +11500,7 @@ import { DownloadIcon } from "@sanity/icons";
 import { MenuItem as MenuItem7, useToast as useToast7 } from "@sanity/ui";
 import { useCallback as useCallback30, useState as useState22 } from "react";
 import { useClient as useClient9 } from "sanity";
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function DownloadReportAction({
   documentId,
   reportId
@@ -11439,7 +11548,7 @@ function DownloadReportAction({
       setDownloading(false);
     }
   }, [client, documentId, reportId, toast]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx53(
     MenuItem7,
     {
       disabled: downloading,
@@ -11469,7 +11578,7 @@ function extractEvalScope(provenance) {
 }
 
 // src/components/report-detail/report-actions/RerunEvaluationAction.tsx
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 var EVAL_REQUEST_TYPE2 = "ailf.evalRequest";
 function slugify2(s) {
   return s.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 40);
@@ -11536,7 +11645,7 @@ function RerunEvaluationAction({
       setRequesting(false);
     }
   }, [client, currentUser?.id, provenance, reportId, toast]);
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx54(
     MenuItem8,
     {
       disabled: requesting,
@@ -11551,7 +11660,7 @@ function RerunEvaluationAction({
 import { LaunchIcon } from "@sanity/icons";
 import { MenuItem as MenuItem9 } from "@sanity/ui";
 import { useCallback as useCallback32 } from "react";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 function commonPathPrefix(paths) {
   if (paths.length === 0) return "";
   const segmented = paths.map((p) => p.split("/").filter(Boolean));
@@ -11589,7 +11698,7 @@ function ViewArtifactsAction({ manifest }) {
     if (url) window.open(url, "_blank", "noopener,noreferrer");
   }, [url]);
   if (!url) return null;
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx55(
     MenuItem9,
     {
       icon: LaunchIcon,
@@ -11600,7 +11709,7 @@ function ViewArtifactsAction({ manifest }) {
 }
 
 // src/components/report-detail/report-actions/ReportActions.tsx
-import { Fragment as Fragment13, jsx as jsx53, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx56, jsxs as jsxs38 } from "react/jsx-runtime";
 function ReportActions({
   artifactManifest,
   documentId,
@@ -11657,26 +11766,26 @@ function ReportActions({
       setDeleting(false);
     }
   }, [client, documentId, onDeleted, toast]);
-  return /* @__PURE__ */ jsxs37(Fragment13, { children: [
-    /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsxs38(Fragment14, { children: [
+    /* @__PURE__ */ jsx56(
       SplitActionButton,
       {
-        menu: /* @__PURE__ */ jsxs37(Fragment13, { children: [
-          /* @__PURE__ */ jsx53(CopyReportIdAction, { reportId }),
-          /* @__PURE__ */ jsx53(
+        menu: /* @__PURE__ */ jsxs38(Fragment14, { children: [
+          /* @__PURE__ */ jsx56(CopyReportIdAction, { reportId }),
+          /* @__PURE__ */ jsx56(
             RerunEvaluationAction,
             {
               provenance,
               reportId
             }
           ),
-          /* @__PURE__ */ jsx53(MenuDivider3, {}),
-          /* @__PURE__ */ jsx53(DownloadReportAction, { documentId, reportId }),
-          /* @__PURE__ */ jsx53(ViewArtifactsAction, { manifest: artifactManifest }),
-          /* @__PURE__ */ jsx53(CopyReportAction, { documentId }),
-          /* @__PURE__ */ jsx53(CopyVisionQueryAction, { reportId }),
-          /* @__PURE__ */ jsx53(MenuDivider3, {}),
-          /* @__PURE__ */ jsx53(DeleteReportAction, { onRequestDelete: handleRequestDelete })
+          /* @__PURE__ */ jsx56(MenuDivider3, {}),
+          /* @__PURE__ */ jsx56(DownloadReportAction, { documentId, reportId }),
+          /* @__PURE__ */ jsx56(ViewArtifactsAction, { manifest: artifactManifest }),
+          /* @__PURE__ */ jsx56(CopyReportAction, { documentId }),
+          /* @__PURE__ */ jsx56(CopyVisionQueryAction, { reportId }),
+          /* @__PURE__ */ jsx56(MenuDivider3, {}),
+          /* @__PURE__ */ jsx56(DeleteReportAction, { onRequestDelete: handleRequestDelete })
         ] }),
         menuId: "report-actions-menu",
         primary: {
@@ -11686,7 +11795,7 @@ function ReportActions({
         }
       }
     ),
-    deleteDialogOpen && /* @__PURE__ */ jsx53(
+    deleteDialogOpen && /* @__PURE__ */ jsx56(
       DeleteConfirmDialog,
       {
         isDeleting: deleting,
@@ -11700,8 +11809,8 @@ function ReportActions({
 
 // src/components/report-detail/ReportHeader.tsx
 import { ArrowLeftIcon as ArrowLeftIcon2 } from "@sanity/icons";
-import { Button as Button10, Flex as Flex26, Stack as Stack29, Text as Text39 } from "@sanity/ui";
-import { jsx as jsx54, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Button as Button10, Flex as Flex27, Stack as Stack30, Text as Text39 } from "@sanity/ui";
+import { jsx as jsx57, jsxs as jsxs39 } from "react/jsx-runtime";
 function ReportHeader({
   completedAt,
   onBack,
@@ -11711,42 +11820,40 @@ function ReportHeader({
   const dateLabel = formatCardDate(completedAt);
   const displayTitle = title ?? tag ?? dateLabel;
   const hasSubtitle = Boolean(title ?? tag);
-  return /* @__PURE__ */ jsxs38(Flex26, { align: "center", gap: 3, children: [
-    /* @__PURE__ */ jsx54(Button10, { icon: ArrowLeftIcon2, mode: "bleed", onClick: onBack, text: "Back" }),
-    /* @__PURE__ */ jsxs38(Stack29, { flex: 1, space: 1, children: [
-      /* @__PURE__ */ jsx54(Text39, { size: 4, weight: "bold", children: displayTitle }),
-      hasSubtitle && /* @__PURE__ */ jsx54(Text39, { muted: true, size: 2, children: dateLabel })
+  return /* @__PURE__ */ jsxs39(Flex27, { align: "center", gap: 3, children: [
+    /* @__PURE__ */ jsx57(Button10, { icon: ArrowLeftIcon2, mode: "bleed", onClick: onBack, text: "Back" }),
+    /* @__PURE__ */ jsxs39(Stack30, { flex: 1, space: 1, children: [
+      /* @__PURE__ */ jsx57(Text39, { size: 4, weight: "bold", children: displayTitle }),
+      hasSubtitle && /* @__PURE__ */ jsx57(Text39, { muted: true, size: 2, children: dateLabel })
     ] })
   ] });
 }
 
 // src/components/report-detail/ScoreInterpretationPanel.tsx
 import React4 from "react";
-import { Box as Box27, Card as Card19, Flex as Flex27, Stack as Stack30, Text as Text40 } from "@sanity/ui";
-import { jsx as jsx55, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Box as Box28, Card as Card20, Flex as Flex28, Stack as Stack31, Text as Text40 } from "@sanity/ui";
+import { jsx as jsx58, jsxs as jsxs40 } from "react/jsx-runtime";
 var INTERPRETIVE_CARD_TYPES = /* @__PURE__ */ new Set([
   "area-summary",
   "failure-mode-summary",
   "weakest-area"
 ]);
-var CLAMP_5_LINES = {
-  display: "-webkit-box",
-  WebkitLineClamp: 5,
-  WebkitBoxOrient: "vertical",
-  overflow: "hidden"
+var WRAPPED_PROSE2 = {
+  overflowWrap: "anywhere",
+  wordBreak: "break-word"
 };
 function renderAreaSummary(body, _meta) {
-  return /* @__PURE__ */ jsx55(Card19, { padding: 3, radius: 2, tone: "default", children: /* @__PURE__ */ jsxs39(Stack30, { space: 2, children: [
-    /* @__PURE__ */ jsx55(Text40, { size: 1, muted: true, weight: "semibold", children: "Area summary" }),
-    /* @__PURE__ */ jsx55(Text40, { size: 2, children: body.summary })
+  return /* @__PURE__ */ jsx58(Card20, { padding: 3, radius: 2, tone: "default", children: /* @__PURE__ */ jsxs40(Stack31, { space: 2, children: [
+    /* @__PURE__ */ jsx58(Text40, { size: 1, muted: true, weight: "semibold", children: "Area summary" }),
+    /* @__PURE__ */ jsx58(Text40, { size: 2, style: WRAPPED_PROSE2, children: /* @__PURE__ */ jsx58(InlineCode, { text: body.summary }) })
   ] }) });
 }
 function renderFailureModeSummary(body, _meta) {
   const colors = failureModeColor(body.failureMode);
-  return /* @__PURE__ */ jsx55(Card19, { padding: 3, radius: 2, tone: "default", children: /* @__PURE__ */ jsxs39(Stack30, { space: 2, children: [
-    /* @__PURE__ */ jsxs39(Flex27, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx55(Text40, { size: 1, muted: true, weight: "semibold", children: "Failure mode" }),
-      /* @__PURE__ */ jsx55(HoverTip, { text: failureModeTip(body.failureMode), children: /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx58(Card20, { padding: 3, radius: 2, tone: "default", children: /* @__PURE__ */ jsxs40(Stack31, { space: 2, children: [
+    /* @__PURE__ */ jsxs40(Flex28, { align: "center", gap: 2, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx58(Text40, { size: 1, muted: true, weight: "semibold", children: "Failure mode" }),
+      /* @__PURE__ */ jsx58(HoverTip, { text: failureModeTip(body.failureMode), children: /* @__PURE__ */ jsx58(
         "span",
         {
           style: {
@@ -11760,7 +11867,7 @@ function renderFailureModeSummary(body, _meta) {
           children: body.failureMode
         }
       ) }),
-      /* @__PURE__ */ jsxs39(Text40, { size: 1, muted: true, children: [
+      /* @__PURE__ */ jsxs40(Text40, { size: 1, muted: true, children: [
         body.dimension,
         " \xB7 ",
         body.count,
@@ -11768,16 +11875,16 @@ function renderFailureModeSummary(body, _meta) {
         body.sampleSize
       ] })
     ] }),
-    /* @__PURE__ */ jsx55(Text40, { size: 2, children: body.summary })
+    /* @__PURE__ */ jsx58(Text40, { size: 2, style: WRAPPED_PROSE2, children: /* @__PURE__ */ jsx58(InlineCode, { text: body.summary }) })
   ] }) });
 }
 function renderWeakestArea(body, _meta) {
   const colors = failureModeColor(body.failureMode);
-  return /* @__PURE__ */ jsx55(Card19, { padding: 3, radius: 2, tone: "default", children: /* @__PURE__ */ jsxs39(Stack30, { space: 2, children: [
-    /* @__PURE__ */ jsxs39(Flex27, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx55(Text40, { size: 1, muted: true, weight: "semibold", children: "Weakest area" }),
-      /* @__PURE__ */ jsx55(Text40, { size: 2, weight: "semibold", children: body.area }),
-      /* @__PURE__ */ jsx55(HoverTip, { text: failureModeTip(body.failureMode), children: /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx58(Card20, { padding: 3, radius: 2, tone: "default", children: /* @__PURE__ */ jsxs40(Stack31, { space: 2, children: [
+    /* @__PURE__ */ jsxs40(Flex28, { align: "center", gap: 2, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx58(Text40, { size: 1, muted: true, weight: "semibold", children: "Weakest area" }),
+      /* @__PURE__ */ jsx58(Text40, { size: 2, weight: "semibold", children: body.area }),
+      /* @__PURE__ */ jsx58(HoverTip, { text: failureModeTip(body.failureMode), children: /* @__PURE__ */ jsx58(
         "span",
         {
           style: {
@@ -11791,17 +11898,17 @@ function renderWeakestArea(body, _meta) {
           children: body.failureMode
         }
       ) }),
-      /* @__PURE__ */ jsx55(HoverTip, { text: confidenceTip(body.confidence), children: /* @__PURE__ */ jsxs39(Text40, { size: 1, muted: true, children: [
-        body.confidence,
+      /* @__PURE__ */ jsx58(HoverTip, { text: confidenceTip(body.confidence.level), children: /* @__PURE__ */ jsxs40(Text40, { size: 1, muted: true, children: [
+        body.confidence.level,
         " confidence \xB7 n=",
         body.sampleSize
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx55(Text40, { size: 2, style: CLAMP_5_LINES, children: body.summary })
+    /* @__PURE__ */ jsx58(Text40, { size: 2, style: WRAPPED_PROSE2, children: /* @__PURE__ */ jsx58(InlineCode, { text: body.summary }) })
   ] }) });
 }
 function renderDegradedCard2(card) {
-  return /* @__PURE__ */ jsx55(Card19, { padding: 2, radius: 2, tone: "caution", children: /* @__PURE__ */ jsxs39(Text40, { size: 1, muted: true, children: [
+  return /* @__PURE__ */ jsx58(Card20, { padding: 2, radius: 2, tone: "caution", children: /* @__PURE__ */ jsxs40(Text40, { size: 1, muted: true, children: [
     "Card unavailable: ",
     card.cardType,
     " (",
@@ -11818,21 +11925,21 @@ function ScoreInterpretationPanel(props) {
     (c) => (c.status === "ready" || c.status === "degraded") && INTERPRETIVE_CARD_TYPES.has(c.cardType)
   );
   if (matched.length === 0) return null;
-  return /* @__PURE__ */ jsx55(Card19, { padding: 4, radius: 2, shadow: 1, style: neutralCardStyle, children: /* @__PURE__ */ jsxs39(Stack30, { space: 4, children: [
-    /* @__PURE__ */ jsx55(Text40, { size: 2, weight: "semibold", children: "Score Interpretation" }),
-    /* @__PURE__ */ jsx55(Box27, { style: dividerStyle }),
-    /* @__PURE__ */ jsx55(Stack30, { space: 3, children: matched.map((card, idx) => {
+  return /* @__PURE__ */ jsx58(Card20, { padding: 4, radius: 2, shadow: 1, style: neutralCardStyle, children: /* @__PURE__ */ jsxs40(Stack31, { space: 4, children: [
+    /* @__PURE__ */ jsx58(Text40, { size: 2, weight: "semibold", children: "Score Interpretation" }),
+    /* @__PURE__ */ jsx58(Box28, { style: dividerStyle }),
+    /* @__PURE__ */ jsx58(Stack31, { space: 3, children: matched.map((card, idx) => {
       const key = `interp-${idx}`;
       if (card.status === "degraded") {
-        return /* @__PURE__ */ jsx55(React4.Fragment, { children: renderDegradedCard2(card) }, key);
+        return /* @__PURE__ */ jsx58(React4.Fragment, { children: renderDegradedCard2(card) }, key);
       }
       switch (card.cardType) {
         case "area-summary":
-          return /* @__PURE__ */ jsx55(React4.Fragment, { children: renderAreaSummary(card.body, card.meta) }, key);
+          return /* @__PURE__ */ jsx58(React4.Fragment, { children: renderAreaSummary(card.body, card.meta) }, key);
         case "failure-mode-summary":
-          return /* @__PURE__ */ jsx55(React4.Fragment, { children: renderFailureModeSummary(card.body, card.meta) }, key);
+          return /* @__PURE__ */ jsx58(React4.Fragment, { children: renderFailureModeSummary(card.body, card.meta) }, key);
         case "weakest-area":
-          return /* @__PURE__ */ jsx55(React4.Fragment, { children: renderWeakestArea(card.body, card.meta) }, key);
+          return /* @__PURE__ */ jsx58(React4.Fragment, { children: renderWeakestArea(card.body, card.meta) }, key);
         default:
           return null;
       }
@@ -11843,7 +11950,7 @@ function ScoreInterpretationPanel(props) {
 // src/components/report-detail/StrengthsList.tsx
 import { useMemo as useMemo16 } from "react";
 import { CheckmarkCircleIcon as CheckmarkCircleIcon2, SearchIcon as SearchIcon8 } from "@sanity/icons";
-import { Box as Box29, Flex as Flex30, Stack as Stack32, Text as Text43 } from "@sanity/ui";
+import { Box as Box30, Flex as Flex31, Stack as Stack33, Text as Text43 } from "@sanity/ui";
 
 // src/components/report-detail/AreaScoresGrid.tsx
 import React5, {
@@ -11852,8 +11959,8 @@ import React5, {
   useState as useState25
 } from "react";
 import { WarningOutlineIcon as WarningOutlineIcon2 } from "@sanity/icons";
-import { Box as Box28, Flex as Flex28, Stack as Stack31, Text as Text41 } from "@sanity/ui";
-import { Fragment as Fragment14, jsx as jsx56, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Box as Box29, Flex as Flex29, Stack as Stack32, Text as Text41 } from "@sanity/ui";
+import { Fragment as Fragment15, jsx as jsx59, jsxs as jsxs41 } from "react/jsx-runtime";
 var DIMENSION_TOOLTIPS2 = {
   agentOutput: "Quality and completeness of the agent's output. Graded 0\u2013100.",
   assertionPassRate: "Fraction of structural assertions that passed. Graded 0\u2013100.",
@@ -11945,8 +12052,8 @@ function AreaScoresGrid({
     }
     return map;
   }, [perModel]);
-  return /* @__PURE__ */ jsxs40(Box28, { ref: containerRef, style: { ...neutralCardStyle, overflow: "auto" }, children: [
-    /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41(Box29, { ref: containerRef, style: { ...neutralCardStyle, overflow: "auto" }, children: [
+    /* @__PURE__ */ jsxs41(
       "div",
       {
         style: {
@@ -11962,7 +12069,7 @@ function AreaScoresGrid({
           padding: "12px 16px 8px"
         },
         children: [
-          /* @__PURE__ */ jsx56(
+          /* @__PURE__ */ jsx59(
             ColHeader2,
             {
               active: sortField === "score",
@@ -11972,7 +12079,7 @@ function AreaScoresGrid({
               tooltip: GLOSSARY.score
             }
           ),
-          /* @__PURE__ */ jsx56(
+          /* @__PURE__ */ jsx59(
             ColHeader2,
             {
               active: sortField === "area",
@@ -11981,7 +12088,7 @@ function AreaScoresGrid({
               onClick: () => handleSort("area")
             }
           ),
-          dimKeys.map((key) => /* @__PURE__ */ jsx56(
+          dimKeys.map((key) => /* @__PURE__ */ jsx59(
             ColHeader2,
             {
               active: sortField === key,
@@ -11992,7 +12099,7 @@ function AreaScoresGrid({
             },
             key
           )),
-          tier !== "narrow" && showLift && /* @__PURE__ */ jsx56(
+          tier !== "narrow" && showLift && /* @__PURE__ */ jsx59(
             ColHeader2,
             {
               active: sortField === "lift",
@@ -12002,12 +12109,12 @@ function AreaScoresGrid({
               tooltip: GLOSSARY.docLift
             }
           ),
-          tier === "full" && hasActual && /* @__PURE__ */ jsx56(ColHeader2, { label: "Actual", tooltip: GLOSSARY.actualScore })
+          tier === "full" && hasActual && /* @__PURE__ */ jsx59(ColHeader2, { label: "Actual", tooltip: GLOSSARY.actualScore })
         ]
       }
     ),
-    sorted.map((area) => /* @__PURE__ */ jsxs40(React5.Fragment, { children: [
-      /* @__PURE__ */ jsx56(
+    sorted.map((area) => /* @__PURE__ */ jsxs41(React5.Fragment, { children: [
+      /* @__PURE__ */ jsx59(
         AreaRow,
         {
           area,
@@ -12018,7 +12125,7 @@ function AreaScoresGrid({
           tier
         }
       ),
-      modelScoresByFeature && /* @__PURE__ */ jsx56(
+      modelScoresByFeature && /* @__PURE__ */ jsx59(
         ModelSubRows,
         {
           dimKeys,
@@ -12039,7 +12146,7 @@ function ModelSubRows({
   tier
 }) {
   if (!models || models.length === 0) return null;
-  return /* @__PURE__ */ jsx56(Fragment14, { children: models.map((entry) => /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx59(Fragment15, { children: models.map((entry) => /* @__PURE__ */ jsx59(
     ModelRow2,
     {
       dimKeys,
@@ -12061,7 +12168,7 @@ function ModelRow2({
   tier
 }) {
   const isNarrow = tier === "narrow";
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41(
     "div",
     {
       style: {
@@ -12079,7 +12186,7 @@ function ModelRow2({
         padding: isNarrow ? "6px 12px 6px 20px" : "6px 16px 6px 28px"
       },
       children: [
-        /* @__PURE__ */ jsx56(Flex28, { align: "center", children: /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsx59(Flex29, { align: "center", children: /* @__PURE__ */ jsx59(
           Text41,
           {
             size: 1,
@@ -12091,8 +12198,8 @@ function ModelRow2({
             children: Math.round(scores.totalScore)
           }
         ) }),
-        /* @__PURE__ */ jsx56(Flex28, { align: "center", gap: 2, children: /* @__PURE__ */ jsx56(Text41, { muted: true, size: 1, children: label }) }),
-        dimKeys.map((key) => /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsx59(Flex29, { align: "center", gap: 2, children: /* @__PURE__ */ jsx59(Text41, { muted: true, size: 1, children: label }) }),
+        dimKeys.map((key) => /* @__PURE__ */ jsx59(
           DimCell,
           {
             area: label,
@@ -12102,7 +12209,7 @@ function ModelRow2({
           },
           key
         )),
-        !isNarrow && showLift && /* @__PURE__ */ jsxs40(
+        !isNarrow && showLift && /* @__PURE__ */ jsxs41(
           Text41,
           {
             size: 1,
@@ -12117,7 +12224,7 @@ function ModelRow2({
             ]
           }
         ),
-        tier === "full" && hasActual && /* @__PURE__ */ jsx56(
+        tier === "full" && hasActual && /* @__PURE__ */ jsx59(
           Text41,
           {
             size: 1,
@@ -12142,7 +12249,7 @@ function AreaRow({
   tier
 }) {
   const isNarrow = tier === "narrow";
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41(
     "div",
     {
       style: {
@@ -12159,15 +12266,15 @@ function AreaRow({
         padding: isNarrow ? "8px 12px" : "10px 16px"
       },
       children: [
-        /* @__PURE__ */ jsxs40(Flex28, { align: "center", gap: isNarrow ? 0 : 2, children: [
-          /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsxs41(Flex29, { align: "center", gap: isNarrow ? 0 : 2, children: [
+          /* @__PURE__ */ jsx59(
             HoverTip,
             {
-              text: /* @__PURE__ */ jsxs40(Text41, { size: 2, style: { lineHeight: 1.5 }, children: [
-                /* @__PURE__ */ jsx56("span", { style: { fontWeight: 600 }, children: area.feature }),
+              text: /* @__PURE__ */ jsxs41(Text41, { size: 2, style: { lineHeight: 1.5 }, children: [
+                /* @__PURE__ */ jsx59("span", { style: { fontWeight: 600 }, children: area.feature }),
                 " score:",
                 " ",
-                /* @__PURE__ */ jsx56(
+                /* @__PURE__ */ jsx59(
                   "span",
                   {
                     style: {
@@ -12178,12 +12285,12 @@ function AreaRow({
                     children: Math.round(area.totalScore)
                   }
                 ),
-                /* @__PURE__ */ jsx56("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
+                /* @__PURE__ */ jsx59("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
                 ".",
                 " ",
                 GLOSSARY.score
               ] }),
-              children: /* @__PURE__ */ jsx56(
+              children: /* @__PURE__ */ jsx59(
                 "div",
                 {
                   style: {
@@ -12204,11 +12311,11 @@ function AreaRow({
               )
             }
           ),
-          !isNarrow && delta != null && delta !== 0 && /* @__PURE__ */ jsx56(HoverTip, { text: GLOSSARY.areaDelta, children: /* @__PURE__ */ jsx56(DeltaIndicator, { delta, icon: true, size: 1 }) })
+          !isNarrow && delta != null && delta !== 0 && /* @__PURE__ */ jsx59(HoverTip, { text: GLOSSARY.areaDelta, children: /* @__PURE__ */ jsx59(DeltaIndicator, { delta, icon: true, size: 1 }) })
         ] }),
-        /* @__PURE__ */ jsxs40(Flex28, { align: "center", gap: 2, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx56(Text41, { size: 2, weight: "medium", children: area.feature }),
-          area.negativeDocLift && showLift && /* @__PURE__ */ jsx56(HoverTip, { text: GLOSSARY.docsHurt, children: /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsxs41(Flex29, { align: "center", gap: 2, wrap: "wrap", children: [
+          /* @__PURE__ */ jsx59(Text41, { size: 2, weight: "medium", children: area.feature }),
+          area.negativeDocLift && showLift && /* @__PURE__ */ jsx59(HoverTip, { text: GLOSSARY.docsHurt, children: /* @__PURE__ */ jsx59(
             "span",
             {
               style: {
@@ -12221,11 +12328,11 @@ function AreaRow({
                 gap: 3,
                 padding: "1px 5px"
               },
-              children: /* @__PURE__ */ jsx56(WarningOutlineIcon2, {})
+              children: /* @__PURE__ */ jsx59(WarningOutlineIcon2, {})
             }
           ) })
         ] }),
-        dimKeys.map((key) => /* @__PURE__ */ jsx56(
+        dimKeys.map((key) => /* @__PURE__ */ jsx59(
           DimCell,
           {
             area: area.feature,
@@ -12234,14 +12341,14 @@ function AreaRow({
           },
           key
         )),
-        !isNarrow && showLift && /* @__PURE__ */ jsx56(
+        !isNarrow && showLift && /* @__PURE__ */ jsx59(
           HoverTip,
           {
-            text: /* @__PURE__ */ jsxs40(Text41, { size: 2, style: { lineHeight: 1.5 }, children: [
-              /* @__PURE__ */ jsx56("span", { style: { fontWeight: 600 }, children: area.feature }),
+            text: /* @__PURE__ */ jsxs41(Text41, { size: 2, style: { lineHeight: 1.5 }, children: [
+              /* @__PURE__ */ jsx59("span", { style: { fontWeight: 600 }, children: area.feature }),
               " doc lift:",
               " ",
-              /* @__PURE__ */ jsxs40(
+              /* @__PURE__ */ jsxs41(
                 "span",
                 {
                   style: {
@@ -12259,7 +12366,7 @@ function AreaRow({
               "pts. ",
               GLOSSARY.docLift
             ] }),
-            children: /* @__PURE__ */ jsxs40(
+            children: /* @__PURE__ */ jsxs41(
               Text41,
               {
                 size: 2,
@@ -12276,11 +12383,11 @@ function AreaRow({
             )
           }
         ),
-        tier === "full" && hasActual && /* @__PURE__ */ jsx56(
+        tier === "full" && hasActual && /* @__PURE__ */ jsx59(
           HoverTip,
           {
             text: area.actualScore != null ? `${area.feature} actual score: ${Math.round(area.actualScore)}/100. ${GLOSSARY.actualScore}` : `No agentic data for ${area.feature}.`,
-            children: /* @__PURE__ */ jsx56(
+            children: /* @__PURE__ */ jsx59(
               Text41,
               {
                 size: 2,
@@ -12310,17 +12417,17 @@ function DimCell({
   const tooltip = dimKey ? DIMENSION_TOOLTIPS2[dimKey] : "";
   const textSize = size === "small" ? 0 : 1;
   const barHeight = size === "small" ? 3 : 4;
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx59(
     HoverTip,
     {
-      text: /* @__PURE__ */ jsxs40(Text41, { size: 2, style: { lineHeight: 1.5 }, children: [
-        /* @__PURE__ */ jsx56("span", { style: { fontWeight: 600 }, children: area }),
+      text: /* @__PURE__ */ jsxs41(Text41, { size: 2, style: { lineHeight: 1.5 }, children: [
+        /* @__PURE__ */ jsx59("span", { style: { fontWeight: 600 }, children: area }),
         " \u2192",
         " ",
-        /* @__PURE__ */ jsx56("span", { style: { fontWeight: 600 }, children: dim }),
+        /* @__PURE__ */ jsx59("span", { style: { fontWeight: 600 }, children: dim }),
         ":",
         " ",
-        /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsx59(
           "span",
           {
             style: {
@@ -12331,13 +12438,13 @@ function DimCell({
             children: Math.round(value)
           }
         ),
-        /* @__PURE__ */ jsx56("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
+        /* @__PURE__ */ jsx59("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
         ".",
         " ",
         tooltip
       ] }),
-      children: /* @__PURE__ */ jsxs40(Stack31, { space: 1, style: { width: "100%" }, children: [
-        /* @__PURE__ */ jsx56(
+      children: /* @__PURE__ */ jsxs41(Stack32, { space: 1, style: { width: "100%" }, children: [
+        /* @__PURE__ */ jsx59(
           Text41,
           {
             size: textSize,
@@ -12349,7 +12456,7 @@ function DimCell({
             children: Math.round(value)
           }
         ),
-        /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsx59(
           "div",
           {
             style: {
@@ -12359,7 +12466,7 @@ function DimCell({
               overflow: "hidden",
               width: "100%"
             },
-            children: /* @__PURE__ */ jsx56(
+            children: /* @__PURE__ */ jsx59(
               "div",
               {
                 style: {
@@ -12394,8 +12501,8 @@ function ColHeader2({
     [onClick]
   );
   const arrow = active ? direction === "asc" ? " \u2191" : " \u2193" : "";
-  return /* @__PURE__ */ jsxs40(Flex28, { align: "center", gap: 1, children: [
-    /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsxs41(Flex29, { align: "center", gap: 1, children: [
+    /* @__PURE__ */ jsx59(
       "div",
       {
         onClick,
@@ -12406,7 +12513,7 @@ function ColHeader2({
           userSelect: "none"
         },
         tabIndex: onClick ? 0 : void 0,
-        children: /* @__PURE__ */ jsxs40(
+        children: /* @__PURE__ */ jsxs41(
           Text41,
           {
             muted: true,
@@ -12424,14 +12531,14 @@ function ColHeader2({
         )
       }
     ),
-    tooltip && /* @__PURE__ */ jsx56(InfoTip, { text: tooltip })
+    tooltip && /* @__PURE__ */ jsx59(InfoTip, { text: tooltip })
   ] });
 }
 
 // src/components/report-detail/ModelSelector.tsx
 import { useCallback as useCallback35 } from "react";
-import { Flex as Flex29, Text as Text42 } from "@sanity/ui";
-import { jsx as jsx57, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Flex as Flex30, Text as Text42 } from "@sanity/ui";
+import { jsx as jsx60, jsxs as jsxs42 } from "react/jsx-runtime";
 var pillBase = {
   borderColor: "var(--card-border-color)",
   borderRadius: 999,
@@ -12462,8 +12569,8 @@ function ModelSelector({
   selection,
   onChange
 }) {
-  return /* @__PURE__ */ jsxs41(Flex29, { align: "center", gap: 1, wrap: "wrap", children: [
-    /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsxs42(Flex30, { align: "center", gap: 1, wrap: "wrap", children: [
+    /* @__PURE__ */ jsx60(
       Pill2,
       {
         isSelected: selection === null,
@@ -12471,7 +12578,7 @@ function ModelSelector({
         onClick: () => onChange(null)
       }
     ),
-    models.map((model) => /* @__PURE__ */ jsx57(
+    models.map((model) => /* @__PURE__ */ jsx60(
       Pill2,
       {
         isSelected: selection === model.modelId,
@@ -12480,7 +12587,7 @@ function ModelSelector({
       },
       model.modelId
     )),
-    /* @__PURE__ */ jsx57(
+    /* @__PURE__ */ jsx60(
       "div",
       {
         style: {
@@ -12491,7 +12598,7 @@ function ModelSelector({
         }
       }
     ),
-    /* @__PURE__ */ jsx57(
+    /* @__PURE__ */ jsx60(
       Pill2,
       {
         isSelected: selection === "expanded",
@@ -12515,7 +12622,7 @@ function Pill2({
     },
     [onClick]
   );
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx60(
     "span",
     {
       onClick,
@@ -12523,7 +12630,7 @@ function Pill2({
       role: "button",
       style: isSelected ? pillSelected : pillDefault,
       tabIndex: 0,
-      children: /* @__PURE__ */ jsx57(
+      children: /* @__PURE__ */ jsx60(
         Text42,
         {
           size: 1,
@@ -12567,7 +12674,7 @@ function useModelSelection({
 }
 
 // src/components/report-detail/StrengthsList.tsx
-import { jsx as jsx58, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs43 } from "react/jsx-runtime";
 function StrengthsList({
   mode,
   scores,
@@ -12591,13 +12698,13 @@ function StrengthsList({
     (a, b) => (b.infrastructureEfficiency ?? 0) - (a.infrastructureEfficiency ?? 0)
   );
   if (displayedScores.length === 0) return null;
-  return /* @__PURE__ */ jsxs42(Stack32, { space: 5, children: [
-    /* @__PURE__ */ jsxs42(Stack32, { space: 3, children: [
-      /* @__PURE__ */ jsxs42(Flex30, { align: "center", gap: 2, wrap: "wrap", children: [
-        /* @__PURE__ */ jsx58(CheckmarkCircleIcon2, { style: { color: "#34d399" } }),
-        /* @__PURE__ */ jsx58(Text43, { size: 2, weight: "medium", children: "Strong Areas (70+)" }),
-        /* @__PURE__ */ jsx58(InfoTip, { text: GLOSSARY.strengths }),
-        hasModels && /* @__PURE__ */ jsx58(Box29, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsxs43(Stack33, { space: 5, children: [
+    /* @__PURE__ */ jsxs43(Stack33, { space: 3, children: [
+      /* @__PURE__ */ jsxs43(Flex31, { align: "center", gap: 2, wrap: "wrap", children: [
+        /* @__PURE__ */ jsx61(CheckmarkCircleIcon2, { style: { color: "#34d399" } }),
+        /* @__PURE__ */ jsx61(Text43, { size: 2, weight: "medium", children: "Strong Areas (70+)" }),
+        /* @__PURE__ */ jsx61(InfoTip, { text: GLOSSARY.strengths }),
+        hasModels && /* @__PURE__ */ jsx61(Box30, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx61(
           ModelSelector,
           {
             models: perModel,
@@ -12606,7 +12713,7 @@ function StrengthsList({
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsx58(
+      /* @__PURE__ */ jsx61(
         AreaScoresGrid,
         {
           mode,
@@ -12616,33 +12723,33 @@ function StrengthsList({
         }
       )
     ] }),
-    retrievalSuccesses.length > 0 && /* @__PURE__ */ jsxs42(Box29, { style: neutralCardStyle, children: [
-      /* @__PURE__ */ jsx58(
-        Box29,
+    retrievalSuccesses.length > 0 && /* @__PURE__ */ jsxs43(Box30, { style: neutralCardStyle, children: [
+      /* @__PURE__ */ jsx61(
+        Box30,
         {
           padding: 4,
           style: { borderBottom: "1px solid var(--card-border-color)" },
-          children: /* @__PURE__ */ jsxs42(Flex30, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ jsx58(SearchIcon8, { style: { color: "#34d399" } }),
-            /* @__PURE__ */ jsxs42(Text43, { size: 2, weight: "medium", children: [
+          children: /* @__PURE__ */ jsxs43(Flex31, { align: "center", gap: 2, children: [
+            /* @__PURE__ */ jsx61(SearchIcon8, { style: { color: "#34d399" } }),
+            /* @__PURE__ */ jsxs43(Text43, { size: 2, weight: "medium", children: [
               "Retrieval Successes (",
               Math.round(EFFICIENCY_POSITIVE * 100),
               "%+ efficiency)"
             ] }),
-            /* @__PURE__ */ jsx58(InfoTip, { text: GLOSSARY.retrievalExcellence })
+            /* @__PURE__ */ jsx61(InfoTip, { text: GLOSSARY.retrievalExcellence })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx58(Stack32, { children: retrievalSuccesses.map((area, i) => /* @__PURE__ */ jsxs42(
-        Flex30,
+      /* @__PURE__ */ jsx61(Stack33, { children: retrievalSuccesses.map((area, i) => /* @__PURE__ */ jsxs43(
+        Flex31,
         {
           align: "center",
           justify: "space-between",
           padding: 4,
           style: i > 0 ? dividerStyle : void 0,
           children: [
-            /* @__PURE__ */ jsx58(Text43, { size: 2, children: area.feature }),
-            /* @__PURE__ */ jsx58(
+            /* @__PURE__ */ jsx61(Text43, { size: 2, children: area.feature }),
+            /* @__PURE__ */ jsx61(
               "span",
               {
                 style: {
@@ -12667,8 +12774,8 @@ function StrengthsList({
 // src/components/report-detail/SynthesisNotGeneratedCTA.tsx
 import { useCallback as useCallback37, useState as useState27 } from "react";
 import { CopyIcon as CopyIcon4 } from "@sanity/icons";
-import { Box as Box30, Button as Button11, Card as Card20, Code as Code3, Flex as Flex31, Stack as Stack33, Text as Text44 } from "@sanity/ui";
-import { jsx as jsx59, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Box as Box31, Button as Button11, Card as Card21, Code as Code3, Flex as Flex32, Stack as Stack34, Text as Text44 } from "@sanity/ui";
+import { jsx as jsx62, jsxs as jsxs44 } from "react/jsx-runtime";
 function SynthesisNotGeneratedCTA(props) {
   const { reportId } = props;
   const command = `ailf interpret ${reportId}`;
@@ -12681,20 +12788,20 @@ function SynthesisNotGeneratedCTA(props) {
     } catch {
     }
   }, [command]);
-  return /* @__PURE__ */ jsx59(
-    Card20,
+  return /* @__PURE__ */ jsx62(
+    Card21,
     {
       padding: 4,
       radius: 2,
       shadow: 1,
       style: neutralCardStyle,
       tone: "primary",
-      children: /* @__PURE__ */ jsxs43(Stack33, { space: 3, children: [
-        /* @__PURE__ */ jsx59(Text44, { size: 2, weight: "semibold", children: "Synthesis not yet generated" }),
-        /* @__PURE__ */ jsx59(Text44, { size: 1, muted: true, children: "Run the command below to generate diagnosis cards for this report." }),
-        /* @__PURE__ */ jsxs43(Flex31, { align: "center", gap: 2, children: [
-          /* @__PURE__ */ jsx59(Box30, { flex: 1, children: /* @__PURE__ */ jsx59(Code3, { size: 1, language: "sh", children: command }) }),
-          /* @__PURE__ */ jsx59(
+      children: /* @__PURE__ */ jsxs44(Stack34, { space: 3, children: [
+        /* @__PURE__ */ jsx62(Text44, { size: 2, weight: "semibold", children: "Synthesis not yet generated" }),
+        /* @__PURE__ */ jsx62(Text44, { size: 1, muted: true, children: "Run the command below to generate diagnosis cards for this report." }),
+        /* @__PURE__ */ jsxs44(Flex32, { align: "center", gap: 2, children: [
+          /* @__PURE__ */ jsx62(Box31, { flex: 1, children: /* @__PURE__ */ jsx62(Code3, { size: 1, language: "sh", children: command }) }),
+          /* @__PURE__ */ jsx62(
             Button11,
             {
               icon: CopyIcon4,
@@ -12718,8 +12825,8 @@ import {
   BoltIcon as BoltIcon2,
   ArrowDownIcon as ArrowDownIcon2
 } from "@sanity/icons";
-import { Box as Box31, Flex as Flex32, Stack as Stack34, Text as Text45 } from "@sanity/ui";
-import { jsx as jsx60, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Box as Box32, Flex as Flex33, Stack as Stack35, Text as Text45 } from "@sanity/ui";
+import { jsx as jsx63, jsxs as jsxs45 } from "react/jsx-runtime";
 function WeaknessesList({
   mode,
   scores,
@@ -12749,13 +12856,13 @@ function WeaknessesList({
   );
   const hasContent = weakAreas.length > 0 || docsHurt.length > 0 || retrievalIssues.length > 0 || dimWeaknesses.length > 0 || FEATURE_FLAGS.showRegressedSinceLastRun.enabled && regressed.length > 0 || efficiencyAnomalies.length > 0;
   if (!hasContent) return null;
-  return /* @__PURE__ */ jsxs44(Stack34, { space: 5, children: [
-    weakAreas.length > 0 && /* @__PURE__ */ jsxs44(Stack34, { space: 3, children: [
-      /* @__PURE__ */ jsxs44(Flex32, { align: "center", gap: 2, wrap: "wrap", children: [
-        /* @__PURE__ */ jsx60(ErrorOutlineIcon3, { style: { color: "#f87171" } }),
-        /* @__PURE__ */ jsx60(Text45, { size: 2, weight: "medium", children: "Weak Areas (<70)" }),
-        /* @__PURE__ */ jsx60(InfoTip, { text: GLOSSARY.weakAreas }),
-        hasModels && /* @__PURE__ */ jsx60(Box31, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsxs45(Stack35, { space: 5, children: [
+    weakAreas.length > 0 && /* @__PURE__ */ jsxs45(Stack35, { space: 3, children: [
+      /* @__PURE__ */ jsxs45(Flex33, { align: "center", gap: 2, wrap: "wrap", children: [
+        /* @__PURE__ */ jsx63(ErrorOutlineIcon3, { style: { color: "#f87171" } }),
+        /* @__PURE__ */ jsx63(Text45, { size: 2, weight: "medium", children: "Weak Areas (<70)" }),
+        /* @__PURE__ */ jsx63(InfoTip, { text: GLOSSARY.weakAreas }),
+        hasModels && /* @__PURE__ */ jsx63(Box32, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx63(
           ModelSelector,
           {
             models: perModel,
@@ -12764,7 +12871,7 @@ function WeaknessesList({
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsx60(
+      /* @__PURE__ */ jsx63(
         AreaScoresGrid,
         {
           mode,
@@ -12774,22 +12881,22 @@ function WeaknessesList({
         }
       )
     ] }),
-    docsHurt.length > 0 && /* @__PURE__ */ jsxs44(Stack34, { space: 3, children: [
-      /* @__PURE__ */ jsxs44(Flex32, { align: "center", gap: 2, children: [
-        /* @__PURE__ */ jsx60(ErrorOutlineIcon3, { style: { color: "#f87171" } }),
-        /* @__PURE__ */ jsx60(Text45, { size: 2, weight: "medium", children: "Docs Hurt Performance (Negative Doc Lift)" }),
-        /* @__PURE__ */ jsx60(InfoTip, { text: GLOSSARY.docsHurt })
+    docsHurt.length > 0 && /* @__PURE__ */ jsxs45(Stack35, { space: 3, children: [
+      /* @__PURE__ */ jsxs45(Flex33, { align: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx63(ErrorOutlineIcon3, { style: { color: "#f87171" } }),
+        /* @__PURE__ */ jsx63(Text45, { size: 2, weight: "medium", children: "Docs Hurt Performance (Negative Doc Lift)" }),
+        /* @__PURE__ */ jsx63(InfoTip, { text: GLOSSARY.docsHurt })
       ] }),
-      /* @__PURE__ */ jsx60(Box31, { style: sectionStyle("red"), children: docsHurt.map((area, i) => /* @__PURE__ */ jsxs44(
-        Box31,
+      /* @__PURE__ */ jsx63(Box32, { style: sectionStyle("red"), children: docsHurt.map((area, i) => /* @__PURE__ */ jsxs45(
+        Box32,
         {
           padding: 4,
           style: i > 0 ? { borderTop: "1px solid rgba(239,68,68,0.2)" } : void 0,
           children: [
-            /* @__PURE__ */ jsxs44(Flex32, { align: "center", justify: "space-between", wrap: "wrap", children: [
-              /* @__PURE__ */ jsxs44(Flex32, { align: "center", gap: 2, children: [
-                /* @__PURE__ */ jsx60(Text45, { size: 2, weight: "medium", children: area.feature }),
-                /* @__PURE__ */ jsx60(
+            /* @__PURE__ */ jsxs45(Flex33, { align: "center", justify: "space-between", wrap: "wrap", children: [
+              /* @__PURE__ */ jsxs45(Flex33, { align: "center", gap: 2, children: [
+                /* @__PURE__ */ jsx63(Text45, { size: 2, weight: "medium", children: area.feature }),
+                /* @__PURE__ */ jsx63(
                   "span",
                   {
                     style: {
@@ -12804,7 +12911,7 @@ function WeaknessesList({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx60(
+              /* @__PURE__ */ jsx63(
                 "span",
                 {
                   style: {
@@ -12817,8 +12924,8 @@ function WeaknessesList({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx60(Box31, { paddingTop: 2, children: /* @__PURE__ */ jsxs44(Text45, { muted: true, size: 2, children: [
-              area.invertedRetrievalGap && /* @__PURE__ */ jsxs44("span", { style: { color: "#fbbf24" }, children: [
+            /* @__PURE__ */ jsx63(Box32, { paddingTop: 2, children: /* @__PURE__ */ jsxs45(Text45, { muted: true, size: 2, children: [
+              area.invertedRetrievalGap && /* @__PURE__ */ jsxs45("span", { style: { color: "#fbbf24" }, children: [
                 "Agent does better by NOT finding these docs.",
                 " "
               ] }),
@@ -12833,22 +12940,22 @@ function WeaknessesList({
         area.feature
       )) })
     ] }),
-    retrievalIssues.length > 0 && /* @__PURE__ */ jsxs44(Stack34, { space: 3, children: [
-      /* @__PURE__ */ jsxs44(Flex32, { align: "center", gap: 2, children: [
-        /* @__PURE__ */ jsx60(SearchIcon9, { style: { color: "#fbbf24" } }),
-        /* @__PURE__ */ jsx60(Text45, { size: 2, weight: "medium", children: "Retrieval Issues (<70% efficiency)" }),
-        /* @__PURE__ */ jsx60(InfoTip, { text: GLOSSARY.retrievalIssues })
+    retrievalIssues.length > 0 && /* @__PURE__ */ jsxs45(Stack35, { space: 3, children: [
+      /* @__PURE__ */ jsxs45(Flex33, { align: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx63(SearchIcon9, { style: { color: "#fbbf24" } }),
+        /* @__PURE__ */ jsx63(Text45, { size: 2, weight: "medium", children: "Retrieval Issues (<70% efficiency)" }),
+        /* @__PURE__ */ jsx63(InfoTip, { text: GLOSSARY.retrievalIssues })
       ] }),
-      /* @__PURE__ */ jsx60(Box31, { style: sectionStyle("amber"), children: retrievalIssues.map((area, i) => /* @__PURE__ */ jsxs44(
-        Box31,
+      /* @__PURE__ */ jsx63(Box32, { style: sectionStyle("amber"), children: retrievalIssues.map((area, i) => /* @__PURE__ */ jsxs45(
+        Box32,
         {
           padding: 4,
           style: i > 0 ? { borderTop: "1px solid rgba(245,158,11,0.2)" } : void 0,
           children: [
-            /* @__PURE__ */ jsxs44(Flex32, { align: "center", justify: "space-between", wrap: "wrap", children: [
-              /* @__PURE__ */ jsxs44(Flex32, { align: "center", gap: 2, children: [
-                /* @__PURE__ */ jsx60(Text45, { size: 2, weight: "medium", children: area.feature }),
-                /* @__PURE__ */ jsx60(
+            /* @__PURE__ */ jsxs45(Flex33, { align: "center", justify: "space-between", wrap: "wrap", children: [
+              /* @__PURE__ */ jsxs45(Flex33, { align: "center", gap: 2, children: [
+                /* @__PURE__ */ jsx63(Text45, { size: 2, weight: "medium", children: area.feature }),
+                /* @__PURE__ */ jsx63(
                   "span",
                   {
                     style: {
@@ -12863,7 +12970,7 @@ function WeaknessesList({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx60(
+              /* @__PURE__ */ jsx63(
                 "span",
                 {
                   style: {
@@ -12876,7 +12983,7 @@ function WeaknessesList({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx60(Box31, { paddingTop: 2, children: /* @__PURE__ */ jsxs44(Text45, { muted: true, size: 2, children: [
+            /* @__PURE__ */ jsx63(Box32, { paddingTop: 2, children: /* @__PURE__ */ jsxs45(Text45, { muted: true, size: 2, children: [
               "Actual score (",
               Math.round(area.actualScore ?? 0),
               ") is much lower than ceiling (",
@@ -12891,21 +12998,21 @@ function WeaknessesList({
         area.feature
       )) })
     ] }),
-    dimWeaknesses.length > 0 && /* @__PURE__ */ jsxs44(Stack34, { space: 3, children: [
-      /* @__PURE__ */ jsxs44(Flex32, { align: "center", gap: 2, children: [
-        /* @__PURE__ */ jsx60(WarningOutlineIcon3, { style: { color: "#fbbf24" } }),
-        /* @__PURE__ */ jsx60(Text45, { size: 2, weight: "medium", children: "Dimension Weaknesses (<50)" }),
-        /* @__PURE__ */ jsx60(InfoTip, { text: GLOSSARY.dimWeaknesses })
+    dimWeaknesses.length > 0 && /* @__PURE__ */ jsxs45(Stack35, { space: 3, children: [
+      /* @__PURE__ */ jsxs45(Flex33, { align: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx63(WarningOutlineIcon3, { style: { color: "#fbbf24" } }),
+        /* @__PURE__ */ jsx63(Text45, { size: 2, weight: "medium", children: "Dimension Weaknesses (<50)" }),
+        /* @__PURE__ */ jsx63(InfoTip, { text: GLOSSARY.dimWeaknesses })
       ] }),
-      /* @__PURE__ */ jsx60(Box31, { style: neutralCardStyle, children: dimWeaknesses.map(({ area, dims }, i) => /* @__PURE__ */ jsxs44(
-        Box31,
+      /* @__PURE__ */ jsx63(Box32, { style: neutralCardStyle, children: dimWeaknesses.map(({ area, dims }, i) => /* @__PURE__ */ jsxs45(
+        Box32,
         {
           padding: 4,
           style: i > 0 ? dividerStyle : void 0,
           children: [
-            /* @__PURE__ */ jsxs44(Flex32, { align: "center", gap: 2, paddingBottom: 2, children: [
-              /* @__PURE__ */ jsx60(Text45, { size: 2, weight: "medium", children: area.feature }),
-              /* @__PURE__ */ jsx60(
+            /* @__PURE__ */ jsxs45(Flex33, { align: "center", gap: 2, paddingBottom: 2, children: [
+              /* @__PURE__ */ jsx63(Text45, { size: 2, weight: "medium", children: area.feature }),
+              /* @__PURE__ */ jsx63(
                 "span",
                 {
                   style: {
@@ -12920,7 +13027,7 @@ function WeaknessesList({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx60(Flex32, { gap: 2, wrap: "wrap", children: dims.map((w) => /* @__PURE__ */ jsx60(HoverTip, { text: w.tip, children: /* @__PURE__ */ jsxs44(
+            /* @__PURE__ */ jsx63(Flex33, { gap: 2, wrap: "wrap", children: dims.map((w) => /* @__PURE__ */ jsx63(HoverTip, { text: w.tip, children: /* @__PURE__ */ jsxs45(
               "span",
               {
                 style: {
@@ -12942,35 +13049,35 @@ function WeaknessesList({
         area.feature
       )) })
     ] }),
-    FEATURE_FLAGS.showRegressedSinceLastRun.enabled && regressed.length > 0 && /* @__PURE__ */ jsxs44(Box31, { style: neutralCardStyle, children: [
-      /* @__PURE__ */ jsx60(
-        Box31,
+    FEATURE_FLAGS.showRegressedSinceLastRun.enabled && regressed.length > 0 && /* @__PURE__ */ jsxs45(Box32, { style: neutralCardStyle, children: [
+      /* @__PURE__ */ jsx63(
+        Box32,
         {
           padding: 4,
           style: { borderBottom: "1px solid var(--card-border-color)" },
-          children: /* @__PURE__ */ jsxs44(Flex32, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ jsx60(ArrowDownIcon2, { style: { color: "#f87171" } }),
-            /* @__PURE__ */ jsx60(Text45, { size: 2, weight: "medium", children: "Regressed Since Last Run" })
+          children: /* @__PURE__ */ jsxs45(Flex33, { align: "center", gap: 2, children: [
+            /* @__PURE__ */ jsx63(ArrowDownIcon2, { style: { color: "#f87171" } }),
+            /* @__PURE__ */ jsx63(Text45, { size: 2, weight: "medium", children: "Regressed Since Last Run" })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx60(Stack34, { children: regressed.map((featureName, i) => {
+      /* @__PURE__ */ jsx63(Stack35, { children: regressed.map((featureName, i) => {
         const area = scores.find((s) => s.feature === featureName);
         const areaDelta = perArea.find(
           (p) => p.area === featureName
         )?.delta;
-        return /* @__PURE__ */ jsxs44(
-          Flex32,
+        return /* @__PURE__ */ jsxs45(
+          Flex33,
           {
             align: "center",
             justify: "space-between",
             padding: 4,
             style: i > 0 ? dividerStyle : void 0,
             children: [
-              /* @__PURE__ */ jsx60(Text45, { size: 2, children: featureName }),
-              /* @__PURE__ */ jsxs44(Flex32, { align: "center", gap: 3, children: [
-                areaDelta != null && /* @__PURE__ */ jsx60(DeltaIndicator, { delta: areaDelta, icon: true }),
-                area && /* @__PURE__ */ jsx60(
+              /* @__PURE__ */ jsx63(Text45, { size: 2, children: featureName }),
+              /* @__PURE__ */ jsxs45(Flex33, { align: "center", gap: 3, children: [
+                areaDelta != null && /* @__PURE__ */ jsx63(DeltaIndicator, { delta: areaDelta, icon: true }),
+                area && /* @__PURE__ */ jsx63(
                   "span",
                   {
                     style: {
@@ -12992,32 +13099,32 @@ function WeaknessesList({
         );
       }) })
     ] }),
-    efficiencyAnomalies.length > 0 && /* @__PURE__ */ jsxs44(Box31, { style: neutralCardStyle, children: [
-      /* @__PURE__ */ jsx60(
-        Box31,
+    efficiencyAnomalies.length > 0 && /* @__PURE__ */ jsxs45(Box32, { style: neutralCardStyle, children: [
+      /* @__PURE__ */ jsx63(
+        Box32,
         {
           padding: 4,
           style: { borderBottom: "1px solid var(--card-border-color)" },
-          children: /* @__PURE__ */ jsxs44(Stack34, { space: 2, children: [
-            /* @__PURE__ */ jsxs44(Flex32, { align: "center", gap: 2, children: [
-              /* @__PURE__ */ jsx60(BoltIcon2, { style: { color: "#fbbf24" } }),
-              /* @__PURE__ */ jsx60(Text45, { size: 2, weight: "medium", children: "Efficiency Anomalies (>100%)" }),
-              /* @__PURE__ */ jsx60(InfoTip, { text: GLOSSARY.efficiencyAnomalies })
+          children: /* @__PURE__ */ jsxs45(Stack35, { space: 2, children: [
+            /* @__PURE__ */ jsxs45(Flex33, { align: "center", gap: 2, children: [
+              /* @__PURE__ */ jsx63(BoltIcon2, { style: { color: "#fbbf24" } }),
+              /* @__PURE__ */ jsx63(Text45, { size: 2, weight: "medium", children: "Efficiency Anomalies (>100%)" }),
+              /* @__PURE__ */ jsx63(InfoTip, { text: GLOSSARY.efficiencyAnomalies })
             ] }),
-            /* @__PURE__ */ jsx60(Text45, { muted: true, size: 2, children: "Agent outperforms injected docs \u2014 may indicate doc quality issues or agent memorization." })
+            /* @__PURE__ */ jsx63(Text45, { muted: true, size: 2, children: "Agent outperforms injected docs \u2014 may indicate doc quality issues or agent memorization." })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx60(Stack34, { children: efficiencyAnomalies.map((area, i) => /* @__PURE__ */ jsxs44(
-        Flex32,
+      /* @__PURE__ */ jsx63(Stack35, { children: efficiencyAnomalies.map((area, i) => /* @__PURE__ */ jsxs45(
+        Flex33,
         {
           align: "center",
           justify: "space-between",
           padding: 4,
           style: i > 0 ? dividerStyle : void 0,
           children: [
-            /* @__PURE__ */ jsx60(Text45, { size: 2, children: area.feature }),
-            /* @__PURE__ */ jsx60(
+            /* @__PURE__ */ jsx63(Text45, { size: 2, children: area.feature }),
+            /* @__PURE__ */ jsx63(
               "span",
               {
                 style: {
@@ -13045,12 +13152,12 @@ var tipArea = {
   fontWeight: 600
 };
 function dimTip(area, dim, score, description) {
-  return /* @__PURE__ */ jsxs44(Text45, { size: 2, style: { lineHeight: 1.5 }, children: [
-    /* @__PURE__ */ jsx60("span", { style: tipArea, children: area }),
+  return /* @__PURE__ */ jsxs45(Text45, { size: 2, style: { lineHeight: 1.5 }, children: [
+    /* @__PURE__ */ jsx63("span", { style: tipArea, children: area }),
     " scores",
     " ",
-    /* @__PURE__ */ jsx60("span", { style: tipValue, children: score }),
-    /* @__PURE__ */ jsx60("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
+    /* @__PURE__ */ jsx63("span", { style: tipValue, children: score }),
+    /* @__PURE__ */ jsx63("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
     " on",
     " ",
     dim.toLowerCase(),
@@ -13079,7 +13186,7 @@ function getDimensionWeaknesses(area) {
 }
 
 // src/components/report-detail/ReportDetail.tsx
-import { Fragment as Fragment15, jsx as jsx61, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx64, jsxs as jsxs46 } 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" };
@@ -13117,11 +13224,6 @@ function ReportDetail({
     report?.provenance?.runId,
     report?.summary?.artifactManifest?.testOutputs
   );
-  const diagnosisView = useDiagnosisArtifact(
-    report?.provenance?.runId,
-    reportId,
-    report?.summary?.artifactManifest?.diagnosis
-  );
   const { summary } = report ?? {};
   const hasWeaknesses = Boolean(
     summary?.lowScoringJudgments && summary.lowScoringJudgments.length > 0
@@ -13154,11 +13256,11 @@ function ReportDetail({
     [onTabChange]
   );
   if (loading) {
-    return /* @__PURE__ */ jsx61(LoadingState, { message: "Loading report\u2026" });
+    return /* @__PURE__ */ jsx64(LoadingState, { message: "Loading report\u2026" });
   }
   if (!report || !summary) {
-    return /* @__PURE__ */ jsx61(Box32, { padding: 5, children: /* @__PURE__ */ jsxs45(Stack35, { space: 4, children: [
-      /* @__PURE__ */ jsx61(
+    return /* @__PURE__ */ jsx64(Box33, { padding: 5, children: /* @__PURE__ */ jsxs46(Stack36, { space: 4, children: [
+      /* @__PURE__ */ jsx64(
         Button12,
         {
           icon: ArrowLeftIcon3,
@@ -13167,18 +13269,18 @@ function ReportDetail({
           text: "Back"
         }
       ),
-      /* @__PURE__ */ jsx61(Text46, { align: "center", muted: true, size: 3, children: "Report not found" })
+      /* @__PURE__ */ jsx64(Text46, { 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);
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx64(
     ReportArtifactProvider,
     {
       runId: report.provenance?.runId,
       manifest: summary?.artifactManifest,
-      children: /* @__PURE__ */ jsx61(Box32, { padding: 4, children: /* @__PURE__ */ jsxs45(Stack35, { space: 5, children: [
-        /* @__PURE__ */ jsx61(
+      children: /* @__PURE__ */ jsx64(Box33, { padding: 4, children: /* @__PURE__ */ jsxs46(Stack36, { space: 5, children: [
+        /* @__PURE__ */ jsx64(
           ReportHeader,
           {
             completedAt: report.completedAt,
@@ -13187,11 +13289,11 @@ function ReportDetail({
             title: report.title
           }
         ),
-        /* @__PURE__ */ jsxs45(Flex33, { align: "center", gap: 2, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx61(TabList, { space: 1, children: tabs.map((tab) => {
+        /* @__PURE__ */ jsxs46(Flex34, { align: "center", gap: 2, wrap: "wrap", children: [
+          /* @__PURE__ */ jsx64(TabList, { space: 1, children: tabs.map((tab) => {
             const isDisabled = disabledTabs.has(tab.id);
             const tooltip = getDisabledTabTooltip(tab.id, summary);
-            const tabElement = /* @__PURE__ */ jsx61(
+            const tabElement = /* @__PURE__ */ jsx64(
               Tab,
               {
                 "aria-controls": `panel-${tab.id}`,
@@ -13202,27 +13304,27 @@ function ReportDetail({
                 selected: currentTab === tab.id
               }
             );
-            return isDisabled && tooltip ? /* @__PURE__ */ jsx61(
+            return isDisabled && tooltip ? /* @__PURE__ */ jsx64(
               Tooltip10,
               {
-                content: /* @__PURE__ */ jsx61(Box32, { padding: 2, style: { maxWidth: 280 }, children: tooltip }),
+                content: /* @__PURE__ */ jsx64(Box33, { padding: 2, style: { maxWidth: 280 }, children: tooltip }),
                 placement: "bottom",
                 portal: true,
-                children: /* @__PURE__ */ jsx61("span", { style: { display: "inline-block" }, children: tabElement })
+                children: /* @__PURE__ */ jsx64("span", { style: { display: "inline-block" }, children: tabElement })
               },
               tab.id
-            ) : /* @__PURE__ */ jsx61("span", { children: tabElement }, tab.id);
+            ) : /* @__PURE__ */ jsx64("span", { children: tabElement }, tab.id);
           }) }),
-          /* @__PURE__ */ jsxs45(Flex33, { align: "center", gap: 2, style: { marginLeft: "auto" }, children: [
-            /* @__PURE__ */ jsx61(
+          /* @__PURE__ */ jsxs46(Flex34, { align: "center", gap: 2, style: { marginLeft: "auto" }, children: [
+            /* @__PURE__ */ jsx64(
               HoverTip,
               {
                 text: SOURCE_TIP[provenance.source.name] ?? GLOSSARY.reportMode,
-                children: /* @__PURE__ */ jsx61(Badge10, { mode: "outline", tone: "default", children: provenance.source.name })
+                children: /* @__PURE__ */ jsx64(Badge10, { mode: "outline", tone: "default", children: provenance.source.name })
               }
             ),
-            /* @__PURE__ */ jsx61(HoverTip, { text: MODE_TIP2[provenance.mode] ?? GLOSSARY.reportMode, children: /* @__PURE__ */ jsx61(Badge10, { tone: "primary", children: provenance.mode }) }),
-            /* @__PURE__ */ jsx61(
+            /* @__PURE__ */ jsx64(HoverTip, { text: MODE_TIP2[provenance.mode] ?? GLOSSARY.reportMode, children: /* @__PURE__ */ jsx64(Badge10, { tone: "primary", children: provenance.mode }) }),
+            /* @__PURE__ */ jsx64(
               ReportActions,
               {
                 artifactManifest: summary.artifactManifest,
@@ -13234,14 +13336,14 @@ function ReportDetail({
             )
           ] })
         ] }),
-        currentTab === "overview" && /* @__PURE__ */ jsx61(
+        currentTab === "overview" && /* @__PURE__ */ jsx64(
           TabPanel,
           {
             "aria-labelledby": "tab-overview",
             hidden: currentTab !== "overview",
             id: "panel-overview",
-            children: /* @__PURE__ */ jsxs45(Stack35, { space: 5, children: [
-              /* @__PURE__ */ jsx61(
+            children: /* @__PURE__ */ jsxs46(Stack36, { space: 5, children: [
+              /* @__PURE__ */ jsx64(
                 DiagnosticsOverview,
                 {
                   comparison,
@@ -13252,36 +13354,28 @@ function ReportDetail({
                   totalTests
                 }
               ),
-              diagnosisView.availability === "not-yet-generated" ? /* @__PURE__ */ jsx61(SynthesisNotGeneratedCTA, { reportId }) : /* @__PURE__ */ jsxs45(Fragment15, { children: [
-                /* @__PURE__ */ jsx61(
-                  ScoreInterpretationPanel,
-                  {
-                    availability: diagnosisView.availability,
-                    cards: diagnosisView.cards
-                  }
-                ),
-                /* @__PURE__ */ jsx61(
-                  RecommendationsSection,
-                  {
-                    availability: diagnosisView.availability,
-                    cards: diagnosisView.cards
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx61(CostLatencyPanel, { testResults: summary.testResults }),
-              /* @__PURE__ */ jsx61(
+              /* @__PURE__ */ jsx64(
+                DiagnosisSection,
+                {
+                  artifactRef: summary?.artifactManifest?.diagnosis,
+                  reportId,
+                  runId: report.provenance?.runId
+                }
+              ),
+              /* @__PURE__ */ jsx64(CostLatencyPanel, { testResults: summary.testResults }),
+              /* @__PURE__ */ jsx64(
                 LineageCard,
                 {
                   provenance,
                   reportId: report.reportId
                 }
               ),
-              /* @__PURE__ */ jsx61(ProvenanceCard, { provenance }),
-              /* @__PURE__ */ jsx61(PipelineExecutionPanel, {})
+              /* @__PURE__ */ jsx64(ProvenanceCard, { provenance }),
+              /* @__PURE__ */ jsx64(PipelineExecutionPanel, {})
             ] })
           }
         ),
-        currentTab === "diagnostics" && hasDiagnostics && /* @__PURE__ */ jsx61(
+        currentTab === "diagnostics" && hasDiagnostics && /* @__PURE__ */ jsx64(
           DiagnosticsPanel,
           {
             artifactCache,
@@ -13297,13 +13391,13 @@ function ReportDetail({
             testResults: summary.testResults
           }
         ),
-        currentTab === "activity" && hasAgentActivity && /* @__PURE__ */ jsx61(
+        currentTab === "activity" && hasAgentActivity && /* @__PURE__ */ jsx64(
           TabPanel,
           {
             "aria-labelledby": "tab-activity",
             hidden: currentTab !== "activity",
             id: "panel-activity",
-            children: /* @__PURE__ */ jsx61(
+            children: /* @__PURE__ */ jsx64(
               AgentBehaviorCard,
               {
                 agentBehavior: summary.agentBehavior,
@@ -13316,6 +13410,35 @@ function ReportDetail({
     }
   );
 }
+function DiagnosisSection({
+  artifactRef,
+  reportId,
+  runId
+}) {
+  const view = useDiagnosisArtifact(runId, reportId, artifactRef);
+  if (view.availability === "not-yet-generated") {
+    return /* @__PURE__ */ jsx64(SynthesisNotGeneratedCTA, { reportId });
+  }
+  if (view.status === "idle" || view.status === "loading") {
+    return /* @__PURE__ */ jsx64(DiagnosisSkeleton, {});
+  }
+  return /* @__PURE__ */ jsxs46(Fragment16, { children: [
+    /* @__PURE__ */ jsx64(
+      ScoreInterpretationPanel,
+      {
+        availability: view.availability,
+        cards: view.cards
+      }
+    ),
+    /* @__PURE__ */ jsx64(
+      RecommendationsSection,
+      {
+        availability: view.availability,
+        cards: view.cards
+      }
+    )
+  ] });
+}
 function parseDiagSubTab(raw) {
   if (raw === "issues") return "issues";
   return "strengths";
@@ -13341,9 +13464,9 @@ function DiagnosticsPanel({
   const issueCount = scores.filter((s) => s.totalScore < SCORE_CAUTION).length + scores.filter((s) => s.negativeDocLift).length + scores.filter(
     (s) => s.infrastructureEfficiency != null && s.infrastructureEfficiency < EFFICIENCY_CAUTION && !s.invertedRetrievalGap
   ).length;
-  return /* @__PURE__ */ jsx61(TabPanel, { "aria-labelledby": "tab-diagnostics", id: "panel-diagnostics", children: /* @__PURE__ */ jsxs45(Stack35, { space: 4, children: [
-    /* @__PURE__ */ jsx61(
-      Flex33,
+  return /* @__PURE__ */ jsx64(TabPanel, { "aria-labelledby": "tab-diagnostics", id: "panel-diagnostics", children: /* @__PURE__ */ jsxs46(Stack36, { space: 4, children: [
+    /* @__PURE__ */ jsx64(
+      Flex34,
       {
         align: "center",
         gap: 1,
@@ -13352,7 +13475,7 @@ function DiagnosticsPanel({
           paddingBottom: 8
         },
         wrap: "wrap",
-        children: DIAG_TABS.map((tab) => /* @__PURE__ */ jsxs45(
+        children: DIAG_TABS.map((tab) => /* @__PURE__ */ jsxs46(
           "button",
           {
             onClick: () => onNavigate(tab.id === "strengths" ? null : tab.id, null),
@@ -13372,7 +13495,7 @@ function DiagnosticsPanel({
             type: "button",
             children: [
               tab.label,
-              tab.id === "issues" && issueCount > 0 && /* @__PURE__ */ jsx61(
+              tab.id === "issues" && issueCount > 0 && /* @__PURE__ */ jsx64(
                 "span",
                 {
                   style: {
@@ -13392,7 +13515,7 @@ function DiagnosticsPanel({
         ))
       }
     ),
-    subTab === "strengths" && /* @__PURE__ */ jsx61(
+    subTab === "strengths" && /* @__PURE__ */ jsx64(
       StrengthsList,
       {
         comparison,
@@ -13401,8 +13524,8 @@ function DiagnosticsPanel({
         scores
       }
     ),
-    subTab === "issues" && /* @__PURE__ */ jsxs45(Stack35, { space: 5, children: [
-      /* @__PURE__ */ jsx61(
+    subTab === "issues" && /* @__PURE__ */ jsxs46(Stack36, { space: 5, children: [
+      /* @__PURE__ */ jsx64(
         WeaknessesList,
         {
           comparison,
@@ -13411,8 +13534,8 @@ function DiagnosticsPanel({
           scores
         }
       ),
-      FEATURE_FLAGS.showFailureModes.enabled && /* @__PURE__ */ jsx61(FailureModesPanel, { failureModes }),
-      judgments && judgments.length > 0 && /* @__PURE__ */ jsx61(
+      FEATURE_FLAGS.showFailureModes.enabled && /* @__PURE__ */ jsx64(FailureModesPanel, { failureModes }),
+      judgments && judgments.length > 0 && /* @__PURE__ */ jsx64(
         JudgmentList,
         {
           artifactCache,
@@ -13448,17 +13571,17 @@ function getDisabledTabTooltip(tabId, summary) {
   if (!summary) return null;
   switch (tabId) {
     case "diagnostics":
-      return /* @__PURE__ */ jsx61(Text46, { muted: true, size: 2, children: "No diagnostic data available. Diagnostics require at least one scored feature area." });
+      return /* @__PURE__ */ jsx64(Text46, { muted: true, size: 2, children: "No diagnostic data available. Diagnostics require at least one scored feature area." });
     case "activity":
-      return summary.evaluationMode === "baseline" ? /* @__PURE__ */ jsxs45(Text46, { muted: true, size: 2, children: [
+      return summary.evaluationMode === "baseline" ? /* @__PURE__ */ jsxs46(Text46, { muted: true, size: 2, children: [
         "Not available for baseline-only evaluations. Run with",
         " ",
-        /* @__PURE__ */ jsx61("code", { style: inlineCodeStyle, children: "--mode full" }),
+        /* @__PURE__ */ jsx64("code", { style: inlineCodeStyle, children: "--mode full" }),
         " or",
         " ",
-        /* @__PURE__ */ jsx61("code", { style: inlineCodeStyle, children: "--mode agentic" }),
+        /* @__PURE__ */ jsx64("code", { style: inlineCodeStyle, children: "--mode agentic" }),
         " to capture agent browsing behavior."
-      ] }) : /* @__PURE__ */ jsx61(Text46, { muted: true, size: 2, children: "No agent activity data was recorded for this evaluation." });
+      ] }) : /* @__PURE__ */ jsx64(Text46, { muted: true, size: 2, children: "No agent activity data was recorded for this evaluation." });
     default:
       return null;
   }
@@ -13466,12 +13589,12 @@ function getDisabledTabTooltip(tabId, summary) {
 
 // src/components/report-detail/AreaScoreRow.tsx
 import { WarningOutlineIcon as WarningOutlineIcon4 } from "@sanity/icons";
-import { Box as Box33, Flex as Flex34, Stack as Stack36, Text as Text47 } from "@sanity/ui";
-import { jsx as jsx62, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Box as Box34, Flex as Flex35, Stack as Stack37, Text as Text47 } from "@sanity/ui";
+import { jsx as jsx65, jsxs as jsxs47 } from "react/jsx-runtime";
 
 // src/components/report-detail/AreaScoreTable.tsx
 import React6 from "react";
-import { Card as Card22, Stack as Stack37, Text as Text49 } from "@sanity/ui";
+import { Card as Card23, Stack as Stack38, Text as Text49 } from "@sanity/ui";
 
 // src/lib/scoring.ts
 var TONE_MAP = {
@@ -13500,44 +13623,44 @@ function scoreHex(score) {
 }
 
 // src/components/primitives/ScoreCell.tsx
-import { Card as Card21, Text as Text48 } from "@sanity/ui";
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { Card as Card22, Text as Text48 } from "@sanity/ui";
+import { jsx as jsx66 } from "react/jsx-runtime";
 
 // src/components/report-detail/AreaScoreTable.tsx
-import { jsx as jsx64, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs48 } from "react/jsx-runtime";
 
 // src/components/report-detail/AutoComparisonCard.tsx
-import { Badge as Badge11, Box as Box34, Card as Card23, Flex as Flex35, Grid as Grid5, Stack as Stack38, Text as Text50, Tooltip as Tooltip11 } from "@sanity/ui";
-import { jsx as jsx65, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Badge as Badge11, Box as Box35, Card as Card24, Flex as Flex36, Grid as Grid5, Stack as Stack39, Text as Text50, Tooltip as Tooltip11 } from "@sanity/ui";
+import { jsx as jsx68, jsxs as jsxs49 } from "react/jsx-runtime";
 
 // src/components/report-detail/OverviewStats.tsx
 import { Grid as Grid6 } from "@sanity/ui";
-import { jsx as jsx66, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs50 } from "react/jsx-runtime";
 
 // src/components/report-detail/ThreeLayerTable.tsx
 import React7 from "react";
-import { Badge as Badge12, Card as Card24, Flex as Flex36, Stack as Stack39, Text as Text51 } from "@sanity/ui";
-import { jsx as jsx67, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Badge as Badge12, Card as Card25, Flex as Flex37, Stack as Stack40, Text as Text51 } from "@sanity/ui";
+import { jsx as jsx70, jsxs as jsxs51 } from "react/jsx-runtime";
 
 // src/components/report-detail/JudgmentDetailDrawerOutlet.tsx
-import { Card as Card25 } from "@sanity/ui";
+import { Card as Card26 } from "@sanity/ui";
 import { useCallback as useCallback39, useEffect as useEffect16, useRef as useRef8, useState as useState30 } from "react";
 
 // src/components/report-detail/JudgmentDetailDrawer.tsx
 import { useEffect as useEffect15, useState as useState29 } from "react";
 import { CloseIcon as CloseIcon3 } from "@sanity/icons";
 import {
-  Box as Box35,
+  Box as Box36,
   Button as Button13,
-  Flex as Flex37,
-  Stack as Stack40,
+  Flex as Flex38,
+  Stack as Stack41,
   Tab as Tab2,
   TabList as TabList2,
   TabPanel as TabPanel2,
   Text as Text52,
   Tooltip as Tooltip12
 } from "@sanity/ui";
-import { jsx as jsx68, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs52 } from "react/jsx-runtime";
 var HEADER_STYLE = {
   borderBottom: "1px solid var(--card-border-color)"
 };
@@ -13576,7 +13699,7 @@ function DocBadge({
   const [hovered, setHovered] = useState29(false);
   const isLinked = Boolean(doc.documentId);
   const tooltipLabel = isLinked ? `Edit "${doc.title || doc.slug}"` : doc.title || doc.slug;
-  const badge = /* @__PURE__ */ jsx68(
+  const badge = /* @__PURE__ */ jsx71(
     "span",
     {
       style: {
@@ -13589,13 +13712,13 @@ function DocBadge({
       children: doc.slug
     }
   );
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx71(
     Tooltip12,
     {
-      content: /* @__PURE__ */ jsx68(Box35, { padding: 2, children: /* @__PURE__ */ jsx68(Text52, { size: 2, children: tooltipLabel }) }),
+      content: /* @__PURE__ */ jsx71(Box36, { padding: 2, children: /* @__PURE__ */ jsx71(Text52, { size: 2, children: tooltipLabel }) }),
       placement: "bottom",
       portal: true,
-      children: isLinked ? /* @__PURE__ */ jsx68(
+      children: isLinked ? /* @__PURE__ */ jsx71(
         "a",
         {
           href: `/intent/edit/id=${doc.documentId}`,
@@ -13610,7 +13733,7 @@ function DocBadge({
           },
           children: badge
         }
-      ) : /* @__PURE__ */ jsx68("span", { children: badge })
+      ) : /* @__PURE__ */ jsx71("span", { children: badge })
     }
   );
 }
@@ -13675,15 +13798,15 @@ function JudgmentDetailDrawer({
     window.addEventListener("keydown", onKeyDown);
     return () => window.removeEventListener("keydown", onKeyDown);
   }, [onClose]);
-  return /* @__PURE__ */ jsxs51(
-    Flex37,
+  return /* @__PURE__ */ jsxs52(
+    Flex38,
     {
       "aria-label": `Judgment detail: ${judgment.score} ${dimLabel}, ${taskName}`,
       direction: "column",
       role: "dialog",
       style: { flex: 1, height: "100%", minHeight: 0, overflow: "hidden" },
       children: [
-        /* @__PURE__ */ jsx68(
+        /* @__PURE__ */ jsx71(
           "div",
           {
             "aria-hidden": true,
@@ -13696,10 +13819,10 @@ function JudgmentDetailDrawer({
             }
           }
         ),
-        /* @__PURE__ */ jsxs51(Flex37, { align: "flex-start", gap: 2, padding: 4, style: HEADER_STYLE, children: [
-          /* @__PURE__ */ jsxs51(Stack40, { flex: 1, space: 2, children: [
-            /* @__PURE__ */ jsxs51(Flex37, { align: "center", gap: 2, wrap: "wrap", children: [
-              /* @__PURE__ */ jsx68(
+        /* @__PURE__ */ jsxs52(Flex38, { align: "flex-start", gap: 2, padding: 4, style: HEADER_STYLE, children: [
+          /* @__PURE__ */ jsxs52(Stack41, { flex: 1, space: 2, children: [
+            /* @__PURE__ */ jsxs52(Flex38, { align: "center", gap: 2, wrap: "wrap", children: [
+              /* @__PURE__ */ jsx71(
                 "span",
                 {
                   style: {
@@ -13714,7 +13837,7 @@ function JudgmentDetailDrawer({
                   children: judgment.score
                 }
               ),
-              /* @__PURE__ */ jsx68(
+              /* @__PURE__ */ jsx71(
                 "span",
                 {
                   style: {
@@ -13727,13 +13850,13 @@ function JudgmentDetailDrawer({
                   children: dimLabel
                 }
               ),
-              /* @__PURE__ */ jsx68(
+              /* @__PURE__ */ jsx71(
                 Tooltip12,
                 {
-                  content: /* @__PURE__ */ jsx68(Box35, { padding: 2, children: /* @__PURE__ */ jsx68(Text52, { size: 1, children: judgment.modelId }) }),
+                  content: /* @__PURE__ */ jsx71(Box36, { padding: 2, children: /* @__PURE__ */ jsx71(Text52, { size: 1, children: judgment.modelId }) }),
                   placement: "bottom",
                   portal: true,
-                  children: /* @__PURE__ */ jsx68(
+                  children: /* @__PURE__ */ jsx71(
                     "span",
                     {
                       style: {
@@ -13750,7 +13873,7 @@ function JudgmentDetailDrawer({
                   )
                 }
               ),
-              (testResult?.latencyMs != null || testResult?.cost != null && testResult.cost > 0) && /* @__PURE__ */ jsx68(
+              (testResult?.latencyMs != null || testResult?.cost != null && testResult.cost > 0) && /* @__PURE__ */ jsx71(
                 "span",
                 {
                   "aria-hidden": true,
@@ -13762,38 +13885,38 @@ function JudgmentDetailDrawer({
                   }
                 }
               ),
-              testResult?.latencyMs != null && /* @__PURE__ */ jsx68(
+              testResult?.latencyMs != null && /* @__PURE__ */ jsx71(
                 Tooltip12,
                 {
-                  content: /* @__PURE__ */ jsx68(Box35, { padding: 2, children: /* @__PURE__ */ jsx68(Text52, { size: 1, children: "End-to-end generation latency for this model call." }) }),
+                  content: /* @__PURE__ */ jsx71(Box36, { padding: 2, children: /* @__PURE__ */ jsx71(Text52, { size: 1, children: "End-to-end generation latency for this model call." }) }),
                   placement: "bottom",
                   portal: true,
-                  children: /* @__PURE__ */ jsxs51(Text52, { muted: true, size: 1, children: [
+                  children: /* @__PURE__ */ jsxs52(Text52, { muted: true, size: 1, children: [
                     (testResult.latencyMs / 1e3).toFixed(1),
                     "s"
                   ] })
                 }
               ),
-              testResult?.cost != null && testResult.cost > 0 && /* @__PURE__ */ jsx68(
+              testResult?.cost != null && testResult.cost > 0 && /* @__PURE__ */ jsx71(
                 Tooltip12,
                 {
-                  content: /* @__PURE__ */ jsx68(Box35, { padding: 2, children: /* @__PURE__ */ jsx68(Text52, { size: 1, children: "Provider-reported cost for this model call." }) }),
+                  content: /* @__PURE__ */ jsx71(Box36, { padding: 2, children: /* @__PURE__ */ jsx71(Text52, { size: 1, children: "Provider-reported cost for this model call." }) }),
                   placement: "bottom",
                   portal: true,
-                  children: /* @__PURE__ */ jsxs51(Text52, { muted: true, size: 1, children: [
+                  children: /* @__PURE__ */ jsxs52(Text52, { muted: true, size: 1, children: [
                     "$",
                     testResult.cost.toFixed(4)
                   ] })
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs51(Flex37, { align: "center", gap: 2, wrap: "wrap", children: [
-              /* @__PURE__ */ jsx68(Text52, { size: 2, weight: "medium", children: taskName }),
-              /* @__PURE__ */ jsx68(VariantBadge, { variant })
+            /* @__PURE__ */ jsxs52(Flex38, { align: "center", gap: 2, wrap: "wrap", children: [
+              /* @__PURE__ */ jsx71(Text52, { size: 2, weight: "medium", children: taskName }),
+              /* @__PURE__ */ jsx71(VariantBadge, { variant })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs51(Flex37, { align: "center", gap: 1, children: [
-            /* @__PURE__ */ jsx68(
+          /* @__PURE__ */ jsxs52(Flex38, { align: "center", gap: 1, children: [
+            /* @__PURE__ */ jsx71(
               "span",
               {
                 style: {
@@ -13811,7 +13934,7 @@ function JudgmentDetailDrawer({
                 children: "Esc"
               }
             ),
-            /* @__PURE__ */ jsx68(
+            /* @__PURE__ */ jsx71(
               Button13,
               {
                 "aria-label": "Close (Esc)",
@@ -13824,8 +13947,8 @@ function JudgmentDetailDrawer({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs51(
-          Flex37,
+        /* @__PURE__ */ jsxs52(
+          Flex38,
           {
             align: "center",
             gap: 2,
@@ -13834,8 +13957,8 @@ function JudgmentDetailDrawer({
             paddingY: 2,
             style: TAB_BAR_STYLE,
             children: [
-              /* @__PURE__ */ jsx68(Box35, { flex: 1, style: { minWidth: 0 }, children: /* @__PURE__ */ jsxs51(TabList2, { space: 2, children: [
-                /* @__PURE__ */ jsx68(
+              /* @__PURE__ */ jsx71(Box36, { flex: 1, style: { minWidth: 0 }, children: /* @__PURE__ */ jsxs52(TabList2, { space: 2, children: [
+                /* @__PURE__ */ jsx71(
                   Tab2,
                   {
                     "aria-controls": "judgment-panel-reasoning",
@@ -13845,7 +13968,7 @@ function JudgmentDetailDrawer({
                     selected: tab === "reasoning"
                   }
                 ),
-                hasOutputTab && /* @__PURE__ */ jsx68(
+                hasOutputTab && /* @__PURE__ */ jsx71(
                   Tab2,
                   {
                     "aria-controls": "judgment-panel-output",
@@ -13856,7 +13979,7 @@ function JudgmentDetailDrawer({
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ jsx68(
+              /* @__PURE__ */ jsx71(
                 JudgmentActions,
                 {
                   onShowPrompts: onShowPrompts ? () => onShowPrompts(judgment) : void 0
@@ -13865,15 +13988,15 @@ function JudgmentDetailDrawer({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs51(Box35, { padding: 4, style: CONTENT_STYLE, children: [
-          /* @__PURE__ */ jsx68(
+        /* @__PURE__ */ jsxs52(Box36, { padding: 4, style: CONTENT_STYLE, children: [
+          /* @__PURE__ */ jsx71(
             TabPanel2,
             {
               "aria-labelledby": "judgment-tab-reasoning",
               hidden: tab !== "reasoning",
               id: "judgment-panel-reasoning",
-              children: /* @__PURE__ */ jsxs51(Box35, { style: COPYABLE_BLOCK_STYLE, children: [
-                /* @__PURE__ */ jsx68(Box35, { style: COPY_BUTTON_SLOT_STYLE, children: /* @__PURE__ */ jsx68(
+              children: /* @__PURE__ */ jsxs52(Box36, { style: COPYABLE_BLOCK_STYLE, children: [
+                /* @__PURE__ */ jsx71(Box36, { style: COPY_BUTTON_SLOT_STYLE, children: /* @__PURE__ */ jsx71(
                   CopyButton,
                   {
                     copiedLabel: "Reasoning copied",
@@ -13881,26 +14004,26 @@ function JudgmentDetailDrawer({
                     text: reasoningText
                   }
                 ) }),
-                /* @__PURE__ */ jsx68(Markdown, { content: reasoningText }),
-                reasoningIsPreview && /* @__PURE__ */ jsx68(Text52, { muted: true, size: 1, style: { marginTop: 8 }, children: fullStatus === "loading" ? "Loading full reasoning\u2026" : "Showing preview (280 chars). Full reasoning not yet loaded." })
+                /* @__PURE__ */ jsx71(Markdown, { content: reasoningText }),
+                reasoningIsPreview && /* @__PURE__ */ jsx71(Text52, { muted: true, size: 1, style: { marginTop: 8 }, children: fullStatus === "loading" ? "Loading full reasoning\u2026" : "Showing preview (280 chars). Full reasoning not yet loaded." })
               ] })
             }
           ),
-          hasOutputTab && /* @__PURE__ */ jsxs51(
+          hasOutputTab && /* @__PURE__ */ jsxs52(
             TabPanel2,
             {
               "aria-labelledby": "judgment-tab-output",
               hidden: tab !== "output",
               id: "judgment-panel-output",
               children: [
-                !resolvedOutput && fetchInFlight && /* @__PURE__ */ jsx68(Text52, { muted: true, size: 1, children: "Fetching model output\u2026" }),
-                !resolvedOutput && fetchFailed && /* @__PURE__ */ jsxs51(Text52, { muted: true, size: 1, style: { color: "#f87171" }, children: [
+                !resolvedOutput && fetchInFlight && /* @__PURE__ */ jsx71(Text52, { muted: true, size: 1, children: "Fetching model output\u2026" }),
+                !resolvedOutput && fetchFailed && /* @__PURE__ */ jsxs52(Text52, { muted: true, size: 1, style: { color: "#f87171" }, children: [
                   "Failed to load model output",
                   artifactCache?.error ? `: ${artifactCache.error}` : ""
                 ] }),
-                !resolvedOutput && entryUnavailable && /* @__PURE__ */ jsx68(Text52, { muted: true, size: 1, children: "Model output not available for this entry." }),
-                resolvedOutput && /* @__PURE__ */ jsxs51(Box35, { style: COPYABLE_BLOCK_STYLE, children: [
-                  /* @__PURE__ */ jsx68(Box35, { style: COPY_BUTTON_SLOT_STYLE, children: /* @__PURE__ */ jsx68(
+                !resolvedOutput && entryUnavailable && /* @__PURE__ */ jsx71(Text52, { muted: true, size: 1, children: "Model output not available for this entry." }),
+                resolvedOutput && /* @__PURE__ */ jsxs52(Box36, { style: COPYABLE_BLOCK_STYLE, children: [
+                  /* @__PURE__ */ jsx71(Box36, { style: COPY_BUTTON_SLOT_STYLE, children: /* @__PURE__ */ jsx71(
                     CopyButton,
                     {
                       copiedLabel: "Output copied",
@@ -13908,7 +14031,7 @@ function JudgmentDetailDrawer({
                       text: resolvedOutput
                     }
                   ) }),
-                  /* @__PURE__ */ jsx68(Markdown, { content: resolvedOutput })
+                  /* @__PURE__ */ jsx71(Markdown, { content: resolvedOutput })
                 ] })
               ]
             }
@@ -13916,9 +14039,9 @@ function JudgmentDetailDrawer({
         ] }),
         (() => {
           const docs = judgment.contextDocs ?? judgment.canonicalDocs;
-          return docs && docs.length > 0 ? /* @__PURE__ */ jsx68(Box35, { padding: 4, style: RELATED_DOCS_STYLE, children: /* @__PURE__ */ jsxs51(Flex37, { align: "center", gap: 2, wrap: "wrap", children: [
-            /* @__PURE__ */ jsx68("span", { style: SECTION_LABEL_STYLE, children: "Related docs" }),
-            docs.map((doc) => /* @__PURE__ */ jsx68(DocBadge, { doc }, doc.slug))
+          return docs && docs.length > 0 ? /* @__PURE__ */ jsx71(Box36, { padding: 4, style: RELATED_DOCS_STYLE, children: /* @__PURE__ */ jsxs52(Flex38, { align: "center", gap: 2, wrap: "wrap", children: [
+            /* @__PURE__ */ jsx71("span", { style: SECTION_LABEL_STYLE, children: "Related docs" }),
+            docs.map((doc) => /* @__PURE__ */ jsx71(DocBadge, { doc }, doc.slug))
           ] }) }) : null;
         })()
       ]
@@ -13927,7 +14050,7 @@ function JudgmentDetailDrawer({
 }
 
 // src/components/report-detail/JudgmentDetailDrawerOutlet.tsx
-import { jsx as jsx69, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs53 } from "react/jsx-runtime";
 var MIN_WIDTH2 = 480;
 var MAX_WIDTH2 = 900;
 var OVERLAY_BREAKPOINT2 = 1024;
@@ -13997,7 +14120,7 @@ function JudgmentDetailDrawerOutlet({
   const isNarrow = useIsNarrow2();
   const { handleMouseDown, width } = useResizable2(computeDefaultWidth());
   if (!isOpen || !active) return null;
-  return /* @__PURE__ */ jsxs52(
+  return /* @__PURE__ */ jsxs53(
     "div",
     {
       style: isNarrow ? {
@@ -14023,7 +14146,7 @@ function JudgmentDetailDrawerOutlet({
         width
       },
       children: [
-        !isNarrow && /* @__PURE__ */ jsx69(
+        !isNarrow && /* @__PURE__ */ jsx72(
           "div",
           {
             "aria-label": "Resize judgment drawer",
@@ -14048,8 +14171,8 @@ function JudgmentDetailDrawerOutlet({
             }
           }
         ),
-        /* @__PURE__ */ jsx69(
-          Card25,
+        /* @__PURE__ */ jsx72(
+          Card26,
           {
             borderLeft: !isNarrow,
             style: {
@@ -14058,7 +14181,7 @@ function JudgmentDetailDrawerOutlet({
               flexDirection: "column",
               overflow: "hidden"
             },
-            children: /* @__PURE__ */ jsx69(ReportArtifactProvider, { runId: active.runId, manifest: active.manifest, children: /* @__PURE__ */ jsx69(
+            children: /* @__PURE__ */ jsx72(ReportArtifactProvider, { runId: active.runId, manifest: active.manifest, children: /* @__PURE__ */ jsx72(
               JudgmentDetailDrawer,
               {
                 artifactCache: active.artifactCache,
@@ -14076,12 +14199,12 @@ function JudgmentDetailDrawerOutlet({
 }
 
 // src/components/ScoreTimeline.tsx
-import { Card as Card28, Flex as Flex40, Spinner, Stack as Stack43, Text as Text55 } from "@sanity/ui";
+import { Card as Card29, Flex as Flex41, Spinner, Stack as Stack44, Text as Text55 } from "@sanity/ui";
 import { useCallback as useCallback43, useMemo as useMemo20, useState as useState33 } from "react";
 import { useRouter as useRouter4 } from "sanity/router";
 
 // src/components/timeline/TimelineChart.tsx
-import { Box as Box36, Card as Card26, Flex as Flex38, Stack as Stack41, Text as Text53 } from "@sanity/ui";
+import { Box as Box37, Card as Card27, Flex as Flex39, Stack as Stack42, Text as Text53 } from "@sanity/ui";
 import {
   useCallback as useCallback40,
   useEffect as useEffect17,
@@ -14331,7 +14454,7 @@ function effectiveStartDate(rangeDays, floor = TIMELINE_DATA_START_DATE) {
 }
 
 // src/components/timeline/TimelineChart.tsx
-import { jsx as jsx70, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs54 } from "react/jsx-runtime";
 var CHART_HEIGHT = 280;
 var PAD_BOTTOM = 36;
 var PAD_LEFT = 44;
@@ -14480,11 +14603,11 @@ function TimelineChart({
   const activeIdx = hoverIdx ?? focusIdx;
   const active = activeIdx !== null ? computed[activeIdx] : null;
   if (computed.length === 0) {
-    return /* @__PURE__ */ jsx70(Card26, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsx70(Flex38, { align: "center", justify: "center", style: { height: 220 }, children: /* @__PURE__ */ jsx70(Text53, { muted: true, size: 2, children: "No reports found in this window. Adjust the filters or extend the time range." }) }) });
+    return /* @__PURE__ */ jsx73(Card27, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsx73(Flex39, { align: "center", justify: "center", style: { height: 220 }, children: /* @__PURE__ */ jsx73(Text53, { muted: true, size: 2, children: "No reports found in this window. Adjust the filters or extend the time range." }) }) });
   }
-  return /* @__PURE__ */ jsx70(Card26, { padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs53(Stack41, { space: 2, children: [
-    /* @__PURE__ */ jsxs53(Box36, { ref: containerRef, style: { position: "relative", width: "100%" }, children: [
-      /* @__PURE__ */ jsxs53(
+  return /* @__PURE__ */ jsx73(Card27, { padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs54(Stack42, { space: 2, children: [
+    /* @__PURE__ */ jsxs54(Box37, { ref: containerRef, style: { position: "relative", width: "100%" }, children: [
+      /* @__PURE__ */ jsxs54(
         "svg",
         {
           "aria-label": "Score timeline chart",
@@ -14499,8 +14622,8 @@ function TimelineChart({
           children: [
             Y_TICKS.map((tick) => {
               const y = yFor(tick);
-              return /* @__PURE__ */ jsxs53("g", { children: [
-                /* @__PURE__ */ jsx70(
+              return /* @__PURE__ */ jsxs54("g", { children: [
+                /* @__PURE__ */ jsx73(
                   "line",
                   {
                     stroke: "var(--card-border-color, #ddd)",
@@ -14511,7 +14634,7 @@ function TimelineChart({
                     y2: y
                   }
                 ),
-                /* @__PURE__ */ jsx70(
+                /* @__PURE__ */ jsx73(
                   "text",
                   {
                     dominantBaseline: "middle",
@@ -14525,7 +14648,7 @@ function TimelineChart({
                 )
               ] }, tick);
             }),
-            avgScore > 0 ? /* @__PURE__ */ jsx70(
+            avgScore > 0 ? /* @__PURE__ */ jsx73(
               "rect",
               {
                 fill: scoreHex(avgScore),
@@ -14542,7 +14665,7 @@ function TimelineChart({
             xLabelIndexes.map((i) => {
               const p = computed[i];
               if (!p) return null;
-              return /* @__PURE__ */ jsx70(
+              return /* @__PURE__ */ jsx73(
                 "text",
                 {
                   fill: "var(--card-muted-fg-color, #999)",
@@ -14555,7 +14678,7 @@ function TimelineChart({
                 i
               );
             }),
-            showMovingAverage && maPoints ? /* @__PURE__ */ jsx70(
+            showMovingAverage && maPoints ? /* @__PURE__ */ jsx73(
               "polyline",
               {
                 fill: "none",
@@ -14566,7 +14689,7 @@ function TimelineChart({
                 strokeWidth: 1.5
               }
             ) : null,
-            /* @__PURE__ */ jsx70(
+            /* @__PURE__ */ jsx73(
               "polyline",
               {
                 fill: "none",
@@ -14576,7 +14699,7 @@ function TimelineChart({
                 strokeWidth: 2.5
               }
             ),
-            active ? /* @__PURE__ */ jsx70(
+            active ? /* @__PURE__ */ jsx73(
               "line",
               {
                 stroke: "var(--card-border-color, #bbb)",
@@ -14589,7 +14712,7 @@ function TimelineChart({
             ) : null,
             computed.map((p, idx) => {
               const isActive = idx === activeIdx;
-              return /* @__PURE__ */ jsx70(
+              return /* @__PURE__ */ jsx73(
                 "circle",
                 {
                   cx: p.x,
@@ -14607,11 +14730,11 @@ function TimelineChart({
           ]
         }
       ),
-      active ? /* @__PURE__ */ jsx70(Tooltip13, { active, chartWidth: width }) : null
+      active ? /* @__PURE__ */ jsx73(Tooltip13, { active, chartWidth: width }) : null
     ] }),
-    /* @__PURE__ */ jsxs53(Flex38, { gap: 3, align: "center", children: [
-      /* @__PURE__ */ jsx70(LegendDot, { color: scoreHex(avgScore), label: "Score" }),
-      showMovingAverage ? /* @__PURE__ */ jsx70(
+    /* @__PURE__ */ jsxs54(Flex39, { gap: 3, align: "center", children: [
+      /* @__PURE__ */ jsx73(LegendDot, { color: scoreHex(avgScore), label: "Score" }),
+      showMovingAverage ? /* @__PURE__ */ jsx73(
         LegendDot,
         {
           color: "var(--card-muted-fg-color, #888)",
@@ -14619,7 +14742,7 @@ function TimelineChart({
           label: "5-point moving average"
         }
       ) : null,
-      /* @__PURE__ */ jsx70(Text53, { muted: true, size: 1, children: "Click a point to open the report" })
+      /* @__PURE__ */ jsx73(Text53, { muted: true, size: 1, children: "Click a point to open the report" })
     ] })
   ] }) });
 }
@@ -14628,8 +14751,8 @@ function LegendDot({
   dashed = false,
   label
 }) {
-  return /* @__PURE__ */ jsxs53(Flex38, { align: "center", gap: 2, children: [
-    /* @__PURE__ */ jsx70("svg", { height: "10", width: "22", children: /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsxs54(Flex39, { align: "center", gap: 2, children: [
+    /* @__PURE__ */ jsx73("svg", { height: "10", width: "22", children: /* @__PURE__ */ jsx73(
       "line",
       {
         stroke: color,
@@ -14641,15 +14764,15 @@ function LegendDot({
         y2: "5"
       }
     ) }),
-    /* @__PURE__ */ jsx70(Text53, { muted: true, size: 1, children: label })
+    /* @__PURE__ */ jsx73(Text53, { muted: true, size: 1, children: label })
   ] });
 }
 function Tooltip13({ active, chartWidth }) {
   const cssX = active.x;
   const isRightEdge = cssX > chartWidth - 220;
   const left = isRightEdge ? cssX - 220 : cssX + 12;
-  return /* @__PURE__ */ jsx70(
-    Box36,
+  return /* @__PURE__ */ jsx73(
+    Box37,
     {
       style: {
         background: "var(--card-bg-color, #fff)",
@@ -14664,11 +14787,11 @@ function Tooltip13({ active, chartWidth }) {
         position: "absolute",
         top: 8
       },
-      children: /* @__PURE__ */ jsxs53(Stack41, { space: 2, children: [
-        /* @__PURE__ */ jsx70(Text53, { size: 1, weight: "semibold", children: formatDateTime(active.date) }),
-        /* @__PURE__ */ jsxs53(Flex38, { gap: 2, align: "center", children: [
-          /* @__PURE__ */ jsx70(
-            Box36,
+      children: /* @__PURE__ */ jsxs54(Stack42, { space: 2, children: [
+        /* @__PURE__ */ jsx73(Text53, { size: 1, weight: "semibold", children: formatDateTime(active.date) }),
+        /* @__PURE__ */ jsxs54(Flex39, { gap: 2, align: "center", children: [
+          /* @__PURE__ */ jsx73(
+            Box37,
             {
               style: {
                 background: scoreHex(active.score),
@@ -14678,19 +14801,19 @@ function Tooltip13({ active, chartWidth }) {
               }
             }
           ),
-          /* @__PURE__ */ jsx70(Text53, { size: 2, weight: "bold", children: Math.round(active.score) }),
-          active.count > 1 ? /* @__PURE__ */ jsxs53(Text53, { muted: true, size: 1, children: [
+          /* @__PURE__ */ jsx73(Text53, { size: 2, weight: "bold", children: Math.round(active.score) }),
+          active.count > 1 ? /* @__PURE__ */ jsxs54(Text53, { muted: true, size: 1, children: [
             "avg of ",
             active.count,
             " reports"
           ] }) : null
         ] }),
-        active.source.title ? /* @__PURE__ */ jsx70(Text53, { size: 1, children: active.source.title }) : null,
-        /* @__PURE__ */ jsxs53(Text53, { muted: true, size: 1, children: [
+        active.source.title ? /* @__PURE__ */ jsx73(Text53, { size: 1, children: active.source.title }) : null,
+        /* @__PURE__ */ jsxs54(Text53, { muted: true, size: 1, children: [
           active.source.mode,
           active.source.source ? ` \xB7 ${active.source.source}` : ""
         ] }),
-        active.source.tag ? /* @__PURE__ */ jsxs53(Text53, { muted: true, size: 1, children: [
+        active.source.tag ? /* @__PURE__ */ jsxs54(Text53, { muted: true, size: 1, children: [
           "tag: ",
           active.source.tag
         ] }) : null
@@ -14706,14 +14829,14 @@ import {
   LinkIcon as LinkIcon4,
   RefreshIcon
 } from "@sanity/icons";
-import { Box as Box37, Button as Button15, Inline as Inline3, MenuDivider as MenuDivider4, MenuItem as MenuItem11 } from "@sanity/ui";
+import { Box as Box38, Button as Button15, Inline as Inline3, MenuDivider as MenuDivider4, MenuItem as MenuItem11 } from "@sanity/ui";
 import { useCallback as useCallback41 } from "react";
 
 // src/components/timeline/SelectChip.tsx
 import { ChevronDownIcon as ChevronDownIcon5 } from "@sanity/icons";
 import { Button as Button14, Menu as Menu3, MenuButton as MenuButton3, MenuItem as MenuItem10 } from "@sanity/ui";
 import { useId as useId2 } from "react";
-import { jsx as jsx71 } from "react/jsx-runtime";
+import { jsx as jsx74 } from "react/jsx-runtime";
 function SelectChip({
   defaultValue,
   label,
@@ -14725,10 +14848,10 @@ function SelectChip({
   const current = options.find((o) => o.value === value);
   const displayValue = current?.label ?? value;
   const isActive = defaultValue !== void 0 && value !== defaultValue;
-  return /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx74(
     MenuButton3,
     {
-      button: /* @__PURE__ */ jsx71(
+      button: /* @__PURE__ */ jsx74(
         Button14,
         {
           fontSize: 1,
@@ -14741,7 +14864,7 @@ function SelectChip({
         }
       ),
       id: menuId,
-      menu: /* @__PURE__ */ jsx71(Menu3, { style: { minWidth: 160 }, children: options.map((opt) => /* @__PURE__ */ jsx71(
+      menu: /* @__PURE__ */ jsx74(Menu3, { style: { minWidth: 160 }, children: options.map((opt) => /* @__PURE__ */ jsx74(
         MenuItem10,
         {
           onClick: () => onChange(opt.value),
@@ -14761,7 +14884,7 @@ function SelectChip({
 }
 
 // src/components/timeline/TimelineFilters.tsx
-import { Fragment as Fragment16, jsx as jsx72, jsxs as jsxs54 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx75, jsxs as jsxs55 } from "react/jsx-runtime";
 var BAR_STYLE2 = {
   alignItems: "center",
   background: "var(--card-bg-color)",
@@ -14801,8 +14924,8 @@ function TimelineFilters(props) {
   const handleMaToggle = useCallback41(() => {
     onShowMovingAverageChange(!showMovingAverage);
   }, [onShowMovingAverageChange, showMovingAverage]);
-  return /* @__PURE__ */ jsxs54("div", { style: BAR_STYLE2, children: [
-    /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsxs55("div", { style: BAR_STYLE2, children: [
+    /* @__PURE__ */ jsx75(
       SelectChip,
       {
         defaultValue: DEFAULT_RANGE,
@@ -14812,7 +14935,7 @@ function TimelineFilters(props) {
         value: range
       }
     ),
-    /* @__PURE__ */ jsx72(
+    /* @__PURE__ */ jsx75(
       SelectChip,
       {
         defaultValue: DEFAULT_GRANULARITY,
@@ -14822,7 +14945,7 @@ function TimelineFilters(props) {
         value: granularity
       }
     ),
-    areaOptions.length > 0 && /* @__PURE__ */ jsx72(
+    areaOptions.length > 0 && /* @__PURE__ */ jsx75(
       FilterChip,
       {
         label: "Area",
@@ -14832,7 +14955,7 @@ function TimelineFilters(props) {
         value: area
       }
     ),
-    modeOptions.length > 0 && /* @__PURE__ */ jsx72(
+    modeOptions.length > 0 && /* @__PURE__ */ jsx75(
       FilterChip,
       {
         label: "Mode",
@@ -14841,7 +14964,7 @@ function TimelineFilters(props) {
         value: mode
       }
     ),
-    sourceOptions.length > 0 && /* @__PURE__ */ jsx72(
+    sourceOptions.length > 0 && /* @__PURE__ */ jsx75(
       FilterChip,
       {
         label: "Source",
@@ -14850,7 +14973,7 @@ function TimelineFilters(props) {
         value: source
       }
     ),
-    ownerTeamOptions.length > 0 && /* @__PURE__ */ jsx72(
+    ownerTeamOptions.length > 0 && /* @__PURE__ */ jsx75(
       FilterChip,
       {
         label: "Team",
@@ -14860,9 +14983,9 @@ function TimelineFilters(props) {
         value: ownerTeam
       }
     ),
-    /* @__PURE__ */ jsx72(Box37, { style: { flex: "1 0 0px" } }),
-    /* @__PURE__ */ jsxs54(Inline3, { space: 1, children: [
-      /* @__PURE__ */ jsx72(
+    /* @__PURE__ */ jsx75(Box38, { style: { flex: "1 0 0px" } }),
+    /* @__PURE__ */ jsxs55(Inline3, { space: 1, children: [
+      /* @__PURE__ */ jsx75(
         Button15,
         {
           fontSize: 1,
@@ -14874,7 +14997,7 @@ function TimelineFilters(props) {
           tone: showMovingAverage ? "primary" : "default"
         }
       ),
-      /* @__PURE__ */ jsx72(
+      /* @__PURE__ */ jsx75(
         Button15,
         {
           fontSize: 1,
@@ -14887,12 +15010,12 @@ function TimelineFilters(props) {
           text: "Refresh"
         }
       ),
-      /* @__PURE__ */ jsx72(
+      /* @__PURE__ */ jsx75(
         SplitActionButton,
         {
           menuId: "timeline-share-actions",
-          menu: /* @__PURE__ */ jsxs54(Fragment16, { children: [
-            /* @__PURE__ */ jsx72(
+          menu: /* @__PURE__ */ jsxs55(Fragment17, { children: [
+            /* @__PURE__ */ jsx75(
               MenuItem11,
               {
                 icon: ClipboardIcon2,
@@ -14900,8 +15023,8 @@ function TimelineFilters(props) {
                 text: "Copy CSV to clipboard"
               }
             ),
-            /* @__PURE__ */ jsx72(MenuDivider4, {}),
-            /* @__PURE__ */ jsx72(
+            /* @__PURE__ */ jsx75(MenuDivider4, {}),
+            /* @__PURE__ */ jsx75(
               MenuItem11,
               {
                 icon: DownloadIcon2,
@@ -14924,25 +15047,25 @@ function TimelineFilters(props) {
 }
 
 // src/components/timeline/TimelineSummary.tsx
-import { Badge as Badge13, Box as Box38, Card as Card27, Flex as Flex39, Grid as Grid7, Stack as Stack42, Text as Text54 } from "@sanity/ui";
-import { jsx as jsx73, jsxs as jsxs55 } from "react/jsx-runtime";
+import { Badge as Badge13, Box as Box39, Card as Card28, Flex as Flex40, Grid as Grid7, Stack as Stack43, Text as Text54 } from "@sanity/ui";
+import { jsx as jsx76, jsxs as jsxs56 } from "react/jsx-runtime";
 function TimelineSummary({ area, stats }) {
   if (stats.count === 0) return null;
-  return /* @__PURE__ */ jsx73(Card27, { padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs55(Stack42, { space: 3, children: [
-    /* @__PURE__ */ jsxs55(Flex39, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx73(Text54, { size: 1, weight: "semibold", children: "Summary" }),
-      /* @__PURE__ */ jsxs55(Text54, { muted: true, size: 1, children: [
+  return /* @__PURE__ */ jsx76(Card28, { padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs56(Stack43, { space: 3, children: [
+    /* @__PURE__ */ jsxs56(Flex40, { align: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx76(Text54, { size: 1, weight: "semibold", children: "Summary" }),
+      /* @__PURE__ */ jsxs56(Text54, { muted: true, size: 1, children: [
         area ? `Area: ${area}` : "Overall score",
         " \xB7 ",
         stats.count,
         " report",
         stats.count === 1 ? "" : "s"
       ] }),
-      /* @__PURE__ */ jsx73(Box38, { flex: 1 }),
-      /* @__PURE__ */ jsx73(TrendPill, { stats })
+      /* @__PURE__ */ jsx76(Box39, { flex: 1 }),
+      /* @__PURE__ */ jsx76(TrendPill, { stats })
     ] }),
-    /* @__PURE__ */ jsxs55(Grid7, { columns: [2, 2, 4], gap: 3, children: [
-      /* @__PURE__ */ jsx73(
+    /* @__PURE__ */ jsxs56(Grid7, { columns: [2, 2, 4], gap: 3, children: [
+      /* @__PURE__ */ jsx76(
         StatTile,
         {
           label: "Mean",
@@ -14950,8 +15073,8 @@ function TimelineSummary({ area, stats }) {
           sub: stats.stdev !== null ? `\xB1 ${stats.stdev.toFixed(1)} stdev` : null
         }
       ),
-      /* @__PURE__ */ jsx73(StatTile, { label: "Median", score: stats.median, sub: null }),
-      /* @__PURE__ */ jsx73(
+      /* @__PURE__ */ jsx76(StatTile, { label: "Median", score: stats.median, sub: null }),
+      /* @__PURE__ */ jsx76(
         StatTile,
         {
           label: "Best",
@@ -14959,7 +15082,7 @@ function TimelineSummary({ area, stats }) {
           sub: stats.max ? formatDateShort(stats.max.date) : null
         }
       ),
-      /* @__PURE__ */ jsx73(
+      /* @__PURE__ */ jsx76(
         StatTile,
         {
           label: "Worst",
@@ -14972,10 +15095,10 @@ function TimelineSummary({ area, stats }) {
 }
 function TrendPill({ stats }) {
   if (stats.delta === null || stats.count < 2) {
-    return /* @__PURE__ */ jsx73(Badge13, { fontSize: 1, mode: "outline", tone: "default", children: "Single data point" });
+    return /* @__PURE__ */ jsx76(Badge13, { fontSize: 1, mode: "outline", tone: "default", children: "Single data point" });
   }
   const { label, tone } = trendBadgeContent(stats.trend, stats.delta);
-  return /* @__PURE__ */ jsx73(Badge13, { fontSize: 1, mode: "default", tone, children: label });
+  return /* @__PURE__ */ jsx76(Badge13, { fontSize: 1, mode: "default", tone, children: label });
 }
 function trendBadgeContent(trend, delta) {
   switch (trend) {
@@ -14992,10 +15115,10 @@ function StatTile({
   score,
   sub
 }) {
-  return /* @__PURE__ */ jsxs55(Stack42, { space: 2, children: [
-    /* @__PURE__ */ jsx73(Text54, { muted: true, size: 1, weight: "medium", children: label }),
-    score === null ? /* @__PURE__ */ jsx73(Text54, { muted: true, size: 3, children: "\u2014" }) : /* @__PURE__ */ jsx73(Badge13, { fontSize: 2, mode: "default", tone: scoreTone(score), children: score.toFixed(1) }),
-    score !== null && sub ? /* @__PURE__ */ jsx73(Text54, { muted: true, size: 1, children: sub }) : null
+  return /* @__PURE__ */ jsxs56(Stack43, { space: 2, children: [
+    /* @__PURE__ */ jsx76(Text54, { muted: true, size: 1, weight: "medium", children: label }),
+    score === null ? /* @__PURE__ */ jsx76(Text54, { muted: true, size: 3, children: "\u2014" }) : /* @__PURE__ */ jsx76(Badge13, { fontSize: 2, mode: "default", tone: scoreTone(score), children: score.toFixed(1) }),
+    score !== null && sub ? /* @__PURE__ */ jsx76(Text54, { muted: true, size: 1, children: sub }) : null
   ] });
 }
 
@@ -15055,7 +15178,7 @@ function useTimelineData({
 }
 
 // src/components/ScoreTimeline.tsx
-import { Fragment as Fragment17, jsx as jsx74, jsxs as jsxs56 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx77, jsxs as jsxs57 } from "react/jsx-runtime";
 function buildSearchParams2(filters) {
   const params = [];
   if (filters.range !== DEFAULT_RANGE) params.push(["range", filters.range]);
@@ -15158,8 +15281,8 @@ function ScoreTimeline({
     const ts = (/* @__PURE__ */ new Date()).toISOString().replaceAll(":", "-").slice(0, 19);
     downloadCsv(csv, `score-timeline-${ts}.csv`);
   }, [area, dataPoints]);
-  return /* @__PURE__ */ jsxs56(Stack43, { space: 4, children: [
-    /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsxs57(Stack44, { space: 4, children: [
+    /* @__PURE__ */ jsx77(
       TimelineFilters,
       {
         area,
@@ -15187,15 +15310,15 @@ function ScoreTimeline({
         sourceOptions
       }
     ),
-    error ? /* @__PURE__ */ jsx74(Card28, { padding: 4, radius: 2, tone: "critical", children: /* @__PURE__ */ jsxs56(Text55, { size: 2, children: [
+    error ? /* @__PURE__ */ jsx77(Card29, { padding: 4, radius: 2, tone: "critical", children: /* @__PURE__ */ jsxs57(Text55, { size: 2, children: [
       "Failed to load timeline: ",
       error
     ] }) }) : null,
-    loading ? /* @__PURE__ */ jsx74(Card28, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs56(Flex40, { align: "center", gap: 2, justify: "center", style: { height: 220 }, children: [
-      /* @__PURE__ */ jsx74(Spinner, { muted: true }),
-      /* @__PURE__ */ jsx74(Text55, { muted: true, size: 2, children: "Loading timeline\u2026" })
-    ] }) }) : /* @__PURE__ */ jsxs56(Fragment17, { children: [
-      /* @__PURE__ */ jsx74(
+    loading ? /* @__PURE__ */ jsx77(Card29, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs57(Flex41, { align: "center", gap: 2, justify: "center", style: { height: 220 }, children: [
+      /* @__PURE__ */ jsx77(Spinner, { muted: true }),
+      /* @__PURE__ */ jsx77(Text55, { muted: true, size: 2, children: "Loading timeline\u2026" })
+    ] }) }) : /* @__PURE__ */ jsxs57(Fragment18, { children: [
+      /* @__PURE__ */ jsx77(
         TimelineChart,
         {
           movingAverage: stats.movingAverage,
@@ -15204,20 +15327,20 @@ function ScoreTimeline({
           showMovingAverage
         }
       ),
-      /* @__PURE__ */ jsx74(TimelineSummary, { area, stats })
+      /* @__PURE__ */ jsx77(TimelineSummary, { area, stats })
     ] })
   ] });
 }
 var ScoreTimeline_default = ScoreTimeline;
 
 // src/components/Dashboard.tsx
-import { jsx as jsx75, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs58 } from "react/jsx-runtime";
 var VIEW_PARAM_MAP = {
   compare: "compare",
   timeline: "timeline"
 };
 function Dashboard() {
-  return /* @__PURE__ */ jsx75(HelpProvider, { children: /* @__PURE__ */ jsx75(JudgmentDrawerProvider, { children: /* @__PURE__ */ jsx75(DashboardShell, {}) }) });
+  return /* @__PURE__ */ jsx78(HelpProvider, { children: /* @__PURE__ */ jsx78(JudgmentDrawerProvider, { children: /* @__PURE__ */ jsx78(DashboardShell, {}) }) });
 }
 function DashboardShell() {
   const router = useRouter5();
@@ -15235,10 +15358,10 @@ function DashboardShell() {
       router.navigate(state);
     }
   }, [closeDrawer, router]);
-  return /* @__PURE__ */ jsxs57(Flex41, { style: { height: "100%" }, children: [
-    /* @__PURE__ */ jsx75(Box39, { flex: 1, overflow: "auto", children: /* @__PURE__ */ jsx75(DashboardContent, {}) }),
-    /* @__PURE__ */ jsx75(JudgmentDetailDrawerOutlet, { onClose: handleJudgmentDrawerClose }),
-    /* @__PURE__ */ jsx75(HelpDrawer, {})
+  return /* @__PURE__ */ jsxs58(Flex42, { style: { height: "100%" }, children: [
+    /* @__PURE__ */ jsx78(Box40, { flex: 1, overflow: "auto", children: /* @__PURE__ */ jsx78(DashboardContent, {}) }),
+    /* @__PURE__ */ jsx78(JudgmentDetailDrawerOutlet, { onClose: handleJudgmentDrawerClose }),
+    /* @__PURE__ */ jsx78(HelpDrawer, {})
   ] });
 }
 function DashboardContent() {
@@ -15284,13 +15407,13 @@ function DashboardContent() {
   const handleOpenHelp = useCallback44(() => {
     openHelp(defaultTopic);
   }, [openHelp, defaultTopic]);
-  return /* @__PURE__ */ jsx75(Container, { width: 4, children: /* @__PURE__ */ jsxs57(Stack44, { padding: 4, space: 4, children: [
-    /* @__PURE__ */ jsxs57(Flex41, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsxs57(Stack44, { flex: 1, space: 1, children: [
-        /* @__PURE__ */ jsx75(Text56, { size: 4, weight: "bold", children: "AI Literacy Framework" }),
-        /* @__PURE__ */ jsx75(Text56, { muted: true, size: 2, children: "Evaluation reports and score trends" })
+  return /* @__PURE__ */ jsx78(Container, { width: 4, children: /* @__PURE__ */ jsxs58(Stack45, { padding: 4, space: 4, children: [
+    /* @__PURE__ */ jsxs58(Flex42, { align: "center", gap: 3, children: [
+      /* @__PURE__ */ jsxs58(Stack45, { flex: 1, space: 1, children: [
+        /* @__PURE__ */ jsx78(Text56, { size: 4, weight: "bold", children: "AI Literacy Framework" }),
+        /* @__PURE__ */ jsx78(Text56, { muted: true, size: 2, children: "Evaluation reports and score trends" })
       ] }),
-      /* @__PURE__ */ jsx75(
+      /* @__PURE__ */ jsx78(
         Button16,
         {
           icon: HelpCircleIcon8,
@@ -15301,8 +15424,8 @@ function DashboardContent() {
         }
       )
     ] }),
-    !isDetail && /* @__PURE__ */ jsxs57(TabList3, { space: 1, children: [
-      /* @__PURE__ */ jsx75(
+    !isDetail && /* @__PURE__ */ jsxs58(TabList3, { space: 1, children: [
+      /* @__PURE__ */ jsx78(
         Tab3,
         {
           "aria-controls": "latest-panel",
@@ -15312,7 +15435,7 @@ function DashboardContent() {
           selected: activeTab === "latest"
         }
       ),
-      /* @__PURE__ */ jsx75(
+      /* @__PURE__ */ jsx78(
         Tab3,
         {
           "aria-controls": "timeline-panel",
@@ -15322,7 +15445,7 @@ function DashboardContent() {
           selected: activeTab === "timeline"
         }
       ),
-      /* @__PURE__ */ jsx75(
+      /* @__PURE__ */ jsx78(
         Tab3,
         {
           "aria-controls": "compare-panel",
@@ -15333,10 +15456,10 @@ function DashboardContent() {
         }
       )
     ] }),
-    !isDetail && activeTab === "latest" && /* @__PURE__ */ jsx75(TabPanel3, { "aria-labelledby": "latest-tab", id: "latest-panel", children: /* @__PURE__ */ jsx75(LatestReports, { onSelectReport: handleSelectReport }) }),
-    !isDetail && activeTab === "timeline" && /* @__PURE__ */ jsx75(TabPanel3, { "aria-labelledby": "timeline-tab", id: "timeline-panel", children: /* @__PURE__ */ jsx75(ScoreTimeline_default, {}) }),
-    !isDetail && activeTab === "compare" && /* @__PURE__ */ jsx75(TabPanel3, { "aria-labelledby": "compare-tab", id: "compare-panel", children: /* @__PURE__ */ jsx75(ComparisonView, {}) }),
-    isDetail && reportId && /* @__PURE__ */ jsx75(
+    !isDetail && activeTab === "latest" && /* @__PURE__ */ jsx78(TabPanel3, { "aria-labelledby": "latest-tab", id: "latest-panel", children: /* @__PURE__ */ jsx78(LatestReports, { onSelectReport: handleSelectReport }) }),
+    !isDetail && activeTab === "timeline" && /* @__PURE__ */ jsx78(TabPanel3, { "aria-labelledby": "timeline-tab", id: "timeline-panel", children: /* @__PURE__ */ jsx78(ScoreTimeline_default, {}) }),
+    !isDetail && activeTab === "compare" && /* @__PURE__ */ jsx78(TabPanel3, { "aria-labelledby": "compare-tab", id: "compare-panel", children: /* @__PURE__ */ jsx78(ComparisonView, {}) }),
+    isDetail && reportId && /* @__PURE__ */ jsx78(
       ReportDetail,
       {
         activeTab: routerState.tab ?? null,