@sanity/ailf-studio 1.7.2 → 1.8.1

package/dist/index.js

@@ -100,6 +100,24 @@ import {
   useProjectId
 } from "sanity";
 
+// ../shared/dist/feature-flags.js
+var FEATURE_FLAGS = {
+  showFailureModes: {
+    enabled: false,
+    rationale: 'Current classification is too broad (majority "Unclassified") to be actionable in the diagnostics view.',
+    reEnableWhen: "Failure taxonomy is refined so non-Unclassified buckets carry meaningful signal.",
+    relatedWorkItem: "W0037-detect-model-output-failures",
+    addedAt: "2026-04-22"
+  },
+  showRegressedSinceLastRun: {
+    enabled: false,
+    rationale: "Bare list of regressed area names lacks explanatory context for why each regressed.",
+    reEnableWhen: "Per-area regression attribution can be surfaced alongside the list.",
+    relatedWorkItem: null,
+    addedAt: "2026-04-22"
+  }
+};
+
 // ../shared/dist/score-grades.js
 var GRADE_BOUNDARIES = {
   good: 80,
@@ -1696,11 +1714,6 @@ var reportSchema = defineType4({
               name: "graderPrompts",
               title: "Grader Prompts"
             }),
-            defineField4({
-              ...artifactRefSchema(),
-              name: "taskDefinitions",
-              title: "Task Definitions"
-            }),
             defineField4({
               ...artifactRefSchema(),
               name: "traces",
@@ -3270,17 +3283,17 @@ import { route } from "sanity/router";
 // src/components/Dashboard.tsx
 import { HelpCircleIcon as HelpCircleIcon8 } from "@sanity/icons";
 import {
-  Box as Box29,
+  Box as Box31,
   Button as Button10,
   Container,
-  Flex as Flex34,
-  Stack as Stack36,
+  Flex as Flex36,
+  Stack as Stack38,
   Tab as Tab3,
   TabList as TabList3,
   TabPanel as TabPanel3,
-  Text as Text46
+  Text as Text48
 } from "@sanity/ui";
-import { useCallback as useCallback36, useEffect as useEffect15 } from "react";
+import { useCallback as useCallback36, useEffect as useEffect16 } from "react";
 import { useRouter as useRouter3 } from "sanity/router";
 
 // src/lib/help-context.ts
@@ -6050,22 +6063,22 @@ function LatestReports({
 // src/components/report-detail/ReportDetail.tsx
 import { ArrowLeftIcon as ArrowLeftIcon3 } from "@sanity/icons";
 import {
-  Badge as Badge7,
-  Box as Box23,
-  Button as Button7,
-  Flex as Flex27,
-  Stack as Stack28,
+  Badge as Badge8,
+  Box as Box26,
+  Button as Button8,
+  Flex as Flex29,
+  Stack as Stack30,
   Tab,
   TabList,
   TabPanel,
-  Text as Text36,
-  Tooltip as Tooltip9
+  Text as Text39,
+  Tooltip as Tooltip10
 } from "@sanity/ui";
 import {
-  useCallback as useCallback32,
-  useEffect as useEffect10,
+  useCallback as useCallback33,
+  useEffect as useEffect12,
   useMemo as useMemo15,
-  useState as useState22
+  useState as useState23
 } from "react";
 import { useClient as useClient10 } from "sanity";
 
@@ -6604,14 +6617,7 @@ function GlossaryTip({ text }) {
   );
 }
 
-// src/components/report-detail/DiagnosticsOverview.tsx
-import {
-  ArrowDownIcon,
-  ArrowUpIcon,
-  CheckmarkCircleIcon,
-  ErrorOutlineIcon,
-  WarningOutlineIcon
-} from "@sanity/icons";
+// src/components/report-detail/CostLatencyPanel.tsx
 import { Box as Box15, Flex as Flex14, Stack as Stack18, Text as Text23 } from "@sanity/ui";
 
 // src/components/report-detail/diagnostics-styles.ts
@@ -6720,8 +6726,271 @@ function sentimentTextColor(sentiment) {
   return COLORS[sentimentColorKey(sentiment)].text;
 }
 
+// src/components/report-detail/CostLatencyPanel.tsx
+import { Fragment as Fragment8, jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+function median(values) {
+  if (values.length === 0) return null;
+  const sorted = values.slice().sort((a, b) => a - b);
+  const mid = sorted.length >>> 1;
+  return sorted.length % 2 === 0 ? Math.round((sorted[mid - 1] + sorted[mid]) / 2) : sorted[mid];
+}
+function rollup(testResults) {
+  let totalCost = 0;
+  let totalTokens = 0;
+  let passed = 0;
+  let failed = 0;
+  const latencies = [];
+  const byModel = /* @__PURE__ */ new Map();
+  for (const t of testResults) {
+    if (typeof t.cost === "number") totalCost += t.cost;
+    if (typeof t.tokenUsage?.total === "number") {
+      totalTokens += t.tokenUsage.total;
+    }
+    if (typeof t.latencyMs === "number") latencies.push(t.latencyMs);
+    if (t.outputFailure) failed++;
+    else passed++;
+    const m = byModel.get(t.modelId) ?? {
+      modelId: t.modelId,
+      calls: 0,
+      cost: 0,
+      tokens: 0,
+      passed: 0
+    };
+    m.calls++;
+    if (typeof t.cost === "number") m.cost += t.cost;
+    if (typeof t.tokenUsage?.total === "number") m.tokens += t.tokenUsage.total;
+    if (!t.outputFailure) m.passed++;
+    byModel.set(t.modelId, m);
+  }
+  return {
+    totalCost,
+    totalTokens,
+    passed,
+    failed,
+    medianLatencyMs: median(latencies),
+    perModel: [...byModel.values()].sort((a, b) => b.cost - a.cost)
+  };
+}
+function aggregateRawResultsPreviews(entries) {
+  let totalCost = 0;
+  let totalTokens = 0;
+  const totalLatencies = [];
+  let hadCost = false;
+  let hadTokens = false;
+  let hadLatency = false;
+  const perModelTokens = /* @__PURE__ */ new Map();
+  for (const entry of entries) {
+    const p = entry.preview;
+    if (!p) continue;
+    if (typeof p.cost === "number") {
+      totalCost += p.cost;
+      hadCost = true;
+    }
+    if (typeof p.totalTokens === "number") {
+      totalTokens += p.totalTokens;
+      hadTokens = true;
+      const modelId = entry.association?.model;
+      if (typeof modelId === "string") {
+        perModelTokens.set(
+          modelId,
+          (perModelTokens.get(modelId) ?? 0) + p.totalTokens
+        );
+      }
+    }
+    if (typeof p.latencyMs === "number") {
+      totalLatencies.push(p.latencyMs);
+      hadLatency = true;
+    }
+  }
+  return {
+    totalCost,
+    totalTokens,
+    totalLatencies,
+    hadCost,
+    hadTokens,
+    hadLatency,
+    perModelTokens
+  };
+}
+function formatUsd(n) {
+  if (n === 0) return "$0.00";
+  if (n < 0.01) return `$${n.toFixed(4)}`;
+  return `$${n.toFixed(2)}`;
+}
+function formatTokens(n) {
+  if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
+  if (n >= 1e3) return `${(n / 1e3).toFixed(1)}k`;
+  return String(n);
+}
+function formatLatency(ms) {
+  if (ms === null) return "\u2014";
+  if (ms >= 1e4) return `${(ms / 1e3).toFixed(1)}s`;
+  if (ms >= 1e3) return `${(ms / 1e3).toFixed(2)}s`;
+  return `${ms} ms`;
+}
+function shortModelId(id) {
+  const colon = id.lastIndexOf(":");
+  return colon >= 0 ? id.slice(colon + 1) : id;
+}
+function CostLatencyPanel({ testResults }) {
+  const rawResultsRef = useArtifactRef("rawResults");
+  if (!testResults || testResults.length === 0) return null;
+  const hasAnyCost = testResults.some((t) => typeof t.cost === "number");
+  const hasAnyLatency = testResults.some((t) => typeof t.latencyMs === "number");
+  if (!hasAnyCost && !hasAnyLatency) return null;
+  const r = rollup(testResults);
+  const totalCalls = r.passed + r.failed;
+  const passRate = totalCalls > 0 ? Math.round(r.passed / totalCalls * 100) : 0;
+  const manifestAgg = aggregateRawResultsPreviews(rawResultsRef?.entries ?? []);
+  const totalTokens = r.totalTokens === 0 && manifestAgg.hadTokens ? manifestAgg.totalTokens : r.totalTokens;
+  const totalCost = r.totalCost === 0 && manifestAgg.hadCost ? manifestAgg.totalCost : r.totalCost;
+  const medianLatencyMs = r.medianLatencyMs === null && manifestAgg.hadLatency ? median(manifestAgg.totalLatencies) : r.medianLatencyMs;
+  const perModel = r.perModel.map((m) => {
+    if (m.tokens > 0) return m;
+    const fallback = manifestAgg.perModelTokens.get(m.modelId);
+    return fallback === void 0 ? m : { ...m, tokens: fallback };
+  });
+  return /* @__PURE__ */ jsx27(Box15, { style: { ...neutralCardStyle, padding: "16px 20px" }, children: /* @__PURE__ */ jsxs21(Stack18, { space: 4, children: [
+    /* @__PURE__ */ jsxs21(Flex14, { align: "baseline", gap: 2, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx27(Text23, { size: 2, weight: "semibold", children: "Cost & Latency" }),
+      /* @__PURE__ */ jsxs21(Text23, { muted: true, size: 1, children: [
+        totalCalls,
+        " call",
+        totalCalls === 1 ? "" : "s"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs21(Flex14, { gap: 4, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx27(Stat, { label: "Total cost", value: formatUsd(totalCost) }),
+      /* @__PURE__ */ jsx27(Stat, { label: "Total tokens", value: formatTokens(totalTokens) }),
+      /* @__PURE__ */ jsx27(Stat, { label: "Pass rate", value: `${passRate}%` }),
+      /* @__PURE__ */ jsx27(Stat, { label: "Median latency", value: formatLatency(medianLatencyMs) })
+    ] }),
+    perModel.length > 1 && /* @__PURE__ */ jsxs21(Fragment8, { children: [
+      /* @__PURE__ */ jsx27(Box15, { style: dividerStyle }),
+      /* @__PURE__ */ jsxs21(Stack18, { space: 2, children: [
+        /* @__PURE__ */ jsx27(
+          Text23,
+          {
+            muted: true,
+            size: 1,
+            style: {
+              letterSpacing: "0.05em",
+              textTransform: "uppercase"
+            },
+            weight: "semibold",
+            children: "By model"
+          }
+        ),
+        /* @__PURE__ */ jsx27(Stack18, { space: 1, children: perModel.map((m) => /* @__PURE__ */ jsx27(ModelRow, { row: m }, m.modelId)) })
+      ] })
+    ] })
+  ] }) });
+}
+function Stat({ label, value }) {
+  return /* @__PURE__ */ jsxs21(Stack18, { space: 1, children: [
+    /* @__PURE__ */ jsx27(Text23, { muted: true, size: 1, children: label }),
+    /* @__PURE__ */ jsx27(
+      Text23,
+      {
+        size: 3,
+        style: {
+          fontFamily: FONT_STACK_MONO2,
+          fontVariantNumeric: "tabular-nums"
+        },
+        weight: "semibold",
+        children: value
+      }
+    )
+  ] });
+}
+function ModelRow({ row }) {
+  const pct = row.calls > 0 ? Math.round(row.passed / row.calls * 100) : 0;
+  return /* @__PURE__ */ jsxs21(Flex14, { align: "center", gap: 3, style: { padding: "2px 0" }, wrap: "wrap", children: [
+    /* @__PURE__ */ jsx27(
+      Text23,
+      {
+        size: 1,
+        style: {
+          fontFamily: FONT_STACK_MONO2,
+          minWidth: 140
+        },
+        weight: "medium",
+        children: shortModelId(row.modelId)
+      }
+    ),
+    /* @__PURE__ */ jsxs21(
+      Text23,
+      {
+        muted: true,
+        size: 1,
+        style: {
+          fontFamily: FONT_STACK_MONO2,
+          fontVariantNumeric: "tabular-nums",
+          minWidth: 80
+        },
+        children: [
+          row.calls,
+          " call",
+          row.calls === 1 ? "" : "s"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx27(
+      Text23,
+      {
+        size: 1,
+        style: {
+          fontFamily: FONT_STACK_MONO2,
+          fontVariantNumeric: "tabular-nums",
+          minWidth: 80
+        },
+        children: formatUsd(row.cost)
+      }
+    ),
+    /* @__PURE__ */ jsxs21(
+      Text23,
+      {
+        muted: true,
+        size: 1,
+        style: {
+          fontFamily: FONT_STACK_MONO2,
+          fontVariantNumeric: "tabular-nums",
+          minWidth: 80
+        },
+        children: [
+          formatTokens(row.tokens),
+          " tok"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs21(
+      Text23,
+      {
+        muted: true,
+        size: 1,
+        style: {
+          fontFamily: FONT_STACK_MONO2,
+          fontVariantNumeric: "tabular-nums"
+        },
+        children: [
+          pct,
+          "% pass"
+        ]
+      }
+    )
+  ] });
+}
+
 // src/components/report-detail/DiagnosticsOverview.tsx
-import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+import {
+  ArrowDownIcon,
+  ArrowUpIcon,
+  CheckmarkCircleIcon,
+  ErrorOutlineIcon,
+  WarningOutlineIcon
+} from "@sanity/icons";
+import { Box as Box16, Flex as Flex15, Stack as Stack19, Text as Text24 } from "@sanity/ui";
+import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
 function DiagnosticsOverview({
   scores,
   overall,
@@ -6743,11 +7012,11 @@ function DiagnosticsOverview({
   const regressed = comparison?.regressed ?? [];
   const unchanged = comparison?.unchanged ?? [];
   const hasComparison = improved.length > 0 || regressed.length > 0 || unchanged.length > 0;
-  return /* @__PURE__ */ jsxs21(Stack18, { space: 4, children: [
-    /* @__PURE__ */ jsxs21(Box15, { style: sectionWrapperStyle, children: [
-      /* @__PURE__ */ jsx27(Box15, { padding: 3, style: sectionHeaderStyle, children: /* @__PURE__ */ jsx27(SectionLabel, { label: "Baseline" }) }),
-      /* @__PURE__ */ jsxs21(Stack18, { space: 3, padding: 3, children: [
-        /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(Stack19, { space: 4, children: [
+    /* @__PURE__ */ jsxs22(Box16, { style: sectionWrapperStyle, children: [
+      /* @__PURE__ */ jsx28(Box16, { padding: 3, style: sectionHeaderStyle, children: /* @__PURE__ */ jsx28(SectionLabel, { label: "Baseline" }) }),
+      /* @__PURE__ */ jsxs22(Stack19, { space: 3, padding: 3, children: [
+        /* @__PURE__ */ jsxs22(
           "div",
           {
             style: {
@@ -6756,7 +7025,7 @@ function DiagnosticsOverview({
               gridTemplateColumns: showDocMetrics ? "repeat(3, 1fr)" : "repeat(2, 1fr)"
             },
             children: [
-              /* @__PURE__ */ jsx27(HoverTip, { display: "block", text: GLOSSARY.overallScore, children: /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx28(HoverTip, { display: "block", text: GLOSSARY.overallScore, children: /* @__PURE__ */ jsx28(
                 ScoreCard,
                 {
                   delta: comparison?.deltas.overall,
@@ -6766,7 +7035,7 @@ function DiagnosticsOverview({
                   value: Math.round(overall.avgScore)
                 }
               ) }),
-              showDocMetrics && /* @__PURE__ */ jsx27(HoverTip, { display: "block", text: GLOSSARY.docLift, children: /* @__PURE__ */ jsx27(
+              showDocMetrics && /* @__PURE__ */ jsx28(HoverTip, { display: "block", text: GLOSSARY.docLift, children: /* @__PURE__ */ jsx28(
                 ScoreCard,
                 {
                   delta: comparison?.deltas.docLift,
@@ -6776,7 +7045,7 @@ function DiagnosticsOverview({
                   value: Math.round(overall.avgDocLift)
                 }
               ) }),
-              /* @__PURE__ */ jsx27(HoverTip, { display: "block", text: GLOSSARY.tests, children: /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx28(HoverTip, { display: "block", text: GLOSSARY.tests, children: /* @__PURE__ */ jsx28(
                 ScoreCard,
                 {
                   label: "TESTS",
@@ -6787,7 +7056,7 @@ function DiagnosticsOverview({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs21(
+        /* @__PURE__ */ jsxs22(
           "div",
           {
             style: {
@@ -6796,7 +7065,7 @@ function DiagnosticsOverview({
               gridTemplateColumns: showDocMetrics ? "repeat(2, 1fr)" : "1fr"
             },
             children: [
-              showDocMetrics && /* @__PURE__ */ jsx27(HoverTip, { display: "block", text: GLOSSARY.negativeDocLiftMetric, children: /* @__PURE__ */ jsx27(
+              showDocMetrics && /* @__PURE__ */ jsx28(HoverTip, { display: "block", text: GLOSSARY.negativeDocLiftMetric, children: /* @__PURE__ */ jsx28(
                 MetricCard,
                 {
                   label: "Negative Doc Lift",
@@ -6804,12 +7073,12 @@ function DiagnosticsOverview({
                   value: `${negativeDocLiftCount} area${negativeDocLiftCount === 1 ? "" : "s"}`
                 }
               ) }),
-              durationMs != null && durationMs > 0 ? /* @__PURE__ */ jsx27(
+              durationMs != null && durationMs > 0 ? /* @__PURE__ */ jsx28(
                 HoverTip,
                 {
                   display: "block",
                   text: "Total wall-clock time for the evaluation pipeline run.",
-                  children: /* @__PURE__ */ jsx27(
+                  children: /* @__PURE__ */ jsx28(
                     MetricCard,
                     {
                       label: "Duration",
@@ -6817,15 +7086,15 @@ function DiagnosticsOverview({
                     }
                   )
                 }
-              ) : /* @__PURE__ */ jsx27("div", {})
+              ) : /* @__PURE__ */ jsx28("div", {})
             ]
           }
         )
       ] })
     ] }),
-    hasAgenticData && /* @__PURE__ */ jsxs21(Box15, { style: sectionWrapperStyle, children: [
-      /* @__PURE__ */ jsx27(Box15, { padding: 3, style: sectionHeaderStyle, children: /* @__PURE__ */ jsx27(SectionLabel, { label: "Agent Performance" }) }),
-      /* @__PURE__ */ jsx27(Stack18, { space: 3, padding: 3, children: /* @__PURE__ */ jsxs21(
+    hasAgenticData && /* @__PURE__ */ jsxs22(Box16, { style: sectionWrapperStyle, children: [
+      /* @__PURE__ */ jsx28(Box16, { padding: 3, style: sectionHeaderStyle, children: /* @__PURE__ */ jsx28(SectionLabel, { label: "Agent Performance" }) }),
+      /* @__PURE__ */ jsx28(Stack19, { space: 3, padding: 3, children: /* @__PURE__ */ jsxs22(
         "div",
         {
           style: {
@@ -6834,7 +7103,7 @@ function DiagnosticsOverview({
             gridTemplateColumns: "repeat(3, 1fr)"
           },
           children: [
-            /* @__PURE__ */ jsx27(HoverTip, { display: "block", text: GLOSSARY.actualScore, children: /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx28(HoverTip, { display: "block", text: GLOSSARY.actualScore, children: /* @__PURE__ */ jsx28(
               ScoreCard,
               {
                 delta: comparison?.deltas.actualDelta,
@@ -6844,7 +7113,7 @@ function DiagnosticsOverview({
                 value: Math.round(overall.avgActualScore)
               }
             ) }),
-            /* @__PURE__ */ jsx27(HoverTip, { display: "block", text: GLOSSARY.retrievalGap, children: /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx28(HoverTip, { display: "block", text: GLOSSARY.retrievalGap, children: /* @__PURE__ */ jsx28(
               ScoreCard,
               {
                 label: "RETRIEVAL GAP",
@@ -6854,7 +7123,7 @@ function DiagnosticsOverview({
                 value: overall.avgRetrievalGap != null ? Math.round(overall.avgRetrievalGap) : 0
               }
             ) }),
-            /* @__PURE__ */ jsx27(HoverTip, { display: "block", text: GLOSSARY.infraEfficiency, children: /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx28(HoverTip, { display: "block", text: GLOSSARY.infraEfficiency, children: /* @__PURE__ */ jsx28(
               ScoreCard,
               {
                 label: "EFFICIENCY",
@@ -6868,9 +7137,9 @@ function DiagnosticsOverview({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsxs21(Box15, { style: sectionWrapperStyle, children: [
-      /* @__PURE__ */ jsx27(Box15, { padding: 3, style: sectionHeaderStyle, children: /* @__PURE__ */ jsx27(SectionLabel, { label: "Area Health" }) }),
-      /* @__PURE__ */ jsx27(Box15, { padding: 3, children: /* @__PURE__ */ jsxs21(
+    /* @__PURE__ */ jsxs22(Box16, { style: sectionWrapperStyle, children: [
+      /* @__PURE__ */ jsx28(Box16, { padding: 3, style: sectionHeaderStyle, children: /* @__PURE__ */ jsx28(SectionLabel, { label: "Area Health" }) }),
+      /* @__PURE__ */ jsx28(Box16, { padding: 3, children: /* @__PURE__ */ jsxs22(
         "div",
         {
           style: {
@@ -6879,30 +7148,30 @@ function DiagnosticsOverview({
             gridTemplateColumns: "1fr 1fr 1fr"
           },
           children: [
-            /* @__PURE__ */ jsx27(HoverTip, { display: "block", text: GLOSSARY.healthStrong, children: /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx28(HoverTip, { display: "block", text: GLOSSARY.healthStrong, children: /* @__PURE__ */ jsx28(
               HealthCard,
               {
                 color: strong.length > 0 ? "emerald" : "muted",
                 count: strong.length,
-                icon: /* @__PURE__ */ jsx27(CheckmarkCircleIcon, {}),
+                icon: /* @__PURE__ */ jsx28(CheckmarkCircleIcon, {}),
                 label: "Strong (80+)"
               }
             ) }),
-            /* @__PURE__ */ jsx27(HoverTip, { display: "block", text: GLOSSARY.healthAttention, children: /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx28(HoverTip, { display: "block", text: GLOSSARY.healthAttention, children: /* @__PURE__ */ jsx28(
               HealthCard,
               {
                 color: attention.length === 0 ? "muted" : "amber",
                 count: attention.length,
-                icon: /* @__PURE__ */ jsx27(WarningOutlineIcon, {}),
+                icon: /* @__PURE__ */ jsx28(WarningOutlineIcon, {}),
                 label: "Attention (70-79)"
               }
             ) }),
-            /* @__PURE__ */ jsx27(HoverTip, { display: "block", text: GLOSSARY.healthWeak, children: /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx28(HoverTip, { display: "block", text: GLOSSARY.healthWeak, children: /* @__PURE__ */ jsx28(
               HealthCard,
               {
                 color: weak.length === 0 ? "muted" : "red",
                 count: weak.length,
-                icon: /* @__PURE__ */ jsx27(ErrorOutlineIcon, {}),
+                icon: /* @__PURE__ */ jsx28(ErrorOutlineIcon, {}),
                 label: "Weak (<70)"
               }
             ) })
@@ -6910,16 +7179,16 @@ function DiagnosticsOverview({
         }
       ) })
     ] }),
-    hasComparison && /* @__PURE__ */ jsxs21(Box15, { style: neutralCardStyle, children: [
-      /* @__PURE__ */ jsx27(
-        Box15,
+    hasComparison && /* @__PURE__ */ jsxs22(Box16, { style: neutralCardStyle, children: [
+      /* @__PURE__ */ jsx28(
+        Box16,
         {
           padding: 4,
           style: { borderBottom: "1px solid var(--card-border-color)" },
-          children: /* @__PURE__ */ jsx27(Text23, { size: 3, weight: "semibold", children: "Change from Previous Run" })
+          children: /* @__PURE__ */ jsx28(Text24, { size: 3, weight: "semibold", children: "Change from Previous Run" })
         }
       ),
-      /* @__PURE__ */ jsxs21(
+      /* @__PURE__ */ jsxs22(
         "div",
         {
           style: {
@@ -6927,43 +7196,43 @@ function DiagnosticsOverview({
             gridTemplateColumns: "1fr 1fr 1fr"
           },
           children: [
-            /* @__PURE__ */ jsx27(Box15, { padding: 4, children: /* @__PURE__ */ jsxs21(Stack18, { space: 3, children: [
-              /* @__PURE__ */ jsxs21(Flex14, { align: "center", gap: 2, children: [
-                /* @__PURE__ */ jsx27(ArrowUpIcon, { style: { color: "#34d399" } }),
-                /* @__PURE__ */ jsxs21(Text23, { size: 2, style: { color: "#34d399" }, weight: "medium", children: [
+            /* @__PURE__ */ jsx28(Box16, { padding: 4, children: /* @__PURE__ */ jsxs22(Stack19, { space: 3, children: [
+              /* @__PURE__ */ jsxs22(Flex15, { align: "center", gap: 2, children: [
+                /* @__PURE__ */ jsx28(ArrowUpIcon, { style: { color: "#34d399" } }),
+                /* @__PURE__ */ jsxs22(Text24, { size: 2, style: { color: "#34d399" }, weight: "medium", children: [
                   "Improved (",
                   improved.length,
                   ")"
                 ] })
               ] }),
-              /* @__PURE__ */ jsx27(Flex14, { gap: 2, wrap: "wrap", children: improved.length > 0 ? improved.map((area) => /* @__PURE__ */ jsx27(Pill, { color: "emerald", label: area }, area)) : /* @__PURE__ */ jsx27(Text23, { muted: true, size: 2, children: "None" }) })
+              /* @__PURE__ */ jsx28(Flex15, { gap: 2, wrap: "wrap", children: improved.length > 0 ? improved.map((area) => /* @__PURE__ */ jsx28(Pill, { color: "emerald", label: area }, area)) : /* @__PURE__ */ jsx28(Text24, { muted: true, size: 2, children: "None" }) })
             ] }) }),
-            /* @__PURE__ */ jsx27(
-              Box15,
+            /* @__PURE__ */ jsx28(
+              Box16,
               {
                 padding: 4,
                 style: { borderLeft: "1px solid var(--card-border-color)" },
-                children: /* @__PURE__ */ jsxs21(Stack18, { space: 3, children: [
-                  /* @__PURE__ */ jsxs21(Flex14, { align: "center", gap: 2, children: [
-                    /* @__PURE__ */ jsx27(ArrowDownIcon, { style: { color: "#f87171" } }),
-                    /* @__PURE__ */ jsxs21(Text23, { size: 2, style: { color: "#f87171" }, weight: "medium", children: [
+                children: /* @__PURE__ */ jsxs22(Stack19, { space: 3, children: [
+                  /* @__PURE__ */ jsxs22(Flex15, { align: "center", gap: 2, children: [
+                    /* @__PURE__ */ jsx28(ArrowDownIcon, { style: { color: "#f87171" } }),
+                    /* @__PURE__ */ jsxs22(Text24, { size: 2, style: { color: "#f87171" }, weight: "medium", children: [
                       "Regressed (",
                       regressed.length,
                       ")"
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx27(Flex14, { gap: 2, wrap: "wrap", children: regressed.length > 0 ? regressed.map((area) => /* @__PURE__ */ jsx27(Pill, { color: "red", label: area }, area)) : /* @__PURE__ */ jsx27(Text23, { muted: true, size: 2, children: "None" }) })
+                  /* @__PURE__ */ jsx28(Flex15, { gap: 2, wrap: "wrap", children: regressed.length > 0 ? regressed.map((area) => /* @__PURE__ */ jsx28(Pill, { color: "red", label: area }, area)) : /* @__PURE__ */ jsx28(Text24, { muted: true, size: 2, children: "None" }) })
                 ] })
               }
             ),
-            /* @__PURE__ */ jsx27(
-              Box15,
+            /* @__PURE__ */ jsx28(
+              Box16,
               {
                 padding: 4,
                 style: { borderLeft: "1px solid var(--card-border-color)" },
-                children: /* @__PURE__ */ jsxs21(Stack18, { space: 3, children: [
-                  /* @__PURE__ */ jsxs21(Flex14, { align: "center", gap: 2, children: [
-                    /* @__PURE__ */ jsx27(
+                children: /* @__PURE__ */ jsxs22(Stack19, { space: 3, children: [
+                  /* @__PURE__ */ jsxs22(Flex15, { align: "center", gap: 2, children: [
+                    /* @__PURE__ */ jsx28(
                       "span",
                       {
                         style: {
@@ -6974,13 +7243,13 @@ function DiagnosticsOverview({
                         children: "\u2014"
                       }
                     ),
-                    /* @__PURE__ */ jsxs21(Text23, { muted: true, size: 2, weight: "medium", children: [
+                    /* @__PURE__ */ jsxs22(Text24, { muted: true, size: 2, weight: "medium", children: [
                       "Unchanged (",
                       unchanged.length,
                       ")"
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx27(Flex14, { gap: 2, wrap: "wrap", children: unchanged.length > 0 ? unchanged.map((area) => /* @__PURE__ */ jsx27(Pill, { color: "muted", label: area }, area)) : /* @__PURE__ */ jsx27(Text23, { muted: true, size: 2, children: "None" }) })
+                  /* @__PURE__ */ jsx28(Flex15, { gap: 2, wrap: "wrap", children: unchanged.length > 0 ? unchanged.map((area) => /* @__PURE__ */ jsx28(Pill, { color: "muted", label: area }, area)) : /* @__PURE__ */ jsx28(Text24, { muted: true, size: 2, children: "None" }) })
                 ] })
               }
             )
@@ -6999,8 +7268,8 @@ var sectionHeaderStyle = {
   borderBottom: "1px solid var(--card-border-color)"
 };
 function SectionLabel({ label }) {
-  return /* @__PURE__ */ jsx27(
-    Text23,
+  return /* @__PURE__ */ jsx28(
+    Text24,
     {
       muted: true,
       size: 1,
@@ -7024,9 +7293,9 @@ function ScoreCard({
     border: "1px solid var(--card-border-color)",
     borderRadius: 6
   };
-  return /* @__PURE__ */ jsx27(Box15, { padding: 4, style: cardStyle, children: /* @__PURE__ */ jsxs21(Stack18, { space: 3, children: [
-    /* @__PURE__ */ jsx27(
-      Text23,
+  return /* @__PURE__ */ jsx28(Box16, { padding: 4, style: cardStyle, children: /* @__PURE__ */ jsxs22(Stack19, { space: 3, children: [
+    /* @__PURE__ */ jsx28(
+      Text24,
       {
         muted: true,
         size: 1,
@@ -7037,8 +7306,8 @@ function ScoreCard({
         children: label
       }
     ),
-    /* @__PURE__ */ jsxs21(Flex14, { align: "baseline", gap: 2, children: [
-      /* @__PURE__ */ jsxs21(
+    /* @__PURE__ */ jsxs22(Flex15, { align: "baseline", gap: 2, children: [
+      /* @__PURE__ */ jsxs22(
         "span",
         {
           style: {
@@ -7050,13 +7319,13 @@ function ScoreCard({
           },
           children: [
             value,
-            suffix && /* @__PURE__ */ jsx27("span", { style: { fontSize: 24 }, children: suffix })
+            suffix && /* @__PURE__ */ jsx28("span", { style: { fontSize: 24 }, children: suffix })
           ]
         }
       ),
-      delta != null && delta !== 0 && /* @__PURE__ */ jsx27(DeltaIndicator, { delta, icon: true, mono: true, size: 1 })
+      delta != null && delta !== 0 && /* @__PURE__ */ jsx28(DeltaIndicator, { delta, icon: true, mono: true, size: 1 })
     ] }),
-    /* @__PURE__ */ jsx27(Text23, { muted: true, size: 1, children: subtitle })
+    /* @__PURE__ */ jsx28(Text24, { muted: true, size: 1, children: subtitle })
   ] }) });
 }
 function HealthCard({
@@ -7072,18 +7341,18 @@ function HealthCard({
     muted: "var(--card-muted-fg-color)"
   };
   const textColor = TEXT_COLORS[color];
-  return /* @__PURE__ */ jsx27(
-    Box15,
+  return /* @__PURE__ */ jsx28(
+    Box16,
     {
       padding: 4,
       style: {
         ...sectionStyle(color),
         minHeight: 80
       },
-      children: /* @__PURE__ */ jsxs21(Flex14, { align: "center", gap: 3, children: [
-        /* @__PURE__ */ jsx27("span", { style: { color: textColor, fontSize: 28 }, children: icon }),
-        /* @__PURE__ */ jsxs21(Stack18, { space: 1, children: [
-          /* @__PURE__ */ jsx27(
+      children: /* @__PURE__ */ jsxs22(Flex15, { align: "center", gap: 3, children: [
+        /* @__PURE__ */ jsx28("span", { style: { color: textColor, fontSize: 28 }, children: icon }),
+        /* @__PURE__ */ jsxs22(Stack19, { space: 1, children: [
+          /* @__PURE__ */ jsx28(
             "span",
             {
               style: {
@@ -7096,7 +7365,7 @@ function HealthCard({
               children: count
             }
           ),
-          /* @__PURE__ */ jsx27(Text23, { muted: true, size: 2, children: label })
+          /* @__PURE__ */ jsx28(Text24, { muted: true, size: 2, children: label })
         ] })
       ] })
     }
@@ -7117,9 +7386,9 @@ function MetricCard({
     padding: 16
   };
   const valueColor = sentiment ? sentimentTextColor(sentiment) : "var(--card-fg-color)";
-  return /* @__PURE__ */ jsx27(Box15, { style, children: /* @__PURE__ */ jsxs21(Stack18, { space: 2, children: [
-    /* @__PURE__ */ jsx27(Text23, { muted: true, size: 2, children: label }),
-    /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(Box16, { style, children: /* @__PURE__ */ jsxs22(Stack19, { space: 2, children: [
+    /* @__PURE__ */ jsx28(Text24, { muted: true, size: 2, children: label }),
+    /* @__PURE__ */ jsx28(
       "span",
       {
         style: {
@@ -7147,7 +7416,7 @@ function Pill({
     }
   };
   const c = colors[color];
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "span",
     {
       style: {
@@ -7165,7 +7434,7 @@ function Pill({
 }
 
 // src/components/report-detail/FailureModesPanel.tsx
-import { Box as Box16, Flex as Flex15, Stack as Stack19, Text as Text24 } from "@sanity/ui";
+import { Box as Box17, Flex as Flex16, Stack as Stack20, Text as Text25 } from "@sanity/ui";
 
 // src/lib/useArtifactListRow.ts
 import { useCallback as useCallback18, useMemo as useMemo10 } from "react";
@@ -7561,7 +7830,7 @@ function useGraderJudgmentArtifact(key, listKeys) {
 }
 
 // src/components/report-detail/FailureModesPanel.tsx
-import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
 function severityColor(severity) {
   switch (severity) {
     case "critical":
@@ -7581,25 +7850,25 @@ function FailureModesPanel({ failureModes }) {
   if (!failureModes || failureModes.topTitles.length === 0) return null;
   const allKeys = failureModes.topTitles.map((t) => t.id);
   const classificationPct = Math.round(failureModes.classificationRate);
-  return /* @__PURE__ */ jsx28(
-    Box16,
+  return /* @__PURE__ */ jsx29(
+    Box17,
     {
       style: {
         ...neutralCardStyle,
         padding: "12px 16px"
       },
-      children: /* @__PURE__ */ jsxs22(Stack19, { space: 3, children: [
-        /* @__PURE__ */ jsxs22(Flex15, { align: "baseline", gap: 2, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx28(Text24, { size: 2, weight: "semibold", children: "Failure Categories" }),
-          /* @__PURE__ */ jsxs22(Text24, { muted: true, size: 1, children: [
+      children: /* @__PURE__ */ jsxs23(Stack20, { space: 3, children: [
+        /* @__PURE__ */ jsxs23(Flex16, { align: "baseline", gap: 2, wrap: "wrap", children: [
+          /* @__PURE__ */ jsx29(Text25, { size: 2, weight: "semibold", children: "Failure Categories" }),
+          /* @__PURE__ */ jsxs23(Text25, { muted: true, size: 1, children: [
             failureModes.totalJudgments,
             " judgments \xB7 ",
             classificationPct,
             "% classified"
           ] })
         ] }),
-        /* @__PURE__ */ jsx28(Box16, { style: dividerStyle }),
-        /* @__PURE__ */ jsx28(Stack19, { space: 2, children: failureModes.topTitles.map((row) => /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29(Box17, { style: dividerStyle }),
+        /* @__PURE__ */ jsx29(Stack20, { space: 2, children: failureModes.topTitles.map((row) => /* @__PURE__ */ jsx29(
           FailureModeRow,
           {
             allKeys,
@@ -7623,8 +7892,8 @@ function FailureModeRow({
   const title = artifact.preview?.titlePreview ?? row.title ?? toTitleCase(category);
   const pct = total > 0 ? Math.round(row.count / total * 100) : 0;
   const sevColors = severityColor(severity);
-  return /* @__PURE__ */ jsxs22(
-    Flex15,
+  return /* @__PURE__ */ jsxs23(
+    Flex16,
     {
       align: "center",
       gap: 3,
@@ -7632,7 +7901,7 @@ function FailureModeRow({
       onMouseEnter: artifact.handlers.onMouseEnter,
       style: { padding: "4px 0" },
       children: [
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29(
           "span",
           {
             style: {
@@ -7649,10 +7918,10 @@ function FailureModeRow({
             children: severity.toUpperCase()
           }
         ),
-        /* @__PURE__ */ jsx28(Text24, { size: 1, weight: "medium", children: title }),
-        /* @__PURE__ */ jsx28(Text24, { muted: true, size: 1, children: "\xB7" }),
-        /* @__PURE__ */ jsxs22(
-          Text24,
+        /* @__PURE__ */ jsx29(Text25, { size: 1, weight: "medium", children: title }),
+        /* @__PURE__ */ jsx29(Text25, { muted: true, size: 1, children: "\xB7" }),
+        /* @__PURE__ */ jsxs23(
+          Text25,
           {
             muted: true,
             size: 1,
@@ -7675,11 +7944,11 @@ function FailureModeRow({
 
 // src/components/report-detail/LineageCard.tsx
 import { LinkIcon as LinkIcon2 } from "@sanity/icons";
-import { Badge as Badge6, Card as Card13, Flex as Flex16, Stack as Stack20, Text as Text25 } from "@sanity/ui";
+import { Badge as Badge6, Card as Card13, Flex as Flex17, Stack as Stack21, Text as Text26 } from "@sanity/ui";
 import { useCallback as useCallback19, useEffect as useEffect8, useState as useState14 } from "react";
 import { useClient as useClient5 } from "sanity";
 import { useRouter as useRouter2 } from "sanity/router";
-import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
 var REPORT_TYPE2 = "ailf.report";
 var SPAWNED_REPORTS_QUERY = (
   /* groq */
@@ -7712,12 +7981,12 @@ function LineageCard({ provenance, reportId }) {
   }, [client, reportId]);
   const hasLineage = lineage?.rerunOf || lineage?.comparedAgainst;
   if (!hasLineage && spawned.length === 0) return null;
-  return /* @__PURE__ */ jsx29(Card13, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs23(Stack20, { space: 4, children: [
-    /* @__PURE__ */ jsx29(Flex16, { align: "center", gap: 2, children: /* @__PURE__ */ jsxs23(Text25, { size: 3, weight: "semibold", children: [
-      /* @__PURE__ */ jsx29(LinkIcon2, {}),
+  return /* @__PURE__ */ jsx30(Card13, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs24(Stack21, { space: 4, children: [
+    /* @__PURE__ */ jsx30(Flex17, { align: "center", gap: 2, children: /* @__PURE__ */ jsxs24(Text26, { size: 3, weight: "semibold", children: [
+      /* @__PURE__ */ jsx30(LinkIcon2, {}),
       " Lineage"
     ] }) }),
-    lineage?.rerunOf && /* @__PURE__ */ jsx29(
+    lineage?.rerunOf && /* @__PURE__ */ jsx30(
       LineageLink,
       {
         label: "Re-run of",
@@ -7725,7 +7994,7 @@ function LineageCard({ provenance, reportId }) {
         router
       }
     ),
-    lineage?.comparedAgainst && /* @__PURE__ */ jsx29(
+    lineage?.comparedAgainst && /* @__PURE__ */ jsx30(
       LineageLink,
       {
         label: "Compared against",
@@ -7733,9 +8002,9 @@ function LineageCard({ provenance, reportId }) {
         router
       }
     ),
-    spawned.length > 0 && /* @__PURE__ */ jsxs23(Stack20, { space: 2, children: [
-      /* @__PURE__ */ jsx29(Text25, { muted: true, size: 1, weight: "semibold", children: "SPAWNED RE-RUNS" }),
-      spawned.map((s) => /* @__PURE__ */ jsx29(SpawnedReportRow, { report: s, router }, s.reportId))
+    spawned.length > 0 && /* @__PURE__ */ jsxs24(Stack21, { space: 2, children: [
+      /* @__PURE__ */ jsx30(Text26, { muted: true, size: 1, weight: "semibold", children: "SPAWNED RE-RUNS" }),
+      spawned.map((s) => /* @__PURE__ */ jsx30(SpawnedReportRow, { report: s, router }, s.reportId))
     ] })
   ] }) });
 }
@@ -7747,12 +8016,12 @@ function LineageLink({
   const handleClick = useCallback19(() => {
     router.navigate({ reportId });
   }, [reportId, router]);
-  return /* @__PURE__ */ jsxs23(Flex16, { align: "center", gap: 2, children: [
-    /* @__PURE__ */ jsxs23(Text25, { muted: true, size: 2, weight: "semibold", children: [
+  return /* @__PURE__ */ jsxs24(Flex17, { align: "center", gap: 2, children: [
+    /* @__PURE__ */ jsxs24(Text26, { muted: true, size: 2, weight: "semibold", children: [
       label,
       ":"
     ] }),
-    /* @__PURE__ */ jsx29(Text25, { size: 2, children: /* @__PURE__ */ jsxs23(
+    /* @__PURE__ */ jsx30(Text26, { size: 2, children: /* @__PURE__ */ jsxs24(
       "a",
       {
         href: "#",
@@ -7778,8 +8047,8 @@ function SpawnedReportRow({
   }, [report.reportId, router]);
   const dateLabel = formatShortDate(report.completedAt);
   const label = report.title ?? report.tag ?? dateLabel;
-  return /* @__PURE__ */ jsxs23(Flex16, { align: "center", gap: 2, children: [
-    /* @__PURE__ */ jsx29(Text25, { size: 2, children: /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsxs24(Flex17, { align: "center", gap: 2, children: [
+    /* @__PURE__ */ jsx30(Text26, { size: 2, children: /* @__PURE__ */ jsx30(
       "a",
       {
         href: "#",
@@ -7791,8 +8060,8 @@ function SpawnedReportRow({
         children: label
       }
     ) }),
-    (report.title ?? report.tag) && /* @__PURE__ */ jsx29(Text25, { muted: true, size: 1, children: dateLabel }),
-    /* @__PURE__ */ jsx29(Badge6, { fontSize: 1, mode: "outline", tone: "default", children: report.reportId.slice(0, 8) })
+    (report.title ?? report.tag) && /* @__PURE__ */ jsx30(Text26, { muted: true, size: 1, children: dateLabel }),
+    /* @__PURE__ */ jsx30(Badge6, { fontSize: 1, mode: "outline", tone: "default", children: report.reportId.slice(0, 8) })
   ] });
 }
 function formatShortDate(iso) {
@@ -7808,18 +8077,294 @@ function formatShortDate(iso) {
 }
 
 // src/components/report-detail/JudgmentList.tsx
-import React2, { useCallback as useCallback21, useEffect as useEffect9, useMemo as useMemo11, useRef as useRef6, useState as useState15 } from "react";
+import React2, { useCallback as useCallback22, useEffect as useEffect11, useMemo as useMemo11, useRef as useRef7, useState as useState16 } from "react";
 import {
   ChevronDownIcon,
   ChevronRightIcon,
   ErrorOutlineIcon as ErrorOutlineIcon2,
   HelpCircleIcon as HelpCircleIcon7
 } from "@sanity/icons";
-import { Box as Box18, Flex as Flex18, Stack as Stack21, Text as Text28, Tooltip as Tooltip8 } from "@sanity/ui";
+import { Box as Box21, Flex as Flex20, Stack as Stack23, Text as Text31, Tooltip as Tooltip9 } from "@sanity/ui";
+
+// src/components/report-detail/PromptReplayDrawer.tsx
+import { useEffect as useEffect10 } from "react";
+import { Badge as Badge7, Box as Box19, Card as Card14, Dialog, Flex as Flex18, Grid as Grid3, Stack as Stack22, Text as Text28 } from "@sanity/ui";
+
+// src/components/CopyButton.tsx
+import {
+  useCallback as useCallback20,
+  useEffect as useEffect9,
+  useRef as useRef6,
+  useState as useState15
+} from "react";
+import { CheckmarkIcon, CopyIcon } from "@sanity/icons";
+import { Box as Box18, Button as Button3, Text as Text27, Tooltip as Tooltip7 } from "@sanity/ui";
+import { jsx as jsx31 } from "react/jsx-runtime";
+function CopyButton({
+  copiedLabel = "Copied!",
+  errorLabel = "Copy failed",
+  label,
+  revertAfterMs = 1500,
+  style,
+  text
+}) {
+  const [status, setStatus] = useState15("idle");
+  const timerRef = useRef6(null);
+  const scheduleRevert = useCallback20(() => {
+    if (timerRef.current !== null) window.clearTimeout(timerRef.current);
+    timerRef.current = window.setTimeout(() => {
+      setStatus("idle");
+      timerRef.current = null;
+    }, revertAfterMs);
+  }, [revertAfterMs]);
+  const handleCopy = useCallback20(() => {
+    navigator.clipboard.writeText(text).then(
+      () => {
+        setStatus("copied");
+        scheduleRevert();
+      },
+      () => {
+        setStatus("error");
+        scheduleRevert();
+      }
+    );
+  }, [text, scheduleRevert]);
+  useEffect9(() => {
+    return () => {
+      if (timerRef.current !== null) window.clearTimeout(timerRef.current);
+    };
+  }, []);
+  const tooltipLabel = status === "copied" ? copiedLabel : status === "error" ? errorLabel : label;
+  const tone = status === "copied" ? "positive" : status === "error" ? "critical" : "default";
+  const icon = status === "copied" ? CheckmarkIcon : CopyIcon;
+  const idle = status === "idle";
+  return /* @__PURE__ */ jsx31(
+    Tooltip7,
+    {
+      content: /* @__PURE__ */ jsx31(Box18, { padding: 2, children: /* @__PURE__ */ jsx31(Text27, { size: 1, children: tooltipLabel }) }),
+      placement: "left",
+      portal: true,
+      children: /* @__PURE__ */ jsx31(
+        Button3,
+        {
+          "aria-label": label,
+          fontSize: 1,
+          icon,
+          mode: "bleed",
+          onBlur: (e) => {
+            if (idle) e.currentTarget.style.opacity = "0.55";
+          },
+          onClick: handleCopy,
+          onFocus: (e) => {
+            if (idle) e.currentTarget.style.opacity = "1";
+          },
+          onMouseEnter: (e) => {
+            if (idle) e.currentTarget.style.opacity = "1";
+          },
+          onMouseLeave: (e) => {
+            if (idle) e.currentTarget.style.opacity = "0.55";
+          },
+          padding: 2,
+          style: {
+            opacity: idle ? 0.55 : 1,
+            transition: "opacity 150ms ease",
+            ...style
+          },
+          tone
+        }
+      )
+    }
+  );
+}
+
+// src/components/report-detail/PromptReplayDrawer.tsx
+import { Fragment as Fragment9, jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
+function useArtifactPane(type, entryKey, project) {
+  const ref = useArtifactRef(type);
+  const isLocalStore = ref?.store === "local";
+  const entry = useArtifactEntry(type, entryKey ?? "");
+  const [full, status, request] = useArtifactDetail(type, entryKey ?? "");
+  useEffect10(() => {
+    if (!entryKey) return;
+    if (isLocalStore) return;
+    if (status !== "idle") return;
+    void request();
+  }, [entryKey, status, request, isLocalStore]);
+  const projected = project(entry.preview, full);
+  return {
+    charCount: projected.charCount,
+    extra: projected.extra,
+    fullText: projected.fullText,
+    snippet: projected.snippet,
+    status,
+    isLocalStore,
+    present: entry.present
+  };
+}
+function useRenderedPrompt(entryKey) {
+  return useArtifactPane(
+    "renderedPrompts",
+    entryKey,
+    (preview, full) => {
+      const fullText = typeof full?.prompt?.raw === "string" ? full.prompt.raw : null;
+      return {
+        charCount: fullText?.length ?? preview?.promptCharCount ?? 0,
+        extra: preview?.label ?? null,
+        fullText,
+        snippet: preview?.snippet
+      };
+    }
+  );
+}
+function useGraderRubric(entryKey) {
+  return useArtifactPane(
+    "graderPrompts",
+    entryKey,
+    (preview, full) => {
+      const rubricText = typeof full?.assertion?.value === "string" ? full.assertion.value : null;
+      return {
+        charCount: rubricText?.length ?? preview?.rubricCharCount ?? 0,
+        extra: preview?.rubricName ? `dim: ${preview.rubricName}` : null,
+        fullText: rubricText,
+        snippet: preview?.snippet
+      };
+    }
+  );
+}
+function PromptReplayDrawer({
+  open,
+  renderedPromptKey,
+  graderPromptKey,
+  subtitle,
+  onClose
+}) {
+  if (!open) return null;
+  return /* @__PURE__ */ jsx32(
+    Dialog,
+    {
+      header: "Prompt replay",
+      id: "prompt-replay-drawer",
+      onClose,
+      width: 4,
+      children: /* @__PURE__ */ jsx32(Box19, { padding: 4, children: /* @__PURE__ */ jsxs25(Stack22, { space: 4, children: [
+        /* @__PURE__ */ jsx32(Text28, { muted: true, size: 1, children: subtitle }),
+        /* @__PURE__ */ jsxs25(Grid3, { columns: [1, 1, 2], gap: 4, children: [
+          /* @__PURE__ */ jsx32(RenderedPromptPane, { entryKey: renderedPromptKey }),
+          /* @__PURE__ */ jsx32(GraderRubricPane, { entryKey: graderPromptKey })
+        ] })
+      ] }) })
+    }
+  );
+}
+function RenderedPromptPane({ entryKey }) {
+  const data = useRenderedPrompt(entryKey);
+  return /* @__PURE__ */ jsx32(
+    PromptPane,
+    {
+      copiedLabel: "Prompt copied",
+      copyLabel: "Copy prompt",
+      data,
+      entryKey,
+      paneLabel: "Rendered prompt"
+    }
+  );
+}
+function GraderRubricPane({ entryKey }) {
+  const data = useGraderRubric(entryKey);
+  return /* @__PURE__ */ jsx32(
+    PromptPane,
+    {
+      copiedLabel: "Rubric copied",
+      copyLabel: "Copy rubric",
+      data,
+      entryKey,
+      paneLabel: "Grader rubric"
+    }
+  );
+}
+function PromptPane({
+  copiedLabel,
+  copyLabel,
+  data,
+  entryKey,
+  paneLabel
+}) {
+  if (!entryKey) {
+    return /* @__PURE__ */ jsx32(PaneCard, { paneLabel, children: /* @__PURE__ */ jsx32(Text28, { muted: true, size: 1, children: "Not available for this report (no entry key could be derived from the task identity)." }) });
+  }
+  if (!data.present) {
+    return /* @__PURE__ */ jsx32(PaneCard, { paneLabel, children: /* @__PURE__ */ jsx32(Text28, { muted: true, size: 1, children: "Not captured for this entry. (Older runs pre-dating the renderedPrompts/graderPrompts writers won't carry a manifest entry.)" }) });
+  }
+  const { fullText, snippet, charCount, extra, status, isLocalStore } = data;
+  const displayText = fullText ?? snippet ?? "";
+  const isPreviewOnly = fullText === null;
+  const footer = isLocalStore ? /* @__PURE__ */ jsx32(Text28, { muted: true, size: 1, style: { marginTop: 8 }, children: "Full text stored locally on the runner that produced this report \u2014 not reachable from Studio. Showing 120-char preview only." }) : status === "error" ? /* @__PURE__ */ jsx32(Text28, { muted: true, size: 1, style: { color: "#f87171", marginTop: 8 }, children: "Failed to load full text \u2014 showing preview only." }) : status === "loading" && !fullText ? /* @__PURE__ */ jsx32(Text28, { muted: true, size: 1, style: { marginTop: 8 }, children: "Loading full text from artifact store\u2026" }) : isPreviewOnly ? /* @__PURE__ */ jsx32(Text28, { muted: true, size: 1, style: { marginTop: 8 }, children: "Showing 120-char preview. Full text not yet hydrated." }) : null;
+  return /* @__PURE__ */ jsxs25(
+    PaneCard,
+    {
+      badges: /* @__PURE__ */ jsxs25(Fragment9, { children: [
+        /* @__PURE__ */ jsxs25(Badge7, { fontSize: 0, tone: "primary", children: [
+          charCount.toLocaleString(),
+          " char",
+          charCount === 1 ? "" : "s"
+        ] }),
+        extra && /* @__PURE__ */ jsx32(Badge7, { fontSize: 0, tone: "default", children: extra })
+      ] }),
+      copyAction: displayText.length > 0 ? /* @__PURE__ */ jsx32(
+        CopyButton,
+        {
+          copiedLabel,
+          label: copyLabel,
+          text: displayText
+        }
+      ) : null,
+      paneLabel,
+      children: [
+        displayText.length === 0 ? /* @__PURE__ */ jsx32(Text28, { muted: true, size: 1, children: "(empty)" }) : /* @__PURE__ */ jsx32(
+          "pre",
+          {
+            style: {
+              backgroundColor: "var(--card-muted-bg-color, rgba(0,0,0,0.2))",
+              border: "1px solid var(--card-border-color)",
+              borderRadius: 3,
+              fontFamily: FONT_STACK_MONO2,
+              fontSize: 12,
+              lineHeight: 1.5,
+              margin: 0,
+              maxHeight: 480,
+              overflow: "auto",
+              padding: 12,
+              whiteSpace: "pre-wrap",
+              wordBreak: "break-word"
+            },
+            children: displayText
+          }
+        ),
+        footer
+      ]
+    }
+  );
+}
+function PaneCard({
+  badges,
+  children,
+  copyAction,
+  paneLabel
+}) {
+  return /* @__PURE__ */ jsx32(Card14, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs25(Stack22, { space: 3, children: [
+    /* @__PURE__ */ jsxs25(Flex18, { align: "center", gap: 2, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx32(Text28, { size: 1, weight: "semibold", children: paneLabel }),
+      badges,
+      /* @__PURE__ */ jsx32(Box19, { flex: 1 }),
+      copyAction
+    ] }),
+    children
+  ] }) });
+}
 
 // src/components/report-detail/judgment-formatting.tsx
-import { Box as Box17, Text as Text26, Tooltip as Tooltip7 } from "@sanity/ui";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { Box as Box20, Text as Text29, Tooltip as Tooltip8 } from "@sanity/ui";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function judgmentSlug(j) {
   const sep = j.taskId.indexOf(" - ");
   const area = sep > 0 ? j.taskId.substring(0, sep) : j.taskId;
@@ -7836,7 +8381,7 @@ function dimensionLabel2(dim) {
   if (!dim) return "";
   return dim.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
 }
-function shortModelId(id) {
+function shortModelId2(id) {
   const idx = id.lastIndexOf(":");
   if (idx < 0 || idx === id.length - 1) return id;
   return id.substring(idx + 1);
@@ -7854,13 +8399,13 @@ function splitVariant(taskName) {
 function VariantBadge({ variant }) {
   if (!variant) return null;
   const isGold = variant === "gold";
-  return /* @__PURE__ */ jsx30(
-    Tooltip7,
+  return /* @__PURE__ */ jsx33(
+    Tooltip8,
     {
-      content: /* @__PURE__ */ jsx30(Box17, { padding: 2, style: { maxWidth: 240 }, children: /* @__PURE__ */ jsx30(Text26, { size: 1, children: isGold ? "Gold: uses the documentation-authored reference prompt." : "Baseline: model implementation with no documentation guidance." }) }),
+      content: /* @__PURE__ */ jsx33(Box20, { padding: 2, style: { maxWidth: 240 }, children: /* @__PURE__ */ jsx33(Text29, { size: 1, children: isGold ? "Gold: uses the documentation-authored reference prompt." : "Baseline: model implementation with no documentation guidance." }) }),
       placement: "bottom",
       portal: true,
-      children: /* @__PURE__ */ jsx30(
+      children: /* @__PURE__ */ jsx33(
         "span",
         {
           style: {
@@ -7882,10 +8427,10 @@ function VariantBadge({ variant }) {
 }
 
 // src/components/report-detail/JudgmentListToolbar.tsx
-import { Flex as Flex17, Text as Text27, TextInput as TextInput4 } from "@sanity/ui";
+import { Flex as Flex19, Text as Text30, TextInput as TextInput4 } from "@sanity/ui";
 import { ResetIcon as ResetIcon2, SearchIcon as SearchIcon5 } from "@sanity/icons";
-import { useCallback as useCallback20 } from "react";
-import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
+import { useCallback as useCallback21 } from "react";
+import { jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
 var FILTERS_BOX_STYLE = {
   background: "var(--card-bg-color)",
   border: "1px solid var(--card-border-color)",
@@ -7978,17 +8523,17 @@ function JudgmentListToolbar({
   totalCount
 }) {
   const hasActiveFilters = query.trim() !== "" || scoreBand !== null || selectedDimensions.size > 0;
-  const handleQueryChange = useCallback20(
+  const handleQueryChange = useCallback21(
     (e) => {
       onQueryChange(e.currentTarget.value);
     },
     [onQueryChange]
   );
-  return /* @__PURE__ */ jsx31("div", { style: FILTERS_BOX_STYLE, children: /* @__PURE__ */ jsxs24(Flex17, { direction: "column", gap: 3, children: [
-    /* @__PURE__ */ jsxs24(Flex17, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx31(Text27, { muted: true, size: 1, style: GROUP_LABEL_STYLE, weight: "semibold", children: "Filters" }),
-      /* @__PURE__ */ jsx31("div", { style: { flex: "1 0 0px" } }),
-      hasActiveFilters && /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsx34("div", { style: FILTERS_BOX_STYLE, children: /* @__PURE__ */ jsxs26(Flex19, { direction: "column", gap: 3, children: [
+    /* @__PURE__ */ jsxs26(Flex19, { align: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx34(Text30, { muted: true, size: 1, style: GROUP_LABEL_STYLE, weight: "semibold", children: "Filters" }),
+      /* @__PURE__ */ jsx34("div", { style: { flex: "1 0 0px" } }),
+      hasActiveFilters && /* @__PURE__ */ jsxs26(
         "button",
         {
           onBlur: (e) => {
@@ -8015,15 +8560,15 @@ function JudgmentListToolbar({
           },
           type: "button",
           children: [
-            /* @__PURE__ */ jsx31(ResetIcon2, { style: { fontSize: 14 } }),
+            /* @__PURE__ */ jsx34(ResetIcon2, { style: { fontSize: 14 } }),
             "Reset"
           ]
         }
       ),
-      /* @__PURE__ */ jsx31(Text27, { muted: true, size: 1, style: { whiteSpace: "nowrap" }, children: filteredCount === totalCount ? `${totalCount}` : `${filteredCount} of ${totalCount}` })
+      /* @__PURE__ */ jsx34(Text30, { muted: true, size: 1, style: { whiteSpace: "nowrap" }, children: filteredCount === totalCount ? `${totalCount}` : `${filteredCount} of ${totalCount}` })
     ] }),
-    /* @__PURE__ */ jsxs24("div", { style: CONTROLS_ROW_STYLE, children: [
-      /* @__PURE__ */ jsx31("div", { style: { flex: "1 1 220px", maxWidth: 360, minWidth: 160 }, children: /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsxs26("div", { style: CONTROLS_ROW_STYLE, children: [
+      /* @__PURE__ */ jsx34("div", { style: { flex: "1 1 220px", maxWidth: 360, minWidth: 160 }, children: /* @__PURE__ */ jsx34(
         TextInput4,
         {
           fontSize: 1,
@@ -8033,7 +8578,7 @@ function JudgmentListToolbar({
           value: query
         }
       ) }),
-      /* @__PURE__ */ jsx31(PillGroup2, { label: "Score", children: SCORE_BANDS.map(({ band, label }) => /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsx34(PillGroup2, { label: "Score", children: SCORE_BANDS.map(({ band, label }) => /* @__PURE__ */ jsx34(
         "button",
         {
           onClick: () => onScoreBandChange(band),
@@ -8043,7 +8588,7 @@ function JudgmentListToolbar({
         },
         label
       )) }),
-      /* @__PURE__ */ jsx31(PillGroup2, { label: "Sort", children: SORT_OPTIONS.map(({ order, label }) => /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsx34(PillGroup2, { label: "Sort", children: SORT_OPTIONS.map(({ order, label }) => /* @__PURE__ */ jsx34(
         "button",
         {
           onClick: () => onSortOrderChange(order),
@@ -8054,11 +8599,11 @@ function JudgmentListToolbar({
         order
       )) })
     ] }),
-    dimensions.length > 0 && /* @__PURE__ */ jsxs24(Flex17, { align: "center", gap: 2, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx31(Text27, { muted: true, size: 1, style: GROUP_LABEL_STYLE, weight: "semibold", children: "Dimensions" }),
+    dimensions.length > 0 && /* @__PURE__ */ jsxs26(Flex19, { align: "center", gap: 2, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx34(Text30, { muted: true, size: 1, style: GROUP_LABEL_STYLE, weight: "semibold", children: "Dimensions" }),
       dimensions.map((d) => {
         const active = selectedDimensions.has(d.key);
-        return /* @__PURE__ */ jsxs24(
+        return /* @__PURE__ */ jsxs26(
           "button",
           {
             "aria-pressed": active,
@@ -8068,7 +8613,7 @@ function JudgmentListToolbar({
             children: [
               d.label,
               " ",
-              /* @__PURE__ */ jsx31(
+              /* @__PURE__ */ jsx34(
                 "span",
                 {
                   style: {
@@ -8091,14 +8636,14 @@ function PillGroup2({
   label,
   children
 }) {
-  return /* @__PURE__ */ jsxs24(Flex17, { align: "center", gap: 2, children: [
-    /* @__PURE__ */ jsx31(Text27, { muted: true, size: 1, style: GROUP_LABEL_STYLE, weight: "semibold", children: label }),
-    /* @__PURE__ */ jsx31("div", { style: PILL_GROUP_STYLE2, children })
+  return /* @__PURE__ */ jsxs26(Flex19, { align: "center", gap: 2, children: [
+    /* @__PURE__ */ jsx34(Text30, { muted: true, size: 1, style: GROUP_LABEL_STYLE, weight: "semibold", children: label }),
+    /* @__PURE__ */ jsx34("div", { style: PILL_GROUP_STYLE2, children })
   ] });
 }
 
 // src/components/report-detail/JudgmentList.tsx
-import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
 function isOutputFailure(j) {
   if (j.outputFailure) return true;
   return j.score === 0 && j.taskId.includes("(baseline)");
@@ -8167,12 +8712,12 @@ function JudgmentList({
   onFocusChange,
   testResults
 }) {
-  const [query, setQuery] = useState15("");
-  const [selectedDimensions, setSelectedDimensions] = useState15(
+  const [query, setQuery] = useState16("");
+  const [selectedDimensions, setSelectedDimensions] = useState16(
     () => /* @__PURE__ */ new Set()
   );
-  const [scoreBand, setScoreBand] = useState15(null);
-  const [sortOrder, setSortOrder] = useState15("score-desc");
+  const [scoreBand, setScoreBand] = useState16(null);
+  const [sortOrder, setSortOrder] = useState16("score-desc");
   const testResultMap = useMemo11(() => {
     const map = /* @__PURE__ */ new Map();
     if (!testResults) return map;
@@ -8221,7 +8766,7 @@ function JudgmentList({
       focusedJudgment.modelId
     )
   ) : void 0;
-  const handleDimensionToggle = useCallback21((key) => {
+  const handleDimensionToggle = useCallback22((key) => {
     setSelectedDimensions((prev) => {
       const next = new Set(prev);
       if (next.has(key)) next.delete(key);
@@ -8229,15 +8774,26 @@ function JudgmentList({
       return next;
     });
   }, []);
-  const handleReset = useCallback21(() => {
+  const handleReset = useCallback22(() => {
     setQuery("");
     setSelectedDimensions(/* @__PURE__ */ new Set());
     setScoreBand(null);
   }, []);
-  const [collapsedAreas, setCollapsedAreas] = useState15(
+  const [promptReplay, setPromptReplay] = useState16(null);
+  const openPromptReplay = useCallback22((j) => {
+    const sep = j.taskId.indexOf(" - ");
+    const rawTaskName = sep > 0 ? j.taskId.substring(sep + 3) : j.taskId;
+    setPromptReplay({
+      renderedPromptKey: testOutputsEntryKey(j.taskId, j.modelId),
+      graderPromptKey: j.id ?? null,
+      subtitle: `${rawTaskName} \xB7 ${j.modelId} \xB7 ${dimensionLabel2(j.dimension)}`
+    });
+  }, []);
+  const closePromptReplay = useCallback22(() => setPromptReplay(null), []);
+  const [collapsedAreas, setCollapsedAreas] = useState16(
     () => /* @__PURE__ */ new Set()
   );
-  const toggleArea = useCallback21((area) => {
+  const toggleArea = useCallback22((area) => {
     setCollapsedAreas((prev) => {
       const next = new Set(prev);
       if (next.has(area)) next.delete(area);
@@ -8245,7 +8801,7 @@ function JudgmentList({
       return next;
     });
   }, []);
-  useEffect9(() => {
+  useEffect11(() => {
     if (!focusedJudgment) return;
     const area = areaOf(focusedJudgment.taskId);
     setCollapsedAreas((prev) => {
@@ -8255,7 +8811,7 @@ function JudgmentList({
       return next;
     });
   }, [focusedJudgment]);
-  const [activeRowSlug, setActiveRowSlug] = useState15(null);
+  const [activeRowSlug, setActiveRowSlug] = useState16(null);
   const flatSlugs = useMemo11(
     () => grouped.flatMap(
       ([, areaJudgments]) => areaJudgments.map((j) => judgmentSlug(j))
@@ -8269,24 +8825,25 @@ function JudgmentList({
     [grouped]
   );
   const effectiveActiveSlug = activeRowSlug && flatSlugs.includes(activeRowSlug) ? activeRowSlug : flatSlugs[0] ?? null;
-  useEffect9(() => {
+  useEffect11(() => {
     if (focus) setActiveRowSlug(focus);
   }, [focus]);
-  useEffect9(() => {
+  useEffect11(() => {
     if (activeRowSlug && !flatSlugs.includes(activeRowSlug)) {
       setActiveRowSlug(null);
     }
   }, [flatSlugs, activeRowSlug]);
   const { close: closeDrawer, open: openDrawer } = useJudgmentDrawer();
   const { runId: artifactRunId, manifest: artifactManifest } = useReportArtifactContext();
-  useEffect9(() => {
+  useEffect11(() => {
     if (focus && focusedJudgment) {
       openDrawer({
         artifactCache,
         judgment: focusedJudgment,
         testResult: focusedTestResult,
         runId: artifactRunId,
-        manifest: artifactManifest
+        manifest: artifactManifest,
+        onShowPrompts: openPromptReplay
       });
     } else if (!focus) {
       closeDrawer();
@@ -8299,10 +8856,11 @@ function JudgmentList({
     openDrawer,
     closeDrawer,
     artifactRunId,
-    artifactManifest
+    artifactManifest,
+    openPromptReplay
   ]);
-  const prevFocusRef = useRef6(focus);
-  useEffect9(() => {
+  const prevFocusRef = useRef7(focus);
+  useEffect11(() => {
     const prev = prevFocusRef.current;
     prevFocusRef.current = focus;
     if (prev && !focus) {
@@ -8312,7 +8870,7 @@ function JudgmentList({
       });
     }
   }, [focus, activeRowSlug]);
-  const handleListKeyDown = useCallback21(
+  const handleListKeyDown = useCallback22(
     (e) => {
       const key = e.key;
       const isNav = key === "ArrowDown" || key === "ArrowUp" || key === "Home" || key === "End" || key === "j" || key === "k";
@@ -8347,20 +8905,20 @@ function JudgmentList({
   if (judgments.length === 0) return null;
   if (pruned.length === 0) return null;
   const outputFailureCount = judgments.length - pruned.length;
-  return /* @__PURE__ */ jsxs25(Stack21, { space: 3, children: [
-    /* @__PURE__ */ jsxs25(Flex18, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx32(ErrorOutlineIcon2, { style: { color: "#fbbf24" } }),
-      /* @__PURE__ */ jsx32(Text28, { size: 2, weight: "medium", children: "Low-Scoring Judgments" }),
-      /* @__PURE__ */ jsx32(
-        Tooltip8,
+  return /* @__PURE__ */ jsxs27(Stack23, { space: 3, children: [
+    /* @__PURE__ */ jsxs27(Flex20, { align: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx35(ErrorOutlineIcon2, { style: { color: "#fbbf24" } }),
+      /* @__PURE__ */ jsx35(Text31, { size: 2, weight: "medium", children: "Low-Scoring Judgments" }),
+      /* @__PURE__ */ jsx35(
+        Tooltip9,
         {
-          content: /* @__PURE__ */ jsx32(Box18, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx32(Text28, { size: 2, children: GLOSSARY.lowScoringJudgments }) }),
+          content: /* @__PURE__ */ jsx35(Box21, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx35(Text31, { size: 2, children: GLOSSARY.lowScoringJudgments }) }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsx32(Text28, { muted: true, size: 1, children: /* @__PURE__ */ jsx32(HelpCircleIcon7, {}) })
+          children: /* @__PURE__ */ jsx35(Text31, { muted: true, size: 1, children: /* @__PURE__ */ jsx35(HelpCircleIcon7, {}) })
         }
       ),
-      /* @__PURE__ */ jsxs25(
+      /* @__PURE__ */ jsxs27(
         "span",
         {
           style: {
@@ -8379,10 +8937,10 @@ function JudgmentList({
           ]
         }
       ),
-      outputFailureCount > 0 && /* @__PURE__ */ jsx32(
-        Tooltip8,
+      outputFailureCount > 0 && /* @__PURE__ */ jsx35(
+        Tooltip9,
         {
-          content: /* @__PURE__ */ jsx32(Box18, { padding: 2, style: { maxWidth: 280 }, children: /* @__PURE__ */ jsxs25(Text28, { size: 2, children: [
+          content: /* @__PURE__ */ jsx35(Box21, { padding: 2, style: { maxWidth: 280 }, children: /* @__PURE__ */ jsxs27(Text31, { size: 2, children: [
             outputFailureCount,
             " judgment",
             outputFailureCount === 1 ? "" : "s",
@@ -8390,7 +8948,7 @@ function JudgmentList({
           ] }) }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsxs25(
+          children: /* @__PURE__ */ jsxs27(
             "span",
             {
               style: {
@@ -8412,7 +8970,7 @@ function JudgmentList({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx35(
       JudgmentListToolbar,
       {
         dimensions: dimensionOptions,
@@ -8429,11 +8987,21 @@ function JudgmentList({
         totalCount: pruned.length
       }
     ),
-    filtered.length === 0 ? /* @__PURE__ */ jsx32(Box18, { padding: 4, style: neutralCardStyle, children: /* @__PURE__ */ jsxs25(Stack21, { space: 2, children: [
-      /* @__PURE__ */ jsx32(Text28, { muted: true, size: 2, children: "No judgments match these filters." }),
-      /* @__PURE__ */ jsx32(Text28, { muted: true, size: 1, children: "Try clearing a filter or widening the score band." })
-    ] }) }) : /* @__PURE__ */ jsxs25(Stack21, { space: 2, children: [
-      /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx35(
+      PromptReplayDrawer,
+      {
+        graderPromptKey: promptReplay?.graderPromptKey ?? null,
+        onClose: closePromptReplay,
+        open: promptReplay !== null,
+        renderedPromptKey: promptReplay?.renderedPromptKey ?? null,
+        subtitle: promptReplay?.subtitle ?? ""
+      }
+    ),
+    filtered.length === 0 ? /* @__PURE__ */ jsx35(Box21, { padding: 4, style: neutralCardStyle, children: /* @__PURE__ */ jsxs27(Stack23, { space: 2, children: [
+      /* @__PURE__ */ jsx35(Text31, { muted: true, size: 2, children: "No judgments match these filters." }),
+      /* @__PURE__ */ jsx35(Text31, { muted: true, size: 1, children: "Try clearing a filter or widening the score band." })
+    ] }) }) : /* @__PURE__ */ jsxs27(Stack23, { space: 2, children: [
+      /* @__PURE__ */ jsx35(
         AreaJumpRail,
         {
           areas: groupedWithStats.map(([area, list]) => ({
@@ -8442,20 +9010,20 @@ function JudgmentList({
           }))
         }
       ),
-      /* @__PURE__ */ jsx32(Box18, { onKeyDown: handleListKeyDown, style: neutralCardStyle, children: groupedWithStats.map(
+      /* @__PURE__ */ jsx35(Box21, { onKeyDown: handleListKeyDown, style: neutralCardStyle, children: groupedWithStats.map(
         ([area, areaJudgments, stats], groupIndex) => {
           const anchorId = areaAnchorId(area);
           const collapsed = collapsedAreas.has(area);
           const groupBodyId = `${anchorId}-body`;
-          return /* @__PURE__ */ jsx32(
-            Box18,
+          return /* @__PURE__ */ jsx35(
+            Box21,
             {
               id: anchorId,
               padding: 3,
               style: groupIndex > 0 ? dividerStyle : void 0,
-              children: /* @__PURE__ */ jsxs25(Stack21, { space: 2, children: [
-                /* @__PURE__ */ jsxs25(Flex18, { align: "center", gap: 3, wrap: "wrap", children: [
-                  /* @__PURE__ */ jsxs25(
+              children: /* @__PURE__ */ jsxs27(Stack23, { space: 2, children: [
+                /* @__PURE__ */ jsxs27(Flex20, { align: "center", gap: 3, wrap: "wrap", children: [
+                  /* @__PURE__ */ jsxs27(
                     "button",
                     {
                       "aria-controls": groupBodyId,
@@ -8469,7 +9037,7 @@ function JudgmentList({
                       },
                       type: "button",
                       children: [
-                        /* @__PURE__ */ jsx32(
+                        /* @__PURE__ */ jsx35(
                           "span",
                           {
                             "aria-hidden": true,
@@ -8479,13 +9047,13 @@ function JudgmentList({
                               display: "inline-flex",
                               fontSize: 14
                             },
-                            children: collapsed ? /* @__PURE__ */ jsx32(ChevronRightIcon, {}) : /* @__PURE__ */ jsx32(ChevronDownIcon, {})
+                            children: collapsed ? /* @__PURE__ */ jsx35(ChevronRightIcon, {}) : /* @__PURE__ */ jsx35(ChevronDownIcon, {})
                           }
                         ),
-                        /* @__PURE__ */ jsxs25(Text28, { size: 2, weight: "semibold", children: [
+                        /* @__PURE__ */ jsxs27(Text31, { size: 2, weight: "semibold", children: [
                           area,
                           " ",
-                          /* @__PURE__ */ jsxs25(
+                          /* @__PURE__ */ jsxs27(
                             "span",
                             {
                               style: {
@@ -8503,10 +9071,10 @@ function JudgmentList({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx32(
-                    Tooltip8,
+                  /* @__PURE__ */ jsx35(
+                    Tooltip9,
                     {
-                      content: /* @__PURE__ */ jsx32(Box18, { padding: 2, children: /* @__PURE__ */ jsxs25(Text28, { size: 1, children: [
+                      content: /* @__PURE__ */ jsx35(Box21, { padding: 2, children: /* @__PURE__ */ jsxs27(Text31, { size: 1, children: [
                         "Average score across the ",
                         areaJudgments.length,
                         " ",
@@ -8516,7 +9084,7 @@ function JudgmentList({
                       ] }) }),
                       placement: "bottom",
                       portal: true,
-                      children: /* @__PURE__ */ jsxs25(
+                      children: /* @__PURE__ */ jsxs27(
                         "span",
                         {
                           style: {
@@ -8536,12 +9104,12 @@ function JudgmentList({
                       )
                     }
                   ),
-                  /* @__PURE__ */ jsx32(DistributionBar, { bands: stats.bands }),
-                  stats.breakdown.length > 0 && /* @__PURE__ */ jsx32(Text28, { muted: true, size: 1, children: stats.breakdown.map((d) => `${d.label} ${d.count}`).join(" \xB7 ") })
+                  /* @__PURE__ */ jsx35(DistributionBar, { bands: stats.bands }),
+                  stats.breakdown.length > 0 && /* @__PURE__ */ jsx35(Text31, { muted: true, size: 1, children: stats.breakdown.map((d) => `${d.label} ${d.count}`).join(" \xB7 ") })
                 ] }),
-                !collapsed && /* @__PURE__ */ jsx32(Stack21, { id: groupBodyId, space: 1, children: areaJudgments.map((j) => {
+                !collapsed && /* @__PURE__ */ jsx35(Stack23, { id: groupBodyId, space: 1, children: areaJudgments.map((j) => {
                   const slug = judgmentSlug(j);
-                  return /* @__PURE__ */ jsx32(
+                  return /* @__PURE__ */ jsx35(
                     JudgmentCard,
                     {
                       allKeys: flatKeys,
@@ -8571,7 +9139,7 @@ function JudgmentCard({
   slug,
   tabbable
 }) {
-  const cardRef = useRef6(null);
+  const cardRef = useRef7(null);
   const judgmentId = judgment.id ?? "";
   const row = useGraderJudgmentArtifact(judgmentId, allKeys);
   const testOutputsPrefetch = useArtifactPrefetch("testOutputs");
@@ -8581,7 +9149,7 @@ function JudgmentCard({
   const sep = judgment.taskId.indexOf(" - ");
   const rawTaskName = sep > 0 ? judgment.taskId.substring(sep + 3) : judgment.taskId;
   const { name: taskName, variant } = splitVariant(rawTaskName);
-  useEffect9(() => {
+  useEffect11(() => {
     if (focused) {
       const timer = setTimeout(() => {
         cardRef.current?.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -8589,10 +9157,10 @@ function JudgmentCard({
       return () => clearTimeout(timer);
     }
   }, []);
-  const handleClick = useCallback21(() => {
+  const handleClick = useCallback22(() => {
     onFocusChange?.(focused ? null : slug);
   }, [focused, slug, onFocusChange]);
-  const handleKeyDown = useCallback21(
+  const handleKeyDown = useCallback22(
     (e) => {
       if (e.key === "Enter" || e.key === " ") {
         e.preventDefault();
@@ -8605,16 +9173,16 @@ function JudgmentCard({
     () => testOutputsKey ? testOutputsPrefetch.onHover(testOutputsKey) : null,
     [testOutputsPrefetch, testOutputsKey]
   );
-  const handleMouseEnter = useCallback21(() => {
+  const handleMouseEnter = useCallback22(() => {
     row.handlers.onMouseEnter();
     onHoverTestOutputs?.();
   }, [row.handlers, onHoverTestOutputs]);
-  const handleFocusPrefetch = useCallback21(() => {
+  const handleFocusPrefetch = useCallback22(() => {
     row.handlers.onFocus();
     onHoverTestOutputs?.();
   }, [row.handlers, onHoverTestOutputs]);
-  return /* @__PURE__ */ jsx32(
-    Box18,
+  return /* @__PURE__ */ jsx35(
+    Box21,
     {
       "aria-expanded": focused,
       "aria-label": `${score} ${dimLabel}: ${taskName}`,
@@ -8637,8 +9205,8 @@ function JudgmentCard({
         } : {}
       },
       tabIndex: tabbable ? 0 : -1,
-      children: /* @__PURE__ */ jsxs25(Flex18, { align: "center", gap: 2, wrap: "wrap", children: [
-        /* @__PURE__ */ jsx32(
+      children: /* @__PURE__ */ jsxs27(Flex20, { align: "center", gap: 2, wrap: "wrap", children: [
+        /* @__PURE__ */ jsx35(
           "span",
           {
             style: {
@@ -8653,7 +9221,7 @@ function JudgmentCard({
             children: score
           }
         ),
-        /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx35(
           "span",
           {
             style: {
@@ -8666,15 +9234,15 @@ function JudgmentCard({
             children: dimLabel
           }
         ),
-        /* @__PURE__ */ jsx32(Text28, { size: 1, weight: "medium", children: taskName }),
-        /* @__PURE__ */ jsx32(VariantBadge, { variant }),
-        /* @__PURE__ */ jsx32(
-          Tooltip8,
+        /* @__PURE__ */ jsx35(Text31, { size: 1, weight: "medium", children: taskName }),
+        /* @__PURE__ */ jsx35(VariantBadge, { variant }),
+        /* @__PURE__ */ jsx35(
+          Tooltip9,
           {
-            content: /* @__PURE__ */ jsx32(Box18, { padding: 2, children: /* @__PURE__ */ jsx32(Text28, { size: 1, children: judgment.modelId }) }),
+            content: /* @__PURE__ */ jsx35(Box21, { padding: 2, children: /* @__PURE__ */ jsx35(Text31, { size: 1, children: judgment.modelId }) }),
             placement: "bottom",
             portal: true,
-            children: /* @__PURE__ */ jsx32(
+            children: /* @__PURE__ */ jsx35(
               "span",
               {
                 style: {
@@ -8686,12 +9254,12 @@ function JudgmentCard({
                   fontSize: 11,
                   padding: "1px 6px"
                 },
-                children: shortModelId(judgment.modelId)
+                children: shortModelId2(judgment.modelId)
               }
             )
           }
         ),
-        /* @__PURE__ */ jsx32(Text28, { muted: true, size: 1, style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx32(ChevronRightIcon, {}) })
+        /* @__PURE__ */ jsx35(Flex20, { align: "center", gap: 1, style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx35(Text31, { muted: true, size: 1, children: /* @__PURE__ */ jsx35(ChevronRightIcon, {}) }) })
       ] })
     }
   );
@@ -8721,13 +9289,13 @@ function DistributionBar({ bands }) {
       label: `${bands.borderline} borderline (50\u201369)`
     });
   }
-  return /* @__PURE__ */ jsx32(
-    Tooltip8,
+  return /* @__PURE__ */ jsx35(
+    Tooltip9,
     {
-      content: /* @__PURE__ */ jsx32(Box18, { padding: 2, children: /* @__PURE__ */ jsx32(Stack21, { space: 1, children: parts.map((p) => /* @__PURE__ */ jsx32(Text28, { size: 1, children: p.label }, p.label)) }) }),
+      content: /* @__PURE__ */ jsx35(Box21, { padding: 2, children: /* @__PURE__ */ jsx35(Stack23, { space: 1, children: parts.map((p) => /* @__PURE__ */ jsx35(Text31, { size: 1, children: p.label }, p.label)) }) }),
       placement: "bottom",
       portal: true,
-      children: /* @__PURE__ */ jsx32(
+      children: /* @__PURE__ */ jsx35(
         "div",
         {
           "aria-label": parts.map((p) => p.label).join(", "),
@@ -8741,7 +9309,7 @@ function DistributionBar({ bands }) {
             overflow: "hidden",
             width: 72
           },
-          children: parts.map((p) => /* @__PURE__ */ jsx32(
+          children: parts.map((p) => /* @__PURE__ */ jsx35(
             "div",
             {
               style: {
@@ -8757,14 +9325,14 @@ function DistributionBar({ bands }) {
   );
 }
 function AreaJumpRail({ areas }) {
-  const handleJump = useCallback21((area) => {
+  const handleJump = useCallback22((area) => {
     const el = document.getElementById(areaAnchorId(area));
     el?.scrollIntoView({ behavior: "smooth", block: "start" });
   }, []);
   if (areas.length <= 1) return null;
-  return /* @__PURE__ */ jsxs25(Flex18, { align: "center", gap: 2, style: { padding: "2px 0" }, wrap: "wrap", children: [
-    /* @__PURE__ */ jsx32(
-      Text28,
+  return /* @__PURE__ */ jsxs27(Flex20, { align: "center", gap: 2, style: { padding: "2px 0" }, wrap: "wrap", children: [
+    /* @__PURE__ */ jsx35(
+      Text31,
       {
         muted: true,
         size: 1,
@@ -8777,8 +9345,8 @@ function AreaJumpRail({ areas }) {
         children: "Jump to"
       }
     ),
-    areas.map(({ area, count }, i) => /* @__PURE__ */ jsxs25(React2.Fragment, { children: [
-      i > 0 && /* @__PURE__ */ jsx32(
+    areas.map(({ area, count }, i) => /* @__PURE__ */ jsxs27(React2.Fragment, { children: [
+      i > 0 && /* @__PURE__ */ jsx35(
         "span",
         {
           "aria-hidden": true,
@@ -8789,7 +9357,7 @@ function AreaJumpRail({ areas }) {
           children: "\xB7"
         }
       ),
-      /* @__PURE__ */ jsxs25(
+      /* @__PURE__ */ jsxs27(
         "button",
         {
           "aria-label": `Jump to ${area}, ${count} judgment${count === 1 ? "" : "s"}`,
@@ -8817,8 +9385,8 @@ function AreaJumpRail({ areas }) {
           },
           type: "button",
           children: [
-            /* @__PURE__ */ jsx32("span", { "aria-hidden": true, children: area }),
-            /* @__PURE__ */ jsx32(
+            /* @__PURE__ */ jsx35("span", { "aria-hidden": true, children: area }),
+            /* @__PURE__ */ jsx35(
               "span",
               {
                 "aria-hidden": true,
@@ -8838,30 +9406,30 @@ function AreaJumpRail({ areas }) {
 }
 
 // src/components/report-detail/ProvenanceCard.tsx
-import { Card as Card14, Flex as Flex19, Grid as Grid3, Stack as Stack22, Text as Text29 } from "@sanity/ui";
-import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Card as Card15, Flex as Flex21, Grid as Grid4, Stack as Stack24, Text as Text32 } from "@sanity/ui";
+import { jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
 function ProvenanceCard({ provenance }) {
-  return /* @__PURE__ */ jsx33(Card14, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs26(Stack22, { space: 4, children: [
-    /* @__PURE__ */ jsx33(Text29, { size: 3, weight: "semibold", children: "Provenance" }),
-    /* @__PURE__ */ jsxs26(Grid3, { columns: [1, 2, 3], gap: 4, children: [
-      /* @__PURE__ */ jsx33(Field, { label: "Mode", value: provenance.mode }),
-      /* @__PURE__ */ jsx33(Field, { label: "Source", value: provenance.source.name }),
-      /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx36(Card15, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs28(Stack24, { space: 4, children: [
+    /* @__PURE__ */ jsx36(Text32, { size: 3, weight: "semibold", children: "Provenance" }),
+    /* @__PURE__ */ jsxs28(Grid4, { columns: [1, 2, 3], gap: 4, children: [
+      /* @__PURE__ */ jsx36(Field, { label: "Mode", value: provenance.mode }),
+      /* @__PURE__ */ jsx36(Field, { label: "Source", value: provenance.source.name }),
+      /* @__PURE__ */ jsx36(
         Field,
         {
           label: "Trigger",
           value: provenance.trigger.type + (provenance.trigger.workflow ? ` (${provenance.trigger.workflow})` : "")
         }
       ),
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx36(
         Field,
         {
           label: "Models",
           value: provenance.models.map((m) => m.label).join(", ")
         }
       ),
-      /* @__PURE__ */ jsx33(Field, { label: "Grader Model", mono: true, value: provenance.graderModel }),
-      provenance.contextHash && /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx36(Field, { label: "Grader Model", mono: true, value: provenance.graderModel }),
+      provenance.contextHash && /* @__PURE__ */ jsx36(
         Field,
         {
           label: "Context Hash",
@@ -8870,8 +9438,8 @@ function ProvenanceCard({ provenance }) {
         }
       )
     ] }),
-    provenance.git && /* @__PURE__ */ jsx33(GitInfo, { git: provenance.git }),
-    /* @__PURE__ */ jsx33(PromptfooLinks, { provenance })
+    provenance.git && /* @__PURE__ */ jsx36(GitInfo, { git: provenance.git }),
+    /* @__PURE__ */ jsx36(PromptfooLinks, { provenance })
   ] }) });
 }
 function Field({
@@ -8879,9 +9447,9 @@ function Field({
   mono,
   value
 }) {
-  return /* @__PURE__ */ jsxs26(Stack22, { space: 1, children: [
-    /* @__PURE__ */ jsx33(
-      Text29,
+  return /* @__PURE__ */ jsxs28(Stack24, { space: 1, children: [
+    /* @__PURE__ */ jsx36(
+      Text32,
       {
         muted: true,
         size: 1,
@@ -8890,7 +9458,7 @@ function Field({
         children: label
       }
     ),
-    /* @__PURE__ */ jsx33(Text29, { size: 2, style: mono ? { fontFamily: "monospace" } : void 0, children: value })
+    /* @__PURE__ */ jsx36(Text32, { size: 2, style: mono ? { fontFamily: "monospace" } : void 0, children: value })
   ] });
 }
 function GitInfo({ git }) {
@@ -8898,15 +9466,15 @@ function GitInfo({ git }) {
   const branchUrl = `${repoUrl}/tree/${git.branch}`;
   const commitUrl = `${repoUrl}/commit/${git.sha}`;
   const prUrl = git.prNumber ? `${repoUrl}/pull/${git.prNumber}` : null;
-  return /* @__PURE__ */ jsx33(Card14, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs26(Flex19, { align: "center", gap: 3, wrap: "wrap", children: [
-    /* @__PURE__ */ jsx33(Text29, { muted: true, size: 2, weight: "semibold", children: "Git" }),
-    /* @__PURE__ */ jsxs26(Text29, { size: 2, children: [
-      /* @__PURE__ */ jsx33("a", { href: repoUrl, rel: "noopener noreferrer", target: "_blank", children: git.repo }),
+  return /* @__PURE__ */ jsx36(Card15, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs28(Flex21, { align: "center", gap: 3, wrap: "wrap", children: [
+    /* @__PURE__ */ jsx36(Text32, { muted: true, size: 2, weight: "semibold", children: "Git" }),
+    /* @__PURE__ */ jsxs28(Text32, { size: 2, children: [
+      /* @__PURE__ */ jsx36("a", { href: repoUrl, rel: "noopener noreferrer", target: "_blank", children: git.repo }),
       " / ",
-      /* @__PURE__ */ jsx33("a", { href: branchUrl, rel: "noopener noreferrer", target: "_blank", children: git.branch })
+      /* @__PURE__ */ jsx36("a", { href: branchUrl, rel: "noopener noreferrer", target: "_blank", children: git.branch })
     ] }),
-    /* @__PURE__ */ jsx33(Text29, { muted: true, size: 2, style: { fontFamily: "monospace" }, children: /* @__PURE__ */ jsx33("a", { href: commitUrl, rel: "noopener noreferrer", target: "_blank", children: git.sha.slice(0, 12) }) }),
-    prUrl && /* @__PURE__ */ jsx33(Text29, { size: 2, children: /* @__PURE__ */ jsxs26("a", { href: prUrl, rel: "noopener noreferrer", target: "_blank", children: [
+    /* @__PURE__ */ jsx36(Text32, { muted: true, size: 2, style: { fontFamily: "monospace" }, children: /* @__PURE__ */ jsx36("a", { href: commitUrl, rel: "noopener noreferrer", target: "_blank", children: git.sha.slice(0, 12) }) }),
+    prUrl && /* @__PURE__ */ jsx36(Text32, { size: 2, children: /* @__PURE__ */ jsxs28("a", { href: prUrl, rel: "noopener noreferrer", target: "_blank", children: [
       "PR #",
       git.prNumber,
       " \u2192"
@@ -8917,14 +9485,14 @@ function PromptfooLinks({
   provenance
 }) {
   if (provenance.promptfooUrls && provenance.promptfooUrls.length > 0) {
-    return /* @__PURE__ */ jsx33(Flex19, { align: "center", gap: 3, wrap: "wrap", children: provenance.promptfooUrls.map((entry) => /* @__PURE__ */ jsx33(Text29, { size: 2, children: /* @__PURE__ */ jsxs26("a", { href: entry.url, rel: "noopener noreferrer", target: "_blank", children: [
+    return /* @__PURE__ */ jsx36(Flex21, { align: "center", gap: 3, wrap: "wrap", children: provenance.promptfooUrls.map((entry) => /* @__PURE__ */ jsx36(Text32, { size: 2, children: /* @__PURE__ */ jsxs28("a", { href: entry.url, rel: "noopener noreferrer", target: "_blank", children: [
       "View in Promptfoo (",
       entry.mode,
       ") \u2192"
     ] }) }, entry.mode)) });
   }
   if (provenance.promptfooUrl) {
-    return /* @__PURE__ */ jsx33(Text29, { size: 2, children: /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx36(Text32, { size: 2, children: /* @__PURE__ */ jsx36(
       "a",
       {
         href: provenance.promptfooUrl,
@@ -8934,40 +9502,40 @@ function PromptfooLinks({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx33(PromptfooUnavailable, { reason: "not-shared" });
+  return /* @__PURE__ */ jsx36(PromptfooUnavailable, { reason: "not-shared" });
 }
 var UNAVAILABLE_TOOLTIPS = {
   "not-shared": "No Promptfoo share link was generated for this report. This usually means the evaluation was run locally without the --share flag."
 };
 function PromptfooUnavailable({ reason }) {
-  return /* @__PURE__ */ jsxs26(Flex19, { align: "center", gap: 2, children: [
-    /* @__PURE__ */ jsx33(Text29, { muted: true, size: 2, children: "Promptfoo report not available" }),
-    /* @__PURE__ */ jsx33(InfoTip, { text: UNAVAILABLE_TOOLTIPS[reason] ?? "" })
+  return /* @__PURE__ */ jsxs28(Flex21, { align: "center", gap: 2, children: [
+    /* @__PURE__ */ jsx36(Text32, { muted: true, size: 2, children: "Promptfoo report not available" }),
+    /* @__PURE__ */ jsx36(InfoTip, { text: UNAVAILABLE_TOOLTIPS[reason] ?? "" })
   ] });
 }
 
 // src/components/report-detail/report-actions/ActionButton.tsx
-import { Button as Button3, useToast as useToast2 } from "@sanity/ui";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { Button as Button4, useToast as useToast2 } from "@sanity/ui";
+import { jsx as jsx37 } from "react/jsx-runtime";
 
 // src/components/report-detail/report-actions/JudgmentActions.tsx
-import { LinkIcon as LinkIcon3 } from "@sanity/icons";
-import { MenuItem, useToast as useToast3 } from "@sanity/ui";
-import { useCallback as useCallback22 } from "react";
+import { DocumentTextIcon, LinkIcon as LinkIcon3 } from "@sanity/icons";
+import { MenuDivider, MenuItem, useToast as useToast3 } from "@sanity/ui";
+import { useCallback as useCallback23 } from "react";
 
 // src/components/report-detail/report-actions/SplitActionButton.tsx
 import { ChevronDownIcon as ChevronDownIcon2 } from "@sanity/icons";
-import { Button as Button4, Flex as Flex20, Menu, MenuButton } from "@sanity/ui";
-import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Button as Button5, Flex as Flex22, Menu, MenuButton } from "@sanity/ui";
+import { jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
 function SplitActionButton({
   menu,
   menuId,
   placement = "bottom-end",
   primary
 }) {
-  return /* @__PURE__ */ jsxs27(Flex20, { children: [
-    /* @__PURE__ */ jsx35(
-      Button4,
+  return /* @__PURE__ */ jsxs29(Flex22, { children: [
+    /* @__PURE__ */ jsx38(
+      Button5,
       {
         fontSize: primary.fontSize,
         icon: primary.icon,
@@ -8983,11 +9551,11 @@ function SplitActionButton({
         text: primary.text
       }
     ),
-    /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsx38(
       MenuButton,
       {
-        button: /* @__PURE__ */ jsx35(
-          Button4,
+        button: /* @__PURE__ */ jsx38(
+          Button5,
           {
             icon: ChevronDownIcon2,
             mode: "ghost",
@@ -9000,7 +9568,7 @@ function SplitActionButton({
           }
         ),
         id: menuId,
-        menu: /* @__PURE__ */ jsx35(Menu, { children: menu }),
+        menu: /* @__PURE__ */ jsx38(Menu, { children: menu }),
         popover: { placement, portal: true }
       }
     )
@@ -9008,10 +9576,10 @@ function SplitActionButton({
 }
 
 // src/components/report-detail/report-actions/JudgmentActions.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
-function JudgmentActions() {
+import { Fragment as Fragment10, jsx as jsx39, jsxs as jsxs30 } from "react/jsx-runtime";
+function JudgmentActions({ onShowPrompts } = {}) {
   const toast = useToast3();
-  const handleCopyLink = useCallback22(() => {
+  const handleCopyLink = useCallback23(() => {
     navigator.clipboard.writeText(window.location.href).then(
       () => {
         toast.push({
@@ -9029,10 +9597,23 @@ function JudgmentActions() {
       }
     );
   }, [toast]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx39(
     SplitActionButton,
     {
-      menu: /* @__PURE__ */ jsx36(MenuItem, { icon: LinkIcon3, onClick: handleCopyLink, text: "Copy link" }),
+      menu: /* @__PURE__ */ jsxs30(Fragment10, { children: [
+        onShowPrompts && /* @__PURE__ */ jsxs30(Fragment10, { children: [
+          /* @__PURE__ */ jsx39(
+            MenuItem,
+            {
+              icon: DocumentTextIcon,
+              onClick: onShowPrompts,
+              text: "Show prompts"
+            }
+          ),
+          /* @__PURE__ */ jsx39(MenuDivider, {})
+        ] }),
+        /* @__PURE__ */ jsx39(MenuItem, { icon: LinkIcon3, onClick: handleCopyLink, text: "Copy link" })
+      ] }),
       menuId: "judgment-actions-menu",
       primary: {
         fontSize: 1,
@@ -9046,22 +9627,22 @@ function JudgmentActions() {
 }
 
 // src/components/report-detail/report-actions/ReportActions.tsx
-import { CopyIcon as CopyIcon2 } from "@sanity/icons";
-import { MenuDivider, useToast as useToast9 } from "@sanity/ui";
-import { useCallback as useCallback28, useState as useState19 } from "react";
+import { CopyIcon as CopyIcon3 } from "@sanity/icons";
+import { MenuDivider as MenuDivider2, useToast as useToast9 } from "@sanity/ui";
+import { useCallback as useCallback29, useState as useState20 } from "react";
 import { useClient as useClient9 } from "sanity";
 
 // src/components/report-detail/report-actions/CopyReportAction.tsx
 import { ClipboardIcon } from "@sanity/icons";
 import { MenuItem as MenuItem2, useToast as useToast4 } from "@sanity/ui";
-import { useCallback as useCallback23, useState as useState16 } from "react";
+import { useCallback as useCallback24, useState as useState17 } from "react";
 import { useClient as useClient6 } from "sanity";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function CopyReportAction({ documentId }) {
   const client = useClient6({ apiVersion: API_VERSION });
   const toast = useToast4();
-  const [copying, setCopying] = useState16(false);
-  const handleClick = useCallback23(async () => {
+  const [copying, setCopying] = useState17(false);
+  const handleClick = useCallback24(async () => {
     setCopying(true);
     try {
       const doc = await client.fetch(
@@ -9093,7 +9674,7 @@ function CopyReportAction({ documentId }) {
       setCopying(false);
     }
   }, [client, documentId, toast]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx40(
     MenuItem2,
     {
       disabled: copying,
@@ -9105,13 +9686,13 @@ function CopyReportAction({ documentId }) {
 }
 
 // src/components/report-detail/report-actions/CopyReportIdAction.tsx
-import { CopyIcon } from "@sanity/icons";
+import { CopyIcon as CopyIcon2 } from "@sanity/icons";
 import { MenuItem as MenuItem3, useToast as useToast5 } from "@sanity/ui";
-import { useCallback as useCallback24 } from "react";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { useCallback as useCallback25 } from "react";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function CopyReportIdAction({ reportId }) {
   const toast = useToast5();
-  const handleClick = useCallback24(() => {
+  const handleClick = useCallback25(() => {
     navigator.clipboard.writeText(reportId).then(
       () => {
         toast.push({
@@ -9129,19 +9710,19 @@ function CopyReportIdAction({ reportId }) {
       }
     );
   }, [reportId, toast]);
-  return /* @__PURE__ */ jsx38(MenuItem3, { icon: CopyIcon, onClick: handleClick, text: "Copy report ID" });
+  return /* @__PURE__ */ jsx41(MenuItem3, { icon: CopyIcon2, onClick: handleClick, text: "Copy report ID" });
 }
 
 // src/components/report-detail/report-actions/CopyVisionQueryAction.tsx
 import { SearchIcon as SearchIcon6 } from "@sanity/icons";
 import { MenuItem as MenuItem4, useToast as useToast6 } from "@sanity/ui";
-import { useCallback as useCallback25 } from "react";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { useCallback as useCallback26 } from "react";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function CopyVisionQueryAction({
   reportId
 }) {
   const toast = useToast6();
-  const handleClick = useCallback25(() => {
+  const handleClick = useCallback26(() => {
     const query = `*[_type == "ailf.report" && reportId == "${reportId}"][0]`;
     navigator.clipboard.writeText(query).then(
       () => {
@@ -9161,7 +9742,7 @@ function CopyVisionQueryAction({
       }
     );
   }, [reportId, toast]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx42(
     MenuItem4,
     {
       icon: SearchIcon6,
@@ -9172,25 +9753,25 @@ function CopyVisionQueryAction({
 }
 
 // src/components/report-detail/report-actions/DeleteConfirmDialog.tsx
-import { Box as Box19, Button as Button5, Card as Card15, Dialog, Flex as Flex21, Stack as Stack23, Text as Text30 } from "@sanity/ui";
-import { jsx as jsx40, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Box as Box22, Button as Button6, Card as Card16, Dialog as Dialog2, Flex as Flex23, Stack as Stack25, Text as Text33 } from "@sanity/ui";
+import { jsx as jsx43, jsxs as jsxs31 } from "react/jsx-runtime";
 function DeleteConfirmDialog({
   isDeleting,
   onClose,
   onConfirm,
   reportId
 }) {
-  return /* @__PURE__ */ jsx40(
-    Dialog,
+  return /* @__PURE__ */ jsx43(
+    Dialog2,
     {
       header: "Delete Report",
       id: "delete-report-dialog",
       onClose,
       width: 1,
-      children: /* @__PURE__ */ jsx40(Box19, { padding: 4, children: /* @__PURE__ */ jsxs28(Stack23, { space: 4, children: [
-        /* @__PURE__ */ jsx40(Text30, { children: "Are you sure you want to delete this report? This action cannot be undone." }),
-        /* @__PURE__ */ jsx40(Card15, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx40(
-          Text30,
+      children: /* @__PURE__ */ jsx43(Box22, { padding: 4, children: /* @__PURE__ */ jsxs31(Stack25, { space: 4, children: [
+        /* @__PURE__ */ jsx43(Text33, { children: "Are you sure you want to delete this report? This action cannot be undone." }),
+        /* @__PURE__ */ jsx43(Card16, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx43(
+          Text33,
           {
             muted: true,
             size: 1,
@@ -9198,9 +9779,9 @@ function DeleteConfirmDialog({
             children: reportId
           }
         ) }),
-        /* @__PURE__ */ jsxs28(Flex21, { gap: 2, justify: "flex-end", children: [
-          /* @__PURE__ */ jsx40(
-            Button5,
+        /* @__PURE__ */ jsxs31(Flex23, { gap: 2, justify: "flex-end", children: [
+          /* @__PURE__ */ jsx43(
+            Button6,
             {
               disabled: isDeleting,
               mode: "ghost",
@@ -9208,8 +9789,8 @@ function DeleteConfirmDialog({
               text: "Cancel"
             }
           ),
-          /* @__PURE__ */ jsx40(
-            Button5,
+          /* @__PURE__ */ jsx43(
+            Button6,
             {
               disabled: isDeleting,
               onClick: onConfirm,
@@ -9226,11 +9807,11 @@ function DeleteConfirmDialog({
 // src/components/report-detail/report-actions/DeleteReportAction.tsx
 import { TrashIcon } from "@sanity/icons";
 import { MenuItem as MenuItem5 } from "@sanity/ui";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function DeleteReportAction({
   onRequestDelete
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx44(
     MenuItem5,
     {
       icon: TrashIcon,
@@ -9244,17 +9825,17 @@ function DeleteReportAction({
 // src/components/report-detail/report-actions/DownloadReportAction.tsx
 import { DownloadIcon } from "@sanity/icons";
 import { MenuItem as MenuItem6, useToast as useToast7 } from "@sanity/ui";
-import { useCallback as useCallback26, useState as useState17 } from "react";
+import { useCallback as useCallback27, useState as useState18 } from "react";
 import { useClient as useClient7 } from "sanity";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function DownloadReportAction({
   documentId,
   reportId
 }) {
   const client = useClient7({ apiVersion: API_VERSION });
   const toast = useToast7();
-  const [downloading, setDownloading] = useState17(false);
-  const handleClick = useCallback26(async () => {
+  const [downloading, setDownloading] = useState18(false);
+  const handleClick = useCallback27(async () => {
     setDownloading(true);
     try {
       const doc = await client.fetch(
@@ -9294,7 +9875,7 @@ function DownloadReportAction({
       setDownloading(false);
     }
   }, [client, documentId, reportId, toast]);
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx45(
     MenuItem6,
     {
       disabled: downloading,
@@ -9308,7 +9889,7 @@ function DownloadReportAction({
 // src/components/report-detail/report-actions/RerunEvaluationAction.tsx
 import { PlayIcon as PlayIcon2 } from "@sanity/icons";
 import { MenuItem as MenuItem7, useToast as useToast8 } from "@sanity/ui";
-import { useCallback as useCallback27, useState as useState18 } from "react";
+import { useCallback as useCallback28, useState as useState19 } from "react";
 import { useClient as useClient8, useCurrentUser as useCurrentUser3 } from "sanity";
 
 // src/lib/eval-scope.ts
@@ -9324,7 +9905,7 @@ function extractEvalScope(provenance) {
 }
 
 // src/components/report-detail/report-actions/RerunEvaluationAction.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx46 } 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);
@@ -9363,8 +9944,8 @@ function RerunEvaluationAction({
   const client = useClient8({ apiVersion: API_VERSION });
   const currentUser = useCurrentUser3();
   const toast = useToast8();
-  const [requesting, setRequesting] = useState18(false);
-  const handleClick = useCallback27(async () => {
+  const [requesting, setRequesting] = useState19(false);
+  const handleClick = useCallback28(async () => {
     setRequesting(true);
     try {
       const scope = extractEvalScope(provenance);
@@ -9391,7 +9972,7 @@ function RerunEvaluationAction({
       setRequesting(false);
     }
   }, [client, currentUser?.id, provenance, reportId, toast]);
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx46(
     MenuItem7,
     {
       disabled: requesting,
@@ -9403,7 +9984,7 @@ function RerunEvaluationAction({
 }
 
 // src/components/report-detail/report-actions/ReportActions.tsx
-import { Fragment as Fragment8, jsx as jsx44, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx47, jsxs as jsxs32 } from "react/jsx-runtime";
 function ReportActions({
   documentId,
   onDeleted,
@@ -9412,7 +9993,7 @@ function ReportActions({
 }) {
   const client = useClient9({ apiVersion: API_VERSION });
   const toast = useToast9();
-  const handleCopyId = useCallback28(() => {
+  const handleCopyId = useCallback29(() => {
     navigator.clipboard.writeText(reportId).then(
       () => {
         toast.push({
@@ -9430,15 +10011,15 @@ function ReportActions({
       }
     );
   }, [reportId, toast]);
-  const [deleteDialogOpen, setDeleteDialogOpen] = useState19(false);
-  const [deleting, setDeleting] = useState19(false);
-  const handleRequestDelete = useCallback28(() => {
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState20(false);
+  const [deleting, setDeleting] = useState20(false);
+  const handleRequestDelete = useCallback29(() => {
     setDeleteDialogOpen(true);
   }, []);
-  const handleDeleteClose = useCallback28(() => {
+  const handleDeleteClose = useCallback29(() => {
     if (!deleting) setDeleteDialogOpen(false);
   }, [deleting]);
-  const handleDeleteConfirm = useCallback28(async () => {
+  const handleDeleteConfirm = useCallback29(async () => {
     setDeleting(true);
     try {
       await client.delete(documentId);
@@ -9459,35 +10040,35 @@ function ReportActions({
       setDeleting(false);
     }
   }, [client, documentId, onDeleted, toast]);
-  return /* @__PURE__ */ jsxs29(Fragment8, { children: [
-    /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsxs32(Fragment11, { children: [
+    /* @__PURE__ */ jsx47(
       SplitActionButton,
       {
-        menu: /* @__PURE__ */ jsxs29(Fragment8, { children: [
-          /* @__PURE__ */ jsx44(CopyReportIdAction, { reportId }),
-          /* @__PURE__ */ jsx44(
+        menu: /* @__PURE__ */ jsxs32(Fragment11, { children: [
+          /* @__PURE__ */ jsx47(CopyReportIdAction, { reportId }),
+          /* @__PURE__ */ jsx47(
             RerunEvaluationAction,
             {
               provenance,
               reportId
             }
           ),
-          /* @__PURE__ */ jsx44(MenuDivider, {}),
-          /* @__PURE__ */ jsx44(DownloadReportAction, { documentId, reportId }),
-          /* @__PURE__ */ jsx44(CopyReportAction, { documentId }),
-          /* @__PURE__ */ jsx44(CopyVisionQueryAction, { reportId }),
-          /* @__PURE__ */ jsx44(MenuDivider, {}),
-          /* @__PURE__ */ jsx44(DeleteReportAction, { onRequestDelete: handleRequestDelete })
+          /* @__PURE__ */ jsx47(MenuDivider2, {}),
+          /* @__PURE__ */ jsx47(DownloadReportAction, { documentId, reportId }),
+          /* @__PURE__ */ jsx47(CopyReportAction, { documentId }),
+          /* @__PURE__ */ jsx47(CopyVisionQueryAction, { reportId }),
+          /* @__PURE__ */ jsx47(MenuDivider2, {}),
+          /* @__PURE__ */ jsx47(DeleteReportAction, { onRequestDelete: handleRequestDelete })
         ] }),
         menuId: "report-actions-menu",
         primary: {
-          icon: CopyIcon2,
+          icon: CopyIcon3,
           onClick: handleCopyId,
           text: "Copy Report ID"
         }
       }
     ),
-    deleteDialogOpen && /* @__PURE__ */ jsx44(
+    deleteDialogOpen && /* @__PURE__ */ jsx47(
       DeleteConfirmDialog,
       {
         isDeleting: deleting,
@@ -9501,8 +10082,8 @@ function ReportActions({
 
 // src/components/report-detail/ReportHeader.tsx
 import { ArrowLeftIcon as ArrowLeftIcon2 } from "@sanity/icons";
-import { Button as Button6, Flex as Flex22, Stack as Stack24, Text as Text31 } from "@sanity/ui";
-import { jsx as jsx45, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Button as Button7, Flex as Flex24, Stack as Stack26, Text as Text34 } from "@sanity/ui";
+import { jsx as jsx48, jsxs as jsxs33 } from "react/jsx-runtime";
 function ReportHeader({
   completedAt,
   onBack,
@@ -9512,11 +10093,11 @@ function ReportHeader({
   const dateLabel = formatCardDate(completedAt);
   const displayTitle = title ?? tag ?? dateLabel;
   const hasSubtitle = Boolean(title ?? tag);
-  return /* @__PURE__ */ jsxs30(Flex22, { align: "center", gap: 3, children: [
-    /* @__PURE__ */ jsx45(Button6, { icon: ArrowLeftIcon2, mode: "bleed", onClick: onBack, text: "Back" }),
-    /* @__PURE__ */ jsxs30(Stack24, { flex: 1, space: 1, children: [
-      /* @__PURE__ */ jsx45(Text31, { size: 4, weight: "bold", children: displayTitle }),
-      hasSubtitle && /* @__PURE__ */ jsx45(Text31, { muted: true, size: 2, children: dateLabel })
+  return /* @__PURE__ */ jsxs33(Flex24, { align: "center", gap: 3, children: [
+    /* @__PURE__ */ jsx48(Button7, { icon: ArrowLeftIcon2, mode: "bleed", onClick: onBack, text: "Back" }),
+    /* @__PURE__ */ jsxs33(Stack26, { flex: 1, space: 1, children: [
+      /* @__PURE__ */ jsx48(Text34, { size: 4, weight: "bold", children: displayTitle }),
+      hasSubtitle && /* @__PURE__ */ jsx48(Text34, { muted: true, size: 2, children: dateLabel })
     ] })
   ] });
 }
@@ -9524,17 +10105,17 @@ function ReportHeader({
 // src/components/report-detail/StrengthsList.tsx
 import { useMemo as useMemo14 } from "react";
 import { CheckmarkCircleIcon as CheckmarkCircleIcon2, SearchIcon as SearchIcon7 } from "@sanity/icons";
-import { Box as Box21, Flex as Flex25, Stack as Stack26, Text as Text34 } from "@sanity/ui";
+import { Box as Box24, Flex as Flex27, Stack as Stack28, Text as Text37 } from "@sanity/ui";
 
 // src/components/report-detail/AreaScoresGrid.tsx
 import React3, {
-  useCallback as useCallback29,
+  useCallback as useCallback30,
   useMemo as useMemo12,
-  useState as useState20
+  useState as useState21
 } from "react";
 import { WarningOutlineIcon as WarningOutlineIcon2 } from "@sanity/icons";
-import { Box as Box20, Flex as Flex23, Stack as Stack25, Text as Text32 } from "@sanity/ui";
-import { Fragment as Fragment9, jsx as jsx46, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Box as Box23, Flex as Flex25, Stack as Stack27, Text as Text35 } from "@sanity/ui";
+import { Fragment as Fragment12, jsx as jsx49, jsxs as jsxs34 } 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.",
@@ -9580,9 +10161,9 @@ function AreaScoresGrid({
   );
   const showLift = isLiteracyMode(mode);
   const dimKeys = useMemo12(() => collectDimensionKeys(scores), [scores]);
-  const [sortField, setSortField] = useState20("score");
-  const [sortDir, setSortDir] = useState20("desc");
-  const handleSort = useCallback29(
+  const [sortField, setSortField] = useState21("score");
+  const [sortDir, setSortDir] = useState21("desc");
+  const handleSort = useCallback30(
     (field) => {
       if (field === sortField) {
         setSortDir((d) => d === "asc" ? "desc" : "asc");
@@ -9626,8 +10207,8 @@ function AreaScoresGrid({
     }
     return map;
   }, [perModel]);
-  return /* @__PURE__ */ jsxs31(Box20, { ref: containerRef, style: { ...neutralCardStyle, overflow: "auto" }, children: [
-    /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs34(Box23, { ref: containerRef, style: { ...neutralCardStyle, overflow: "auto" }, children: [
+    /* @__PURE__ */ jsxs34(
       "div",
       {
         style: {
@@ -9643,7 +10224,7 @@ function AreaScoresGrid({
           padding: "12px 16px 8px"
         },
         children: [
-          /* @__PURE__ */ jsx46(
+          /* @__PURE__ */ jsx49(
             ColHeader2,
             {
               active: sortField === "score",
@@ -9653,7 +10234,7 @@ function AreaScoresGrid({
               tooltip: GLOSSARY.score
             }
           ),
-          /* @__PURE__ */ jsx46(
+          /* @__PURE__ */ jsx49(
             ColHeader2,
             {
               active: sortField === "area",
@@ -9662,7 +10243,7 @@ function AreaScoresGrid({
               onClick: () => handleSort("area")
             }
           ),
-          dimKeys.map((key) => /* @__PURE__ */ jsx46(
+          dimKeys.map((key) => /* @__PURE__ */ jsx49(
             ColHeader2,
             {
               active: sortField === key,
@@ -9673,7 +10254,7 @@ function AreaScoresGrid({
             },
             key
           )),
-          tier !== "narrow" && showLift && /* @__PURE__ */ jsx46(
+          tier !== "narrow" && showLift && /* @__PURE__ */ jsx49(
             ColHeader2,
             {
               active: sortField === "lift",
@@ -9683,12 +10264,12 @@ function AreaScoresGrid({
               tooltip: GLOSSARY.docLift
             }
           ),
-          tier === "full" && hasActual && /* @__PURE__ */ jsx46(ColHeader2, { label: "Actual", tooltip: GLOSSARY.actualScore })
+          tier === "full" && hasActual && /* @__PURE__ */ jsx49(ColHeader2, { label: "Actual", tooltip: GLOSSARY.actualScore })
         ]
       }
     ),
-    sorted.map((area) => /* @__PURE__ */ jsxs31(React3.Fragment, { children: [
-      /* @__PURE__ */ jsx46(
+    sorted.map((area) => /* @__PURE__ */ jsxs34(React3.Fragment, { children: [
+      /* @__PURE__ */ jsx49(
         AreaRow,
         {
           area,
@@ -9699,7 +10280,7 @@ function AreaScoresGrid({
           tier
         }
       ),
-      modelScoresByFeature && /* @__PURE__ */ jsx46(
+      modelScoresByFeature && /* @__PURE__ */ jsx49(
         ModelSubRows,
         {
           dimKeys,
@@ -9720,8 +10301,8 @@ function ModelSubRows({
   tier
 }) {
   if (!models || models.length === 0) return null;
-  return /* @__PURE__ */ jsx46(Fragment9, { children: models.map((entry) => /* @__PURE__ */ jsx46(
-    ModelRow,
+  return /* @__PURE__ */ jsx49(Fragment12, { children: models.map((entry) => /* @__PURE__ */ jsx49(
+    ModelRow2,
     {
       dimKeys,
       hasActual,
@@ -9733,7 +10314,7 @@ function ModelSubRows({
     entry.label
   )) });
 }
-function ModelRow({
+function ModelRow2({
   dimKeys,
   hasActual,
   label,
@@ -9742,7 +10323,7 @@ function ModelRow({
   tier
 }) {
   const isNarrow = tier === "narrow";
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       style: {
@@ -9760,8 +10341,8 @@ function ModelRow({
         padding: isNarrow ? "6px 12px 6px 20px" : "6px 16px 6px 28px"
       },
       children: [
-        /* @__PURE__ */ jsx46(Flex23, { align: "center", children: /* @__PURE__ */ jsx46(
-          Text32,
+        /* @__PURE__ */ jsx49(Flex25, { align: "center", children: /* @__PURE__ */ jsx49(
+          Text35,
           {
             size: 1,
             style: {
@@ -9772,8 +10353,8 @@ function ModelRow({
             children: Math.round(scores.totalScore)
           }
         ) }),
-        /* @__PURE__ */ jsx46(Flex23, { align: "center", gap: 2, children: /* @__PURE__ */ jsx46(Text32, { muted: true, size: 1, children: label }) }),
-        dimKeys.map((key) => /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx49(Flex25, { align: "center", gap: 2, children: /* @__PURE__ */ jsx49(Text35, { muted: true, size: 1, children: label }) }),
+        dimKeys.map((key) => /* @__PURE__ */ jsx49(
           DimCell,
           {
             area: label,
@@ -9783,8 +10364,8 @@ function ModelRow({
           },
           key
         )),
-        !isNarrow && showLift && /* @__PURE__ */ jsxs31(
-          Text32,
+        !isNarrow && showLift && /* @__PURE__ */ jsxs34(
+          Text35,
           {
             size: 1,
             style: {
@@ -9798,8 +10379,8 @@ function ModelRow({
             ]
           }
         ),
-        tier === "full" && hasActual && /* @__PURE__ */ jsx46(
-          Text32,
+        tier === "full" && hasActual && /* @__PURE__ */ jsx49(
+          Text35,
           {
             size: 1,
             style: {
@@ -9823,7 +10404,7 @@ function AreaRow({
   tier
 }) {
   const isNarrow = tier === "narrow";
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       style: {
@@ -9840,15 +10421,15 @@ function AreaRow({
         padding: isNarrow ? "8px 12px" : "10px 16px"
       },
       children: [
-        /* @__PURE__ */ jsxs31(Flex23, { align: "center", gap: isNarrow ? 0 : 2, children: [
-          /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsxs34(Flex25, { align: "center", gap: isNarrow ? 0 : 2, children: [
+          /* @__PURE__ */ jsx49(
             HoverTip,
             {
-              text: /* @__PURE__ */ jsxs31(Text32, { size: 2, style: { lineHeight: 1.5 }, children: [
-                /* @__PURE__ */ jsx46("span", { style: { fontWeight: 600 }, children: area.feature }),
+              text: /* @__PURE__ */ jsxs34(Text35, { size: 2, style: { lineHeight: 1.5 }, children: [
+                /* @__PURE__ */ jsx49("span", { style: { fontWeight: 600 }, children: area.feature }),
                 " score:",
                 " ",
-                /* @__PURE__ */ jsx46(
+                /* @__PURE__ */ jsx49(
                   "span",
                   {
                     style: {
@@ -9859,12 +10440,12 @@ function AreaRow({
                     children: Math.round(area.totalScore)
                   }
                 ),
-                /* @__PURE__ */ jsx46("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
+                /* @__PURE__ */ jsx49("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
                 ".",
                 " ",
                 GLOSSARY.score
               ] }),
-              children: /* @__PURE__ */ jsx46(
+              children: /* @__PURE__ */ jsx49(
                 "div",
                 {
                   style: {
@@ -9885,11 +10466,11 @@ function AreaRow({
               )
             }
           ),
-          !isNarrow && delta != null && delta !== 0 && /* @__PURE__ */ jsx46(HoverTip, { text: GLOSSARY.areaDelta, children: /* @__PURE__ */ jsx46(DeltaIndicator, { delta, icon: true, size: 1 }) })
+          !isNarrow && delta != null && delta !== 0 && /* @__PURE__ */ jsx49(HoverTip, { text: GLOSSARY.areaDelta, children: /* @__PURE__ */ jsx49(DeltaIndicator, { delta, icon: true, size: 1 }) })
         ] }),
-        /* @__PURE__ */ jsxs31(Flex23, { align: "center", gap: 2, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx46(Text32, { size: 2, weight: "medium", children: area.feature }),
-          area.negativeDocLift && showLift && /* @__PURE__ */ jsx46(HoverTip, { text: GLOSSARY.docsHurt, children: /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsxs34(Flex25, { align: "center", gap: 2, wrap: "wrap", children: [
+          /* @__PURE__ */ jsx49(Text35, { size: 2, weight: "medium", children: area.feature }),
+          area.negativeDocLift && showLift && /* @__PURE__ */ jsx49(HoverTip, { text: GLOSSARY.docsHurt, children: /* @__PURE__ */ jsx49(
             "span",
             {
               style: {
@@ -9902,11 +10483,11 @@ function AreaRow({
                 gap: 3,
                 padding: "1px 5px"
               },
-              children: /* @__PURE__ */ jsx46(WarningOutlineIcon2, {})
+              children: /* @__PURE__ */ jsx49(WarningOutlineIcon2, {})
             }
           ) })
         ] }),
-        dimKeys.map((key) => /* @__PURE__ */ jsx46(
+        dimKeys.map((key) => /* @__PURE__ */ jsx49(
           DimCell,
           {
             area: area.feature,
@@ -9915,14 +10496,14 @@ function AreaRow({
           },
           key
         )),
-        !isNarrow && showLift && /* @__PURE__ */ jsx46(
+        !isNarrow && showLift && /* @__PURE__ */ jsx49(
           HoverTip,
           {
-            text: /* @__PURE__ */ jsxs31(Text32, { size: 2, style: { lineHeight: 1.5 }, children: [
-              /* @__PURE__ */ jsx46("span", { style: { fontWeight: 600 }, children: area.feature }),
+            text: /* @__PURE__ */ jsxs34(Text35, { size: 2, style: { lineHeight: 1.5 }, children: [
+              /* @__PURE__ */ jsx49("span", { style: { fontWeight: 600 }, children: area.feature }),
               " doc lift:",
               " ",
-              /* @__PURE__ */ jsxs31(
+              /* @__PURE__ */ jsxs34(
                 "span",
                 {
                   style: {
@@ -9940,8 +10521,8 @@ function AreaRow({
               "pts. ",
               GLOSSARY.docLift
             ] }),
-            children: /* @__PURE__ */ jsxs31(
-              Text32,
+            children: /* @__PURE__ */ jsxs34(
+              Text35,
               {
                 size: 2,
                 style: {
@@ -9957,12 +10538,12 @@ function AreaRow({
             )
           }
         ),
-        tier === "full" && hasActual && /* @__PURE__ */ jsx46(
+        tier === "full" && hasActual && /* @__PURE__ */ jsx49(
           HoverTip,
           {
             text: area.actualScore != null ? `${area.feature} actual score: ${Math.round(area.actualScore)}/100. ${GLOSSARY.actualScore}` : `No agentic data for ${area.feature}.`,
-            children: /* @__PURE__ */ jsx46(
-              Text32,
+            children: /* @__PURE__ */ jsx49(
+              Text35,
               {
                 size: 2,
                 style: {
@@ -9991,17 +10572,17 @@ function DimCell({
   const tooltip = dimKey ? DIMENSION_TOOLTIPS2[dimKey] : "";
   const textSize = size === "small" ? 0 : 1;
   const barHeight = size === "small" ? 3 : 4;
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx49(
     HoverTip,
     {
-      text: /* @__PURE__ */ jsxs31(Text32, { size: 2, style: { lineHeight: 1.5 }, children: [
-        /* @__PURE__ */ jsx46("span", { style: { fontWeight: 600 }, children: area }),
+      text: /* @__PURE__ */ jsxs34(Text35, { size: 2, style: { lineHeight: 1.5 }, children: [
+        /* @__PURE__ */ jsx49("span", { style: { fontWeight: 600 }, children: area }),
         " \u2192",
         " ",
-        /* @__PURE__ */ jsx46("span", { style: { fontWeight: 600 }, children: dim }),
+        /* @__PURE__ */ jsx49("span", { style: { fontWeight: 600 }, children: dim }),
         ":",
         " ",
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx49(
           "span",
           {
             style: {
@@ -10012,14 +10593,14 @@ function DimCell({
             children: Math.round(value)
           }
         ),
-        /* @__PURE__ */ jsx46("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
+        /* @__PURE__ */ jsx49("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
         ".",
         " ",
         tooltip
       ] }),
-      children: /* @__PURE__ */ jsxs31(Stack25, { space: 1, style: { width: "100%" }, children: [
-        /* @__PURE__ */ jsx46(
-          Text32,
+      children: /* @__PURE__ */ jsxs34(Stack27, { space: 1, style: { width: "100%" }, children: [
+        /* @__PURE__ */ jsx49(
+          Text35,
           {
             size: textSize,
             style: {
@@ -10030,7 +10611,7 @@ function DimCell({
             children: Math.round(value)
           }
         ),
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx49(
           "div",
           {
             style: {
@@ -10040,7 +10621,7 @@ function DimCell({
               overflow: "hidden",
               width: "100%"
             },
-            children: /* @__PURE__ */ jsx46(
+            children: /* @__PURE__ */ jsx49(
               "div",
               {
                 style: {
@@ -10065,7 +10646,7 @@ function ColHeader2({
   onClick,
   tooltip
 }) {
-  const handleKeyDown = useCallback29(
+  const handleKeyDown = useCallback30(
     (e) => {
       if (onClick && (e.key === "Enter" || e.key === " ")) {
         e.preventDefault();
@@ -10075,8 +10656,8 @@ function ColHeader2({
     [onClick]
   );
   const arrow = active ? direction === "asc" ? " \u2191" : " \u2193" : "";
-  return /* @__PURE__ */ jsxs31(Flex23, { align: "center", gap: 1, children: [
-    /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsxs34(Flex25, { align: "center", gap: 1, children: [
+    /* @__PURE__ */ jsx49(
       "div",
       {
         onClick,
@@ -10087,8 +10668,8 @@ function ColHeader2({
           userSelect: "none"
         },
         tabIndex: onClick ? 0 : void 0,
-        children: /* @__PURE__ */ jsxs31(
-          Text32,
+        children: /* @__PURE__ */ jsxs34(
+          Text35,
           {
             muted: true,
             size: 1,
@@ -10105,14 +10686,14 @@ function ColHeader2({
         )
       }
     ),
-    tooltip && /* @__PURE__ */ jsx46(InfoTip, { text: tooltip })
+    tooltip && /* @__PURE__ */ jsx49(InfoTip, { text: tooltip })
   ] });
 }
 
 // src/components/report-detail/ModelSelector.tsx
-import { useCallback as useCallback30 } from "react";
-import { Flex as Flex24, Text as Text33 } from "@sanity/ui";
-import { jsx as jsx47, jsxs as jsxs32 } from "react/jsx-runtime";
+import { useCallback as useCallback31 } from "react";
+import { Flex as Flex26, Text as Text36 } from "@sanity/ui";
+import { jsx as jsx50, jsxs as jsxs35 } from "react/jsx-runtime";
 var pillBase = {
   borderColor: "var(--card-border-color)",
   borderRadius: 999,
@@ -10143,8 +10724,8 @@ function ModelSelector({
   selection,
   onChange
 }) {
-  return /* @__PURE__ */ jsxs32(Flex24, { align: "center", gap: 1, wrap: "wrap", children: [
-    /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsxs35(Flex26, { align: "center", gap: 1, wrap: "wrap", children: [
+    /* @__PURE__ */ jsx50(
       Pill2,
       {
         isSelected: selection === null,
@@ -10152,7 +10733,7 @@ function ModelSelector({
         onClick: () => onChange(null)
       }
     ),
-    models.map((model) => /* @__PURE__ */ jsx47(
+    models.map((model) => /* @__PURE__ */ jsx50(
       Pill2,
       {
         isSelected: selection === model.modelId,
@@ -10161,7 +10742,7 @@ function ModelSelector({
       },
       model.modelId
     )),
-    /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx50(
       "div",
       {
         style: {
@@ -10172,7 +10753,7 @@ function ModelSelector({
         }
       }
     ),
-    /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx50(
       Pill2,
       {
         isSelected: selection === "expanded",
@@ -10187,7 +10768,7 @@ function Pill2({
   label,
   onClick
 }) {
-  const handleKeyDown = useCallback30(
+  const handleKeyDown = useCallback31(
     (e) => {
       if (e.key === "Enter" || e.key === " ") {
         e.preventDefault();
@@ -10196,7 +10777,7 @@ function Pill2({
     },
     [onClick]
   );
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx50(
     "span",
     {
       onClick,
@@ -10204,8 +10785,8 @@ function Pill2({
       role: "button",
       style: isSelected ? pillSelected : pillDefault,
       tabIndex: 0,
-      children: /* @__PURE__ */ jsx47(
-        Text33,
+      children: /* @__PURE__ */ jsx50(
+        Text36,
         {
           size: 1,
           style: {
@@ -10220,13 +10801,13 @@ function Pill2({
 }
 
 // src/components/report-detail/useModelSelection.ts
-import { useCallback as useCallback31, useMemo as useMemo13, useState as useState21 } from "react";
+import { useCallback as useCallback32, useMemo as useMemo13, useState as useState22 } from "react";
 function useModelSelection({
   scores,
   perModel
 }) {
-  const [selection, setSelection] = useState21(null);
-  const onSelectionChange = useCallback31((next) => {
+  const [selection, setSelection] = useState22(null);
+  const onSelectionChange = useCallback32((next) => {
     setSelection(next);
   }, []);
   const isExpanded = selection === "expanded";
@@ -10248,7 +10829,7 @@ function useModelSelection({
 }
 
 // src/components/report-detail/StrengthsList.tsx
-import { jsx as jsx48, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs36 } from "react/jsx-runtime";
 function StrengthsList({
   mode,
   scores,
@@ -10272,13 +10853,13 @@ function StrengthsList({
     (a, b) => (b.infrastructureEfficiency ?? 0) - (a.infrastructureEfficiency ?? 0)
   );
   if (displayedScores.length === 0) return null;
-  return /* @__PURE__ */ jsxs33(Stack26, { space: 5, children: [
-    /* @__PURE__ */ jsxs33(Stack26, { space: 3, children: [
-      /* @__PURE__ */ jsxs33(Flex25, { align: "center", gap: 2, wrap: "wrap", children: [
-        /* @__PURE__ */ jsx48(CheckmarkCircleIcon2, { style: { color: "#34d399" } }),
-        /* @__PURE__ */ jsx48(Text34, { size: 2, weight: "medium", children: "Strong Areas (70+)" }),
-        /* @__PURE__ */ jsx48(InfoTip, { text: GLOSSARY.strengths }),
-        hasModels && /* @__PURE__ */ jsx48(Box21, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsxs36(Stack28, { space: 5, children: [
+    /* @__PURE__ */ jsxs36(Stack28, { space: 3, children: [
+      /* @__PURE__ */ jsxs36(Flex27, { align: "center", gap: 2, wrap: "wrap", children: [
+        /* @__PURE__ */ jsx51(CheckmarkCircleIcon2, { style: { color: "#34d399" } }),
+        /* @__PURE__ */ jsx51(Text37, { size: 2, weight: "medium", children: "Strong Areas (70+)" }),
+        /* @__PURE__ */ jsx51(InfoTip, { text: GLOSSARY.strengths }),
+        hasModels && /* @__PURE__ */ jsx51(Box24, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx51(
           ModelSelector,
           {
             models: perModel,
@@ -10287,7 +10868,7 @@ function StrengthsList({
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsx48(
+      /* @__PURE__ */ jsx51(
         AreaScoresGrid,
         {
           mode,
@@ -10297,33 +10878,33 @@ function StrengthsList({
         }
       )
     ] }),
-    retrievalSuccesses.length > 0 && /* @__PURE__ */ jsxs33(Box21, { style: neutralCardStyle, children: [
-      /* @__PURE__ */ jsx48(
-        Box21,
+    retrievalSuccesses.length > 0 && /* @__PURE__ */ jsxs36(Box24, { style: neutralCardStyle, children: [
+      /* @__PURE__ */ jsx51(
+        Box24,
         {
           padding: 4,
           style: { borderBottom: "1px solid var(--card-border-color)" },
-          children: /* @__PURE__ */ jsxs33(Flex25, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ jsx48(SearchIcon7, { style: { color: "#34d399" } }),
-            /* @__PURE__ */ jsxs33(Text34, { size: 2, weight: "medium", children: [
+          children: /* @__PURE__ */ jsxs36(Flex27, { align: "center", gap: 2, children: [
+            /* @__PURE__ */ jsx51(SearchIcon7, { style: { color: "#34d399" } }),
+            /* @__PURE__ */ jsxs36(Text37, { size: 2, weight: "medium", children: [
               "Retrieval Successes (",
               Math.round(EFFICIENCY_POSITIVE * 100),
               "%+ efficiency)"
             ] }),
-            /* @__PURE__ */ jsx48(InfoTip, { text: GLOSSARY.retrievalExcellence })
+            /* @__PURE__ */ jsx51(InfoTip, { text: GLOSSARY.retrievalExcellence })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx48(Stack26, { children: retrievalSuccesses.map((area, i) => /* @__PURE__ */ jsxs33(
-        Flex25,
+      /* @__PURE__ */ jsx51(Stack28, { children: retrievalSuccesses.map((area, i) => /* @__PURE__ */ jsxs36(
+        Flex27,
         {
           align: "center",
           justify: "space-between",
           padding: 4,
           style: i > 0 ? dividerStyle : void 0,
           children: [
-            /* @__PURE__ */ jsx48(Text34, { size: 2, children: area.feature }),
-            /* @__PURE__ */ jsx48(
+            /* @__PURE__ */ jsx51(Text37, { size: 2, children: area.feature }),
+            /* @__PURE__ */ jsx51(
               "span",
               {
                 style: {
@@ -10353,8 +10934,8 @@ import {
   BoltIcon,
   ArrowDownIcon as ArrowDownIcon2
 } from "@sanity/icons";
-import { Box as Box22, Flex as Flex26, Stack as Stack27, Text as Text35 } from "@sanity/ui";
-import { jsx as jsx49, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Box as Box25, Flex as Flex28, Stack as Stack29, Text as Text38 } from "@sanity/ui";
+import { jsx as jsx52, jsxs as jsxs37 } from "react/jsx-runtime";
 function WeaknessesList({
   mode,
   scores,
@@ -10382,15 +10963,15 @@ function WeaknessesList({
   const efficiencyAnomalies = scores.filter(
     (s) => s.infrastructureEfficiency != null && s.infrastructureEfficiency > EFFICIENCY_ANOMALY
   );
-  const hasContent = weakAreas.length > 0 || docsHurt.length > 0 || retrievalIssues.length > 0 || dimWeaknesses.length > 0 || regressed.length > 0 || efficiencyAnomalies.length > 0;
+  const hasContent = weakAreas.length > 0 || docsHurt.length > 0 || retrievalIssues.length > 0 || dimWeaknesses.length > 0 || FEATURE_FLAGS.showRegressedSinceLastRun.enabled && regressed.length > 0 || efficiencyAnomalies.length > 0;
   if (!hasContent) return null;
-  return /* @__PURE__ */ jsxs34(Stack27, { space: 5, children: [
-    weakAreas.length > 0 && /* @__PURE__ */ jsxs34(Stack27, { space: 3, children: [
-      /* @__PURE__ */ jsxs34(Flex26, { align: "center", gap: 2, wrap: "wrap", children: [
-        /* @__PURE__ */ jsx49(ErrorOutlineIcon3, { style: { color: "#f87171" } }),
-        /* @__PURE__ */ jsx49(Text35, { size: 2, weight: "medium", children: "Weak Areas (<70)" }),
-        /* @__PURE__ */ jsx49(InfoTip, { text: GLOSSARY.weakAreas }),
-        hasModels && /* @__PURE__ */ jsx49(Box22, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsxs37(Stack29, { space: 5, children: [
+    weakAreas.length > 0 && /* @__PURE__ */ jsxs37(Stack29, { space: 3, children: [
+      /* @__PURE__ */ jsxs37(Flex28, { align: "center", gap: 2, wrap: "wrap", children: [
+        /* @__PURE__ */ jsx52(ErrorOutlineIcon3, { style: { color: "#f87171" } }),
+        /* @__PURE__ */ jsx52(Text38, { size: 2, weight: "medium", children: "Weak Areas (<70)" }),
+        /* @__PURE__ */ jsx52(InfoTip, { text: GLOSSARY.weakAreas }),
+        hasModels && /* @__PURE__ */ jsx52(Box25, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx52(
           ModelSelector,
           {
             models: perModel,
@@ -10399,7 +10980,7 @@ function WeaknessesList({
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsx49(
+      /* @__PURE__ */ jsx52(
         AreaScoresGrid,
         {
           mode,
@@ -10409,22 +10990,22 @@ function WeaknessesList({
         }
       )
     ] }),
-    docsHurt.length > 0 && /* @__PURE__ */ jsxs34(Stack27, { space: 3, children: [
-      /* @__PURE__ */ jsxs34(Flex26, { align: "center", gap: 2, children: [
-        /* @__PURE__ */ jsx49(ErrorOutlineIcon3, { style: { color: "#f87171" } }),
-        /* @__PURE__ */ jsx49(Text35, { size: 2, weight: "medium", children: "Docs Hurt Performance (Negative Doc Lift)" }),
-        /* @__PURE__ */ jsx49(InfoTip, { text: GLOSSARY.docsHurt })
+    docsHurt.length > 0 && /* @__PURE__ */ jsxs37(Stack29, { space: 3, children: [
+      /* @__PURE__ */ jsxs37(Flex28, { align: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx52(ErrorOutlineIcon3, { style: { color: "#f87171" } }),
+        /* @__PURE__ */ jsx52(Text38, { size: 2, weight: "medium", children: "Docs Hurt Performance (Negative Doc Lift)" }),
+        /* @__PURE__ */ jsx52(InfoTip, { text: GLOSSARY.docsHurt })
       ] }),
-      /* @__PURE__ */ jsx49(Box22, { style: sectionStyle("red"), children: docsHurt.map((area, i) => /* @__PURE__ */ jsxs34(
-        Box22,
+      /* @__PURE__ */ jsx52(Box25, { style: sectionStyle("red"), children: docsHurt.map((area, i) => /* @__PURE__ */ jsxs37(
+        Box25,
         {
           padding: 4,
           style: i > 0 ? { borderTop: "1px solid rgba(239,68,68,0.2)" } : void 0,
           children: [
-            /* @__PURE__ */ jsxs34(Flex26, { align: "center", justify: "space-between", wrap: "wrap", children: [
-              /* @__PURE__ */ jsxs34(Flex26, { align: "center", gap: 2, children: [
-                /* @__PURE__ */ jsx49(Text35, { size: 2, weight: "medium", children: area.feature }),
-                /* @__PURE__ */ jsx49(
+            /* @__PURE__ */ jsxs37(Flex28, { align: "center", justify: "space-between", wrap: "wrap", children: [
+              /* @__PURE__ */ jsxs37(Flex28, { align: "center", gap: 2, children: [
+                /* @__PURE__ */ jsx52(Text38, { size: 2, weight: "medium", children: area.feature }),
+                /* @__PURE__ */ jsx52(
                   "span",
                   {
                     style: {
@@ -10439,7 +11020,7 @@ function WeaknessesList({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx49(
+              /* @__PURE__ */ jsx52(
                 "span",
                 {
                   style: {
@@ -10452,8 +11033,8 @@ function WeaknessesList({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx49(Box22, { paddingTop: 2, children: /* @__PURE__ */ jsxs34(Text35, { muted: true, size: 2, children: [
-              area.invertedRetrievalGap && /* @__PURE__ */ jsxs34("span", { style: { color: "#fbbf24" }, children: [
+            /* @__PURE__ */ jsx52(Box25, { paddingTop: 2, children: /* @__PURE__ */ jsxs37(Text38, { muted: true, size: 2, children: [
+              area.invertedRetrievalGap && /* @__PURE__ */ jsxs37("span", { style: { color: "#fbbf24" }, children: [
                 "Agent does better by NOT finding these docs.",
                 " "
               ] }),
@@ -10468,22 +11049,22 @@ function WeaknessesList({
         area.feature
       )) })
     ] }),
-    retrievalIssues.length > 0 && /* @__PURE__ */ jsxs34(Stack27, { space: 3, children: [
-      /* @__PURE__ */ jsxs34(Flex26, { align: "center", gap: 2, children: [
-        /* @__PURE__ */ jsx49(SearchIcon8, { style: { color: "#fbbf24" } }),
-        /* @__PURE__ */ jsx49(Text35, { size: 2, weight: "medium", children: "Retrieval Issues (<70% efficiency)" }),
-        /* @__PURE__ */ jsx49(InfoTip, { text: GLOSSARY.retrievalIssues })
+    retrievalIssues.length > 0 && /* @__PURE__ */ jsxs37(Stack29, { space: 3, children: [
+      /* @__PURE__ */ jsxs37(Flex28, { align: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx52(SearchIcon8, { style: { color: "#fbbf24" } }),
+        /* @__PURE__ */ jsx52(Text38, { size: 2, weight: "medium", children: "Retrieval Issues (<70% efficiency)" }),
+        /* @__PURE__ */ jsx52(InfoTip, { text: GLOSSARY.retrievalIssues })
       ] }),
-      /* @__PURE__ */ jsx49(Box22, { style: sectionStyle("amber"), children: retrievalIssues.map((area, i) => /* @__PURE__ */ jsxs34(
-        Box22,
+      /* @__PURE__ */ jsx52(Box25, { style: sectionStyle("amber"), children: retrievalIssues.map((area, i) => /* @__PURE__ */ jsxs37(
+        Box25,
         {
           padding: 4,
           style: i > 0 ? { borderTop: "1px solid rgba(245,158,11,0.2)" } : void 0,
           children: [
-            /* @__PURE__ */ jsxs34(Flex26, { align: "center", justify: "space-between", wrap: "wrap", children: [
-              /* @__PURE__ */ jsxs34(Flex26, { align: "center", gap: 2, children: [
-                /* @__PURE__ */ jsx49(Text35, { size: 2, weight: "medium", children: area.feature }),
-                /* @__PURE__ */ jsx49(
+            /* @__PURE__ */ jsxs37(Flex28, { align: "center", justify: "space-between", wrap: "wrap", children: [
+              /* @__PURE__ */ jsxs37(Flex28, { align: "center", gap: 2, children: [
+                /* @__PURE__ */ jsx52(Text38, { size: 2, weight: "medium", children: area.feature }),
+                /* @__PURE__ */ jsx52(
                   "span",
                   {
                     style: {
@@ -10498,7 +11079,7 @@ function WeaknessesList({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx49(
+              /* @__PURE__ */ jsx52(
                 "span",
                 {
                   style: {
@@ -10511,7 +11092,7 @@ function WeaknessesList({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx49(Box22, { paddingTop: 2, children: /* @__PURE__ */ jsxs34(Text35, { muted: true, size: 2, children: [
+            /* @__PURE__ */ jsx52(Box25, { paddingTop: 2, children: /* @__PURE__ */ jsxs37(Text38, { muted: true, size: 2, children: [
               "Actual score (",
               Math.round(area.actualScore ?? 0),
               ") is much lower than ceiling (",
@@ -10526,21 +11107,21 @@ function WeaknessesList({
         area.feature
       )) })
     ] }),
-    dimWeaknesses.length > 0 && /* @__PURE__ */ jsxs34(Stack27, { space: 3, children: [
-      /* @__PURE__ */ jsxs34(Flex26, { align: "center", gap: 2, children: [
-        /* @__PURE__ */ jsx49(WarningOutlineIcon3, { style: { color: "#fbbf24" } }),
-        /* @__PURE__ */ jsx49(Text35, { size: 2, weight: "medium", children: "Dimension Weaknesses (<50)" }),
-        /* @__PURE__ */ jsx49(InfoTip, { text: GLOSSARY.dimWeaknesses })
+    dimWeaknesses.length > 0 && /* @__PURE__ */ jsxs37(Stack29, { space: 3, children: [
+      /* @__PURE__ */ jsxs37(Flex28, { align: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx52(WarningOutlineIcon3, { style: { color: "#fbbf24" } }),
+        /* @__PURE__ */ jsx52(Text38, { size: 2, weight: "medium", children: "Dimension Weaknesses (<50)" }),
+        /* @__PURE__ */ jsx52(InfoTip, { text: GLOSSARY.dimWeaknesses })
       ] }),
-      /* @__PURE__ */ jsx49(Box22, { style: neutralCardStyle, children: dimWeaknesses.map(({ area, dims }, i) => /* @__PURE__ */ jsxs34(
-        Box22,
+      /* @__PURE__ */ jsx52(Box25, { style: neutralCardStyle, children: dimWeaknesses.map(({ area, dims }, i) => /* @__PURE__ */ jsxs37(
+        Box25,
         {
           padding: 4,
           style: i > 0 ? dividerStyle : void 0,
           children: [
-            /* @__PURE__ */ jsxs34(Flex26, { align: "center", gap: 2, paddingBottom: 2, children: [
-              /* @__PURE__ */ jsx49(Text35, { size: 2, weight: "medium", children: area.feature }),
-              /* @__PURE__ */ jsx49(
+            /* @__PURE__ */ jsxs37(Flex28, { align: "center", gap: 2, paddingBottom: 2, children: [
+              /* @__PURE__ */ jsx52(Text38, { size: 2, weight: "medium", children: area.feature }),
+              /* @__PURE__ */ jsx52(
                 "span",
                 {
                   style: {
@@ -10555,7 +11136,7 @@ function WeaknessesList({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx49(Flex26, { gap: 2, wrap: "wrap", children: dims.map((w) => /* @__PURE__ */ jsx49(HoverTip, { text: w.tip, children: /* @__PURE__ */ jsxs34(
+            /* @__PURE__ */ jsx52(Flex28, { gap: 2, wrap: "wrap", children: dims.map((w) => /* @__PURE__ */ jsx52(HoverTip, { text: w.tip, children: /* @__PURE__ */ jsxs37(
               "span",
               {
                 style: {
@@ -10577,33 +11158,33 @@ function WeaknessesList({
         area.feature
       )) })
     ] }),
-    regressed.length > 0 && /* @__PURE__ */ jsxs34(Box22, { style: neutralCardStyle, children: [
-      /* @__PURE__ */ jsx49(
-        Box22,
+    FEATURE_FLAGS.showRegressedSinceLastRun.enabled && regressed.length > 0 && /* @__PURE__ */ jsxs37(Box25, { style: neutralCardStyle, children: [
+      /* @__PURE__ */ jsx52(
+        Box25,
         {
           padding: 4,
           style: { borderBottom: "1px solid var(--card-border-color)" },
-          children: /* @__PURE__ */ jsxs34(Flex26, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ jsx49(ArrowDownIcon2, { style: { color: "#f87171" } }),
-            /* @__PURE__ */ jsx49(Text35, { size: 2, weight: "medium", children: "Regressed Since Last Run" })
+          children: /* @__PURE__ */ jsxs37(Flex28, { align: "center", gap: 2, children: [
+            /* @__PURE__ */ jsx52(ArrowDownIcon2, { style: { color: "#f87171" } }),
+            /* @__PURE__ */ jsx52(Text38, { size: 2, weight: "medium", children: "Regressed Since Last Run" })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx49(Stack27, { children: regressed.map((featureName, i) => {
+      /* @__PURE__ */ jsx52(Stack29, { children: regressed.map((featureName, i) => {
         const area = scores.find((s) => s.feature === featureName);
         const areaDelta = perArea?.[featureName];
-        return /* @__PURE__ */ jsxs34(
-          Flex26,
+        return /* @__PURE__ */ jsxs37(
+          Flex28,
           {
             align: "center",
             justify: "space-between",
             padding: 4,
             style: i > 0 ? dividerStyle : void 0,
             children: [
-              /* @__PURE__ */ jsx49(Text35, { size: 2, children: featureName }),
-              /* @__PURE__ */ jsxs34(Flex26, { align: "center", gap: 3, children: [
-                areaDelta != null && /* @__PURE__ */ jsx49(DeltaIndicator, { delta: areaDelta, icon: true }),
-                area && /* @__PURE__ */ jsx49(
+              /* @__PURE__ */ jsx52(Text38, { size: 2, children: featureName }),
+              /* @__PURE__ */ jsxs37(Flex28, { align: "center", gap: 3, children: [
+                areaDelta != null && /* @__PURE__ */ jsx52(DeltaIndicator, { delta: areaDelta, icon: true }),
+                area && /* @__PURE__ */ jsx52(
                   "span",
                   {
                     style: {
@@ -10625,32 +11206,32 @@ function WeaknessesList({
         );
       }) })
     ] }),
-    efficiencyAnomalies.length > 0 && /* @__PURE__ */ jsxs34(Box22, { style: neutralCardStyle, children: [
-      /* @__PURE__ */ jsx49(
-        Box22,
+    efficiencyAnomalies.length > 0 && /* @__PURE__ */ jsxs37(Box25, { style: neutralCardStyle, children: [
+      /* @__PURE__ */ jsx52(
+        Box25,
         {
           padding: 4,
           style: { borderBottom: "1px solid var(--card-border-color)" },
-          children: /* @__PURE__ */ jsxs34(Stack27, { space: 2, children: [
-            /* @__PURE__ */ jsxs34(Flex26, { align: "center", gap: 2, children: [
-              /* @__PURE__ */ jsx49(BoltIcon, { style: { color: "#fbbf24" } }),
-              /* @__PURE__ */ jsx49(Text35, { size: 2, weight: "medium", children: "Efficiency Anomalies (>100%)" }),
-              /* @__PURE__ */ jsx49(InfoTip, { text: GLOSSARY.efficiencyAnomalies })
+          children: /* @__PURE__ */ jsxs37(Stack29, { space: 2, children: [
+            /* @__PURE__ */ jsxs37(Flex28, { align: "center", gap: 2, children: [
+              /* @__PURE__ */ jsx52(BoltIcon, { style: { color: "#fbbf24" } }),
+              /* @__PURE__ */ jsx52(Text38, { size: 2, weight: "medium", children: "Efficiency Anomalies (>100%)" }),
+              /* @__PURE__ */ jsx52(InfoTip, { text: GLOSSARY.efficiencyAnomalies })
             ] }),
-            /* @__PURE__ */ jsx49(Text35, { muted: true, size: 2, children: "Agent outperforms injected docs \u2014 may indicate doc quality issues or agent memorization." })
+            /* @__PURE__ */ jsx52(Text38, { muted: true, size: 2, children: "Agent outperforms injected docs \u2014 may indicate doc quality issues or agent memorization." })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx49(Stack27, { children: efficiencyAnomalies.map((area, i) => /* @__PURE__ */ jsxs34(
-        Flex26,
+      /* @__PURE__ */ jsx52(Stack29, { children: efficiencyAnomalies.map((area, i) => /* @__PURE__ */ jsxs37(
+        Flex28,
         {
           align: "center",
           justify: "space-between",
           padding: 4,
           style: i > 0 ? dividerStyle : void 0,
           children: [
-            /* @__PURE__ */ jsx49(Text35, { size: 2, children: area.feature }),
-            /* @__PURE__ */ jsx49(
+            /* @__PURE__ */ jsx52(Text38, { size: 2, children: area.feature }),
+            /* @__PURE__ */ jsx52(
               "span",
               {
                 style: {
@@ -10678,12 +11259,12 @@ var tipArea = {
   fontWeight: 600
 };
 function dimTip(area, dim, score, description) {
-  return /* @__PURE__ */ jsxs34(Text35, { size: 2, style: { lineHeight: 1.5 }, children: [
-    /* @__PURE__ */ jsx49("span", { style: tipArea, children: area }),
+  return /* @__PURE__ */ jsxs37(Text38, { size: 2, style: { lineHeight: 1.5 }, children: [
+    /* @__PURE__ */ jsx52("span", { style: tipArea, children: area }),
     " scores",
     " ",
-    /* @__PURE__ */ jsx49("span", { style: tipValue, children: score }),
-    /* @__PURE__ */ jsx49("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
+    /* @__PURE__ */ jsx52("span", { style: tipValue, children: score }),
+    /* @__PURE__ */ jsx52("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
     " on",
     " ",
     dim.toLowerCase(),
@@ -10712,7 +11293,7 @@ function getDimensionWeaknesses(area) {
 }
 
 // src/components/report-detail/ReportDetail.tsx
-import { jsx as jsx50, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs38 } 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" };
@@ -10729,9 +11310,9 @@ function ReportDetail({
   subTab
 }) {
   const client = useClient10({ apiVersion: API_VERSION });
-  const [loading, setLoading] = useState22(true);
-  const [report, setReport] = useState22(null);
-  useEffect10(() => {
+  const [loading, setLoading] = useState23(true);
+  const [report, setReport] = useState23(null);
+  useEffect12(() => {
     let cancelled = false;
     setLoading(true);
     client.fetch(reportDetailQuery, { reportId }).then((data) => {
@@ -10775,19 +11356,19 @@ function ReportDetail({
     if (disabledTabs.has(parsed)) return "overview";
     return tabs.some((t) => t.id === parsed) ? parsed : "overview";
   }, [activeTab, disabledTabs, tabs]);
-  const handleTabClick = useCallback32(
+  const handleTabClick = useCallback33(
     (tabId) => {
       onTabChange(tabId === "overview" ? null : tabId, null, null);
     },
     [onTabChange]
   );
   if (loading) {
-    return /* @__PURE__ */ jsx50(LoadingState, { message: "Loading report\u2026" });
+    return /* @__PURE__ */ jsx53(LoadingState, { message: "Loading report\u2026" });
   }
   if (!report || !summary) {
-    return /* @__PURE__ */ jsx50(Box23, { padding: 5, children: /* @__PURE__ */ jsxs35(Stack28, { space: 4, children: [
-      /* @__PURE__ */ jsx50(
-        Button7,
+    return /* @__PURE__ */ jsx53(Box26, { padding: 5, children: /* @__PURE__ */ jsxs38(Stack30, { space: 4, children: [
+      /* @__PURE__ */ jsx53(
+        Button8,
         {
           icon: ArrowLeftIcon3,
           mode: "bleed",
@@ -10795,18 +11376,18 @@ function ReportDetail({
           text: "Back"
         }
       ),
-      /* @__PURE__ */ jsx50(Text36, { align: "center", muted: true, size: 3, children: "Report not found" })
+      /* @__PURE__ */ jsx53(Text39, { 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__ */ jsx50(
+  return /* @__PURE__ */ jsx53(
     ReportArtifactProvider,
     {
       runId: report.provenance?.runId,
       manifest: summary?.artifactManifest,
-      children: /* @__PURE__ */ jsx50(Box23, { padding: 4, children: /* @__PURE__ */ jsxs35(Stack28, { space: 5, children: [
-        /* @__PURE__ */ jsx50(
+      children: /* @__PURE__ */ jsx53(Box26, { padding: 4, children: /* @__PURE__ */ jsxs38(Stack30, { space: 5, children: [
+        /* @__PURE__ */ jsx53(
           ReportHeader,
           {
             completedAt: report.completedAt,
@@ -10815,11 +11396,11 @@ function ReportDetail({
             title: report.title
           }
         ),
-        /* @__PURE__ */ jsxs35(Flex27, { align: "center", gap: 2, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx50(TabList, { space: 1, children: tabs.map((tab) => {
+        /* @__PURE__ */ jsxs38(Flex29, { align: "center", gap: 2, wrap: "wrap", children: [
+          /* @__PURE__ */ jsx53(TabList, { space: 1, children: tabs.map((tab) => {
             const isDisabled = disabledTabs.has(tab.id);
             const tooltip = getDisabledTabTooltip(tab.id, summary);
-            const tabElement = /* @__PURE__ */ jsx50(
+            const tabElement = /* @__PURE__ */ jsx53(
               Tab,
               {
                 "aria-controls": `panel-${tab.id}`,
@@ -10830,27 +11411,27 @@ function ReportDetail({
                 selected: currentTab === tab.id
               }
             );
-            return isDisabled && tooltip ? /* @__PURE__ */ jsx50(
-              Tooltip9,
+            return isDisabled && tooltip ? /* @__PURE__ */ jsx53(
+              Tooltip10,
               {
-                content: /* @__PURE__ */ jsx50(Box23, { padding: 2, style: { maxWidth: 280 }, children: tooltip }),
+                content: /* @__PURE__ */ jsx53(Box26, { padding: 2, style: { maxWidth: 280 }, children: tooltip }),
                 placement: "bottom",
                 portal: true,
-                children: /* @__PURE__ */ jsx50("span", { style: { display: "inline-block" }, children: tabElement })
+                children: /* @__PURE__ */ jsx53("span", { style: { display: "inline-block" }, children: tabElement })
               },
               tab.id
-            ) : /* @__PURE__ */ jsx50("span", { children: tabElement }, tab.id);
+            ) : /* @__PURE__ */ jsx53("span", { children: tabElement }, tab.id);
           }) }),
-          /* @__PURE__ */ jsxs35(Flex27, { align: "center", gap: 2, style: { marginLeft: "auto" }, children: [
-            /* @__PURE__ */ jsx50(
+          /* @__PURE__ */ jsxs38(Flex29, { align: "center", gap: 2, style: { marginLeft: "auto" }, children: [
+            /* @__PURE__ */ jsx53(
               HoverTip,
               {
                 text: SOURCE_TIP[provenance.source.name] ?? GLOSSARY.reportMode,
-                children: /* @__PURE__ */ jsx50(Badge7, { mode: "outline", tone: "default", children: provenance.source.name })
+                children: /* @__PURE__ */ jsx53(Badge8, { mode: "outline", tone: "default", children: provenance.source.name })
               }
             ),
-            /* @__PURE__ */ jsx50(HoverTip, { text: MODE_TIP2[provenance.mode] ?? GLOSSARY.reportMode, children: /* @__PURE__ */ jsx50(Badge7, { tone: "primary", children: provenance.mode }) }),
-            /* @__PURE__ */ jsx50(
+            /* @__PURE__ */ jsx53(HoverTip, { text: MODE_TIP2[provenance.mode] ?? GLOSSARY.reportMode, children: /* @__PURE__ */ jsx53(Badge8, { tone: "primary", children: provenance.mode }) }),
+            /* @__PURE__ */ jsx53(
               ReportActions,
               {
                 documentId: report._id,
@@ -10861,14 +11442,14 @@ function ReportDetail({
             )
           ] })
         ] }),
-        currentTab === "overview" && /* @__PURE__ */ jsx50(
+        currentTab === "overview" && /* @__PURE__ */ jsx53(
           TabPanel,
           {
             "aria-labelledby": "tab-overview",
             hidden: currentTab !== "overview",
             id: "panel-overview",
-            children: /* @__PURE__ */ jsxs35(Stack28, { space: 5, children: [
-              /* @__PURE__ */ jsx50(
+            children: /* @__PURE__ */ jsxs38(Stack30, { space: 5, children: [
+              /* @__PURE__ */ jsx53(
                 DiagnosticsOverview,
                 {
                   comparison,
@@ -10879,18 +11460,19 @@ function ReportDetail({
                   totalTests
                 }
               ),
-              /* @__PURE__ */ jsx50(
+              /* @__PURE__ */ jsx53(CostLatencyPanel, { testResults: summary.testResults }),
+              /* @__PURE__ */ jsx53(
                 LineageCard,
                 {
                   provenance,
                   reportId: report.reportId
                 }
               ),
-              /* @__PURE__ */ jsx50(ProvenanceCard, { provenance })
+              /* @__PURE__ */ jsx53(ProvenanceCard, { provenance })
             ] })
           }
         ),
-        currentTab === "diagnostics" && hasDiagnostics && /* @__PURE__ */ jsx50(
+        currentTab === "diagnostics" && hasDiagnostics && /* @__PURE__ */ jsx53(
           DiagnosticsPanel,
           {
             artifactCache,
@@ -10906,13 +11488,13 @@ function ReportDetail({
             testResults: summary.testResults
           }
         ),
-        currentTab === "activity" && hasAgentActivity && /* @__PURE__ */ jsx50(
+        currentTab === "activity" && hasAgentActivity && /* @__PURE__ */ jsx53(
           TabPanel,
           {
             "aria-labelledby": "tab-activity",
             hidden: currentTab !== "activity",
             id: "panel-activity",
-            children: /* @__PURE__ */ jsx50(
+            children: /* @__PURE__ */ jsx53(
               AgentBehaviorCard,
               {
                 agentBehavior: summary.agentBehavior,
@@ -10950,9 +11532,9 @@ function DiagnosticsPanel({
   const issueCount = scores.filter((s) => s.totalScore < SCORE_CAUTION).length + scores.filter((s) => s.negativeDocLift).length + scores.filter(
     (s) => s.infrastructureEfficiency != null && s.infrastructureEfficiency < EFFICIENCY_CAUTION && !s.invertedRetrievalGap
   ).length;
-  return /* @__PURE__ */ jsx50(TabPanel, { "aria-labelledby": "tab-diagnostics", id: "panel-diagnostics", children: /* @__PURE__ */ jsxs35(Stack28, { space: 4, children: [
-    /* @__PURE__ */ jsx50(
-      Flex27,
+  return /* @__PURE__ */ jsx53(TabPanel, { "aria-labelledby": "tab-diagnostics", id: "panel-diagnostics", children: /* @__PURE__ */ jsxs38(Stack30, { space: 4, children: [
+    /* @__PURE__ */ jsx53(
+      Flex29,
       {
         align: "center",
         gap: 1,
@@ -10961,7 +11543,7 @@ function DiagnosticsPanel({
           paddingBottom: 8
         },
         wrap: "wrap",
-        children: DIAG_TABS.map((tab) => /* @__PURE__ */ jsxs35(
+        children: DIAG_TABS.map((tab) => /* @__PURE__ */ jsxs38(
           "button",
           {
             onClick: () => onNavigate(tab.id === "strengths" ? null : tab.id, null),
@@ -10981,7 +11563,7 @@ function DiagnosticsPanel({
             type: "button",
             children: [
               tab.label,
-              tab.id === "issues" && issueCount > 0 && /* @__PURE__ */ jsx50(
+              tab.id === "issues" && issueCount > 0 && /* @__PURE__ */ jsx53(
                 "span",
                 {
                   style: {
@@ -11001,7 +11583,7 @@ function DiagnosticsPanel({
         ))
       }
     ),
-    subTab === "strengths" && /* @__PURE__ */ jsx50(
+    subTab === "strengths" && /* @__PURE__ */ jsx53(
       StrengthsList,
       {
         comparison,
@@ -11010,8 +11592,8 @@ function DiagnosticsPanel({
         scores
       }
     ),
-    subTab === "issues" && /* @__PURE__ */ jsxs35(Stack28, { space: 5, children: [
-      /* @__PURE__ */ jsx50(
+    subTab === "issues" && /* @__PURE__ */ jsxs38(Stack30, { space: 5, children: [
+      /* @__PURE__ */ jsx53(
         WeaknessesList,
         {
           comparison,
@@ -11020,8 +11602,8 @@ function DiagnosticsPanel({
           scores
         }
       ),
-      /* @__PURE__ */ jsx50(FailureModesPanel, { failureModes }),
-      judgments && judgments.length > 0 && /* @__PURE__ */ jsx50(
+      FEATURE_FLAGS.showFailureModes.enabled && /* @__PURE__ */ jsx53(FailureModesPanel, { failureModes }),
+      judgments && judgments.length > 0 && /* @__PURE__ */ jsx53(
         JudgmentList,
         {
           artifactCache,
@@ -11057,17 +11639,17 @@ function getDisabledTabTooltip(tabId, summary) {
   if (!summary) return null;
   switch (tabId) {
     case "diagnostics":
-      return /* @__PURE__ */ jsx50(Text36, { muted: true, size: 2, children: "No diagnostic data available. Diagnostics require at least one scored feature area." });
+      return /* @__PURE__ */ jsx53(Text39, { muted: true, size: 2, children: "No diagnostic data available. Diagnostics require at least one scored feature area." });
     case "activity":
-      return summary.evaluationMode === "baseline" ? /* @__PURE__ */ jsxs35(Text36, { muted: true, size: 2, children: [
+      return summary.evaluationMode === "baseline" ? /* @__PURE__ */ jsxs38(Text39, { muted: true, size: 2, children: [
         "Not available for baseline-only evaluations. Run with",
         " ",
-        /* @__PURE__ */ jsx50("code", { style: inlineCodeStyle, children: "--mode full" }),
+        /* @__PURE__ */ jsx53("code", { style: inlineCodeStyle, children: "--mode full" }),
         " or",
         " ",
-        /* @__PURE__ */ jsx50("code", { style: inlineCodeStyle, children: "--mode agentic" }),
+        /* @__PURE__ */ jsx53("code", { style: inlineCodeStyle, children: "--mode agentic" }),
         " to capture agent browsing behavior."
-      ] }) : /* @__PURE__ */ jsx50(Text36, { muted: true, size: 2, children: "No agent activity data was recorded for this evaluation." });
+      ] }) : /* @__PURE__ */ jsx53(Text39, { muted: true, size: 2, children: "No agent activity data was recorded for this evaluation." });
     default:
       return null;
   }
@@ -11075,12 +11657,12 @@ function getDisabledTabTooltip(tabId, summary) {
 
 // src/components/report-detail/AreaScoreRow.tsx
 import { WarningOutlineIcon as WarningOutlineIcon4 } from "@sanity/icons";
-import { Box as Box24, Flex as Flex28, Stack as Stack29, Text as Text37 } from "@sanity/ui";
-import { jsx as jsx51, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Box as Box27, Flex as Flex30, Stack as Stack31, Text as Text40 } from "@sanity/ui";
+import { jsx as jsx54, jsxs as jsxs39 } from "react/jsx-runtime";
 
 // src/components/report-detail/AreaScoreTable.tsx
 import React4 from "react";
-import { Card as Card17, Stack as Stack30, Text as Text39 } from "@sanity/ui";
+import { Card as Card18, Stack as Stack32, Text as Text42 } from "@sanity/ui";
 
 // src/lib/scoring.ts
 var HEX_MAP = {
@@ -11097,138 +11679,49 @@ function scoreHex(score) {
 }
 
 // src/components/primitives/ScoreCell.tsx
-import { Card as Card16, Text as Text38 } from "@sanity/ui";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { Card as Card17, Text as Text41 } from "@sanity/ui";
+import { jsx as jsx55 } from "react/jsx-runtime";
 
 // src/components/report-detail/AreaScoreTable.tsx
-import { jsx as jsx53, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs40 } from "react/jsx-runtime";
 
 // src/components/report-detail/AutoComparisonCard.tsx
-import { Badge as Badge8, Box as Box25, Card as Card18, Flex as Flex29, Grid as Grid4, Stack as Stack31, Text as Text40, Tooltip as Tooltip10 } from "@sanity/ui";
-import { jsx as jsx54, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Badge as Badge9, Box as Box28, Card as Card19, Flex as Flex31, Grid as Grid5, Stack as Stack33, Text as Text43, Tooltip as Tooltip11 } from "@sanity/ui";
+import { jsx as jsx57, jsxs as jsxs41 } from "react/jsx-runtime";
 
 // src/components/report-detail/OverviewStats.tsx
-import { Grid as Grid5 } from "@sanity/ui";
-import { jsx as jsx55, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Grid as Grid6 } from "@sanity/ui";
+import { jsx as jsx58, jsxs as jsxs42 } from "react/jsx-runtime";
 
 // src/components/report-detail/RecommendationsSection.tsx
 import { BoltIcon as BoltIcon2 } from "@sanity/icons";
-import { Box as Box26, Flex as Flex30, Stack as Stack32, Text as Text41 } from "@sanity/ui";
-import { jsx as jsx56, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Box as Box29, Flex as Flex32, Stack as Stack34, Text as Text44 } from "@sanity/ui";
+import { jsx as jsx59, jsxs as jsxs43 } from "react/jsx-runtime";
 
 // src/components/report-detail/ThreeLayerTable.tsx
 import React5 from "react";
-import { Badge as Badge9, Card as Card19, Flex as Flex31, Stack as Stack33, Text as Text42 } from "@sanity/ui";
-import { jsx as jsx57, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Badge as Badge10, Card as Card20, Flex as Flex33, Stack as Stack35, Text as Text45 } from "@sanity/ui";
+import { jsx as jsx60, jsxs as jsxs44 } from "react/jsx-runtime";
 
 // src/components/report-detail/JudgmentDetailDrawerOutlet.tsx
-import { Card as Card20 } from "@sanity/ui";
-import { useCallback as useCallback34, useEffect as useEffect13, useRef as useRef8, useState as useState25 } from "react";
+import { Card as Card21 } from "@sanity/ui";
+import { useCallback as useCallback34, useEffect as useEffect14, useRef as useRef8, useState as useState25 } from "react";
 
 // src/components/report-detail/JudgmentDetailDrawer.tsx
-import { useEffect as useEffect12, useState as useState24 } from "react";
+import { useEffect as useEffect13, useState as useState24 } from "react";
 import { CloseIcon as CloseIcon2 } from "@sanity/icons";
 import {
-  Box as Box28,
+  Box as Box30,
   Button as Button9,
-  Flex as Flex32,
-  Stack as Stack34,
+  Flex as Flex34,
+  Stack as Stack36,
   Tab as Tab2,
   TabList as TabList2,
   TabPanel as TabPanel2,
-  Text as Text44,
+  Text as Text46,
   Tooltip as Tooltip12
 } from "@sanity/ui";
-
-// src/components/CopyButton.tsx
-import {
-  useCallback as useCallback33,
-  useEffect as useEffect11,
-  useRef as useRef7,
-  useState as useState23
-} from "react";
-import { CheckmarkIcon, CopyIcon as CopyIcon3 } from "@sanity/icons";
-import { Box as Box27, Button as Button8, Text as Text43, Tooltip as Tooltip11 } from "@sanity/ui";
-import { jsx as jsx58 } from "react/jsx-runtime";
-function CopyButton({
-  copiedLabel = "Copied!",
-  errorLabel = "Copy failed",
-  label,
-  revertAfterMs = 1500,
-  style,
-  text
-}) {
-  const [status, setStatus] = useState23("idle");
-  const timerRef = useRef7(null);
-  const scheduleRevert = useCallback33(() => {
-    if (timerRef.current !== null) window.clearTimeout(timerRef.current);
-    timerRef.current = window.setTimeout(() => {
-      setStatus("idle");
-      timerRef.current = null;
-    }, revertAfterMs);
-  }, [revertAfterMs]);
-  const handleCopy = useCallback33(() => {
-    navigator.clipboard.writeText(text).then(
-      () => {
-        setStatus("copied");
-        scheduleRevert();
-      },
-      () => {
-        setStatus("error");
-        scheduleRevert();
-      }
-    );
-  }, [text, scheduleRevert]);
-  useEffect11(() => {
-    return () => {
-      if (timerRef.current !== null) window.clearTimeout(timerRef.current);
-    };
-  }, []);
-  const tooltipLabel = status === "copied" ? copiedLabel : status === "error" ? errorLabel : label;
-  const tone = status === "copied" ? "positive" : status === "error" ? "critical" : "default";
-  const icon = status === "copied" ? CheckmarkIcon : CopyIcon3;
-  const idle = status === "idle";
-  return /* @__PURE__ */ jsx58(
-    Tooltip11,
-    {
-      content: /* @__PURE__ */ jsx58(Box27, { padding: 2, children: /* @__PURE__ */ jsx58(Text43, { size: 1, children: tooltipLabel }) }),
-      placement: "left",
-      portal: true,
-      children: /* @__PURE__ */ jsx58(
-        Button8,
-        {
-          "aria-label": label,
-          fontSize: 1,
-          icon,
-          mode: "bleed",
-          onBlur: (e) => {
-            if (idle) e.currentTarget.style.opacity = "0.55";
-          },
-          onClick: handleCopy,
-          onFocus: (e) => {
-            if (idle) e.currentTarget.style.opacity = "1";
-          },
-          onMouseEnter: (e) => {
-            if (idle) e.currentTarget.style.opacity = "1";
-          },
-          onMouseLeave: (e) => {
-            if (idle) e.currentTarget.style.opacity = "0.55";
-          },
-          padding: 2,
-          style: {
-            opacity: idle ? 0.55 : 1,
-            transition: "opacity 150ms ease",
-            ...style
-          },
-          tone
-        }
-      )
-    }
-  );
-}
-
-// src/components/report-detail/JudgmentDetailDrawer.tsx
-import { jsx as jsx59, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs45 } from "react/jsx-runtime";
 var HEADER_STYLE = {
   borderBottom: "1px solid var(--card-border-color)"
 };
@@ -11267,7 +11760,7 @@ function DocBadge({
   const [hovered, setHovered] = useState24(false);
   const isLinked = Boolean(doc.documentId);
   const tooltipLabel = isLinked ? `Edit "${doc.title || doc.slug}"` : doc.title || doc.slug;
-  const badge = /* @__PURE__ */ jsx59(
+  const badge = /* @__PURE__ */ jsx61(
     "span",
     {
       style: {
@@ -11280,13 +11773,13 @@ function DocBadge({
       children: doc.slug
     }
   );
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx61(
     Tooltip12,
     {
-      content: /* @__PURE__ */ jsx59(Box28, { padding: 2, children: /* @__PURE__ */ jsx59(Text44, { size: 2, children: tooltipLabel }) }),
+      content: /* @__PURE__ */ jsx61(Box30, { padding: 2, children: /* @__PURE__ */ jsx61(Text46, { size: 2, children: tooltipLabel }) }),
       placement: "bottom",
       portal: true,
-      children: isLinked ? /* @__PURE__ */ jsx59(
+      children: isLinked ? /* @__PURE__ */ jsx61(
         "a",
         {
           href: `/intent/edit/id=${doc.documentId}`,
@@ -11301,7 +11794,7 @@ function DocBadge({
           },
           children: badge
         }
-      ) : /* @__PURE__ */ jsx59("span", { children: badge })
+      ) : /* @__PURE__ */ jsx61("span", { children: badge })
     }
   );
 }
@@ -11309,6 +11802,7 @@ function JudgmentDetailDrawer({
   artifactCache,
   judgment,
   onClose,
+  onShowPrompts,
   testResult
 }) {
   const [tab, setTab] = useState24("reasoning");
@@ -11318,7 +11812,7 @@ function JudgmentDetailDrawer({
   const dimLabel = dimensionLabel2(judgment.dimension);
   const judgmentId = judgment.id ?? "";
   const [fullJudgment, fullStatus, requestFullJudgment] = useArtifactDetail("graderJudgments", judgmentId);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!judgmentId) return;
     if (fullStatus !== "idle") return;
     void requestFullJudgment();
@@ -11326,11 +11820,11 @@ function JudgmentDetailDrawer({
   const fullReason = typeof fullJudgment?.reason === "string" && fullJudgment.reason.length > 0 ? fullJudgment.reason : null;
   const reasoningText = fullReason ?? judgment.reason;
   const reasoningIsPreview = fullReason === null && judgmentId.length > 0 && fullStatus !== "error";
-  useEffect12(() => {
+  useEffect13(() => {
     setTab("reasoning");
   }, [judgment.taskId, judgment.dimension, judgment.modelId]);
   const [fetchDispatched, setFetchDispatched] = useState24(false);
-  useEffect12(() => {
+  useEffect13(() => {
     setFetchDispatched(false);
   }, [judgment.taskId, judgment.dimension, judgment.modelId]);
   const inlineOutput = testResult?.responseOutput;
@@ -11345,7 +11839,7 @@ function JudgmentDetailDrawer({
   const fetchFailed = canAttemptFetch && artifactCache?.status === "error";
   const entryUnavailable = canAttemptFetch && fetchDispatched && !fetchInFlight && !fetchFailed;
   const hasOutputTab = resolvedOutput != null || canAttemptFetch;
-  useEffect12(() => {
+  useEffect13(() => {
     if (tab === "output" && canAttemptFetch && !fetchDispatched) {
       setFetchDispatched(true);
       void artifactCache.fetchOutput(judgment.taskId, judgment.modelId);
@@ -11358,22 +11852,22 @@ function JudgmentDetailDrawer({
     judgment.taskId,
     judgment.modelId
   ]);
-  useEffect12(() => {
+  useEffect13(() => {
     const onKeyDown = (e) => {
       if (e.key === "Escape") onClose();
     };
     window.addEventListener("keydown", onKeyDown);
     return () => window.removeEventListener("keydown", onKeyDown);
   }, [onClose]);
-  return /* @__PURE__ */ jsxs42(
-    Flex32,
+  return /* @__PURE__ */ jsxs45(
+    Flex34,
     {
       "aria-label": `Judgment detail: ${judgment.score} ${dimLabel}, ${taskName}`,
       direction: "column",
       role: "dialog",
       style: { flex: 1, height: "100%", minHeight: 0, overflow: "hidden" },
       children: [
-        /* @__PURE__ */ jsx59(
+        /* @__PURE__ */ jsx61(
           "div",
           {
             "aria-hidden": true,
@@ -11386,10 +11880,10 @@ function JudgmentDetailDrawer({
             }
           }
         ),
-        /* @__PURE__ */ jsxs42(Flex32, { align: "flex-start", gap: 2, padding: 4, style: HEADER_STYLE, children: [
-          /* @__PURE__ */ jsxs42(Stack34, { flex: 1, space: 2, children: [
-            /* @__PURE__ */ jsxs42(Flex32, { align: "center", gap: 2, wrap: "wrap", children: [
-              /* @__PURE__ */ jsx59(
+        /* @__PURE__ */ jsxs45(Flex34, { align: "flex-start", gap: 2, padding: 4, style: HEADER_STYLE, children: [
+          /* @__PURE__ */ jsxs45(Stack36, { flex: 1, space: 2, children: [
+            /* @__PURE__ */ jsxs45(Flex34, { align: "center", gap: 2, wrap: "wrap", children: [
+              /* @__PURE__ */ jsx61(
                 "span",
                 {
                   style: {
@@ -11404,7 +11898,7 @@ function JudgmentDetailDrawer({
                   children: judgment.score
                 }
               ),
-              /* @__PURE__ */ jsx59(
+              /* @__PURE__ */ jsx61(
                 "span",
                 {
                   style: {
@@ -11417,13 +11911,13 @@ function JudgmentDetailDrawer({
                   children: dimLabel
                 }
               ),
-              /* @__PURE__ */ jsx59(
+              /* @__PURE__ */ jsx61(
                 Tooltip12,
                 {
-                  content: /* @__PURE__ */ jsx59(Box28, { padding: 2, children: /* @__PURE__ */ jsx59(Text44, { size: 1, children: judgment.modelId }) }),
+                  content: /* @__PURE__ */ jsx61(Box30, { padding: 2, children: /* @__PURE__ */ jsx61(Text46, { size: 1, children: judgment.modelId }) }),
                   placement: "bottom",
                   portal: true,
-                  children: /* @__PURE__ */ jsx59(
+                  children: /* @__PURE__ */ jsx61(
                     "span",
                     {
                       style: {
@@ -11435,12 +11929,12 @@ function JudgmentDetailDrawer({
                         fontSize: 12,
                         padding: "2px 6px"
                       },
-                      children: shortModelId(judgment.modelId)
+                      children: shortModelId2(judgment.modelId)
                     }
                   )
                 }
               ),
-              (testResult?.latencyMs != null || testResult?.cost != null && testResult.cost > 0) && /* @__PURE__ */ jsx59(
+              (testResult?.latencyMs != null || testResult?.cost != null && testResult.cost > 0) && /* @__PURE__ */ jsx61(
                 "span",
                 {
                   "aria-hidden": true,
@@ -11452,38 +11946,38 @@ function JudgmentDetailDrawer({
                   }
                 }
               ),
-              testResult?.latencyMs != null && /* @__PURE__ */ jsx59(
+              testResult?.latencyMs != null && /* @__PURE__ */ jsx61(
                 Tooltip12,
                 {
-                  content: /* @__PURE__ */ jsx59(Box28, { padding: 2, children: /* @__PURE__ */ jsx59(Text44, { size: 1, children: "End-to-end generation latency for this model call." }) }),
+                  content: /* @__PURE__ */ jsx61(Box30, { padding: 2, children: /* @__PURE__ */ jsx61(Text46, { size: 1, children: "End-to-end generation latency for this model call." }) }),
                   placement: "bottom",
                   portal: true,
-                  children: /* @__PURE__ */ jsxs42(Text44, { muted: true, size: 1, children: [
+                  children: /* @__PURE__ */ jsxs45(Text46, { muted: true, size: 1, children: [
                     (testResult.latencyMs / 1e3).toFixed(1),
                     "s"
                   ] })
                 }
               ),
-              testResult?.cost != null && testResult.cost > 0 && /* @__PURE__ */ jsx59(
+              testResult?.cost != null && testResult.cost > 0 && /* @__PURE__ */ jsx61(
                 Tooltip12,
                 {
-                  content: /* @__PURE__ */ jsx59(Box28, { padding: 2, children: /* @__PURE__ */ jsx59(Text44, { size: 1, children: "Provider-reported cost for this model call." }) }),
+                  content: /* @__PURE__ */ jsx61(Box30, { padding: 2, children: /* @__PURE__ */ jsx61(Text46, { size: 1, children: "Provider-reported cost for this model call." }) }),
                   placement: "bottom",
                   portal: true,
-                  children: /* @__PURE__ */ jsxs42(Text44, { muted: true, size: 1, children: [
+                  children: /* @__PURE__ */ jsxs45(Text46, { muted: true, size: 1, children: [
                     "$",
                     testResult.cost.toFixed(4)
                   ] })
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs42(Flex32, { align: "center", gap: 2, wrap: "wrap", children: [
-              /* @__PURE__ */ jsx59(Text44, { size: 2, weight: "medium", children: taskName }),
-              /* @__PURE__ */ jsx59(VariantBadge, { variant })
+            /* @__PURE__ */ jsxs45(Flex34, { align: "center", gap: 2, wrap: "wrap", children: [
+              /* @__PURE__ */ jsx61(Text46, { size: 2, weight: "medium", children: taskName }),
+              /* @__PURE__ */ jsx61(VariantBadge, { variant })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs42(Flex32, { align: "center", gap: 1, children: [
-            /* @__PURE__ */ jsx59(
+          /* @__PURE__ */ jsxs45(Flex34, { align: "center", gap: 1, children: [
+            /* @__PURE__ */ jsx61(
               "span",
               {
                 style: {
@@ -11501,7 +11995,7 @@ function JudgmentDetailDrawer({
                 children: "Esc"
               }
             ),
-            /* @__PURE__ */ jsx59(
+            /* @__PURE__ */ jsx61(
               Button9,
               {
                 "aria-label": "Close (Esc)",
@@ -11514,8 +12008,8 @@ function JudgmentDetailDrawer({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs42(
-          Flex32,
+        /* @__PURE__ */ jsxs45(
+          Flex34,
           {
             align: "center",
             gap: 2,
@@ -11524,8 +12018,8 @@ function JudgmentDetailDrawer({
             paddingY: 2,
             style: TAB_BAR_STYLE,
             children: [
-              /* @__PURE__ */ jsx59(Box28, { flex: 1, style: { minWidth: 0 }, children: /* @__PURE__ */ jsxs42(TabList2, { space: 2, children: [
-                /* @__PURE__ */ jsx59(
+              /* @__PURE__ */ jsx61(Box30, { flex: 1, style: { minWidth: 0 }, children: /* @__PURE__ */ jsxs45(TabList2, { space: 2, children: [
+                /* @__PURE__ */ jsx61(
                   Tab2,
                   {
                     "aria-controls": "judgment-panel-reasoning",
@@ -11535,7 +12029,7 @@ function JudgmentDetailDrawer({
                     selected: tab === "reasoning"
                   }
                 ),
-                hasOutputTab && /* @__PURE__ */ jsx59(
+                hasOutputTab && /* @__PURE__ */ jsx61(
                   Tab2,
                   {
                     "aria-controls": "judgment-panel-output",
@@ -11546,19 +12040,24 @@ function JudgmentDetailDrawer({
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ jsx59(JudgmentActions, {})
+              /* @__PURE__ */ jsx61(
+                JudgmentActions,
+                {
+                  onShowPrompts: onShowPrompts ? () => onShowPrompts(judgment) : void 0
+                }
+              )
             ]
           }
         ),
-        /* @__PURE__ */ jsxs42(Box28, { padding: 4, style: CONTENT_STYLE, children: [
-          /* @__PURE__ */ jsx59(
+        /* @__PURE__ */ jsxs45(Box30, { padding: 4, style: CONTENT_STYLE, children: [
+          /* @__PURE__ */ jsx61(
             TabPanel2,
             {
               "aria-labelledby": "judgment-tab-reasoning",
               hidden: tab !== "reasoning",
               id: "judgment-panel-reasoning",
-              children: /* @__PURE__ */ jsxs42(Box28, { style: COPYABLE_BLOCK_STYLE, children: [
-                /* @__PURE__ */ jsx59(Box28, { style: COPY_BUTTON_SLOT_STYLE, children: /* @__PURE__ */ jsx59(
+              children: /* @__PURE__ */ jsxs45(Box30, { style: COPYABLE_BLOCK_STYLE, children: [
+                /* @__PURE__ */ jsx61(Box30, { style: COPY_BUTTON_SLOT_STYLE, children: /* @__PURE__ */ jsx61(
                   CopyButton,
                   {
                     copiedLabel: "Reasoning copied",
@@ -11566,26 +12065,26 @@ function JudgmentDetailDrawer({
                     text: reasoningText
                   }
                 ) }),
-                /* @__PURE__ */ jsx59(Markdown, { content: reasoningText }),
-                reasoningIsPreview && /* @__PURE__ */ jsx59(Text44, { muted: true, size: 1, style: { marginTop: 8 }, children: fullStatus === "loading" ? "Loading full reasoning\u2026" : "Showing preview (280 chars). Full reasoning not yet loaded." })
+                /* @__PURE__ */ jsx61(Markdown, { content: reasoningText }),
+                reasoningIsPreview && /* @__PURE__ */ jsx61(Text46, { muted: true, size: 1, style: { marginTop: 8 }, children: fullStatus === "loading" ? "Loading full reasoning\u2026" : "Showing preview (280 chars). Full reasoning not yet loaded." })
               ] })
             }
           ),
-          hasOutputTab && /* @__PURE__ */ jsxs42(
+          hasOutputTab && /* @__PURE__ */ jsxs45(
             TabPanel2,
             {
               "aria-labelledby": "judgment-tab-output",
               hidden: tab !== "output",
               id: "judgment-panel-output",
               children: [
-                !resolvedOutput && fetchInFlight && /* @__PURE__ */ jsx59(Text44, { muted: true, size: 1, children: "Fetching model output\u2026" }),
-                !resolvedOutput && fetchFailed && /* @__PURE__ */ jsxs42(Text44, { muted: true, size: 1, style: { color: "#f87171" }, children: [
+                !resolvedOutput && fetchInFlight && /* @__PURE__ */ jsx61(Text46, { muted: true, size: 1, children: "Fetching model output\u2026" }),
+                !resolvedOutput && fetchFailed && /* @__PURE__ */ jsxs45(Text46, { muted: true, size: 1, style: { color: "#f87171" }, children: [
                   "Failed to load model output",
                   artifactCache?.error ? `: ${artifactCache.error}` : ""
                 ] }),
-                !resolvedOutput && entryUnavailable && /* @__PURE__ */ jsx59(Text44, { muted: true, size: 1, children: "Model output not available for this entry." }),
-                resolvedOutput && /* @__PURE__ */ jsxs42(Box28, { style: COPYABLE_BLOCK_STYLE, children: [
-                  /* @__PURE__ */ jsx59(Box28, { style: COPY_BUTTON_SLOT_STYLE, children: /* @__PURE__ */ jsx59(
+                !resolvedOutput && entryUnavailable && /* @__PURE__ */ jsx61(Text46, { muted: true, size: 1, children: "Model output not available for this entry." }),
+                resolvedOutput && /* @__PURE__ */ jsxs45(Box30, { style: COPYABLE_BLOCK_STYLE, children: [
+                  /* @__PURE__ */ jsx61(Box30, { style: COPY_BUTTON_SLOT_STYLE, children: /* @__PURE__ */ jsx61(
                     CopyButton,
                     {
                       copiedLabel: "Output copied",
@@ -11593,15 +12092,15 @@ function JudgmentDetailDrawer({
                       text: resolvedOutput
                     }
                   ) }),
-                  /* @__PURE__ */ jsx59(Markdown, { content: resolvedOutput })
+                  /* @__PURE__ */ jsx61(Markdown, { content: resolvedOutput })
                 ] })
               ]
             }
           )
         ] }),
-        judgment.canonicalDocs && judgment.canonicalDocs.length > 0 && /* @__PURE__ */ jsx59(Box28, { padding: 4, style: RELATED_DOCS_STYLE, children: /* @__PURE__ */ jsxs42(Flex32, { align: "center", gap: 2, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx59("span", { style: SECTION_LABEL_STYLE, children: "Related docs" }),
-          judgment.canonicalDocs.map((doc) => /* @__PURE__ */ jsx59(DocBadge, { doc }, doc.slug))
+        judgment.canonicalDocs && judgment.canonicalDocs.length > 0 && /* @__PURE__ */ jsx61(Box30, { padding: 4, style: RELATED_DOCS_STYLE, children: /* @__PURE__ */ jsxs45(Flex34, { align: "center", gap: 2, wrap: "wrap", children: [
+          /* @__PURE__ */ jsx61("span", { style: SECTION_LABEL_STYLE, children: "Related docs" }),
+          judgment.canonicalDocs.map((doc) => /* @__PURE__ */ jsx61(DocBadge, { doc }, doc.slug))
         ] }) })
       ]
     }
@@ -11609,7 +12108,7 @@ function JudgmentDetailDrawer({
 }
 
 // src/components/report-detail/JudgmentDetailDrawerOutlet.tsx
-import { jsx as jsx60, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs46 } from "react/jsx-runtime";
 var MIN_WIDTH2 = 480;
 var MAX_WIDTH2 = 900;
 var OVERLAY_BREAKPOINT2 = 1024;
@@ -11622,7 +12121,7 @@ function useIsNarrow2() {
   const [narrow, setNarrow] = useState25(
     () => typeof window !== "undefined" && window.innerWidth < OVERLAY_BREAKPOINT2
   );
-  useEffect13(() => {
+  useEffect14(() => {
     function handleResize() {
       setNarrow(window.innerWidth < OVERLAY_BREAKPOINT2);
     }
@@ -11647,7 +12146,7 @@ function useResizable2(defaultWidth) {
     },
     [width]
   );
-  useEffect13(() => {
+  useEffect14(() => {
     function handleMouseMove(e) {
       if (!dragging.current) return;
       const delta = startX.current - e.clientX;
@@ -11679,7 +12178,7 @@ function JudgmentDetailDrawerOutlet({
   const isNarrow = useIsNarrow2();
   const { handleMouseDown, width } = useResizable2(computeDefaultWidth());
   if (!isOpen || !active) return null;
-  return /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsxs46(
     "div",
     {
       style: isNarrow ? {
@@ -11705,7 +12204,7 @@ function JudgmentDetailDrawerOutlet({
         width
       },
       children: [
-        !isNarrow && /* @__PURE__ */ jsx60(
+        !isNarrow && /* @__PURE__ */ jsx62(
           "div",
           {
             "aria-label": "Resize judgment drawer",
@@ -11730,8 +12229,8 @@ function JudgmentDetailDrawerOutlet({
             }
           }
         ),
-        /* @__PURE__ */ jsx60(
-          Card20,
+        /* @__PURE__ */ jsx62(
+          Card21,
           {
             borderLeft: !isNarrow,
             style: {
@@ -11740,12 +12239,13 @@ function JudgmentDetailDrawerOutlet({
               flexDirection: "column",
               overflow: "hidden"
             },
-            children: /* @__PURE__ */ jsx60(ReportArtifactProvider, { runId: active.runId, manifest: active.manifest, children: /* @__PURE__ */ jsx60(
+            children: /* @__PURE__ */ jsx62(ReportArtifactProvider, { runId: active.runId, manifest: active.manifest, children: /* @__PURE__ */ jsx62(
               JudgmentDetailDrawer,
               {
                 artifactCache: active.artifactCache,
                 judgment: active.judgment,
                 onClose,
+                onShowPrompts: active.onShowPrompts,
                 testResult: active.testResult
               }
             ) })
@@ -11757,10 +12257,10 @@ function JudgmentDetailDrawerOutlet({
 }
 
 // src/components/ScoreTimeline.tsx
-import { Card as Card21, Flex as Flex33, Select as Select2, Stack as Stack35, Text as Text45 } from "@sanity/ui";
-import { useCallback as useCallback35, useEffect as useEffect14, useMemo as useMemo16, useState as useState26 } from "react";
+import { Card as Card22, Flex as Flex35, Select as Select2, Stack as Stack37, Text as Text47 } from "@sanity/ui";
+import { useCallback as useCallback35, useEffect as useEffect15, useMemo as useMemo16, useState as useState26 } from "react";
 import { useClient as useClient11 } from "sanity";
-import { jsx as jsx61, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs47 } from "react/jsx-runtime";
 var CHART_HEIGHT = 220;
 var CHART_WIDTH = 800;
 var PAD_BOTTOM = 30;
@@ -11823,7 +12323,7 @@ function ScoreTimeline({ mode = null, source = null }) {
       setLoading(false);
     }
   }, [client, mode, rangeDays, source]);
-  useEffect14(() => {
+  useEffect15(() => {
     void fetchData();
   }, [fetchData]);
   const chartPoints = useMemo16(() => {
@@ -11859,22 +12359,22 @@ function ScoreTimeline({ mode = null, source = null }) {
     []
   );
   const polylinePoints = chartPoints.map((p) => `${p.x},${p.y}`).join(" ");
-  return /* @__PURE__ */ jsxs44(Stack35, { space: 4, children: [
-    /* @__PURE__ */ jsxs44(Flex33, { gap: 3, children: [
-      /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsxs47(Stack37, { space: 4, children: [
+    /* @__PURE__ */ jsxs47(Flex35, { gap: 3, children: [
+      /* @__PURE__ */ jsx63(
         Select2,
         {
           onChange: handleRangeChange,
           value: rangeDays?.toString() ?? "all",
-          children: TIME_RANGES.map((r) => /* @__PURE__ */ jsx61("option", { value: r.days?.toString() ?? "all", children: r.label }, r.label))
+          children: TIME_RANGES.map((r) => /* @__PURE__ */ jsx63("option", { value: r.days?.toString() ?? "all", children: r.label }, r.label))
         }
       ),
-      /* @__PURE__ */ jsxs44(Select2, { onChange: handleAreaChange, value: selectedArea ?? "", children: [
-        /* @__PURE__ */ jsx61("option", { value: "", children: "Overall" }),
-        areaNames.map((name) => /* @__PURE__ */ jsx61("option", { value: name, children: name }, name))
+      /* @__PURE__ */ jsxs47(Select2, { onChange: handleAreaChange, value: selectedArea ?? "", children: [
+        /* @__PURE__ */ jsx63("option", { value: "", children: "Overall" }),
+        areaNames.map((name) => /* @__PURE__ */ jsx63("option", { value: name, children: name }, name))
       ] })
     ] }),
-    /* @__PURE__ */ jsx61(Card21, { padding: 3, radius: 2, shadow: 1, children: loading ? /* @__PURE__ */ jsx61(Flex33, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx61(Text45, { muted: true, size: 2, children: "Loading\u2026" }) }) : chartPoints.length === 0 ? /* @__PURE__ */ jsx61(Flex33, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx61(Text45, { muted: true, size: 2, children: "No reports found for this time range" }) }) : /* @__PURE__ */ jsxs44(
+    /* @__PURE__ */ jsx63(Card22, { padding: 3, radius: 2, shadow: 1, children: loading ? /* @__PURE__ */ jsx63(Flex35, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx63(Text47, { muted: true, size: 2, children: "Loading\u2026" }) }) : chartPoints.length === 0 ? /* @__PURE__ */ jsx63(Flex35, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx63(Text47, { muted: true, size: 2, children: "No reports found for this time range" }) }) : /* @__PURE__ */ jsxs47(
       "svg",
       {
         style: { display: "block", width: "100%" },
@@ -11882,8 +12382,8 @@ function ScoreTimeline({ mode = null, source = null }) {
         children: [
           Y_TICKS.map((tick) => {
             const y = PAD_TOP + PLOT_HEIGHT - tick / Y_MAX * PLOT_HEIGHT;
-            return /* @__PURE__ */ jsxs44("g", { children: [
-              /* @__PURE__ */ jsx61(
+            return /* @__PURE__ */ jsxs47("g", { children: [
+              /* @__PURE__ */ jsx63(
                 "line",
                 {
                   stroke: "#ccc",
@@ -11894,7 +12394,7 @@ function ScoreTimeline({ mode = null, source = null }) {
                   y2: y
                 }
               ),
-              /* @__PURE__ */ jsx61(
+              /* @__PURE__ */ jsx63(
                 "text",
                 {
                   dominantBaseline: "middle",
@@ -11914,7 +12414,7 @@ function ScoreTimeline({ mode = null, source = null }) {
             chartPoints.length - 1
           ].map((idx) => {
             const p = chartPoints[idx];
-            return /* @__PURE__ */ jsx61(
+            return /* @__PURE__ */ jsx63(
               "text",
               {
                 fill: "#999",
@@ -11926,7 +12426,7 @@ function ScoreTimeline({ mode = null, source = null }) {
               },
               idx
             );
-          }) : chartPoints.map((p, idx) => /* @__PURE__ */ jsx61(
+          }) : chartPoints.map((p, idx) => /* @__PURE__ */ jsx63(
             "text",
             {
               fill: "#999",
@@ -11938,7 +12438,7 @@ function ScoreTimeline({ mode = null, source = null }) {
             },
             idx
           )),
-          /* @__PURE__ */ jsx61(
+          /* @__PURE__ */ jsx63(
             "polyline",
             {
               fill: "none",
@@ -11948,7 +12448,7 @@ function ScoreTimeline({ mode = null, source = null }) {
               strokeWidth: 2.5
             }
           ),
-          chartPoints.map((p, idx) => /* @__PURE__ */ jsx61(
+          chartPoints.map((p, idx) => /* @__PURE__ */ jsx63(
             "circle",
             {
               cx: p.x,
@@ -11957,7 +12457,7 @@ function ScoreTimeline({ mode = null, source = null }) {
               r: 4,
               stroke: "#fff",
               strokeWidth: 1.5,
-              children: /* @__PURE__ */ jsxs44("title", { children: [
+              children: /* @__PURE__ */ jsxs47("title", { children: [
                 formatDate(p.date),
                 ": ",
                 Math.round(p.score)
@@ -11968,7 +12468,7 @@ function ScoreTimeline({ mode = null, source = null }) {
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs44(Text45, { muted: true, size: 2, children: [
+    /* @__PURE__ */ jsxs47(Text47, { muted: true, size: 2, children: [
       chartPoints.length,
       " data point",
       chartPoints.length !== 1 ? "s" : ""
@@ -11978,20 +12478,20 @@ function ScoreTimeline({ mode = null, source = null }) {
 var ScoreTimeline_default = ScoreTimeline;
 
 // src/components/Dashboard.tsx
-import { jsx as jsx62, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs48 } from "react/jsx-runtime";
 var VIEW_PARAM_MAP = {
   compare: "compare",
   timeline: "timeline"
 };
 function Dashboard() {
-  return /* @__PURE__ */ jsx62(HelpProvider, { children: /* @__PURE__ */ jsx62(JudgmentDrawerProvider, { children: /* @__PURE__ */ jsx62(DashboardShell, {}) }) });
+  return /* @__PURE__ */ jsx64(HelpProvider, { children: /* @__PURE__ */ jsx64(JudgmentDrawerProvider, { children: /* @__PURE__ */ jsx64(DashboardShell, {}) }) });
 }
 function DashboardShell() {
   const router = useRouter3();
   const { close: closeDrawer } = useJudgmentDrawer();
   const routerState = router.state;
   const reportId = routerState.reportId ?? null;
-  useEffect15(() => {
+  useEffect16(() => {
     if (!reportId) closeDrawer();
   }, [reportId, closeDrawer]);
   const handleJudgmentDrawerClose = useCallback36(() => {
@@ -12002,10 +12502,10 @@ function DashboardShell() {
       router.navigate(state);
     }
   }, [closeDrawer, router]);
-  return /* @__PURE__ */ jsxs45(Flex34, { style: { height: "100%" }, children: [
-    /* @__PURE__ */ jsx62(Box29, { flex: 1, overflow: "auto", children: /* @__PURE__ */ jsx62(DashboardContent, {}) }),
-    /* @__PURE__ */ jsx62(JudgmentDetailDrawerOutlet, { onClose: handleJudgmentDrawerClose }),
-    /* @__PURE__ */ jsx62(HelpDrawer, {})
+  return /* @__PURE__ */ jsxs48(Flex36, { style: { height: "100%" }, children: [
+    /* @__PURE__ */ jsx64(Box31, { flex: 1, overflow: "auto", children: /* @__PURE__ */ jsx64(DashboardContent, {}) }),
+    /* @__PURE__ */ jsx64(JudgmentDetailDrawerOutlet, { onClose: handleJudgmentDrawerClose }),
+    /* @__PURE__ */ jsx64(HelpDrawer, {})
   ] });
 }
 function DashboardContent() {
@@ -12051,13 +12551,13 @@ function DashboardContent() {
   const handleOpenHelp = useCallback36(() => {
     openHelp(defaultTopic);
   }, [openHelp, defaultTopic]);
-  return /* @__PURE__ */ jsx62(Container, { width: 4, children: /* @__PURE__ */ jsxs45(Stack36, { padding: 4, space: 4, children: [
-    /* @__PURE__ */ jsxs45(Flex34, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsxs45(Stack36, { flex: 1, space: 1, children: [
-        /* @__PURE__ */ jsx62(Text46, { size: 4, weight: "bold", children: "AI Literacy Framework" }),
-        /* @__PURE__ */ jsx62(Text46, { muted: true, size: 2, children: "Evaluation reports and score trends" })
+  return /* @__PURE__ */ jsx64(Container, { width: 4, children: /* @__PURE__ */ jsxs48(Stack38, { padding: 4, space: 4, children: [
+    /* @__PURE__ */ jsxs48(Flex36, { align: "center", gap: 3, children: [
+      /* @__PURE__ */ jsxs48(Stack38, { flex: 1, space: 1, children: [
+        /* @__PURE__ */ jsx64(Text48, { size: 4, weight: "bold", children: "AI Literacy Framework" }),
+        /* @__PURE__ */ jsx64(Text48, { muted: true, size: 2, children: "Evaluation reports and score trends" })
       ] }),
-      /* @__PURE__ */ jsx62(
+      /* @__PURE__ */ jsx64(
         Button10,
         {
           icon: HelpCircleIcon8,
@@ -12068,8 +12568,8 @@ function DashboardContent() {
         }
       )
     ] }),
-    !isDetail && /* @__PURE__ */ jsxs45(TabList3, { space: 1, children: [
-      /* @__PURE__ */ jsx62(
+    !isDetail && /* @__PURE__ */ jsxs48(TabList3, { space: 1, children: [
+      /* @__PURE__ */ jsx64(
         Tab3,
         {
           "aria-controls": "latest-panel",
@@ -12079,7 +12579,7 @@ function DashboardContent() {
           selected: activeTab === "latest"
         }
       ),
-      /* @__PURE__ */ jsx62(
+      /* @__PURE__ */ jsx64(
         Tab3,
         {
           "aria-controls": "timeline-panel",
@@ -12089,7 +12589,7 @@ function DashboardContent() {
           selected: activeTab === "timeline"
         }
       ),
-      /* @__PURE__ */ jsx62(
+      /* @__PURE__ */ jsx64(
         Tab3,
         {
           "aria-controls": "compare-panel",
@@ -12100,10 +12600,10 @@ function DashboardContent() {
         }
       )
     ] }),
-    !isDetail && activeTab === "latest" && /* @__PURE__ */ jsx62(TabPanel3, { "aria-labelledby": "latest-tab", id: "latest-panel", children: /* @__PURE__ */ jsx62(LatestReports, { onSelectReport: handleSelectReport }) }),
-    !isDetail && activeTab === "timeline" && /* @__PURE__ */ jsx62(TabPanel3, { "aria-labelledby": "timeline-tab", id: "timeline-panel", children: /* @__PURE__ */ jsx62(ScoreTimeline_default, {}) }),
-    !isDetail && activeTab === "compare" && /* @__PURE__ */ jsx62(TabPanel3, { "aria-labelledby": "compare-tab", id: "compare-panel", children: /* @__PURE__ */ jsx62(ComparisonView, {}) }),
-    isDetail && reportId && /* @__PURE__ */ jsx62(
+    !isDetail && activeTab === "latest" && /* @__PURE__ */ jsx64(TabPanel3, { "aria-labelledby": "latest-tab", id: "latest-panel", children: /* @__PURE__ */ jsx64(LatestReports, { onSelectReport: handleSelectReport }) }),
+    !isDetail && activeTab === "timeline" && /* @__PURE__ */ jsx64(TabPanel3, { "aria-labelledby": "timeline-tab", id: "timeline-panel", children: /* @__PURE__ */ jsx64(ScoreTimeline_default, {}) }),
+    !isDetail && activeTab === "compare" && /* @__PURE__ */ jsx64(TabPanel3, { "aria-labelledby": "compare-tab", id: "compare-panel", children: /* @__PURE__ */ jsx64(ComparisonView, {}) }),
+    isDetail && reportId && /* @__PURE__ */ jsx64(
       ReportDetail,
       {
         activeTab: routerState.tab ?? null,
@@ -12139,7 +12639,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 useCallback37, useEffect as useEffect16, useRef as useRef9, useState as useState27 } from "react";
+import { useCallback as useCallback37, useEffect as useEffect17, useRef as useRef9, useState as useState27 } from "react";
 import {
   getReleaseIdFromReleaseDocumentId as getReleaseIdFromReleaseDocumentId3,
   useClient as useClient12,
@@ -12173,7 +12673,7 @@ function createRunEvaluationAction(options = {}) {
     const [state, setState] = useState27({ status: "loading" });
     const requestedAtRef = useRef9(null);
     const perspectiveId = getReleaseIdFromReleaseDocumentId3(release._id);
-    useEffect16(() => {
+    useEffect17(() => {
       let cancelled = false;
       client.fetch(contentImpactQuery, buildReportQueryParams(perspectiveId)).then((results) => {
         if (cancelled) return;
@@ -12196,7 +12696,7 @@ function createRunEvaluationAction(options = {}) {
         cancelled = true;
       };
     }, [client, perspectiveId]);
-    useEffect16(() => {
+    useEffect17(() => {
       if (state.status !== "requested" && state.status !== "polling") return;
       const { requestId, startedAt } = state;
       if (state.status === "requested") {
@@ -12246,7 +12746,7 @@ function createRunEvaluationAction(options = {}) {
       }, POLL_INTERVAL_MS2);
       return () => clearInterval(interval);
     }, [client, perspectiveId, state]);
-    useEffect16(() => {
+    useEffect17(() => {
       if (state.status !== "error") return;
       const timer = setTimeout(() => {
         client.fetch(contentImpactQuery, buildReportQueryParams(perspectiveId)).then((results) => {