@sanity/ailf-studio 1.12.1 → 1.14.0

package/dist/index.js

@@ -3534,18 +3534,18 @@ import { route } from "sanity/router";
 // src/components/Dashboard.tsx
 import { HelpCircleIcon as HelpCircleIcon8 } from "@sanity/icons";
 import {
-  Box as Box34,
-  Button as Button13,
+  Box as Box37,
+  Button as Button15,
   Container,
-  Flex as Flex37,
-  Stack as Stack40,
+  Flex as Flex39,
+  Stack as Stack42,
   Tab as Tab3,
   TabList as TabList3,
   TabPanel as TabPanel3,
-  Text as Text51
+  Text as Text53
 } from "@sanity/ui";
-import { useCallback as useCallback39, useEffect as useEffect17 } from "react";
-import { useRouter as useRouter4 } from "sanity/router";
+import { useCallback as useCallback43, useEffect as useEffect18 } from "react";
+import { useRouter as useRouter5 } from "sanity/router";
 
 // src/lib/help-context.ts
 import {
@@ -4225,9 +4225,12 @@ var scoreTimelineQuery = (
     && completedAt >= $startDate
     ${filterSourceClause("$source")}
     ${filterModeClause("$mode")}
+    ${filterOwnerTeamClause("$ownerTeam")}
   ] | order(completedAt asc) {
     _id,
+    reportId,
     completedAt,
+    durationMs,
     "overall": summary.overall.avgScore,
     "scores": summary.scores[] {
       feature,
@@ -4237,6 +4240,10 @@ var scoreTimelineQuery = (
     "actualScore": summary.overall.avgActualScore,
     "mode": provenance.mode,
     "source": provenance.source.name,
+    "trigger": provenance.trigger.type,
+    "areas": provenance.areas,
+    "models": provenance.models[].label,
+    "ownerTeam": provenance.owner.team,
     tag,
     title
   }
@@ -6774,7 +6781,7 @@ import {
   Tooltip as Tooltip10
 } from "@sanity/ui";
 import {
-  useCallback as useCallback36,
+  useCallback as useCallback37,
   useEffect as useEffect13,
   useMemo as useMemo16,
   useState as useState27
@@ -10729,7 +10736,7 @@ function JudgmentActions({ onShowPrompts } = {}) {
 // src/components/report-detail/report-actions/ReportActions.tsx
 import { CopyIcon as CopyIcon3 } from "@sanity/icons";
 import { MenuDivider as MenuDivider3, useToast as useToast9 } from "@sanity/ui";
-import { useCallback as useCallback32, useState as useState24 } from "react";
+import { useCallback as useCallback33, useState as useState24 } from "react";
 import { useClient as useClient11 } from "sanity";
 
 // src/components/report-detail/report-actions/CopyReportAction.tsx
@@ -11083,9 +11090,62 @@ function RerunEvaluationAction({
   );
 }
 
+// src/components/report-detail/report-actions/ViewArtifactsAction.tsx
+import { LaunchIcon } from "@sanity/icons";
+import { MenuItem as MenuItem9 } from "@sanity/ui";
+import { useCallback as useCallback32 } from "react";
+import { jsx as jsx50 } from "react/jsx-runtime";
+function commonPathPrefix(paths) {
+  if (paths.length === 0) return "";
+  const segmented = paths.map((p) => p.split("/").filter(Boolean));
+  if (segmented.length === 1) {
+    const segs = segmented[0];
+    const last = segs.at(-1) ?? "";
+    return (last.includes(".") ? segs.slice(0, -1) : segs).join("/");
+  }
+  const min = Math.min(...segmented.map((s) => s.length));
+  const common = [];
+  for (let i = 0; i < min; i++) {
+    const seg = segmented[0][i];
+    if (segmented.every((s) => s[i] === seg)) common.push(seg);
+    else break;
+  }
+  return common.join("/");
+}
+function buildArtifactBrowseUrl(manifest) {
+  if (!manifest) return null;
+  const refs = Object.values(manifest).filter(
+    (ref) => ref?.store === "gcs" && Boolean(ref.bucket)
+  );
+  if (refs.length === 0) return null;
+  const owned = refs.filter((r) => !r.sourceRunId);
+  const usable = owned.length > 0 ? owned : refs;
+  const bucket = usable[0].bucket;
+  const sameBucket = usable.filter((r) => r.bucket === bucket);
+  const prefix = commonPathPrefix(sameBucket.map((r) => r.path));
+  const base = `https://console.cloud.google.com/storage/browser/${encodeURIComponent(bucket)}`;
+  return prefix ? `${base}/${prefix.split("/").map(encodeURIComponent).join("/")}` : base;
+}
+function ViewArtifactsAction({ manifest }) {
+  const url = buildArtifactBrowseUrl(manifest);
+  const handleClick = useCallback32(() => {
+    if (url) window.open(url, "_blank", "noopener,noreferrer");
+  }, [url]);
+  if (!url) return null;
+  return /* @__PURE__ */ jsx50(
+    MenuItem9,
+    {
+      icon: LaunchIcon,
+      onClick: handleClick,
+      text: "View run artifacts"
+    }
+  );
+}
+
 // src/components/report-detail/report-actions/ReportActions.tsx
-import { Fragment as Fragment13, jsx as jsx50, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx51, jsxs as jsxs35 } from "react/jsx-runtime";
 function ReportActions({
+  artifactManifest,
   documentId,
   onDeleted,
   provenance,
@@ -11093,7 +11153,7 @@ function ReportActions({
 }) {
   const client = useClient11({ apiVersion: API_VERSION });
   const toast = useToast9();
-  const handleCopyId = useCallback32(() => {
+  const handleCopyId = useCallback33(() => {
     navigator.clipboard.writeText(reportId).then(
       () => {
         toast.push({
@@ -11113,13 +11173,13 @@ function ReportActions({
   }, [reportId, toast]);
   const [deleteDialogOpen, setDeleteDialogOpen] = useState24(false);
   const [deleting, setDeleting] = useState24(false);
-  const handleRequestDelete = useCallback32(() => {
+  const handleRequestDelete = useCallback33(() => {
     setDeleteDialogOpen(true);
   }, []);
-  const handleDeleteClose = useCallback32(() => {
+  const handleDeleteClose = useCallback33(() => {
     if (!deleting) setDeleteDialogOpen(false);
   }, [deleting]);
-  const handleDeleteConfirm = useCallback32(async () => {
+  const handleDeleteConfirm = useCallback33(async () => {
     setDeleting(true);
     try {
       await client.delete(documentId);
@@ -11141,24 +11201,25 @@ function ReportActions({
     }
   }, [client, documentId, onDeleted, toast]);
   return /* @__PURE__ */ jsxs35(Fragment13, { children: [
-    /* @__PURE__ */ jsx50(
+    /* @__PURE__ */ jsx51(
       SplitActionButton,
       {
         menu: /* @__PURE__ */ jsxs35(Fragment13, { children: [
-          /* @__PURE__ */ jsx50(CopyReportIdAction, { reportId }),
-          /* @__PURE__ */ jsx50(
+          /* @__PURE__ */ jsx51(CopyReportIdAction, { reportId }),
+          /* @__PURE__ */ jsx51(
             RerunEvaluationAction,
             {
               provenance,
               reportId
             }
           ),
-          /* @__PURE__ */ jsx50(MenuDivider3, {}),
-          /* @__PURE__ */ jsx50(DownloadReportAction, { documentId, reportId }),
-          /* @__PURE__ */ jsx50(CopyReportAction, { documentId }),
-          /* @__PURE__ */ jsx50(CopyVisionQueryAction, { reportId }),
-          /* @__PURE__ */ jsx50(MenuDivider3, {}),
-          /* @__PURE__ */ jsx50(DeleteReportAction, { onRequestDelete: handleRequestDelete })
+          /* @__PURE__ */ jsx51(MenuDivider3, {}),
+          /* @__PURE__ */ jsx51(DownloadReportAction, { documentId, reportId }),
+          /* @__PURE__ */ jsx51(ViewArtifactsAction, { manifest: artifactManifest }),
+          /* @__PURE__ */ jsx51(CopyReportAction, { documentId }),
+          /* @__PURE__ */ jsx51(CopyVisionQueryAction, { reportId }),
+          /* @__PURE__ */ jsx51(MenuDivider3, {}),
+          /* @__PURE__ */ jsx51(DeleteReportAction, { onRequestDelete: handleRequestDelete })
         ] }),
         menuId: "report-actions-menu",
         primary: {
@@ -11168,7 +11229,7 @@ function ReportActions({
         }
       }
     ),
-    deleteDialogOpen && /* @__PURE__ */ jsx50(
+    deleteDialogOpen && /* @__PURE__ */ jsx51(
       DeleteConfirmDialog,
       {
         isDeleting: deleting,
@@ -11183,7 +11244,7 @@ function ReportActions({
 // src/components/report-detail/ReportHeader.tsx
 import { ArrowLeftIcon as ArrowLeftIcon2 } from "@sanity/icons";
 import { Button as Button10, Flex as Flex25, Stack as Stack28, Text as Text37 } from "@sanity/ui";
-import { jsx as jsx51, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs36 } from "react/jsx-runtime";
 function ReportHeader({
   completedAt,
   onBack,
@@ -11194,10 +11255,10 @@ function ReportHeader({
   const displayTitle = title ?? tag ?? dateLabel;
   const hasSubtitle = Boolean(title ?? tag);
   return /* @__PURE__ */ jsxs36(Flex25, { align: "center", gap: 3, children: [
-    /* @__PURE__ */ jsx51(Button10, { icon: ArrowLeftIcon2, mode: "bleed", onClick: onBack, text: "Back" }),
+    /* @__PURE__ */ jsx52(Button10, { icon: ArrowLeftIcon2, mode: "bleed", onClick: onBack, text: "Back" }),
     /* @__PURE__ */ jsxs36(Stack28, { flex: 1, space: 1, children: [
-      /* @__PURE__ */ jsx51(Text37, { size: 4, weight: "bold", children: displayTitle }),
-      hasSubtitle && /* @__PURE__ */ jsx51(Text37, { muted: true, size: 2, children: dateLabel })
+      /* @__PURE__ */ jsx52(Text37, { size: 4, weight: "bold", children: displayTitle }),
+      hasSubtitle && /* @__PURE__ */ jsx52(Text37, { muted: true, size: 2, children: dateLabel })
     ] })
   ] });
 }
@@ -11209,13 +11270,13 @@ import { Box as Box27, Flex as Flex28, Stack as Stack30, Text as Text40 } from "
 
 // src/components/report-detail/AreaScoresGrid.tsx
 import React3, {
-  useCallback as useCallback33,
+  useCallback as useCallback34,
   useMemo as useMemo13,
   useState as useState25
 } from "react";
 import { WarningOutlineIcon as WarningOutlineIcon2 } from "@sanity/icons";
 import { Box as Box26, Flex as Flex26, Stack as Stack29, Text as Text38 } from "@sanity/ui";
-import { Fragment as Fragment14, jsx as jsx52, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx53, jsxs as jsxs37 } 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.",
@@ -11263,7 +11324,7 @@ function AreaScoresGrid({
   const dimKeys = useMemo13(() => collectDimensionKeys(scores), [scores]);
   const [sortField, setSortField] = useState25("score");
   const [sortDir, setSortDir] = useState25("desc");
-  const handleSort = useCallback33(
+  const handleSort = useCallback34(
     (field) => {
       if (field === sortField) {
         setSortDir((d) => d === "asc" ? "desc" : "asc");
@@ -11324,7 +11385,7 @@ function AreaScoresGrid({
           padding: "12px 16px 8px"
         },
         children: [
-          /* @__PURE__ */ jsx52(
+          /* @__PURE__ */ jsx53(
             ColHeader2,
             {
               active: sortField === "score",
@@ -11334,7 +11395,7 @@ function AreaScoresGrid({
               tooltip: GLOSSARY.score
             }
           ),
-          /* @__PURE__ */ jsx52(
+          /* @__PURE__ */ jsx53(
             ColHeader2,
             {
               active: sortField === "area",
@@ -11343,7 +11404,7 @@ function AreaScoresGrid({
               onClick: () => handleSort("area")
             }
           ),
-          dimKeys.map((key) => /* @__PURE__ */ jsx52(
+          dimKeys.map((key) => /* @__PURE__ */ jsx53(
             ColHeader2,
             {
               active: sortField === key,
@@ -11354,7 +11415,7 @@ function AreaScoresGrid({
             },
             key
           )),
-          tier !== "narrow" && showLift && /* @__PURE__ */ jsx52(
+          tier !== "narrow" && showLift && /* @__PURE__ */ jsx53(
             ColHeader2,
             {
               active: sortField === "lift",
@@ -11364,23 +11425,23 @@ function AreaScoresGrid({
               tooltip: GLOSSARY.docLift
             }
           ),
-          tier === "full" && hasActual && /* @__PURE__ */ jsx52(ColHeader2, { label: "Actual", tooltip: GLOSSARY.actualScore })
+          tier === "full" && hasActual && /* @__PURE__ */ jsx53(ColHeader2, { label: "Actual", tooltip: GLOSSARY.actualScore })
         ]
       }
     ),
     sorted.map((area) => /* @__PURE__ */ jsxs37(React3.Fragment, { children: [
-      /* @__PURE__ */ jsx52(
+      /* @__PURE__ */ jsx53(
         AreaRow,
         {
           area,
-          delta: perArea?.[area.feature],
+          delta: perArea?.find((p) => p.area === area.feature)?.delta,
           dimKeys,
           hasActual,
           showLift,
           tier
         }
       ),
-      modelScoresByFeature && /* @__PURE__ */ jsx52(
+      modelScoresByFeature && /* @__PURE__ */ jsx53(
         ModelSubRows,
         {
           dimKeys,
@@ -11401,7 +11462,7 @@ function ModelSubRows({
   tier
 }) {
   if (!models || models.length === 0) return null;
-  return /* @__PURE__ */ jsx52(Fragment14, { children: models.map((entry) => /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(Fragment14, { children: models.map((entry) => /* @__PURE__ */ jsx53(
     ModelRow2,
     {
       dimKeys,
@@ -11441,7 +11502,7 @@ function ModelRow2({
         padding: isNarrow ? "6px 12px 6px 20px" : "6px 16px 6px 28px"
       },
       children: [
-        /* @__PURE__ */ jsx52(Flex26, { align: "center", children: /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx53(Flex26, { align: "center", children: /* @__PURE__ */ jsx53(
           Text38,
           {
             size: 1,
@@ -11453,8 +11514,8 @@ function ModelRow2({
             children: Math.round(scores.totalScore)
           }
         ) }),
-        /* @__PURE__ */ jsx52(Flex26, { align: "center", gap: 2, children: /* @__PURE__ */ jsx52(Text38, { muted: true, size: 1, children: label }) }),
-        dimKeys.map((key) => /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx53(Flex26, { align: "center", gap: 2, children: /* @__PURE__ */ jsx53(Text38, { muted: true, size: 1, children: label }) }),
+        dimKeys.map((key) => /* @__PURE__ */ jsx53(
           DimCell,
           {
             area: label,
@@ -11479,7 +11540,7 @@ function ModelRow2({
             ]
           }
         ),
-        tier === "full" && hasActual && /* @__PURE__ */ jsx52(
+        tier === "full" && hasActual && /* @__PURE__ */ jsx53(
           Text38,
           {
             size: 1,
@@ -11522,14 +11583,14 @@ function AreaRow({
       },
       children: [
         /* @__PURE__ */ jsxs37(Flex26, { align: "center", gap: isNarrow ? 0 : 2, children: [
-          /* @__PURE__ */ jsx52(
+          /* @__PURE__ */ jsx53(
             HoverTip,
             {
               text: /* @__PURE__ */ jsxs37(Text38, { size: 2, style: { lineHeight: 1.5 }, children: [
-                /* @__PURE__ */ jsx52("span", { style: { fontWeight: 600 }, children: area.feature }),
+                /* @__PURE__ */ jsx53("span", { style: { fontWeight: 600 }, children: area.feature }),
                 " score:",
                 " ",
-                /* @__PURE__ */ jsx52(
+                /* @__PURE__ */ jsx53(
                   "span",
                   {
                     style: {
@@ -11540,12 +11601,12 @@ function AreaRow({
                     children: Math.round(area.totalScore)
                   }
                 ),
-                /* @__PURE__ */ jsx52("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
+                /* @__PURE__ */ jsx53("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
                 ".",
                 " ",
                 GLOSSARY.score
               ] }),
-              children: /* @__PURE__ */ jsx52(
+              children: /* @__PURE__ */ jsx53(
                 "div",
                 {
                   style: {
@@ -11566,11 +11627,11 @@ function AreaRow({
               )
             }
           ),
-          !isNarrow && delta != null && delta !== 0 && /* @__PURE__ */ jsx52(HoverTip, { text: GLOSSARY.areaDelta, children: /* @__PURE__ */ jsx52(DeltaIndicator, { delta, icon: true, size: 1 }) })
+          !isNarrow && delta != null && delta !== 0 && /* @__PURE__ */ jsx53(HoverTip, { text: GLOSSARY.areaDelta, children: /* @__PURE__ */ jsx53(DeltaIndicator, { delta, icon: true, size: 1 }) })
         ] }),
         /* @__PURE__ */ jsxs37(Flex26, { align: "center", gap: 2, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx52(Text38, { size: 2, weight: "medium", children: area.feature }),
-          area.negativeDocLift && showLift && /* @__PURE__ */ jsx52(HoverTip, { text: GLOSSARY.docsHurt, children: /* @__PURE__ */ jsx52(
+          /* @__PURE__ */ jsx53(Text38, { size: 2, weight: "medium", children: area.feature }),
+          area.negativeDocLift && showLift && /* @__PURE__ */ jsx53(HoverTip, { text: GLOSSARY.docsHurt, children: /* @__PURE__ */ jsx53(
             "span",
             {
               style: {
@@ -11583,11 +11644,11 @@ function AreaRow({
                 gap: 3,
                 padding: "1px 5px"
               },
-              children: /* @__PURE__ */ jsx52(WarningOutlineIcon2, {})
+              children: /* @__PURE__ */ jsx53(WarningOutlineIcon2, {})
             }
           ) })
         ] }),
-        dimKeys.map((key) => /* @__PURE__ */ jsx52(
+        dimKeys.map((key) => /* @__PURE__ */ jsx53(
           DimCell,
           {
             area: area.feature,
@@ -11596,11 +11657,11 @@ function AreaRow({
           },
           key
         )),
-        !isNarrow && showLift && /* @__PURE__ */ jsx52(
+        !isNarrow && showLift && /* @__PURE__ */ jsx53(
           HoverTip,
           {
             text: /* @__PURE__ */ jsxs37(Text38, { size: 2, style: { lineHeight: 1.5 }, children: [
-              /* @__PURE__ */ jsx52("span", { style: { fontWeight: 600 }, children: area.feature }),
+              /* @__PURE__ */ jsx53("span", { style: { fontWeight: 600 }, children: area.feature }),
               " doc lift:",
               " ",
               /* @__PURE__ */ jsxs37(
@@ -11638,11 +11699,11 @@ function AreaRow({
             )
           }
         ),
-        tier === "full" && hasActual && /* @__PURE__ */ jsx52(
+        tier === "full" && hasActual && /* @__PURE__ */ jsx53(
           HoverTip,
           {
             text: area.actualScore != null ? `${area.feature} actual score: ${Math.round(area.actualScore)}/100. ${GLOSSARY.actualScore}` : `No agentic data for ${area.feature}.`,
-            children: /* @__PURE__ */ jsx52(
+            children: /* @__PURE__ */ jsx53(
               Text38,
               {
                 size: 2,
@@ -11672,17 +11733,17 @@ function DimCell({
   const tooltip = dimKey ? DIMENSION_TOOLTIPS2[dimKey] : "";
   const textSize = size === "small" ? 0 : 1;
   const barHeight = size === "small" ? 3 : 4;
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     HoverTip,
     {
       text: /* @__PURE__ */ jsxs37(Text38, { size: 2, style: { lineHeight: 1.5 }, children: [
-        /* @__PURE__ */ jsx52("span", { style: { fontWeight: 600 }, children: area }),
+        /* @__PURE__ */ jsx53("span", { style: { fontWeight: 600 }, children: area }),
         " \u2192",
         " ",
-        /* @__PURE__ */ jsx52("span", { style: { fontWeight: 600 }, children: dim }),
+        /* @__PURE__ */ jsx53("span", { style: { fontWeight: 600 }, children: dim }),
         ":",
         " ",
-        /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx53(
           "span",
           {
             style: {
@@ -11693,13 +11754,13 @@ function DimCell({
             children: Math.round(value)
           }
         ),
-        /* @__PURE__ */ jsx52("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
+        /* @__PURE__ */ jsx53("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
         ".",
         " ",
         tooltip
       ] }),
       children: /* @__PURE__ */ jsxs37(Stack29, { space: 1, style: { width: "100%" }, children: [
-        /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx53(
           Text38,
           {
             size: textSize,
@@ -11711,7 +11772,7 @@ function DimCell({
             children: Math.round(value)
           }
         ),
-        /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx53(
           "div",
           {
             style: {
@@ -11721,7 +11782,7 @@ function DimCell({
               overflow: "hidden",
               width: "100%"
             },
-            children: /* @__PURE__ */ jsx52(
+            children: /* @__PURE__ */ jsx53(
               "div",
               {
                 style: {
@@ -11746,7 +11807,7 @@ function ColHeader2({
   onClick,
   tooltip
 }) {
-  const handleKeyDown = useCallback33(
+  const handleKeyDown = useCallback34(
     (e) => {
       if (onClick && (e.key === "Enter" || e.key === " ")) {
         e.preventDefault();
@@ -11757,7 +11818,7 @@ function ColHeader2({
   );
   const arrow = active ? direction === "asc" ? " \u2191" : " \u2193" : "";
   return /* @__PURE__ */ jsxs37(Flex26, { align: "center", gap: 1, children: [
-    /* @__PURE__ */ jsx52(
+    /* @__PURE__ */ jsx53(
       "div",
       {
         onClick,
@@ -11786,14 +11847,14 @@ function ColHeader2({
         )
       }
     ),
-    tooltip && /* @__PURE__ */ jsx52(InfoTip, { text: tooltip })
+    tooltip && /* @__PURE__ */ jsx53(InfoTip, { text: tooltip })
   ] });
 }
 
 // src/components/report-detail/ModelSelector.tsx
-import { useCallback as useCallback34 } from "react";
+import { useCallback as useCallback35 } from "react";
 import { Flex as Flex27, Text as Text39 } from "@sanity/ui";
-import { jsx as jsx53, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs38 } from "react/jsx-runtime";
 var pillBase = {
   borderColor: "var(--card-border-color)",
   borderRadius: 999,
@@ -11825,7 +11886,7 @@ function ModelSelector({
   onChange
 }) {
   return /* @__PURE__ */ jsxs38(Flex27, { align: "center", gap: 1, wrap: "wrap", children: [
-    /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx54(
       Pill2,
       {
         isSelected: selection === null,
@@ -11833,7 +11894,7 @@ function ModelSelector({
         onClick: () => onChange(null)
       }
     ),
-    models.map((model) => /* @__PURE__ */ jsx53(
+    models.map((model) => /* @__PURE__ */ jsx54(
       Pill2,
       {
         isSelected: selection === model.modelId,
@@ -11842,7 +11903,7 @@ function ModelSelector({
       },
       model.modelId
     )),
-    /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx54(
       "div",
       {
         style: {
@@ -11853,7 +11914,7 @@ function ModelSelector({
         }
       }
     ),
-    /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx54(
       Pill2,
       {
         isSelected: selection === "expanded",
@@ -11868,7 +11929,7 @@ function Pill2({
   label,
   onClick
 }) {
-  const handleKeyDown = useCallback34(
+  const handleKeyDown = useCallback35(
     (e) => {
       if (e.key === "Enter" || e.key === " ") {
         e.preventDefault();
@@ -11877,7 +11938,7 @@ function Pill2({
     },
     [onClick]
   );
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     "span",
     {
       onClick,
@@ -11885,7 +11946,7 @@ function Pill2({
       role: "button",
       style: isSelected ? pillSelected : pillDefault,
       tabIndex: 0,
-      children: /* @__PURE__ */ jsx53(
+      children: /* @__PURE__ */ jsx54(
         Text39,
         {
           size: 1,
@@ -11901,13 +11962,13 @@ function Pill2({
 }
 
 // src/components/report-detail/useModelSelection.ts
-import { useCallback as useCallback35, useMemo as useMemo14, useState as useState26 } from "react";
+import { useCallback as useCallback36, useMemo as useMemo14, useState as useState26 } from "react";
 function useModelSelection({
   scores,
   perModel
 }) {
   const [selection, setSelection] = useState26(null);
-  const onSelectionChange = useCallback35((next) => {
+  const onSelectionChange = useCallback36((next) => {
     setSelection(next);
   }, []);
   const isExpanded = selection === "expanded";
@@ -11929,7 +11990,7 @@ function useModelSelection({
 }
 
 // src/components/report-detail/StrengthsList.tsx
-import { jsx as jsx54, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs39 } from "react/jsx-runtime";
 function StrengthsList({
   mode,
   scores,
@@ -11956,10 +12017,10 @@ function StrengthsList({
   return /* @__PURE__ */ jsxs39(Stack30, { space: 5, children: [
     /* @__PURE__ */ jsxs39(Stack30, { space: 3, children: [
       /* @__PURE__ */ jsxs39(Flex28, { align: "center", gap: 2, wrap: "wrap", children: [
-        /* @__PURE__ */ jsx54(CheckmarkCircleIcon2, { style: { color: "#34d399" } }),
-        /* @__PURE__ */ jsx54(Text40, { size: 2, weight: "medium", children: "Strong Areas (70+)" }),
-        /* @__PURE__ */ jsx54(InfoTip, { text: GLOSSARY.strengths }),
-        hasModels && /* @__PURE__ */ jsx54(Box27, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx54(
+        /* @__PURE__ */ jsx55(CheckmarkCircleIcon2, { style: { color: "#34d399" } }),
+        /* @__PURE__ */ jsx55(Text40, { size: 2, weight: "medium", children: "Strong Areas (70+)" }),
+        /* @__PURE__ */ jsx55(InfoTip, { text: GLOSSARY.strengths }),
+        hasModels && /* @__PURE__ */ jsx55(Box27, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx55(
           ModelSelector,
           {
             models: perModel,
@@ -11968,7 +12029,7 @@ function StrengthsList({
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsx54(
+      /* @__PURE__ */ jsx55(
         AreaScoresGrid,
         {
           mode,
@@ -11979,23 +12040,23 @@ function StrengthsList({
       )
     ] }),
     retrievalSuccesses.length > 0 && /* @__PURE__ */ jsxs39(Box27, { style: neutralCardStyle, children: [
-      /* @__PURE__ */ jsx54(
+      /* @__PURE__ */ jsx55(
         Box27,
         {
           padding: 4,
           style: { borderBottom: "1px solid var(--card-border-color)" },
           children: /* @__PURE__ */ jsxs39(Flex28, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ jsx54(SearchIcon8, { style: { color: "#34d399" } }),
+            /* @__PURE__ */ jsx55(SearchIcon8, { style: { color: "#34d399" } }),
             /* @__PURE__ */ jsxs39(Text40, { size: 2, weight: "medium", children: [
               "Retrieval Successes (",
               Math.round(EFFICIENCY_POSITIVE * 100),
               "%+ efficiency)"
             ] }),
-            /* @__PURE__ */ jsx54(InfoTip, { text: GLOSSARY.retrievalExcellence })
+            /* @__PURE__ */ jsx55(InfoTip, { text: GLOSSARY.retrievalExcellence })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx54(Stack30, { children: retrievalSuccesses.map((area, i) => /* @__PURE__ */ jsxs39(
+      /* @__PURE__ */ jsx55(Stack30, { children: retrievalSuccesses.map((area, i) => /* @__PURE__ */ jsxs39(
         Flex28,
         {
           align: "center",
@@ -12003,8 +12064,8 @@ function StrengthsList({
           padding: 4,
           style: i > 0 ? dividerStyle : void 0,
           children: [
-            /* @__PURE__ */ jsx54(Text40, { size: 2, children: area.feature }),
-            /* @__PURE__ */ jsx54(
+            /* @__PURE__ */ jsx55(Text40, { size: 2, children: area.feature }),
+            /* @__PURE__ */ jsx55(
               "span",
               {
                 style: {
@@ -12035,7 +12096,7 @@ import {
   ArrowDownIcon as ArrowDownIcon2
 } from "@sanity/icons";
 import { Box as Box28, Flex as Flex29, Stack as Stack31, Text as Text41 } from "@sanity/ui";
-import { jsx as jsx55, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs40 } from "react/jsx-runtime";
 function WeaknessesList({
   mode,
   scores,
@@ -12068,10 +12129,10 @@ function WeaknessesList({
   return /* @__PURE__ */ jsxs40(Stack31, { space: 5, children: [
     weakAreas.length > 0 && /* @__PURE__ */ jsxs40(Stack31, { space: 3, children: [
       /* @__PURE__ */ jsxs40(Flex29, { align: "center", gap: 2, wrap: "wrap", children: [
-        /* @__PURE__ */ jsx55(ErrorOutlineIcon3, { style: { color: "#f87171" } }),
-        /* @__PURE__ */ jsx55(Text41, { size: 2, weight: "medium", children: "Weak Areas (<70)" }),
-        /* @__PURE__ */ jsx55(InfoTip, { text: GLOSSARY.weakAreas }),
-        hasModels && /* @__PURE__ */ jsx55(Box28, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx55(
+        /* @__PURE__ */ jsx56(ErrorOutlineIcon3, { style: { color: "#f87171" } }),
+        /* @__PURE__ */ jsx56(Text41, { size: 2, weight: "medium", children: "Weak Areas (<70)" }),
+        /* @__PURE__ */ jsx56(InfoTip, { text: GLOSSARY.weakAreas }),
+        hasModels && /* @__PURE__ */ jsx56(Box28, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx56(
           ModelSelector,
           {
             models: perModel,
@@ -12080,7 +12141,7 @@ function WeaknessesList({
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsx55(
+      /* @__PURE__ */ jsx56(
         AreaScoresGrid,
         {
           mode,
@@ -12092,11 +12153,11 @@ function WeaknessesList({
     ] }),
     docsHurt.length > 0 && /* @__PURE__ */ jsxs40(Stack31, { space: 3, children: [
       /* @__PURE__ */ jsxs40(Flex29, { align: "center", gap: 2, children: [
-        /* @__PURE__ */ jsx55(ErrorOutlineIcon3, { style: { color: "#f87171" } }),
-        /* @__PURE__ */ jsx55(Text41, { size: 2, weight: "medium", children: "Docs Hurt Performance (Negative Doc Lift)" }),
-        /* @__PURE__ */ jsx55(InfoTip, { text: GLOSSARY.docsHurt })
+        /* @__PURE__ */ jsx56(ErrorOutlineIcon3, { style: { color: "#f87171" } }),
+        /* @__PURE__ */ jsx56(Text41, { size: 2, weight: "medium", children: "Docs Hurt Performance (Negative Doc Lift)" }),
+        /* @__PURE__ */ jsx56(InfoTip, { text: GLOSSARY.docsHurt })
       ] }),
-      /* @__PURE__ */ jsx55(Box28, { style: sectionStyle("red"), children: docsHurt.map((area, i) => /* @__PURE__ */ jsxs40(
+      /* @__PURE__ */ jsx56(Box28, { style: sectionStyle("red"), children: docsHurt.map((area, i) => /* @__PURE__ */ jsxs40(
         Box28,
         {
           padding: 4,
@@ -12104,8 +12165,8 @@ function WeaknessesList({
           children: [
             /* @__PURE__ */ jsxs40(Flex29, { align: "center", justify: "space-between", wrap: "wrap", children: [
               /* @__PURE__ */ jsxs40(Flex29, { align: "center", gap: 2, children: [
-                /* @__PURE__ */ jsx55(Text41, { size: 2, weight: "medium", children: area.feature }),
-                /* @__PURE__ */ jsx55(
+                /* @__PURE__ */ jsx56(Text41, { size: 2, weight: "medium", children: area.feature }),
+                /* @__PURE__ */ jsx56(
                   "span",
                   {
                     style: {
@@ -12120,7 +12181,7 @@ function WeaknessesList({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx56(
                 "span",
                 {
                   style: {
@@ -12133,7 +12194,7 @@ function WeaknessesList({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx55(Box28, { paddingTop: 2, children: /* @__PURE__ */ jsxs40(Text41, { muted: true, size: 2, children: [
+            /* @__PURE__ */ jsx56(Box28, { paddingTop: 2, children: /* @__PURE__ */ jsxs40(Text41, { muted: true, size: 2, children: [
               area.invertedRetrievalGap && /* @__PURE__ */ jsxs40("span", { style: { color: "#fbbf24" }, children: [
                 "Agent does better by NOT finding these docs.",
                 " "
@@ -12151,11 +12212,11 @@ function WeaknessesList({
     ] }),
     retrievalIssues.length > 0 && /* @__PURE__ */ jsxs40(Stack31, { space: 3, children: [
       /* @__PURE__ */ jsxs40(Flex29, { align: "center", gap: 2, children: [
-        /* @__PURE__ */ jsx55(SearchIcon9, { style: { color: "#fbbf24" } }),
-        /* @__PURE__ */ jsx55(Text41, { size: 2, weight: "medium", children: "Retrieval Issues (<70% efficiency)" }),
-        /* @__PURE__ */ jsx55(InfoTip, { text: GLOSSARY.retrievalIssues })
+        /* @__PURE__ */ jsx56(SearchIcon9, { style: { color: "#fbbf24" } }),
+        /* @__PURE__ */ jsx56(Text41, { size: 2, weight: "medium", children: "Retrieval Issues (<70% efficiency)" }),
+        /* @__PURE__ */ jsx56(InfoTip, { text: GLOSSARY.retrievalIssues })
       ] }),
-      /* @__PURE__ */ jsx55(Box28, { style: sectionStyle("amber"), children: retrievalIssues.map((area, i) => /* @__PURE__ */ jsxs40(
+      /* @__PURE__ */ jsx56(Box28, { style: sectionStyle("amber"), children: retrievalIssues.map((area, i) => /* @__PURE__ */ jsxs40(
         Box28,
         {
           padding: 4,
@@ -12163,8 +12224,8 @@ function WeaknessesList({
           children: [
             /* @__PURE__ */ jsxs40(Flex29, { align: "center", justify: "space-between", wrap: "wrap", children: [
               /* @__PURE__ */ jsxs40(Flex29, { align: "center", gap: 2, children: [
-                /* @__PURE__ */ jsx55(Text41, { size: 2, weight: "medium", children: area.feature }),
-                /* @__PURE__ */ jsx55(
+                /* @__PURE__ */ jsx56(Text41, { size: 2, weight: "medium", children: area.feature }),
+                /* @__PURE__ */ jsx56(
                   "span",
                   {
                     style: {
@@ -12179,7 +12240,7 @@ function WeaknessesList({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx56(
                 "span",
                 {
                   style: {
@@ -12192,7 +12253,7 @@ function WeaknessesList({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx55(Box28, { paddingTop: 2, children: /* @__PURE__ */ jsxs40(Text41, { muted: true, size: 2, children: [
+            /* @__PURE__ */ jsx56(Box28, { paddingTop: 2, children: /* @__PURE__ */ jsxs40(Text41, { muted: true, size: 2, children: [
               "Actual score (",
               Math.round(area.actualScore ?? 0),
               ") is much lower than ceiling (",
@@ -12209,19 +12270,19 @@ function WeaknessesList({
     ] }),
     dimWeaknesses.length > 0 && /* @__PURE__ */ jsxs40(Stack31, { space: 3, children: [
       /* @__PURE__ */ jsxs40(Flex29, { align: "center", gap: 2, children: [
-        /* @__PURE__ */ jsx55(WarningOutlineIcon3, { style: { color: "#fbbf24" } }),
-        /* @__PURE__ */ jsx55(Text41, { size: 2, weight: "medium", children: "Dimension Weaknesses (<50)" }),
-        /* @__PURE__ */ jsx55(InfoTip, { text: GLOSSARY.dimWeaknesses })
+        /* @__PURE__ */ jsx56(WarningOutlineIcon3, { style: { color: "#fbbf24" } }),
+        /* @__PURE__ */ jsx56(Text41, { size: 2, weight: "medium", children: "Dimension Weaknesses (<50)" }),
+        /* @__PURE__ */ jsx56(InfoTip, { text: GLOSSARY.dimWeaknesses })
       ] }),
-      /* @__PURE__ */ jsx55(Box28, { style: neutralCardStyle, children: dimWeaknesses.map(({ area, dims }, i) => /* @__PURE__ */ jsxs40(
+      /* @__PURE__ */ jsx56(Box28, { style: neutralCardStyle, children: dimWeaknesses.map(({ area, dims }, i) => /* @__PURE__ */ jsxs40(
         Box28,
         {
           padding: 4,
           style: i > 0 ? dividerStyle : void 0,
           children: [
             /* @__PURE__ */ jsxs40(Flex29, { align: "center", gap: 2, paddingBottom: 2, children: [
-              /* @__PURE__ */ jsx55(Text41, { size: 2, weight: "medium", children: area.feature }),
-              /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx56(Text41, { size: 2, weight: "medium", children: area.feature }),
+              /* @__PURE__ */ jsx56(
                 "span",
                 {
                   style: {
@@ -12236,7 +12297,7 @@ function WeaknessesList({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx55(Flex29, { gap: 2, wrap: "wrap", children: dims.map((w) => /* @__PURE__ */ jsx55(HoverTip, { text: w.tip, children: /* @__PURE__ */ jsxs40(
+            /* @__PURE__ */ jsx56(Flex29, { gap: 2, wrap: "wrap", children: dims.map((w) => /* @__PURE__ */ jsx56(HoverTip, { text: w.tip, children: /* @__PURE__ */ jsxs40(
               "span",
               {
                 style: {
@@ -12259,20 +12320,22 @@ function WeaknessesList({
       )) })
     ] }),
     FEATURE_FLAGS.showRegressedSinceLastRun.enabled && regressed.length > 0 && /* @__PURE__ */ jsxs40(Box28, { style: neutralCardStyle, children: [
-      /* @__PURE__ */ jsx55(
+      /* @__PURE__ */ jsx56(
         Box28,
         {
           padding: 4,
           style: { borderBottom: "1px solid var(--card-border-color)" },
           children: /* @__PURE__ */ jsxs40(Flex29, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ jsx55(ArrowDownIcon2, { style: { color: "#f87171" } }),
-            /* @__PURE__ */ jsx55(Text41, { size: 2, weight: "medium", children: "Regressed Since Last Run" })
+            /* @__PURE__ */ jsx56(ArrowDownIcon2, { style: { color: "#f87171" } }),
+            /* @__PURE__ */ jsx56(Text41, { size: 2, weight: "medium", children: "Regressed Since Last Run" })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx55(Stack31, { children: regressed.map((featureName, i) => {
+      /* @__PURE__ */ jsx56(Stack31, { children: regressed.map((featureName, i) => {
         const area = scores.find((s) => s.feature === featureName);
-        const areaDelta = perArea?.[featureName];
+        const areaDelta = perArea?.find(
+          (p) => p.area === featureName
+        )?.delta;
         return /* @__PURE__ */ jsxs40(
           Flex29,
           {
@@ -12281,10 +12344,10 @@ function WeaknessesList({
             padding: 4,
             style: i > 0 ? dividerStyle : void 0,
             children: [
-              /* @__PURE__ */ jsx55(Text41, { size: 2, children: featureName }),
+              /* @__PURE__ */ jsx56(Text41, { size: 2, children: featureName }),
               /* @__PURE__ */ jsxs40(Flex29, { align: "center", gap: 3, children: [
-                areaDelta != null && /* @__PURE__ */ jsx55(DeltaIndicator, { delta: areaDelta, icon: true }),
-                area && /* @__PURE__ */ jsx55(
+                areaDelta != null && /* @__PURE__ */ jsx56(DeltaIndicator, { delta: areaDelta, icon: true }),
+                area && /* @__PURE__ */ jsx56(
                   "span",
                   {
                     style: {
@@ -12307,22 +12370,22 @@ function WeaknessesList({
       }) })
     ] }),
     efficiencyAnomalies.length > 0 && /* @__PURE__ */ jsxs40(Box28, { style: neutralCardStyle, children: [
-      /* @__PURE__ */ jsx55(
+      /* @__PURE__ */ jsx56(
         Box28,
         {
           padding: 4,
           style: { borderBottom: "1px solid var(--card-border-color)" },
           children: /* @__PURE__ */ jsxs40(Stack31, { space: 2, children: [
             /* @__PURE__ */ jsxs40(Flex29, { align: "center", gap: 2, children: [
-              /* @__PURE__ */ jsx55(BoltIcon, { style: { color: "#fbbf24" } }),
-              /* @__PURE__ */ jsx55(Text41, { size: 2, weight: "medium", children: "Efficiency Anomalies (>100%)" }),
-              /* @__PURE__ */ jsx55(InfoTip, { text: GLOSSARY.efficiencyAnomalies })
+              /* @__PURE__ */ jsx56(BoltIcon, { style: { color: "#fbbf24" } }),
+              /* @__PURE__ */ jsx56(Text41, { size: 2, weight: "medium", children: "Efficiency Anomalies (>100%)" }),
+              /* @__PURE__ */ jsx56(InfoTip, { text: GLOSSARY.efficiencyAnomalies })
             ] }),
-            /* @__PURE__ */ jsx55(Text41, { muted: true, size: 2, children: "Agent outperforms injected docs \u2014 may indicate doc quality issues or agent memorization." })
+            /* @__PURE__ */ jsx56(Text41, { muted: true, size: 2, children: "Agent outperforms injected docs \u2014 may indicate doc quality issues or agent memorization." })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx55(Stack31, { children: efficiencyAnomalies.map((area, i) => /* @__PURE__ */ jsxs40(
+      /* @__PURE__ */ jsx56(Stack31, { children: efficiencyAnomalies.map((area, i) => /* @__PURE__ */ jsxs40(
         Flex29,
         {
           align: "center",
@@ -12330,8 +12393,8 @@ function WeaknessesList({
           padding: 4,
           style: i > 0 ? dividerStyle : void 0,
           children: [
-            /* @__PURE__ */ jsx55(Text41, { size: 2, children: area.feature }),
-            /* @__PURE__ */ jsx55(
+            /* @__PURE__ */ jsx56(Text41, { size: 2, children: area.feature }),
+            /* @__PURE__ */ jsx56(
               "span",
               {
                 style: {
@@ -12360,11 +12423,11 @@ var tipArea = {
 };
 function dimTip(area, dim, score, description) {
   return /* @__PURE__ */ jsxs40(Text41, { size: 2, style: { lineHeight: 1.5 }, children: [
-    /* @__PURE__ */ jsx55("span", { style: tipArea, children: area }),
+    /* @__PURE__ */ jsx56("span", { style: tipArea, children: area }),
     " scores",
     " ",
-    /* @__PURE__ */ jsx55("span", { style: tipValue, children: score }),
-    /* @__PURE__ */ jsx55("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
+    /* @__PURE__ */ jsx56("span", { style: tipValue, children: score }),
+    /* @__PURE__ */ jsx56("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
     " on",
     " ",
     dim.toLowerCase(),
@@ -12393,7 +12456,7 @@ function getDimensionWeaknesses(area) {
 }
 
 // src/components/report-detail/ReportDetail.tsx
-import { jsx as jsx56, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs41 } 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" };
@@ -12456,18 +12519,18 @@ function ReportDetail({
     if (disabledTabs.has(parsed)) return "overview";
     return tabs.some((t) => t.id === parsed) ? parsed : "overview";
   }, [activeTab, disabledTabs, tabs]);
-  const handleTabClick = useCallback36(
+  const handleTabClick = useCallback37(
     (tabId) => {
       onTabChange(tabId === "overview" ? null : tabId, null, null);
     },
     [onTabChange]
   );
   if (loading) {
-    return /* @__PURE__ */ jsx56(LoadingState, { message: "Loading report\u2026" });
+    return /* @__PURE__ */ jsx57(LoadingState, { message: "Loading report\u2026" });
   }
   if (!report || !summary) {
-    return /* @__PURE__ */ jsx56(Box29, { padding: 5, children: /* @__PURE__ */ jsxs41(Stack32, { space: 4, children: [
-      /* @__PURE__ */ jsx56(
+    return /* @__PURE__ */ jsx57(Box29, { padding: 5, children: /* @__PURE__ */ jsxs41(Stack32, { space: 4, children: [
+      /* @__PURE__ */ jsx57(
         Button11,
         {
           icon: ArrowLeftIcon3,
@@ -12476,18 +12539,18 @@ function ReportDetail({
           text: "Back"
         }
       ),
-      /* @__PURE__ */ jsx56(Text42, { align: "center", muted: true, size: 3, children: "Report not found" })
+      /* @__PURE__ */ jsx57(Text42, { 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__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     ReportArtifactProvider,
     {
       runId: report.provenance?.runId,
       manifest: summary?.artifactManifest,
-      children: /* @__PURE__ */ jsx56(Box29, { padding: 4, children: /* @__PURE__ */ jsxs41(Stack32, { space: 5, children: [
-        /* @__PURE__ */ jsx56(
+      children: /* @__PURE__ */ jsx57(Box29, { padding: 4, children: /* @__PURE__ */ jsxs41(Stack32, { space: 5, children: [
+        /* @__PURE__ */ jsx57(
           ReportHeader,
           {
             completedAt: report.completedAt,
@@ -12497,10 +12560,10 @@ function ReportDetail({
           }
         ),
         /* @__PURE__ */ jsxs41(Flex30, { align: "center", gap: 2, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx56(TabList, { space: 1, children: tabs.map((tab) => {
+          /* @__PURE__ */ jsx57(TabList, { space: 1, children: tabs.map((tab) => {
             const isDisabled = disabledTabs.has(tab.id);
             const tooltip = getDisabledTabTooltip(tab.id, summary);
-            const tabElement = /* @__PURE__ */ jsx56(
+            const tabElement = /* @__PURE__ */ jsx57(
               Tab,
               {
                 "aria-controls": `panel-${tab.id}`,
@@ -12511,29 +12574,30 @@ function ReportDetail({
                 selected: currentTab === tab.id
               }
             );
-            return isDisabled && tooltip ? /* @__PURE__ */ jsx56(
+            return isDisabled && tooltip ? /* @__PURE__ */ jsx57(
               Tooltip10,
               {
-                content: /* @__PURE__ */ jsx56(Box29, { padding: 2, style: { maxWidth: 280 }, children: tooltip }),
+                content: /* @__PURE__ */ jsx57(Box29, { padding: 2, style: { maxWidth: 280 }, children: tooltip }),
                 placement: "bottom",
                 portal: true,
-                children: /* @__PURE__ */ jsx56("span", { style: { display: "inline-block" }, children: tabElement })
+                children: /* @__PURE__ */ jsx57("span", { style: { display: "inline-block" }, children: tabElement })
               },
               tab.id
-            ) : /* @__PURE__ */ jsx56("span", { children: tabElement }, tab.id);
+            ) : /* @__PURE__ */ jsx57("span", { children: tabElement }, tab.id);
           }) }),
           /* @__PURE__ */ jsxs41(Flex30, { align: "center", gap: 2, style: { marginLeft: "auto" }, children: [
-            /* @__PURE__ */ jsx56(
+            /* @__PURE__ */ jsx57(
               HoverTip,
               {
                 text: SOURCE_TIP[provenance.source.name] ?? GLOSSARY.reportMode,
-                children: /* @__PURE__ */ jsx56(Badge10, { mode: "outline", tone: "default", children: provenance.source.name })
+                children: /* @__PURE__ */ jsx57(Badge10, { mode: "outline", tone: "default", children: provenance.source.name })
               }
             ),
-            /* @__PURE__ */ jsx56(HoverTip, { text: MODE_TIP2[provenance.mode] ?? GLOSSARY.reportMode, children: /* @__PURE__ */ jsx56(Badge10, { tone: "primary", children: provenance.mode }) }),
-            /* @__PURE__ */ jsx56(
+            /* @__PURE__ */ jsx57(HoverTip, { text: MODE_TIP2[provenance.mode] ?? GLOSSARY.reportMode, children: /* @__PURE__ */ jsx57(Badge10, { tone: "primary", children: provenance.mode }) }),
+            /* @__PURE__ */ jsx57(
               ReportActions,
               {
+                artifactManifest: summary.artifactManifest,
                 documentId: report._id,
                 onDeleted: onBack,
                 provenance,
@@ -12542,14 +12606,14 @@ function ReportDetail({
             )
           ] })
         ] }),
-        currentTab === "overview" && /* @__PURE__ */ jsx56(
+        currentTab === "overview" && /* @__PURE__ */ jsx57(
           TabPanel,
           {
             "aria-labelledby": "tab-overview",
             hidden: currentTab !== "overview",
             id: "panel-overview",
             children: /* @__PURE__ */ jsxs41(Stack32, { space: 5, children: [
-              /* @__PURE__ */ jsx56(
+              /* @__PURE__ */ jsx57(
                 DiagnosticsOverview,
                 {
                   comparison,
@@ -12560,20 +12624,20 @@ function ReportDetail({
                   totalTests
                 }
               ),
-              /* @__PURE__ */ jsx56(CostLatencyPanel, { testResults: summary.testResults }),
-              /* @__PURE__ */ jsx56(
+              /* @__PURE__ */ jsx57(CostLatencyPanel, { testResults: summary.testResults }),
+              /* @__PURE__ */ jsx57(
                 LineageCard,
                 {
                   provenance,
                   reportId: report.reportId
                 }
               ),
-              /* @__PURE__ */ jsx56(ProvenanceCard, { provenance }),
-              /* @__PURE__ */ jsx56(PipelineExecutionPanel, {})
+              /* @__PURE__ */ jsx57(ProvenanceCard, { provenance }),
+              /* @__PURE__ */ jsx57(PipelineExecutionPanel, {})
             ] })
           }
         ),
-        currentTab === "diagnostics" && hasDiagnostics && /* @__PURE__ */ jsx56(
+        currentTab === "diagnostics" && hasDiagnostics && /* @__PURE__ */ jsx57(
           DiagnosticsPanel,
           {
             artifactCache,
@@ -12589,13 +12653,13 @@ function ReportDetail({
             testResults: summary.testResults
           }
         ),
-        currentTab === "activity" && hasAgentActivity && /* @__PURE__ */ jsx56(
+        currentTab === "activity" && hasAgentActivity && /* @__PURE__ */ jsx57(
           TabPanel,
           {
             "aria-labelledby": "tab-activity",
             hidden: currentTab !== "activity",
             id: "panel-activity",
-            children: /* @__PURE__ */ jsx56(
+            children: /* @__PURE__ */ jsx57(
               AgentBehaviorCard,
               {
                 agentBehavior: summary.agentBehavior,
@@ -12633,8 +12697,8 @@ 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__ */ jsx56(TabPanel, { "aria-labelledby": "tab-diagnostics", id: "panel-diagnostics", children: /* @__PURE__ */ jsxs41(Stack32, { space: 4, children: [
-    /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(TabPanel, { "aria-labelledby": "tab-diagnostics", id: "panel-diagnostics", children: /* @__PURE__ */ jsxs41(Stack32, { space: 4, children: [
+    /* @__PURE__ */ jsx57(
       Flex30,
       {
         align: "center",
@@ -12664,7 +12728,7 @@ function DiagnosticsPanel({
             type: "button",
             children: [
               tab.label,
-              tab.id === "issues" && issueCount > 0 && /* @__PURE__ */ jsx56(
+              tab.id === "issues" && issueCount > 0 && /* @__PURE__ */ jsx57(
                 "span",
                 {
                   style: {
@@ -12684,7 +12748,7 @@ function DiagnosticsPanel({
         ))
       }
     ),
-    subTab === "strengths" && /* @__PURE__ */ jsx56(
+    subTab === "strengths" && /* @__PURE__ */ jsx57(
       StrengthsList,
       {
         comparison,
@@ -12694,7 +12758,7 @@ function DiagnosticsPanel({
       }
     ),
     subTab === "issues" && /* @__PURE__ */ jsxs41(Stack32, { space: 5, children: [
-      /* @__PURE__ */ jsx56(
+      /* @__PURE__ */ jsx57(
         WeaknessesList,
         {
           comparison,
@@ -12703,8 +12767,8 @@ function DiagnosticsPanel({
           scores
         }
       ),
-      FEATURE_FLAGS.showFailureModes.enabled && /* @__PURE__ */ jsx56(FailureModesPanel, { failureModes }),
-      judgments && judgments.length > 0 && /* @__PURE__ */ jsx56(
+      FEATURE_FLAGS.showFailureModes.enabled && /* @__PURE__ */ jsx57(FailureModesPanel, { failureModes }),
+      judgments && judgments.length > 0 && /* @__PURE__ */ jsx57(
         JudgmentList,
         {
           artifactCache,
@@ -12740,17 +12804,17 @@ function getDisabledTabTooltip(tabId, summary) {
   if (!summary) return null;
   switch (tabId) {
     case "diagnostics":
-      return /* @__PURE__ */ jsx56(Text42, { muted: true, size: 2, children: "No diagnostic data available. Diagnostics require at least one scored feature area." });
+      return /* @__PURE__ */ jsx57(Text42, { muted: true, size: 2, children: "No diagnostic data available. Diagnostics require at least one scored feature area." });
     case "activity":
       return summary.evaluationMode === "baseline" ? /* @__PURE__ */ jsxs41(Text42, { muted: true, size: 2, children: [
         "Not available for baseline-only evaluations. Run with",
         " ",
-        /* @__PURE__ */ jsx56("code", { style: inlineCodeStyle, children: "--mode full" }),
+        /* @__PURE__ */ jsx57("code", { style: inlineCodeStyle, children: "--mode full" }),
         " or",
         " ",
-        /* @__PURE__ */ jsx56("code", { style: inlineCodeStyle, children: "--mode agentic" }),
+        /* @__PURE__ */ jsx57("code", { style: inlineCodeStyle, children: "--mode agentic" }),
         " to capture agent browsing behavior."
-      ] }) : /* @__PURE__ */ jsx56(Text42, { muted: true, size: 2, children: "No agent activity data was recorded for this evaluation." });
+      ] }) : /* @__PURE__ */ jsx57(Text42, { muted: true, size: 2, children: "No agent activity data was recorded for this evaluation." });
     default:
       return null;
   }
@@ -12759,13 +12823,25 @@ function getDisabledTabTooltip(tabId, summary) {
 // src/components/report-detail/AreaScoreRow.tsx
 import { WarningOutlineIcon as WarningOutlineIcon4 } from "@sanity/icons";
 import { Box as Box30, Flex as Flex31, Stack as Stack33, Text as Text43 } from "@sanity/ui";
-import { jsx as jsx57, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs42 } from "react/jsx-runtime";
 
 // src/components/report-detail/AreaScoreTable.tsx
 import React4 from "react";
 import { Card as Card19, Stack as Stack34, Text as Text45 } from "@sanity/ui";
 
 // src/lib/scoring.ts
+var TONE_MAP = {
+  good: "positive",
+  warning: "caution",
+  "needs-work": "default",
+  critical: "critical"
+};
+function gradeTone(grade) {
+  return TONE_MAP[grade];
+}
+function scoreTone(score) {
+  return gradeTone(scoreGrade(Math.round(score)));
+}
 var HEX_MAP = {
   good: "#2ecc71",
   warning: "#f1c40f",
@@ -12781,32 +12857,32 @@ function scoreHex(score) {
 
 // src/components/primitives/ScoreCell.tsx
 import { Card as Card18, Text as Text44 } from "@sanity/ui";
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 
 // src/components/report-detail/AreaScoreTable.tsx
-import { jsx as jsx59, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs43 } from "react/jsx-runtime";
 
 // src/components/report-detail/AutoComparisonCard.tsx
 import { Badge as Badge11, Box as Box31, Card as Card20, Flex as Flex32, Grid as Grid5, Stack as Stack35, Text as Text46, Tooltip as Tooltip11 } from "@sanity/ui";
-import { jsx as jsx60, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs44 } from "react/jsx-runtime";
 
 // src/components/report-detail/OverviewStats.tsx
 import { Grid as Grid6 } from "@sanity/ui";
-import { jsx as jsx61, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs45 } from "react/jsx-runtime";
 
 // src/components/report-detail/RecommendationsSection.tsx
 import { BoltIcon as BoltIcon2 } from "@sanity/icons";
 import { Box as Box32, Flex as Flex33, Stack as Stack36, Text as Text47 } from "@sanity/ui";
-import { jsx as jsx62, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs46 } from "react/jsx-runtime";
 
 // src/components/report-detail/ThreeLayerTable.tsx
 import React5 from "react";
 import { Badge as Badge12, Card as Card21, Flex as Flex34, Stack as Stack37, Text as Text48 } from "@sanity/ui";
-import { jsx as jsx63, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs47 } from "react/jsx-runtime";
 
 // src/components/report-detail/JudgmentDetailDrawerOutlet.tsx
 import { Card as Card22 } from "@sanity/ui";
-import { useCallback as useCallback37, useEffect as useEffect15, useRef as useRef8, useState as useState29 } from "react";
+import { useCallback as useCallback38, useEffect as useEffect15, useRef as useRef8, useState as useState29 } from "react";
 
 // src/components/report-detail/JudgmentDetailDrawer.tsx
 import { useEffect as useEffect14, useState as useState28 } from "react";
@@ -12822,7 +12898,7 @@ import {
   Text as Text49,
   Tooltip as Tooltip12
 } from "@sanity/ui";
-import { jsx as jsx64, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs48 } from "react/jsx-runtime";
 var HEADER_STYLE = {
   borderBottom: "1px solid var(--card-border-color)"
 };
@@ -12861,7 +12937,7 @@ function DocBadge({
   const [hovered, setHovered] = useState28(false);
   const isLinked = Boolean(doc.documentId);
   const tooltipLabel = isLinked ? `Edit "${doc.title || doc.slug}"` : doc.title || doc.slug;
-  const badge = /* @__PURE__ */ jsx64(
+  const badge = /* @__PURE__ */ jsx65(
     "span",
     {
       style: {
@@ -12874,13 +12950,13 @@ function DocBadge({
       children: doc.slug
     }
   );
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx65(
     Tooltip12,
     {
-      content: /* @__PURE__ */ jsx64(Box33, { padding: 2, children: /* @__PURE__ */ jsx64(Text49, { size: 2, children: tooltipLabel }) }),
+      content: /* @__PURE__ */ jsx65(Box33, { padding: 2, children: /* @__PURE__ */ jsx65(Text49, { size: 2, children: tooltipLabel }) }),
       placement: "bottom",
       portal: true,
-      children: isLinked ? /* @__PURE__ */ jsx64(
+      children: isLinked ? /* @__PURE__ */ jsx65(
         "a",
         {
           href: `/intent/edit/id=${doc.documentId}`,
@@ -12895,7 +12971,7 @@ function DocBadge({
           },
           children: badge
         }
-      ) : /* @__PURE__ */ jsx64("span", { children: badge })
+      ) : /* @__PURE__ */ jsx65("span", { children: badge })
     }
   );
 }
@@ -12968,7 +13044,7 @@ function JudgmentDetailDrawer({
       role: "dialog",
       style: { flex: 1, height: "100%", minHeight: 0, overflow: "hidden" },
       children: [
-        /* @__PURE__ */ jsx64(
+        /* @__PURE__ */ jsx65(
           "div",
           {
             "aria-hidden": true,
@@ -12984,7 +13060,7 @@ function JudgmentDetailDrawer({
         /* @__PURE__ */ jsxs48(Flex35, { align: "flex-start", gap: 2, padding: 4, style: HEADER_STYLE, children: [
           /* @__PURE__ */ jsxs48(Stack38, { flex: 1, space: 2, children: [
             /* @__PURE__ */ jsxs48(Flex35, { align: "center", gap: 2, wrap: "wrap", children: [
-              /* @__PURE__ */ jsx64(
+              /* @__PURE__ */ jsx65(
                 "span",
                 {
                   style: {
@@ -12999,7 +13075,7 @@ function JudgmentDetailDrawer({
                   children: judgment.score
                 }
               ),
-              /* @__PURE__ */ jsx64(
+              /* @__PURE__ */ jsx65(
                 "span",
                 {
                   style: {
@@ -13012,13 +13088,13 @@ function JudgmentDetailDrawer({
                   children: dimLabel
                 }
               ),
-              /* @__PURE__ */ jsx64(
+              /* @__PURE__ */ jsx65(
                 Tooltip12,
                 {
-                  content: /* @__PURE__ */ jsx64(Box33, { padding: 2, children: /* @__PURE__ */ jsx64(Text49, { size: 1, children: judgment.modelId }) }),
+                  content: /* @__PURE__ */ jsx65(Box33, { padding: 2, children: /* @__PURE__ */ jsx65(Text49, { size: 1, children: judgment.modelId }) }),
                   placement: "bottom",
                   portal: true,
-                  children: /* @__PURE__ */ jsx64(
+                  children: /* @__PURE__ */ jsx65(
                     "span",
                     {
                       style: {
@@ -13035,7 +13111,7 @@ function JudgmentDetailDrawer({
                   )
                 }
               ),
-              (testResult?.latencyMs != null || testResult?.cost != null && testResult.cost > 0) && /* @__PURE__ */ jsx64(
+              (testResult?.latencyMs != null || testResult?.cost != null && testResult.cost > 0) && /* @__PURE__ */ jsx65(
                 "span",
                 {
                   "aria-hidden": true,
@@ -13047,10 +13123,10 @@ function JudgmentDetailDrawer({
                   }
                 }
               ),
-              testResult?.latencyMs != null && /* @__PURE__ */ jsx64(
+              testResult?.latencyMs != null && /* @__PURE__ */ jsx65(
                 Tooltip12,
                 {
-                  content: /* @__PURE__ */ jsx64(Box33, { padding: 2, children: /* @__PURE__ */ jsx64(Text49, { size: 1, children: "End-to-end generation latency for this model call." }) }),
+                  content: /* @__PURE__ */ jsx65(Box33, { padding: 2, children: /* @__PURE__ */ jsx65(Text49, { size: 1, children: "End-to-end generation latency for this model call." }) }),
                   placement: "bottom",
                   portal: true,
                   children: /* @__PURE__ */ jsxs48(Text49, { muted: true, size: 1, children: [
@@ -13059,10 +13135,10 @@ function JudgmentDetailDrawer({
                   ] })
                 }
               ),
-              testResult?.cost != null && testResult.cost > 0 && /* @__PURE__ */ jsx64(
+              testResult?.cost != null && testResult.cost > 0 && /* @__PURE__ */ jsx65(
                 Tooltip12,
                 {
-                  content: /* @__PURE__ */ jsx64(Box33, { padding: 2, children: /* @__PURE__ */ jsx64(Text49, { size: 1, children: "Provider-reported cost for this model call." }) }),
+                  content: /* @__PURE__ */ jsx65(Box33, { padding: 2, children: /* @__PURE__ */ jsx65(Text49, { size: 1, children: "Provider-reported cost for this model call." }) }),
                   placement: "bottom",
                   portal: true,
                   children: /* @__PURE__ */ jsxs48(Text49, { muted: true, size: 1, children: [
@@ -13073,12 +13149,12 @@ function JudgmentDetailDrawer({
               )
             ] }),
             /* @__PURE__ */ jsxs48(Flex35, { align: "center", gap: 2, wrap: "wrap", children: [
-              /* @__PURE__ */ jsx64(Text49, { size: 2, weight: "medium", children: taskName }),
-              /* @__PURE__ */ jsx64(VariantBadge, { variant })
+              /* @__PURE__ */ jsx65(Text49, { size: 2, weight: "medium", children: taskName }),
+              /* @__PURE__ */ jsx65(VariantBadge, { variant })
             ] })
           ] }),
           /* @__PURE__ */ jsxs48(Flex35, { align: "center", gap: 1, children: [
-            /* @__PURE__ */ jsx64(
+            /* @__PURE__ */ jsx65(
               "span",
               {
                 style: {
@@ -13096,7 +13172,7 @@ function JudgmentDetailDrawer({
                 children: "Esc"
               }
             ),
-            /* @__PURE__ */ jsx64(
+            /* @__PURE__ */ jsx65(
               Button12,
               {
                 "aria-label": "Close (Esc)",
@@ -13119,8 +13195,8 @@ function JudgmentDetailDrawer({
             paddingY: 2,
             style: TAB_BAR_STYLE,
             children: [
-              /* @__PURE__ */ jsx64(Box33, { flex: 1, style: { minWidth: 0 }, children: /* @__PURE__ */ jsxs48(TabList2, { space: 2, children: [
-                /* @__PURE__ */ jsx64(
+              /* @__PURE__ */ jsx65(Box33, { flex: 1, style: { minWidth: 0 }, children: /* @__PURE__ */ jsxs48(TabList2, { space: 2, children: [
+                /* @__PURE__ */ jsx65(
                   Tab2,
                   {
                     "aria-controls": "judgment-panel-reasoning",
@@ -13130,7 +13206,7 @@ function JudgmentDetailDrawer({
                     selected: tab === "reasoning"
                   }
                 ),
-                hasOutputTab && /* @__PURE__ */ jsx64(
+                hasOutputTab && /* @__PURE__ */ jsx65(
                   Tab2,
                   {
                     "aria-controls": "judgment-panel-output",
@@ -13141,7 +13217,7 @@ function JudgmentDetailDrawer({
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ jsx64(
+              /* @__PURE__ */ jsx65(
                 JudgmentActions,
                 {
                   onShowPrompts: onShowPrompts ? () => onShowPrompts(judgment) : void 0
@@ -13151,14 +13227,14 @@ function JudgmentDetailDrawer({
           }
         ),
         /* @__PURE__ */ jsxs48(Box33, { padding: 4, style: CONTENT_STYLE, children: [
-          /* @__PURE__ */ jsx64(
+          /* @__PURE__ */ jsx65(
             TabPanel2,
             {
               "aria-labelledby": "judgment-tab-reasoning",
               hidden: tab !== "reasoning",
               id: "judgment-panel-reasoning",
               children: /* @__PURE__ */ jsxs48(Box33, { style: COPYABLE_BLOCK_STYLE, children: [
-                /* @__PURE__ */ jsx64(Box33, { style: COPY_BUTTON_SLOT_STYLE, children: /* @__PURE__ */ jsx64(
+                /* @__PURE__ */ jsx65(Box33, { style: COPY_BUTTON_SLOT_STYLE, children: /* @__PURE__ */ jsx65(
                   CopyButton,
                   {
                     copiedLabel: "Reasoning copied",
@@ -13166,8 +13242,8 @@ function JudgmentDetailDrawer({
                     text: reasoningText
                   }
                 ) }),
-                /* @__PURE__ */ jsx64(Markdown, { content: reasoningText }),
-                reasoningIsPreview && /* @__PURE__ */ jsx64(Text49, { muted: true, size: 1, style: { marginTop: 8 }, children: fullStatus === "loading" ? "Loading full reasoning\u2026" : "Showing preview (280 chars). Full reasoning not yet loaded." })
+                /* @__PURE__ */ jsx65(Markdown, { content: reasoningText }),
+                reasoningIsPreview && /* @__PURE__ */ jsx65(Text49, { muted: true, size: 1, style: { marginTop: 8 }, children: fullStatus === "loading" ? "Loading full reasoning\u2026" : "Showing preview (280 chars). Full reasoning not yet loaded." })
               ] })
             }
           ),
@@ -13178,14 +13254,14 @@ function JudgmentDetailDrawer({
               hidden: tab !== "output",
               id: "judgment-panel-output",
               children: [
-                !resolvedOutput && fetchInFlight && /* @__PURE__ */ jsx64(Text49, { muted: true, size: 1, children: "Fetching model output\u2026" }),
+                !resolvedOutput && fetchInFlight && /* @__PURE__ */ jsx65(Text49, { muted: true, size: 1, children: "Fetching model output\u2026" }),
                 !resolvedOutput && fetchFailed && /* @__PURE__ */ jsxs48(Text49, { muted: true, size: 1, style: { color: "#f87171" }, children: [
                   "Failed to load model output",
                   artifactCache?.error ? `: ${artifactCache.error}` : ""
                 ] }),
-                !resolvedOutput && entryUnavailable && /* @__PURE__ */ jsx64(Text49, { muted: true, size: 1, children: "Model output not available for this entry." }),
+                !resolvedOutput && entryUnavailable && /* @__PURE__ */ jsx65(Text49, { muted: true, size: 1, children: "Model output not available for this entry." }),
                 resolvedOutput && /* @__PURE__ */ jsxs48(Box33, { style: COPYABLE_BLOCK_STYLE, children: [
-                  /* @__PURE__ */ jsx64(Box33, { style: COPY_BUTTON_SLOT_STYLE, children: /* @__PURE__ */ jsx64(
+                  /* @__PURE__ */ jsx65(Box33, { style: COPY_BUTTON_SLOT_STYLE, children: /* @__PURE__ */ jsx65(
                     CopyButton,
                     {
                       copiedLabel: "Output copied",
@@ -13193,15 +13269,15 @@ function JudgmentDetailDrawer({
                       text: resolvedOutput
                     }
                   ) }),
-                  /* @__PURE__ */ jsx64(Markdown, { content: resolvedOutput })
+                  /* @__PURE__ */ jsx65(Markdown, { content: resolvedOutput })
                 ] })
               ]
             }
           )
         ] }),
-        judgment.canonicalDocs && judgment.canonicalDocs.length > 0 && /* @__PURE__ */ jsx64(Box33, { padding: 4, style: RELATED_DOCS_STYLE, children: /* @__PURE__ */ jsxs48(Flex35, { align: "center", gap: 2, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx64("span", { style: SECTION_LABEL_STYLE, children: "Related docs" }),
-          judgment.canonicalDocs.map((doc) => /* @__PURE__ */ jsx64(DocBadge, { doc }, doc.slug))
+        judgment.canonicalDocs && judgment.canonicalDocs.length > 0 && /* @__PURE__ */ jsx65(Box33, { padding: 4, style: RELATED_DOCS_STYLE, children: /* @__PURE__ */ jsxs48(Flex35, { align: "center", gap: 2, wrap: "wrap", children: [
+          /* @__PURE__ */ jsx65("span", { style: SECTION_LABEL_STYLE, children: "Related docs" }),
+          judgment.canonicalDocs.map((doc) => /* @__PURE__ */ jsx65(DocBadge, { doc }, doc.slug))
         ] }) })
       ]
     }
@@ -13209,7 +13285,7 @@ function JudgmentDetailDrawer({
 }
 
 // src/components/report-detail/JudgmentDetailDrawerOutlet.tsx
-import { jsx as jsx65, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs49 } from "react/jsx-runtime";
 var MIN_WIDTH2 = 480;
 var MAX_WIDTH2 = 900;
 var OVERLAY_BREAKPOINT2 = 1024;
@@ -13236,7 +13312,7 @@ function useResizable2(defaultWidth) {
   const dragging = useRef8(false);
   const startX = useRef8(0);
   const startWidth = useRef8(0);
-  const handleMouseDown = useCallback37(
+  const handleMouseDown = useCallback38(
     (e) => {
       e.preventDefault();
       dragging.current = true;
@@ -13305,7 +13381,7 @@ function JudgmentDetailDrawerOutlet({
         width
       },
       children: [
-        !isNarrow && /* @__PURE__ */ jsx65(
+        !isNarrow && /* @__PURE__ */ jsx66(
           "div",
           {
             "aria-label": "Resize judgment drawer",
@@ -13330,7 +13406,7 @@ function JudgmentDetailDrawerOutlet({
             }
           }
         ),
-        /* @__PURE__ */ jsx65(
+        /* @__PURE__ */ jsx66(
           Card22,
           {
             borderLeft: !isNarrow,
@@ -13340,7 +13416,7 @@ function JudgmentDetailDrawerOutlet({
               flexDirection: "column",
               overflow: "hidden"
             },
-            children: /* @__PURE__ */ jsx65(ReportArtifactProvider, { runId: active.runId, manifest: active.manifest, children: /* @__PURE__ */ jsx65(
+            children: /* @__PURE__ */ jsx66(ReportArtifactProvider, { runId: active.runId, manifest: active.manifest, children: /* @__PURE__ */ jsx66(
               JudgmentDetailDrawer,
               {
                 artifactCache: active.artifactCache,
@@ -13358,244 +13434,1158 @@ function JudgmentDetailDrawerOutlet({
 }
 
 // src/components/ScoreTimeline.tsx
-import { Card as Card23, Flex as Flex36, Select as Select2, Stack as Stack39, Text as Text50 } from "@sanity/ui";
-import { useCallback as useCallback38, useEffect as useEffect16, useMemo as useMemo17, useState as useState30 } from "react";
-import { useClient as useClient13 } from "sanity";
-import { jsx as jsx66, jsxs as jsxs50 } from "react/jsx-runtime";
-var CHART_HEIGHT = 220;
-var CHART_WIDTH = 800;
-var PAD_BOTTOM = 30;
-var PAD_LEFT = 40;
-var PAD_RIGHT = 20;
-var PAD_TOP = 20;
-var PLOT_HEIGHT = CHART_HEIGHT - PAD_TOP - PAD_BOTTOM;
-var PLOT_WIDTH = CHART_WIDTH - PAD_LEFT - PAD_RIGHT;
-var Y_MAX = 100;
-var Y_TICKS = [0, 25, 50, 75, 100];
-var TIME_RANGES = [
-  { days: 7, label: "Last 7 days" },
-  { days: 30, label: "Last 30 days" },
-  { days: 90, label: "Last 90 days" },
-  { days: null, label: "All time" }
+import { Card as Card25, Flex as Flex38, Spinner, Stack as Stack41, Text as Text52 } from "@sanity/ui";
+import { useCallback as useCallback42, useMemo as useMemo19, useState as useState32 } from "react";
+import { useRouter as useRouter4 } from "sanity/router";
+
+// src/components/timeline/TimelineChart.tsx
+import { Box as Box34, Card as Card23, Flex as Flex36, Stack as Stack39, Text as Text50 } from "@sanity/ui";
+import {
+  useCallback as useCallback39,
+  useEffect as useEffect16,
+  useMemo as useMemo17,
+  useRef as useRef9,
+  useState as useState30
+} from "react";
+
+// src/components/timeline/lib.ts
+var RANGE_OPTIONS = [
+  { days: 7, label: "Last 7 days", value: "7d" },
+  { days: 30, label: "Last 30 days", value: "30d" },
+  { days: 90, label: "Last 90 days", value: "90d" },
+  { days: 180, label: "Last 180 days", value: "180d" },
+  { days: 365, label: "Last year", value: "365d" },
+  { days: null, label: "All time", value: "all" }
 ];
+var DEFAULT_RANGE = "30d";
+function rangePresetToDays(preset) {
+  const opt = RANGE_OPTIONS.find((r) => r.value === preset);
+  if (!opt) throw new Error(`Unknown range preset: ${preset}`);
+  return opt.days;
+}
+function isRangePreset(value) {
+  return RANGE_OPTIONS.some((r) => r.value === value);
+}
+var GRANULARITY_OPTIONS = [
+  { label: "All", value: "raw" },
+  { label: "Daily average", value: "day" },
+  { label: "Weekly average", value: "week" }
+];
+var DEFAULT_GRANULARITY = "raw";
+function isGranularity(value) {
+  return value === "raw" || value === "day" || value === "week";
+}
 function daysAgo(n) {
   const d = /* @__PURE__ */ new Date();
   d.setDate(d.getDate() - n);
   return d.toISOString();
 }
-function formatDate(iso) {
+function formatDateShort(iso) {
   return new Date(iso).toLocaleDateString(void 0, {
     day: "numeric",
     month: "short"
   });
 }
+function formatDateTime(iso) {
+  return new Date(iso).toLocaleString(void 0, {
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+    month: "short",
+    year: "numeric"
+  });
+}
+function startOfDay(iso) {
+  const d = new Date(iso);
+  d.setUTCHours(0, 0, 0, 0);
+  return d.toISOString();
+}
+function startOfWeek(iso) {
+  const d = new Date(iso);
+  d.setUTCHours(0, 0, 0, 0);
+  const day = d.getUTCDay();
+  const diff = (day + 6) % 7;
+  d.setUTCDate(d.getUTCDate() - diff);
+  return d.toISOString();
+}
 function scoreForPoint(point, area) {
   if (!area) return point.overall;
   const match = point.scores.find((s) => s.feature === area);
   return match?.totalScore ?? null;
 }
-function ScoreTimeline({ mode = null, source = null }) {
-  const client = useClient13({ apiVersion: API_VERSION });
-  const [dataPoints, setDataPoints] = useState30([]);
-  const [loading, setLoading] = useState30(true);
-  const [rangeDays, setRangeDays] = useState30(30);
-  const [selectedArea, setSelectedArea] = useState30(null);
-  const areaNames = useMemo17(() => {
-    const names = /* @__PURE__ */ new Set();
-    for (const dp of dataPoints) {
-      for (const s of dp.scores) {
-        names.add(s.feature);
-      }
+function aggregate(points, area, granularity) {
+  const scored = [];
+  for (const dp of points) {
+    const score = scoreForPoint(dp, area);
+    if (score === null) continue;
+    scored.push({ count: 1, date: dp.completedAt, score, source: dp });
+  }
+  if (granularity === "raw" || scored.length === 0) return scored;
+  const bucketKey = granularity === "day" ? startOfDay : startOfWeek;
+  const buckets = /* @__PURE__ */ new Map();
+  for (const d of scored) {
+    const key = bucketKey(d.date);
+    const cur = buckets.get(key);
+    if (cur) {
+      cur.sum += d.score;
+      cur.count += 1;
+      if (d.date > cur.source.completedAt) cur.source = d.source;
+    } else {
+      buckets.set(key, { count: 1, source: d.source, sum: d.score });
     }
-    return Array.from(names).sort();
-  }, [dataPoints]);
-  const fetchData = useCallback38(async () => {
-    setLoading(true);
-    try {
-      const startDate = rangeDays ? daysAgo(rangeDays) : "1970-01-01T00:00:00Z";
-      const results = await client.fetch(
-        scoreTimelineQuery,
-        { mode, source, startDate }
-      );
-      setDataPoints(results ?? []);
-    } catch {
-      setDataPoints([]);
-    } finally {
-      setLoading(false);
+  }
+  return Array.from(buckets.entries()).sort(([a], [b]) => a.localeCompare(b)).map(([date, { count, source, sum }]) => ({
+    count,
+    date,
+    score: sum / count,
+    source
+  }));
+}
+function uniqueSorted(items, extract) {
+  const set2 = /* @__PURE__ */ new Set();
+  for (const item of items) {
+    for (const v of extract(item)) {
+      if (v) set2.add(v);
+    }
+  }
+  return Array.from(set2).sort();
+}
+function computeStats(points, window2 = 5) {
+  if (points.length === 0) {
+    return {
+      count: 0,
+      delta: null,
+      first: null,
+      last: null,
+      max: null,
+      mean: null,
+      median: null,
+      min: null,
+      movingAverage: [],
+      stdev: null,
+      trend: "flat"
+    };
+  }
+  const scores = points.map((p) => p.score);
+  const sum = scores.reduce((a, b) => a + b, 0);
+  const mean = sum / scores.length;
+  const sorted = [...scores].sort((a, b) => a - b);
+  const median2 = sorted.length % 2 === 0 ? (sorted[sorted.length / 2 - 1] + sorted[sorted.length / 2]) / 2 : sorted[(sorted.length - 1) / 2];
+  let minIdx = 0;
+  let maxIdx = 0;
+  for (let i = 1; i < points.length; i++) {
+    if (points[i].score < points[minIdx].score) minIdx = i;
+    if (points[i].score > points[maxIdx].score) maxIdx = i;
+  }
+  const variance = scores.reduce((acc, x) => acc + (x - mean) ** 2, 0) / scores.length;
+  const stdev = Math.sqrt(variance);
+  const first = points[0];
+  const last = points[points.length - 1];
+  const delta = points.length > 1 ? last.score - first.score : 0;
+  const trend = classifyTrend(delta);
+  return {
+    count: points.length,
+    delta,
+    first,
+    last,
+    max: points[maxIdx],
+    mean,
+    median: median2,
+    min: points[minIdx],
+    movingAverage: rollingMean(scores, window2),
+    stdev,
+    trend
+  };
+}
+function classifyTrend(delta) {
+  if (Math.abs(delta) < 1.5) return "flat";
+  return delta > 0 ? "up" : "down";
+}
+function rollingMean(values, window2) {
+  if (values.length === 0) return [];
+  const w = Math.max(1, Math.min(window2, values.length));
+  const out = [];
+  let runningSum = 0;
+  const queue = [];
+  for (const v of values) {
+    queue.push(v);
+    runningSum += v;
+    if (queue.length > w) {
+      runningSum -= queue.shift();
     }
-  }, [client, mode, rangeDays, source]);
+    out.push(runningSum / queue.length);
+  }
+  return out;
+}
+var CSV_HEADER = [
+  "completedAt",
+  "reportId",
+  "title",
+  "tag",
+  "mode",
+  "source",
+  "trigger",
+  "overall",
+  "selectedAreaScore",
+  "actualScore",
+  "durationMs"
+];
+function csvEscape(value) {
+  if (value == null) return "";
+  const s = String(value);
+  if (/[",\n\r]/.test(s)) return `"${s.replaceAll('"', '""')}"`;
+  return s;
+}
+function toCsv(points, selectedArea) {
+  const rows = [CSV_HEADER.join(",")];
+  for (const p of points) {
+    const areaScore = scoreForPoint(p, selectedArea);
+    rows.push(
+      [
+        p.completedAt,
+        p.reportId ?? p._id,
+        p.title ?? "",
+        p.tag ?? "",
+        p.mode,
+        p.source,
+        p.trigger ?? "",
+        p.overall ?? "",
+        areaScore ?? "",
+        p.actualScore ?? "",
+        p.durationMs ?? ""
+      ].map(csvEscape).join(",")
+    );
+  }
+  return rows.join("\n") + "\n";
+}
+function downloadCsv(content, filename) {
+  if (typeof document === "undefined") return;
+  const blob = new Blob([content], { type: "text/csv;charset=utf-8" });
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = filename;
+  document.body.append(link);
+  link.click();
+  link.remove();
+  setTimeout(() => URL.revokeObjectURL(url), 0);
+}
+async function copyTextToClipboard(text) {
+  if (typeof navigator === "undefined" || !navigator.clipboard?.writeText) {
+    return false;
+  }
+  try {
+    await navigator.clipboard.writeText(text);
+    return true;
+  } catch {
+    return false;
+  }
+}
+var TIMELINE_DATA_START_DATE = "2026-04-15T00:00:00Z";
+function effectiveStartDate(rangeDays, floor = TIMELINE_DATA_START_DATE) {
+  const rangeStart = rangeDays ? daysAgo(rangeDays) : "1970-01-01T00:00:00Z";
+  if (!floor) return rangeStart;
+  return rangeStart > floor ? rangeStart : floor;
+}
+
+// src/components/timeline/TimelineChart.tsx
+import { jsx as jsx67, jsxs as jsxs50 } from "react/jsx-runtime";
+var CHART_HEIGHT = 280;
+var PAD_BOTTOM = 36;
+var PAD_LEFT = 44;
+var PAD_RIGHT = 16;
+var PAD_TOP = 16;
+var Y_MAX = 100;
+var Y_TICKS = [0, 25, 50, 75, 100];
+var NOISE_BAND = 3;
+var X_LABEL_TARGET = 6;
+function TimelineChart({
+  movingAverage,
+  onSelectPoint,
+  points,
+  showMovingAverage
+}) {
+  const containerRef = useRef9(null);
+  const [width, setWidth] = useState30(800);
+  const [hoverIdx, setHoverIdx] = useState30(null);
+  const [focusIdx, setFocusIdx] = useState30(null);
   useEffect16(() => {
-    void fetchData();
-  }, [fetchData]);
-  const chartPoints = useMemo17(() => {
-    const pts = [];
-    const scored = dataPoints.map((dp) => ({
-      date: dp.completedAt,
-      score: scoreForPoint(dp, selectedArea)
-    })).filter((d) => d.score !== null);
-    if (scored.length === 0) return pts;
-    scored.forEach((d, i) => {
-      const x = PAD_LEFT + (scored.length === 1 ? PLOT_WIDTH / 2 : i / (scored.length - 1) * PLOT_WIDTH);
-      const y = PAD_TOP + PLOT_HEIGHT - d.score / Y_MAX * PLOT_HEIGHT;
-      pts.push({ date: d.date, score: d.score, x, y });
+    const node = containerRef.current;
+    if (!node || typeof ResizeObserver === "undefined") return;
+    const ro = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (!entry) return;
+      const w = Math.max(320, Math.floor(entry.contentRect.width));
+      setWidth(w);
     });
-    return pts;
-  }, [dataPoints, selectedArea]);
+    ro.observe(node);
+    return () => ro.disconnect();
+  }, []);
+  const plotWidth = width - PAD_LEFT - PAD_RIGHT;
+  const plotHeight = CHART_HEIGHT - PAD_TOP - PAD_BOTTOM;
+  const xFor = useCallback39(
+    (i, n) => PAD_LEFT + (n === 1 ? plotWidth / 2 : i / (n - 1) * plotWidth),
+    [plotWidth]
+  );
+  const yFor = useCallback39(
+    (score) => PAD_TOP + plotHeight - score / Y_MAX * plotHeight,
+    [plotHeight]
+  );
+  const computed = useMemo17(
+    () => points.map((p, i) => ({
+      ...p,
+      x: xFor(i, points.length),
+      y: yFor(p.score)
+    })),
+    [points, xFor, yFor]
+  );
+  const polylinePoints = useMemo17(
+    () => computed.map((p) => `${p.x},${p.y}`).join(" "),
+    [computed]
+  );
+  const maPoints = useMemo17(() => {
+    if (!showMovingAverage || movingAverage.length !== computed.length)
+      return "";
+    return computed.map((p, i) => `${p.x},${yFor(movingAverage[i] ?? p.score)}`).join(" ");
+  }, [computed, movingAverage, showMovingAverage, yFor]);
   const avgScore = useMemo17(() => {
-    if (chartPoints.length === 0) return 0;
-    return chartPoints.reduce((sum, p) => sum + p.score, 0) / chartPoints.length;
-  }, [chartPoints]);
-  const handleRangeChange = useCallback38(
+    if (computed.length === 0) return 0;
+    return computed.reduce((acc, p) => acc + p.score, 0) / computed.length;
+  }, [computed]);
+  const xLabelIndexes = useMemo17(() => {
+    if (computed.length === 0) return [];
+    if (computed.length <= X_LABEL_TARGET) return computed.map((_, i) => i);
+    const step = (computed.length - 1) / (X_LABEL_TARGET - 1);
+    const out = [];
+    for (let k = 0; k < X_LABEL_TARGET; k++) {
+      out.push(Math.round(k * step));
+    }
+    return Array.from(new Set(out));
+  }, [computed]);
+  const findNearestIndex = useCallback39(
+    (clientX, rect) => {
+      if (computed.length === 0) return null;
+      const localX = (clientX - rect.left) * width / rect.width;
+      let best = 0;
+      let bestDist = Math.abs(computed[0].x - localX);
+      for (let i = 1; i < computed.length; i++) {
+        const d = Math.abs(computed[i].x - localX);
+        if (d < bestDist) {
+          best = i;
+          bestDist = d;
+        }
+      }
+      return best;
+    },
+    [computed, width]
+  );
+  const handleMouseMove = useCallback39(
     (e) => {
-      const val = e.currentTarget.value;
-      setRangeDays(val === "all" ? null : Number(val));
+      const rect = e.currentTarget.getBoundingClientRect();
+      const idx = findNearestIndex(e.clientX, rect);
+      setHoverIdx(idx);
     },
-    []
+    [findNearestIndex]
   );
-  const handleAreaChange = useCallback38(
+  const handleMouseLeave = useCallback39(() => {
+    setHoverIdx(null);
+  }, []);
+  const handlePointClick = useCallback39(
+    (idx) => {
+      const datum = computed[idx];
+      if (!datum) return;
+      onSelectPoint(datum.source);
+    },
+    [computed, onSelectPoint]
+  );
+  const handleFocus = useCallback39(() => {
+    setFocusIdx((prev) => prev ?? 0);
+  }, []);
+  const moveTo = useCallback39((idx) => {
+    setFocusIdx(idx);
+    setHoverIdx(idx);
+  }, []);
+  const handleKey = useCallback39(
     (e) => {
-      const val = e.currentTarget.value;
-      setSelectedArea(val || null);
+      if (computed.length === 0) return;
+      const last = computed.length - 1;
+      const cur = focusIdx ?? 0;
+      switch (e.key) {
+        case "ArrowRight":
+          e.preventDefault();
+          moveTo(Math.min(last, cur + 1));
+          return;
+        case "ArrowLeft":
+          e.preventDefault();
+          moveTo(Math.max(0, cur - 1));
+          return;
+        case "Home":
+          e.preventDefault();
+          moveTo(0);
+          return;
+        case "End":
+          e.preventDefault();
+          moveTo(last);
+          return;
+        case "Enter":
+        case " ":
+          e.preventDefault();
+          handlePointClick(cur);
+      }
     },
-    []
+    [computed, focusIdx, handlePointClick, moveTo]
   );
-  const polylinePoints = chartPoints.map((p) => `${p.x},${p.y}`).join(" ");
-  return /* @__PURE__ */ jsxs50(Stack39, { space: 4, children: [
-    /* @__PURE__ */ jsxs50(Flex36, { gap: 3, children: [
-      /* @__PURE__ */ jsx66(
-        Select2,
+  const activeIdx = hoverIdx ?? focusIdx;
+  const active = activeIdx !== null ? computed[activeIdx] : null;
+  if (computed.length === 0) {
+    return /* @__PURE__ */ jsx67(Card23, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsx67(Flex36, { align: "center", justify: "center", style: { height: 220 }, children: /* @__PURE__ */ jsx67(Text50, { muted: true, size: 2, children: "No reports found in this window. Adjust the filters or extend the time range." }) }) });
+  }
+  return /* @__PURE__ */ jsx67(Card23, { padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs50(Stack39, { space: 2, children: [
+    /* @__PURE__ */ jsxs50(Box34, { ref: containerRef, style: { position: "relative", width: "100%" }, children: [
+      /* @__PURE__ */ jsxs50(
+        "svg",
         {
-          onChange: handleRangeChange,
-          value: rangeDays?.toString() ?? "all",
-          children: TIME_RANGES.map((r) => /* @__PURE__ */ jsx66("option", { value: r.days?.toString() ?? "all", children: r.label }, r.label))
+          "aria-label": "Score timeline chart",
+          onFocus: handleFocus,
+          onKeyDown: handleKey,
+          onMouseLeave: handleMouseLeave,
+          onMouseMove: handleMouseMove,
+          role: "img",
+          style: { display: "block", width: "100%" },
+          tabIndex: 0,
+          viewBox: `0 0 ${width} ${CHART_HEIGHT}`,
+          children: [
+            Y_TICKS.map((tick) => {
+              const y = yFor(tick);
+              return /* @__PURE__ */ jsxs50("g", { children: [
+                /* @__PURE__ */ jsx67(
+                  "line",
+                  {
+                    stroke: "var(--card-border-color, #ddd)",
+                    strokeDasharray: "3 4",
+                    x1: PAD_LEFT,
+                    x2: width - PAD_RIGHT,
+                    y1: y,
+                    y2: y
+                  }
+                ),
+                /* @__PURE__ */ jsx67(
+                  "text",
+                  {
+                    dominantBaseline: "middle",
+                    fill: "var(--card-muted-fg-color, #999)",
+                    fontSize: 11,
+                    textAnchor: "end",
+                    x: PAD_LEFT - 6,
+                    y,
+                    children: tick
+                  }
+                )
+              ] }, tick);
+            }),
+            avgScore > 0 ? /* @__PURE__ */ jsx67(
+              "rect",
+              {
+                fill: scoreHex(avgScore),
+                fillOpacity: 0.07,
+                height: Math.max(
+                  0,
+                  yFor(avgScore - NOISE_BAND) - yFor(avgScore + NOISE_BAND)
+                ),
+                width: width - PAD_LEFT - PAD_RIGHT,
+                x: PAD_LEFT,
+                y: yFor(avgScore + NOISE_BAND)
+              }
+            ) : null,
+            xLabelIndexes.map((i) => {
+              const p = computed[i];
+              if (!p) return null;
+              return /* @__PURE__ */ jsx67(
+                "text",
+                {
+                  fill: "var(--card-muted-fg-color, #999)",
+                  fontSize: 10,
+                  textAnchor: i === 0 ? "start" : i === computed.length - 1 ? "end" : "middle",
+                  x: p.x,
+                  y: CHART_HEIGHT - 10,
+                  children: formatDateShort(p.date)
+                },
+                i
+              );
+            }),
+            showMovingAverage && maPoints ? /* @__PURE__ */ jsx67(
+              "polyline",
+              {
+                fill: "none",
+                points: maPoints,
+                stroke: "var(--card-muted-fg-color, #888)",
+                strokeDasharray: "6 4",
+                strokeLinejoin: "round",
+                strokeWidth: 1.5
+              }
+            ) : null,
+            /* @__PURE__ */ jsx67(
+              "polyline",
+              {
+                fill: "none",
+                points: polylinePoints,
+                stroke: scoreHex(avgScore),
+                strokeLinejoin: "round",
+                strokeWidth: 2.5
+              }
+            ),
+            active ? /* @__PURE__ */ jsx67(
+              "line",
+              {
+                stroke: "var(--card-border-color, #bbb)",
+                strokeWidth: 1,
+                x1: active.x,
+                x2: active.x,
+                y1: PAD_TOP,
+                y2: CHART_HEIGHT - PAD_BOTTOM
+              }
+            ) : null,
+            computed.map((p, idx) => {
+              const isActive = idx === activeIdx;
+              return /* @__PURE__ */ jsx67(
+                "circle",
+                {
+                  cx: p.x,
+                  cy: p.y,
+                  fill: scoreHex(p.score),
+                  onClick: () => handlePointClick(idx),
+                  r: isActive ? 6 : 4,
+                  stroke: "var(--card-bg-color, #fff)",
+                  strokeWidth: isActive ? 2 : 1.5,
+                  style: { cursor: "pointer" }
+                },
+                idx
+              );
+            })
+          ]
         }
       ),
-      /* @__PURE__ */ jsxs50(Select2, { onChange: handleAreaChange, value: selectedArea ?? "", children: [
-        /* @__PURE__ */ jsx66("option", { value: "", children: "Overall" }),
-        areaNames.map((name) => /* @__PURE__ */ jsx66("option", { value: name, children: name }, name))
-      ] })
+      active ? /* @__PURE__ */ jsx67(Tooltip13, { active, chartWidth: width }) : null
     ] }),
-    /* @__PURE__ */ jsx66(Card23, { padding: 3, radius: 2, shadow: 1, children: loading ? /* @__PURE__ */ jsx66(Flex36, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx66(Text50, { muted: true, size: 2, children: "Loading\u2026" }) }) : chartPoints.length === 0 ? /* @__PURE__ */ jsx66(Flex36, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx66(Text50, { muted: true, size: 2, children: "No reports found for this time range" }) }) : /* @__PURE__ */ jsxs50(
-      "svg",
+    /* @__PURE__ */ jsxs50(Flex36, { gap: 3, align: "center", children: [
+      /* @__PURE__ */ jsx67(LegendDot, { color: scoreHex(avgScore), label: "Score" }),
+      showMovingAverage ? /* @__PURE__ */ jsx67(
+        LegendDot,
+        {
+          color: "var(--card-muted-fg-color, #888)",
+          dashed: true,
+          label: "5-point moving average"
+        }
+      ) : null,
+      /* @__PURE__ */ jsx67(Text50, { muted: true, size: 1, children: "Click a point to open the report" })
+    ] })
+  ] }) });
+}
+function LegendDot({
+  color,
+  dashed = false,
+  label
+}) {
+  return /* @__PURE__ */ jsxs50(Flex36, { align: "center", gap: 2, children: [
+    /* @__PURE__ */ jsx67("svg", { height: "10", width: "22", children: /* @__PURE__ */ jsx67(
+      "line",
       {
-        style: { display: "block", width: "100%" },
-        viewBox: `0 0 ${CHART_WIDTH} ${CHART_HEIGHT}`,
-        children: [
-          Y_TICKS.map((tick) => {
-            const y = PAD_TOP + PLOT_HEIGHT - tick / Y_MAX * PLOT_HEIGHT;
-            return /* @__PURE__ */ jsxs50("g", { children: [
-              /* @__PURE__ */ jsx66(
-                "line",
-                {
-                  stroke: "#ccc",
-                  strokeDasharray: "4 4",
-                  x1: PAD_LEFT,
-                  x2: CHART_WIDTH - PAD_RIGHT,
-                  y1: y,
-                  y2: y
-                }
-              ),
-              /* @__PURE__ */ jsx66(
-                "text",
-                {
-                  dominantBaseline: "middle",
-                  fill: "#999",
-                  fontSize: 11,
-                  textAnchor: "end",
-                  x: PAD_LEFT - 6,
-                  y,
-                  children: tick
-                }
-              )
-            ] }, tick);
-          }),
-          chartPoints.length >= 3 ? [
-            0,
-            Math.floor(chartPoints.length / 2),
-            chartPoints.length - 1
-          ].map((idx) => {
-            const p = chartPoints[idx];
-            return /* @__PURE__ */ jsx66(
-              "text",
-              {
-                fill: "#999",
-                fontSize: 10,
-                textAnchor: "middle",
-                x: p.x,
-                y: CHART_HEIGHT - 6,
-                children: formatDate(p.date)
-              },
-              idx
-            );
-          }) : chartPoints.map((p, idx) => /* @__PURE__ */ jsx66(
-            "text",
-            {
-              fill: "#999",
-              fontSize: 10,
-              textAnchor: "middle",
-              x: p.x,
-              y: CHART_HEIGHT - 6,
-              children: formatDate(p.date)
-            },
-            idx
-          )),
-          /* @__PURE__ */ jsx66(
-            "polyline",
+        stroke: color,
+        strokeDasharray: dashed ? "4 3" : void 0,
+        strokeWidth: 2.5,
+        x1: "0",
+        x2: "22",
+        y1: "5",
+        y2: "5"
+      }
+    ) }),
+    /* @__PURE__ */ jsx67(Text50, { muted: true, size: 1, children: label })
+  ] });
+}
+function Tooltip13({ active, chartWidth }) {
+  const cssX = active.x;
+  const isRightEdge = cssX > chartWidth - 220;
+  const left = isRightEdge ? cssX - 220 : cssX + 12;
+  return /* @__PURE__ */ jsx67(
+    Box34,
+    {
+      style: {
+        background: "var(--card-bg-color, #fff)",
+        border: "1px solid var(--card-border-color, #ddd)",
+        borderRadius: 4,
+        boxShadow: "0 2px 8px rgba(0,0,0,0.08)",
+        left,
+        maxWidth: 240,
+        minWidth: 180,
+        padding: 8,
+        pointerEvents: "none",
+        position: "absolute",
+        top: 8
+      },
+      children: /* @__PURE__ */ jsxs50(Stack39, { space: 2, children: [
+        /* @__PURE__ */ jsx67(Text50, { size: 1, weight: "semibold", children: formatDateTime(active.date) }),
+        /* @__PURE__ */ jsxs50(Flex36, { gap: 2, align: "center", children: [
+          /* @__PURE__ */ jsx67(
+            Box34,
             {
-              fill: "none",
-              points: polylinePoints,
-              stroke: scoreHex(avgScore),
-              strokeLinejoin: "round",
-              strokeWidth: 2.5
+              style: {
+                background: scoreHex(active.score),
+                borderRadius: "50%",
+                height: 10,
+                width: 10
+              }
             }
           ),
-          chartPoints.map((p, idx) => /* @__PURE__ */ jsx66(
-            "circle",
-            {
-              cx: p.x,
-              cy: p.y,
-              fill: scoreHex(p.score),
-              r: 4,
-              stroke: "#fff",
-              strokeWidth: 1.5,
-              children: /* @__PURE__ */ jsxs50("title", { children: [
-                formatDate(p.date),
-                ": ",
-                Math.round(p.score)
-              ] })
-            },
-            idx
-          ))
-        ]
+          /* @__PURE__ */ jsx67(Text50, { size: 2, weight: "bold", children: Math.round(active.score) }),
+          active.count > 1 ? /* @__PURE__ */ jsxs50(Text50, { muted: true, size: 1, children: [
+            "avg of ",
+            active.count,
+            " reports"
+          ] }) : null
+        ] }),
+        active.source.title ? /* @__PURE__ */ jsx67(Text50, { size: 1, children: active.source.title }) : null,
+        /* @__PURE__ */ jsxs50(Text50, { muted: true, size: 1, children: [
+          active.source.mode,
+          active.source.source ? ` \xB7 ${active.source.source}` : ""
+        ] }),
+        active.source.tag ? /* @__PURE__ */ jsxs50(Text50, { muted: true, size: 1, children: [
+          "tag: ",
+          active.source.tag
+        ] }) : null
+      ] })
+    }
+  );
+}
+
+// src/components/timeline/TimelineFilters.tsx
+import {
+  ClipboardIcon as ClipboardIcon2,
+  DownloadIcon as DownloadIcon2,
+  LinkIcon as LinkIcon4,
+  RefreshIcon
+} from "@sanity/icons";
+import { Box as Box35, Button as Button14, Inline as Inline3, MenuDivider as MenuDivider4, MenuItem as MenuItem11 } from "@sanity/ui";
+import { useCallback as useCallback40 } from "react";
+
+// src/components/timeline/SelectChip.tsx
+import { ChevronDownIcon as ChevronDownIcon5 } from "@sanity/icons";
+import { Button as Button13, Menu as Menu3, MenuButton as MenuButton3, MenuItem as MenuItem10 } from "@sanity/ui";
+import { useId as useId2 } from "react";
+import { jsx as jsx68 } from "react/jsx-runtime";
+function SelectChip({
+  defaultValue,
+  label,
+  onChange,
+  options,
+  value
+}) {
+  const menuId = useId2();
+  const current = options.find((o) => o.value === value);
+  const displayValue = current?.label ?? value;
+  const isActive = defaultValue !== void 0 && value !== defaultValue;
+  return /* @__PURE__ */ jsx68(
+    MenuButton3,
+    {
+      button: /* @__PURE__ */ jsx68(
+        Button13,
+        {
+          fontSize: 1,
+          iconRight: ChevronDownIcon5,
+          mode: isActive ? "default" : "ghost",
+          padding: 2,
+          radius: 6,
+          text: `${label}: ${displayValue}`,
+          tone: isActive ? "primary" : "default"
+        }
+      ),
+      id: menuId,
+      menu: /* @__PURE__ */ jsx68(Menu3, { style: { minWidth: 160 }, children: options.map((opt) => /* @__PURE__ */ jsx68(
+        MenuItem10,
+        {
+          onClick: () => onChange(opt.value),
+          selected: value === opt.value,
+          text: opt.label
+        },
+        opt.value
+      )) }),
+      popover: {
+        animate: true,
+        constrainSize: true,
+        placement: "bottom-start",
+        portal: true
       }
-    ) }),
-    /* @__PURE__ */ jsxs50(Text50, { muted: true, size: 2, children: [
-      chartPoints.length,
-      " data point",
-      chartPoints.length !== 1 ? "s" : ""
+    }
+  );
+}
+
+// src/components/timeline/TimelineFilters.tsx
+import { Fragment as Fragment15, jsx as jsx69, jsxs as jsxs51 } from "react/jsx-runtime";
+var BAR_STYLE2 = {
+  alignItems: "center",
+  background: "var(--card-bg-color)",
+  border: "1px solid var(--card-border-color, transparent)",
+  borderRadius: 4,
+  display: "flex",
+  flexWrap: "wrap",
+  gap: 8,
+  padding: "8px 12px"
+};
+function TimelineFilters(props) {
+  const {
+    area,
+    areaOptions,
+    granularity,
+    loading,
+    mode,
+    modeOptions,
+    onAreaChange,
+    onCopyCsv,
+    onCopyUrl,
+    onExportCsv,
+    onGranularityChange,
+    onModeChange,
+    onOwnerTeamChange,
+    onRangeChange,
+    onRefresh,
+    onShowMovingAverageChange,
+    onSourceChange,
+    ownerTeam,
+    ownerTeamOptions,
+    range,
+    showMovingAverage,
+    source,
+    sourceOptions
+  } = props;
+  const handleMaToggle = useCallback40(() => {
+    onShowMovingAverageChange(!showMovingAverage);
+  }, [onShowMovingAverageChange, showMovingAverage]);
+  return /* @__PURE__ */ jsxs51("div", { style: BAR_STYLE2, children: [
+    /* @__PURE__ */ jsx69(
+      SelectChip,
+      {
+        defaultValue: DEFAULT_RANGE,
+        label: "Range",
+        onChange: onRangeChange,
+        options: RANGE_OPTIONS,
+        value: range
+      }
+    ),
+    /* @__PURE__ */ jsx69(
+      SelectChip,
+      {
+        defaultValue: DEFAULT_GRANULARITY,
+        label: "Aggregate",
+        onChange: onGranularityChange,
+        options: GRANULARITY_OPTIONS,
+        value: granularity
+      }
+    ),
+    areaOptions.length > 0 && /* @__PURE__ */ jsx69(
+      FilterChip,
+      {
+        label: "Area",
+        onChange: onAreaChange,
+        options: areaOptions,
+        searchable: true,
+        value: area
+      }
+    ),
+    modeOptions.length > 0 && /* @__PURE__ */ jsx69(
+      FilterChip,
+      {
+        label: "Mode",
+        onChange: onModeChange,
+        options: modeOptions,
+        value: mode
+      }
+    ),
+    sourceOptions.length > 0 && /* @__PURE__ */ jsx69(
+      FilterChip,
+      {
+        label: "Source",
+        onChange: onSourceChange,
+        options: sourceOptions,
+        value: source
+      }
+    ),
+    ownerTeamOptions.length > 0 && /* @__PURE__ */ jsx69(
+      FilterChip,
+      {
+        label: "Team",
+        onChange: onOwnerTeamChange,
+        options: ownerTeamOptions,
+        searchable: true,
+        value: ownerTeam
+      }
+    ),
+    /* @__PURE__ */ jsx69(Box35, { style: { flex: "1 0 0px" } }),
+    /* @__PURE__ */ jsxs51(Inline3, { space: 1, children: [
+      /* @__PURE__ */ jsx69(
+        Button14,
+        {
+          fontSize: 1,
+          mode: showMovingAverage ? "default" : "ghost",
+          onClick: handleMaToggle,
+          padding: 2,
+          radius: 6,
+          text: "5-pt MA",
+          tone: showMovingAverage ? "primary" : "default"
+        }
+      ),
+      /* @__PURE__ */ jsx69(
+        Button14,
+        {
+          fontSize: 1,
+          icon: RefreshIcon,
+          mode: "ghost",
+          onClick: onRefresh,
+          disabled: loading,
+          padding: 2,
+          radius: 6,
+          text: "Refresh"
+        }
+      ),
+      /* @__PURE__ */ jsx69(
+        SplitActionButton,
+        {
+          menuId: "timeline-share-actions",
+          menu: /* @__PURE__ */ jsxs51(Fragment15, { children: [
+            /* @__PURE__ */ jsx69(
+              MenuItem11,
+              {
+                icon: ClipboardIcon2,
+                onClick: onCopyCsv,
+                text: "Copy CSV to clipboard"
+              }
+            ),
+            /* @__PURE__ */ jsx69(MenuDivider4, {}),
+            /* @__PURE__ */ jsx69(
+              MenuItem11,
+              {
+                icon: DownloadIcon2,
+                onClick: onExportCsv,
+                text: "Export CSV"
+              }
+            )
+          ] }),
+          primary: {
+            fontSize: 1,
+            icon: LinkIcon4,
+            onClick: onCopyUrl,
+            padding: 2,
+            text: "Copy URL"
+          }
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/timeline/TimelineSummary.tsx
+import { Badge as Badge13, Box as Box36, Card as Card24, Flex as Flex37, Grid as Grid7, Stack as Stack40, Text as Text51 } from "@sanity/ui";
+import { jsx as jsx70, jsxs as jsxs52 } from "react/jsx-runtime";
+function TimelineSummary({ area, stats }) {
+  if (stats.count === 0) return null;
+  return /* @__PURE__ */ jsx70(Card24, { padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs52(Stack40, { space: 3, children: [
+    /* @__PURE__ */ jsxs52(Flex37, { align: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx70(Text51, { size: 1, weight: "semibold", children: "Summary" }),
+      /* @__PURE__ */ jsxs52(Text51, { muted: true, size: 1, children: [
+        area ? `Area: ${area}` : "Overall score",
+        " \xB7 ",
+        stats.count,
+        " report",
+        stats.count === 1 ? "" : "s"
+      ] }),
+      /* @__PURE__ */ jsx70(Box36, { flex: 1 }),
+      /* @__PURE__ */ jsx70(TrendPill, { stats })
+    ] }),
+    /* @__PURE__ */ jsxs52(Grid7, { columns: [2, 2, 4], gap: 3, children: [
+      /* @__PURE__ */ jsx70(
+        StatTile,
+        {
+          label: "Mean",
+          score: stats.mean,
+          sub: stats.stdev !== null ? `\xB1 ${stats.stdev.toFixed(1)} stdev` : null
+        }
+      ),
+      /* @__PURE__ */ jsx70(StatTile, { label: "Median", score: stats.median, sub: null }),
+      /* @__PURE__ */ jsx70(
+        StatTile,
+        {
+          label: "Best",
+          score: stats.max?.score ?? null,
+          sub: stats.max ? formatDateShort(stats.max.date) : null
+        }
+      ),
+      /* @__PURE__ */ jsx70(
+        StatTile,
+        {
+          label: "Worst",
+          score: stats.min?.score ?? null,
+          sub: stats.min ? formatDateShort(stats.min.date) : null
+        }
+      )
+    ] })
+  ] }) });
+}
+function TrendPill({ stats }) {
+  if (stats.delta === null || stats.count < 2) {
+    return /* @__PURE__ */ jsx70(Badge13, { fontSize: 1, mode: "outline", tone: "default", children: "Single data point" });
+  }
+  const { label, tone } = trendBadgeContent(stats.trend, stats.delta);
+  return /* @__PURE__ */ jsx70(Badge13, { fontSize: 1, mode: "default", tone, children: label });
+}
+function trendBadgeContent(trend, delta) {
+  switch (trend) {
+    case "up":
+      return { label: `\u2191 ${formatDelta(delta)} pts vs first`, tone: "positive" };
+    case "down":
+      return { label: `\u2193 ${formatDelta(delta)} pts vs first`, tone: "critical" };
+    case "flat":
+      return { label: "Flat (within \xB11.5)", tone: "default" };
+  }
+}
+function StatTile({
+  label,
+  score,
+  sub
+}) {
+  return /* @__PURE__ */ jsxs52(Stack40, { space: 2, children: [
+    /* @__PURE__ */ jsx70(Text51, { muted: true, size: 1, weight: "medium", children: label }),
+    score === null ? /* @__PURE__ */ jsx70(Text51, { muted: true, size: 3, children: "\u2014" }) : /* @__PURE__ */ jsx70(Badge13, { fontSize: 2, mode: "default", tone: scoreTone(score), children: score.toFixed(1) }),
+    score !== null && sub ? /* @__PURE__ */ jsx70(Text51, { muted: true, size: 1, children: sub }) : null
+  ] });
+}
+
+// src/components/timeline/useTimelineData.ts
+import { useCallback as useCallback41, useEffect as useEffect17, useMemo as useMemo18, useState as useState31 } from "react";
+import { useClient as useClient13 } from "sanity";
+function useTimelineData({
+  mode,
+  ownerTeam,
+  rangeDays,
+  source
+}) {
+  const client = useClient13({ apiVersion: API_VERSION });
+  const [dataPoints, setDataPoints] = useState31([]);
+  const [loading, setLoading] = useState31(true);
+  const [error, setError] = useState31(null);
+  const [reloadCounter, setReloadCounter] = useState31(0);
+  const refresh = useCallback41(() => {
+    setReloadCounter((n) => n + 1);
+  }, []);
+  const effectiveStart = useMemo18(
+    () => effectiveStartDate(rangeDays),
+    [rangeDays]
+  );
+  useEffect17(() => {
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    client.fetch(scoreTimelineQuery, {
+      mode,
+      ownerTeam,
+      source,
+      startDate: effectiveStart
+    }).then((results) => {
+      if (cancelled) return;
+      setDataPoints(results ?? []);
+      setLoading(false);
+    }).catch((err) => {
+      if (cancelled) return;
+      setError(
+        err instanceof Error ? err.message : "Failed to load timeline data"
+      );
+      setDataPoints([]);
+      setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, effectiveStart, mode, ownerTeam, source, reloadCounter]);
+  return {
+    dataPoints,
+    effectiveStart,
+    error,
+    loading,
+    refresh
+  };
+}
+
+// src/components/ScoreTimeline.tsx
+import { Fragment as Fragment16, jsx as jsx71, jsxs as jsxs53 } from "react/jsx-runtime";
+function buildSearchParams2(filters) {
+  const params = [];
+  if (filters.range !== DEFAULT_RANGE) params.push(["range", filters.range]);
+  if (filters.granularity !== DEFAULT_GRANULARITY) {
+    params.push(["granularity", filters.granularity]);
+  }
+  if (filters.area) params.push(["area", filters.area]);
+  if (filters.mode) params.push(["mode", filters.mode]);
+  if (filters.source) params.push(["source", filters.source]);
+  if (filters.ownerTeam) params.push(["ownerTeam", filters.ownerTeam]);
+  if (filters.ma) params.push(["ma", "1"]);
+  return params;
+}
+function ScoreTimeline({
+  mode: defaultMode = null,
+  source: defaultSource = null
+}) {
+  const router = useRouter4();
+  const routerState = router.state;
+  const urlParams = routerState._searchParams;
+  const [range, setRange] = useState32(() => {
+    const v = readSearchParam(urlParams, "range");
+    return v && isRangePreset(v) ? v : DEFAULT_RANGE;
+  });
+  const [granularity, setGranularity] = useState32(() => {
+    const v = readSearchParam(urlParams, "granularity");
+    return v && isGranularity(v) ? v : DEFAULT_GRANULARITY;
+  });
+  const [area, setArea] = useState32(
+    () => readSearchParam(urlParams, "area")
+  );
+  const [mode, setMode] = useState32(
+    () => readSearchParam(urlParams, "mode") ?? defaultMode
+  );
+  const [source, setSource] = useState32(
+    () => readSearchParam(urlParams, "source") ?? defaultSource
+  );
+  const [ownerTeam, setOwnerTeam] = useState32(
+    () => readSearchParam(urlParams, "ownerTeam")
+  );
+  const [showMovingAverage, setShowMovingAverage] = useState32(
+    () => readSearchParam(urlParams, "ma") === "1"
+  );
+  useSyncSearchParams(
+    () => buildSearchParams2({
+      area,
+      granularity,
+      ma: showMovingAverage,
+      mode,
+      ownerTeam,
+      range,
+      source
+    }),
+    [range, granularity, area, mode, source, ownerTeam, showMovingAverage]
+  );
+  const rangeDays = rangePresetToDays(range);
+  const { dataPoints, error, loading, refresh } = useTimelineData({
+    mode,
+    ownerTeam,
+    rangeDays,
+    source
+  });
+  const areaOptions = useMemo19(
+    () => uniqueSorted(dataPoints, (dp) => dp.scores.map((s) => s.feature)),
+    [dataPoints]
+  );
+  const modeOptions = useMemo19(
+    () => uniqueSorted(dataPoints, (dp) => [dp.mode]),
+    [dataPoints]
+  );
+  const sourceOptions = useMemo19(
+    () => uniqueSorted(dataPoints, (dp) => [dp.source]),
+    [dataPoints]
+  );
+  const ownerTeamOptions = useMemo19(
+    () => uniqueSorted(dataPoints, (dp) => [dp.ownerTeam]),
+    [dataPoints]
+  );
+  const chartPoints = useMemo19(
+    () => aggregate(dataPoints, area, granularity),
+    [area, dataPoints, granularity]
+  );
+  const stats = useMemo19(() => computeStats(chartPoints, 5), [chartPoints]);
+  const handleSelectPoint = useCallback42(
+    (point) => {
+      const id = point.reportId ?? point._id;
+      router.navigate({ reportId: id });
+    },
+    [router]
+  );
+  const handleCopyUrl = useCallback42(() => {
+    if (typeof window === "undefined") return;
+    void copyTextToClipboard(window.location.href);
+  }, []);
+  const handleCopyCsv = useCallback42(() => {
+    void copyTextToClipboard(toCsv(dataPoints, area));
+  }, [area, dataPoints]);
+  const handleExportCsv = useCallback42(() => {
+    const csv = toCsv(dataPoints, area);
+    const ts = (/* @__PURE__ */ new Date()).toISOString().replaceAll(":", "-").slice(0, 19);
+    downloadCsv(csv, `score-timeline-${ts}.csv`);
+  }, [area, dataPoints]);
+  return /* @__PURE__ */ jsxs53(Stack41, { space: 4, children: [
+    /* @__PURE__ */ jsx71(
+      TimelineFilters,
+      {
+        area,
+        areaOptions,
+        granularity,
+        loading,
+        mode,
+        modeOptions,
+        onAreaChange: setArea,
+        onCopyCsv: handleCopyCsv,
+        onCopyUrl: handleCopyUrl,
+        onExportCsv: handleExportCsv,
+        onGranularityChange: setGranularity,
+        onModeChange: setMode,
+        onOwnerTeamChange: setOwnerTeam,
+        onRangeChange: setRange,
+        onRefresh: refresh,
+        onShowMovingAverageChange: setShowMovingAverage,
+        onSourceChange: setSource,
+        ownerTeam,
+        ownerTeamOptions,
+        range,
+        showMovingAverage,
+        source,
+        sourceOptions
+      }
+    ),
+    error ? /* @__PURE__ */ jsx71(Card25, { padding: 4, radius: 2, tone: "critical", children: /* @__PURE__ */ jsxs53(Text52, { size: 2, children: [
+      "Failed to load timeline: ",
+      error
+    ] }) }) : null,
+    loading ? /* @__PURE__ */ jsx71(Card25, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs53(Flex38, { align: "center", gap: 2, justify: "center", style: { height: 220 }, children: [
+      /* @__PURE__ */ jsx71(Spinner, { muted: true }),
+      /* @__PURE__ */ jsx71(Text52, { muted: true, size: 2, children: "Loading timeline\u2026" })
+    ] }) }) : /* @__PURE__ */ jsxs53(Fragment16, { children: [
+      /* @__PURE__ */ jsx71(
+        TimelineChart,
+        {
+          movingAverage: stats.movingAverage,
+          onSelectPoint: handleSelectPoint,
+          points: chartPoints,
+          showMovingAverage
+        }
+      ),
+      /* @__PURE__ */ jsx71(TimelineSummary, { area, stats })
     ] })
   ] });
 }
 var ScoreTimeline_default = ScoreTimeline;
 
 // src/components/Dashboard.tsx
-import { jsx as jsx67, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs54 } from "react/jsx-runtime";
 var VIEW_PARAM_MAP = {
   compare: "compare",
   timeline: "timeline"
 };
 function Dashboard() {
-  return /* @__PURE__ */ jsx67(HelpProvider, { children: /* @__PURE__ */ jsx67(JudgmentDrawerProvider, { children: /* @__PURE__ */ jsx67(DashboardShell, {}) }) });
+  return /* @__PURE__ */ jsx72(HelpProvider, { children: /* @__PURE__ */ jsx72(JudgmentDrawerProvider, { children: /* @__PURE__ */ jsx72(DashboardShell, {}) }) });
 }
 function DashboardShell() {
-  const router = useRouter4();
+  const router = useRouter5();
   const { close: closeDrawer } = useJudgmentDrawer();
   const routerState = router.state;
   const reportId = routerState.reportId ?? null;
-  useEffect17(() => {
+  useEffect18(() => {
     if (!reportId) closeDrawer();
   }, [reportId, closeDrawer]);
-  const handleJudgmentDrawerClose = useCallback39(() => {
+  const handleJudgmentDrawerClose = useCallback43(() => {
     closeDrawer();
     const state = { ...router.state };
     if (state.focus) {
@@ -13603,21 +14593,21 @@ function DashboardShell() {
       router.navigate(state);
     }
   }, [closeDrawer, router]);
-  return /* @__PURE__ */ jsxs51(Flex37, { style: { height: "100%" }, children: [
-    /* @__PURE__ */ jsx67(Box34, { flex: 1, overflow: "auto", children: /* @__PURE__ */ jsx67(DashboardContent, {}) }),
-    /* @__PURE__ */ jsx67(JudgmentDetailDrawerOutlet, { onClose: handleJudgmentDrawerClose }),
-    /* @__PURE__ */ jsx67(HelpDrawer, {})
+  return /* @__PURE__ */ jsxs54(Flex39, { style: { height: "100%" }, children: [
+    /* @__PURE__ */ jsx72(Box37, { flex: 1, overflow: "auto", children: /* @__PURE__ */ jsx72(DashboardContent, {}) }),
+    /* @__PURE__ */ jsx72(JudgmentDetailDrawerOutlet, { onClose: handleJudgmentDrawerClose }),
+    /* @__PURE__ */ jsx72(HelpDrawer, {})
   ] });
 }
 function DashboardContent() {
-  const router = useRouter4();
+  const router = useRouter5();
   const { openHelp } = useHelp();
   const routerState = router.state;
   const reportId = routerState.reportId ?? null;
   const isDetail = reportId !== null;
   const activeTab = isDetail ? "latest" : VIEW_PARAM_MAP[routerState.view ?? ""] ?? "latest";
   const defaultTopic = deriveHelpTopic(routerState);
-  const navigateToTab = useCallback39(
+  const navigateToTab = useCallback43(
     (tab) => {
       if (tab === "latest") {
         router.navigate({});
@@ -13627,13 +14617,13 @@ function DashboardContent() {
     },
     [router]
   );
-  const handleSelectReport = useCallback39(
+  const handleSelectReport = useCallback43(
     (id) => {
       router.navigate({ reportId: id });
     },
     [router]
   );
-  const handleTabChange = useCallback39(
+  const handleTabChange = useCallback43(
     (tab, subTab, focus) => {
       if (!routerState.reportId) return;
       const state = {
@@ -13646,20 +14636,20 @@ function DashboardContent() {
     },
     [router, routerState.reportId]
   );
-  const handleBack = useCallback39(() => {
+  const handleBack = useCallback43(() => {
     router.navigate({});
   }, [router]);
-  const handleOpenHelp = useCallback39(() => {
+  const handleOpenHelp = useCallback43(() => {
     openHelp(defaultTopic);
   }, [openHelp, defaultTopic]);
-  return /* @__PURE__ */ jsx67(Container, { width: 4, children: /* @__PURE__ */ jsxs51(Stack40, { padding: 4, space: 4, children: [
-    /* @__PURE__ */ jsxs51(Flex37, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsxs51(Stack40, { flex: 1, space: 1, children: [
-        /* @__PURE__ */ jsx67(Text51, { size: 4, weight: "bold", children: "AI Literacy Framework" }),
-        /* @__PURE__ */ jsx67(Text51, { muted: true, size: 2, children: "Evaluation reports and score trends" })
+  return /* @__PURE__ */ jsx72(Container, { width: 4, children: /* @__PURE__ */ jsxs54(Stack42, { padding: 4, space: 4, children: [
+    /* @__PURE__ */ jsxs54(Flex39, { align: "center", gap: 3, children: [
+      /* @__PURE__ */ jsxs54(Stack42, { flex: 1, space: 1, children: [
+        /* @__PURE__ */ jsx72(Text53, { size: 4, weight: "bold", children: "AI Literacy Framework" }),
+        /* @__PURE__ */ jsx72(Text53, { muted: true, size: 2, children: "Evaluation reports and score trends" })
       ] }),
-      /* @__PURE__ */ jsx67(
-        Button13,
+      /* @__PURE__ */ jsx72(
+        Button15,
         {
           icon: HelpCircleIcon8,
           mode: "bleed",
@@ -13669,8 +14659,8 @@ function DashboardContent() {
         }
       )
     ] }),
-    !isDetail && /* @__PURE__ */ jsxs51(TabList3, { space: 1, children: [
-      /* @__PURE__ */ jsx67(
+    !isDetail && /* @__PURE__ */ jsxs54(TabList3, { space: 1, children: [
+      /* @__PURE__ */ jsx72(
         Tab3,
         {
           "aria-controls": "latest-panel",
@@ -13680,7 +14670,7 @@ function DashboardContent() {
           selected: activeTab === "latest"
         }
       ),
-      /* @__PURE__ */ jsx67(
+      /* @__PURE__ */ jsx72(
         Tab3,
         {
           "aria-controls": "timeline-panel",
@@ -13690,7 +14680,7 @@ function DashboardContent() {
           selected: activeTab === "timeline"
         }
       ),
-      /* @__PURE__ */ jsx67(
+      /* @__PURE__ */ jsx72(
         Tab3,
         {
           "aria-controls": "compare-panel",
@@ -13701,10 +14691,10 @@ function DashboardContent() {
         }
       )
     ] }),
-    !isDetail && activeTab === "latest" && /* @__PURE__ */ jsx67(TabPanel3, { "aria-labelledby": "latest-tab", id: "latest-panel", children: /* @__PURE__ */ jsx67(LatestReports, { onSelectReport: handleSelectReport }) }),
-    !isDetail && activeTab === "timeline" && /* @__PURE__ */ jsx67(TabPanel3, { "aria-labelledby": "timeline-tab", id: "timeline-panel", children: /* @__PURE__ */ jsx67(ScoreTimeline_default, {}) }),
-    !isDetail && activeTab === "compare" && /* @__PURE__ */ jsx67(TabPanel3, { "aria-labelledby": "compare-tab", id: "compare-panel", children: /* @__PURE__ */ jsx67(ComparisonView, {}) }),
-    isDetail && reportId && /* @__PURE__ */ jsx67(
+    !isDetail && activeTab === "latest" && /* @__PURE__ */ jsx72(TabPanel3, { "aria-labelledby": "latest-tab", id: "latest-panel", children: /* @__PURE__ */ jsx72(LatestReports, { onSelectReport: handleSelectReport }) }),
+    !isDetail && activeTab === "timeline" && /* @__PURE__ */ jsx72(TabPanel3, { "aria-labelledby": "timeline-tab", id: "timeline-panel", children: /* @__PURE__ */ jsx72(ScoreTimeline_default, {}) }),
+    !isDetail && activeTab === "compare" && /* @__PURE__ */ jsx72(TabPanel3, { "aria-labelledby": "compare-tab", id: "compare-panel", children: /* @__PURE__ */ jsx72(ComparisonView, {}) }),
+    isDetail && reportId && /* @__PURE__ */ jsx72(
       ReportDetail,
       {
         activeTab: routerState.tab ?? null,
@@ -13772,7 +14762,7 @@ var ailfStructure = (S) => S.list().id("root").title("Content").items([
 // src/actions/RunEvaluationAction.tsx
 import { BarChartIcon as BarChartIcon2 } from "@sanity/icons";
 import { useToast as useToast10 } from "@sanity/ui";
-import { useCallback as useCallback40, useEffect as useEffect18, useRef as useRef9, useState as useState31 } from "react";
+import { useCallback as useCallback44, useEffect as useEffect19, useRef as useRef10, useState as useState33 } from "react";
 import {
   getReleaseIdFromReleaseDocumentId as getReleaseIdFromReleaseDocumentId3,
   useClient as useClient14,
@@ -13803,10 +14793,10 @@ function createRunEvaluationAction(options = {}) {
     const projectId = useProjectId2();
     const currentUser = useCurrentUser4();
     const toast = useToast10();
-    const [state, setState] = useState31({ status: "loading" });
-    const requestedAtRef = useRef9(null);
+    const [state, setState] = useState33({ status: "loading" });
+    const requestedAtRef = useRef10(null);
     const perspectiveId = getReleaseIdFromReleaseDocumentId3(release._id);
-    useEffect18(() => {
+    useEffect19(() => {
       let cancelled = false;
       client.fetch(contentImpactQuery, buildReportQueryParams(perspectiveId)).then((results) => {
         if (cancelled) return;
@@ -13829,7 +14819,7 @@ function createRunEvaluationAction(options = {}) {
         cancelled = true;
       };
     }, [client, perspectiveId]);
-    useEffect18(() => {
+    useEffect19(() => {
       if (state.status !== "requested" && state.status !== "polling") return;
       const { requestId, startedAt } = state;
       if (state.status === "requested") {
@@ -13879,7 +14869,7 @@ function createRunEvaluationAction(options = {}) {
       }, POLL_INTERVAL_MS2);
       return () => clearInterval(interval);
     }, [client, perspectiveId, state]);
-    useEffect18(() => {
+    useEffect19(() => {
       if (state.status !== "error") return;
       const timer = setTimeout(() => {
         client.fetch(contentImpactQuery, buildReportQueryParams(perspectiveId)).then((results) => {
@@ -13899,7 +14889,7 @@ function createRunEvaluationAction(options = {}) {
       }, 15e3);
       return () => clearTimeout(timer);
     }, [client, perspectiveId, state]);
-    const handleRequest = useCallback40(async () => {
+    const handleRequest = useCallback44(async () => {
       const releaseTitle = release.metadata?.title ?? perspectiveId ?? "release";
       const tag = `release-${slugify3(releaseTitle)}-${dateStamp3()}`;
       const now = Date.now();