@sanity/ailf-studio 1.2.1 → 1.3.0

package/dist/index.js

@@ -9,6 +9,8 @@ import { useClient, useCurrentUser } from "sanity";
 
 // src/lib/constants.ts
 var API_VERSION = "2026-03-11";
+var isProduction = process.env.NODE_ENV === "production";
+var ARTIFACT_API_BASE_URL = isProduction ? "https://ailf-api.sanity.build/v1" : "http://localhost:4100/v1";
 
 // src/actions/GraduateToNativeAction.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -721,6 +723,22 @@ function documentRefSchema() {
     type: "object"
   };
 }
+function artifactRefSchema() {
+  return {
+    fields: [
+      defineField4({ name: "store", title: "Store", type: "string" }),
+      defineField4({ name: "bucket", title: "Bucket", type: "string" }),
+      defineField4({ name: "path", title: "Path", type: "string" }),
+      defineField4({ name: "bytes", title: "Size (bytes)", type: "number" }),
+      defineField4({
+        name: "entryCount",
+        title: "Entry Count",
+        type: "number"
+      })
+    ],
+    type: "object"
+  };
+}
 var reportSchema = defineType4({
   groups: [
     { name: "main", title: "Main", default: true },
@@ -1321,6 +1339,12 @@ var reportSchema = defineType4({
                   title: "Model ID",
                   type: "string"
                 }),
+                defineField4({
+                  description: "True when the model failed to produce output (empty response, API error, or refusal) rather than producing incorrect output.",
+                  name: "outputFailure",
+                  title: "Output Failure",
+                  type: "boolean"
+                }),
                 defineField4({
                   description: "Documentation pages the task expected the model to use.",
                   name: "canonicalDocs",
@@ -1335,6 +1359,128 @@ var reportSchema = defineType4({
           title: "Low-Scoring Judgments",
           type: "array"
         }),
+        defineField4({
+          description: "Per-test results with model output, grader reasoning, and metadata. One entry per test \xD7 model combination. See D0029.",
+          name: "testResults",
+          of: [
+            {
+              fields: [
+                defineField4({
+                  name: "taskId",
+                  title: "Task",
+                  type: "string"
+                }),
+                defineField4({
+                  name: "modelId",
+                  title: "Model ID",
+                  type: "string"
+                }),
+                defineField4({
+                  name: "area",
+                  title: "Feature Area",
+                  type: "string"
+                }),
+                defineField4({
+                  name: "variant",
+                  options: { list: ["gold", "baseline"] },
+                  title: "Variant",
+                  type: "string"
+                }),
+                defineField4({
+                  name: "dimensions",
+                  of: [
+                    {
+                      fields: [
+                        defineField4({
+                          name: "dimension",
+                          title: "Dimension",
+                          type: "string"
+                        }),
+                        defineField4({
+                          name: "score",
+                          title: "Score (0\u2013100)",
+                          type: "number"
+                        }),
+                        defineField4({
+                          name: "reason",
+                          title: "Reason",
+                          type: "text"
+                        })
+                      ],
+                      type: "object"
+                    }
+                  ],
+                  title: "Dimensions",
+                  type: "array"
+                }),
+                defineField4({
+                  name: "compositeScore",
+                  title: "Composite Score",
+                  type: "number"
+                }),
+                defineField4({
+                  description: "The model's generated code/response (truncated to 8000 chars).",
+                  name: "responseOutput",
+                  title: "Response Output",
+                  type: "text"
+                }),
+                defineField4({
+                  name: "responseOutputTruncated",
+                  title: "Truncated",
+                  type: "boolean"
+                }),
+                defineField4({
+                  name: "latencyMs",
+                  title: "Latency (ms)",
+                  type: "number"
+                }),
+                defineField4({
+                  name: "tokenUsage",
+                  fields: [
+                    defineField4({
+                      name: "prompt",
+                      title: "Prompt",
+                      type: "number"
+                    }),
+                    defineField4({
+                      name: "completion",
+                      title: "Completion",
+                      type: "number"
+                    }),
+                    defineField4({
+                      name: "total",
+                      title: "Total",
+                      type: "number"
+                    })
+                  ],
+                  title: "Token Usage",
+                  type: "object"
+                }),
+                defineField4({
+                  name: "cost",
+                  title: "Cost",
+                  type: "number"
+                }),
+                defineField4({
+                  description: "True when the model failed to produce output (empty response, API error, or refusal).",
+                  name: "outputFailure",
+                  title: "Output Failure",
+                  type: "boolean"
+                }),
+                defineField4({
+                  description: "Documentation pages the task expected the model to use.",
+                  name: "canonicalDocs",
+                  of: [documentRefSchema()],
+                  title: "Canonical Docs",
+                  type: "array"
+                })
+              ],
+              type: "object"
+            }
+          ],
+          title: "Test Results",
+          type: "array"
+        }),
         defineField4({
           name: "perModel",
           of: [
@@ -1513,6 +1659,34 @@ var reportSchema = defineType4({
           ],
           title: "Agent Behavior",
           type: "array"
+        }),
+        defineField4({
+          description: "External artifact references \u2014 points to large data in GCS that was too big for inline storage (D0030).",
+          fields: [
+            defineField4({
+              ...artifactRefSchema(),
+              name: "testOutputs",
+              title: "Test Outputs"
+            }),
+            defineField4({
+              ...artifactRefSchema(),
+              name: "renderedPrompts",
+              title: "Rendered Prompts"
+            }),
+            defineField4({
+              ...artifactRefSchema(),
+              name: "rawResults",
+              title: "Raw Results"
+            }),
+            defineField4({
+              ...artifactRefSchema(),
+              name: "traces",
+              title: "Traces"
+            })
+          ],
+          name: "artifacts",
+          title: "Artifacts",
+          type: "object"
         })
       ],
       group: ["main", "all-fields"],
@@ -3083,7 +3257,7 @@ import {
   TabPanel as TabPanel2,
   Text as Text41
 } from "@sanity/ui";
-import { useCallback as useCallback27 } from "react";
+import { useCallback as useCallback28 } from "react";
 import { useRouter as useRouter3 } from "sanity/router";
 
 // src/lib/help-context.ts
@@ -3746,7 +3920,18 @@ var reportDetailQuery = (
     title,
     provenance,
     summary,
-    comparison
+    "comparison": comparison {
+      areas,
+      deltas,
+      generatedAt,
+      improved,
+      mismatched,
+      noiseThreshold,
+      noiseThresholdEmpirical,
+      notEvaluated,
+      regressed,
+      unchanged
+    }
   }
 `
 );
@@ -5696,24 +5881,93 @@ function LatestReports({
 import { ArrowLeftIcon as ArrowLeftIcon3 } from "@sanity/icons";
 import {
   Badge as Badge7,
-  Box as Box22,
+  Box as Box21,
   Button as Button8,
-  Flex as Flex26,
-  Stack as Stack28,
+  Flex as Flex25,
+  Stack as Stack27,
   Tab,
   TabList,
   TabPanel,
-  Text as Text34,
+  Text as Text33,
   Tooltip as Tooltip8
 } from "@sanity/ui";
 import {
-  useCallback as useCallback25,
+  useCallback as useCallback26,
   useEffect as useEffect9,
   useMemo as useMemo9,
-  useState as useState19
+  useState as useState20
 } from "react";
 import { useClient as useClient10 } from "sanity";
 
+// src/lib/useArtifactCache.ts
+import { useCallback as useCallback14, useRef as useRef5, useState as useState10 } from "react";
+function useArtifactCache(reportId, artifactRef, client) {
+  const cacheRef = useRef5(/* @__PURE__ */ new Map());
+  const [status, setStatus] = useState10("idle");
+  const [error, setError] = useState10(null);
+  const fetchingRef = useRef5(false);
+  const fetchArtifacts = useCallback14(async () => {
+    if (fetchingRef.current || cacheRef.current.size > 0) return;
+    if (!artifactRef) return;
+    fetchingRef.current = true;
+    setStatus("loading");
+    setError(null);
+    try {
+      const token = client.config().token;
+      const signingRes = await fetch(
+        `${ARTIFACT_API_BASE_URL}/artifacts/${encodeURIComponent(reportId)}?type=testOutputs`,
+        {
+          credentials: "omit",
+          headers: {
+            Accept: "application/json",
+            ...token ? { Authorization: `Bearer ${token}` } : {}
+          }
+        }
+      );
+      if (!signingRes.ok) {
+        const body = await signingRes.text().catch(() => "");
+        throw new Error(
+          `Artifact signing failed: ${signingRes.status} ${signingRes.statusText}${body ? ` \u2014 ${body.slice(0, 200)}` : ""}`
+        );
+      }
+      const envelope = await signingRes.json();
+      if (!envelope.ok || !envelope.data?.url) {
+        throw new Error(
+          envelope.error ?? "Invalid signing response \u2014 missing signed URL"
+        );
+      }
+      const artifactRes = await fetch(envelope.data.url, {
+        credentials: "omit"
+      });
+      if (!artifactRes.ok) {
+        throw new Error(
+          `GCS artifact fetch failed: ${artifactRes.status} ${artifactRes.statusText}`
+        );
+      }
+      const artifact = await artifactRes.json();
+      const map = /* @__PURE__ */ new Map();
+      for (const [key, entry] of Object.entries(artifact.entries)) {
+        map.set(key, entry);
+      }
+      cacheRef.current = map;
+      setStatus("ready");
+    } catch (err) {
+      const message = err instanceof Error ? err.message : String(err);
+      setError(message);
+      setStatus("error");
+    } finally {
+      fetchingRef.current = false;
+    }
+  }, [reportId, artifactRef, client]);
+  const getOutput = useCallback14(
+    (taskId, modelId) => {
+      return cacheRef.current.get(`${taskId}::${modelId}`) ?? null;
+    },
+    []
+  );
+  return { status, error, getOutput, fetchArtifacts };
+}
+
 // src/lib/thresholds.ts
 var SCORE_POSITIVE = 80;
 var SCORE_CAUTION = 70;
@@ -5755,7 +6009,7 @@ function negativeDocLiftSentiment(count) {
 }
 
 // src/components/report-detail/AgentActivitySection.tsx
-import { useMemo as useMemo5, useState as useState10 } from "react";
+import { useMemo as useMemo5, useState as useState11 } from "react";
 import { HelpCircleIcon as HelpCircleIcon6, SearchIcon as SearchIcon4 } from "@sanity/icons";
 import {
   Badge as Badge5,
@@ -5930,7 +6184,7 @@ function FeatureActivityCard({
   ] }) });
 }
 function SearchQueryList({ queries }) {
-  const [filter, setFilter] = useState10("");
+  const [filter, setFilter] = useState11("");
   const filtered = useMemo5(() => {
     if (!filter) return queries;
     const lower = filter.toLowerCase();
@@ -6185,15 +6439,7 @@ function DiagnosticsOverview({
                   value: Math.round(overall.avgDocLift)
                 }
               ) }),
-              showDocMetrics ? /* @__PURE__ */ jsx25(HoverTip, { display: "block", text: GLOSSARY.floor, children: /* @__PURE__ */ jsx25(
-                ScoreCard,
-                {
-                  label: "FLOOR",
-                  sentiment: scoreSentiment(overall.avgFloorScore ?? 0),
-                  subtitle: "Without docs baseline",
-                  value: Math.round(overall.avgFloorScore ?? 0)
-                }
-              ) }) : /* @__PURE__ */ jsx25(HoverTip, { display: "block", text: GLOSSARY.tests, children: /* @__PURE__ */ jsx25(
+              /* @__PURE__ */ jsx25(HoverTip, { display: "block", text: GLOSSARY.tests, children: /* @__PURE__ */ jsx25(
                 ScoreCard,
                 {
                   label: "TESTS",
@@ -6210,7 +6456,7 @@ function DiagnosticsOverview({
             style: {
               display: "grid",
               gap: 12,
-              gridTemplateColumns: showDocMetrics ? "repeat(3, 1fr)" : "repeat(2, 1fr)"
+              gridTemplateColumns: showDocMetrics ? "repeat(2, 1fr)" : "1fr"
             },
             children: [
               showDocMetrics && /* @__PURE__ */ jsx25(HoverTip, { display: "block", text: GLOSSARY.negativeDocLiftMetric, children: /* @__PURE__ */ jsx25(
@@ -6221,7 +6467,6 @@ function DiagnosticsOverview({
                   value: `${negativeDocLiftCount} area${negativeDocLiftCount === 1 ? "" : "s"}`
                 }
               ) }),
-              showDocMetrics && /* @__PURE__ */ jsx25(HoverTip, { display: "block", text: GLOSSARY.tests, children: /* @__PURE__ */ jsx25(MetricCard, { label: "Tests", value: String(totalTests ?? 0) }) }),
               durationMs != null && durationMs > 0 ? /* @__PURE__ */ jsx25(
                 HoverTip,
                 {
@@ -6585,7 +6830,7 @@ function Pill({
 // src/components/report-detail/LineageCard.tsx
 import { LinkIcon as LinkIcon2 } from "@sanity/icons";
 import { Badge as Badge6, Card as Card13, Flex as Flex15, Stack as Stack19, Text as Text24 } from "@sanity/ui";
-import { useCallback as useCallback14, useEffect as useEffect7, useState as useState11 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect7, useState as useState12 } from "react";
 import { useClient as useClient5 } from "sanity";
 import { useRouter as useRouter2 } from "sanity/router";
 import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
@@ -6605,7 +6850,7 @@ function LineageCard({ provenance, reportId }) {
   const { lineage } = provenance;
   const router = useRouter2();
   const client = useClient5({ apiVersion: API_VERSION });
-  const [spawned, setSpawned] = useState11([]);
+  const [spawned, setSpawned] = useState12([]);
   useEffect7(() => {
     let cancelled = false;
     client.fetch(SPAWNED_REPORTS_QUERY, {
@@ -6653,7 +6898,7 @@ function LineageLink({
   reportId,
   router
 }) {
-  const handleClick = useCallback14(() => {
+  const handleClick = useCallback15(() => {
     router.navigate({ reportId });
   }, [reportId, router]);
   return /* @__PURE__ */ jsxs22(Flex15, { align: "center", gap: 2, children: [
@@ -6682,7 +6927,7 @@ function SpawnedReportRow({
   report,
   router
 }) {
-  const handleClick = useCallback14(() => {
+  const handleClick = useCallback15(() => {
     router.navigate({ reportId: report.reportId });
   }, [report.reportId, router]);
   const dateLabel = formatShortDate(report.completedAt);
@@ -6717,7 +6962,7 @@ function formatShortDate(iso) {
 }
 
 // src/components/report-detail/JudgmentList.tsx
-import { useCallback as useCallback15, useEffect as useEffect8, useRef as useRef5, useState as useState12 } from "react";
+import React2, { useCallback as useCallback16, useEffect as useEffect8, useRef as useRef6, useState as useState13 } from "react";
 import { CopyIcon, ErrorOutlineIcon as ErrorOutlineIcon2, HelpCircleIcon as HelpCircleIcon7 } from "@sanity/icons";
 import { Box as Box16, Button as Button3, Flex as Flex16, Stack as Stack20, Text as Text25, Tooltip as Tooltip7, useToast as useToast2 } from "@sanity/ui";
 
@@ -6751,6 +6996,13 @@ function judgmentSlug(j) {
   const slugify4 = (s) => s.toLowerCase().replace(/[()]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
   return `${slugify4(area)}--${slugify4(task)}--${slugify4(j.dimension)}--${slugify4(j.modelId)}`;
 }
+function isOutputFailure(j) {
+  if (j.outputFailure) return true;
+  return j.score === 0 && j.taskId.includes("(baseline)");
+}
+function pruneNoise(judgments) {
+  return judgments.filter((j) => !isOutputFailure(j));
+}
 function groupByArea(judgments) {
   const byArea = /* @__PURE__ */ new Map();
   for (const j of judgments) {
@@ -6759,18 +7011,36 @@ function groupByArea(judgments) {
     if (!byArea.has(area)) byArea.set(area, []);
     byArea.get(area).push(j);
   }
-  return [...byArea.entries()].sort(([a], [b]) => a.localeCompare(b)).map(([area, js]) => [area, js.sort((a, b) => a.score - b.score)]);
+  return [...byArea.entries()].sort(([a], [b]) => a.localeCompare(b)).map(([area, js]) => [area, js.sort((a, b) => b.score - a.score)]);
 }
 function dimensionLabel2(dim) {
   return dim.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
 }
+function testResultKey(taskId, dimension, modelId) {
+  return `${taskId}::${dimension}::${modelId}`;
+}
 function JudgmentList({
+  artifactCache,
   focus,
   judgments,
-  onFocusChange
+  onFocusChange,
+  testResults
 }) {
   if (judgments.length === 0) return null;
-  const grouped = groupByArea(judgments);
+  const pruned = pruneNoise(judgments);
+  if (pruned.length === 0) return null;
+  const testResultMap = React2.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    if (!testResults) return map;
+    for (const tr of testResults) {
+      for (const dim of tr.dimensions) {
+        map.set(testResultKey(tr.taskId, dim.dimension, tr.modelId), tr);
+      }
+    }
+    return map;
+  }, [testResults]);
+  const outputFailureCount = judgments.length - pruned.length;
+  const grouped = groupByArea(pruned);
   return /* @__PURE__ */ jsxs23(Stack20, { space: 3, children: [
     /* @__PURE__ */ jsxs23(Flex16, { align: "center", gap: 2, children: [
       /* @__PURE__ */ jsx28(ErrorOutlineIcon2, { style: { color: "#f87171" } }),
@@ -6797,10 +7067,42 @@ function JudgmentList({
             padding: "2px 10px"
           },
           children: [
-            judgments.length,
+            pruned.length,
             " below 70"
           ]
         }
+      ),
+      outputFailureCount > 0 && /* @__PURE__ */ jsx28(
+        Tooltip7,
+        {
+          content: /* @__PURE__ */ jsx28(Box16, { padding: 2, style: { maxWidth: 280 }, children: /* @__PURE__ */ jsxs23(Text25, { size: 2, children: [
+            outputFailureCount,
+            " judgment",
+            outputFailureCount === 1 ? "" : "s",
+            " hidden where the model failed to produce output (empty response, API error, or token exhaustion). These are infrastructure issues, not content quality problems."
+          ] }) }),
+          placement: "bottom",
+          portal: true,
+          children: /* @__PURE__ */ jsxs23(
+            "span",
+            {
+              style: {
+                backgroundColor: "var(--card-muted-bg-color, rgba(255,255,255,0.06))",
+                borderRadius: 999,
+                color: "var(--card-muted-fg-color)",
+                fontSize: 13,
+                fontWeight: 500,
+                padding: "2px 10px"
+              },
+              children: [
+                outputFailureCount,
+                " output failure",
+                outputFailureCount === 1 ? "" : "s",
+                " hidden"
+              ]
+            }
+          )
+        }
       )
     ] }),
     /* @__PURE__ */ jsx28(Box16, { style: neutralCardStyle, children: grouped.map(([area, areaJudgments], groupIndex) => /* @__PURE__ */ jsx28(
@@ -6829,13 +7131,18 @@ function JudgmentList({
           ] }),
           /* @__PURE__ */ jsx28(Stack20, { space: 2, children: areaJudgments.map((j) => {
             const slug = judgmentSlug(j);
+            const matchedResult = testResultMap.get(
+              testResultKey(j.taskId, j.dimension, j.modelId)
+            );
             return /* @__PURE__ */ jsx28(
               JudgmentCard,
               {
+                artifactCache,
                 focused: slug === focus,
                 judgment: j,
                 onFocusChange,
-                slug
+                slug,
+                testResult: matchedResult
               },
               slug
             );
@@ -6847,17 +7154,29 @@ function JudgmentList({
   ] });
 }
 function JudgmentCard({
+  artifactCache,
   focused,
   judgment,
   onFocusChange,
-  slug
+  slug,
+  testResult
 }) {
-  const [expanded, setExpanded] = useState12(focused);
-  const cardRef = useRef5(null);
+  const [expanded, setExpanded] = useState13(focused);
+  const [outputExpanded, setOutputExpanded] = useState13(false);
+  const cardRef = useRef6(null);
   const toast = useToast2();
   const dimLabel = dimensionLabel2(judgment.dimension);
   const sep = judgment.taskId.indexOf(" - ");
   const taskName = sep > 0 ? judgment.taskId.substring(sep + 3) : judgment.taskId;
+  const inlineOutput = testResult?.responseOutput;
+  const artifactEntry = artifactCache?.getOutput(
+    judgment.taskId,
+    judgment.modelId
+  );
+  const resolvedOutput = inlineOutput ?? artifactEntry?.responseOutput ?? null;
+  const resolvedTruncated = testResult?.responseOutputTruncated ?? artifactEntry?.responseOutputTruncated ?? false;
+  const canFetchArtifact = !inlineOutput && !artifactEntry && artifactCache != null && artifactCache.status !== "ready";
+  const hasOutputOrCanFetch = resolvedOutput != null || canFetchArtifact;
   useEffect8(() => {
     if (focused) {
       setExpanded(true);
@@ -6867,10 +7186,10 @@ function JudgmentCard({
       return () => clearTimeout(timer);
     }
   }, []);
-  const handleToggle = useCallback15(() => {
+  const handleToggle = useCallback16(() => {
     setExpanded((prev) => !prev);
   }, []);
-  const handleCopyLink = useCallback15(
+  const handleCopyLink = useCallback16(
     (e) => {
       e.stopPropagation();
       onFocusChange?.(slug);
@@ -6894,6 +7213,39 @@ function JudgmentCard({
     },
     [toast]
   );
+  const handleCopyOutput = useCallback16(
+    (e) => {
+      e.stopPropagation();
+      if (!resolvedOutput) return;
+      navigator.clipboard.writeText(resolvedOutput).then(
+        () => {
+          toast.push({
+            closable: true,
+            status: "success",
+            title: "Model output copied to clipboard"
+          });
+        },
+        () => {
+          toast.push({
+            closable: true,
+            status: "error",
+            title: "Failed to copy output"
+          });
+        }
+      );
+    },
+    [resolvedOutput, toast]
+  );
+  const handleToggleOutput = useCallback16(
+    (e) => {
+      e.stopPropagation();
+      if (!outputExpanded && !resolvedOutput && artifactCache) {
+        artifactCache.fetchArtifacts();
+      }
+      setOutputExpanded((prev) => !prev);
+    },
+    [outputExpanded, resolvedOutput, artifactCache]
+  );
   return /* @__PURE__ */ jsx28(
     Box16,
     {
@@ -6974,22 +7326,115 @@ function JudgmentCard({
               )
             }
           ),
+          hasOutputOrCanFetch && /* @__PURE__ */ jsxs23(Box16, { children: [
+            /* @__PURE__ */ jsxs23(Flex16, { align: "center", gap: 2, children: [
+              /* @__PURE__ */ jsxs23(
+                "button",
+                {
+                  onClick: handleToggleOutput,
+                  style: {
+                    alignItems: "center",
+                    background: "none",
+                    border: "none",
+                    color: "var(--card-muted-fg-color)",
+                    cursor: "pointer",
+                    display: "flex",
+                    fontSize: 13,
+                    gap: 4,
+                    padding: 0
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx28("span", { children: outputExpanded ? "\u25BE" : "\u25B8" }),
+                    /* @__PURE__ */ jsx28("span", { style: { fontWeight: 500 }, children: "Model Output" })
+                  ]
+                }
+              ),
+              resolvedTruncated && /* @__PURE__ */ jsx28(
+                "span",
+                {
+                  style: {
+                    backgroundColor: "rgba(251,191,36,0.15)",
+                    borderRadius: 4,
+                    color: "#fbbf24",
+                    fontSize: 11,
+                    padding: "1px 6px"
+                  },
+                  children: "truncated"
+                }
+              ),
+              testResult?.latencyMs != null && /* @__PURE__ */ jsxs23(Text25, { muted: true, size: 0, children: [
+                (testResult.latencyMs / 1e3).toFixed(1),
+                "s"
+              ] }),
+              testResult?.cost != null && testResult.cost > 0 && /* @__PURE__ */ jsxs23(Text25, { muted: true, size: 0, children: [
+                "$",
+                testResult.cost.toFixed(4)
+              ] })
+            ] }),
+            outputExpanded && /* @__PURE__ */ jsxs23(
+              Box16,
+              {
+                marginTop: 2,
+                style: {
+                  backgroundColor: "var(--card-muted-bg-color, rgba(255,255,255,0.04))",
+                  borderRadius: 4,
+                  maxHeight: 400,
+                  overflowY: "auto",
+                  padding: 12
+                },
+                children: [
+                  !resolvedOutput && artifactCache?.status === "loading" && /* @__PURE__ */ jsx28(Text25, { muted: true, size: 1, children: "Fetching model output\u2026" }),
+                  !resolvedOutput && artifactCache?.status === "error" && /* @__PURE__ */ jsxs23(Text25, { muted: true, size: 1, style: { color: "#f87171" }, children: [
+                    "Failed to load model output",
+                    artifactCache.error ? `: ${artifactCache.error}` : ""
+                  ] }),
+                  resolvedOutput && /* @__PURE__ */ jsx28(
+                    "pre",
+                    {
+                      style: {
+                        fontFamily: "var(--font-code-family, 'SF Mono', 'Fira Code', monospace)",
+                        fontSize: 13,
+                        lineHeight: 1.5,
+                        margin: 0,
+                        whiteSpace: "pre-wrap",
+                        wordBreak: "break-word"
+                      },
+                      children: resolvedOutput
+                    }
+                  )
+                ]
+              }
+            )
+          ] }),
           /* @__PURE__ */ jsxs23(Flex16, { align: "center", gap: 2, wrap: "wrap", children: [
             judgment.canonicalDocs && judgment.canonicalDocs.length > 0 && /* @__PURE__ */ jsxs23(Fragment9, { children: [
               /* @__PURE__ */ jsx28(Text25, { muted: true, size: 1, children: "Docs:" }),
               judgment.canonicalDocs.map((doc) => /* @__PURE__ */ jsx28(DocBadge, { doc }, doc.slug))
             ] }),
-            /* @__PURE__ */ jsx28("span", { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx28(
-              Button3,
-              {
-                fontSize: 1,
-                icon: CopyIcon,
-                mode: "ghost",
-                onClick: handleCopyLink,
-                padding: 2,
-                text: "Copy Link"
-              }
-            ) })
+            /* @__PURE__ */ jsxs23("span", { style: { display: "flex", gap: 4, marginLeft: "auto" }, children: [
+              resolvedOutput && /* @__PURE__ */ jsx28(
+                Button3,
+                {
+                  fontSize: 1,
+                  icon: CopyIcon,
+                  mode: "ghost",
+                  onClick: handleCopyOutput,
+                  padding: 2,
+                  text: "Copy Output"
+                }
+              ),
+              /* @__PURE__ */ jsx28(
+                Button3,
+                {
+                  fontSize: 1,
+                  icon: CopyIcon,
+                  mode: "ghost",
+                  onClick: handleCopyLink,
+                  padding: 2,
+                  text: "Copy Link"
+                }
+              )
+            ] })
           ] })
         ] })
       ] })
@@ -6999,7 +7444,7 @@ function JudgmentCard({
 function DocBadge({
   doc
 }) {
-  const [hovered, setHovered] = useState12(false);
+  const [hovered, setHovered] = useState13(false);
   const isLinked = Boolean(doc.documentId);
   const tooltipLabel = isLinked ? `Edit "${doc.title || doc.slug}"` : doc.title || doc.slug;
   const badge = /* @__PURE__ */ jsx28(
@@ -7151,232 +7596,34 @@ function PromptfooUnavailable({ reason }) {
   ] });
 }
 
-// src/components/report-detail/RecommendationsSection.tsx
-import { BoltIcon } from "@sanity/icons";
-import { Box as Box17, Flex as Flex18, Stack as Stack22, Text as Text27 } from "@sanity/ui";
-import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
-function tableTier(width) {
-  if (width >= 800) return "full";
-  if (width >= 600) return "compact";
-  return "narrow";
-}
-var GRID2 = {
-  full: "1fr 1fr 2fr 72px 90px",
-  compact: "1fr 1fr 2fr 90px",
-  narrow: "1fr 1fr"
-};
-function RecommendationsSection({
-  recommendations
-}) {
-  const { ref, width } = useContainerWidth();
-  const tier = tableTier(width);
-  if (recommendations.gaps.length === 0) return null;
-  return /* @__PURE__ */ jsxs25(Stack22, { space: 3, children: [
-    /* @__PURE__ */ jsxs25(Flex18, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx30(BoltIcon, { style: { color: "#fbbf24" } }),
-      /* @__PURE__ */ jsx30(Text27, { size: 2, weight: "medium", children: "Recommendations" }),
-      /* @__PURE__ */ jsx30(InfoTip, { text: GLOSSARY.recommendations }),
-      /* @__PURE__ */ jsxs25(
-        "span",
-        {
-          style: {
-            backgroundColor: "rgba(16,185,129,0.2)",
-            borderRadius: 999,
-            color: "#34d399",
-            fontSize: 13,
-            fontWeight: 500,
-            marginLeft: 4,
-            padding: "2px 10px"
-          },
-          children: [
-            "+",
-            recommendations.totalPotentialLift.toFixed(1),
-            " pts lift"
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs25(Box17, { ref, style: { ...neutralCardStyle, overflow: "auto" }, children: [
-      /* @__PURE__ */ jsxs25(
-        "div",
-        {
-          style: {
-            borderBottom: "1px solid var(--card-border-color)",
-            display: "grid",
-            gap: "0 12px",
-            gridTemplateColumns: GRID2[tier],
-            padding: "12px 16px 8px"
-          },
-          children: [
-            /* @__PURE__ */ jsx30(ColHeader2, { label: "Area" }),
-            /* @__PURE__ */ jsx30(ColHeader2, { label: "Failure Mode", tooltip: GLOSSARY.failureMode }),
-            tier !== "narrow" && /* @__PURE__ */ jsx30(ColHeader2, { label: "Action" }),
-            tier === "full" && /* @__PURE__ */ jsx30(ColHeader2, { label: "Lift", tooltip: GLOSSARY.estimatedLift }),
-            tier !== "narrow" && /* @__PURE__ */ jsx30(ColHeader2, { label: "Confidence", tooltip: GLOSSARY.confidence })
-          ]
-        }
-      ),
-      recommendations.gaps.map((gap, i) => /* @__PURE__ */ jsx30(RecommendationRow, { gap, index: i, tier }, `gap-${i}`))
-    ] })
-  ] });
-}
-function ColHeader2({ label, tooltip }) {
-  return /* @__PURE__ */ jsxs25(Flex18, { align: "center", gap: 1, children: [
-    /* @__PURE__ */ jsx30(
-      Text27,
-      {
-        muted: true,
-        size: 1,
-        style: {
-          letterSpacing: "0.06em",
-          textTransform: "uppercase"
-        },
-        weight: "semibold",
-        children: label
-      }
-    ),
-    tooltip && /* @__PURE__ */ jsx30(InfoTip, { text: tooltip })
-  ] });
-}
-var FAILURE_MODE_COLORS = {
-  "missing-docs": { bg: "rgba(239,68,68,0.2)", text: "#f87171" },
-  "incorrect-docs": { bg: "rgba(239,68,68,0.2)", text: "#f87171" },
-  "outdated-docs": { bg: "rgba(245,158,11,0.2)", text: "#fbbf24" },
-  "poor-structure": { bg: "rgba(245,158,11,0.2)", text: "#fbbf24" }
-};
-var fmLabel = {
-  fontWeight: 600
-};
-var FAILURE_MODE_DESCS = {
-  "missing-docs": "This feature has no documentation at all. AI agents have nothing to reference when implementing it.",
-  "incorrect-docs": "The documentation contains factual errors \u2014 wrong API signatures, incorrect parameters, or misleading examples.",
-  "outdated-docs": "The docs describe old APIs or deprecated patterns. AI agents follow them and produce code that doesn't work with current versions.",
-  "poor-structure": "The docs exist but are hard to find or understand. AI agents struggle to locate the right information or misinterpret it."
-};
-function failureModeTip(mode) {
-  const desc = FAILURE_MODE_DESCS[mode];
-  if (!desc) return GLOSSARY.failureMode;
-  return /* @__PURE__ */ jsxs25(Text27, { size: 2, style: { lineHeight: 1.5 }, children: [
-    /* @__PURE__ */ jsx30("span", { style: fmLabel, children: mode }),
-    " \u2014 ",
-    desc
-  ] });
-}
-var CONFIDENCE_DESCS = {
-  high: "Strong keyword and structural signal agreement \u2014 this diagnosis is reliable.",
-  medium: "Partial signal agreement \u2014 likely correct but worth verifying manually.",
-  low: "Weak signals only \u2014 treat as a hypothesis to investigate, not a confirmed diagnosis."
-};
-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__ */ jsxs25(Text27, { size: 2, style: { lineHeight: 1.5 }, children: [
-    icons[level],
-    " ",
-    /* @__PURE__ */ jsxs25("span", { style: fmLabel, children: [
-      level,
-      " confidence"
-    ] }),
-    " \u2014 ",
-    desc
-  ] });
-}
-function RecommendationRow({
-  gap,
-  index,
-  tier
-}) {
-  const confIcon = gap.confidence === "high" ? "\u{1F7E2}" : gap.confidence === "medium" ? "\u{1F7E1}" : "\u{1F534}";
-  const fmColors = FAILURE_MODE_COLORS[gap.failureMode] ?? {
-    bg: "var(--card-muted-bg-color)",
-    text: "var(--card-muted-fg-color)"
-  };
-  return /* @__PURE__ */ jsxs25(
-    "div",
-    {
-      style: {
-        alignItems: "center",
-        display: "grid",
-        gap: "0 12px",
-        gridTemplateColumns: GRID2[tier],
-        padding: "10px 16px",
-        ...index > 0 ? dividerStyle : {}
-      },
-      children: [
-        /* @__PURE__ */ jsx30(Text27, { size: 2, weight: "medium", children: gap.area }),
-        /* @__PURE__ */ jsx30(HoverTip, { text: failureModeTip(gap.failureMode), children: /* @__PURE__ */ jsx30(
-          "span",
-          {
-            style: {
-              backgroundColor: fmColors.bg,
-              borderRadius: 4,
-              color: fmColors.text,
-              fontSize: 13,
-              fontWeight: 500,
-              padding: "3px 8px"
-            },
-            children: gap.failureMode
-          }
-        ) }),
-        tier !== "narrow" && /* @__PURE__ */ jsx30(Text27, { muted: true, size: 2, children: gap.remediation }),
-        tier === "full" && /* @__PURE__ */ jsxs25(
-          "span",
-          {
-            style: {
-              backgroundColor: "rgba(16,185,129,0.2)",
-              borderRadius: 4,
-              color: "#34d399",
-              fontFamily: "var(--font-code-size, monospace)",
-              fontSize: 14,
-              fontWeight: 600,
-              padding: "3px 8px",
-              textAlign: "right"
-            },
-            children: [
-              "+",
-              gap.estimatedLift.toFixed(1)
-            ]
-          }
-        ),
-        tier !== "narrow" && /* @__PURE__ */ jsx30(HoverTip, { text: confidenceTip(gap.confidence), children: /* @__PURE__ */ jsxs25(Text27, { size: 2, children: [
-          confIcon,
-          " ",
-          gap.confidence
-        ] }) })
-      ]
-    }
-  );
-}
-
 // src/components/report-detail/report-actions/ActionButton.tsx
 import { Button as Button4, useToast as useToast3 } from "@sanity/ui";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 
 // src/components/report-detail/report-actions/ReportActions.tsx
 import { ChevronDownIcon, CopyIcon as CopyIcon3 } from "@sanity/icons";
 import {
   Button as Button6,
-  Flex as Flex20,
+  Flex as Flex19,
   Menu,
   MenuButton,
   MenuDivider,
   useToast as useToast9
 } from "@sanity/ui";
-import { useCallback as useCallback21, useState as useState16 } from "react";
+import { useCallback as useCallback22, useState as useState17 } from "react";
 import { useClient as useClient9 } from "sanity";
 
 // src/components/report-detail/report-actions/CopyReportAction.tsx
 import { ClipboardIcon } from "@sanity/icons";
 import { MenuItem, useToast as useToast4 } from "@sanity/ui";
-import { useCallback as useCallback16, useState as useState13 } from "react";
+import { useCallback as useCallback17, useState as useState14 } from "react";
 import { useClient as useClient6 } from "sanity";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function CopyReportAction({ documentId }) {
   const client = useClient6({ apiVersion: API_VERSION });
   const toast = useToast4();
-  const [copying, setCopying] = useState13(false);
-  const handleClick = useCallback16(async () => {
+  const [copying, setCopying] = useState14(false);
+  const handleClick = useCallback17(async () => {
     setCopying(true);
     try {
       const doc = await client.fetch(
@@ -7408,7 +7655,7 @@ function CopyReportAction({ documentId }) {
       setCopying(false);
     }
   }, [client, documentId, toast]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx31(
     MenuItem,
     {
       disabled: copying,
@@ -7422,11 +7669,11 @@ function CopyReportAction({ documentId }) {
 // src/components/report-detail/report-actions/CopyReportIdAction.tsx
 import { CopyIcon as CopyIcon2 } from "@sanity/icons";
 import { MenuItem as MenuItem2, useToast as useToast5 } from "@sanity/ui";
-import { useCallback as useCallback17 } from "react";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { useCallback as useCallback18 } from "react";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function CopyReportIdAction({ reportId }) {
   const toast = useToast5();
-  const handleClick = useCallback17(() => {
+  const handleClick = useCallback18(() => {
     navigator.clipboard.writeText(reportId).then(
       () => {
         toast.push({
@@ -7444,19 +7691,19 @@ function CopyReportIdAction({ reportId }) {
       }
     );
   }, [reportId, toast]);
-  return /* @__PURE__ */ jsx33(MenuItem2, { icon: CopyIcon2, onClick: handleClick, text: "Copy report ID" });
+  return /* @__PURE__ */ jsx32(MenuItem2, { icon: CopyIcon2, onClick: handleClick, text: "Copy report ID" });
 }
 
 // src/components/report-detail/report-actions/CopyVisionQueryAction.tsx
 import { SearchIcon as SearchIcon5 } from "@sanity/icons";
 import { MenuItem as MenuItem3, useToast as useToast6 } from "@sanity/ui";
-import { useCallback as useCallback18 } from "react";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { useCallback as useCallback19 } from "react";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function CopyVisionQueryAction({
   reportId
 }) {
   const toast = useToast6();
-  const handleClick = useCallback18(() => {
+  const handleClick = useCallback19(() => {
     const query = `*[_type == "ailf.report" && reportId == "${reportId}"][0]`;
     navigator.clipboard.writeText(query).then(
       () => {
@@ -7476,7 +7723,7 @@ function CopyVisionQueryAction({
       }
     );
   }, [reportId, toast]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     MenuItem3,
     {
       icon: SearchIcon5,
@@ -7487,25 +7734,25 @@ function CopyVisionQueryAction({
 }
 
 // src/components/report-detail/report-actions/DeleteConfirmDialog.tsx
-import { Box as Box18, Button as Button5, Card as Card15, Dialog, Flex as Flex19, Stack as Stack23, Text as Text28 } from "@sanity/ui";
-import { jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Box as Box17, Button as Button5, Card as Card15, Dialog, Flex as Flex18, Stack as Stack22, Text as Text27 } from "@sanity/ui";
+import { jsx as jsx34, jsxs as jsxs25 } from "react/jsx-runtime";
 function DeleteConfirmDialog({
   isDeleting,
   onClose,
   onConfirm,
   reportId
 }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(
     Dialog,
     {
       header: "Delete Report",
       id: "delete-report-dialog",
       onClose,
       width: 1,
-      children: /* @__PURE__ */ jsx35(Box18, { padding: 4, children: /* @__PURE__ */ jsxs26(Stack23, { space: 4, children: [
-        /* @__PURE__ */ jsx35(Text28, { children: "Are you sure you want to delete this report? This action cannot be undone." }),
-        /* @__PURE__ */ jsx35(Card15, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx35(
-          Text28,
+      children: /* @__PURE__ */ jsx34(Box17, { padding: 4, children: /* @__PURE__ */ jsxs25(Stack22, { space: 4, children: [
+        /* @__PURE__ */ jsx34(Text27, { children: "Are you sure you want to delete this report? This action cannot be undone." }),
+        /* @__PURE__ */ jsx34(Card15, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx34(
+          Text27,
           {
             muted: true,
             size: 1,
@@ -7513,8 +7760,8 @@ function DeleteConfirmDialog({
             children: reportId
           }
         ) }),
-        /* @__PURE__ */ jsxs26(Flex19, { gap: 2, justify: "flex-end", children: [
-          /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsxs25(Flex18, { gap: 2, justify: "flex-end", children: [
+          /* @__PURE__ */ jsx34(
             Button5,
             {
               disabled: isDeleting,
@@ -7523,7 +7770,7 @@ function DeleteConfirmDialog({
               text: "Cancel"
             }
           ),
-          /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsx34(
             Button5,
             {
               disabled: isDeleting,
@@ -7541,11 +7788,11 @@ function DeleteConfirmDialog({
 // src/components/report-detail/report-actions/DeleteReportAction.tsx
 import { TrashIcon } from "@sanity/icons";
 import { MenuItem as MenuItem4 } from "@sanity/ui";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function DeleteReportAction({
   onRequestDelete
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx35(
     MenuItem4,
     {
       icon: TrashIcon,
@@ -7559,17 +7806,17 @@ function DeleteReportAction({
 // src/components/report-detail/report-actions/DownloadReportAction.tsx
 import { DownloadIcon } from "@sanity/icons";
 import { MenuItem as MenuItem5, useToast as useToast7 } from "@sanity/ui";
-import { useCallback as useCallback19, useState as useState14 } from "react";
+import { useCallback as useCallback20, useState as useState15 } from "react";
 import { useClient as useClient7 } from "sanity";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function DownloadReportAction({
   documentId,
   reportId
 }) {
   const client = useClient7({ apiVersion: API_VERSION });
   const toast = useToast7();
-  const [downloading, setDownloading] = useState14(false);
-  const handleClick = useCallback19(async () => {
+  const [downloading, setDownloading] = useState15(false);
+  const handleClick = useCallback20(async () => {
     setDownloading(true);
     try {
       const doc = await client.fetch(
@@ -7609,7 +7856,7 @@ function DownloadReportAction({
       setDownloading(false);
     }
   }, [client, documentId, reportId, toast]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(
     MenuItem5,
     {
       disabled: downloading,
@@ -7623,7 +7870,7 @@ function DownloadReportAction({
 // src/components/report-detail/report-actions/RerunEvaluationAction.tsx
 import { PlayIcon as PlayIcon2 } from "@sanity/icons";
 import { MenuItem as MenuItem6, useToast as useToast8 } from "@sanity/ui";
-import { useCallback as useCallback20, useState as useState15 } from "react";
+import { useCallback as useCallback21, useState as useState16 } from "react";
 import { useClient as useClient8, useCurrentUser as useCurrentUser3 } from "sanity";
 
 // src/lib/eval-scope.ts
@@ -7639,7 +7886,7 @@ function extractEvalScope(provenance) {
 }
 
 // src/components/report-detail/report-actions/RerunEvaluationAction.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx37 } 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);
@@ -7678,8 +7925,8 @@ function RerunEvaluationAction({
   const client = useClient8({ apiVersion: API_VERSION });
   const currentUser = useCurrentUser3();
   const toast = useToast8();
-  const [requesting, setRequesting] = useState15(false);
-  const handleClick = useCallback20(async () => {
+  const [requesting, setRequesting] = useState16(false);
+  const handleClick = useCallback21(async () => {
     setRequesting(true);
     try {
       const scope = extractEvalScope(provenance);
@@ -7706,7 +7953,7 @@ function RerunEvaluationAction({
       setRequesting(false);
     }
   }, [client, currentUser?.id, provenance, reportId, toast]);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx37(
     MenuItem6,
     {
       disabled: requesting,
@@ -7718,7 +7965,7 @@ function RerunEvaluationAction({
 }
 
 // src/components/report-detail/report-actions/ReportActions.tsx
-import { Fragment as Fragment10, jsx as jsx39, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx38, jsxs as jsxs26 } from "react/jsx-runtime";
 function ReportActions({
   documentId,
   onDeleted,
@@ -7727,7 +7974,7 @@ function ReportActions({
 }) {
   const client = useClient9({ apiVersion: API_VERSION });
   const toast = useToast9();
-  const handleCopyId = useCallback21(() => {
+  const handleCopyId = useCallback22(() => {
     navigator.clipboard.writeText(reportId).then(
       () => {
         toast.push({
@@ -7745,15 +7992,15 @@ function ReportActions({
       }
     );
   }, [reportId, toast]);
-  const [deleteDialogOpen, setDeleteDialogOpen] = useState16(false);
-  const [deleting, setDeleting] = useState16(false);
-  const handleRequestDelete = useCallback21(() => {
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState17(false);
+  const [deleting, setDeleting] = useState17(false);
+  const handleRequestDelete = useCallback22(() => {
     setDeleteDialogOpen(true);
   }, []);
-  const handleDeleteClose = useCallback21(() => {
+  const handleDeleteClose = useCallback22(() => {
     if (!deleting) setDeleteDialogOpen(false);
   }, [deleting]);
-  const handleDeleteConfirm = useCallback21(async () => {
+  const handleDeleteConfirm = useCallback22(async () => {
     setDeleting(true);
     try {
       await client.delete(documentId);
@@ -7774,9 +8021,9 @@ function ReportActions({
       setDeleting(false);
     }
   }, [client, documentId, onDeleted, toast]);
-  return /* @__PURE__ */ jsxs27(Fragment10, { children: [
-    /* @__PURE__ */ jsxs27(Flex20, { children: [
-      /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsxs26(Fragment10, { children: [
+    /* @__PURE__ */ jsxs26(Flex19, { children: [
+      /* @__PURE__ */ jsx38(
         Button6,
         {
           icon: CopyIcon3,
@@ -7790,10 +8037,10 @@ function ReportActions({
           text: "Copy Report ID"
         }
       ),
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx38(
         MenuButton,
         {
-          button: /* @__PURE__ */ jsx39(
+          button: /* @__PURE__ */ jsx38(
             Button6,
             {
               icon: ChevronDownIcon,
@@ -7806,33 +8053,33 @@ function ReportActions({
             }
           ),
           id: "report-actions-menu",
-          menu: /* @__PURE__ */ jsxs27(Menu, { children: [
-            /* @__PURE__ */ jsx39(CopyReportIdAction, { reportId }),
-            /* @__PURE__ */ jsx39(
+          menu: /* @__PURE__ */ jsxs26(Menu, { children: [
+            /* @__PURE__ */ jsx38(CopyReportIdAction, { reportId }),
+            /* @__PURE__ */ jsx38(
               RerunEvaluationAction,
               {
                 provenance,
                 reportId
               }
             ),
-            /* @__PURE__ */ jsx39(MenuDivider, {}),
-            /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsx38(MenuDivider, {}),
+            /* @__PURE__ */ jsx38(
               DownloadReportAction,
               {
                 documentId,
                 reportId
               }
             ),
-            /* @__PURE__ */ jsx39(CopyReportAction, { documentId }),
-            /* @__PURE__ */ jsx39(CopyVisionQueryAction, { reportId }),
-            /* @__PURE__ */ jsx39(MenuDivider, {}),
-            /* @__PURE__ */ jsx39(DeleteReportAction, { onRequestDelete: handleRequestDelete })
+            /* @__PURE__ */ jsx38(CopyReportAction, { documentId }),
+            /* @__PURE__ */ jsx38(CopyVisionQueryAction, { reportId }),
+            /* @__PURE__ */ jsx38(MenuDivider, {}),
+            /* @__PURE__ */ jsx38(DeleteReportAction, { onRequestDelete: handleRequestDelete })
           ] }),
           popover: { placement: "bottom-end", portal: true }
         }
       )
     ] }),
-    deleteDialogOpen && /* @__PURE__ */ jsx39(
+    deleteDialogOpen && /* @__PURE__ */ jsx38(
       DeleteConfirmDialog,
       {
         isDeleting: deleting,
@@ -7846,8 +8093,8 @@ function ReportActions({
 
 // src/components/report-detail/ReportHeader.tsx
 import { ArrowLeftIcon as ArrowLeftIcon2 } from "@sanity/icons";
-import { Button as Button7, Flex as Flex21, Stack as Stack24, Text as Text29 } from "@sanity/ui";
-import { jsx as jsx40, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Button as Button7, Flex as Flex20, Stack as Stack23, Text as Text28 } from "@sanity/ui";
+import { jsx as jsx39, jsxs as jsxs27 } from "react/jsx-runtime";
 function ReportHeader({
   completedAt,
   onBack,
@@ -7857,11 +8104,11 @@ function ReportHeader({
   const dateLabel = formatCardDate(completedAt);
   const displayTitle = title ?? tag ?? dateLabel;
   const hasSubtitle = Boolean(title ?? tag);
-  return /* @__PURE__ */ jsxs28(Flex21, { align: "center", gap: 3, children: [
-    /* @__PURE__ */ jsx40(Button7, { icon: ArrowLeftIcon2, mode: "bleed", onClick: onBack, text: "Back" }),
-    /* @__PURE__ */ jsxs28(Stack24, { flex: 1, space: 1, children: [
-      /* @__PURE__ */ jsx40(Text29, { size: 4, weight: "bold", children: displayTitle }),
-      hasSubtitle && /* @__PURE__ */ jsx40(Text29, { muted: true, size: 2, children: dateLabel })
+  return /* @__PURE__ */ jsxs27(Flex20, { align: "center", gap: 3, children: [
+    /* @__PURE__ */ jsx39(Button7, { icon: ArrowLeftIcon2, mode: "bleed", onClick: onBack, text: "Back" }),
+    /* @__PURE__ */ jsxs27(Stack23, { flex: 1, space: 1, children: [
+      /* @__PURE__ */ jsx39(Text28, { size: 4, weight: "bold", children: displayTitle }),
+      hasSubtitle && /* @__PURE__ */ jsx39(Text28, { muted: true, size: 2, children: dateLabel })
     ] })
   ] });
 }
@@ -7869,17 +8116,17 @@ function ReportHeader({
 // src/components/report-detail/StrengthsList.tsx
 import { useMemo as useMemo8 } from "react";
 import { CheckmarkCircleIcon as CheckmarkCircleIcon2, SearchIcon as SearchIcon6 } from "@sanity/icons";
-import { Box as Box20, Flex as Flex24, Stack as Stack26, Text as Text32 } from "@sanity/ui";
+import { Box as Box19, Flex as Flex23, Stack as Stack25, Text as Text31 } from "@sanity/ui";
 
 // src/components/report-detail/AreaScoresGrid.tsx
 import React3, {
-  useCallback as useCallback22,
+  useCallback as useCallback23,
   useMemo as useMemo6,
-  useState as useState17
+  useState as useState18
 } from "react";
 import { WarningOutlineIcon as WarningOutlineIcon2 } from "@sanity/icons";
-import { Box as Box19, Flex as Flex22, Stack as Stack25, Text as Text30 } from "@sanity/ui";
-import { Fragment as Fragment11, jsx as jsx41, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Box as Box18, Flex as Flex21, Stack as Stack24, Text as Text29 } from "@sanity/ui";
+import { Fragment as Fragment11, jsx as jsx40, jsxs as jsxs28 } 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.",
@@ -7888,7 +8135,7 @@ var DIMENSION_TOOLTIPS2 = {
   taskCompletion: GLOSSARY.taskCompletion,
   toolUsage: "How effectively the agent used available tools (file read/write, shell, etc.). Graded 0\u2013100."
 };
-function tableTier2(width) {
+function tableTier(width) {
   if (width >= 900) return "full";
   if (width >= 600) return "compact";
   return "narrow";
@@ -7899,7 +8146,6 @@ function gridColumns(tier, dimCount, showLift, hasActual) {
     case "full": {
       const parts = ["120px", "1fr", dims];
       if (showLift) parts.push("80px");
-      if (showLift) parts.push("72px");
       if (hasActual) parts.push("72px");
       return parts.join(" ");
     }
@@ -7919,16 +8165,16 @@ function AreaScoresGrid({
   perModel
 }) {
   const { ref: containerRef, width } = useContainerWidth();
-  const tier = tableTier2(width);
+  const tier = tableTier(width);
   const hasActual = useMemo6(
     () => scores.some((s) => s.actualScore != null),
     [scores]
   );
   const showLift = isLiteracyMode(mode);
   const dimKeys = useMemo6(() => collectDimensionKeys(scores), [scores]);
-  const [sortField, setSortField] = useState17("score");
-  const [sortDir, setSortDir] = useState17("desc");
-  const handleSort = useCallback22(
+  const [sortField, setSortField] = useState18("score");
+  const [sortDir, setSortDir] = useState18("desc");
+  const handleSort = useCallback23(
     (field) => {
       if (field === sortField) {
         setSortDir((d) => d === "asc" ? "desc" : "asc");
@@ -7972,8 +8218,8 @@ function AreaScoresGrid({
     }
     return map;
   }, [perModel]);
-  return /* @__PURE__ */ jsxs29(Box19, { ref: containerRef, style: { ...neutralCardStyle, overflow: "auto" }, children: [
-    /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs28(Box18, { ref: containerRef, style: { ...neutralCardStyle, overflow: "auto" }, children: [
+    /* @__PURE__ */ jsxs28(
       "div",
       {
         style: {
@@ -7989,8 +8235,8 @@ function AreaScoresGrid({
           padding: "12px 16px 8px"
         },
         children: [
-          /* @__PURE__ */ jsx41(
-            ColHeader3,
+          /* @__PURE__ */ jsx40(
+            ColHeader2,
             {
               active: sortField === "score",
               direction: sortDir,
@@ -7999,8 +8245,8 @@ function AreaScoresGrid({
               tooltip: GLOSSARY.score
             }
           ),
-          /* @__PURE__ */ jsx41(
-            ColHeader3,
+          /* @__PURE__ */ jsx40(
+            ColHeader2,
             {
               active: sortField === "area",
               direction: sortDir,
@@ -8008,8 +8254,8 @@ function AreaScoresGrid({
               onClick: () => handleSort("area")
             }
           ),
-          dimKeys.map((key) => /* @__PURE__ */ jsx41(
-            ColHeader3,
+          dimKeys.map((key) => /* @__PURE__ */ jsx40(
+            ColHeader2,
             {
               active: sortField === key,
               direction: sortDir,
@@ -8019,8 +8265,8 @@ function AreaScoresGrid({
             },
             key
           )),
-          tier !== "narrow" && showLift && /* @__PURE__ */ jsx41(
-            ColHeader3,
+          tier !== "narrow" && showLift && /* @__PURE__ */ jsx40(
+            ColHeader2,
             {
               active: sortField === "lift",
               direction: sortDir,
@@ -8029,13 +8275,12 @@ function AreaScoresGrid({
               tooltip: GLOSSARY.docLift
             }
           ),
-          tier === "full" && showLift && /* @__PURE__ */ jsx41(ColHeader3, { label: "Floor", tooltip: GLOSSARY.floor }),
-          tier === "full" && hasActual && /* @__PURE__ */ jsx41(ColHeader3, { label: "Actual", tooltip: GLOSSARY.actualScore })
+          tier === "full" && hasActual && /* @__PURE__ */ jsx40(ColHeader2, { label: "Actual", tooltip: GLOSSARY.actualScore })
         ]
       }
     ),
-    sorted.map((area) => /* @__PURE__ */ jsxs29(React3.Fragment, { children: [
-      /* @__PURE__ */ jsx41(
+    sorted.map((area) => /* @__PURE__ */ jsxs28(React3.Fragment, { children: [
+      /* @__PURE__ */ jsx40(
         AreaRow,
         {
           area,
@@ -8046,7 +8291,7 @@ function AreaScoresGrid({
           tier
         }
       ),
-      modelScoresByFeature && /* @__PURE__ */ jsx41(
+      modelScoresByFeature && /* @__PURE__ */ jsx40(
         ModelSubRows,
         {
           dimKeys,
@@ -8067,7 +8312,7 @@ function ModelSubRows({
   tier
 }) {
   if (!models || models.length === 0) return null;
-  return /* @__PURE__ */ jsx41(Fragment11, { children: models.map((entry) => /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx40(Fragment11, { children: models.map((entry) => /* @__PURE__ */ jsx40(
     ModelRow,
     {
       dimKeys,
@@ -8089,7 +8334,7 @@ function ModelRow({
   tier
 }) {
   const isNarrow = tier === "narrow";
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs28(
     "div",
     {
       style: {
@@ -8107,8 +8352,8 @@ function ModelRow({
         padding: isNarrow ? "6px 12px 6px 20px" : "6px 16px 6px 28px"
       },
       children: [
-        /* @__PURE__ */ jsx41(Flex22, { align: "center", children: /* @__PURE__ */ jsx41(
-          Text30,
+        /* @__PURE__ */ jsx40(Flex21, { align: "center", children: /* @__PURE__ */ jsx40(
+          Text29,
           {
             size: 1,
             style: {
@@ -8119,8 +8364,8 @@ function ModelRow({
             children: Math.round(scores.totalScore)
           }
         ) }),
-        /* @__PURE__ */ jsx41(Flex22, { align: "center", gap: 2, children: /* @__PURE__ */ jsx41(Text30, { muted: true, size: 1, children: label }) }),
-        dimKeys.map((key) => /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx40(Flex21, { align: "center", gap: 2, children: /* @__PURE__ */ jsx40(Text29, { muted: true, size: 1, children: label }) }),
+        dimKeys.map((key) => /* @__PURE__ */ jsx40(
           DimCell,
           {
             area: label,
@@ -8130,8 +8375,8 @@ function ModelRow({
           },
           key
         )),
-        !isNarrow && showLift && /* @__PURE__ */ jsxs29(
-          Text30,
+        !isNarrow && showLift && /* @__PURE__ */ jsxs28(
+          Text29,
           {
             size: 1,
             style: {
@@ -8145,17 +8390,8 @@ function ModelRow({
             ]
           }
         ),
-        tier === "full" && showLift && /* @__PURE__ */ jsx41(
-          Text30,
-          {
-            muted: true,
-            size: 1,
-            style: { fontFamily: "var(--font-code-size, monospace)" },
-            children: Math.round(scores.floorScore ?? 0)
-          }
-        ),
-        tier === "full" && hasActual && /* @__PURE__ */ jsx41(
-          Text30,
+        tier === "full" && hasActual && /* @__PURE__ */ jsx40(
+          Text29,
           {
             size: 1,
             style: {
@@ -8179,7 +8415,7 @@ function AreaRow({
   tier
 }) {
   const isNarrow = tier === "narrow";
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs28(
     "div",
     {
       style: {
@@ -8196,15 +8432,15 @@ function AreaRow({
         padding: isNarrow ? "8px 12px" : "10px 16px"
       },
       children: [
-        /* @__PURE__ */ jsxs29(Flex22, { align: "center", gap: isNarrow ? 0 : 2, children: [
-          /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsxs28(Flex21, { align: "center", gap: isNarrow ? 0 : 2, children: [
+          /* @__PURE__ */ jsx40(
             HoverTip,
             {
-              text: /* @__PURE__ */ jsxs29(Text30, { size: 2, style: { lineHeight: 1.5 }, children: [
-                /* @__PURE__ */ jsx41("span", { style: { fontWeight: 600 }, children: area.feature }),
+              text: /* @__PURE__ */ jsxs28(Text29, { size: 2, style: { lineHeight: 1.5 }, children: [
+                /* @__PURE__ */ jsx40("span", { style: { fontWeight: 600 }, children: area.feature }),
                 " score:",
                 " ",
-                /* @__PURE__ */ jsx41(
+                /* @__PURE__ */ jsx40(
                   "span",
                   {
                     style: {
@@ -8215,12 +8451,12 @@ function AreaRow({
                     children: Math.round(area.totalScore)
                   }
                 ),
-                /* @__PURE__ */ jsx41("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
+                /* @__PURE__ */ jsx40("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
                 ".",
                 " ",
                 GLOSSARY.score
               ] }),
-              children: /* @__PURE__ */ jsx41(
+              children: /* @__PURE__ */ jsx40(
                 "div",
                 {
                   style: {
@@ -8241,11 +8477,11 @@ function AreaRow({
               )
             }
           ),
-          !isNarrow && delta != null && delta !== 0 && /* @__PURE__ */ jsx41(HoverTip, { text: GLOSSARY.areaDelta, children: /* @__PURE__ */ jsx41(DeltaIndicator, { delta, icon: true, size: 1 }) })
+          !isNarrow && delta != null && delta !== 0 && /* @__PURE__ */ jsx40(HoverTip, { text: GLOSSARY.areaDelta, children: /* @__PURE__ */ jsx40(DeltaIndicator, { delta, icon: true, size: 1 }) })
         ] }),
-        /* @__PURE__ */ jsxs29(Flex22, { align: "center", gap: 2, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx41(Text30, { size: 2, weight: "medium", children: area.feature }),
-          area.negativeDocLift && showLift && /* @__PURE__ */ jsx41(HoverTip, { text: GLOSSARY.docsHurt, children: /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsxs28(Flex21, { align: "center", gap: 2, wrap: "wrap", children: [
+          /* @__PURE__ */ jsx40(Text29, { size: 2, weight: "medium", children: area.feature }),
+          area.negativeDocLift && showLift && /* @__PURE__ */ jsx40(HoverTip, { text: GLOSSARY.docsHurt, children: /* @__PURE__ */ jsx40(
             "span",
             {
               style: {
@@ -8258,11 +8494,11 @@ function AreaRow({
                 gap: 3,
                 padding: "1px 5px"
               },
-              children: /* @__PURE__ */ jsx41(WarningOutlineIcon2, {})
+              children: /* @__PURE__ */ jsx40(WarningOutlineIcon2, {})
             }
           ) })
         ] }),
-        dimKeys.map((key) => /* @__PURE__ */ jsx41(
+        dimKeys.map((key) => /* @__PURE__ */ jsx40(
           DimCell,
           {
             area: area.feature,
@@ -8271,14 +8507,14 @@ function AreaRow({
           },
           key
         )),
-        !isNarrow && showLift && /* @__PURE__ */ jsx41(
+        !isNarrow && showLift && /* @__PURE__ */ jsx40(
           HoverTip,
           {
-            text: /* @__PURE__ */ jsxs29(Text30, { size: 2, style: { lineHeight: 1.5 }, children: [
-              /* @__PURE__ */ jsx41("span", { style: { fontWeight: 600 }, children: area.feature }),
+            text: /* @__PURE__ */ jsxs28(Text29, { size: 2, style: { lineHeight: 1.5 }, children: [
+              /* @__PURE__ */ jsx40("span", { style: { fontWeight: 600 }, children: area.feature }),
               " doc lift:",
               " ",
-              /* @__PURE__ */ jsxs29(
+              /* @__PURE__ */ jsxs28(
                 "span",
                 {
                   style: {
@@ -8296,8 +8532,8 @@ function AreaRow({
               "pts. ",
               GLOSSARY.docLift
             ] }),
-            children: /* @__PURE__ */ jsxs29(
-              Text30,
+            children: /* @__PURE__ */ jsxs28(
+              Text29,
               {
                 size: 2,
                 style: {
@@ -8313,21 +8549,12 @@ function AreaRow({
             )
           }
         ),
-        tier === "full" && showLift && /* @__PURE__ */ jsx41(
-          Text30,
-          {
-            muted: true,
-            size: 2,
-            style: { fontFamily: "var(--font-code-size, monospace)" },
-            children: Math.round(area.floorScore ?? 0)
-          }
-        ),
-        tier === "full" && hasActual && /* @__PURE__ */ jsx41(
+        tier === "full" && hasActual && /* @__PURE__ */ jsx40(
           HoverTip,
           {
             text: area.actualScore != null ? `${area.feature} actual score: ${Math.round(area.actualScore)}/100. ${GLOSSARY.actualScore}` : `No agentic data for ${area.feature}.`,
-            children: /* @__PURE__ */ jsx41(
-              Text30,
+            children: /* @__PURE__ */ jsx40(
+              Text29,
               {
                 size: 2,
                 style: {
@@ -8356,17 +8583,17 @@ function DimCell({
   const tooltip = dimKey ? DIMENSION_TOOLTIPS2[dimKey] : "";
   const textSize = size === "small" ? 0 : 1;
   const barHeight = size === "small" ? 3 : 4;
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx40(
     HoverTip,
     {
-      text: /* @__PURE__ */ jsxs29(Text30, { size: 2, style: { lineHeight: 1.5 }, children: [
-        /* @__PURE__ */ jsx41("span", { style: { fontWeight: 600 }, children: area }),
+      text: /* @__PURE__ */ jsxs28(Text29, { size: 2, style: { lineHeight: 1.5 }, children: [
+        /* @__PURE__ */ jsx40("span", { style: { fontWeight: 600 }, children: area }),
         " \u2192",
         " ",
-        /* @__PURE__ */ jsx41("span", { style: { fontWeight: 600 }, children: dim }),
+        /* @__PURE__ */ jsx40("span", { style: { fontWeight: 600 }, children: dim }),
         ":",
         " ",
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx40(
           "span",
           {
             style: {
@@ -8377,14 +8604,14 @@ function DimCell({
             children: Math.round(value)
           }
         ),
-        /* @__PURE__ */ jsx41("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
+        /* @__PURE__ */ jsx40("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
         ".",
         " ",
         tooltip
       ] }),
-      children: /* @__PURE__ */ jsxs29(Stack25, { space: 1, style: { width: "100%" }, children: [
-        /* @__PURE__ */ jsx41(
-          Text30,
+      children: /* @__PURE__ */ jsxs28(Stack24, { space: 1, style: { width: "100%" }, children: [
+        /* @__PURE__ */ jsx40(
+          Text29,
           {
             size: textSize,
             style: {
@@ -8395,7 +8622,7 @@ function DimCell({
             children: Math.round(value)
           }
         ),
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx40(
           "div",
           {
             style: {
@@ -8405,7 +8632,7 @@ function DimCell({
               overflow: "hidden",
               width: "100%"
             },
-            children: /* @__PURE__ */ jsx41(
+            children: /* @__PURE__ */ jsx40(
               "div",
               {
                 style: {
@@ -8423,14 +8650,14 @@ function DimCell({
     }
   );
 }
-function ColHeader3({
+function ColHeader2({
   active,
   direction,
   label,
   onClick,
   tooltip
 }) {
-  const handleKeyDown = useCallback22(
+  const handleKeyDown = useCallback23(
     (e) => {
       if (onClick && (e.key === "Enter" || e.key === " ")) {
         e.preventDefault();
@@ -8440,8 +8667,8 @@ function ColHeader3({
     [onClick]
   );
   const arrow = active ? direction === "asc" ? " \u2191" : " \u2193" : "";
-  return /* @__PURE__ */ jsxs29(Flex22, { align: "center", gap: 1, children: [
-    /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsxs28(Flex21, { align: "center", gap: 1, children: [
+    /* @__PURE__ */ jsx40(
       "div",
       {
         onClick,
@@ -8452,8 +8679,8 @@ function ColHeader3({
           userSelect: "none"
         },
         tabIndex: onClick ? 0 : void 0,
-        children: /* @__PURE__ */ jsxs29(
-          Text30,
+        children: /* @__PURE__ */ jsxs28(
+          Text29,
           {
             muted: true,
             size: 1,
@@ -8470,14 +8697,14 @@ function ColHeader3({
         )
       }
     ),
-    tooltip && /* @__PURE__ */ jsx41(InfoTip, { text: tooltip })
+    tooltip && /* @__PURE__ */ jsx40(InfoTip, { text: tooltip })
   ] });
 }
 
 // src/components/report-detail/ModelSelector.tsx
-import { useCallback as useCallback23 } from "react";
-import { Flex as Flex23, Text as Text31 } from "@sanity/ui";
-import { jsx as jsx42, jsxs as jsxs30 } from "react/jsx-runtime";
+import { useCallback as useCallback24 } from "react";
+import { Flex as Flex22, Text as Text30 } from "@sanity/ui";
+import { jsx as jsx41, jsxs as jsxs29 } from "react/jsx-runtime";
 var pillBase = {
   borderColor: "var(--card-border-color)",
   borderRadius: 999,
@@ -8508,8 +8735,8 @@ function ModelSelector({
   selection,
   onChange
 }) {
-  return /* @__PURE__ */ jsxs30(Flex23, { align: "center", gap: 1, wrap: "wrap", children: [
-    /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsxs29(Flex22, { align: "center", gap: 1, wrap: "wrap", children: [
+    /* @__PURE__ */ jsx41(
       Pill2,
       {
         isSelected: selection === null,
@@ -8517,7 +8744,7 @@ function ModelSelector({
         onClick: () => onChange(null)
       }
     ),
-    models.map((model) => /* @__PURE__ */ jsx42(
+    models.map((model) => /* @__PURE__ */ jsx41(
       Pill2,
       {
         isSelected: selection === model.modelId,
@@ -8526,7 +8753,7 @@ function ModelSelector({
       },
       model.modelId
     )),
-    /* @__PURE__ */ jsx42(
+    /* @__PURE__ */ jsx41(
       "div",
       {
         style: {
@@ -8537,7 +8764,7 @@ function ModelSelector({
         }
       }
     ),
-    /* @__PURE__ */ jsx42(
+    /* @__PURE__ */ jsx41(
       Pill2,
       {
         isSelected: selection === "expanded",
@@ -8552,7 +8779,7 @@ function Pill2({
   label,
   onClick
 }) {
-  const handleKeyDown = useCallback23(
+  const handleKeyDown = useCallback24(
     (e) => {
       if (e.key === "Enter" || e.key === " ") {
         e.preventDefault();
@@ -8561,7 +8788,7 @@ function Pill2({
     },
     [onClick]
   );
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx41(
     "span",
     {
       onClick,
@@ -8569,8 +8796,8 @@ function Pill2({
       role: "button",
       style: isSelected ? pillSelected : pillDefault,
       tabIndex: 0,
-      children: /* @__PURE__ */ jsx42(
-        Text31,
+      children: /* @__PURE__ */ jsx41(
+        Text30,
         {
           size: 1,
           style: {
@@ -8585,13 +8812,13 @@ function Pill2({
 }
 
 // src/components/report-detail/useModelSelection.ts
-import { useCallback as useCallback24, useMemo as useMemo7, useState as useState18 } from "react";
+import { useCallback as useCallback25, useMemo as useMemo7, useState as useState19 } from "react";
 function useModelSelection({
   scores,
   perModel
 }) {
-  const [selection, setSelection] = useState18(null);
-  const onSelectionChange = useCallback24((next) => {
+  const [selection, setSelection] = useState19(null);
+  const onSelectionChange = useCallback25((next) => {
     setSelection(next);
   }, []);
   const isExpanded = selection === "expanded";
@@ -8613,7 +8840,7 @@ function useModelSelection({
 }
 
 // src/components/report-detail/StrengthsList.tsx
-import { jsx as jsx43, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs30 } from "react/jsx-runtime";
 function StrengthsList({
   mode,
   scores,
@@ -8637,13 +8864,13 @@ function StrengthsList({
     (a, b) => (b.infrastructureEfficiency ?? 0) - (a.infrastructureEfficiency ?? 0)
   );
   if (displayedScores.length === 0) return null;
-  return /* @__PURE__ */ jsxs31(Stack26, { space: 5, children: [
-    /* @__PURE__ */ jsxs31(Stack26, { space: 3, children: [
-      /* @__PURE__ */ jsxs31(Flex24, { align: "center", gap: 2, wrap: "wrap", children: [
-        /* @__PURE__ */ jsx43(CheckmarkCircleIcon2, { style: { color: "#34d399" } }),
-        /* @__PURE__ */ jsx43(Text32, { size: 2, weight: "medium", children: "Strong Areas (70+)" }),
-        /* @__PURE__ */ jsx43(InfoTip, { text: GLOSSARY.strengths }),
-        hasModels && /* @__PURE__ */ jsx43(Box20, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsxs30(Stack25, { space: 5, children: [
+    /* @__PURE__ */ jsxs30(Stack25, { space: 3, children: [
+      /* @__PURE__ */ jsxs30(Flex23, { align: "center", gap: 2, wrap: "wrap", children: [
+        /* @__PURE__ */ jsx42(CheckmarkCircleIcon2, { style: { color: "#34d399" } }),
+        /* @__PURE__ */ jsx42(Text31, { size: 2, weight: "medium", children: "Strong Areas (70+)" }),
+        /* @__PURE__ */ jsx42(InfoTip, { text: GLOSSARY.strengths }),
+        hasModels && /* @__PURE__ */ jsx42(Box19, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx42(
           ModelSelector,
           {
             models: perModel,
@@ -8652,7 +8879,7 @@ function StrengthsList({
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsx43(
+      /* @__PURE__ */ jsx42(
         AreaScoresGrid,
         {
           mode,
@@ -8662,33 +8889,33 @@ function StrengthsList({
         }
       )
     ] }),
-    retrievalSuccesses.length > 0 && /* @__PURE__ */ jsxs31(Box20, { style: neutralCardStyle, children: [
-      /* @__PURE__ */ jsx43(
-        Box20,
+    retrievalSuccesses.length > 0 && /* @__PURE__ */ jsxs30(Box19, { style: neutralCardStyle, children: [
+      /* @__PURE__ */ jsx42(
+        Box19,
         {
           padding: 4,
           style: { borderBottom: "1px solid var(--card-border-color)" },
-          children: /* @__PURE__ */ jsxs31(Flex24, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ jsx43(SearchIcon6, { style: { color: "#34d399" } }),
-            /* @__PURE__ */ jsxs31(Text32, { size: 2, weight: "medium", children: [
+          children: /* @__PURE__ */ jsxs30(Flex23, { align: "center", gap: 2, children: [
+            /* @__PURE__ */ jsx42(SearchIcon6, { style: { color: "#34d399" } }),
+            /* @__PURE__ */ jsxs30(Text31, { size: 2, weight: "medium", children: [
               "Retrieval Successes (",
               Math.round(EFFICIENCY_POSITIVE * 100),
               "%+ efficiency)"
             ] }),
-            /* @__PURE__ */ jsx43(InfoTip, { text: GLOSSARY.retrievalExcellence })
+            /* @__PURE__ */ jsx42(InfoTip, { text: GLOSSARY.retrievalExcellence })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx43(Stack26, { children: retrievalSuccesses.map((area, i) => /* @__PURE__ */ jsxs31(
-        Flex24,
+      /* @__PURE__ */ jsx42(Stack25, { children: retrievalSuccesses.map((area, i) => /* @__PURE__ */ jsxs30(
+        Flex23,
         {
           align: "center",
           justify: "space-between",
           padding: 4,
           style: i > 0 ? dividerStyle : void 0,
           children: [
-            /* @__PURE__ */ jsx43(Text32, { size: 2, children: area.feature }),
-            /* @__PURE__ */ jsx43(
+            /* @__PURE__ */ jsx42(Text31, { size: 2, children: area.feature }),
+            /* @__PURE__ */ jsx42(
               "span",
               {
                 style: {
@@ -8715,11 +8942,11 @@ import {
   ErrorOutlineIcon as ErrorOutlineIcon3,
   SearchIcon as SearchIcon7,
   WarningOutlineIcon as WarningOutlineIcon3,
-  BoltIcon as BoltIcon2,
+  BoltIcon,
   ArrowDownIcon as ArrowDownIcon2
 } from "@sanity/icons";
-import { Box as Box21, Flex as Flex25, Stack as Stack27, Text as Text33 } from "@sanity/ui";
-import { jsx as jsx44, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Box as Box20, Flex as Flex24, Stack as Stack26, Text as Text32 } from "@sanity/ui";
+import { jsx as jsx43, jsxs as jsxs31 } from "react/jsx-runtime";
 function WeaknessesList({
   mode,
   scores,
@@ -8749,13 +8976,13 @@ function WeaknessesList({
   );
   const hasContent = weakAreas.length > 0 || docsHurt.length > 0 || retrievalIssues.length > 0 || dimWeaknesses.length > 0 || regressed.length > 0 || efficiencyAnomalies.length > 0;
   if (!hasContent) return null;
-  return /* @__PURE__ */ jsxs32(Stack27, { space: 5, children: [
-    weakAreas.length > 0 && /* @__PURE__ */ jsxs32(Stack27, { space: 3, children: [
-      /* @__PURE__ */ jsxs32(Flex25, { align: "center", gap: 2, wrap: "wrap", children: [
-        /* @__PURE__ */ jsx44(ErrorOutlineIcon3, { style: { color: "#f87171" } }),
-        /* @__PURE__ */ jsx44(Text33, { size: 2, weight: "medium", children: "Weak Areas (<70)" }),
-        /* @__PURE__ */ jsx44(InfoTip, { text: GLOSSARY.weakAreas }),
-        hasModels && /* @__PURE__ */ jsx44(Box21, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsxs31(Stack26, { space: 5, children: [
+    weakAreas.length > 0 && /* @__PURE__ */ jsxs31(Stack26, { space: 3, children: [
+      /* @__PURE__ */ jsxs31(Flex24, { align: "center", gap: 2, wrap: "wrap", children: [
+        /* @__PURE__ */ jsx43(ErrorOutlineIcon3, { style: { color: "#f87171" } }),
+        /* @__PURE__ */ jsx43(Text32, { size: 2, weight: "medium", children: "Weak Areas (<70)" }),
+        /* @__PURE__ */ jsx43(InfoTip, { text: GLOSSARY.weakAreas }),
+        hasModels && /* @__PURE__ */ jsx43(Box20, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx43(
           ModelSelector,
           {
             models: perModel,
@@ -8764,7 +8991,7 @@ function WeaknessesList({
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsx44(
+      /* @__PURE__ */ jsx43(
         AreaScoresGrid,
         {
           mode,
@@ -8774,22 +9001,22 @@ function WeaknessesList({
         }
       )
     ] }),
-    docsHurt.length > 0 && /* @__PURE__ */ jsxs32(Stack27, { space: 3, children: [
-      /* @__PURE__ */ jsxs32(Flex25, { align: "center", gap: 2, children: [
-        /* @__PURE__ */ jsx44(ErrorOutlineIcon3, { style: { color: "#f87171" } }),
-        /* @__PURE__ */ jsx44(Text33, { size: 2, weight: "medium", children: "Docs Hurt Performance (Negative Doc Lift)" }),
-        /* @__PURE__ */ jsx44(InfoTip, { text: GLOSSARY.docsHurt })
+    docsHurt.length > 0 && /* @__PURE__ */ jsxs31(Stack26, { space: 3, children: [
+      /* @__PURE__ */ jsxs31(Flex24, { align: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx43(ErrorOutlineIcon3, { style: { color: "#f87171" } }),
+        /* @__PURE__ */ jsx43(Text32, { size: 2, weight: "medium", children: "Docs Hurt Performance (Negative Doc Lift)" }),
+        /* @__PURE__ */ jsx43(InfoTip, { text: GLOSSARY.docsHurt })
       ] }),
-      /* @__PURE__ */ jsx44(Box21, { style: sectionStyle("red"), children: docsHurt.map((area, i) => /* @__PURE__ */ jsxs32(
-        Box21,
+      /* @__PURE__ */ jsx43(Box20, { style: sectionStyle("red"), children: docsHurt.map((area, i) => /* @__PURE__ */ jsxs31(
+        Box20,
         {
           padding: 4,
           style: i > 0 ? { borderTop: "1px solid rgba(239,68,68,0.2)" } : void 0,
           children: [
-            /* @__PURE__ */ jsxs32(Flex25, { align: "center", justify: "space-between", wrap: "wrap", children: [
-              /* @__PURE__ */ jsxs32(Flex25, { align: "center", gap: 2, children: [
-                /* @__PURE__ */ jsx44(Text33, { size: 2, weight: "medium", children: area.feature }),
-                /* @__PURE__ */ jsx44(
+            /* @__PURE__ */ jsxs31(Flex24, { align: "center", justify: "space-between", wrap: "wrap", children: [
+              /* @__PURE__ */ jsxs31(Flex24, { align: "center", gap: 2, children: [
+                /* @__PURE__ */ jsx43(Text32, { size: 2, weight: "medium", children: area.feature }),
+                /* @__PURE__ */ jsx43(
                   "span",
                   {
                     style: {
@@ -8804,7 +9031,7 @@ function WeaknessesList({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx44(
+              /* @__PURE__ */ jsx43(
                 "span",
                 {
                   style: {
@@ -8817,8 +9044,8 @@ function WeaknessesList({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx44(Box21, { paddingTop: 2, children: /* @__PURE__ */ jsxs32(Text33, { muted: true, size: 2, children: [
-              area.invertedRetrievalGap && /* @__PURE__ */ jsxs32("span", { style: { color: "#fbbf24" }, children: [
+            /* @__PURE__ */ jsx43(Box20, { paddingTop: 2, children: /* @__PURE__ */ jsxs31(Text32, { muted: true, size: 2, children: [
+              area.invertedRetrievalGap && /* @__PURE__ */ jsxs31("span", { style: { color: "#fbbf24" }, children: [
                 "Agent does better by NOT finding these docs.",
                 " "
               ] }),
@@ -8833,22 +9060,22 @@ function WeaknessesList({
         area.feature
       )) })
     ] }),
-    retrievalIssues.length > 0 && /* @__PURE__ */ jsxs32(Stack27, { space: 3, children: [
-      /* @__PURE__ */ jsxs32(Flex25, { align: "center", gap: 2, children: [
-        /* @__PURE__ */ jsx44(SearchIcon7, { style: { color: "#fbbf24" } }),
-        /* @__PURE__ */ jsx44(Text33, { size: 2, weight: "medium", children: "Retrieval Issues (<70% efficiency)" }),
-        /* @__PURE__ */ jsx44(InfoTip, { text: GLOSSARY.retrievalIssues })
+    retrievalIssues.length > 0 && /* @__PURE__ */ jsxs31(Stack26, { space: 3, children: [
+      /* @__PURE__ */ jsxs31(Flex24, { align: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx43(SearchIcon7, { style: { color: "#fbbf24" } }),
+        /* @__PURE__ */ jsx43(Text32, { size: 2, weight: "medium", children: "Retrieval Issues (<70% efficiency)" }),
+        /* @__PURE__ */ jsx43(InfoTip, { text: GLOSSARY.retrievalIssues })
       ] }),
-      /* @__PURE__ */ jsx44(Box21, { style: sectionStyle("amber"), children: retrievalIssues.map((area, i) => /* @__PURE__ */ jsxs32(
-        Box21,
+      /* @__PURE__ */ jsx43(Box20, { style: sectionStyle("amber"), children: retrievalIssues.map((area, i) => /* @__PURE__ */ jsxs31(
+        Box20,
         {
           padding: 4,
           style: i > 0 ? { borderTop: "1px solid rgba(245,158,11,0.2)" } : void 0,
           children: [
-            /* @__PURE__ */ jsxs32(Flex25, { align: "center", justify: "space-between", wrap: "wrap", children: [
-              /* @__PURE__ */ jsxs32(Flex25, { align: "center", gap: 2, children: [
-                /* @__PURE__ */ jsx44(Text33, { size: 2, weight: "medium", children: area.feature }),
-                /* @__PURE__ */ jsx44(
+            /* @__PURE__ */ jsxs31(Flex24, { align: "center", justify: "space-between", wrap: "wrap", children: [
+              /* @__PURE__ */ jsxs31(Flex24, { align: "center", gap: 2, children: [
+                /* @__PURE__ */ jsx43(Text32, { size: 2, weight: "medium", children: area.feature }),
+                /* @__PURE__ */ jsx43(
                   "span",
                   {
                     style: {
@@ -8863,7 +9090,7 @@ function WeaknessesList({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx44(
+              /* @__PURE__ */ jsx43(
                 "span",
                 {
                   style: {
@@ -8876,7 +9103,7 @@ function WeaknessesList({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx44(Box21, { paddingTop: 2, children: /* @__PURE__ */ jsxs32(Text33, { muted: true, size: 2, children: [
+            /* @__PURE__ */ jsx43(Box20, { paddingTop: 2, children: /* @__PURE__ */ jsxs31(Text32, { muted: true, size: 2, children: [
               "Actual score (",
               Math.round(area.actualScore ?? 0),
               ") is much lower than ceiling (",
@@ -8891,21 +9118,21 @@ function WeaknessesList({
         area.feature
       )) })
     ] }),
-    dimWeaknesses.length > 0 && /* @__PURE__ */ jsxs32(Stack27, { space: 3, children: [
-      /* @__PURE__ */ jsxs32(Flex25, { align: "center", gap: 2, children: [
-        /* @__PURE__ */ jsx44(WarningOutlineIcon3, { style: { color: "#fbbf24" } }),
-        /* @__PURE__ */ jsx44(Text33, { size: 2, weight: "medium", children: "Dimension Weaknesses (<50)" }),
-        /* @__PURE__ */ jsx44(InfoTip, { text: GLOSSARY.dimWeaknesses })
+    dimWeaknesses.length > 0 && /* @__PURE__ */ jsxs31(Stack26, { space: 3, children: [
+      /* @__PURE__ */ jsxs31(Flex24, { align: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx43(WarningOutlineIcon3, { style: { color: "#fbbf24" } }),
+        /* @__PURE__ */ jsx43(Text32, { size: 2, weight: "medium", children: "Dimension Weaknesses (<50)" }),
+        /* @__PURE__ */ jsx43(InfoTip, { text: GLOSSARY.dimWeaknesses })
       ] }),
-      /* @__PURE__ */ jsx44(Box21, { style: neutralCardStyle, children: dimWeaknesses.map(({ area, dims }, i) => /* @__PURE__ */ jsxs32(
-        Box21,
+      /* @__PURE__ */ jsx43(Box20, { style: neutralCardStyle, children: dimWeaknesses.map(({ area, dims }, i) => /* @__PURE__ */ jsxs31(
+        Box20,
         {
           padding: 4,
           style: i > 0 ? dividerStyle : void 0,
           children: [
-            /* @__PURE__ */ jsxs32(Flex25, { align: "center", gap: 2, paddingBottom: 2, children: [
-              /* @__PURE__ */ jsx44(Text33, { size: 2, weight: "medium", children: area.feature }),
-              /* @__PURE__ */ jsx44(
+            /* @__PURE__ */ jsxs31(Flex24, { align: "center", gap: 2, paddingBottom: 2, children: [
+              /* @__PURE__ */ jsx43(Text32, { size: 2, weight: "medium", children: area.feature }),
+              /* @__PURE__ */ jsx43(
                 "span",
                 {
                   style: {
@@ -8920,7 +9147,7 @@ function WeaknessesList({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx44(Flex25, { gap: 2, wrap: "wrap", children: dims.map((w) => /* @__PURE__ */ jsx44(HoverTip, { text: w.tip, children: /* @__PURE__ */ jsxs32(
+            /* @__PURE__ */ jsx43(Flex24, { gap: 2, wrap: "wrap", children: dims.map((w) => /* @__PURE__ */ jsx43(HoverTip, { text: w.tip, children: /* @__PURE__ */ jsxs31(
               "span",
               {
                 style: {
@@ -8942,33 +9169,33 @@ function WeaknessesList({
         area.feature
       )) })
     ] }),
-    regressed.length > 0 && /* @__PURE__ */ jsxs32(Box21, { style: neutralCardStyle, children: [
-      /* @__PURE__ */ jsx44(
-        Box21,
+    regressed.length > 0 && /* @__PURE__ */ jsxs31(Box20, { style: neutralCardStyle, children: [
+      /* @__PURE__ */ jsx43(
+        Box20,
         {
           padding: 4,
           style: { borderBottom: "1px solid var(--card-border-color)" },
-          children: /* @__PURE__ */ jsxs32(Flex25, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ jsx44(ArrowDownIcon2, { style: { color: "#f87171" } }),
-            /* @__PURE__ */ jsx44(Text33, { size: 2, weight: "medium", children: "Regressed Since Last Run" })
+          children: /* @__PURE__ */ jsxs31(Flex24, { align: "center", gap: 2, children: [
+            /* @__PURE__ */ jsx43(ArrowDownIcon2, { style: { color: "#f87171" } }),
+            /* @__PURE__ */ jsx43(Text32, { size: 2, weight: "medium", children: "Regressed Since Last Run" })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx44(Stack27, { children: regressed.map((featureName, i) => {
+      /* @__PURE__ */ jsx43(Stack26, { children: regressed.map((featureName, i) => {
         const area = scores.find((s) => s.feature === featureName);
         const areaDelta = perArea?.[featureName];
-        return /* @__PURE__ */ jsxs32(
-          Flex25,
+        return /* @__PURE__ */ jsxs31(
+          Flex24,
           {
             align: "center",
             justify: "space-between",
             padding: 4,
             style: i > 0 ? dividerStyle : void 0,
             children: [
-              /* @__PURE__ */ jsx44(Text33, { size: 2, children: featureName }),
-              /* @__PURE__ */ jsxs32(Flex25, { align: "center", gap: 3, children: [
-                areaDelta != null && /* @__PURE__ */ jsx44(DeltaIndicator, { delta: areaDelta, icon: true }),
-                area && /* @__PURE__ */ jsx44(
+              /* @__PURE__ */ jsx43(Text32, { size: 2, children: featureName }),
+              /* @__PURE__ */ jsxs31(Flex24, { align: "center", gap: 3, children: [
+                areaDelta != null && /* @__PURE__ */ jsx43(DeltaIndicator, { delta: areaDelta, icon: true }),
+                area && /* @__PURE__ */ jsx43(
                   "span",
                   {
                     style: {
@@ -8990,32 +9217,32 @@ function WeaknessesList({
         );
       }) })
     ] }),
-    efficiencyAnomalies.length > 0 && /* @__PURE__ */ jsxs32(Box21, { style: neutralCardStyle, children: [
-      /* @__PURE__ */ jsx44(
-        Box21,
+    efficiencyAnomalies.length > 0 && /* @__PURE__ */ jsxs31(Box20, { style: neutralCardStyle, children: [
+      /* @__PURE__ */ jsx43(
+        Box20,
         {
           padding: 4,
           style: { borderBottom: "1px solid var(--card-border-color)" },
-          children: /* @__PURE__ */ jsxs32(Stack27, { space: 2, children: [
-            /* @__PURE__ */ jsxs32(Flex25, { align: "center", gap: 2, children: [
-              /* @__PURE__ */ jsx44(BoltIcon2, { style: { color: "#fbbf24" } }),
-              /* @__PURE__ */ jsx44(Text33, { size: 2, weight: "medium", children: "Efficiency Anomalies (>100%)" }),
-              /* @__PURE__ */ jsx44(InfoTip, { text: GLOSSARY.efficiencyAnomalies })
+          children: /* @__PURE__ */ jsxs31(Stack26, { space: 2, children: [
+            /* @__PURE__ */ jsxs31(Flex24, { align: "center", gap: 2, children: [
+              /* @__PURE__ */ jsx43(BoltIcon, { style: { color: "#fbbf24" } }),
+              /* @__PURE__ */ jsx43(Text32, { size: 2, weight: "medium", children: "Efficiency Anomalies (>100%)" }),
+              /* @__PURE__ */ jsx43(InfoTip, { text: GLOSSARY.efficiencyAnomalies })
             ] }),
-            /* @__PURE__ */ jsx44(Text33, { muted: true, size: 2, children: "Agent outperforms injected docs \u2014 may indicate doc quality issues or agent memorization." })
+            /* @__PURE__ */ jsx43(Text32, { muted: true, size: 2, children: "Agent outperforms injected docs \u2014 may indicate doc quality issues or agent memorization." })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx44(Stack27, { children: efficiencyAnomalies.map((area, i) => /* @__PURE__ */ jsxs32(
-        Flex25,
+      /* @__PURE__ */ jsx43(Stack26, { children: efficiencyAnomalies.map((area, i) => /* @__PURE__ */ jsxs31(
+        Flex24,
         {
           align: "center",
           justify: "space-between",
           padding: 4,
           style: i > 0 ? dividerStyle : void 0,
           children: [
-            /* @__PURE__ */ jsx44(Text33, { size: 2, children: area.feature }),
-            /* @__PURE__ */ jsx44(
+            /* @__PURE__ */ jsx43(Text32, { size: 2, children: area.feature }),
+            /* @__PURE__ */ jsx43(
               "span",
               {
                 style: {
@@ -9043,12 +9270,12 @@ var tipArea = {
   fontWeight: 600
 };
 function dimTip(area, dim, score, description) {
-  return /* @__PURE__ */ jsxs32(Text33, { size: 2, style: { lineHeight: 1.5 }, children: [
-    /* @__PURE__ */ jsx44("span", { style: tipArea, children: area }),
+  return /* @__PURE__ */ jsxs31(Text32, { size: 2, style: { lineHeight: 1.5 }, children: [
+    /* @__PURE__ */ jsx43("span", { style: tipArea, children: area }),
     " scores",
     " ",
-    /* @__PURE__ */ jsx44("span", { style: tipValue, children: score }),
-    /* @__PURE__ */ jsx44("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
+    /* @__PURE__ */ jsx43("span", { style: tipValue, children: score }),
+    /* @__PURE__ */ jsx43("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
     " on",
     " ",
     dim.toLowerCase(),
@@ -9077,7 +9304,7 @@ function getDimensionWeaknesses(area) {
 }
 
 // src/components/report-detail/ReportDetail.tsx
-import { jsx as jsx45, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs32 } from "react/jsx-runtime";
 var OVERVIEW_TAB = { id: "overview", label: "Overview" };
 var DIAGNOSTICS_TAB = { id: "diagnostics", label: "Diagnostics" };
 var ACTIVITY_TAB = { id: "activity", label: "Agent Activity" };
@@ -9094,8 +9321,8 @@ function ReportDetail({
   subTab
 }) {
   const client = useClient10({ apiVersion: API_VERSION });
-  const [loading, setLoading] = useState19(true);
-  const [report, setReport] = useState19(null);
+  const [loading, setLoading] = useState20(true);
+  const [report, setReport] = useState20(null);
   useEffect9(() => {
     let cancelled = false;
     setLoading(true);
@@ -9111,9 +9338,14 @@ function ReportDetail({
       cancelled = true;
     };
   }, [client, reportId]);
+  const artifactCache = useArtifactCache(
+    reportId,
+    report?.summary?.artifacts?.testOutputs,
+    client
+  );
   const { summary } = report ?? {};
   const hasWeaknesses = Boolean(
-    summary?.recommendations && summary.recommendations.gaps.length > 0 || summary?.lowScoringJudgments && summary.lowScoringJudgments.length > 0
+    summary?.lowScoringJudgments && summary.lowScoringJudgments.length > 0
   );
   const hasDiagnostics = Boolean(
     summary?.scores && summary.scores.length > 0 || hasWeaknesses
@@ -9136,18 +9368,18 @@ function ReportDetail({
     if (disabledTabs.has(parsed)) return "overview";
     return tabs.some((t) => t.id === parsed) ? parsed : "overview";
   }, [activeTab, disabledTabs, tabs]);
-  const handleTabClick = useCallback25(
+  const handleTabClick = useCallback26(
     (tabId) => {
       onTabChange(tabId === "overview" ? null : tabId, null, null);
     },
     [onTabChange]
   );
   if (loading) {
-    return /* @__PURE__ */ jsx45(LoadingState, { message: "Loading report\u2026" });
+    return /* @__PURE__ */ jsx44(LoadingState, { message: "Loading report\u2026" });
   }
   if (!report || !summary) {
-    return /* @__PURE__ */ jsx45(Box22, { padding: 5, children: /* @__PURE__ */ jsxs33(Stack28, { space: 4, children: [
-      /* @__PURE__ */ jsx45(
+    return /* @__PURE__ */ jsx44(Box21, { padding: 5, children: /* @__PURE__ */ jsxs32(Stack27, { space: 4, children: [
+      /* @__PURE__ */ jsx44(
         Button8,
         {
           icon: ArrowLeftIcon3,
@@ -9156,13 +9388,13 @@ function ReportDetail({
           text: "Back"
         }
       ),
-      /* @__PURE__ */ jsx45(Text34, { align: "center", muted: true, size: 3, children: "Report not found" })
+      /* @__PURE__ */ jsx44(Text33, { 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__ */ jsx45(Box22, { padding: 4, children: /* @__PURE__ */ jsxs33(Stack28, { space: 5, children: [
-    /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx44(Box21, { padding: 4, children: /* @__PURE__ */ jsxs32(Stack27, { space: 5, children: [
+    /* @__PURE__ */ jsx44(
       ReportHeader,
       {
         completedAt: report.completedAt,
@@ -9171,11 +9403,11 @@ function ReportDetail({
         title: report.title
       }
     ),
-    /* @__PURE__ */ jsxs33(Flex26, { align: "center", gap: 2, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx45(TabList, { space: 1, children: tabs.map((tab) => {
+    /* @__PURE__ */ jsxs32(Flex25, { align: "center", gap: 2, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx44(TabList, { space: 1, children: tabs.map((tab) => {
         const isDisabled = disabledTabs.has(tab.id);
         const tooltip = getDisabledTabTooltip(tab.id, summary);
-        const tabElement = /* @__PURE__ */ jsx45(
+        const tabElement = /* @__PURE__ */ jsx44(
           Tab,
           {
             "aria-controls": `panel-${tab.id}`,
@@ -9186,27 +9418,27 @@ function ReportDetail({
             selected: currentTab === tab.id
           }
         );
-        return isDisabled && tooltip ? /* @__PURE__ */ jsx45(
+        return isDisabled && tooltip ? /* @__PURE__ */ jsx44(
           Tooltip8,
           {
-            content: /* @__PURE__ */ jsx45(Box22, { padding: 2, style: { maxWidth: 280 }, children: tooltip }),
+            content: /* @__PURE__ */ jsx44(Box21, { padding: 2, style: { maxWidth: 280 }, children: tooltip }),
             placement: "bottom",
             portal: true,
-            children: /* @__PURE__ */ jsx45("span", { style: { display: "inline-block" }, children: tabElement })
+            children: /* @__PURE__ */ jsx44("span", { style: { display: "inline-block" }, children: tabElement })
           },
           tab.id
-        ) : /* @__PURE__ */ jsx45("span", { children: tabElement }, tab.id);
+        ) : /* @__PURE__ */ jsx44("span", { children: tabElement }, tab.id);
       }) }),
-      /* @__PURE__ */ jsxs33(Flex26, { align: "center", gap: 2, style: { marginLeft: "auto" }, children: [
-        /* @__PURE__ */ jsx45(
+      /* @__PURE__ */ jsxs32(Flex25, { align: "center", gap: 2, style: { marginLeft: "auto" }, children: [
+        /* @__PURE__ */ jsx44(
           HoverTip,
           {
             text: SOURCE_TIP[provenance.source.name] ?? GLOSSARY.reportMode,
-            children: /* @__PURE__ */ jsx45(Badge7, { mode: "outline", tone: "default", children: provenance.source.name })
+            children: /* @__PURE__ */ jsx44(Badge7, { mode: "outline", tone: "default", children: provenance.source.name })
           }
         ),
-        /* @__PURE__ */ jsx45(HoverTip, { text: MODE_TIP2[provenance.mode] ?? GLOSSARY.reportMode, children: /* @__PURE__ */ jsx45(Badge7, { tone: "primary", children: provenance.mode }) }),
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx44(HoverTip, { text: MODE_TIP2[provenance.mode] ?? GLOSSARY.reportMode, children: /* @__PURE__ */ jsx44(Badge7, { tone: "primary", children: provenance.mode }) }),
+        /* @__PURE__ */ jsx44(
           ReportActions,
           {
             documentId: report._id,
@@ -9217,14 +9449,14 @@ function ReportDetail({
         )
       ] })
     ] }),
-    currentTab === "overview" && /* @__PURE__ */ jsx45(
+    currentTab === "overview" && /* @__PURE__ */ jsx44(
       TabPanel,
       {
         "aria-labelledby": "tab-overview",
         hidden: currentTab !== "overview",
         id: "panel-overview",
-        children: /* @__PURE__ */ jsxs33(Stack28, { space: 5, children: [
-          /* @__PURE__ */ jsx45(
+        children: /* @__PURE__ */ jsxs32(Stack27, { space: 5, children: [
+          /* @__PURE__ */ jsx44(
             DiagnosticsOverview,
             {
               comparison,
@@ -9235,32 +9467,33 @@ function ReportDetail({
               totalTests
             }
           ),
-          /* @__PURE__ */ jsx45(LineageCard, { provenance, reportId: report.reportId }),
-          /* @__PURE__ */ jsx45(ProvenanceCard, { provenance })
+          /* @__PURE__ */ jsx44(LineageCard, { provenance, reportId: report.reportId }),
+          /* @__PURE__ */ jsx44(ProvenanceCard, { provenance })
         ] })
       }
     ),
-    currentTab === "diagnostics" && hasDiagnostics && /* @__PURE__ */ jsx45(
+    currentTab === "diagnostics" && hasDiagnostics && /* @__PURE__ */ jsx44(
       DiagnosticsPanel,
       {
+        artifactCache,
         comparison,
         focus,
         judgments: summary.lowScoringJudgments,
         mode: provenance.mode,
         onNavigate: (newSubTab, newFocus) => onTabChange("diagnostics", newSubTab, newFocus),
         perModel: summary.perModel,
-        recommendations: summary.recommendations,
         scores: summary.scores,
-        subTab
+        subTab,
+        testResults: summary.testResults
       }
     ),
-    currentTab === "activity" && hasAgentActivity && /* @__PURE__ */ jsx45(
+    currentTab === "activity" && hasAgentActivity && /* @__PURE__ */ jsx44(
       TabPanel,
       {
         "aria-labelledby": "tab-activity",
         hidden: currentTab !== "activity",
         id: "panel-activity",
-        children: /* @__PURE__ */ jsx45(
+        children: /* @__PURE__ */ jsx44(
           AgentActivitySection,
           {
             agentBehavior: summary.agentBehavior,
@@ -9280,23 +9513,24 @@ var DIAG_TABS = [
   { id: "issues", label: "Issues" }
 ];
 function DiagnosticsPanel({
+  artifactCache,
   comparison,
   focus,
   judgments,
   mode,
   onNavigate,
   perModel,
-  recommendations,
   scores,
-  subTab: subTabParam
+  subTab: subTabParam,
+  testResults
 }) {
   const subTab = parseDiagSubTab(subTabParam);
   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__ */ jsx45(TabPanel, { "aria-labelledby": "tab-diagnostics", id: "panel-diagnostics", children: /* @__PURE__ */ jsxs33(Stack28, { space: 4, children: [
-    /* @__PURE__ */ jsx45(
-      Flex26,
+  return /* @__PURE__ */ jsx44(TabPanel, { "aria-labelledby": "tab-diagnostics", id: "panel-diagnostics", children: /* @__PURE__ */ jsxs32(Stack27, { space: 4, children: [
+    /* @__PURE__ */ jsx44(
+      Flex25,
       {
         align: "center",
         gap: 1,
@@ -9305,7 +9539,7 @@ function DiagnosticsPanel({
           paddingBottom: 8
         },
         wrap: "wrap",
-        children: DIAG_TABS.map((tab) => /* @__PURE__ */ jsxs33(
+        children: DIAG_TABS.map((tab) => /* @__PURE__ */ jsxs32(
           "button",
           {
             onClick: () => onNavigate(tab.id === "strengths" ? null : tab.id, null),
@@ -9325,7 +9559,7 @@ function DiagnosticsPanel({
             type: "button",
             children: [
               tab.label,
-              tab.id === "issues" && issueCount > 0 && /* @__PURE__ */ jsx45(
+              tab.id === "issues" && issueCount > 0 && /* @__PURE__ */ jsx44(
                 "span",
                 {
                   style: {
@@ -9345,7 +9579,7 @@ function DiagnosticsPanel({
         ))
       }
     ),
-    subTab === "strengths" && /* @__PURE__ */ jsx45(
+    subTab === "strengths" && /* @__PURE__ */ jsx44(
       StrengthsList,
       {
         comparison,
@@ -9354,8 +9588,8 @@ function DiagnosticsPanel({
         scores
       }
     ),
-    subTab === "issues" && /* @__PURE__ */ jsxs33(Stack28, { space: 5, children: [
-      /* @__PURE__ */ jsx45(
+    subTab === "issues" && /* @__PURE__ */ jsxs32(Stack27, { space: 5, children: [
+      /* @__PURE__ */ jsx44(
         WeaknessesList,
         {
           comparison,
@@ -9364,13 +9598,14 @@ function DiagnosticsPanel({
           scores
         }
       ),
-      recommendations && recommendations.gaps.length > 0 && /* @__PURE__ */ jsx45(RecommendationsSection, { recommendations }),
-      judgments && judgments.length > 0 && /* @__PURE__ */ jsx45(
+      judgments && judgments.length > 0 && /* @__PURE__ */ jsx44(
         JudgmentList,
         {
+          artifactCache,
           focus,
           judgments,
-          onFocusChange: (slug) => onNavigate("issues", slug)
+          onFocusChange: (slug) => onNavigate("issues", slug),
+          testResults
         }
       )
     ] })
@@ -9399,17 +9634,17 @@ function getDisabledTabTooltip(tabId, summary) {
   if (!summary) return null;
   switch (tabId) {
     case "diagnostics":
-      return /* @__PURE__ */ jsx45(Text34, { muted: true, size: 2, children: "No diagnostic data available. Diagnostics require at least one scored feature area." });
+      return /* @__PURE__ */ jsx44(Text33, { muted: true, size: 2, children: "No diagnostic data available. Diagnostics require at least one scored feature area." });
     case "activity":
-      return summary.evaluationMode === "baseline" ? /* @__PURE__ */ jsxs33(Text34, { muted: true, size: 2, children: [
+      return summary.evaluationMode === "baseline" ? /* @__PURE__ */ jsxs32(Text33, { muted: true, size: 2, children: [
         "Not available for baseline-only evaluations. Run with",
         " ",
-        /* @__PURE__ */ jsx45("code", { style: inlineCodeStyle, children: "--mode full" }),
+        /* @__PURE__ */ jsx44("code", { style: inlineCodeStyle, children: "--mode full" }),
         " or",
         " ",
-        /* @__PURE__ */ jsx45("code", { style: inlineCodeStyle, children: "--mode agentic" }),
+        /* @__PURE__ */ jsx44("code", { style: inlineCodeStyle, children: "--mode agentic" }),
         " to capture agent browsing behavior."
-      ] }) : /* @__PURE__ */ jsx45(Text34, { muted: true, size: 2, children: "No agent activity data was recorded for this evaluation." });
+      ] }) : /* @__PURE__ */ jsx44(Text33, { muted: true, size: 2, children: "No agent activity data was recorded for this evaluation." });
     default:
       return null;
   }
@@ -9417,12 +9652,12 @@ function getDisabledTabTooltip(tabId, summary) {
 
 // src/components/report-detail/AreaScoreRow.tsx
 import { WarningOutlineIcon as WarningOutlineIcon4 } from "@sanity/icons";
-import { Box as Box23, Flex as Flex27, Stack as Stack29, Text as Text35 } from "@sanity/ui";
-import { jsx as jsx46, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Box as Box22, Flex as Flex26, Stack as Stack28, Text as Text34 } from "@sanity/ui";
+import { jsx as jsx45, jsxs as jsxs33 } from "react/jsx-runtime";
 
 // src/components/report-detail/AreaScoreTable.tsx
 import React4 from "react";
-import { Card as Card17, Stack as Stack30, Text as Text37 } from "@sanity/ui";
+import { Card as Card17, Stack as Stack29, Text as Text36 } from "@sanity/ui";
 
 // src/lib/scoring.ts
 var HEX_MAP = {
@@ -9439,18 +9674,23 @@ function scoreHex(score) {
 }
 
 // src/components/primitives/ScoreCell.tsx
-import { Card as Card16, Text as Text36 } from "@sanity/ui";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { Card as Card16, Text as Text35 } from "@sanity/ui";
+import { jsx as jsx46 } from "react/jsx-runtime";
 
 // src/components/report-detail/AreaScoreTable.tsx
-import { jsx as jsx48, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs34 } from "react/jsx-runtime";
 
 // src/components/report-detail/ComparisonSummary.tsx
-import { Badge as Badge8, Box as Box24, Card as Card18, Flex as Flex28, Grid as Grid4, Stack as Stack31, Text as Text38, Tooltip as Tooltip9 } from "@sanity/ui";
-import { jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Badge as Badge8, Box as Box23, Card as Card18, Flex as Flex27, Grid as Grid4, Stack as Stack30, Text as Text37, Tooltip as Tooltip9 } from "@sanity/ui";
+import { jsx as jsx48, jsxs as jsxs35 } from "react/jsx-runtime";
 
 // src/components/report-detail/OverviewStats.tsx
 import { Grid as Grid5 } from "@sanity/ui";
+import { jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
+
+// src/components/report-detail/RecommendationsSection.tsx
+import { BoltIcon as BoltIcon2 } from "@sanity/icons";
+import { Box as Box24, Flex as Flex28, Stack as Stack31, Text as Text38 } from "@sanity/ui";
 import { jsx as jsx50, jsxs as jsxs37 } from "react/jsx-runtime";
 
 // src/components/report-detail/ThreeLayerTable.tsx
@@ -9460,7 +9700,7 @@ import { jsx as jsx51, jsxs as jsxs38 } from "react/jsx-runtime";
 
 // src/components/ScoreTimeline.tsx
 import { Card as Card20, Flex as Flex30, Select as Select2, Stack as Stack33, Text as Text40 } from "@sanity/ui";
-import { useCallback as useCallback26, useEffect as useEffect10, useMemo as useMemo10, useState as useState20 } from "react";
+import { useCallback as useCallback27, useEffect as useEffect10, useMemo as useMemo10, useState as useState21 } from "react";
 import { useClient as useClient11 } from "sanity";
 import { jsx as jsx52, jsxs as jsxs39 } from "react/jsx-runtime";
 var CHART_HEIGHT = 220;
@@ -9497,10 +9737,10 @@ function scoreForPoint(point, area) {
 }
 function ScoreTimeline({ mode = null, source = null }) {
   const client = useClient11({ apiVersion: API_VERSION });
-  const [dataPoints, setDataPoints] = useState20([]);
-  const [loading, setLoading] = useState20(true);
-  const [rangeDays, setRangeDays] = useState20(30);
-  const [selectedArea, setSelectedArea] = useState20(null);
+  const [dataPoints, setDataPoints] = useState21([]);
+  const [loading, setLoading] = useState21(true);
+  const [rangeDays, setRangeDays] = useState21(30);
+  const [selectedArea, setSelectedArea] = useState21(null);
   const areaNames = useMemo10(() => {
     const names = /* @__PURE__ */ new Set();
     for (const dp of dataPoints) {
@@ -9510,7 +9750,7 @@ function ScoreTimeline({ mode = null, source = null }) {
     }
     return Array.from(names).sort();
   }, [dataPoints]);
-  const fetchData = useCallback26(async () => {
+  const fetchData = useCallback27(async () => {
     setLoading(true);
     try {
       const startDate = rangeDays ? daysAgo(rangeDays) : "1970-01-01T00:00:00Z";
@@ -9546,14 +9786,14 @@ function ScoreTimeline({ mode = null, source = null }) {
     if (chartPoints.length === 0) return 0;
     return chartPoints.reduce((sum, p) => sum + p.score, 0) / chartPoints.length;
   }, [chartPoints]);
-  const handleRangeChange = useCallback26(
+  const handleRangeChange = useCallback27(
     (e) => {
       const val = e.currentTarget.value;
       setRangeDays(val === "all" ? null : Number(val));
     },
     []
   );
-  const handleAreaChange = useCallback26(
+  const handleAreaChange = useCallback27(
     (e) => {
       const val = e.currentTarget.value;
       setSelectedArea(val || null);
@@ -9699,7 +9939,7 @@ function DashboardContent() {
   const isDetail = reportId !== null;
   const activeTab = isDetail ? "latest" : VIEW_PARAM_MAP[routerState.view ?? ""] ?? "latest";
   const defaultTopic = deriveHelpTopic(routerState);
-  const navigateToTab = useCallback27(
+  const navigateToTab = useCallback28(
     (tab) => {
       if (tab === "latest") {
         router.navigate({});
@@ -9709,13 +9949,13 @@ function DashboardContent() {
     },
     [router]
   );
-  const handleSelectReport = useCallback27(
+  const handleSelectReport = useCallback28(
     (id) => {
       router.navigate({ reportId: id });
     },
     [router]
   );
-  const handleTabChange = useCallback27(
+  const handleTabChange = useCallback28(
     (tab, subTab, focus) => {
       if (!routerState.reportId) return;
       const state = {
@@ -9728,10 +9968,10 @@ function DashboardContent() {
     },
     [router, routerState.reportId]
   );
-  const handleBack = useCallback27(() => {
+  const handleBack = useCallback28(() => {
     router.navigate({});
   }, [router]);
-  const handleOpenHelp = useCallback27(() => {
+  const handleOpenHelp = useCallback28(() => {
     openHelp(defaultTopic);
   }, [openHelp, defaultTopic]);
   return /* @__PURE__ */ jsx53(Container, { width: 4, children: /* @__PURE__ */ jsxs40(Stack34, { padding: 4, space: 4, children: [
@@ -9822,7 +10062,7 @@ function ailfTool(options = {}) {
 // src/actions/RunEvaluationAction.tsx
 import { BarChartIcon as BarChartIcon2 } from "@sanity/icons";
 import { useToast as useToast10 } from "@sanity/ui";
-import { useCallback as useCallback28, useEffect as useEffect11, useRef as useRef6, useState as useState21 } from "react";
+import { useCallback as useCallback29, useEffect as useEffect11, useRef as useRef7, useState as useState22 } from "react";
 import {
   getReleaseIdFromReleaseDocumentId as getReleaseIdFromReleaseDocumentId3,
   useClient as useClient12,
@@ -9853,8 +10093,8 @@ function createRunEvaluationAction(options = {}) {
     const projectId = useProjectId2();
     const currentUser = useCurrentUser4();
     const toast = useToast10();
-    const [state, setState] = useState21({ status: "loading" });
-    const requestedAtRef = useRef6(null);
+    const [state, setState] = useState22({ status: "loading" });
+    const requestedAtRef = useRef7(null);
     const perspectiveId = getReleaseIdFromReleaseDocumentId3(release._id);
     useEffect11(() => {
       let cancelled = false;
@@ -9949,7 +10189,7 @@ function createRunEvaluationAction(options = {}) {
       }, 15e3);
       return () => clearTimeout(timer);
     }, [client, perspectiveId, state]);
-    const handleRequest = useCallback28(async () => {
+    const handleRequest = useCallback29(async () => {
       const releaseTitle = release.metadata?.title ?? perspectiveId ?? "release";
       const tag = `release-${slugify3(releaseTitle)}-${dateStamp3()}`;
       const now = Date.now();