@sanity/ailf-studio 0.2.0 → 0.3.0

package/dist/index.js

@@ -3045,14 +3045,14 @@ import { route } from "sanity/router";
 // src/components/Dashboard.tsx
 import {
   Container,
-  Flex as Flex28,
+  Flex as Flex29,
   Stack as Stack29,
   Tab as Tab2,
   TabList as TabList2,
   TabPanel as TabPanel2,
-  Text as Text36
+  Text as Text37
 } from "@sanity/ui";
-import { useCallback as useCallback21 } from "react";
+import { useCallback as useCallback22 } from "react";
 import { useRouter as useRouter3 } from "sanity/router";
 
 // src/components/ComparisonView.tsx
@@ -3127,7 +3127,29 @@ var GLOSSARY = {
   // -- Dimension deltas -----------------------------------------------------
   dimTaskCompletion: "Change in task completion between runs. Positive means implementations are more complete.",
   dimCodeCorrectness: "Change in code correctness between runs. Positive means better code quality.",
-  dimDocCoverage: "Change in doc coverage between runs. Positive means the docs are providing more useful information."
+  dimDocCoverage: "Change in doc coverage between runs. Positive means the docs are providing more useful information.",
+  // -- Per-area trend delta ----------------------------------------------------
+  areaDelta: "Score change for this area compared to the previous evaluation run.",
+  // -- Source values -----------------------------------------------------------
+  sourceProduction: "Production source \u2014 docs fetched from the live production dataset. Scores reflect what real users and AI agents experience today.",
+  sourceBranch: "Branch source \u2014 docs fetched from a branch or draft dataset. Use this to preview how content changes affect scores before publishing.",
+  sourceLocal: "Local source \u2014 docs fetched from local files or a local dev server. Useful for testing doc changes before pushing.",
+  // -- Report list columns ----------------------------------------------------
+  reportScore: "The overall weighted score for this evaluation run: Task Completion (50%), Code Correctness (25%), and Doc Coverage (25%), averaged across all feature areas.",
+  reportMode: "The evaluation mode determines which reference points are measured. Different modes test different aspects of how AI agents interact with documentation.",
+  reportTrigger: "What initiated this evaluation run. Knowing the trigger helps you understand whether a score change was from a content edit, a code deploy, or a scheduled check.",
+  // -- Mode values -----------------------------------------------------------
+  modeBaseline: "Baseline mode \u2014 tests the model with gold-standard docs injected directly. Measures ceiling performance (best the docs can do).",
+  modeFull: "Full mode \u2014 runs baseline + agentic. Compares ceiling (injected docs) against actual (agent-retrieved docs) to measure retrieval gap and infrastructure efficiency.",
+  modeAgentic: "Agentic mode \u2014 the AI agent finds docs on its own via web search. Measures real-world performance: can agents actually discover and use your documentation?",
+  modeObserved: "Observed mode \u2014 records how agents interact with docs without scoring. Captures search queries, pages visited, and browsing patterns for analysis.",
+  modeDebug: "Debug mode \u2014 a diagnostic run for pipeline development. May use non-standard configurations or limited task sets.",
+  // -- Trigger values --------------------------------------------------------
+  triggerManual: "Manually triggered \u2014 someone ran the evaluation pipeline by hand, either locally or via the Studio UI.",
+  triggerCi: "CI-triggered \u2014 the evaluation ran automatically as part of a pull request or merge pipeline.",
+  triggerSchedule: "Scheduled \u2014 the evaluation ran on a recurring schedule (e.g. nightly or weekly) to track score trends over time.",
+  triggerWebhook: "Webhook-triggered \u2014 a content change in Sanity triggered the evaluation automatically. Helps catch doc regressions early.",
+  triggerCrossRepo: "Cross-repo \u2014 triggered from another repository via the dispatch API. Used when external repos want to validate their docs against AILF tasks."
 };
 
 // src/lib/comparison.ts
@@ -3736,8 +3758,8 @@ function formatOption(r) {
 }
 
 // src/components/LatestReports.tsx
-import { Button, Card as Card7, Flex as Flex10, Stack as Stack10, Text as Text14 } from "@sanity/ui";
-import { useCallback as useCallback10, useEffect as useEffect5, useMemo as useMemo4, useState as useState5 } from "react";
+import { Button, Card as Card7, Flex as Flex11, Stack as Stack10, Text as Text17 } from "@sanity/ui";
+import { useCallback as useCallback10, useEffect as useEffect5, useMemo as useMemo4, useState as useState6 } from "react";
 import { useClient as useClient4 } from "sanity";
 import { useRouter } from "sanity/router";
 
@@ -3987,10 +4009,10 @@ function OutlineBadge({
 import {
   Badge as Badge4,
   Code,
-  Flex as Flex9,
+  Flex as Flex10,
   Inline,
   Stack as Stack9,
-  Text as Text13
+  Text as Text16
 } from "@sanity/ui";
 
 // src/components/report-table/useContainerWidth.ts
@@ -4033,8 +4055,141 @@ function useContainerWidth() {
   return { ref, tier: getTier(width), width };
 }
 
+// src/components/primitives/DeltaIndicator.tsx
+import { TrendUpwardIcon } from "@sanity/icons";
+import { Flex as Flex9, Text as Text13 } from "@sanity/ui";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+function DeltaIndicator({
+  delta,
+  icon = false,
+  mono = false,
+  prefix,
+  round = false,
+  showZero = false,
+  size = 2
+}) {
+  if (delta === 0 && !showZero) return null;
+  const isUp = delta > 0;
+  const color = delta > 0 ? "var(--card-badge-positive-dot-color)" : delta < 0 ? "var(--card-badge-critical-dot-color)" : void 0;
+  const formatted = round ? `${delta > 0 ? "+" : ""}${Math.round(delta)}` : formatDelta(delta);
+  const displayText = `${prefix ?? ""}${formatted}`;
+  if (icon) {
+    return /* @__PURE__ */ jsxs12(Flex9, { align: "center", gap: 1, children: [
+      /* @__PURE__ */ jsx15(
+        TrendUpwardIcon,
+        {
+          style: {
+            color,
+            fontSize: size === 1 ? 13 : 15,
+            transform: isUp ? void 0 : "scaleY(-1)"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx15(
+        Text13,
+        {
+          size,
+          style: {
+            color,
+            ...mono ? { fontFamily: "var(--font-code-size, monospace)" } : {},
+            fontWeight: 600
+          },
+          children: displayText
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsx15(
+    Text13,
+    {
+      size,
+      style: {
+        color,
+        ...mono ? { fontFamily: "var(--font-code-size, monospace)" } : {},
+        fontWeight: mono ? 500 : void 0
+      },
+      children: displayText
+    }
+  );
+}
+
+// src/components/report-detail/HoverTip.tsx
+import { useState as useState5 } from "react";
+import { Box as Box8, Text as Text14, Tooltip as Tooltip3 } from "@sanity/ui";
+import { jsx as jsx16 } from "react/jsx-runtime";
+function HoverTip({
+  text,
+  children,
+  placement = "bottom",
+  display = "inline-flex"
+}) {
+  const [hovered, setHovered] = useState5(false);
+  const isBlock = display === "block";
+  return /* @__PURE__ */ jsx16(
+    Tooltip3,
+    {
+      content: /* @__PURE__ */ jsx16(Box8, { padding: 2, style: { maxWidth: 280 }, children: typeof text === "string" ? /* @__PURE__ */ jsx16(Text14, { size: 2, children: text }) : text }),
+      placement,
+      portal: true,
+      children: /* @__PURE__ */ jsx16(
+        "span",
+        {
+          onMouseEnter: () => setHovered(true),
+          onMouseLeave: () => setHovered(false),
+          style: {
+            borderRadius: isBlock ? 6 : 4,
+            cursor: "help",
+            display,
+            ...isBlock ? {
+              transition: "box-shadow 150ms ease, transform 150ms ease, filter 150ms ease",
+              ...hovered ? {
+                boxShadow: "0 4px 12px rgba(0,0,0,0.35), 0 0 0 1px rgba(255,255,255,0.08)",
+                filter: "brightness(1.08)",
+                transform: "translateY(-2px)"
+              } : {}
+            } : {
+              outline: hovered ? "1px solid rgba(255,255,255,0.15)" : "1px solid transparent",
+              transition: "background 150ms ease, outline 150ms ease",
+              ...hovered ? { background: "rgba(255,255,255,0.06)" } : {}
+            }
+          },
+          children
+        }
+      )
+    }
+  );
+}
+
+// src/components/report-detail/InfoTip.tsx
+import { HelpCircleIcon as HelpCircleIcon4 } from "@sanity/icons";
+import { Box as Box9, Text as Text15, Tooltip as Tooltip4 } from "@sanity/ui";
+import { jsx as jsx17 } from "react/jsx-runtime";
+function InfoTip({ text }) {
+  return /* @__PURE__ */ jsx17(
+    Tooltip4,
+    {
+      content: /* @__PURE__ */ jsx17(Box9, { padding: 2, style: { maxWidth: 280 }, children: typeof text === "string" ? /* @__PURE__ */ jsx17(Text15, { size: 2, children: text }) : text }),
+      placement: "bottom",
+      portal: true,
+      children: /* @__PURE__ */ jsx17(
+        "span",
+        {
+          style: {
+            color: "var(--card-muted-fg-color)",
+            cursor: "help",
+            display: "inline-flex",
+            fontSize: 15,
+            verticalAlign: "middle"
+          },
+          children: /* @__PURE__ */ jsx17(HelpCircleIcon4, {})
+        }
+      )
+    }
+  );
+}
+
 // src/components/report-table/ReportTable.tsx
-import { ClockIcon, TrendUpwardIcon } from "@sanity/icons";
+import { ClockIcon } from "@sanity/icons";
 import { useCallback as useCallback9 } from "react";
 
 // src/components/report-card/types.ts
@@ -4049,9 +4204,9 @@ function formatCardDate(iso) {
 }
 
 // src/components/report-table/ReportTable.tsx
-import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 function GitBranchIcon({ style }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "svg",
     {
       "aria-hidden": "true",
@@ -4066,9 +4221,9 @@ function GitBranchIcon({ style }) {
       width: 12,
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx15("path", { d: "M15 6a9 9 0 0 0-9 9V3" }),
-        /* @__PURE__ */ jsx15("circle", { cx: 18, cy: 6, r: 3 }),
-        /* @__PURE__ */ jsx15("circle", { cx: 6, cy: 18, r: 3 })
+        /* @__PURE__ */ jsx18("path", { d: "M15 6a9 9 0 0 0-9 9V3" }),
+        /* @__PURE__ */ jsx18("circle", { cx: 18, cy: 6, r: 3 }),
+        /* @__PURE__ */ jsx18("circle", { cx: 6, cy: 18, r: 3 })
       ]
     }
   );
@@ -4094,10 +4249,10 @@ function ReportTable({
   onSortChange
 }) {
   const { ref, tier } = useContainerWidth();
-  return /* @__PURE__ */ jsxs12(Fragment5, { children: [
-    /* @__PURE__ */ jsx15("style", { children: TABLE_HOVER_STYLES }),
-    /* @__PURE__ */ jsxs12("div", { ref, children: [
-      /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(Fragment5, { children: [
+    /* @__PURE__ */ jsx18("style", { children: TABLE_HOVER_STYLES }),
+    /* @__PURE__ */ jsxs13("div", { ref, children: [
+      /* @__PURE__ */ jsxs13(
         "div",
         {
           style: {
@@ -4108,29 +4263,29 @@ function ReportTable({
             padding: "12px 12px 8px"
           },
           children: [
-            /* @__PURE__ */ jsx15("div", {}),
-            /* @__PURE__ */ jsx15(
+            /* @__PURE__ */ jsx18(
               ColHeader,
               {
-                active: sort.field === "name",
+                active: sort.field === "score",
                 direction: sort.direction,
-                label: "Report",
-                onClick: () => onSortChange("name")
+                label: "Score",
+                onClick: () => onSortChange("score")
               }
             ),
-            tier !== "narrow" && /* @__PURE__ */ jsx15(
+            /* @__PURE__ */ jsx18(
               ColHeader,
               {
-                active: sort.field === "score",
+                active: sort.field === "name",
                 direction: sort.direction,
-                label: "Change",
-                onClick: () => onSortChange("score")
+                label: "Report",
+                onClick: () => onSortChange("name")
               }
             ),
-            tier === "full" && /* @__PURE__ */ jsxs12(Fragment5, { children: [
-              /* @__PURE__ */ jsx15(ColHeader, { label: "Mode" }),
-              /* @__PURE__ */ jsx15(ColHeader, { label: "Trigger" }),
-              /* @__PURE__ */ jsx15(
+            tier !== "narrow" && /* @__PURE__ */ jsx18(ColHeader, { label: "Change" }),
+            tier === "full" && /* @__PURE__ */ jsxs13(Fragment5, { children: [
+              /* @__PURE__ */ jsx18(ColHeader, { infoTip: GLOSSARY.reportMode, label: "Mode" }),
+              /* @__PURE__ */ jsx18(ColHeader, { infoTip: GLOSSARY.reportTrigger, label: "Trigger" }),
+              /* @__PURE__ */ jsx18(
                 ColHeader,
                 {
                   active: sort.field === "date",
@@ -4144,7 +4299,7 @@ function ReportTable({
           ]
         }
       ),
-      reports.map((report) => /* @__PURE__ */ jsx15(
+      reports.map((report) => /* @__PURE__ */ jsx18(
         ReportRow,
         {
           onSelect: onSelectReport,
@@ -4169,7 +4324,6 @@ function ReportRow({
   const colors = SCORE_COLORS[grade];
   const hasDelta = report.comparisonDelta != null && report.comparisonDelta !== 0;
   const delta = report.comparisonDelta ?? 0;
-  const deltaUp = delta > 0;
   const regressedCount = report.regressed?.length ?? 0;
   const improvedCount = report.improved?.length ?? 0;
   const hasAreas = report.areas && report.areas.length > 0;
@@ -4179,7 +4333,7 @@ function ReportRow({
   const scoreSize = isSmall ? 40 : 48;
   const scoreWidth = isSmall ? 44 : 56;
   const scoreFontSize = isSmall ? 18 : 22;
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: "ailf-row",
@@ -4194,7 +4348,7 @@ function ReportRow({
         padding: isSmall ? "10px 8px" : "14px 12px"
       },
       children: [
-        /* @__PURE__ */ jsx15(Flex9, { align: "center", justify: "center", style: { paddingTop: 2 }, children: /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx18(Flex10, { align: "center", justify: "center", style: { paddingTop: 2 }, children: /* @__PURE__ */ jsx18(
           "div",
           {
             style: {
@@ -4214,24 +4368,24 @@ function ReportRow({
             children: rounded
           }
         ) }),
-        /* @__PURE__ */ jsxs12(Stack9, { space: 2, children: [
-          /* @__PURE__ */ jsxs12(Flex9, { align: "center", gap: 2, wrap: "wrap", children: [
-            /* @__PURE__ */ jsx15(Text13, { size: isSmall ? 2 : 3, weight: "semibold", children: report.tag ?? formatCardDate(report.completedAt) }),
-            git && /* @__PURE__ */ jsxs12(Flex9, { align: "center", gap: 2, children: [
-              git.repo && /* @__PURE__ */ jsx15(Code, { size: isSmall ? 1 : 2, style: { opacity: 0.7 }, children: git.repo }),
-              /* @__PURE__ */ jsxs12(Inline, { space: 1, children: [
-                /* @__PURE__ */ jsx15(GitBranchIcon, { style: { opacity: 0.6 } }),
-                /* @__PURE__ */ jsx15(Code, { size: isSmall ? 1 : 2, children: git.branch })
+        /* @__PURE__ */ jsxs13(Stack9, { space: 2, children: [
+          /* @__PURE__ */ jsxs13(Flex10, { align: "center", gap: 2, wrap: "wrap", children: [
+            /* @__PURE__ */ jsx18(Text16, { size: isSmall ? 2 : 3, weight: "semibold", children: report.tag ?? formatCardDate(report.completedAt) }),
+            git && /* @__PURE__ */ jsxs13(Flex10, { align: "center", gap: 2, children: [
+              git.repo && /* @__PURE__ */ jsx18(Code, { size: isSmall ? 1 : 2, style: { opacity: 0.7 }, children: git.repo }),
+              /* @__PURE__ */ jsxs13(Inline, { space: 1, children: [
+                /* @__PURE__ */ jsx18(GitBranchIcon, { style: { opacity: 0.6 } }),
+                /* @__PURE__ */ jsx18(Code, { size: isSmall ? 1 : 2, children: git.branch })
               ] }),
-              git.prNumber && /* @__PURE__ */ jsxs12(Text13, { muted: true, size: isSmall ? 1 : 2, children: [
+              git.prNumber && /* @__PURE__ */ jsxs13(Text16, { muted: true, size: isSmall ? 1 : 2, children: [
                 "#",
                 git.prNumber
               ] }),
-              tier === "full" && git.sha && git.sha !== "unknown" && /* @__PURE__ */ jsx15(Code, { size: 1, style: { opacity: 0.5 }, children: git.sha.slice(0, 7) })
+              tier === "full" && git.sha && git.sha !== "unknown" && /* @__PURE__ */ jsx18(Code, { size: 1, style: { opacity: 0.5 }, children: git.sha.slice(0, 7) })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs12(Flex9, { align: "center", gap: 2, wrap: "wrap", children: [
-            report.source && /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsxs13(Flex10, { align: "center", gap: 2, wrap: "wrap", children: [
+            report.source && /* @__PURE__ */ jsx18(
               Badge4,
               {
                 fontSize: isSmall ? 0 : 1,
@@ -4241,7 +4395,7 @@ function ReportRow({
                 children: report.source
               }
             ),
-            report.models?.map((model) => /* @__PURE__ */ jsx15(
+            report.models?.map((model) => /* @__PURE__ */ jsx18(
               Badge4,
               {
                 fontSize: isSmall ? 0 : 1,
@@ -4252,21 +4406,21 @@ function ReportRow({
               },
               model
             )),
-            report.perspective && /* @__PURE__ */ jsx15(OutlineBadge, { tone: "cyan", children: report.perspective }),
-            report.durationMs != null && report.durationMs > 0 && /* @__PURE__ */ jsxs12(Flex9, { align: "center", gap: 1, children: [
-              /* @__PURE__ */ jsx15(ClockIcon, { style: { fontSize: 13, opacity: 0.5 } }),
-              /* @__PURE__ */ jsx15(Text13, { muted: true, size: isSmall ? 0 : 1, children: formatDuration(report.durationMs) })
+            report.perspective && /* @__PURE__ */ jsx18(OutlineBadge, { tone: "cyan", children: report.perspective }),
+            report.durationMs != null && report.durationMs > 0 && /* @__PURE__ */ jsxs13(Flex10, { align: "center", gap: 1, children: [
+              /* @__PURE__ */ jsx18(ClockIcon, { style: { fontSize: 13, opacity: 0.5 } }),
+              /* @__PURE__ */ jsx18(Text16, { muted: true, size: isSmall ? 0 : 1, children: formatDuration(report.durationMs) })
             ] })
           ] }),
-          (hasAreas || hasDocs) && /* @__PURE__ */ jsxs12(Flex9, { gap: 2, wrap: "wrap", children: [
-            hasAreas && report.areas.map((area) => /* @__PURE__ */ jsx15(OutlineBadge, { tone: "purple", children: area }, `a-${area}`)),
-            hasDocs && report.targetDocuments.map((doc) => /* @__PURE__ */ jsx15(OutlineBadge, { tone: "positive", children: doc }, `d-${doc}`))
+          (hasAreas || hasDocs) && /* @__PURE__ */ jsxs13(Flex10, { gap: 2, wrap: "wrap", children: [
+            hasAreas && report.areas.map((area) => /* @__PURE__ */ jsx18(OutlineBadge, { tone: "purple", children: area }, `a-${area}`)),
+            hasDocs && report.targetDocuments.map((doc) => /* @__PURE__ */ jsx18(OutlineBadge, { tone: "positive", children: doc }, `d-${doc}`))
           ] }),
-          isSmall && /* @__PURE__ */ jsxs12(Flex9, { align: "center", gap: 2, wrap: "wrap", children: [
-            /* @__PURE__ */ jsx15(OutlineBadge, { tone: MODE_TONE[report.mode] ?? "default", children: report.mode }),
-            report.trigger && /* @__PURE__ */ jsx15(OutlineBadge, { tone: TRIGGER_TONE[report.trigger] ?? "default", children: report.trigger }),
-            /* @__PURE__ */ jsx15(
-              Text13,
+          isSmall && /* @__PURE__ */ jsxs13(Flex10, { align: "center", gap: 2, wrap: "wrap", children: [
+            /* @__PURE__ */ jsx18(ModeBadge, { mode: report.mode }),
+            report.trigger && /* @__PURE__ */ jsx18(TriggerBadge, { trigger: report.trigger }),
+            /* @__PURE__ */ jsx18(
+              Text16,
               {
                 muted: true,
                 size: 0,
@@ -4274,41 +4428,41 @@ function ReportRow({
                 children: formatRelativeTime(report.completedAt)
               }
             ),
-            tier === "narrow" && hasDelta && /* @__PURE__ */ jsx15(DeltaInline, { delta, deltaUp }),
-            tier === "narrow" && improvedCount > 0 && /* @__PURE__ */ jsxs12(OutlineBadge, { tone: "positive", children: [
+            tier === "narrow" && hasDelta && /* @__PURE__ */ jsx18(DeltaIndicator, { delta, icon: true, round: true }),
+            tier === "narrow" && improvedCount > 0 && /* @__PURE__ */ jsxs13(OutlineBadge, { tone: "positive", children: [
               improvedCount,
               " improved"
             ] }),
-            tier === "narrow" && regressedCount > 0 && /* @__PURE__ */ jsxs12(OutlineBadge, { tone: "critical", children: [
+            tier === "narrow" && regressedCount > 0 && /* @__PURE__ */ jsxs13(OutlineBadge, { tone: "critical", children: [
               regressedCount,
               " regressed"
             ] })
           ] })
         ] }),
-        tier !== "narrow" && /* @__PURE__ */ jsxs12(
-          Flex9,
+        tier !== "narrow" && /* @__PURE__ */ jsxs13(
+          Flex10,
           {
             align: "flex-start",
             direction: "column",
             gap: 2,
             style: { paddingTop: 2 },
             children: [
-              hasDelta && /* @__PURE__ */ jsx15(DeltaInline, { delta, deltaUp }),
-              improvedCount > 0 && /* @__PURE__ */ jsxs12(OutlineBadge, { tone: "positive", children: [
+              hasDelta && /* @__PURE__ */ jsx18(DeltaIndicator, { delta, icon: true, round: true }),
+              improvedCount > 0 && /* @__PURE__ */ jsxs13(OutlineBadge, { tone: "positive", children: [
                 improvedCount,
                 " improved"
               ] }),
-              regressedCount > 0 && /* @__PURE__ */ jsxs12(OutlineBadge, { tone: "critical", children: [
+              regressedCount > 0 && /* @__PURE__ */ jsxs13(OutlineBadge, { tone: "critical", children: [
                 regressedCount,
                 " regressed"
               ] })
             ]
           }
         ),
-        tier === "full" && /* @__PURE__ */ jsx15("div", { style: { paddingTop: 2 }, children: /* @__PURE__ */ jsx15(OutlineBadge, { tone: MODE_TONE[report.mode] ?? "default", children: report.mode }) }),
-        tier === "full" && /* @__PURE__ */ jsx15("div", { style: { paddingTop: 2 }, children: report.trigger && /* @__PURE__ */ jsx15(OutlineBadge, { tone: TRIGGER_TONE[report.trigger] ?? "default", children: report.trigger }) }),
-        tier === "full" && /* @__PURE__ */ jsx15("div", { style: { paddingTop: 2, textAlign: "right" }, children: /* @__PURE__ */ jsx15(
-          Text13,
+        tier === "full" && /* @__PURE__ */ jsx18("div", { style: { paddingTop: 2 }, children: /* @__PURE__ */ jsx18(ModeBadge, { mode: report.mode }) }),
+        tier === "full" && /* @__PURE__ */ jsx18("div", { style: { paddingTop: 2 }, children: report.trigger && /* @__PURE__ */ jsx18(TriggerBadge, { trigger: report.trigger }) }),
+        tier === "full" && /* @__PURE__ */ jsx18("div", { style: { paddingTop: 2, textAlign: "right" }, children: /* @__PURE__ */ jsx18(
+          Text16,
           {
             muted: true,
             size: 2,
@@ -4320,34 +4474,6 @@ function ReportRow({
     }
   );
 }
-function DeltaInline({ delta, deltaUp }) {
-  return /* @__PURE__ */ jsxs12(Flex9, { align: "center", gap: 1, children: [
-    /* @__PURE__ */ jsx15(
-      TrendUpwardIcon,
-      {
-        style: {
-          color: deltaUp ? "var(--card-badge-positive-dot-color)" : "var(--card-badge-critical-dot-color)",
-          fontSize: 15,
-          transform: deltaUp ? void 0 : "scaleY(-1)"
-        }
-      }
-    ),
-    /* @__PURE__ */ jsxs12(
-      Text13,
-      {
-        size: 2,
-        style: {
-          color: deltaUp ? "var(--card-badge-positive-dot-color)" : "var(--card-badge-critical-dot-color)",
-          fontWeight: 600
-        },
-        children: [
-          deltaUp ? "+" : "",
-          Math.round(delta)
-        ]
-      }
-    )
-  ] });
-}
 var MODE_TONE = {
   agentic: "positive",
   baseline: "default",
@@ -4367,10 +4493,37 @@ var TRIGGER_TONE = {
   schedule: "default",
   webhook: "positive"
 };
+var MODE_TIP = {
+  agentic: GLOSSARY.modeAgentic,
+  baseline: GLOSSARY.modeBaseline,
+  debug: GLOSSARY.modeDebug,
+  full: GLOSSARY.modeFull,
+  observed: GLOSSARY.modeObserved
+};
+var TRIGGER_TIP = {
+  ci: GLOSSARY.triggerCi,
+  "cross-repo": GLOSSARY.triggerCrossRepo,
+  manual: GLOSSARY.triggerManual,
+  schedule: GLOSSARY.triggerSchedule,
+  webhook: GLOSSARY.triggerWebhook
+};
+function ModeBadge({ mode }) {
+  const badge = /* @__PURE__ */ jsx18(OutlineBadge, { tone: MODE_TONE[mode] ?? "default", children: mode });
+  const tip = MODE_TIP[mode];
+  if (!tip) return badge;
+  return /* @__PURE__ */ jsx18(HoverTip, { text: tip, children: badge });
+}
+function TriggerBadge({ trigger }) {
+  const badge = /* @__PURE__ */ jsx18(OutlineBadge, { tone: TRIGGER_TONE[trigger] ?? "default", children: trigger });
+  const tip = TRIGGER_TIP[trigger];
+  if (!tip) return badge;
+  return /* @__PURE__ */ jsx18(HoverTip, { text: tip, children: badge });
+}
 function ColHeader({
   label,
   active,
   direction,
+  infoTip,
   onClick,
   align
 }) {
@@ -4384,40 +4537,45 @@ function ColHeader({
     [onClick]
   );
   const arrow = active ? direction === "asc" ? " \u2191" : " \u2193" : "";
-  return /* @__PURE__ */ jsx15(
-    "div",
+  return /* @__PURE__ */ jsxs13(
+    Flex10,
     {
+      align: "center",
+      gap: 1,
       onClick,
       onKeyDown: onClick ? handleKeyDown : void 0,
       role: onClick ? "button" : void 0,
       style: {
         cursor: onClick ? "pointer" : "default",
-        textAlign: align,
+        justifyContent: align === "right" ? "flex-end" : "flex-start",
         userSelect: "none"
       },
       tabIndex: onClick ? 0 : void 0,
-      children: /* @__PURE__ */ jsxs12(
-        Text13,
-        {
-          muted: true,
-          size: 1,
-          style: {
-            letterSpacing: "0.08em",
-            textTransform: "uppercase"
-          },
-          weight: "semibold",
-          children: [
-            label,
-            arrow
-          ]
-        }
-      )
+      children: [
+        /* @__PURE__ */ jsxs13(
+          Text16,
+          {
+            muted: true,
+            size: 1,
+            style: {
+              letterSpacing: "0.08em",
+              textTransform: "uppercase"
+            },
+            weight: "semibold",
+            children: [
+              label,
+              arrow
+            ]
+          }
+        ),
+        infoTip && /* @__PURE__ */ jsx18(InfoTip, { text: infoTip })
+      ]
     }
   );
 }
 
 // src/components/LatestReports.tsx
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 function readParam(params, key) {
   if (!params) return null;
   const pair = params.find(([k]) => k === key);
@@ -4439,16 +4597,16 @@ function LatestReports({
   const router = useRouter();
   const routerState = router.state;
   const urlParams = routerState._searchParams;
-  const [searchQuery, setSearchQuery] = useState5(
+  const [searchQuery, setSearchQuery] = useState6(
     () => readParam(urlParams, "q") ?? ""
   );
-  const [mode, setMode] = useState5(
+  const [mode, setMode] = useState6(
     () => readParam(urlParams, "mode")
   );
-  const [source, setSource] = useState5(
+  const [source, setSource] = useState6(
     () => readParam(urlParams, "source")
   );
-  const [trigger, setTrigger] = useState5(
+  const [trigger, setTrigger] = useState6(
     () => readParam(urlParams, "trigger")
   );
   useEffect5(() => {
@@ -4460,14 +4618,14 @@ function LatestReports({
     });
     router.navigate({ ...router.state, _searchParams: params });
   }, [searchQuery, mode, source, trigger]);
-  const [initialLoading, setInitialLoading] = useState5(true);
-  const [loadingMore, setLoadingMore] = useState5(false);
-  const [reports, setReports] = useState5([]);
-  const [hasMore, setHasMore] = useState5(true);
-  const [modes, setModes] = useState5([]);
-  const [sources, setSources] = useState5([]);
-  const [triggers, setTriggers] = useState5([]);
-  const [sort, setSort] = useState5({
+  const [initialLoading, setInitialLoading] = useState6(true);
+  const [loadingMore, setLoadingMore] = useState6(false);
+  const [reports, setReports] = useState6([]);
+  const [hasMore, setHasMore] = useState6(true);
+  const [modes, setModes] = useState6([]);
+  const [sources, setSources] = useState6([]);
+  const [triggers, setTriggers] = useState6([]);
+  const [sort, setSort] = useState6({
     direction: "desc",
     field: "date"
   });
@@ -4559,13 +4717,13 @@ function LatestReports({
     setTrigger(null);
   }, []);
   if (initialLoading) {
-    return /* @__PURE__ */ jsx16(Card7, { padding: 4, children: /* @__PURE__ */ jsx16(Text14, { muted: true, children: "Loading reports\u2026" }) });
+    return /* @__PURE__ */ jsx19(Card7, { padding: 4, children: /* @__PURE__ */ jsx19(Text17, { muted: true, children: "Loading reports\u2026" }) });
   }
   if (reports.length === 0 && !mode && !source) {
-    return /* @__PURE__ */ jsx16(Card7, { padding: 4, children: /* @__PURE__ */ jsx16(Text14, { muted: true, children: "No reports found. Run the pipeline with --publish to create reports." }) });
+    return /* @__PURE__ */ jsx19(Card7, { padding: 4, children: /* @__PURE__ */ jsx19(Text17, { muted: true, children: "No reports found. Run the pipeline with --publish to create reports." }) });
   }
-  return /* @__PURE__ */ jsxs13(Stack10, { space: 0, children: [
-    /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs14(Stack10, { space: 0, children: [
+    /* @__PURE__ */ jsx19(
       FilterBar,
       {
         filteredCount: filteredReports.length,
@@ -4584,9 +4742,9 @@ function LatestReports({
         triggers
       }
     ),
-    filteredReports.length === 0 ? /* @__PURE__ */ jsx16(Card7, { padding: 4, radius: 2, children: /* @__PURE__ */ jsxs13(Stack10, { space: 3, children: [
-      /* @__PURE__ */ jsx16(Text14, { align: "center", muted: true, size: 3, children: "No reports match the current filters." }),
-      /* @__PURE__ */ jsx16(Flex10, { justify: "center", children: /* @__PURE__ */ jsx16(
+    filteredReports.length === 0 ? /* @__PURE__ */ jsx19(Card7, { padding: 4, radius: 2, children: /* @__PURE__ */ jsxs14(Stack10, { space: 3, children: [
+      /* @__PURE__ */ jsx19(Text17, { align: "center", muted: true, size: 3, children: "No reports match the current filters." }),
+      /* @__PURE__ */ jsx19(Flex11, { justify: "center", children: /* @__PURE__ */ jsx19(
         Button,
         {
           fontSize: 2,
@@ -4595,7 +4753,7 @@ function LatestReports({
           text: "Clear filters"
         }
       ) })
-    ] }) }) : /* @__PURE__ */ jsx16(
+    ] }) }) : /* @__PURE__ */ jsx19(
       ReportTable,
       {
         onSelectReport,
@@ -4604,7 +4762,7 @@ function LatestReports({
         sort
       }
     ),
-    hasMore && /* @__PURE__ */ jsx16(Flex10, { justify: "center", paddingY: 3, children: /* @__PURE__ */ jsx16(
+    hasMore && /* @__PURE__ */ jsx19(Flex11, { justify: "center", paddingY: 3, children: /* @__PURE__ */ jsx19(
       Button,
       {
         disabled: loadingMore,
@@ -4620,43 +4778,84 @@ function LatestReports({
 // src/components/report-detail/ReportDetail.tsx
 import { ArrowLeftIcon as ArrowLeftIcon2 } from "@sanity/icons";
 import {
+  Badge as Badge7,
   Box as Box20,
-  Button as Button5,
-  Flex as Flex24,
+  Button as Button7,
+  Flex as Flex25,
   Stack as Stack24,
   Tab,
   TabList,
   TabPanel,
-  Text as Text30,
-  Tooltip as Tooltip9
+  Text as Text31,
+  Tooltip as Tooltip8
 } from "@sanity/ui";
 import {
-  useCallback as useCallback19,
-  useEffect as useEffect7,
+  useCallback as useCallback20,
+  useEffect as useEffect8,
   useMemo as useMemo7,
   useState as useState15
 } from "react";
 import { useClient as useClient10 } from "sanity";
 
+// src/lib/thresholds.ts
+var SCORE_POSITIVE = 80;
+var SCORE_CAUTION = 70;
+var DIMENSION_WEAKNESS = 50;
+function scoreSentiment(score) {
+  if (score >= SCORE_POSITIVE) return "positive";
+  if (score >= SCORE_CAUTION) return "caution";
+  return "critical";
+}
+var DOC_LIFT_POSITIVE = 10;
+var DOC_LIFT_CAUTION = 5;
+function docLiftSentiment(docLift) {
+  if (docLift < 0) return "critical";
+  if (docLift >= DOC_LIFT_POSITIVE) return "positive";
+  if (docLift >= DOC_LIFT_CAUTION) return "caution";
+  return "critical";
+}
+var RET_GAP_POSITIVE = 5;
+var RET_GAP_CAUTION = 15;
+function retrievalGapSentiment(gap) {
+  if (gap <= RET_GAP_POSITIVE) return "positive";
+  if (gap <= RET_GAP_CAUTION) return "caution";
+  return "critical";
+}
+var EFFICIENCY_POSITIVE = 0.85;
+var EFFICIENCY_CAUTION = 0.7;
+var EFFICIENCY_ANOMALY = 1.05;
+function efficiencySentiment(efficiency) {
+  if (efficiency >= EFFICIENCY_POSITIVE) return "positive";
+  if (efficiency >= EFFICIENCY_CAUTION) return "caution";
+  return "critical";
+}
+var NEG_DOC_LIFT_POSITIVE = 0;
+var NEG_DOC_LIFT_CAUTION = 2;
+function negativeDocLiftSentiment(count) {
+  if (count <= NEG_DOC_LIFT_POSITIVE) return "positive";
+  if (count <= NEG_DOC_LIFT_CAUTION) return "caution";
+  return "critical";
+}
+
 // src/components/report-detail/AgentActivitySection.tsx
-import { useMemo as useMemo5, useState as useState6 } from "react";
-import { HelpCircleIcon as HelpCircleIcon5, SearchIcon as SearchIcon3 } from "@sanity/icons";
+import { useMemo as useMemo5, useState as useState7 } from "react";
+import { HelpCircleIcon as HelpCircleIcon6, SearchIcon as SearchIcon3 } from "@sanity/icons";
 import {
   Badge as Badge5,
-  Box as Box9,
+  Box as Box11,
   Card as Card9,
-  Flex as Flex11,
+  Flex as Flex12,
   Grid as Grid2,
   Stack as Stack12,
-  Text as Text16,
+  Text as Text19,
   TextInput as TextInput2,
-  Tooltip as Tooltip4
+  Tooltip as Tooltip6
 } from "@sanity/ui";
 
 // src/components/primitives/StatCard.tsx
-import { HelpCircleIcon as HelpCircleIcon4 } from "@sanity/icons";
-import { Box as Box8, Card as Card8, Stack as Stack11, Text as Text15, Tooltip as Tooltip3 } from "@sanity/ui";
-import { Fragment as Fragment6, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { HelpCircleIcon as HelpCircleIcon5 } from "@sanity/icons";
+import { Box as Box10, Card as Card8, Stack as Stack11, Text as Text18, Tooltip as Tooltip5 } from "@sanity/ui";
+import { Fragment as Fragment6, jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
 function StatCard({
   label,
   value,
@@ -4664,24 +4863,24 @@ function StatCard({
   suffix,
   tone = "default"
 }) {
-  return /* @__PURE__ */ jsx17(Card8, { padding: 3, radius: 2, shadow: 1, tone, children: /* @__PURE__ */ jsxs14(Stack11, { space: 2, children: [
-    /* @__PURE__ */ jsxs14(Text15, { muted: true, size: 2, children: [
+  return /* @__PURE__ */ jsx20(Card8, { padding: 3, radius: 2, shadow: 1, tone, children: /* @__PURE__ */ jsxs15(Stack11, { space: 2, children: [
+    /* @__PURE__ */ jsxs15(Text18, { muted: true, size: 2, children: [
       label,
-      tooltip && /* @__PURE__ */ jsxs14(Fragment6, { children: [
+      tooltip && /* @__PURE__ */ jsxs15(Fragment6, { children: [
         " ",
-        /* @__PURE__ */ jsx17(
-          Tooltip3,
+        /* @__PURE__ */ jsx20(
+          Tooltip5,
           {
-            content: /* @__PURE__ */ jsx17(Box8, { padding: 2, children: /* @__PURE__ */ jsx17(Text15, { size: 2, children: tooltip }) }),
+            content: /* @__PURE__ */ jsx20(Box10, { padding: 2, children: /* @__PURE__ */ jsx20(Text18, { size: 2, children: tooltip }) }),
             portal: true,
-            children: /* @__PURE__ */ jsx17("span", { style: { cursor: "help" }, children: /* @__PURE__ */ jsx17(HelpCircleIcon4, {}) })
+            children: /* @__PURE__ */ jsx20("span", { style: { cursor: "help" }, children: /* @__PURE__ */ jsx20(HelpCircleIcon5, {}) })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs14(Text15, { size: 4, weight: "bold", children: [
+    /* @__PURE__ */ jsxs15(Text18, { size: 4, weight: "bold", children: [
       value,
-      suffix && /* @__PURE__ */ jsxs14("span", { style: { fontSize: "0.6em", fontWeight: 400 }, children: [
+      suffix && /* @__PURE__ */ jsxs15("span", { style: { fontSize: "0.6em", fontWeight: 400 }, children: [
         " ",
         suffix
       ] })
@@ -4690,24 +4889,24 @@ function StatCard({
 }
 
 // src/components/report-detail/AgentActivitySection.tsx
-import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 function AgentActivitySection({
   agentBehavior,
   overall
 }) {
-  return /* @__PURE__ */ jsxs15(Stack12, { space: 5, children: [
-    overall && /* @__PURE__ */ jsx18(OverviewGrid, { overall }),
-    agentBehavior.map((ab) => /* @__PURE__ */ jsx18(FeatureActivityCard, { behavior: ab }, ab.feature))
+  return /* @__PURE__ */ jsxs16(Stack12, { space: 5, children: [
+    overall && /* @__PURE__ */ jsx21(OverviewGrid, { overall }),
+    agentBehavior.map((ab) => /* @__PURE__ */ jsx21(FeatureActivityCard, { behavior: ab }, ab.feature))
   ] });
 }
 function OverviewGrid({ overall }) {
-  return /* @__PURE__ */ jsx18(Card9, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs15(Stack12, { space: 4, children: [
-    /* @__PURE__ */ jsxs15(Flex11, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsx18(Text16, { size: 3, weight: "semibold", children: "Agent Activity Overview" }),
-      /* @__PURE__ */ jsx18(GlossaryTip, { text: GLOSSARY.agentBehaviorOverview })
+  return /* @__PURE__ */ jsx21(Card9, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs16(Stack12, { space: 4, children: [
+    /* @__PURE__ */ jsxs16(Flex12, { align: "center", gap: 3, children: [
+      /* @__PURE__ */ jsx21(Text19, { size: 3, weight: "semibold", children: "Agent Activity Overview" }),
+      /* @__PURE__ */ jsx21(GlossaryTip, { text: GLOSSARY.agentBehaviorOverview })
     ] }),
-    /* @__PURE__ */ jsxs15(Grid2, { columns: [1, 2, 3], gap: 3, children: [
-      /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsxs16(Grid2, { columns: [1, 2, 3], gap: 3, children: [
+      /* @__PURE__ */ jsx21(
         StatCard,
         {
           label: "Avg Pages Visited",
@@ -4715,7 +4914,7 @@ function OverviewGrid({ overall }) {
           value: overall.avgDocPagesVisited.toFixed(1)
         }
       ),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx21(
         StatCard,
         {
           label: "Avg Searches",
@@ -4723,7 +4922,7 @@ function OverviewGrid({ overall }) {
           value: overall.avgSearchesPerformed.toFixed(1)
         }
       ),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx21(
         StatCard,
         {
           label: "Avg Network Time",
@@ -4731,7 +4930,7 @@ function OverviewGrid({ overall }) {
           value: formatDuration(overall.avgNetworkTimeMs)
         }
       ),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx21(
         StatCard,
         {
           label: "Unique Doc Slugs",
@@ -4739,7 +4938,7 @@ function OverviewGrid({ overall }) {
           value: String(overall.totalUniqueDocSlugs)
         }
       ),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx21(
         StatCard,
         {
           label: "Unique Search Queries",
@@ -4747,7 +4946,7 @@ function OverviewGrid({ overall }) {
           value: String(overall.totalUniqueSearchQueries)
         }
       ),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx21(
         StatCard,
         {
           label: "Tests with Data",
@@ -4760,31 +4959,31 @@ function OverviewGrid({ overall }) {
 function FeatureActivityCard({
   behavior
 }) {
-  return /* @__PURE__ */ jsx18(Card9, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs15(Stack12, { space: 4, children: [
-    /* @__PURE__ */ jsxs15(Flex11, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx18(Text16, { size: 3, weight: "semibold", children: behavior.feature }),
-      /* @__PURE__ */ jsxs15(Badge5, { tone: "primary", children: [
+  return /* @__PURE__ */ jsx21(Card9, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs16(Stack12, { space: 4, children: [
+    /* @__PURE__ */ jsxs16(Flex12, { align: "center", gap: 3, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx21(Text19, { size: 3, weight: "semibold", children: behavior.feature }),
+      /* @__PURE__ */ jsxs16(Badge5, { tone: "primary", children: [
         behavior.tasksWithBehaviorData,
         " test",
         behavior.tasksWithBehaviorData === 1 ? "" : "s"
       ] })
     ] }),
-    /* @__PURE__ */ jsxs15(Grid2, { columns: [1, 3], gap: 3, children: [
-      /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsxs16(Grid2, { columns: [1, 3], gap: 3, children: [
+      /* @__PURE__ */ jsx21(
         MiniStat,
         {
           label: "Avg pages visited",
           value: behavior.avgDocPagesVisited.toFixed(1)
         }
       ),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx21(
         MiniStat,
         {
           label: "Avg searches",
           value: behavior.avgSearchesPerformed.toFixed(1)
         }
       ),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx21(
         MiniStat,
         {
           label: "Avg network time",
@@ -4792,8 +4991,8 @@ function FeatureActivityCard({
         }
       )
     ] }),
-    behavior.searchQueries.length > 0 && /* @__PURE__ */ jsx18(SearchQueryList, { queries: behavior.searchQueries }),
-    behavior.docSlugsVisited.length > 0 && /* @__PURE__ */ jsx18(
+    behavior.searchQueries.length > 0 && /* @__PURE__ */ jsx21(SearchQueryList, { queries: behavior.searchQueries }),
+    behavior.docSlugsVisited.length > 0 && /* @__PURE__ */ jsx21(
       BadgeList,
       {
         items: behavior.docSlugsVisited,
@@ -4802,7 +5001,7 @@ function FeatureActivityCard({
         tooltip: GLOSSARY.docSlugsVisited
       }
     ),
-    behavior.externalDomains.length > 0 && /* @__PURE__ */ jsx18(
+    behavior.externalDomains.length > 0 && /* @__PURE__ */ jsx21(
       BadgeList,
       {
         items: behavior.externalDomains,
@@ -4814,19 +5013,19 @@ function FeatureActivityCard({
   ] }) });
 }
 function SearchQueryList({ queries }) {
-  const [filter, setFilter] = useState6("");
+  const [filter, setFilter] = useState7("");
   const filtered = useMemo5(() => {
     if (!filter) return queries;
     const lower = filter.toLowerCase();
     return queries.filter((q) => q.toLowerCase().includes(lower));
   }, [queries, filter]);
-  return /* @__PURE__ */ jsxs15(Stack12, { space: 3, children: [
-    /* @__PURE__ */ jsxs15(Flex11, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx18(Text16, { size: 2, weight: "semibold", children: "Search Queries" }),
-      /* @__PURE__ */ jsx18(GlossaryTip, { text: GLOSSARY.searchQueries }),
-      /* @__PURE__ */ jsx18(Badge5, { tone: "default", children: queries.length })
+  return /* @__PURE__ */ jsxs16(Stack12, { space: 3, children: [
+    /* @__PURE__ */ jsxs16(Flex12, { align: "center", gap: 3, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx21(Text19, { size: 2, weight: "semibold", children: "Search Queries" }),
+      /* @__PURE__ */ jsx21(GlossaryTip, { text: GLOSSARY.searchQueries }),
+      /* @__PURE__ */ jsx21(Badge5, { tone: "default", children: queries.length })
     ] }),
-    queries.length > 5 && /* @__PURE__ */ jsx18(
+    queries.length > 5 && /* @__PURE__ */ jsx21(
       TextInput2,
       {
         fontSize: 2,
@@ -4836,7 +5035,7 @@ function SearchQueryList({ queries }) {
         value: filter
       }
     ),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx21(
       Card9,
       {
         overflow: "auto",
@@ -4844,10 +5043,10 @@ function SearchQueryList({ queries }) {
         radius: 2,
         style: { maxHeight: 300 },
         tone: "transparent",
-        children: /* @__PURE__ */ jsxs15(Stack12, { space: 2, children: [
-          filtered.length === 0 && /* @__PURE__ */ jsx18(Text16, { muted: true, size: 2, children: "No matching queries" }),
-          filtered.map((query, i) => /* @__PURE__ */ jsx18(
-            Text16,
+        children: /* @__PURE__ */ jsxs16(Stack12, { space: 2, children: [
+          filtered.length === 0 && /* @__PURE__ */ jsx21(Text19, { muted: true, size: 2, children: "No matching queries" }),
+          filtered.map((query, i) => /* @__PURE__ */ jsx21(
+            Text19,
             {
               muted: true,
               size: 2,
@@ -4871,19 +5070,19 @@ function BadgeList({
   tone,
   tooltip
 }) {
-  return /* @__PURE__ */ jsxs15(Stack12, { space: 3, children: [
-    /* @__PURE__ */ jsxs15(Flex11, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx18(Text16, { size: 2, weight: "semibold", children: label }),
-      tooltip && /* @__PURE__ */ jsx18(GlossaryTip, { text: tooltip }),
-      /* @__PURE__ */ jsx18(Badge5, { tone: "default", children: items.length })
+  return /* @__PURE__ */ jsxs16(Stack12, { space: 3, children: [
+    /* @__PURE__ */ jsxs16(Flex12, { align: "center", gap: 3, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx21(Text19, { size: 2, weight: "semibold", children: label }),
+      tooltip && /* @__PURE__ */ jsx21(GlossaryTip, { text: tooltip }),
+      /* @__PURE__ */ jsx21(Badge5, { tone: "default", children: items.length })
     ] }),
-    /* @__PURE__ */ jsx18(Flex11, { gap: 2, wrap: "wrap", children: items.map((item) => /* @__PURE__ */ jsx18(Badge5, { mode: "outline", tone, children: item }, item)) })
+    /* @__PURE__ */ jsx21(Flex12, { gap: 2, wrap: "wrap", children: items.map((item) => /* @__PURE__ */ jsx21(Badge5, { mode: "outline", tone, children: item }, item)) })
   ] });
 }
 function MiniStat({ label, value }) {
-  return /* @__PURE__ */ jsxs15(Stack12, { space: 1, children: [
-    /* @__PURE__ */ jsx18(
-      Text16,
+  return /* @__PURE__ */ jsxs16(Stack12, { space: 1, children: [
+    /* @__PURE__ */ jsx21(
+      Text19,
       {
         muted: true,
         size: 1,
@@ -4892,17 +5091,17 @@ function MiniStat({ label, value }) {
         children: label
       }
     ),
-    /* @__PURE__ */ jsx18(Text16, { size: 3, weight: "bold", children: value })
+    /* @__PURE__ */ jsx21(Text19, { size: 3, weight: "bold", children: value })
   ] });
 }
 function GlossaryTip({ text }) {
-  return /* @__PURE__ */ jsx18(
-    Tooltip4,
+  return /* @__PURE__ */ jsx21(
+    Tooltip6,
     {
-      content: /* @__PURE__ */ jsx18(Box9, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx18(Text16, { size: 2, children: text }) }),
+      content: /* @__PURE__ */ jsx21(Box11, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx21(Text19, { size: 2, children: text }) }),
       placement: "bottom",
       portal: true,
-      children: /* @__PURE__ */ jsx18(Text16, { muted: true, size: 1, children: /* @__PURE__ */ jsx18(HelpCircleIcon5, {}) })
+      children: /* @__PURE__ */ jsx21(Text19, { muted: true, size: 1, children: /* @__PURE__ */ jsx21(HelpCircleIcon6, {}) })
     }
   );
 }
@@ -4915,7 +5114,7 @@ import {
   ErrorOutlineIcon,
   WarningOutlineIcon
 } from "@sanity/icons";
-import { Box as Box11, Flex as Flex12, Stack as Stack13, Text as Text18 } from "@sanity/ui";
+import { Box as Box12, Flex as Flex13, Stack as Stack13, Text as Text20 } from "@sanity/ui";
 
 // src/components/report-detail/diagnostics-styles.ts
 var COLORS = {
@@ -4946,8 +5145,8 @@ var COLORS = {
   }
 };
 function colorForScore(score) {
-  if (score >= 80) return "emerald";
-  if (score >= 70) return "amber";
+  if (score >= SCORE_POSITIVE) return "emerald";
+  if (score >= SCORE_CAUTION) return "amber";
   if (score >= 50) return "orange";
   return "red";
 }
@@ -4990,15 +5189,10 @@ function barFillColor(score) {
       return "var(--card-border-color)";
   }
 }
-function deltaColor(delta) {
-  if (delta > 0) return COLORS.emerald.text;
-  if (delta < 0) return COLORS.red.text;
-  return "var(--card-muted-fg-color)";
-}
 function efficiencyColor(eff) {
   if (eff == null) return "var(--card-muted-fg-color)";
-  if (eff >= 0.9) return COLORS.emerald.text;
-  if (eff >= 0.7) return COLORS.amber.text;
+  if (eff >= EFFICIENCY_POSITIVE) return COLORS.emerald.text;
+  if (eff >= EFFICIENCY_CAUTION) return COLORS.amber.text;
   return COLORS.red.text;
 }
 function sectionStyle(color) {
@@ -5016,37 +5210,25 @@ var neutralCardStyle = {
 var dividerStyle = {
   borderTop: "1px solid var(--card-border-color)"
 };
-
-// src/components/report-detail/InfoTip.tsx
-import { HelpCircleIcon as HelpCircleIcon6 } from "@sanity/icons";
-import { Box as Box10, Text as Text17, Tooltip as Tooltip5 } from "@sanity/ui";
-import { jsx as jsx19 } from "react/jsx-runtime";
-function InfoTip({ text }) {
-  return /* @__PURE__ */ jsx19(
-    Tooltip5,
-    {
-      content: /* @__PURE__ */ jsx19(Box10, { padding: 2, style: { maxWidth: 280 }, children: typeof text === "string" ? /* @__PURE__ */ jsx19(Text17, { size: 2, children: text }) : text }),
-      placement: "bottom",
-      portal: true,
-      children: /* @__PURE__ */ jsx19(
-        "span",
-        {
-          style: {
-            color: "var(--card-muted-fg-color)",
-            cursor: "help",
-            display: "inline-flex",
-            fontSize: 15,
-            verticalAlign: "middle"
-          },
-          children: /* @__PURE__ */ jsx19(HelpCircleIcon6, {})
-        }
-      )
-    }
-  );
+function sentimentColorKey(sentiment) {
+  switch (sentiment) {
+    case "positive":
+      return "emerald";
+    case "caution":
+      return "amber";
+    case "critical":
+      return "red";
+  }
+}
+function sentimentCardStyle(sentiment) {
+  return sectionStyle(sentimentColorKey(sentiment));
+}
+function sentimentTextColor(sentiment) {
+  return COLORS[sentimentColorKey(sentiment)].text;
 }
 
 // src/components/report-detail/DiagnosticsOverview.tsx
-import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 function DiagnosticsOverview({
   scores,
   overall,
@@ -5055,18 +5237,18 @@ function DiagnosticsOverview({
   totalTests
 }) {
   if (scores.length === 0) return null;
-  const strong = scores.filter((s) => s.totalScore >= 80);
+  const strong = scores.filter((s) => s.totalScore >= SCORE_POSITIVE);
   const attention = scores.filter(
-    (s) => s.totalScore >= 70 && s.totalScore < 80
+    (s) => s.totalScore >= SCORE_CAUTION && s.totalScore < SCORE_POSITIVE
   );
-  const weak = scores.filter((s) => s.totalScore < 70);
+  const weak = scores.filter((s) => s.totalScore < SCORE_CAUTION);
   const negativeDocLiftCount = scores.filter((s) => s.docLift < 0).length;
   const improved = comparison?.improved ?? [];
   const regressed = comparison?.regressed ?? [];
   const unchanged = comparison?.unchanged ?? [];
   const hasComparison = improved.length > 0 || regressed.length > 0 || unchanged.length > 0;
-  return /* @__PURE__ */ jsxs16(Stack13, { space: 4, children: [
-    /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(Stack13, { space: 4, children: [
+    /* @__PURE__ */ jsxs17(
       "div",
       {
         style: {
@@ -5075,95 +5257,94 @@ function DiagnosticsOverview({
           gridTemplateColumns: "repeat(4, 1fr)"
         },
         children: [
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx22(HoverTip, { display: "block", text: GLOSSARY.overallScore, children: /* @__PURE__ */ jsx22(
             ScoreCard,
             {
               delta: comparison?.deltas.overall,
-              infoTip: GLOSSARY.overallScore,
               label: "AVG SCORE",
+              sentiment: scoreSentiment(overall.avgScore),
               subtitle: "Overall quality score",
               value: Math.round(overall.avgScore)
             }
-          ),
-          /* @__PURE__ */ jsx20(
+          ) }),
+          /* @__PURE__ */ jsx22(HoverTip, { display: "block", text: GLOSSARY.docLift, children: /* @__PURE__ */ jsx22(
             ScoreCard,
             {
               delta: comparison?.deltas.docLift,
-              infoTip: GLOSSARY.docLift,
               label: "AVG DOC LIFT",
+              sentiment: docLiftSentiment(overall.avgDocLift),
               subtitle: "Improvement with docs",
               value: Math.round(overall.avgDocLift)
             }
-          ),
-          /* @__PURE__ */ jsx20(
+          ) }),
+          /* @__PURE__ */ jsx22(HoverTip, { display: "block", text: GLOSSARY.ceiling, children: /* @__PURE__ */ jsx22(
             ScoreCard,
             {
-              infoTip: GLOSSARY.ceiling,
               label: "AVG CEILING",
+              sentiment: scoreSentiment(overall.avgCeilingScore ?? 0),
               subtitle: "Best case performance",
               value: Math.round(overall.avgCeilingScore ?? 0)
             }
-          ),
-          overall.avgInfrastructureEfficiency != null ? /* @__PURE__ */ jsx20(
+          ) }),
+          overall.avgInfrastructureEfficiency != null ? /* @__PURE__ */ jsx22(HoverTip, { display: "block", text: GLOSSARY.infraEfficiency, children: /* @__PURE__ */ jsx22(
             ScoreCard,
             {
-              infoTip: GLOSSARY.infraEfficiency,
               label: "EFFICIENCY",
+              sentiment: efficiencySentiment(
+                overall.avgInfrastructureEfficiency
+              ),
               subtitle: "Infra utilization",
               suffix: "%",
               value: Math.round(overall.avgInfrastructureEfficiency * 100)
             }
-          ) : /* @__PURE__ */ jsx20(
+          ) }) : /* @__PURE__ */ jsx22(HoverTip, { display: "block", text: GLOSSARY.floor, children: /* @__PURE__ */ jsx22(
             ScoreCard,
             {
-              infoTip: GLOSSARY.floor,
               label: "AVG FLOOR",
+              sentiment: scoreSentiment(overall.avgFloorScore ?? 0),
               subtitle: "Model-only baseline",
               value: Math.round(overall.avgFloorScore ?? 0)
             }
-          )
+          ) })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs16(
+    /* @__PURE__ */ jsxs17(
       "div",
       {
         style: { display: "grid", gap: 12, gridTemplateColumns: "1fr 1fr 1fr" },
         children: [
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx22(HoverTip, { display: "block", text: GLOSSARY.healthStrong, children: /* @__PURE__ */ jsx22(
             HealthCard,
             {
-              color: "emerald",
+              color: strong.length > 0 ? "emerald" : "muted",
               count: strong.length,
-              icon: /* @__PURE__ */ jsx20(CheckmarkCircleIcon, {}),
-              infoTip: GLOSSARY.healthStrong,
+              icon: /* @__PURE__ */ jsx22(CheckmarkCircleIcon, {}),
               label: "Strong (80+)"
             }
-          ),
-          /* @__PURE__ */ jsx20(
+          ) }),
+          /* @__PURE__ */ jsx22(HoverTip, { display: "block", text: GLOSSARY.healthAttention, children: /* @__PURE__ */ jsx22(
             HealthCard,
             {
-              color: "amber",
+              color: attention.length === 0 ? "muted" : "amber",
               count: attention.length,
-              icon: /* @__PURE__ */ jsx20(WarningOutlineIcon, {}),
-              infoTip: GLOSSARY.healthAttention,
+              icon: /* @__PURE__ */ jsx22(WarningOutlineIcon, {}),
               label: "Attention (70-79)"
             }
-          ),
-          /* @__PURE__ */ jsx20(
+          ) }),
+          /* @__PURE__ */ jsx22(HoverTip, { display: "block", text: GLOSSARY.healthWeak, children: /* @__PURE__ */ jsx22(
             HealthCard,
             {
-              color: "red",
+              color: weak.length === 0 ? "muted" : "red",
               count: weak.length,
-              icon: /* @__PURE__ */ jsx20(ErrorOutlineIcon, {}),
-              infoTip: GLOSSARY.healthWeak,
+              icon: /* @__PURE__ */ jsx22(ErrorOutlineIcon, {}),
               label: "Weak (<70)"
             }
-          )
+          ) })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs16(
+    /* @__PURE__ */ jsxs17(
       "div",
       {
         style: {
@@ -5172,61 +5353,60 @@ function DiagnosticsOverview({
           gridTemplateColumns: "repeat(auto-fit, minmax(140px, 1fr))"
         },
         children: [
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx22(HoverTip, { display: "block", text: GLOSSARY.floor, children: /* @__PURE__ */ jsx22(
             MetricCard,
             {
-              infoTip: GLOSSARY.floor,
               label: "Avg Floor",
+              sentiment: scoreSentiment(overall.avgFloorScore ?? 0),
               value: String(Math.round(overall.avgFloorScore ?? 0))
             }
-          ),
-          overall.avgActualScore != null && /* @__PURE__ */ jsx20(
+          ) }),
+          overall.avgActualScore != null && /* @__PURE__ */ jsx22(HoverTip, { display: "block", text: GLOSSARY.actualScore, children: /* @__PURE__ */ jsx22(
             MetricCard,
             {
-              infoTip: GLOSSARY.actualScore,
               label: "Avg Actual",
+              sentiment: scoreSentiment(overall.avgActualScore),
               value: String(Math.round(overall.avgActualScore))
             }
-          ),
-          overall.avgRetrievalGap != null && /* @__PURE__ */ jsx20(
+          ) }),
+          overall.avgRetrievalGap != null && /* @__PURE__ */ jsx22(HoverTip, { display: "block", text: GLOSSARY.retrievalGap, children: /* @__PURE__ */ jsx22(
             MetricCard,
             {
-              infoTip: GLOSSARY.retrievalGap,
               label: "Avg Retrieval Gap",
+              sentiment: retrievalGapSentiment(overall.avgRetrievalGap),
               value: overall.avgRetrievalGap.toFixed(1)
             }
-          ),
-          /* @__PURE__ */ jsx20(
+          ) }),
+          /* @__PURE__ */ jsx22(HoverTip, { display: "block", text: GLOSSARY.negativeDocLiftMetric, children: /* @__PURE__ */ jsx22(
             MetricCard,
             {
-              highlight: negativeDocLiftCount > 0,
-              infoTip: GLOSSARY.negativeDocLiftMetric,
               label: "Negative Doc Lift",
+              sentiment: negativeDocLiftSentiment(negativeDocLiftCount),
               value: `${negativeDocLiftCount} area${negativeDocLiftCount === 1 ? "" : "s"}`
             }
-          ),
-          totalTests != null && /* @__PURE__ */ jsx20(
-            MetricCard,
+          ) }),
+          totalTests != null && /* @__PURE__ */ jsx22(HoverTip, { display: "block", text: GLOSSARY.tests, children: /* @__PURE__ */ jsx22(MetricCard, { label: "Tests", value: String(totalTests) }) }),
+          durationMs != null && durationMs > 0 && /* @__PURE__ */ jsx22(
+            HoverTip,
             {
-              infoTip: GLOSSARY.tests,
-              label: "Tests",
-              value: String(totalTests)
+              display: "block",
+              text: "Total wall-clock time for the evaluation pipeline run.",
+              children: /* @__PURE__ */ jsx22(MetricCard, { label: "Duration", value: formatDuration(durationMs) })
             }
-          ),
-          durationMs != null && durationMs > 0 && /* @__PURE__ */ jsx20(MetricCard, { label: "Duration", value: formatDuration(durationMs) })
+          )
         ]
       }
     ),
-    hasComparison && /* @__PURE__ */ jsxs16(Box11, { style: neutralCardStyle, children: [
-      /* @__PURE__ */ jsx20(
-        Box11,
+    hasComparison && /* @__PURE__ */ jsxs17(Box12, { style: neutralCardStyle, children: [
+      /* @__PURE__ */ jsx22(
+        Box12,
         {
           padding: 4,
           style: { borderBottom: "1px solid var(--card-border-color)" },
-          children: /* @__PURE__ */ jsx20(Text18, { size: 3, weight: "semibold", children: "Change from Previous Run" })
+          children: /* @__PURE__ */ jsx22(Text20, { size: 3, weight: "semibold", children: "Change from Previous Run" })
         }
       ),
-      /* @__PURE__ */ jsxs16(
+      /* @__PURE__ */ jsxs17(
         "div",
         {
           style: {
@@ -5234,43 +5414,43 @@ function DiagnosticsOverview({
             gridTemplateColumns: "1fr 1fr 1fr"
           },
           children: [
-            /* @__PURE__ */ jsx20(Box11, { padding: 4, children: /* @__PURE__ */ jsxs16(Stack13, { space: 3, children: [
-              /* @__PURE__ */ jsxs16(Flex12, { align: "center", gap: 2, children: [
-                /* @__PURE__ */ jsx20(ArrowUpIcon, { style: { color: "#34d399" } }),
-                /* @__PURE__ */ jsxs16(Text18, { size: 2, style: { color: "#34d399" }, weight: "medium", children: [
+            /* @__PURE__ */ jsx22(Box12, { padding: 4, children: /* @__PURE__ */ jsxs17(Stack13, { space: 3, children: [
+              /* @__PURE__ */ jsxs17(Flex13, { align: "center", gap: 2, children: [
+                /* @__PURE__ */ jsx22(ArrowUpIcon, { style: { color: "#34d399" } }),
+                /* @__PURE__ */ jsxs17(Text20, { size: 2, style: { color: "#34d399" }, weight: "medium", children: [
                   "Improved (",
                   improved.length,
                   ")"
                 ] })
               ] }),
-              /* @__PURE__ */ jsx20(Flex12, { gap: 2, wrap: "wrap", children: improved.length > 0 ? improved.map((area) => /* @__PURE__ */ jsx20(Pill, { color: "emerald", label: area }, area)) : /* @__PURE__ */ jsx20(Text18, { muted: true, size: 2, children: "None" }) })
+              /* @__PURE__ */ jsx22(Flex13, { gap: 2, wrap: "wrap", children: improved.length > 0 ? improved.map((area) => /* @__PURE__ */ jsx22(Pill, { color: "emerald", label: area }, area)) : /* @__PURE__ */ jsx22(Text20, { muted: true, size: 2, children: "None" }) })
             ] }) }),
-            /* @__PURE__ */ jsx20(
-              Box11,
+            /* @__PURE__ */ jsx22(
+              Box12,
               {
                 padding: 4,
                 style: { borderLeft: "1px solid var(--card-border-color)" },
-                children: /* @__PURE__ */ jsxs16(Stack13, { space: 3, children: [
-                  /* @__PURE__ */ jsxs16(Flex12, { align: "center", gap: 2, children: [
-                    /* @__PURE__ */ jsx20(ArrowDownIcon, { style: { color: "#f87171" } }),
-                    /* @__PURE__ */ jsxs16(Text18, { size: 2, style: { color: "#f87171" }, weight: "medium", children: [
+                children: /* @__PURE__ */ jsxs17(Stack13, { space: 3, children: [
+                  /* @__PURE__ */ jsxs17(Flex13, { align: "center", gap: 2, children: [
+                    /* @__PURE__ */ jsx22(ArrowDownIcon, { style: { color: "#f87171" } }),
+                    /* @__PURE__ */ jsxs17(Text20, { size: 2, style: { color: "#f87171" }, weight: "medium", children: [
                       "Regressed (",
                       regressed.length,
                       ")"
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx20(Flex12, { gap: 2, wrap: "wrap", children: regressed.length > 0 ? regressed.map((area) => /* @__PURE__ */ jsx20(Pill, { color: "red", label: area }, area)) : /* @__PURE__ */ jsx20(Text18, { muted: true, size: 2, children: "None" }) })
+                  /* @__PURE__ */ jsx22(Flex13, { gap: 2, wrap: "wrap", children: regressed.length > 0 ? regressed.map((area) => /* @__PURE__ */ jsx22(Pill, { color: "red", label: area }, area)) : /* @__PURE__ */ jsx22(Text20, { muted: true, size: 2, children: "None" }) })
                 ] })
               }
             ),
-            /* @__PURE__ */ jsx20(
-              Box11,
+            /* @__PURE__ */ jsx22(
+              Box12,
               {
                 padding: 4,
                 style: { borderLeft: "1px solid var(--card-border-color)" },
-                children: /* @__PURE__ */ jsxs16(Stack13, { space: 3, children: [
-                  /* @__PURE__ */ jsxs16(Flex12, { align: "center", gap: 2, children: [
-                    /* @__PURE__ */ jsx20(
+                children: /* @__PURE__ */ jsxs17(Stack13, { space: 3, children: [
+                  /* @__PURE__ */ jsxs17(Flex13, { align: "center", gap: 2, children: [
+                    /* @__PURE__ */ jsx22(
                       "span",
                       {
                         style: {
@@ -5281,13 +5461,13 @@ function DiagnosticsOverview({
                         children: "\u2014"
                       }
                     ),
-                    /* @__PURE__ */ jsxs16(Text18, { muted: true, size: 2, weight: "medium", children: [
+                    /* @__PURE__ */ jsxs17(Text20, { muted: true, size: 2, weight: "medium", children: [
                       "Unchanged (",
                       unchanged.length,
                       ")"
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx20(Flex12, { gap: 2, wrap: "wrap", children: unchanged.length > 0 ? unchanged.map((area) => /* @__PURE__ */ jsx20(Pill, { color: "muted", label: area }, area)) : /* @__PURE__ */ jsx20(Text18, { muted: true, size: 2, children: "None" }) })
+                  /* @__PURE__ */ jsx22(Flex13, { gap: 2, wrap: "wrap", children: unchanged.length > 0 ? unchanged.map((area) => /* @__PURE__ */ jsx22(Pill, { color: "muted", label: area }, area)) : /* @__PURE__ */ jsx22(Text20, { muted: true, size: 2, children: "None" }) })
                 ] })
               }
             )
@@ -5299,96 +5479,78 @@ function DiagnosticsOverview({
 }
 function ScoreCard({
   delta,
-  infoTip,
   label,
+  sentiment,
   subtitle,
   suffix,
   value
 }) {
-  const color = scoreColor(value);
-  return /* @__PURE__ */ jsx20(
-    Box11,
-    {
-      padding: 4,
-      style: {
-        backgroundColor: "var(--card-bg2-color, var(--card-bg-color))",
-        border: "1px solid var(--card-border-color)",
-        borderRadius: 6
-      },
-      children: /* @__PURE__ */ jsxs16(Stack13, { space: 3, children: [
-        /* @__PURE__ */ jsxs16(Flex12, { align: "center", gap: 2, children: [
-          /* @__PURE__ */ jsx20(
-            Text18,
-            {
-              muted: true,
-              size: 1,
-              style: {
-                letterSpacing: "0.08em",
-                textTransform: "uppercase"
-              },
-              children: label
-            }
-          ),
-          infoTip && /* @__PURE__ */ jsx20(InfoTip, { text: infoTip })
-        ] }),
-        /* @__PURE__ */ jsxs16(Flex12, { align: "baseline", gap: 2, children: [
-          /* @__PURE__ */ jsxs16(
-            "span",
-            {
-              style: {
-                color,
-                fontFamily: "var(--font-code-size, monospace)",
-                fontSize: 42,
-                fontWeight: 700,
-                lineHeight: 1
-              },
-              children: [
-                value,
-                suffix && /* @__PURE__ */ jsx20("span", { style: { fontSize: 24 }, children: suffix })
-              ]
-            }
-          ),
-          delta != null && delta !== 0 && /* @__PURE__ */ jsxs16(
-            "span",
-            {
-              style: {
-                color: deltaColor(delta),
-                fontFamily: "var(--font-code-size, monospace)",
-                fontSize: 15,
-                fontWeight: 500
-              },
-              children: [
-                "~",
-                formatDelta(delta)
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx20(Text18, { muted: true, size: 1, children: subtitle })
-      ] })
-    }
-  );
+  const color = sentiment ? sentimentTextColor(sentiment) : scoreColor(value);
+  const cardStyle = sentiment ? sentimentCardStyle(sentiment) : {
+    backgroundColor: "var(--card-bg2-color, var(--card-bg-color))",
+    border: "1px solid var(--card-border-color)",
+    borderRadius: 6
+  };
+  return /* @__PURE__ */ jsx22(Box12, { padding: 4, style: cardStyle, children: /* @__PURE__ */ jsxs17(Stack13, { space: 3, children: [
+    /* @__PURE__ */ jsx22(
+      Text20,
+      {
+        muted: true,
+        size: 1,
+        style: {
+          letterSpacing: "0.08em",
+          textTransform: "uppercase"
+        },
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxs17(Flex13, { align: "baseline", gap: 2, children: [
+      /* @__PURE__ */ jsxs17(
+        "span",
+        {
+          style: {
+            color,
+            fontFamily: "var(--font-code-size, monospace)",
+            fontSize: 42,
+            fontWeight: 700,
+            lineHeight: 1
+          },
+          children: [
+            value,
+            suffix && /* @__PURE__ */ jsx22("span", { style: { fontSize: 24 }, children: suffix })
+          ]
+        }
+      ),
+      delta != null && delta !== 0 && /* @__PURE__ */ jsx22(DeltaIndicator, { delta, icon: true, mono: true, size: 1 })
+    ] }),
+    /* @__PURE__ */ jsx22(Text20, { muted: true, size: 1, children: subtitle })
+  ] }) });
 }
 function HealthCard({
   color,
   count,
   icon,
-  infoTip,
   label
 }) {
-  const textColor = color === "emerald" ? "#34d399" : color === "amber" ? "#fbbf24" : "#f87171";
-  return /* @__PURE__ */ jsx20(
-    Box11,
+  const TEXT_COLORS = {
+    emerald: "#34d399",
+    amber: "#fbbf24",
+    red: "#f87171",
+    muted: "var(--card-muted-fg-color)"
+  };
+  const textColor = TEXT_COLORS[color];
+  return /* @__PURE__ */ jsx22(
+    Box12,
     {
       padding: 4,
       style: {
         ...sectionStyle(color),
         minHeight: 80
       },
-      children: /* @__PURE__ */ jsxs16(Flex12, { align: "center", gap: 3, children: [
-        /* @__PURE__ */ jsx20("span", { style: { color: textColor, fontSize: 28 }, children: icon }),
-        /* @__PURE__ */ jsxs16(Stack13, { space: 1, children: [
-          /* @__PURE__ */ jsx20(
+      children: /* @__PURE__ */ jsxs17(Flex13, { align: "center", gap: 3, children: [
+        /* @__PURE__ */ jsx22("span", { style: { color: textColor, fontSize: 28 }, children: icon }),
+        /* @__PURE__ */ jsxs17(Stack13, { space: 1, children: [
+          /* @__PURE__ */ jsx22(
             "span",
             {
               style: {
@@ -5401,23 +5563,19 @@ function HealthCard({
               children: count
             }
           ),
-          /* @__PURE__ */ jsxs16(Flex12, { align: "center", gap: 1, children: [
-            /* @__PURE__ */ jsx20(Text18, { muted: true, size: 2, children: label }),
-            infoTip && /* @__PURE__ */ jsx20(InfoTip, { text: infoTip })
-          ] })
+          /* @__PURE__ */ jsx22(Text20, { muted: true, size: 2, children: label })
         ] })
       ] })
     }
   );
 }
 function MetricCard({
-  highlight,
-  infoTip,
   label,
+  sentiment,
   value
 }) {
-  const style = highlight ? {
-    ...sectionStyle("red"),
+  const style = sentiment ? {
+    ...sentimentCardStyle(sentiment),
     padding: 16
   } : {
     backgroundColor: "var(--card-bg2-color, var(--card-bg-color))",
@@ -5425,16 +5583,14 @@ function MetricCard({
     borderRadius: 6,
     padding: 16
   };
-  return /* @__PURE__ */ jsx20(Box11, { style, children: /* @__PURE__ */ jsxs16(Stack13, { space: 2, children: [
-    /* @__PURE__ */ jsxs16(Flex12, { align: "center", gap: 1, children: [
-      /* @__PURE__ */ jsx20(Text18, { muted: true, size: 2, children: label }),
-      infoTip && /* @__PURE__ */ jsx20(InfoTip, { text: infoTip })
-    ] }),
-    /* @__PURE__ */ jsx20(
+  const valueColor = sentiment ? sentimentTextColor(sentiment) : "var(--card-fg-color)";
+  return /* @__PURE__ */ jsx22(Box12, { style, children: /* @__PURE__ */ jsxs17(Stack13, { space: 2, children: [
+    /* @__PURE__ */ jsx22(Text20, { muted: true, size: 2, children: label }),
+    /* @__PURE__ */ jsx22(
       "span",
       {
         style: {
-          color: highlight ? "#f87171" : "var(--card-fg-color)",
+          color: valueColor,
           fontFamily: "var(--font-code-size, monospace)",
           fontSize: 28,
           fontWeight: 600,
@@ -5458,7 +5614,7 @@ function Pill({
     }
   };
   const c = colors[color];
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     "span",
     {
       style: {
@@ -5477,11 +5633,11 @@ function Pill({
 
 // src/components/report-detail/LineageCard.tsx
 import { LinkIcon as LinkIcon2 } from "@sanity/icons";
-import { Badge as Badge6, Card as Card10, Flex as Flex13, Stack as Stack14, Text as Text19 } from "@sanity/ui";
-import { useCallback as useCallback11, useEffect as useEffect6, useState as useState7 } from "react";
+import { Badge as Badge6, Card as Card10, Flex as Flex14, Stack as Stack14, Text as Text21 } from "@sanity/ui";
+import { useCallback as useCallback11, useEffect as useEffect6, useState as useState8 } from "react";
 import { useClient as useClient5 } from "sanity";
 import { useRouter as useRouter2 } from "sanity/router";
-import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 var REPORT_TYPE2 = "ailf.report";
 var SPAWNED_REPORTS_QUERY = (
   /* groq */
@@ -5497,7 +5653,7 @@ function LineageCard({ provenance, reportId }) {
   const { lineage } = provenance;
   const router = useRouter2();
   const client = useClient5({ apiVersion: API_VERSION });
-  const [spawned, setSpawned] = useState7([]);
+  const [spawned, setSpawned] = useState8([]);
   useEffect6(() => {
     let cancelled = false;
     client.fetch(SPAWNED_REPORTS_QUERY, {
@@ -5513,12 +5669,12 @@ function LineageCard({ provenance, reportId }) {
   }, [client, reportId]);
   const hasLineage = lineage?.rerunOf || lineage?.comparedAgainst;
   if (!hasLineage && spawned.length === 0) return null;
-  return /* @__PURE__ */ jsx21(Card10, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs17(Stack14, { space: 4, children: [
-    /* @__PURE__ */ jsx21(Flex13, { align: "center", gap: 2, children: /* @__PURE__ */ jsxs17(Text19, { size: 3, weight: "semibold", children: [
-      /* @__PURE__ */ jsx21(LinkIcon2, {}),
+  return /* @__PURE__ */ jsx23(Card10, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs18(Stack14, { space: 4, children: [
+    /* @__PURE__ */ jsx23(Flex14, { align: "center", gap: 2, children: /* @__PURE__ */ jsxs18(Text21, { size: 3, weight: "semibold", children: [
+      /* @__PURE__ */ jsx23(LinkIcon2, {}),
       " Lineage"
     ] }) }),
-    lineage?.rerunOf && /* @__PURE__ */ jsx21(
+    lineage?.rerunOf && /* @__PURE__ */ jsx23(
       LineageLink,
       {
         label: "Re-run of",
@@ -5526,7 +5682,7 @@ function LineageCard({ provenance, reportId }) {
         router
       }
     ),
-    lineage?.comparedAgainst && /* @__PURE__ */ jsx21(
+    lineage?.comparedAgainst && /* @__PURE__ */ jsx23(
       LineageLink,
       {
         label: "Compared against",
@@ -5534,9 +5690,9 @@ function LineageCard({ provenance, reportId }) {
         router
       }
     ),
-    spawned.length > 0 && /* @__PURE__ */ jsxs17(Stack14, { space: 2, children: [
-      /* @__PURE__ */ jsx21(Text19, { muted: true, size: 1, weight: "semibold", children: "SPAWNED RE-RUNS" }),
-      spawned.map((s) => /* @__PURE__ */ jsx21(SpawnedReportRow, { report: s, router }, s.reportId))
+    spawned.length > 0 && /* @__PURE__ */ jsxs18(Stack14, { space: 2, children: [
+      /* @__PURE__ */ jsx23(Text21, { muted: true, size: 1, weight: "semibold", children: "SPAWNED RE-RUNS" }),
+      spawned.map((s) => /* @__PURE__ */ jsx23(SpawnedReportRow, { report: s, router }, s.reportId))
     ] })
   ] }) });
 }
@@ -5548,12 +5704,12 @@ function LineageLink({
   const handleClick = useCallback11(() => {
     router.navigate({ reportId });
   }, [reportId, router]);
-  return /* @__PURE__ */ jsxs17(Flex13, { align: "center", gap: 2, children: [
-    /* @__PURE__ */ jsxs17(Text19, { muted: true, size: 2, weight: "semibold", children: [
+  return /* @__PURE__ */ jsxs18(Flex14, { align: "center", gap: 2, children: [
+    /* @__PURE__ */ jsxs18(Text21, { muted: true, size: 2, weight: "semibold", children: [
       label,
       ":"
     ] }),
-    /* @__PURE__ */ jsx21(Text19, { size: 2, children: /* @__PURE__ */ jsxs17(
+    /* @__PURE__ */ jsx23(Text21, { size: 2, children: /* @__PURE__ */ jsxs18(
       "a",
       {
         href: "#",
@@ -5579,8 +5735,8 @@ function SpawnedReportRow({
   }, [report.reportId, router]);
   const dateLabel = formatShortDate(report.completedAt);
   const label = report.tag ?? dateLabel;
-  return /* @__PURE__ */ jsxs17(Flex13, { align: "center", gap: 2, children: [
-    /* @__PURE__ */ jsx21(Text19, { size: 2, children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs18(Flex14, { align: "center", gap: 2, children: [
+    /* @__PURE__ */ jsx23(Text21, { size: 2, children: /* @__PURE__ */ jsx23(
       "a",
       {
         href: "#",
@@ -5592,8 +5748,8 @@ function SpawnedReportRow({
         children: label
       }
     ) }),
-    report.tag && /* @__PURE__ */ jsx21(Text19, { muted: true, size: 1, children: dateLabel }),
-    /* @__PURE__ */ jsx21(Badge6, { fontSize: 1, mode: "outline", tone: "default", children: report.reportId.slice(0, 8) })
+    report.tag && /* @__PURE__ */ jsx23(Text21, { muted: true, size: 1, children: dateLabel }),
+    /* @__PURE__ */ jsx23(Badge6, { fontSize: 1, mode: "outline", tone: "default", children: report.reportId.slice(0, 8) })
   ] });
 }
 function formatShortDate(iso) {
@@ -5609,16 +5765,16 @@ function formatShortDate(iso) {
 }
 
 // src/components/report-detail/JudgmentList.tsx
-import { useState as useState8 } from "react";
-import { ErrorOutlineIcon as ErrorOutlineIcon2, HelpCircleIcon as HelpCircleIcon7 } from "@sanity/icons";
-import { Box as Box12, Flex as Flex14, Stack as Stack15, Text as Text20, Tooltip as Tooltip6 } from "@sanity/ui";
+import { useCallback as useCallback12, useEffect as useEffect7, useRef as useRef4, useState as useState9 } from "react";
+import { CopyIcon, ErrorOutlineIcon as ErrorOutlineIcon2, HelpCircleIcon as HelpCircleIcon7 } from "@sanity/icons";
+import { Box as Box13, Button as Button2, Flex as Flex15, Stack as Stack15, Text as Text22, Tooltip as Tooltip7, useToast as useToast2 } from "@sanity/ui";
 
 // src/components/primitives/InlineCode.tsx
-import { Fragment as Fragment7, jsx as jsx22 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx24 } from "react/jsx-runtime";
 function InlineCode({ text }) {
   const parts = text.split(/`([^`]+)`/);
-  return /* @__PURE__ */ jsx22(Fragment7, { children: parts.map(
-    (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx24(Fragment7, { children: parts.map(
+    (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsx24(
       "code",
       {
         style: {
@@ -5630,12 +5786,19 @@ function InlineCode({ text }) {
         children: part
       },
       i
-    ) : /* @__PURE__ */ jsx22("span", { children: part }, i)
+    ) : /* @__PURE__ */ jsx24("span", { children: part }, i)
   ) });
 }
 
 // src/components/report-detail/JudgmentList.tsx
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+function judgmentSlug(j) {
+  const sep = j.taskId.indexOf(" - ");
+  const area = sep > 0 ? j.taskId.substring(0, sep) : j.taskId;
+  const task = sep > 0 ? j.taskId.substring(sep + 3) : j.taskId;
+  const slugify4 = (s) => s.toLowerCase().replace(/[()]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+  return `${slugify4(area)}--${slugify4(task)}--${slugify4(j.dimension)}--${slugify4(j.modelId)}`;
+}
 function groupByArea(judgments) {
   const byArea = /* @__PURE__ */ new Map();
   for (const j of judgments) {
@@ -5647,23 +5810,27 @@ function groupByArea(judgments) {
   return [...byArea.entries()].sort(([a], [b]) => a.localeCompare(b)).map(([area, js]) => [area, js.sort((a, b) => a.score - b.score)]);
 }
 var DIMENSION_LABELS = DIMENSION_LABELS_KEBAB;
-function JudgmentList({ judgments }) {
+function JudgmentList({
+  focus,
+  judgments,
+  onFocusChange
+}) {
   if (judgments.length === 0) return null;
   const grouped = groupByArea(judgments);
-  return /* @__PURE__ */ jsxs18(Stack15, { space: 3, children: [
-    /* @__PURE__ */ jsxs18(Flex14, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx23(ErrorOutlineIcon2, { style: { color: "#f87171" } }),
-      /* @__PURE__ */ jsx23(Text20, { size: 2, weight: "medium", children: "Low-Scoring Judgments" }),
-      /* @__PURE__ */ jsx23(
-        Tooltip6,
+  return /* @__PURE__ */ jsxs19(Stack15, { space: 3, children: [
+    /* @__PURE__ */ jsxs19(Flex15, { align: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx25(ErrorOutlineIcon2, { style: { color: "#f87171" } }),
+      /* @__PURE__ */ jsx25(Text22, { size: 2, weight: "medium", children: "Low-Scoring Judgments" }),
+      /* @__PURE__ */ jsx25(
+        Tooltip7,
         {
-          content: /* @__PURE__ */ jsx23(Box12, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx23(Text20, { size: 2, children: GLOSSARY.lowScoringJudgments }) }),
+          content: /* @__PURE__ */ jsx25(Box13, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx25(Text22, { size: 2, children: GLOSSARY.lowScoringJudgments }) }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsx23(Text20, { muted: true, size: 1, children: /* @__PURE__ */ jsx23(HelpCircleIcon7, {}) })
+          children: /* @__PURE__ */ jsx25(Text22, { muted: true, size: 1, children: /* @__PURE__ */ jsx25(HelpCircleIcon7, {}) })
         }
       ),
-      /* @__PURE__ */ jsxs18(
+      /* @__PURE__ */ jsxs19(
         "span",
         {
           style: {
@@ -5682,16 +5849,16 @@ function JudgmentList({ judgments }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx23(Box12, { style: neutralCardStyle, children: grouped.map(([area, areaJudgments], groupIndex) => /* @__PURE__ */ jsx23(
-      Box12,
+    /* @__PURE__ */ jsx25(Box13, { style: neutralCardStyle, children: grouped.map(([area, areaJudgments], groupIndex) => /* @__PURE__ */ jsx25(
+      Box13,
       {
         padding: 4,
         style: groupIndex > 0 ? dividerStyle : void 0,
-        children: /* @__PURE__ */ jsxs18(Stack15, { space: 3, children: [
-          /* @__PURE__ */ jsxs18(Text20, { size: 2, weight: "semibold", children: [
+        children: /* @__PURE__ */ jsxs19(Stack15, { space: 3, children: [
+          /* @__PURE__ */ jsxs19(Text22, { size: 2, weight: "semibold", children: [
             area,
             " ",
-            /* @__PURE__ */ jsxs18(
+            /* @__PURE__ */ jsxs19(
               "span",
               {
                 style: {
@@ -5706,30 +5873,92 @@ function JudgmentList({ judgments }) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsx23(Stack15, { space: 2, children: areaJudgments.map((j, i) => /* @__PURE__ */ jsx23(JudgmentCard, { judgment: j }, `${area}-${i}`)) })
+          /* @__PURE__ */ jsx25(Stack15, { space: 2, children: areaJudgments.map((j) => {
+            const slug = judgmentSlug(j);
+            return /* @__PURE__ */ jsx25(
+              JudgmentCard,
+              {
+                focused: slug === focus,
+                judgment: j,
+                onFocusChange,
+                slug
+              },
+              slug
+            );
+          }) })
         ] })
       },
       area
     )) })
   ] });
 }
-function JudgmentCard({ judgment }) {
-  const [expanded, setExpanded] = useState8(false);
+function JudgmentCard({
+  focused,
+  judgment,
+  onFocusChange,
+  slug
+}) {
+  const [expanded, setExpanded] = useState9(focused);
+  const cardRef = useRef4(null);
+  const toast = useToast2();
   const dimLabel = DIMENSION_LABELS[judgment.dimension] ?? judgment.dimension;
   const sep = judgment.taskId.indexOf(" - ");
   const taskName = sep > 0 ? judgment.taskId.substring(sep + 3) : judgment.taskId;
-  return /* @__PURE__ */ jsx23(
-    Box12,
+  useEffect7(() => {
+    if (focused) {
+      setExpanded(true);
+      const timer = setTimeout(() => {
+        cardRef.current?.scrollIntoView({ behavior: "smooth", block: "center" });
+      }, 100);
+      return () => clearTimeout(timer);
+    }
+  }, []);
+  const handleToggle = useCallback12(() => {
+    setExpanded((prev) => !prev);
+  }, []);
+  const handleCopyLink = useCallback12(
+    (e) => {
+      e.stopPropagation();
+      onFocusChange?.(slug);
+      const url = window.location.href;
+      navigator.clipboard.writeText(url).then(
+        () => {
+          toast.push({
+            closable: true,
+            status: "success",
+            title: "Link copied to clipboard"
+          });
+        },
+        () => {
+          toast.push({
+            closable: true,
+            status: "error",
+            title: "Failed to copy link"
+          });
+        }
+      );
+    },
+    [toast]
+  );
+  return /* @__PURE__ */ jsx25(
+    Box13,
     {
+      id: `judgment-${slug}`,
+      ref: cardRef,
       style: {
         ...neutralCardStyle,
         cursor: "pointer",
-        padding: 16
+        padding: 16,
+        // Highlight ring when focused via deep-link
+        ...focused ? {
+          boxShadow: "0 0 0 2px rgba(96,165,250,0.5)",
+          transition: "box-shadow 300ms ease"
+        } : {}
       },
-      onClick: () => setExpanded(!expanded),
-      children: /* @__PURE__ */ jsxs18(Stack15, { space: 3, children: [
-        /* @__PURE__ */ jsxs18(Flex14, { align: "center", gap: 3, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx23(
+      onClick: handleToggle,
+      children: /* @__PURE__ */ jsxs19(Stack15, { space: 3, children: [
+        /* @__PURE__ */ jsxs19(Flex15, { align: "center", gap: 3, wrap: "wrap", children: [
+          /* @__PURE__ */ jsx25(
             "span",
             {
               style: {
@@ -5744,7 +5973,7 @@ function JudgmentCard({ judgment }) {
               children: judgment.score
             }
           ),
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx25(
             "span",
             {
               style: {
@@ -5757,9 +5986,9 @@ function JudgmentCard({ judgment }) {
               children: dimLabel
             }
           ),
-          /* @__PURE__ */ jsx23(Text20, { size: 2, weight: "medium", children: taskName }),
-          /* @__PURE__ */ jsx23(Text20, { muted: true, size: 1, children: judgment.modelId }),
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx25(Text22, { size: 2, weight: "medium", children: taskName }),
+          /* @__PURE__ */ jsx25(Text22, { muted: true, size: 1, children: judgment.modelId }),
+          /* @__PURE__ */ jsx25(
             "span",
             {
               style: {
@@ -5771,29 +6000,42 @@ function JudgmentCard({ judgment }) {
             }
           )
         ] }),
-        expanded && /* @__PURE__ */ jsxs18(Stack15, { space: 3, children: [
-          /* @__PURE__ */ jsx23(
-            Box12,
+        expanded && /* @__PURE__ */ jsxs19(Stack15, { space: 3, children: [
+          /* @__PURE__ */ jsx25(
+            Box13,
             {
               style: {
                 backgroundColor: "var(--card-muted-bg-color, rgba(255,255,255,0.04))",
                 borderRadius: 4,
                 padding: 16
               },
-              children: /* @__PURE__ */ jsx23(
-                Text20,
+              children: /* @__PURE__ */ jsx25(
+                Text22,
                 {
                   muted: true,
                   size: 2,
                   style: { lineHeight: 1.6, whiteSpace: "pre-wrap" },
-                  children: /* @__PURE__ */ jsx23(InlineCode, { text: judgment.reason })
+                  children: /* @__PURE__ */ jsx25(InlineCode, { text: judgment.reason })
                 }
               )
             }
           ),
-          judgment.canonicalDocs && judgment.canonicalDocs.length > 0 && /* @__PURE__ */ jsxs18(Flex14, { align: "center", gap: 2, wrap: "wrap", children: [
-            /* @__PURE__ */ jsx23(Text20, { muted: true, size: 1, children: "Docs:" }),
-            judgment.canonicalDocs.map((doc) => /* @__PURE__ */ jsx23(DocBadge, { doc }, doc.slug))
+          /* @__PURE__ */ jsxs19(Flex15, { align: "center", gap: 2, wrap: "wrap", children: [
+            judgment.canonicalDocs && judgment.canonicalDocs.length > 0 && /* @__PURE__ */ jsxs19(Fragment8, { children: [
+              /* @__PURE__ */ jsx25(Text22, { muted: true, size: 1, children: "Docs:" }),
+              judgment.canonicalDocs.map((doc) => /* @__PURE__ */ jsx25(DocBadge, { doc }, doc.slug))
+            ] }),
+            /* @__PURE__ */ jsx25("span", { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx25(
+              Button2,
+              {
+                fontSize: 1,
+                icon: CopyIcon,
+                mode: "ghost",
+                onClick: handleCopyLink,
+                padding: 2,
+                text: "Copy Link"
+              }
+            ) })
           ] })
         ] })
       ] })
@@ -5803,10 +6045,10 @@ function JudgmentCard({ judgment }) {
 function DocBadge({
   doc
 }) {
-  const [hovered, setHovered] = useState8(false);
+  const [hovered, setHovered] = useState9(false);
   const isLinked = Boolean(doc.documentId);
   const tooltipLabel = isLinked ? `Edit "${doc.title || doc.slug}"` : doc.title || doc.slug;
-  const badge = /* @__PURE__ */ jsx23(
+  const badge = /* @__PURE__ */ jsx25(
     "span",
     {
       style: {
@@ -5819,13 +6061,13 @@ function DocBadge({
       children: doc.slug
     }
   );
-  return /* @__PURE__ */ jsx23(
-    Tooltip6,
+  return /* @__PURE__ */ jsx25(
+    Tooltip7,
     {
-      content: /* @__PURE__ */ jsx23(Box12, { padding: 2, children: /* @__PURE__ */ jsx23(Text20, { size: 2, children: tooltipLabel }) }),
+      content: /* @__PURE__ */ jsx25(Box13, { padding: 2, children: /* @__PURE__ */ jsx25(Text22, { size: 2, children: tooltipLabel }) }),
       placement: "bottom",
       portal: true,
-      children: isLinked ? /* @__PURE__ */ jsx23(
+      children: isLinked ? /* @__PURE__ */ jsx25(
         "a",
         {
           href: `/intent/edit/id=${doc.documentId}`,
@@ -5841,37 +6083,37 @@ function DocBadge({
           },
           children: badge
         }
-      ) : /* @__PURE__ */ jsx23("span", { children: badge })
+      ) : /* @__PURE__ */ jsx25("span", { children: badge })
     }
   );
 }
 
 // src/components/report-detail/ProvenanceCard.tsx
-import { Card as Card11, Flex as Flex15, Grid as Grid3, Stack as Stack16, Text as Text21 } from "@sanity/ui";
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Card as Card11, Flex as Flex16, Grid as Grid3, Stack as Stack16, Text as Text23 } from "@sanity/ui";
+import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
 var VIEWABLE_PROMPTFOO_MODES = /* @__PURE__ */ new Set(["agentic", "observed"]);
 function ProvenanceCard({ provenance }) {
-  return /* @__PURE__ */ jsx24(Card11, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs19(Stack16, { space: 4, children: [
-    /* @__PURE__ */ jsx24(Text21, { size: 3, weight: "semibold", children: "Provenance" }),
-    /* @__PURE__ */ jsxs19(Grid3, { columns: [1, 2, 3], gap: 4, children: [
-      /* @__PURE__ */ jsx24(Field, { label: "Mode", value: provenance.mode }),
-      /* @__PURE__ */ jsx24(Field, { label: "Source", value: provenance.source.name }),
-      /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx26(Card11, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs20(Stack16, { space: 4, children: [
+    /* @__PURE__ */ jsx26(Text23, { size: 3, weight: "semibold", children: "Provenance" }),
+    /* @__PURE__ */ jsxs20(Grid3, { columns: [1, 2, 3], gap: 4, children: [
+      /* @__PURE__ */ jsx26(Field, { label: "Mode", value: provenance.mode }),
+      /* @__PURE__ */ jsx26(Field, { label: "Source", value: provenance.source.name }),
+      /* @__PURE__ */ jsx26(
         Field,
         {
           label: "Trigger",
           value: provenance.trigger.type + (provenance.trigger.workflow ? ` (${provenance.trigger.workflow})` : "")
         }
       ),
-      /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx26(
         Field,
         {
           label: "Models",
           value: provenance.models.map((m) => m.label).join(", ")
         }
       ),
-      /* @__PURE__ */ jsx24(Field, { label: "Grader Model", mono: true, value: provenance.graderModel }),
-      provenance.contextHash && /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx26(Field, { label: "Grader Model", mono: true, value: provenance.graderModel }),
+      provenance.contextHash && /* @__PURE__ */ jsx26(
         Field,
         {
           label: "Context Hash",
@@ -5880,8 +6122,8 @@ function ProvenanceCard({ provenance }) {
         }
       )
     ] }),
-    provenance.git && /* @__PURE__ */ jsx24(GitInfo, { git: provenance.git }),
-    /* @__PURE__ */ jsx24(PromptfooLinks, { provenance })
+    provenance.git && /* @__PURE__ */ jsx26(GitInfo, { git: provenance.git }),
+    /* @__PURE__ */ jsx26(PromptfooLinks, { provenance })
   ] }) });
 }
 function Field({
@@ -5889,9 +6131,9 @@ function Field({
   mono,
   value
 }) {
-  return /* @__PURE__ */ jsxs19(Stack16, { space: 1, children: [
-    /* @__PURE__ */ jsx24(
-      Text21,
+  return /* @__PURE__ */ jsxs20(Stack16, { space: 1, children: [
+    /* @__PURE__ */ jsx26(
+      Text23,
       {
         muted: true,
         size: 1,
@@ -5900,7 +6142,7 @@ function Field({
         children: label
       }
     ),
-    /* @__PURE__ */ jsx24(Text21, { size: 2, style: mono ? { fontFamily: "monospace" } : void 0, children: value })
+    /* @__PURE__ */ jsx26(Text23, { size: 2, style: mono ? { fontFamily: "monospace" } : void 0, children: value })
   ] });
 }
 function GitInfo({ git }) {
@@ -5908,15 +6150,15 @@ function GitInfo({ git }) {
   const branchUrl = `${repoUrl}/tree/${git.branch}`;
   const commitUrl = `${repoUrl}/commit/${git.sha}`;
   const prUrl = git.prNumber ? `${repoUrl}/pull/${git.prNumber}` : null;
-  return /* @__PURE__ */ jsx24(Card11, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs19(Flex15, { align: "center", gap: 3, wrap: "wrap", children: [
-    /* @__PURE__ */ jsx24(Text21, { muted: true, size: 2, weight: "semibold", children: "Git" }),
-    /* @__PURE__ */ jsxs19(Text21, { size: 2, children: [
-      /* @__PURE__ */ jsx24("a", { href: repoUrl, rel: "noopener noreferrer", target: "_blank", children: git.repo }),
+  return /* @__PURE__ */ jsx26(Card11, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs20(Flex16, { align: "center", gap: 3, wrap: "wrap", children: [
+    /* @__PURE__ */ jsx26(Text23, { muted: true, size: 2, weight: "semibold", children: "Git" }),
+    /* @__PURE__ */ jsxs20(Text23, { size: 2, children: [
+      /* @__PURE__ */ jsx26("a", { href: repoUrl, rel: "noopener noreferrer", target: "_blank", children: git.repo }),
       " / ",
-      /* @__PURE__ */ jsx24("a", { href: branchUrl, rel: "noopener noreferrer", target: "_blank", children: git.branch })
+      /* @__PURE__ */ jsx26("a", { href: branchUrl, rel: "noopener noreferrer", target: "_blank", children: git.branch })
     ] }),
-    /* @__PURE__ */ jsx24(Text21, { muted: true, size: 2, style: { fontFamily: "monospace" }, children: /* @__PURE__ */ jsx24("a", { href: commitUrl, rel: "noopener noreferrer", target: "_blank", children: git.sha.slice(0, 12) }) }),
-    prUrl && /* @__PURE__ */ jsx24(Text21, { size: 2, children: /* @__PURE__ */ jsxs19("a", { href: prUrl, rel: "noopener noreferrer", target: "_blank", children: [
+    /* @__PURE__ */ jsx26(Text23, { muted: true, size: 2, style: { fontFamily: "monospace" }, children: /* @__PURE__ */ jsx26("a", { href: commitUrl, rel: "noopener noreferrer", target: "_blank", children: git.sha.slice(0, 12) }) }),
+    prUrl && /* @__PURE__ */ jsx26(Text23, { size: 2, children: /* @__PURE__ */ jsxs20("a", { href: prUrl, rel: "noopener noreferrer", target: "_blank", children: [
       "PR #",
       git.prNumber,
       " \u2192"
@@ -5931,14 +6173,14 @@ function PromptfooLinks({
       (e) => VIEWABLE_PROMPTFOO_MODES.has(e.mode)
     );
     if (viewable.length === 0) return null;
-    return /* @__PURE__ */ jsx24(Flex15, { gap: 3, wrap: "wrap", children: viewable.map((entry) => /* @__PURE__ */ jsx24(Text21, { size: 2, children: /* @__PURE__ */ jsxs19("a", { href: entry.url, rel: "noopener noreferrer", target: "_blank", children: [
+    return /* @__PURE__ */ jsx26(Flex16, { gap: 3, wrap: "wrap", children: viewable.map((entry) => /* @__PURE__ */ jsx26(Text23, { size: 2, children: /* @__PURE__ */ jsxs20("a", { href: entry.url, rel: "noopener noreferrer", target: "_blank", children: [
       "View in Promptfoo (",
       entry.mode,
       ") \u2192"
     ] }) }, entry.mode)) });
   }
   if (provenance.promptfooUrl && VIEWABLE_PROMPTFOO_MODES.has(provenance.mode)) {
-    return /* @__PURE__ */ jsx24(Text21, { size: 2, children: /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx26(Text23, { size: 2, children: /* @__PURE__ */ jsx26(
       "a",
       {
         href: provenance.promptfooUrl,
@@ -5952,65 +6194,31 @@ function PromptfooLinks({
 }
 
 // src/components/report-detail/RecommendationsSection.tsx
-import { HelpCircleIcon as HelpCircleIcon8, BoltIcon } from "@sanity/icons";
-import { Box as Box14, Flex as Flex16, Stack as Stack17, Text as Text23, Tooltip as Tooltip8 } from "@sanity/ui";
-
-// src/components/report-detail/HoverTip.tsx
-import { useState as useState9 } from "react";
-import { Box as Box13, Text as Text22, Tooltip as Tooltip7 } from "@sanity/ui";
-import { jsx as jsx25 } from "react/jsx-runtime";
-function HoverTip({
-  text,
-  children,
-  placement = "bottom"
-}) {
-  const [hovered, setHovered] = useState9(false);
-  return /* @__PURE__ */ jsx25(
-    Tooltip7,
-    {
-      content: /* @__PURE__ */ jsx25(Box13, { padding: 2, style: { maxWidth: 280 }, children: typeof text === "string" ? /* @__PURE__ */ jsx25(Text22, { size: 2, children: text }) : text }),
-      placement,
-      portal: true,
-      children: /* @__PURE__ */ jsx25(
-        "span",
-        {
-          onMouseEnter: () => setHovered(true),
-          onMouseLeave: () => setHovered(false),
-          style: {
-            borderRadius: 4,
-            cursor: "help",
-            display: "inline-flex",
-            outline: hovered ? "1px solid rgba(255,255,255,0.15)" : "1px solid transparent",
-            transition: "background 150ms ease, outline 150ms ease",
-            ...hovered ? { background: "rgba(255,255,255,0.06)" } : {}
-          },
-          children
-        }
-      )
-    }
-  );
+import { BoltIcon } from "@sanity/icons";
+import { Box as Box14, Flex as Flex17, Stack as Stack17, Text as Text24 } from "@sanity/ui";
+import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+function tableTier(width) {
+  if (width >= 800) return "full";
+  if (width >= 600) return "compact";
+  return "narrow";
 }
-
-// src/components/report-detail/RecommendationsSection.tsx
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+var GRID2 = {
+  full: "1fr 1fr 2fr 72px 90px",
+  compact: "1fr 1fr 2fr 90px",
+  narrow: "1fr 1fr"
+};
 function RecommendationsSection({
   recommendations
 }) {
+  const { ref, width } = useContainerWidth();
+  const tier = tableTier(width);
   if (recommendations.gaps.length === 0) return null;
-  return /* @__PURE__ */ jsxs20(Stack17, { space: 3, children: [
-    /* @__PURE__ */ jsxs20(Flex16, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx26(BoltIcon, { style: { color: "#fbbf24" } }),
-      /* @__PURE__ */ jsx26(Text23, { size: 2, weight: "medium", children: "Recommendations" }),
-      /* @__PURE__ */ jsx26(
-        Tooltip8,
-        {
-          content: /* @__PURE__ */ jsx26(Box14, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx26(Text23, { size: 2, children: GLOSSARY.recommendations }) }),
-          placement: "bottom",
-          portal: true,
-          children: /* @__PURE__ */ jsx26(Text23, { muted: true, size: 1, children: /* @__PURE__ */ jsx26(HelpCircleIcon8, {}) })
-        }
-      ),
-      /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(Stack17, { space: 3, children: [
+    /* @__PURE__ */ jsxs21(Flex17, { align: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx27(BoltIcon, { style: { color: "#fbbf24" } }),
+      /* @__PURE__ */ jsx27(Text24, { size: 2, weight: "medium", children: "Recommendations" }),
+      /* @__PURE__ */ jsx27(InfoTip, { text: GLOSSARY.recommendations }),
+      /* @__PURE__ */ jsxs21(
         "span",
         {
           style: {
@@ -6030,61 +6238,48 @@ function RecommendationsSection({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs20(Box14, { style: neutralCardStyle, children: [
-      /* @__PURE__ */ jsxs20(
-        Flex16,
+    /* @__PURE__ */ jsxs21(Box14, { ref, style: { ...neutralCardStyle, overflow: "auto" }, children: [
+      /* @__PURE__ */ jsxs21(
+        "div",
         {
-          align: "center",
-          gap: 3,
-          padding: 4,
-          style: { borderBottom: "1px solid var(--card-border-color)" },
+          style: {
+            borderBottom: "1px solid var(--card-border-color)",
+            display: "grid",
+            gap: "0 12px",
+            gridTemplateColumns: GRID2[tier],
+            padding: "12px 16px 8px"
+          },
           children: [
-            /* @__PURE__ */ jsx26(Box14, { style: { width: 32 }, children: /* @__PURE__ */ jsx26(Text23, { muted: true, size: 1, children: "#" }) }),
-            /* @__PURE__ */ jsx26(Box14, { flex: 2, children: /* @__PURE__ */ jsx26(Text23, { muted: true, size: 1, children: "Area" }) }),
-            /* @__PURE__ */ jsx26(Box14, { flex: 2, children: /* @__PURE__ */ jsxs20(Flex16, { align: "center", gap: 1, children: [
-              /* @__PURE__ */ jsx26(Text23, { muted: true, size: 1, children: "Failure Mode" }),
-              /* @__PURE__ */ jsx26(
-                Tooltip8,
-                {
-                  content: /* @__PURE__ */ jsx26(Box14, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx26(Text23, { size: 2, children: GLOSSARY.failureMode }) }),
-                  placement: "bottom",
-                  portal: true,
-                  children: /* @__PURE__ */ jsx26(Text23, { muted: true, size: 1, children: /* @__PURE__ */ jsx26(HelpCircleIcon8, {}) })
-                }
-              )
-            ] }) }),
-            /* @__PURE__ */ jsx26(Box14, { flex: 2, children: /* @__PURE__ */ jsx26(Text23, { muted: true, size: 1, children: "Action" }) }),
-            /* @__PURE__ */ jsx26(Box14, { style: { textAlign: "right", width: 72 }, children: /* @__PURE__ */ jsxs20(Flex16, { align: "center", gap: 1, justify: "flex-end", children: [
-              /* @__PURE__ */ jsx26(Text23, { muted: true, size: 1, children: "Lift" }),
-              /* @__PURE__ */ jsx26(
-                Tooltip8,
-                {
-                  content: /* @__PURE__ */ jsx26(Box14, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx26(Text23, { size: 2, children: GLOSSARY.estimatedLift }) }),
-                  placement: "bottom",
-                  portal: true,
-                  children: /* @__PURE__ */ jsx26(Text23, { muted: true, size: 1, children: /* @__PURE__ */ jsx26(HelpCircleIcon8, {}) })
-                }
-              )
-            ] }) }),
-            /* @__PURE__ */ jsx26(Box14, { style: { textAlign: "right", width: 90 }, children: /* @__PURE__ */ jsxs20(Flex16, { align: "center", gap: 1, justify: "flex-end", children: [
-              /* @__PURE__ */ jsx26(Text23, { muted: true, size: 1, children: "Confidence" }),
-              /* @__PURE__ */ jsx26(
-                Tooltip8,
-                {
-                  content: /* @__PURE__ */ jsx26(Box14, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx26(Text23, { size: 2, children: GLOSSARY.confidence }) }),
-                  placement: "bottom",
-                  portal: true,
-                  children: /* @__PURE__ */ jsx26(Text23, { muted: true, size: 1, children: /* @__PURE__ */ jsx26(HelpCircleIcon8, {}) })
-                }
-              )
-            ] }) })
+            /* @__PURE__ */ jsx27(ColHeader2, { label: "Area" }),
+            /* @__PURE__ */ jsx27(ColHeader2, { label: "Failure Mode", tooltip: GLOSSARY.failureMode }),
+            tier !== "narrow" && /* @__PURE__ */ jsx27(ColHeader2, { label: "Action" }),
+            tier === "full" && /* @__PURE__ */ jsx27(ColHeader2, { label: "Lift", tooltip: GLOSSARY.estimatedLift }),
+            tier !== "narrow" && /* @__PURE__ */ jsx27(ColHeader2, { label: "Confidence", tooltip: GLOSSARY.confidence })
           ]
         }
       ),
-      recommendations.gaps.map((gap, i) => /* @__PURE__ */ jsx26(RecommendationRow, { gap, index: i }, `gap-${i}`))
+      recommendations.gaps.map((gap, i) => /* @__PURE__ */ jsx27(RecommendationRow, { gap, index: i, tier }, `gap-${i}`))
     ] })
   ] });
 }
+function ColHeader2({ label, tooltip }) {
+  return /* @__PURE__ */ jsxs21(Flex17, { align: "center", gap: 1, children: [
+    /* @__PURE__ */ jsx27(
+      Text24,
+      {
+        muted: true,
+        size: 1,
+        style: {
+          letterSpacing: "0.06em",
+          textTransform: "uppercase"
+        },
+        weight: "semibold",
+        children: label
+      }
+    ),
+    tooltip && /* @__PURE__ */ jsx27(InfoTip, { text: tooltip })
+  ] });
+}
 var FAILURE_MODE_COLORS = {
   "missing-docs": { bg: "rgba(239,68,68,0.2)", text: "#f87171" },
   "incorrect-docs": { bg: "rgba(239,68,68,0.2)", text: "#f87171" },
@@ -6103,8 +6298,8 @@ var FAILURE_MODE_DESCS = {
 function failureModeTip(mode) {
   const desc = FAILURE_MODE_DESCS[mode];
   if (!desc) return GLOSSARY.failureMode;
-  return /* @__PURE__ */ jsxs20(Text23, { size: 2, style: { lineHeight: 1.5 }, children: [
-    /* @__PURE__ */ jsx26("span", { style: fmLabel, children: mode }),
+  return /* @__PURE__ */ jsxs21(Text24, { size: 2, style: { lineHeight: 1.5 }, children: [
+    /* @__PURE__ */ jsx27("span", { style: fmLabel, children: mode }),
     " \u2014 ",
     desc
   ] });
@@ -6118,10 +6313,10 @@ function confidenceTip(level) {
   const desc = CONFIDENCE_DESCS[level];
   if (!desc) return GLOSSARY.confidence;
   const icons = { high: "\u{1F7E2}", medium: "\u{1F7E1}", low: "\u{1F534}" };
-  return /* @__PURE__ */ jsxs20(Text23, { size: 2, style: { lineHeight: 1.5 }, children: [
+  return /* @__PURE__ */ jsxs21(Text24, { size: 2, style: { lineHeight: 1.5 }, children: [
     icons[level],
     " ",
-    /* @__PURE__ */ jsxs20("span", { style: fmLabel, children: [
+    /* @__PURE__ */ jsxs21("span", { style: fmLabel, children: [
       level,
       " confidence"
     ] }),
@@ -6131,24 +6326,28 @@ function confidenceTip(level) {
 }
 function RecommendationRow({
   gap,
-  index
+  index,
+  tier
 }) {
   const confIcon = gap.confidence === "high" ? "\u{1F7E2}" : gap.confidence === "medium" ? "\u{1F7E1}" : "\u{1F534}";
   const fmColors = FAILURE_MODE_COLORS[gap.failureMode] ?? {
     bg: "var(--card-muted-bg-color)",
     text: "var(--card-muted-fg-color)"
   };
-  return /* @__PURE__ */ jsxs20(
-    Flex16,
+  return /* @__PURE__ */ jsxs21(
+    "div",
     {
-      align: "center",
-      gap: 3,
-      padding: 4,
-      style: index > 0 ? dividerStyle : void 0,
+      style: {
+        alignItems: "center",
+        display: "grid",
+        gap: "0 12px",
+        gridTemplateColumns: GRID2[tier],
+        padding: "10px 16px",
+        ...index > 0 ? dividerStyle : {}
+      },
       children: [
-        /* @__PURE__ */ jsx26(Box14, { style: { width: 32 }, children: /* @__PURE__ */ jsx26(Text23, { muted: true, size: 2, children: index + 1 }) }),
-        /* @__PURE__ */ jsx26(Box14, { flex: 2, children: /* @__PURE__ */ jsx26(Text23, { size: 2, weight: "medium", children: gap.area }) }),
-        /* @__PURE__ */ jsx26(Box14, { flex: 2, children: /* @__PURE__ */ jsx26(HoverTip, { text: failureModeTip(gap.failureMode), children: /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx27(Text24, { size: 2, weight: "medium", children: gap.area }),
+        /* @__PURE__ */ jsx27(HoverTip, { text: failureModeTip(gap.failureMode), children: /* @__PURE__ */ jsx27(
           "span",
           {
             style: {
@@ -6161,9 +6360,9 @@ function RecommendationRow({
             },
             children: gap.failureMode
           }
-        ) }) }),
-        /* @__PURE__ */ jsx26(Box14, { flex: 2, children: /* @__PURE__ */ jsx26(Text23, { muted: true, size: 2, children: gap.remediation }) }),
-        /* @__PURE__ */ jsx26(Box14, { style: { textAlign: "right", width: 72 }, children: /* @__PURE__ */ jsxs20(
+        ) }),
+        tier !== "narrow" && /* @__PURE__ */ jsx27(Text24, { muted: true, size: 2, children: gap.remediation }),
+        tier === "full" && /* @__PURE__ */ jsxs21(
           "span",
           {
             style: {
@@ -6173,52 +6372,53 @@ function RecommendationRow({
               fontFamily: "var(--font-code-size, monospace)",
               fontSize: 14,
               fontWeight: 600,
-              padding: "3px 8px"
+              padding: "3px 8px",
+              textAlign: "right"
             },
             children: [
               "+",
               gap.estimatedLift.toFixed(1)
             ]
           }
-        ) }),
-        /* @__PURE__ */ jsx26(Box14, { style: { textAlign: "right", width: 90 }, children: /* @__PURE__ */ jsx26(HoverTip, { text: confidenceTip(gap.confidence), children: /* @__PURE__ */ jsxs20(Text23, { size: 2, children: [
+        ),
+        tier !== "narrow" && /* @__PURE__ */ jsx27(HoverTip, { text: confidenceTip(gap.confidence), children: /* @__PURE__ */ jsxs21(Text24, { size: 2, children: [
           confIcon,
           " ",
           gap.confidence
-        ] }) }) })
+        ] }) })
       ]
     }
   );
 }
 
-// src/components/report-detail/ReportHeader.tsx
-import { ArrowLeftIcon } from "@sanity/icons";
-import { Badge as Badge7, Button as Button4, Flex as Flex19, Stack as Stack19, Text as Text25 } from "@sanity/ui";
+// src/components/report-detail/report-actions/ActionButton.tsx
+import { Button as Button3, useToast as useToast3 } from "@sanity/ui";
+import { jsx as jsx28 } from "react/jsx-runtime";
 
 // src/components/report-detail/report-actions/ReportActions.tsx
-import { ChevronDownIcon, CopyIcon as CopyIcon2 } from "@sanity/icons";
+import { ChevronDownIcon, CopyIcon as CopyIcon3 } from "@sanity/icons";
 import {
-  Button as Button3,
-  Flex as Flex18,
+  Button as Button5,
+  Flex as Flex19,
   Menu,
   MenuButton,
   MenuDivider,
-  useToast as useToast7
+  useToast as useToast9
 } from "@sanity/ui";
-import { useCallback as useCallback17, useState as useState13 } from "react";
+import { useCallback as useCallback18, useState as useState13 } from "react";
 import { useClient as useClient9 } from "sanity";
 
 // src/components/report-detail/report-actions/CopyReportAction.tsx
 import { ClipboardIcon } from "@sanity/icons";
-import { MenuItem, useToast as useToast2 } from "@sanity/ui";
-import { useCallback as useCallback12, useState as useState10 } from "react";
+import { MenuItem, useToast as useToast4 } from "@sanity/ui";
+import { useCallback as useCallback13, useState as useState10 } from "react";
 import { useClient as useClient6 } from "sanity";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function CopyReportAction({ documentId }) {
   const client = useClient6({ apiVersion: API_VERSION });
-  const toast = useToast2();
+  const toast = useToast4();
   const [copying, setCopying] = useState10(false);
-  const handleClick = useCallback12(async () => {
+  const handleClick = useCallback13(async () => {
     setCopying(true);
     try {
       const doc = await client.fetch(
@@ -6250,7 +6450,7 @@ function CopyReportAction({ documentId }) {
       setCopying(false);
     }
   }, [client, documentId, toast]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx29(
     MenuItem,
     {
       disabled: copying,
@@ -6262,13 +6462,13 @@ function CopyReportAction({ documentId }) {
 }
 
 // src/components/report-detail/report-actions/CopyReportIdAction.tsx
-import { CopyIcon } from "@sanity/icons";
-import { MenuItem as MenuItem2, useToast as useToast3 } from "@sanity/ui";
-import { useCallback as useCallback13 } from "react";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { CopyIcon as CopyIcon2 } from "@sanity/icons";
+import { MenuItem as MenuItem2, useToast as useToast5 } from "@sanity/ui";
+import { useCallback as useCallback14 } from "react";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function CopyReportIdAction({ reportId }) {
-  const toast = useToast3();
-  const handleClick = useCallback13(() => {
+  const toast = useToast5();
+  const handleClick = useCallback14(() => {
     navigator.clipboard.writeText(reportId).then(
       () => {
         toast.push({
@@ -6286,19 +6486,19 @@ function CopyReportIdAction({ reportId }) {
       }
     );
   }, [reportId, toast]);
-  return /* @__PURE__ */ jsx28(MenuItem2, { icon: CopyIcon, onClick: handleClick, text: "Copy report ID" });
+  return /* @__PURE__ */ jsx30(MenuItem2, { icon: CopyIcon2, onClick: handleClick, text: "Copy report ID" });
 }
 
 // src/components/report-detail/report-actions/CopyVisionQueryAction.tsx
 import { SearchIcon as SearchIcon4 } from "@sanity/icons";
-import { MenuItem as MenuItem3, useToast as useToast4 } from "@sanity/ui";
-import { useCallback as useCallback14 } from "react";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { MenuItem as MenuItem3, useToast as useToast6 } from "@sanity/ui";
+import { useCallback as useCallback15 } from "react";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function CopyVisionQueryAction({
   reportId
 }) {
-  const toast = useToast4();
-  const handleClick = useCallback14(() => {
+  const toast = useToast6();
+  const handleClick = useCallback15(() => {
     const query = `*[_type == "ailf.report" && reportId == "${reportId}"][0]`;
     navigator.clipboard.writeText(query).then(
       () => {
@@ -6318,7 +6518,7 @@ function CopyVisionQueryAction({
       }
     );
   }, [reportId, toast]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx31(
     MenuItem3,
     {
       icon: SearchIcon4,
@@ -6329,25 +6529,25 @@ function CopyVisionQueryAction({
 }
 
 // src/components/report-detail/report-actions/DeleteConfirmDialog.tsx
-import { Box as Box15, Button as Button2, Card as Card12, Dialog, Flex as Flex17, Stack as Stack18, Text as Text24 } from "@sanity/ui";
-import { jsx as jsx30, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Box as Box15, Button as Button4, Card as Card12, Dialog, Flex as Flex18, Stack as Stack18, Text as Text25 } from "@sanity/ui";
+import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
 function DeleteConfirmDialog({
   isDeleting,
   onClose,
   onConfirm,
   reportId
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     Dialog,
     {
       header: "Delete Report",
       id: "delete-report-dialog",
       onClose,
       width: 1,
-      children: /* @__PURE__ */ jsx30(Box15, { padding: 4, children: /* @__PURE__ */ jsxs21(Stack18, { space: 4, children: [
-        /* @__PURE__ */ jsx30(Text24, { children: "Are you sure you want to delete this report? This action cannot be undone." }),
-        /* @__PURE__ */ jsx30(Card12, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx30(
-          Text24,
+      children: /* @__PURE__ */ jsx32(Box15, { padding: 4, children: /* @__PURE__ */ jsxs22(Stack18, { space: 4, children: [
+        /* @__PURE__ */ jsx32(Text25, { children: "Are you sure you want to delete this report? This action cannot be undone." }),
+        /* @__PURE__ */ jsx32(Card12, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx32(
+          Text25,
           {
             muted: true,
             size: 1,
@@ -6355,9 +6555,9 @@ function DeleteConfirmDialog({
             children: reportId
           }
         ) }),
-        /* @__PURE__ */ jsxs21(Flex17, { gap: 2, justify: "flex-end", children: [
-          /* @__PURE__ */ jsx30(
-            Button2,
+        /* @__PURE__ */ jsxs22(Flex18, { gap: 2, justify: "flex-end", children: [
+          /* @__PURE__ */ jsx32(
+            Button4,
             {
               disabled: isDeleting,
               mode: "ghost",
@@ -6365,8 +6565,8 @@ function DeleteConfirmDialog({
               text: "Cancel"
             }
           ),
-          /* @__PURE__ */ jsx30(
-            Button2,
+          /* @__PURE__ */ jsx32(
+            Button4,
             {
               disabled: isDeleting,
               onClick: onConfirm,
@@ -6383,11 +6583,11 @@ function DeleteConfirmDialog({
 // src/components/report-detail/report-actions/DeleteReportAction.tsx
 import { TrashIcon } from "@sanity/icons";
 import { MenuItem as MenuItem4 } from "@sanity/ui";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function DeleteReportAction({
   onRequestDelete
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx33(
     MenuItem4,
     {
       icon: TrashIcon,
@@ -6400,18 +6600,18 @@ function DeleteReportAction({
 
 // src/components/report-detail/report-actions/DownloadReportAction.tsx
 import { DownloadIcon } from "@sanity/icons";
-import { MenuItem as MenuItem5, useToast as useToast5 } from "@sanity/ui";
-import { useCallback as useCallback15, useState as useState11 } from "react";
+import { MenuItem as MenuItem5, useToast as useToast7 } from "@sanity/ui";
+import { useCallback as useCallback16, useState as useState11 } from "react";
 import { useClient as useClient7 } from "sanity";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function DownloadReportAction({
   documentId,
   reportId
 }) {
   const client = useClient7({ apiVersion: API_VERSION });
-  const toast = useToast5();
+  const toast = useToast7();
   const [downloading, setDownloading] = useState11(false);
-  const handleClick = useCallback15(async () => {
+  const handleClick = useCallback16(async () => {
     setDownloading(true);
     try {
       const doc = await client.fetch(
@@ -6451,7 +6651,7 @@ function DownloadReportAction({
       setDownloading(false);
     }
   }, [client, documentId, reportId, toast]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx34(
     MenuItem5,
     {
       disabled: downloading,
@@ -6464,8 +6664,8 @@ function DownloadReportAction({
 
 // src/components/report-detail/report-actions/RerunEvaluationAction.tsx
 import { PlayIcon as PlayIcon2 } from "@sanity/icons";
-import { MenuItem as MenuItem6, useToast as useToast6 } from "@sanity/ui";
-import { useCallback as useCallback16, useState as useState12 } from "react";
+import { MenuItem as MenuItem6, useToast as useToast8 } from "@sanity/ui";
+import { useCallback as useCallback17, useState as useState12 } from "react";
 import { useClient as useClient8, useCurrentUser as useCurrentUser3 } from "sanity";
 
 // src/lib/eval-scope.ts
@@ -6481,7 +6681,7 @@ function extractEvalScope(provenance) {
 }
 
 // src/components/report-detail/report-actions/RerunEvaluationAction.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var EVAL_REQUEST_TYPE2 = "ailf.evalRequest";
 function slugify2(s) {
   return s.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 40);
@@ -6519,9 +6719,9 @@ function RerunEvaluationAction({
 }) {
   const client = useClient8({ apiVersion: API_VERSION });
   const currentUser = useCurrentUser3();
-  const toast = useToast6();
+  const toast = useToast8();
   const [requesting, setRequesting] = useState12(false);
-  const handleClick = useCallback16(async () => {
+  const handleClick = useCallback17(async () => {
     setRequesting(true);
     try {
       const scope = extractEvalScope(provenance);
@@ -6548,7 +6748,7 @@ function RerunEvaluationAction({
       setRequesting(false);
     }
   }, [client, currentUser?.id, provenance, reportId, toast]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx35(
     MenuItem6,
     {
       disabled: requesting,
@@ -6560,7 +6760,7 @@ function RerunEvaluationAction({
 }
 
 // src/components/report-detail/report-actions/ReportActions.tsx
-import { Fragment as Fragment8, jsx as jsx34, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
 function ReportActions({
   documentId,
   onDeleted,
@@ -6568,8 +6768,8 @@ function ReportActions({
   reportId
 }) {
   const client = useClient9({ apiVersion: API_VERSION });
-  const toast = useToast7();
-  const handleCopyId = useCallback17(() => {
+  const toast = useToast9();
+  const handleCopyId = useCallback18(() => {
     navigator.clipboard.writeText(reportId).then(
       () => {
         toast.push({
@@ -6589,13 +6789,13 @@ function ReportActions({
   }, [reportId, toast]);
   const [deleteDialogOpen, setDeleteDialogOpen] = useState13(false);
   const [deleting, setDeleting] = useState13(false);
-  const handleRequestDelete = useCallback17(() => {
+  const handleRequestDelete = useCallback18(() => {
     setDeleteDialogOpen(true);
   }, []);
-  const handleDeleteClose = useCallback17(() => {
+  const handleDeleteClose = useCallback18(() => {
     if (!deleting) setDeleteDialogOpen(false);
   }, [deleting]);
-  const handleDeleteConfirm = useCallback17(async () => {
+  const handleDeleteConfirm = useCallback18(async () => {
     setDeleting(true);
     try {
       await client.delete(documentId);
@@ -6616,12 +6816,12 @@ function ReportActions({
       setDeleting(false);
     }
   }, [client, documentId, onDeleted, toast]);
-  return /* @__PURE__ */ jsxs22(Fragment8, { children: [
-    /* @__PURE__ */ jsxs22(Flex18, { children: [
-      /* @__PURE__ */ jsx34(
-        Button3,
+  return /* @__PURE__ */ jsxs23(Fragment9, { children: [
+    /* @__PURE__ */ jsxs23(Flex19, { children: [
+      /* @__PURE__ */ jsx36(
+        Button5,
         {
-          icon: CopyIcon2,
+          icon: CopyIcon3,
           mode: "ghost",
           onClick: handleCopyId,
           style: {
@@ -6632,11 +6832,11 @@ function ReportActions({
           text: "Copy Report ID"
         }
       ),
-      /* @__PURE__ */ jsx34(
+      /* @__PURE__ */ jsx36(
         MenuButton,
         {
-          button: /* @__PURE__ */ jsx34(
-            Button3,
+          button: /* @__PURE__ */ jsx36(
+            Button5,
             {
               icon: ChevronDownIcon,
               mode: "ghost",
@@ -6648,33 +6848,33 @@ function ReportActions({
             }
           ),
           id: "report-actions-menu",
-          menu: /* @__PURE__ */ jsxs22(Menu, { children: [
-            /* @__PURE__ */ jsx34(CopyReportIdAction, { reportId }),
-            /* @__PURE__ */ jsx34(
+          menu: /* @__PURE__ */ jsxs23(Menu, { children: [
+            /* @__PURE__ */ jsx36(CopyReportIdAction, { reportId }),
+            /* @__PURE__ */ jsx36(
               RerunEvaluationAction,
               {
                 provenance,
                 reportId
               }
             ),
-            /* @__PURE__ */ jsx34(MenuDivider, {}),
-            /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx36(MenuDivider, {}),
+            /* @__PURE__ */ jsx36(
               DownloadReportAction,
               {
                 documentId,
                 reportId
               }
             ),
-            /* @__PURE__ */ jsx34(CopyReportAction, { documentId }),
-            /* @__PURE__ */ jsx34(CopyVisionQueryAction, { reportId }),
-            /* @__PURE__ */ jsx34(MenuDivider, {}),
-            /* @__PURE__ */ jsx34(DeleteReportAction, { onRequestDelete: handleRequestDelete })
+            /* @__PURE__ */ jsx36(CopyReportAction, { documentId }),
+            /* @__PURE__ */ jsx36(CopyVisionQueryAction, { reportId }),
+            /* @__PURE__ */ jsx36(MenuDivider, {}),
+            /* @__PURE__ */ jsx36(DeleteReportAction, { onRequestDelete: handleRequestDelete })
           ] }),
           popover: { placement: "bottom-end", portal: true }
         }
       )
     ] }),
-    deleteDialogOpen && /* @__PURE__ */ jsx34(
+    deleteDialogOpen && /* @__PURE__ */ jsx36(
       DeleteConfirmDialog,
       {
         isDeleting: deleting,
@@ -6687,66 +6887,51 @@ function ReportActions({
 }
 
 // src/components/report-detail/ReportHeader.tsx
-import { jsx as jsx35, jsxs as jsxs23 } from "react/jsx-runtime";
-function ReportHeader({
-  completedAt,
-  documentId,
-  mode,
-  onBack,
-  onDeleted,
-  provenance,
-  reportId,
-  sourceName,
-  tag
-}) {
+import { ArrowLeftIcon } from "@sanity/icons";
+import { Button as Button6, Flex as Flex20, Stack as Stack19, Text as Text26 } from "@sanity/ui";
+import { jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
+function ReportHeader({ completedAt, onBack, tag }) {
   const dateLabel = formatCardDate(completedAt);
   const title = tag ?? dateLabel;
   const hasTag = Boolean(tag);
-  return /* @__PURE__ */ jsxs23(Flex19, { align: "center", gap: 3, children: [
-    /* @__PURE__ */ jsx35(Button4, { icon: ArrowLeftIcon, mode: "bleed", onClick: onBack, text: "Back" }),
-    /* @__PURE__ */ jsxs23(Stack19, { flex: 1, space: 1, children: [
-      /* @__PURE__ */ jsx35(Text25, { size: 4, weight: "bold", children: title }),
-      hasTag && /* @__PURE__ */ jsx35(Text25, { muted: true, size: 2, children: dateLabel })
-    ] }),
-    /* @__PURE__ */ jsxs23(Flex19, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx35(Badge7, { mode: "outline", tone: "default", children: sourceName }),
-      /* @__PURE__ */ jsx35(Badge7, { tone: "primary", children: mode }),
-      /* @__PURE__ */ jsx35(
-        ReportActions,
-        {
-          documentId,
-          onDeleted,
-          provenance,
-          reportId
-        }
-      )
+  return /* @__PURE__ */ jsxs24(Flex20, { align: "center", gap: 3, children: [
+    /* @__PURE__ */ jsx37(Button6, { icon: ArrowLeftIcon, mode: "bleed", onClick: onBack, text: "Back" }),
+    /* @__PURE__ */ jsxs24(Stack19, { flex: 1, space: 1, children: [
+      /* @__PURE__ */ jsx37(Text26, { size: 4, weight: "bold", children: title }),
+      hasTag && /* @__PURE__ */ jsx37(Text26, { muted: true, size: 2, children: dateLabel })
     ] })
   ] });
 }
 
 // src/components/report-detail/StrengthsList.tsx
-import { CheckmarkCircleIcon as CheckmarkCircleIcon2, SearchIcon as SearchIcon5, ChartUpwardIcon } from "@sanity/icons";
-import { Box as Box17, Flex as Flex21, Stack as Stack21, Text as Text27 } from "@sanity/ui";
+import { CheckmarkCircleIcon as CheckmarkCircleIcon2, SearchIcon as SearchIcon5 } from "@sanity/icons";
+import { Box as Box17, Flex as Flex22, Stack as Stack21, Text as Text28 } from "@sanity/ui";
 
 // src/components/report-detail/StrengthsTable.tsx
 import {
-  useCallback as useCallback18,
+  useCallback as useCallback19,
   useMemo as useMemo6,
   useState as useState14
 } from "react";
 import { WarningOutlineIcon as WarningOutlineIcon2 } from "@sanity/icons";
-import { Box as Box16, Flex as Flex20, Stack as Stack20, Text as Text26 } from "@sanity/ui";
-import { jsx as jsx36, jsxs as jsxs24 } from "react/jsx-runtime";
-var GRID2 = "96px 1fr 1fr 1fr 1fr 80px 120px 80px";
-function StrengthsTable({
-  scores,
-  improved = [],
-  regressed = [],
-  unchanged = []
-}) {
+import { Box as Box16, Flex as Flex21, Stack as Stack20, Text as Text27 } from "@sanity/ui";
+import { Fragment as Fragment10, jsx as jsx38, jsxs as jsxs25 } from "react/jsx-runtime";
+function tableTier2(width) {
+  if (width >= 900) return "full";
+  if (width >= 600) return "compact";
+  return "narrow";
+}
+var GRID3 = {
+  full: "120px 1fr 1fr 1fr 1fr 80px 72px 72px",
+  compact: "96px 1fr 1fr 1fr 1fr 80px",
+  narrow: "56px 1fr 1fr 1fr 1fr"
+};
+function StrengthsTable({ scores, perArea }) {
+  const { ref: containerRef, width } = useContainerWidth();
+  const tier = tableTier2(width);
   const [sortField, setSortField] = useState14("score");
   const [sortDir, setSortDir] = useState14("desc");
-  const handleSort = useCallback18(
+  const handleSort = useCallback19(
     (field) => {
       if (field === sortField) {
         setSortDir((d) => d === "asc" ? "desc" : "asc");
@@ -6773,27 +6958,25 @@ function StrengthsTable({
           return (a.docCoverage - b.docCoverage) * dir;
         case "lift":
           return (a.docLift - b.docLift) * dir;
-        case "ceiling":
-          return ((a.ceilingScore ?? 0) - (b.ceilingScore ?? 0)) * dir;
         default:
           return 0;
       }
     });
   }, [scores, sortField, sortDir]);
-  return /* @__PURE__ */ jsxs24(Box16, { style: { ...neutralCardStyle, overflow: "auto" }, children: [
-    /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(Box16, { ref: containerRef, style: { ...neutralCardStyle, overflow: "auto" }, children: [
+    /* @__PURE__ */ jsxs25(
       "div",
       {
         style: {
           borderBottom: "1px solid var(--card-border-color)",
           display: "grid",
           gap: "0 12px",
-          gridTemplateColumns: GRID2,
+          gridTemplateColumns: GRID3[tier],
           padding: "12px 16px 8px"
         },
         children: [
-          /* @__PURE__ */ jsx36(
-            ColHeader2,
+          /* @__PURE__ */ jsx38(
+            ColHeader3,
             {
               active: sortField === "score",
               direction: sortDir,
@@ -6802,8 +6985,8 @@ function StrengthsTable({
               tooltip: GLOSSARY.score
             }
           ),
-          /* @__PURE__ */ jsx36(
-            ColHeader2,
+          /* @__PURE__ */ jsx38(
+            ColHeader3,
             {
               active: sortField === "area",
               direction: sortDir,
@@ -6811,8 +6994,8 @@ function StrengthsTable({
               onClick: () => handleSort("area")
             }
           ),
-          /* @__PURE__ */ jsx36(
-            ColHeader2,
+          /* @__PURE__ */ jsx38(
+            ColHeader3,
             {
               active: sortField === "task",
               direction: sortDir,
@@ -6821,8 +7004,8 @@ function StrengthsTable({
               tooltip: GLOSSARY.taskCompletion
             }
           ),
-          /* @__PURE__ */ jsx36(
-            ColHeader2,
+          /* @__PURE__ */ jsx38(
+            ColHeader3,
             {
               active: sortField === "code",
               direction: sortDir,
@@ -6831,8 +7014,8 @@ function StrengthsTable({
               tooltip: GLOSSARY.codeCorrectness
             }
           ),
-          /* @__PURE__ */ jsx36(
-            ColHeader2,
+          /* @__PURE__ */ jsx38(
+            ColHeader3,
             {
               active: sortField === "docs",
               direction: sortDir,
@@ -6841,8 +7024,8 @@ function StrengthsTable({
               tooltip: GLOSSARY.docCoverage
             }
           ),
-          /* @__PURE__ */ jsx36(
-            ColHeader2,
+          tier !== "narrow" && /* @__PURE__ */ jsx38(
+            ColHeader3,
             {
               active: sortField === "lift",
               direction: sortDir,
@@ -6851,26 +7034,19 @@ function StrengthsTable({
               tooltip: GLOSSARY.docLift
             }
           ),
-          /* @__PURE__ */ jsx36(
-            ColHeader2,
-            {
-              active: sortField === "ceiling",
-              direction: sortDir,
-              label: "Floor\u2192Ceil",
-              onClick: () => handleSort("ceiling")
-            }
-          ),
-          /* @__PURE__ */ jsx36(ColHeader2, { label: "Trend" })
+          tier === "full" && /* @__PURE__ */ jsxs25(Fragment10, { children: [
+            /* @__PURE__ */ jsx38(ColHeader3, { label: "Floor", tooltip: GLOSSARY.floor }),
+            /* @__PURE__ */ jsx38(ColHeader3, { label: "Ceil", tooltip: GLOSSARY.ceiling })
+          ] })
         ]
       }
     ),
-    sorted.map((area) => /* @__PURE__ */ jsx36(
+    sorted.map((area) => /* @__PURE__ */ jsx38(
       AreaRow,
       {
         area,
-        improved,
-        regressed,
-        unchanged
+        delta: perArea?.[area.feature],
+        tier
       },
       area.feature
     ))
@@ -6878,12 +7054,11 @@ function StrengthsTable({
 }
 function AreaRow({
   area,
-  improved,
-  regressed,
-  unchanged
+  delta,
+  tier
 }) {
-  const trend = improved.includes(area.feature) ? "improved" : regressed.includes(area.feature) ? "regressed" : unchanged.includes(area.feature) ? "unchanged" : null;
-  return /* @__PURE__ */ jsxs24(
+  const isNarrow = tier === "narrow";
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       style: {
@@ -6891,57 +7066,60 @@ function AreaRow({
         borderBottom: "1px solid var(--card-border-color)",
         display: "grid",
         gap: "0 12px",
-        gridTemplateColumns: GRID2,
-        padding: "10px 16px"
+        gridTemplateColumns: GRID3[tier],
+        padding: isNarrow ? "8px 12px" : "10px 16px"
       },
       children: [
-        /* @__PURE__ */ jsx36(
-          HoverTip,
-          {
-            text: /* @__PURE__ */ jsxs24(Text26, { size: 2, style: { lineHeight: 1.5 }, children: [
-              /* @__PURE__ */ jsx36("span", { style: { fontWeight: 600 }, children: area.feature }),
-              " composite:",
-              " ",
-              /* @__PURE__ */ jsx36(
-                "span",
+        /* @__PURE__ */ jsxs25(Flex21, { align: "center", gap: isNarrow ? 0 : 2, children: [
+          /* @__PURE__ */ jsx38(
+            HoverTip,
+            {
+              text: /* @__PURE__ */ jsxs25(Text27, { size: 2, style: { lineHeight: 1.5 }, children: [
+                /* @__PURE__ */ jsx38("span", { style: { fontWeight: 600 }, children: area.feature }),
+                " composite:",
+                " ",
+                /* @__PURE__ */ jsx38(
+                  "span",
+                  {
+                    style: {
+                      color: scoreColor(area.totalScore),
+                      fontFamily: "var(--font-code-size, monospace)",
+                      fontWeight: 600
+                    },
+                    children: Math.round(area.totalScore)
+                  }
+                ),
+                /* @__PURE__ */ jsx38("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
+                ".",
+                " ",
+                GLOSSARY.score
+              ] }),
+              children: /* @__PURE__ */ jsx38(
+                "div",
                 {
                   style: {
+                    alignItems: "center",
+                    backgroundColor: scoreBg(area.totalScore),
+                    border: `1px solid ${scoreBorder(area.totalScore)}`,
+                    borderRadius: isNarrow ? 4 : 6,
                     color: scoreColor(area.totalScore),
-                    fontFamily: "var(--font-code-size, monospace)",
-                    fontWeight: 600
+                    display: "flex",
+                    fontSize: isNarrow ? 13 : 16,
+                    fontWeight: 700,
+                    height: isNarrow ? 28 : 36,
+                    justifyContent: "center",
+                    width: isNarrow ? 36 : 44
                   },
                   children: Math.round(area.totalScore)
                 }
-              ),
-              /* @__PURE__ */ jsx36("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
-              ".",
-              " ",
-              GLOSSARY.score
-            ] }),
-            children: /* @__PURE__ */ jsx36(
-              "div",
-              {
-                style: {
-                  alignItems: "center",
-                  backgroundColor: scoreBg(area.totalScore),
-                  border: `1px solid ${scoreBorder(area.totalScore)}`,
-                  borderRadius: 6,
-                  color: scoreColor(area.totalScore),
-                  display: "flex",
-                  fontSize: 16,
-                  fontWeight: 700,
-                  height: 36,
-                  justifyContent: "center",
-                  width: 44
-                },
-                children: Math.round(area.totalScore)
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsxs24(Flex20, { align: "center", gap: 2, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx36(Text26, { size: 2, weight: "medium", children: area.feature }),
-          area.negativeDocLift && /* @__PURE__ */ jsx36(HoverTip, { text: GLOSSARY.docsHurt, children: /* @__PURE__ */ jsx36(
+              )
+            }
+          ),
+          !isNarrow && delta != null && delta !== 0 && /* @__PURE__ */ jsx38(HoverTip, { text: GLOSSARY.areaDelta, children: /* @__PURE__ */ jsx38(DeltaIndicator, { delta, icon: true, size: 1 }) })
+        ] }),
+        /* @__PURE__ */ jsxs25(Flex21, { align: "center", gap: 2, wrap: "wrap", children: [
+          /* @__PURE__ */ jsx38(Text27, { size: 2, weight: "medium", children: area.feature }),
+          area.negativeDocLift && /* @__PURE__ */ jsx38(HoverTip, { text: GLOSSARY.docsHurt, children: /* @__PURE__ */ jsx38(
             "span",
             {
               style: {
@@ -6954,11 +7132,11 @@ function AreaRow({
                 gap: 3,
                 padding: "1px 5px"
               },
-              children: /* @__PURE__ */ jsx36(WarningOutlineIcon2, {})
+              children: /* @__PURE__ */ jsx38(WarningOutlineIcon2, {})
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx38(
           DimCell,
           {
             area: area.feature,
@@ -6966,7 +7144,7 @@ function AreaRow({
             value: area.taskCompletion
           }
         ),
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx38(
           DimCell,
           {
             area: area.feature,
@@ -6974,7 +7152,7 @@ function AreaRow({
             value: area.codeCorrectness
           }
         ),
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx38(
           DimCell,
           {
             area: area.feature,
@@ -6982,14 +7160,14 @@ function AreaRow({
             value: area.docCoverage
           }
         ),
-        /* @__PURE__ */ jsx36(
+        !isNarrow && /* @__PURE__ */ jsx38(
           HoverTip,
           {
-            text: /* @__PURE__ */ jsxs24(Text26, { size: 2, style: { lineHeight: 1.5 }, children: [
-              /* @__PURE__ */ jsx36("span", { style: { fontWeight: 600 }, children: area.feature }),
+            text: /* @__PURE__ */ jsxs25(Text27, { size: 2, style: { lineHeight: 1.5 }, children: [
+              /* @__PURE__ */ jsx38("span", { style: { fontWeight: 600 }, children: area.feature }),
               " doc lift:",
               " ",
-              /* @__PURE__ */ jsxs24(
+              /* @__PURE__ */ jsxs25(
                 "span",
                 {
                   style: {
@@ -7007,8 +7185,8 @@ function AreaRow({
               "pts. ",
               GLOSSARY.docLift
             ] }),
-            children: /* @__PURE__ */ jsxs24(
-              Text26,
+            children: /* @__PURE__ */ jsxs25(
+              Text27,
               {
                 size: 2,
                 style: {
@@ -7024,33 +7202,22 @@ function AreaRow({
             )
           }
         ),
-        /* @__PURE__ */ jsxs24(
-          Text26,
+        tier === "full" && /* @__PURE__ */ jsx38(
+          Text27,
           {
             muted: true,
-            size: 1,
+            size: 2,
             style: { fontFamily: "var(--font-code-size, monospace)" },
-            children: [
-              Math.round(area.floorScore ?? 0),
-              " \u2192",
-              " ",
-              Math.round(area.ceilingScore ?? 0)
-            ]
+            children: Math.round(area.floorScore ?? 0)
           }
         ),
-        trend && /* @__PURE__ */ jsx36(
-          "span",
+        tier === "full" && /* @__PURE__ */ jsx38(
+          Text27,
           {
-            style: {
-              backgroundColor: trend === "improved" ? "rgba(16,185,129,0.2)" : trend === "regressed" ? "rgba(239,68,68,0.2)" : "var(--card-muted-bg-color)",
-              borderRadius: 4,
-              color: trend === "improved" ? "#34d399" : trend === "regressed" ? "#f87171" : "var(--card-muted-fg-color)",
-              fontSize: 12,
-              fontWeight: 500,
-              padding: "3px 8px",
-              whiteSpace: "nowrap"
-            },
-            children: trend
+            muted: true,
+            size: 2,
+            style: { fontFamily: "var(--font-code-size, monospace)" },
+            children: Math.round(area.ceilingScore ?? 0)
           }
         )
       ]
@@ -7067,17 +7234,17 @@ function DimCell({
     "Code Correctness": GLOSSARY.codeCorrectness,
     "Doc Coverage": GLOSSARY.docCoverage
   };
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx38(
     HoverTip,
     {
-      text: /* @__PURE__ */ jsxs24(Text26, { size: 2, style: { lineHeight: 1.5 }, children: [
-        /* @__PURE__ */ jsx36("span", { style: { fontWeight: 600 }, children: area }),
+      text: /* @__PURE__ */ jsxs25(Text27, { size: 2, style: { lineHeight: 1.5 }, children: [
+        /* @__PURE__ */ jsx38("span", { style: { fontWeight: 600 }, children: area }),
         " \u2192",
         " ",
-        /* @__PURE__ */ jsx36("span", { style: { fontWeight: 600 }, children: dim }),
+        /* @__PURE__ */ jsx38("span", { style: { fontWeight: 600 }, children: dim }),
         ":",
         " ",
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx38(
           "span",
           {
             style: {
@@ -7088,14 +7255,14 @@ function DimCell({
             children: Math.round(value)
           }
         ),
-        /* @__PURE__ */ jsx36("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
+        /* @__PURE__ */ jsx38("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
         ".",
         " ",
         glossary[dim] ?? ""
       ] }),
-      children: /* @__PURE__ */ jsxs24(Stack20, { space: 1, style: { width: "100%" }, children: [
-        /* @__PURE__ */ jsx36(
-          Text26,
+      children: /* @__PURE__ */ jsxs25(Stack20, { space: 1, style: { width: "100%" }, children: [
+        /* @__PURE__ */ jsx38(
+          Text27,
           {
             size: 1,
             style: {
@@ -7106,7 +7273,7 @@ function DimCell({
             children: Math.round(value)
           }
         ),
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx38(
           "div",
           {
             style: {
@@ -7116,7 +7283,7 @@ function DimCell({
               overflow: "hidden",
               width: "100%"
             },
-            children: /* @__PURE__ */ jsx36(
+            children: /* @__PURE__ */ jsx38(
               "div",
               {
                 style: {
@@ -7134,14 +7301,14 @@ function DimCell({
     }
   );
 }
-function ColHeader2({
+function ColHeader3({
   active,
   direction,
   label,
   onClick,
   tooltip
 }) {
-  const handleKeyDown = useCallback18(
+  const handleKeyDown = useCallback19(
     (e) => {
       if (onClick && (e.key === "Enter" || e.key === " ")) {
         e.preventDefault();
@@ -7151,8 +7318,8 @@ function ColHeader2({
     [onClick]
   );
   const arrow = active ? direction === "asc" ? " \u2191" : " \u2193" : "";
-  return /* @__PURE__ */ jsxs24(Flex20, { align: "center", gap: 1, children: [
-    /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsxs25(Flex21, { align: "center", gap: 1, children: [
+    /* @__PURE__ */ jsx38(
       "div",
       {
         onClick,
@@ -7163,8 +7330,8 @@ function ColHeader2({
           userSelect: "none"
         },
         tabIndex: onClick ? 0 : void 0,
-        children: /* @__PURE__ */ jsxs24(
-          Text26,
+        children: /* @__PURE__ */ jsxs25(
+          Text27,
           {
             muted: true,
             size: 1,
@@ -7181,65 +7348,55 @@ function ColHeader2({
         )
       }
     ),
-    tooltip && /* @__PURE__ */ jsx36(InfoTip, { text: tooltip })
+    tooltip && /* @__PURE__ */ jsx38(InfoTip, { text: tooltip })
   ] });
 }
 
 // src/components/report-detail/StrengthsList.tsx
-import { jsx as jsx37, jsxs as jsxs25 } from "react/jsx-runtime";
-var EFFICIENCY_THRESHOLD = 0.85;
+import { jsx as jsx39, jsxs as jsxs26 } from "react/jsx-runtime";
 function StrengthsList({ scores, comparison }) {
   const retrievalSuccesses = scores.filter(
-    (s) => s.infrastructureEfficiency != null && s.infrastructureEfficiency >= EFFICIENCY_THRESHOLD && !s.invertedRetrievalGap
+    (s) => s.infrastructureEfficiency != null && s.infrastructureEfficiency >= EFFICIENCY_POSITIVE && !s.invertedRetrievalGap
   ).sort(
     (a, b) => (b.infrastructureEfficiency ?? 0) - (a.infrastructureEfficiency ?? 0)
   );
-  const improved = comparison?.improved ?? [];
   if (scores.length === 0) return null;
-  return /* @__PURE__ */ jsxs25(Stack21, { space: 5, children: [
-    /* @__PURE__ */ jsxs25(Stack21, { space: 3, children: [
-      /* @__PURE__ */ jsxs25(Flex21, { align: "center", gap: 2, children: [
-        /* @__PURE__ */ jsx37(CheckmarkCircleIcon2, { style: { color: "#34d399" } }),
-        /* @__PURE__ */ jsx37(Text27, { size: 2, weight: "medium", children: "All Areas \u2014 Scores & Doc Lift" }),
-        /* @__PURE__ */ jsx37(InfoTip, { text: GLOSSARY.strengths })
+  return /* @__PURE__ */ jsxs26(Stack21, { space: 5, children: [
+    /* @__PURE__ */ jsxs26(Stack21, { space: 3, children: [
+      /* @__PURE__ */ jsxs26(Flex22, { align: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx39(CheckmarkCircleIcon2, { style: { color: "#34d399" } }),
+        /* @__PURE__ */ jsx39(Text28, { size: 2, weight: "medium", children: "All Areas \u2014 Scores & Doc Lift" }),
+        /* @__PURE__ */ jsx39(InfoTip, { text: GLOSSARY.strengths })
       ] }),
-      /* @__PURE__ */ jsx37(
-        StrengthsTable,
-        {
-          improved: comparison?.improved ?? [],
-          regressed: comparison?.regressed ?? [],
-          scores,
-          unchanged: comparison?.unchanged ?? []
-        }
-      )
+      /* @__PURE__ */ jsx39(StrengthsTable, { perArea: comparison?.deltas?.perArea, scores })
     ] }),
-    retrievalSuccesses.length > 0 && /* @__PURE__ */ jsxs25(Box17, { style: neutralCardStyle, children: [
-      /* @__PURE__ */ jsx37(
+    retrievalSuccesses.length > 0 && /* @__PURE__ */ jsxs26(Box17, { style: neutralCardStyle, children: [
+      /* @__PURE__ */ jsx39(
         Box17,
         {
           padding: 4,
           style: { borderBottom: "1px solid var(--card-border-color)" },
-          children: /* @__PURE__ */ jsxs25(Flex21, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ jsx37(SearchIcon5, { style: { color: "#34d399" } }),
-            /* @__PURE__ */ jsxs25(Text27, { size: 2, weight: "medium", children: [
+          children: /* @__PURE__ */ jsxs26(Flex22, { align: "center", gap: 2, children: [
+            /* @__PURE__ */ jsx39(SearchIcon5, { style: { color: "#34d399" } }),
+            /* @__PURE__ */ jsxs26(Text28, { size: 2, weight: "medium", children: [
               "Retrieval Successes (",
-              Math.round(EFFICIENCY_THRESHOLD * 100),
+              Math.round(EFFICIENCY_POSITIVE * 100),
               "%+ efficiency)"
             ] }),
-            /* @__PURE__ */ jsx37(InfoTip, { text: GLOSSARY.retrievalExcellence })
+            /* @__PURE__ */ jsx39(InfoTip, { text: GLOSSARY.retrievalExcellence })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx37(Stack21, { children: retrievalSuccesses.map((area, i) => /* @__PURE__ */ jsxs25(
-        Flex21,
+      /* @__PURE__ */ jsx39(Stack21, { children: retrievalSuccesses.map((area, i) => /* @__PURE__ */ jsxs26(
+        Flex22,
         {
           align: "center",
           justify: "space-between",
           padding: 4,
           style: i > 0 ? dividerStyle : void 0,
           children: [
-            /* @__PURE__ */ jsx37(Text27, { size: 2, children: area.feature }),
-            /* @__PURE__ */ jsx37(
+            /* @__PURE__ */ jsx39(Text28, { size: 2, children: area.feature }),
+            /* @__PURE__ */ jsx39(
               "span",
               {
                 style: {
@@ -7257,50 +7414,6 @@ function StrengthsList({ scores, comparison }) {
         },
         area.feature
       )) })
-    ] }),
-    improved.length > 0 && /* @__PURE__ */ jsxs25(Box17, { style: neutralCardStyle, children: [
-      /* @__PURE__ */ jsx37(
-        Box17,
-        {
-          padding: 4,
-          style: { borderBottom: "1px solid var(--card-border-color)" },
-          children: /* @__PURE__ */ jsxs25(Flex21, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ jsx37(ChartUpwardIcon, { style: { color: "#34d399" } }),
-            /* @__PURE__ */ jsx37(Text27, { size: 2, weight: "medium", children: "Improved Since Last Run" })
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsx37(Stack21, { children: improved.map((featureName, i) => {
-        const area = scores.find((s) => s.feature === featureName);
-        return /* @__PURE__ */ jsxs25(
-          Flex21,
-          {
-            align: "center",
-            justify: "space-between",
-            padding: 4,
-            style: i > 0 ? dividerStyle : void 0,
-            children: [
-              /* @__PURE__ */ jsx37(Text27, { size: 2, children: featureName }),
-              area && /* @__PURE__ */ jsx37(
-                "span",
-                {
-                  style: {
-                    backgroundColor: scoreBg(area.totalScore),
-                    borderRadius: 4,
-                    color: scoreColor(area.totalScore),
-                    fontFamily: "var(--font-code-size, monospace)",
-                    fontSize: 14,
-                    fontWeight: 500,
-                    padding: "3px 10px"
-                  },
-                  children: Math.round(area.totalScore)
-                }
-              )
-            ]
-          },
-          featureName
-        );
-      }) })
     ] })
   ] });
 }
@@ -7313,41 +7426,41 @@ import {
   BoltIcon as BoltIcon2,
   ArrowDownIcon as ArrowDownIcon2
 } from "@sanity/icons";
-import { Box as Box19, Flex as Flex23, Stack as Stack23, Text as Text29 } from "@sanity/ui";
+import { Box as Box19, Flex as Flex24, Stack as Stack23, Text as Text30 } from "@sanity/ui";
 
 // src/components/report-detail/AreaScoreRow.tsx
 import { WarningOutlineIcon as WarningOutlineIcon3 } from "@sanity/icons";
-import { Box as Box18, Flex as Flex22, Stack as Stack22, Text as Text28 } from "@sanity/ui";
-import { jsx as jsx38, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Box as Box18, Flex as Flex23, Stack as Stack22, Text as Text29 } from "@sanity/ui";
+import { jsx as jsx40, jsxs as jsxs27 } from "react/jsx-runtime";
 function AreaScoreRow({ area, showTrend }) {
-  return /* @__PURE__ */ jsx38(Box18, { style: { ...neutralCardStyle, padding: 20 }, children: /* @__PURE__ */ jsxs26(Stack22, { space: 4, children: [
-    /* @__PURE__ */ jsxs26(Flex22, { align: "flex-start", gap: 3, justify: "space-between", wrap: "wrap", children: [
-      /* @__PURE__ */ jsxs26(Flex22, { align: "center", gap: 3, children: [
-        /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx40(Box18, { style: { ...neutralCardStyle, padding: 20 }, children: /* @__PURE__ */ jsxs27(Stack22, { space: 4, children: [
+    /* @__PURE__ */ jsxs27(Flex23, { align: "flex-start", gap: 3, justify: "space-between", wrap: "wrap", children: [
+      /* @__PURE__ */ jsxs27(Flex23, { align: "center", gap: 3, children: [
+        /* @__PURE__ */ jsx40(
           HoverTip,
           {
-            text: /* @__PURE__ */ jsxs26(Text28, { size: 2, style: { lineHeight: 1.5 }, children: [
-              /* @__PURE__ */ jsx38("span", { style: tipBold, children: area.feature }),
+            text: /* @__PURE__ */ jsxs27(Text29, { size: 2, style: { lineHeight: 1.5 }, children: [
+              /* @__PURE__ */ jsx40("span", { style: tipBold, children: area.feature }),
               " composite score:",
               " ",
-              /* @__PURE__ */ jsx38(
+              /* @__PURE__ */ jsx40(
                 "span",
                 {
                   style: { ...tipValue, color: scoreColor(area.totalScore) },
                   children: Math.round(area.totalScore)
                 }
               ),
-              /* @__PURE__ */ jsx38("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
+              /* @__PURE__ */ jsx40("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
               ". ",
               GLOSSARY.score
             ] }),
-            children: /* @__PURE__ */ jsx38(Box18, { style: scoreBoxStyle(area.totalScore), children: /* @__PURE__ */ jsx38("span", { style: { fontSize: 20 }, children: Math.round(area.totalScore) }) })
+            children: /* @__PURE__ */ jsx40(Box18, { style: scoreBoxStyle(area.totalScore), children: /* @__PURE__ */ jsx40("span", { style: { fontSize: 20 }, children: Math.round(area.totalScore) }) })
           }
         ),
-        /* @__PURE__ */ jsxs26(Stack22, { space: 2, children: [
-          /* @__PURE__ */ jsxs26(Flex22, { align: "center", gap: 2, wrap: "wrap", children: [
-            /* @__PURE__ */ jsx38(Text28, { size: 3, weight: "semibold", children: area.feature }),
-            area.negativeDocLift && /* @__PURE__ */ jsx38(HoverTip, { text: GLOSSARY.docsHurt, children: /* @__PURE__ */ jsxs26(
+        /* @__PURE__ */ jsxs27(Stack22, { space: 2, children: [
+          /* @__PURE__ */ jsxs27(Flex23, { align: "center", gap: 2, wrap: "wrap", children: [
+            /* @__PURE__ */ jsx40(Text29, { size: 3, weight: "semibold", children: area.feature }),
+            area.negativeDocLift && /* @__PURE__ */ jsx40(HoverTip, { text: GLOSSARY.docsHurt, children: /* @__PURE__ */ jsxs27(
               "span",
               {
                 style: {
@@ -7361,12 +7474,12 @@ function AreaScoreRow({ area, showTrend }) {
                   padding: "3px 8px"
                 },
                 children: [
-                  /* @__PURE__ */ jsx38(WarningOutlineIcon3, {}),
+                  /* @__PURE__ */ jsx40(WarningOutlineIcon3, {}),
                   "Docs Hurt"
                 ]
               }
             ) }),
-            area.invertedRetrievalGap && /* @__PURE__ */ jsx38(HoverTip, { text: GLOSSARY.invertedRetGap, children: /* @__PURE__ */ jsx38(
+            area.invertedRetrievalGap && /* @__PURE__ */ jsx40(HoverTip, { text: GLOSSARY.invertedRetGap, children: /* @__PURE__ */ jsx40(
               "span",
               {
                 style: {
@@ -7380,14 +7493,14 @@ function AreaScoreRow({ area, showTrend }) {
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsxs26(Text28, { muted: true, size: 2, children: [
+          /* @__PURE__ */ jsxs27(Text29, { muted: true, size: 2, children: [
             area.testCount,
             " test",
             area.testCount === 1 ? "" : "s"
           ] })
         ] })
       ] }),
-      showTrend && /* @__PURE__ */ jsx38(
+      showTrend && /* @__PURE__ */ jsx40(
         "span",
         {
           style: {
@@ -7402,7 +7515,7 @@ function AreaScoreRow({ area, showTrend }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs26(
+    /* @__PURE__ */ jsxs27(
       "div",
       {
         style: {
@@ -7411,7 +7524,7 @@ function AreaScoreRow({ area, showTrend }) {
           gridTemplateColumns: "1fr 1fr 1fr"
         },
         children: [
-          /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsx40(
             DimBar,
             {
               label: "Task Completion",
@@ -7424,7 +7537,7 @@ function AreaScoreRow({ area, showTrend }) {
               value: area.taskCompletion
             }
           ),
-          /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsx40(
             DimBar,
             {
               label: "Code Correctness",
@@ -7437,7 +7550,7 @@ function AreaScoreRow({ area, showTrend }) {
               value: area.codeCorrectness
             }
           ),
-          /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsx40(
             DimBar,
             {
               label: "Doc Coverage",
@@ -7453,8 +7566,8 @@ function AreaScoreRow({ area, showTrend }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsxs26(Flex22, { gap: 5, style: { ...dividerStyle, paddingTop: 12 }, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsxs27(Flex23, { gap: 5, style: { ...dividerStyle, paddingTop: 12 }, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx40(
         MetricPair,
         {
           color: area.negativeDocLift ? "#f87171" : "#34d399",
@@ -7468,7 +7581,7 @@ function AreaScoreRow({ area, showTrend }) {
           value: `${area.docLift > 0 ? "+" : ""}${area.docLift}`
         }
       ),
-      /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx40(
         MetricPair,
         {
           label: "Ceiling",
@@ -7481,7 +7594,7 @@ function AreaScoreRow({ area, showTrend }) {
           value: String(Math.round(area.ceilingScore ?? 0))
         }
       ),
-      /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx40(
         MetricPair,
         {
           label: "Floor",
@@ -7494,7 +7607,7 @@ function AreaScoreRow({ area, showTrend }) {
           value: String(Math.round(area.floorScore ?? 0))
         }
       ),
-      area.actualScore != null && /* @__PURE__ */ jsx38(
+      area.actualScore != null && /* @__PURE__ */ jsx40(
         MetricPair,
         {
           label: "Actual",
@@ -7507,7 +7620,7 @@ function AreaScoreRow({ area, showTrend }) {
           value: String(Math.round(area.actualScore))
         }
       ),
-      area.infrastructureEfficiency != null && /* @__PURE__ */ jsx38(
+      area.infrastructureEfficiency != null && /* @__PURE__ */ jsx40(
         MetricPair,
         {
           color: efficiencyColor(area.infrastructureEfficiency),
@@ -7521,7 +7634,7 @@ function AreaScoreRow({ area, showTrend }) {
           value: formatPercent(area.infrastructureEfficiency)
         }
       ),
-      area.retrievalGap != null && /* @__PURE__ */ jsx38(
+      area.retrievalGap != null && /* @__PURE__ */ jsx40(
         MetricPair,
         {
           label: "Ret Gap",
@@ -7543,14 +7656,14 @@ var tipValue = {
 };
 var tipBold = { fontWeight: 600 };
 function dimBarTip(area, dim, score, description) {
-  return /* @__PURE__ */ jsxs26(Text28, { size: 2, style: { lineHeight: 1.5 }, children: [
-    /* @__PURE__ */ jsx38("span", { style: tipBold, children: area }),
+  return /* @__PURE__ */ jsxs27(Text29, { size: 2, style: { lineHeight: 1.5 }, children: [
+    /* @__PURE__ */ jsx40("span", { style: tipBold, children: area }),
     " \u2192 ",
-    /* @__PURE__ */ jsx38("span", { style: tipBold, children: dim }),
+    /* @__PURE__ */ jsx40("span", { style: tipBold, children: dim }),
     ":",
     " ",
-    /* @__PURE__ */ jsx38("span", { style: { ...tipValue, color: scoreColor(score) }, children: Math.round(score) }),
-    /* @__PURE__ */ jsx38("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
+    /* @__PURE__ */ jsx40("span", { style: { ...tipValue, color: scoreColor(score) }, children: Math.round(score) }),
+    /* @__PURE__ */ jsx40("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
     ".",
     " ",
     description
@@ -7561,10 +7674,10 @@ function DimBar({
   value,
   tip
 }) {
-  const bar = /* @__PURE__ */ jsxs26(Stack22, { space: 2, style: { flex: 1 }, children: [
-    /* @__PURE__ */ jsxs26(Flex22, { align: "center", justify: "space-between", children: [
-      /* @__PURE__ */ jsx38(Text28, { muted: true, size: 1, children: label }),
-      /* @__PURE__ */ jsx38(
+  const bar = /* @__PURE__ */ jsxs27(Stack22, { space: 2, style: { flex: 1 }, children: [
+    /* @__PURE__ */ jsxs27(Flex23, { align: "center", justify: "space-between", children: [
+      /* @__PURE__ */ jsx40(Text29, { muted: true, size: 1, children: label }),
+      /* @__PURE__ */ jsx40(
         "span",
         {
           style: {
@@ -7577,7 +7690,7 @@ function DimBar({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx40(
       Box18,
       {
         style: {
@@ -7586,7 +7699,7 @@ function DimBar({
           height: 6,
           overflow: "hidden"
         },
-        children: /* @__PURE__ */ jsx38(
+        children: /* @__PURE__ */ jsx40(
           Box18,
           {
             style: {
@@ -7602,19 +7715,19 @@ function DimBar({
     )
   ] });
   if (tip) {
-    return /* @__PURE__ */ jsx38(HoverTip, { text: tip, children: bar });
+    return /* @__PURE__ */ jsx40(HoverTip, { text: tip, children: bar });
   }
   return bar;
 }
 function metricTip(area, metric, displayValue, description) {
-  return /* @__PURE__ */ jsxs26(Text28, { size: 2, style: { lineHeight: 1.5 }, children: [
-    /* @__PURE__ */ jsx38("span", { style: tipBold, children: area }),
+  return /* @__PURE__ */ jsxs27(Text29, { size: 2, style: { lineHeight: 1.5 }, children: [
+    /* @__PURE__ */ jsx40("span", { style: tipBold, children: area }),
     " \u2192",
     " ",
-    /* @__PURE__ */ jsx38("span", { style: tipBold, children: metric }),
+    /* @__PURE__ */ jsx40("span", { style: tipBold, children: metric }),
     ":",
     " ",
-    /* @__PURE__ */ jsx38("span", { style: tipValue, children: displayValue }),
+    /* @__PURE__ */ jsx40("span", { style: tipValue, children: displayValue }),
     ". ",
     description
   ] });
@@ -7625,11 +7738,11 @@ function MetricPair({
   value,
   tip
 }) {
-  const content = /* @__PURE__ */ jsxs26(Text28, { muted: true, size: 1, children: [
+  const content = /* @__PURE__ */ jsxs27(Text29, { muted: true, size: 1, children: [
     label,
     ":",
     " ",
-    /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx40(
       "span",
       {
         style: {
@@ -7642,25 +7755,26 @@ function MetricPair({
     )
   ] });
   if (tip) {
-    return /* @__PURE__ */ jsx38(HoverTip, { text: tip, children: content });
+    return /* @__PURE__ */ jsx40(HoverTip, { text: tip, children: content });
   }
   return content;
 }
 
 // src/components/report-detail/WeaknessesList.tsx
-import { jsx as jsx39, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs28 } from "react/jsx-runtime";
 function WeaknessesList({ scores, comparison }) {
-  const weakAreas = scores.filter((s) => s.totalScore < 70).sort((a, b) => a.totalScore - b.totalScore);
+  const weakAreas = scores.filter((s) => s.totalScore < SCORE_CAUTION).sort((a, b) => a.totalScore - b.totalScore);
   const docsHurt = scores.filter((s) => s.negativeDocLift);
   const retrievalIssues = scores.filter(
-    (s) => s.infrastructureEfficiency != null && s.infrastructureEfficiency < 0.7 && !s.invertedRetrievalGap
+    (s) => s.infrastructureEfficiency != null && s.infrastructureEfficiency < EFFICIENCY_CAUTION && !s.invertedRetrievalGap
   );
   const dimWeaknesses = scores.map((s) => ({ area: s, dims: getDimensionWeaknesses(s) })).filter(({ dims }) => dims.length > 0);
   const regressed = comparison?.regressed ?? [];
   const improved = comparison?.improved ?? [];
   const unchanged = comparison?.unchanged ?? [];
+  const perArea = comparison?.deltas?.perArea;
   const efficiencyAnomalies = scores.filter(
-    (s) => s.infrastructureEfficiency != null && s.infrastructureEfficiency > 1.05
+    (s) => s.infrastructureEfficiency != null && s.infrastructureEfficiency > EFFICIENCY_ANOMALY
   );
   const hasContent = weakAreas.length > 0 || docsHurt.length > 0 || retrievalIssues.length > 0 || dimWeaknesses.length > 0 || regressed.length > 0 || efficiencyAnomalies.length > 0;
   if (!hasContent) return null;
@@ -7670,14 +7784,14 @@ function WeaknessesList({ scores, comparison }) {
     if (unchanged.includes(feature)) return "unchanged";
     return null;
   };
-  return /* @__PURE__ */ jsxs27(Stack23, { space: 5, children: [
-    weakAreas.length > 0 && /* @__PURE__ */ jsxs27(Stack23, { space: 3, children: [
-      /* @__PURE__ */ jsxs27(Flex23, { align: "center", gap: 2, children: [
-        /* @__PURE__ */ jsx39(ErrorOutlineIcon3, { style: { color: "#f87171" } }),
-        /* @__PURE__ */ jsx39(Text29, { size: 2, weight: "medium", children: "Weak Areas (<70)" }),
-        /* @__PURE__ */ jsx39(InfoTip, { text: GLOSSARY.weakAreas })
+  return /* @__PURE__ */ jsxs28(Stack23, { space: 5, children: [
+    weakAreas.length > 0 && /* @__PURE__ */ jsxs28(Stack23, { space: 3, children: [
+      /* @__PURE__ */ jsxs28(Flex24, { align: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx41(ErrorOutlineIcon3, { style: { color: "#f87171" } }),
+        /* @__PURE__ */ jsx41(Text30, { size: 2, weight: "medium", children: "Weak Areas (<70)" }),
+        /* @__PURE__ */ jsx41(InfoTip, { text: GLOSSARY.weakAreas })
       ] }),
-      /* @__PURE__ */ jsx39(Stack23, { space: 3, children: weakAreas.map((area) => /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx41(Stack23, { space: 3, children: weakAreas.map((area) => /* @__PURE__ */ jsx41(
         AreaScoreRow,
         {
           area,
@@ -7686,22 +7800,22 @@ function WeaknessesList({ scores, comparison }) {
         area.feature
       )) })
     ] }),
-    docsHurt.length > 0 && /* @__PURE__ */ jsxs27(Stack23, { space: 3, children: [
-      /* @__PURE__ */ jsxs27(Flex23, { align: "center", gap: 2, children: [
-        /* @__PURE__ */ jsx39(ErrorOutlineIcon3, { style: { color: "#f87171" } }),
-        /* @__PURE__ */ jsx39(Text29, { size: 2, weight: "medium", children: "Docs Hurt Performance (Negative Doc Lift)" }),
-        /* @__PURE__ */ jsx39(InfoTip, { text: GLOSSARY.docsHurt })
+    docsHurt.length > 0 && /* @__PURE__ */ jsxs28(Stack23, { space: 3, children: [
+      /* @__PURE__ */ jsxs28(Flex24, { align: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx41(ErrorOutlineIcon3, { style: { color: "#f87171" } }),
+        /* @__PURE__ */ jsx41(Text30, { size: 2, weight: "medium", children: "Docs Hurt Performance (Negative Doc Lift)" }),
+        /* @__PURE__ */ jsx41(InfoTip, { text: GLOSSARY.docsHurt })
       ] }),
-      /* @__PURE__ */ jsx39(Box19, { style: sectionStyle("red"), children: docsHurt.map((area, i) => /* @__PURE__ */ jsxs27(
+      /* @__PURE__ */ jsx41(Box19, { style: sectionStyle("red"), children: docsHurt.map((area, i) => /* @__PURE__ */ jsxs28(
         Box19,
         {
           padding: 4,
           style: i > 0 ? { borderTop: "1px solid rgba(239,68,68,0.2)" } : void 0,
           children: [
-            /* @__PURE__ */ jsxs27(Flex23, { align: "center", justify: "space-between", wrap: "wrap", children: [
-              /* @__PURE__ */ jsxs27(Flex23, { align: "center", gap: 2, children: [
-                /* @__PURE__ */ jsx39(Text29, { size: 2, weight: "medium", children: area.feature }),
-                /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsxs28(Flex24, { align: "center", justify: "space-between", wrap: "wrap", children: [
+              /* @__PURE__ */ jsxs28(Flex24, { align: "center", gap: 2, children: [
+                /* @__PURE__ */ jsx41(Text30, { size: 2, weight: "medium", children: area.feature }),
+                /* @__PURE__ */ jsx41(
                   "span",
                   {
                     style: {
@@ -7716,7 +7830,7 @@ function WeaknessesList({ scores, comparison }) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx39(
+              /* @__PURE__ */ jsx41(
                 "span",
                 {
                   style: {
@@ -7729,8 +7843,8 @@ function WeaknessesList({ scores, comparison }) {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx39(Box19, { paddingTop: 2, children: /* @__PURE__ */ jsxs27(Text29, { muted: true, size: 2, children: [
-              area.invertedRetrievalGap && /* @__PURE__ */ jsxs27("span", { style: { color: "#fbbf24" }, children: [
+            /* @__PURE__ */ jsx41(Box19, { paddingTop: 2, children: /* @__PURE__ */ jsxs28(Text30, { muted: true, size: 2, children: [
+              area.invertedRetrievalGap && /* @__PURE__ */ jsxs28("span", { style: { color: "#fbbf24" }, children: [
                 "Agent does better by NOT finding these docs.",
                 " "
               ] }),
@@ -7745,22 +7859,22 @@ function WeaknessesList({ scores, comparison }) {
         area.feature
       )) })
     ] }),
-    retrievalIssues.length > 0 && /* @__PURE__ */ jsxs27(Stack23, { space: 3, children: [
-      /* @__PURE__ */ jsxs27(Flex23, { align: "center", gap: 2, children: [
-        /* @__PURE__ */ jsx39(SearchIcon6, { style: { color: "#fbbf24" } }),
-        /* @__PURE__ */ jsx39(Text29, { size: 2, weight: "medium", children: "Retrieval Issues (<70% efficiency)" }),
-        /* @__PURE__ */ jsx39(InfoTip, { text: GLOSSARY.retrievalIssues })
+    retrievalIssues.length > 0 && /* @__PURE__ */ jsxs28(Stack23, { space: 3, children: [
+      /* @__PURE__ */ jsxs28(Flex24, { align: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx41(SearchIcon6, { style: { color: "#fbbf24" } }),
+        /* @__PURE__ */ jsx41(Text30, { size: 2, weight: "medium", children: "Retrieval Issues (<70% efficiency)" }),
+        /* @__PURE__ */ jsx41(InfoTip, { text: GLOSSARY.retrievalIssues })
       ] }),
-      /* @__PURE__ */ jsx39(Box19, { style: sectionStyle("amber"), children: retrievalIssues.map((area, i) => /* @__PURE__ */ jsxs27(
+      /* @__PURE__ */ jsx41(Box19, { style: sectionStyle("amber"), children: retrievalIssues.map((area, i) => /* @__PURE__ */ jsxs28(
         Box19,
         {
           padding: 4,
           style: i > 0 ? { borderTop: "1px solid rgba(245,158,11,0.2)" } : void 0,
           children: [
-            /* @__PURE__ */ jsxs27(Flex23, { align: "center", justify: "space-between", wrap: "wrap", children: [
-              /* @__PURE__ */ jsxs27(Flex23, { align: "center", gap: 2, children: [
-                /* @__PURE__ */ jsx39(Text29, { size: 2, weight: "medium", children: area.feature }),
-                /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsxs28(Flex24, { align: "center", justify: "space-between", wrap: "wrap", children: [
+              /* @__PURE__ */ jsxs28(Flex24, { align: "center", gap: 2, children: [
+                /* @__PURE__ */ jsx41(Text30, { size: 2, weight: "medium", children: area.feature }),
+                /* @__PURE__ */ jsx41(
                   "span",
                   {
                     style: {
@@ -7775,7 +7889,7 @@ function WeaknessesList({ scores, comparison }) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx39(
+              /* @__PURE__ */ jsx41(
                 "span",
                 {
                   style: {
@@ -7788,7 +7902,7 @@ function WeaknessesList({ scores, comparison }) {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx39(Box19, { paddingTop: 2, children: /* @__PURE__ */ jsxs27(Text29, { muted: true, size: 2, children: [
+            /* @__PURE__ */ jsx41(Box19, { paddingTop: 2, children: /* @__PURE__ */ jsxs28(Text30, { muted: true, size: 2, children: [
               "Actual score (",
               Math.round(area.actualScore ?? 0),
               ") is much lower than ceiling (",
@@ -7803,21 +7917,21 @@ function WeaknessesList({ scores, comparison }) {
         area.feature
       )) })
     ] }),
-    dimWeaknesses.length > 0 && /* @__PURE__ */ jsxs27(Stack23, { space: 3, children: [
-      /* @__PURE__ */ jsxs27(Flex23, { align: "center", gap: 2, children: [
-        /* @__PURE__ */ jsx39(WarningOutlineIcon4, { style: { color: "#fbbf24" } }),
-        /* @__PURE__ */ jsx39(Text29, { size: 2, weight: "medium", children: "Dimension Weaknesses (<50)" }),
-        /* @__PURE__ */ jsx39(InfoTip, { text: GLOSSARY.dimWeaknesses })
+    dimWeaknesses.length > 0 && /* @__PURE__ */ jsxs28(Stack23, { space: 3, children: [
+      /* @__PURE__ */ jsxs28(Flex24, { align: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx41(WarningOutlineIcon4, { style: { color: "#fbbf24" } }),
+        /* @__PURE__ */ jsx41(Text30, { size: 2, weight: "medium", children: "Dimension Weaknesses (<50)" }),
+        /* @__PURE__ */ jsx41(InfoTip, { text: GLOSSARY.dimWeaknesses })
       ] }),
-      /* @__PURE__ */ jsx39(Box19, { style: neutralCardStyle, children: dimWeaknesses.map(({ area, dims }, i) => /* @__PURE__ */ jsxs27(
+      /* @__PURE__ */ jsx41(Box19, { style: neutralCardStyle, children: dimWeaknesses.map(({ area, dims }, i) => /* @__PURE__ */ jsxs28(
         Box19,
         {
           padding: 4,
           style: i > 0 ? dividerStyle : void 0,
           children: [
-            /* @__PURE__ */ jsxs27(Flex23, { align: "center", gap: 2, paddingBottom: 2, children: [
-              /* @__PURE__ */ jsx39(Text29, { size: 2, weight: "medium", children: area.feature }),
-              /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsxs28(Flex24, { align: "center", gap: 2, paddingBottom: 2, children: [
+              /* @__PURE__ */ jsx41(Text30, { size: 2, weight: "medium", children: area.feature }),
+              /* @__PURE__ */ jsx41(
                 "span",
                 {
                   style: {
@@ -7832,7 +7946,7 @@ function WeaknessesList({ scores, comparison }) {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx39(Flex23, { gap: 2, wrap: "wrap", children: dims.map((w) => /* @__PURE__ */ jsx39(HoverTip, { text: w.tip, children: /* @__PURE__ */ jsxs27(
+            /* @__PURE__ */ jsx41(Flex24, { gap: 2, wrap: "wrap", children: dims.map((w) => /* @__PURE__ */ jsx41(HoverTip, { text: w.tip, children: /* @__PURE__ */ jsxs28(
               "span",
               {
                 style: {
@@ -7854,76 +7968,80 @@ function WeaknessesList({ scores, comparison }) {
         area.feature
       )) })
     ] }),
-    regressed.length > 0 && /* @__PURE__ */ jsxs27(Box19, { style: neutralCardStyle, children: [
-      /* @__PURE__ */ jsx39(
+    regressed.length > 0 && /* @__PURE__ */ jsxs28(Box19, { style: neutralCardStyle, children: [
+      /* @__PURE__ */ jsx41(
         Box19,
         {
           padding: 4,
           style: { borderBottom: "1px solid var(--card-border-color)" },
-          children: /* @__PURE__ */ jsxs27(Flex23, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ jsx39(ArrowDownIcon2, { style: { color: "#f87171" } }),
-            /* @__PURE__ */ jsx39(Text29, { size: 2, weight: "medium", children: "Regressed Since Last Run" })
+          children: /* @__PURE__ */ jsxs28(Flex24, { align: "center", gap: 2, children: [
+            /* @__PURE__ */ jsx41(ArrowDownIcon2, { style: { color: "#f87171" } }),
+            /* @__PURE__ */ jsx41(Text30, { size: 2, weight: "medium", children: "Regressed Since Last Run" })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx39(Stack23, { children: regressed.map((featureName, i) => {
+      /* @__PURE__ */ jsx41(Stack23, { children: regressed.map((featureName, i) => {
         const area = scores.find((s) => s.feature === featureName);
-        return /* @__PURE__ */ jsxs27(
-          Flex23,
+        const areaDelta = perArea?.[featureName];
+        return /* @__PURE__ */ jsxs28(
+          Flex24,
           {
             align: "center",
             justify: "space-between",
             padding: 4,
             style: i > 0 ? dividerStyle : void 0,
             children: [
-              /* @__PURE__ */ jsx39(Text29, { size: 2, children: featureName }),
-              area && /* @__PURE__ */ jsx39(
-                "span",
-                {
-                  style: {
-                    backgroundColor: scoreBg(area.totalScore),
-                    borderRadius: 4,
-                    color: scoreColor(area.totalScore),
-                    fontFamily: "var(--font-code-size, monospace)",
-                    fontSize: 14,
-                    fontWeight: 500,
-                    padding: "3px 10px"
-                  },
-                  children: Math.round(area.totalScore)
-                }
-              )
+              /* @__PURE__ */ jsx41(Text30, { size: 2, children: featureName }),
+              /* @__PURE__ */ jsxs28(Flex24, { align: "center", gap: 3, children: [
+                areaDelta != null && /* @__PURE__ */ jsx41(DeltaIndicator, { delta: areaDelta, icon: true }),
+                area && /* @__PURE__ */ jsx41(
+                  "span",
+                  {
+                    style: {
+                      backgroundColor: scoreBg(area.totalScore),
+                      borderRadius: 4,
+                      color: scoreColor(area.totalScore),
+                      fontFamily: "var(--font-code-size, monospace)",
+                      fontSize: 14,
+                      fontWeight: 500,
+                      padding: "3px 10px"
+                    },
+                    children: Math.round(area.totalScore)
+                  }
+                )
+              ] })
             ]
           },
           featureName
         );
       }) })
     ] }),
-    efficiencyAnomalies.length > 0 && /* @__PURE__ */ jsxs27(Box19, { style: neutralCardStyle, children: [
-      /* @__PURE__ */ jsx39(
+    efficiencyAnomalies.length > 0 && /* @__PURE__ */ jsxs28(Box19, { style: neutralCardStyle, children: [
+      /* @__PURE__ */ jsx41(
         Box19,
         {
           padding: 4,
           style: { borderBottom: "1px solid var(--card-border-color)" },
-          children: /* @__PURE__ */ jsxs27(Stack23, { space: 2, children: [
-            /* @__PURE__ */ jsxs27(Flex23, { align: "center", gap: 2, children: [
-              /* @__PURE__ */ jsx39(BoltIcon2, { style: { color: "#fbbf24" } }),
-              /* @__PURE__ */ jsx39(Text29, { size: 2, weight: "medium", children: "Efficiency Anomalies (>100%)" }),
-              /* @__PURE__ */ jsx39(InfoTip, { text: GLOSSARY.efficiencyAnomalies })
+          children: /* @__PURE__ */ jsxs28(Stack23, { space: 2, children: [
+            /* @__PURE__ */ jsxs28(Flex24, { align: "center", gap: 2, children: [
+              /* @__PURE__ */ jsx41(BoltIcon2, { style: { color: "#fbbf24" } }),
+              /* @__PURE__ */ jsx41(Text30, { size: 2, weight: "medium", children: "Efficiency Anomalies (>100%)" }),
+              /* @__PURE__ */ jsx41(InfoTip, { text: GLOSSARY.efficiencyAnomalies })
             ] }),
-            /* @__PURE__ */ jsx39(Text29, { muted: true, size: 2, children: "Agent outperforms injected docs \u2014 may indicate doc quality issues or agent memorization." })
+            /* @__PURE__ */ jsx41(Text30, { muted: true, size: 2, children: "Agent outperforms injected docs \u2014 may indicate doc quality issues or agent memorization." })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx39(Stack23, { children: efficiencyAnomalies.map((area, i) => /* @__PURE__ */ jsxs27(
-        Flex23,
+      /* @__PURE__ */ jsx41(Stack23, { children: efficiencyAnomalies.map((area, i) => /* @__PURE__ */ jsxs28(
+        Flex24,
         {
           align: "center",
           justify: "space-between",
           padding: 4,
           style: i > 0 ? dividerStyle : void 0,
           children: [
-            /* @__PURE__ */ jsx39(Text29, { size: 2, children: area.feature }),
-            /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsx41(Text30, { size: 2, children: area.feature }),
+            /* @__PURE__ */ jsx41(
               "span",
               {
                 style: {
@@ -7951,12 +8069,12 @@ var tipArea = {
   fontWeight: 600
 };
 function dimTip(area, dim, score, description) {
-  return /* @__PURE__ */ jsxs27(Text29, { size: 2, style: { lineHeight: 1.5 }, children: [
-    /* @__PURE__ */ jsx39("span", { style: tipArea, children: area }),
+  return /* @__PURE__ */ jsxs28(Text30, { size: 2, style: { lineHeight: 1.5 }, children: [
+    /* @__PURE__ */ jsx41("span", { style: tipArea, children: area }),
     " scores",
     " ",
-    /* @__PURE__ */ jsx39("span", { style: tipValue2, children: score }),
-    /* @__PURE__ */ jsx39("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
+    /* @__PURE__ */ jsx41("span", { style: tipValue2, children: score }),
+    /* @__PURE__ */ jsx41("span", { style: { color: "var(--card-muted-fg-color)" }, children: "/100" }),
     " on",
     " ",
     dim.toLowerCase(),
@@ -7966,7 +8084,7 @@ function dimTip(area, dim, score, description) {
 }
 function getDimensionWeaknesses(area) {
   const result = [];
-  if (area.taskCompletion < 50)
+  if (area.taskCompletion < DIMENSION_WEAKNESS)
     result.push({
       dimension: "Task Completion",
       tip: dimTip(
@@ -7977,7 +8095,7 @@ function getDimensionWeaknesses(area) {
       ),
       value: Math.round(area.taskCompletion)
     });
-  if (area.codeCorrectness < 50)
+  if (area.codeCorrectness < DIMENSION_WEAKNESS)
     result.push({
       dimension: "Code Correctness",
       tip: dimTip(
@@ -7988,7 +8106,7 @@ function getDimensionWeaknesses(area) {
       ),
       value: Math.round(area.codeCorrectness)
     });
-  if (area.docCoverage < 50)
+  if (area.docCoverage < DIMENSION_WEAKNESS)
     result.push({
       dimension: "Doc Coverage",
       tip: dimTip(
@@ -8003,7 +8121,7 @@ function getDimensionWeaknesses(area) {
 }
 
 // src/components/report-detail/ReportDetail.tsx
-import { jsx as jsx40, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs29 } 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" };
@@ -8013,14 +8131,16 @@ function parseTab(raw) {
 }
 function ReportDetail({
   activeTab,
+  focus,
   onBack,
   onTabChange,
-  reportId
+  reportId,
+  subTab
 }) {
   const client = useClient10({ apiVersion: API_VERSION });
   const [loading, setLoading] = useState15(true);
   const [report, setReport] = useState15(null);
-  useEffect7(() => {
+  useEffect8(() => {
     let cancelled = false;
     setLoading(true);
     client.fetch(reportDetailQuery, { reportId }).then((data) => {
@@ -8060,19 +8180,19 @@ function ReportDetail({
     if (disabledTabs.has(parsed)) return "overview";
     return tabs.some((t) => t.id === parsed) ? parsed : "overview";
   }, [activeTab, disabledTabs, tabs]);
-  const handleTabClick = useCallback19(
+  const handleTabClick = useCallback20(
     (tabId) => {
-      onTabChange(tabId === "overview" ? null : tabId);
+      onTabChange(tabId === "overview" ? null : tabId, null, null);
     },
     [onTabChange]
   );
   if (loading) {
-    return /* @__PURE__ */ jsx40(LoadingState, { message: "Loading report\u2026" });
+    return /* @__PURE__ */ jsx42(LoadingState, { message: "Loading report\u2026" });
   }
   if (!report || !summary) {
-    return /* @__PURE__ */ jsx40(Box20, { padding: 5, children: /* @__PURE__ */ jsxs28(Stack24, { space: 4, children: [
-      /* @__PURE__ */ jsx40(
-        Button5,
+    return /* @__PURE__ */ jsx42(Box20, { padding: 5, children: /* @__PURE__ */ jsxs29(Stack24, { space: 4, children: [
+      /* @__PURE__ */ jsx42(
+        Button7,
         {
           icon: ArrowLeftIcon2,
           mode: "bleed",
@@ -8080,59 +8200,74 @@ function ReportDetail({
           text: "Back"
         }
       ),
-      /* @__PURE__ */ jsx40(Text30, { align: "center", muted: true, size: 3, children: "Report not found" })
+      /* @__PURE__ */ jsx42(Text31, { 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__ */ jsx40(Box20, { padding: 4, children: /* @__PURE__ */ jsxs28(Stack24, { space: 5, children: [
-    /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx42(Box20, { padding: 4, children: /* @__PURE__ */ jsxs29(Stack24, { space: 5, children: [
+    /* @__PURE__ */ jsx42(
       ReportHeader,
       {
         completedAt: report.completedAt,
-        documentId: report._id,
-        mode: provenance.mode,
         onBack,
-        onDeleted: onBack,
-        provenance,
-        reportId: report.reportId,
-        sourceName: provenance.source.name,
         tag: report.tag
       }
     ),
-    /* @__PURE__ */ jsx40(TabList, { space: 1, children: tabs.map((tab) => {
-      const isDisabled = disabledTabs.has(tab.id);
-      const tooltip = getDisabledTabTooltip(tab.id, summary);
-      const tabElement = /* @__PURE__ */ jsx40(
-        Tab,
-        {
-          "aria-controls": `panel-${tab.id}`,
-          disabled: isDisabled,
-          id: `tab-${tab.id}`,
-          label: tab.label,
-          onClick: () => handleTabClick(tab.id),
-          selected: currentTab === tab.id
-        }
-      );
-      return isDisabled && tooltip ? /* @__PURE__ */ jsx40(
-        Tooltip9,
-        {
-          content: /* @__PURE__ */ jsx40(Box20, { padding: 2, style: { maxWidth: 280 }, children: tooltip }),
-          placement: "bottom",
-          portal: true,
-          children: /* @__PURE__ */ jsx40("span", { style: { display: "inline-block" }, children: tabElement })
-        },
-        tab.id
-      ) : /* @__PURE__ */ jsx40("span", { children: tabElement }, tab.id);
-    }) }),
-    currentTab === "overview" && /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsxs29(Flex25, { align: "center", gap: 2, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx42(TabList, { space: 1, children: tabs.map((tab) => {
+        const isDisabled = disabledTabs.has(tab.id);
+        const tooltip = getDisabledTabTooltip(tab.id, summary);
+        const tabElement = /* @__PURE__ */ jsx42(
+          Tab,
+          {
+            "aria-controls": `panel-${tab.id}`,
+            disabled: isDisabled,
+            id: `tab-${tab.id}`,
+            label: tab.label,
+            onClick: () => handleTabClick(tab.id),
+            selected: currentTab === tab.id
+          }
+        );
+        return isDisabled && tooltip ? /* @__PURE__ */ jsx42(
+          Tooltip8,
+          {
+            content: /* @__PURE__ */ jsx42(Box20, { padding: 2, style: { maxWidth: 280 }, children: tooltip }),
+            placement: "bottom",
+            portal: true,
+            children: /* @__PURE__ */ jsx42("span", { style: { display: "inline-block" }, children: tabElement })
+          },
+          tab.id
+        ) : /* @__PURE__ */ jsx42("span", { children: tabElement }, tab.id);
+      }) }),
+      /* @__PURE__ */ jsxs29(Flex25, { align: "center", gap: 2, style: { marginLeft: "auto" }, children: [
+        /* @__PURE__ */ jsx42(
+          HoverTip,
+          {
+            text: SOURCE_TIP[provenance.source.name] ?? GLOSSARY.reportMode,
+            children: /* @__PURE__ */ jsx42(Badge7, { mode: "outline", tone: "default", children: provenance.source.name })
+          }
+        ),
+        /* @__PURE__ */ jsx42(HoverTip, { text: MODE_TIP2[provenance.mode] ?? GLOSSARY.reportMode, children: /* @__PURE__ */ jsx42(Badge7, { tone: "primary", children: provenance.mode }) }),
+        /* @__PURE__ */ jsx42(
+          ReportActions,
+          {
+            documentId: report._id,
+            onDeleted: onBack,
+            provenance,
+            reportId: report.reportId
+          }
+        )
+      ] })
+    ] }),
+    currentTab === "overview" && /* @__PURE__ */ jsx42(
       TabPanel,
       {
         "aria-labelledby": "tab-overview",
         hidden: currentTab !== "overview",
         id: "panel-overview",
-        children: /* @__PURE__ */ jsxs28(Stack24, { space: 5, children: [
-          /* @__PURE__ */ jsx40(
+        children: /* @__PURE__ */ jsxs29(Stack24, { space: 5, children: [
+          /* @__PURE__ */ jsx42(
             DiagnosticsOverview,
             {
               comparison,
@@ -8142,27 +8277,30 @@ function ReportDetail({
               totalTests
             }
           ),
-          /* @__PURE__ */ jsx40(LineageCard, { provenance, reportId: report.reportId }),
-          /* @__PURE__ */ jsx40(ProvenanceCard, { provenance })
+          /* @__PURE__ */ jsx42(LineageCard, { provenance, reportId: report.reportId }),
+          /* @__PURE__ */ jsx42(ProvenanceCard, { provenance })
         ] })
       }
     ),
-    currentTab === "diagnostics" && hasDiagnostics && /* @__PURE__ */ jsx40(
+    currentTab === "diagnostics" && hasDiagnostics && /* @__PURE__ */ jsx42(
       DiagnosticsPanel,
       {
         comparison,
+        focus,
         judgments: summary.lowScoringJudgments,
+        onNavigate: (newSubTab, newFocus) => onTabChange("diagnostics", newSubTab, newFocus),
         recommendations: summary.recommendations,
-        scores: summary.scores
+        scores: summary.scores,
+        subTab
       }
     ),
-    currentTab === "activity" && hasAgentActivity && /* @__PURE__ */ jsx40(
+    currentTab === "activity" && hasAgentActivity && /* @__PURE__ */ jsx42(
       TabPanel,
       {
         "aria-labelledby": "tab-activity",
         hidden: currentTab !== "activity",
         id: "panel-activity",
-        children: /* @__PURE__ */ jsx40(
+        children: /* @__PURE__ */ jsx42(
           AgentActivitySection,
           {
             agentBehavior: summary.agentBehavior,
@@ -8173,23 +8311,30 @@ function ReportDetail({
     )
   ] }) });
 }
+function parseDiagSubTab(raw) {
+  if (raw === "issues") return "issues";
+  return "strengths";
+}
 var DIAG_TABS = [
   { id: "strengths", label: "Strengths" },
   { id: "issues", label: "Issues" }
 ];
 function DiagnosticsPanel({
   comparison,
+  focus,
   judgments,
+  onNavigate,
   recommendations,
-  scores
+  scores,
+  subTab: subTabParam
 }) {
-  const [subTab, setSubTab] = useState15("strengths");
-  const issueCount = scores.filter((s) => s.totalScore < 70).length + scores.filter((s) => s.negativeDocLift).length + scores.filter(
-    (s) => s.infrastructureEfficiency != null && s.infrastructureEfficiency < 0.7 && !s.invertedRetrievalGap
+  const subTab = parseDiagSubTab(subTabParam);
+  const issueCount = scores.filter((s) => s.totalScore < SCORE_CAUTION).length + scores.filter((s) => s.negativeDocLift).length + scores.filter(
+    (s) => s.infrastructureEfficiency != null && s.infrastructureEfficiency < EFFICIENCY_CAUTION && !s.invertedRetrievalGap
   ).length;
-  return /* @__PURE__ */ jsx40(TabPanel, { "aria-labelledby": "tab-diagnostics", id: "panel-diagnostics", children: /* @__PURE__ */ jsxs28(Stack24, { space: 4, children: [
-    /* @__PURE__ */ jsx40(
-      Flex24,
+  return /* @__PURE__ */ jsx42(TabPanel, { "aria-labelledby": "tab-diagnostics", id: "panel-diagnostics", children: /* @__PURE__ */ jsxs29(Stack24, { space: 4, children: [
+    /* @__PURE__ */ jsx42(
+      Flex25,
       {
         align: "center",
         gap: 1,
@@ -8198,10 +8343,10 @@ function DiagnosticsPanel({
           paddingBottom: 8
         },
         wrap: "wrap",
-        children: DIAG_TABS.map((tab) => /* @__PURE__ */ jsxs28(
+        children: DIAG_TABS.map((tab) => /* @__PURE__ */ jsxs29(
           "button",
           {
-            onClick: () => setSubTab(tab.id),
+            onClick: () => onNavigate(tab.id === "strengths" ? null : tab.id, null),
             style: {
               alignItems: "center",
               background: subTab === tab.id ? "var(--card-muted-bg-color)" : "transparent",
@@ -8218,7 +8363,7 @@ function DiagnosticsPanel({
             type: "button",
             children: [
               tab.label,
-              tab.id === "issues" && issueCount > 0 && /* @__PURE__ */ jsx40(
+              tab.id === "issues" && issueCount > 0 && /* @__PURE__ */ jsx42(
                 "span",
                 {
                   style: {
@@ -8238,14 +8383,33 @@ function DiagnosticsPanel({
         ))
       }
     ),
-    subTab === "strengths" && /* @__PURE__ */ jsx40(StrengthsList, { comparison, scores }),
-    subTab === "issues" && /* @__PURE__ */ jsxs28(Stack24, { space: 5, children: [
-      /* @__PURE__ */ jsx40(WeaknessesList, { comparison, scores }),
-      recommendations && recommendations.gaps.length > 0 && /* @__PURE__ */ jsx40(RecommendationsSection, { recommendations }),
-      judgments && judgments.length > 0 && /* @__PURE__ */ jsx40(JudgmentList, { judgments })
+    subTab === "strengths" && /* @__PURE__ */ jsx42(StrengthsList, { comparison, scores }),
+    subTab === "issues" && /* @__PURE__ */ jsxs29(Stack24, { space: 5, children: [
+      /* @__PURE__ */ jsx42(WeaknessesList, { comparison, scores }),
+      recommendations && recommendations.gaps.length > 0 && /* @__PURE__ */ jsx42(RecommendationsSection, { recommendations }),
+      judgments && judgments.length > 0 && /* @__PURE__ */ jsx42(
+        JudgmentList,
+        {
+          focus,
+          judgments,
+          onFocusChange: (slug) => onNavigate("issues", slug)
+        }
+      )
     ] })
   ] }) });
 }
+var MODE_TIP2 = {
+  agentic: GLOSSARY.modeAgentic,
+  baseline: GLOSSARY.modeBaseline,
+  debug: GLOSSARY.modeDebug,
+  full: GLOSSARY.modeFull,
+  observed: GLOSSARY.modeObserved
+};
+var SOURCE_TIP = {
+  branch: GLOSSARY.sourceBranch,
+  local: GLOSSARY.sourceLocal,
+  production: GLOSSARY.sourceProduction
+};
 var inlineCodeStyle = {
   background: "var(--card-code-bg-color, rgba(255,255,255,0.06))",
   borderRadius: 3,
@@ -8257,17 +8421,17 @@ function getDisabledTabTooltip(tabId, summary) {
   if (!summary) return null;
   switch (tabId) {
     case "diagnostics":
-      return /* @__PURE__ */ jsx40(Text30, { muted: true, size: 2, children: "No diagnostic data available. Diagnostics require at least one scored feature area." });
+      return /* @__PURE__ */ jsx42(Text31, { muted: true, size: 2, children: "No diagnostic data available. Diagnostics require at least one scored feature area." });
     case "activity":
-      return summary.evaluationMode === "baseline" ? /* @__PURE__ */ jsxs28(Text30, { muted: true, size: 2, children: [
+      return summary.evaluationMode === "baseline" ? /* @__PURE__ */ jsxs29(Text31, { muted: true, size: 2, children: [
         "Not available for baseline-only evaluations. Run with",
         " ",
-        /* @__PURE__ */ jsx40("code", { style: inlineCodeStyle, children: "--mode full" }),
+        /* @__PURE__ */ jsx42("code", { style: inlineCodeStyle, children: "--mode full" }),
         " or",
         " ",
-        /* @__PURE__ */ jsx40("code", { style: inlineCodeStyle, children: "--mode agentic" }),
+        /* @__PURE__ */ jsx42("code", { style: inlineCodeStyle, children: "--mode agentic" }),
         " to capture agent browsing behavior."
-      ] }) : /* @__PURE__ */ jsx40(Text30, { muted: true, size: 2, children: "No agent activity data was recorded for this evaluation." });
+      ] }) : /* @__PURE__ */ jsx42(Text31, { muted: true, size: 2, children: "No agent activity data was recorded for this evaluation." });
     default:
       return null;
   }
@@ -8275,7 +8439,7 @@ function getDisabledTabTooltip(tabId, summary) {
 
 // src/components/report-detail/AreaScoreTable.tsx
 import React4 from "react";
-import { Card as Card14, Stack as Stack25, Text as Text32 } from "@sanity/ui";
+import { Card as Card14, Stack as Stack25, Text as Text33 } from "@sanity/ui";
 
 // src/lib/scoring.ts
 var HEX_MAP = {
@@ -8292,30 +8456,30 @@ function scoreHex(score) {
 }
 
 // src/components/primitives/ScoreCell.tsx
-import { Card as Card13, Text as Text31 } from "@sanity/ui";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { Card as Card13, Text as Text32 } from "@sanity/ui";
+import { jsx as jsx43 } from "react/jsx-runtime";
 
 // src/components/report-detail/AreaScoreTable.tsx
-import { jsx as jsx42, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs30 } from "react/jsx-runtime";
 
 // src/components/report-detail/ComparisonSummary.tsx
-import { Badge as Badge8, Box as Box21, Card as Card15, Flex as Flex25, Grid as Grid4, Stack as Stack26, Text as Text33, Tooltip as Tooltip10 } from "@sanity/ui";
-import { jsx as jsx43, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Badge as Badge8, Box as Box21, Card as Card15, Flex as Flex26, Grid as Grid4, Stack as Stack26, Text as Text34, Tooltip as Tooltip9 } from "@sanity/ui";
+import { jsx as jsx45, jsxs as jsxs31 } from "react/jsx-runtime";
 
 // src/components/report-detail/OverviewStats.tsx
 import { Grid as Grid5 } from "@sanity/ui";
-import { jsx as jsx44, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs32 } from "react/jsx-runtime";
 
 // src/components/report-detail/ThreeLayerTable.tsx
 import React5 from "react";
-import { Badge as Badge9, Card as Card16, Flex as Flex26, Stack as Stack27, Text as Text34 } from "@sanity/ui";
-import { jsx as jsx45, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Badge as Badge9, Card as Card16, Flex as Flex27, Stack as Stack27, Text as Text35 } from "@sanity/ui";
+import { jsx as jsx47, jsxs as jsxs33 } from "react/jsx-runtime";
 
 // src/components/ScoreTimeline.tsx
-import { Card as Card17, Flex as Flex27, Select as Select2, Stack as Stack28, Text as Text35 } from "@sanity/ui";
-import { useCallback as useCallback20, useEffect as useEffect8, useMemo as useMemo8, useState as useState16 } from "react";
+import { Card as Card17, Flex as Flex28, Select as Select2, Stack as Stack28, Text as Text36 } from "@sanity/ui";
+import { useCallback as useCallback21, useEffect as useEffect9, useMemo as useMemo8, useState as useState16 } from "react";
 import { useClient as useClient11 } from "sanity";
-import { jsx as jsx46, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs34 } from "react/jsx-runtime";
 var CHART_HEIGHT = 220;
 var CHART_WIDTH = 800;
 var PAD_BOTTOM = 30;
@@ -8363,7 +8527,7 @@ function ScoreTimeline({ mode = null, source = null }) {
     }
     return Array.from(names).sort();
   }, [dataPoints]);
-  const fetchData = useCallback20(async () => {
+  const fetchData = useCallback21(async () => {
     setLoading(true);
     try {
       const startDate = rangeDays ? daysAgo(rangeDays) : "1970-01-01T00:00:00Z";
@@ -8378,7 +8542,7 @@ function ScoreTimeline({ mode = null, source = null }) {
       setLoading(false);
     }
   }, [client, mode, rangeDays, source]);
-  useEffect8(() => {
+  useEffect9(() => {
     void fetchData();
   }, [fetchData]);
   const chartPoints = useMemo8(() => {
@@ -8399,14 +8563,14 @@ function ScoreTimeline({ mode = null, source = null }) {
     if (chartPoints.length === 0) return 0;
     return chartPoints.reduce((sum, p) => sum + p.score, 0) / chartPoints.length;
   }, [chartPoints]);
-  const handleRangeChange = useCallback20(
+  const handleRangeChange = useCallback21(
     (e) => {
       const val = e.currentTarget.value;
       setRangeDays(val === "all" ? null : Number(val));
     },
     []
   );
-  const handleAreaChange = useCallback20(
+  const handleAreaChange = useCallback21(
     (e) => {
       const val = e.currentTarget.value;
       setSelectedArea(val || null);
@@ -8414,22 +8578,22 @@ function ScoreTimeline({ mode = null, source = null }) {
     []
   );
   const polylinePoints = chartPoints.map((p) => `${p.x},${p.y}`).join(" ");
-  return /* @__PURE__ */ jsxs33(Stack28, { space: 4, children: [
-    /* @__PURE__ */ jsxs33(Flex27, { gap: 3, children: [
-      /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsxs34(Stack28, { space: 4, children: [
+    /* @__PURE__ */ jsxs34(Flex28, { gap: 3, children: [
+      /* @__PURE__ */ jsx48(
         Select2,
         {
           onChange: handleRangeChange,
           value: rangeDays?.toString() ?? "all",
-          children: TIME_RANGES.map((r) => /* @__PURE__ */ jsx46("option", { value: r.days?.toString() ?? "all", children: r.label }, r.label))
+          children: TIME_RANGES.map((r) => /* @__PURE__ */ jsx48("option", { value: r.days?.toString() ?? "all", children: r.label }, r.label))
         }
       ),
-      /* @__PURE__ */ jsxs33(Select2, { onChange: handleAreaChange, value: selectedArea ?? "", children: [
-        /* @__PURE__ */ jsx46("option", { value: "", children: "Overall" }),
-        areaNames.map((name) => /* @__PURE__ */ jsx46("option", { value: name, children: name }, name))
+      /* @__PURE__ */ jsxs34(Select2, { onChange: handleAreaChange, value: selectedArea ?? "", children: [
+        /* @__PURE__ */ jsx48("option", { value: "", children: "Overall" }),
+        areaNames.map((name) => /* @__PURE__ */ jsx48("option", { value: name, children: name }, name))
       ] })
     ] }),
-    /* @__PURE__ */ jsx46(Card17, { padding: 3, radius: 2, shadow: 1, children: loading ? /* @__PURE__ */ jsx46(Flex27, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx46(Text35, { muted: true, size: 2, children: "Loading\u2026" }) }) : chartPoints.length === 0 ? /* @__PURE__ */ jsx46(Flex27, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx46(Text35, { muted: true, size: 2, children: "No reports found for this time range" }) }) : /* @__PURE__ */ jsxs33(
+    /* @__PURE__ */ jsx48(Card17, { padding: 3, radius: 2, shadow: 1, children: loading ? /* @__PURE__ */ jsx48(Flex28, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx48(Text36, { muted: true, size: 2, children: "Loading\u2026" }) }) : chartPoints.length === 0 ? /* @__PURE__ */ jsx48(Flex28, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx48(Text36, { muted: true, size: 2, children: "No reports found for this time range" }) }) : /* @__PURE__ */ jsxs34(
       "svg",
       {
         style: { display: "block", width: "100%" },
@@ -8437,8 +8601,8 @@ function ScoreTimeline({ mode = null, source = null }) {
         children: [
           Y_TICKS.map((tick) => {
             const y = PAD_TOP + PLOT_HEIGHT - tick / Y_MAX * PLOT_HEIGHT;
-            return /* @__PURE__ */ jsxs33("g", { children: [
-              /* @__PURE__ */ jsx46(
+            return /* @__PURE__ */ jsxs34("g", { children: [
+              /* @__PURE__ */ jsx48(
                 "line",
                 {
                   stroke: "#ccc",
@@ -8449,7 +8613,7 @@ function ScoreTimeline({ mode = null, source = null }) {
                   y2: y
                 }
               ),
-              /* @__PURE__ */ jsx46(
+              /* @__PURE__ */ jsx48(
                 "text",
                 {
                   dominantBaseline: "middle",
@@ -8469,7 +8633,7 @@ function ScoreTimeline({ mode = null, source = null }) {
             chartPoints.length - 1
           ].map((idx) => {
             const p = chartPoints[idx];
-            return /* @__PURE__ */ jsx46(
+            return /* @__PURE__ */ jsx48(
               "text",
               {
                 fill: "#999",
@@ -8481,7 +8645,7 @@ function ScoreTimeline({ mode = null, source = null }) {
               },
               idx
             );
-          }) : chartPoints.map((p, idx) => /* @__PURE__ */ jsx46(
+          }) : chartPoints.map((p, idx) => /* @__PURE__ */ jsx48(
             "text",
             {
               fill: "#999",
@@ -8493,7 +8657,7 @@ function ScoreTimeline({ mode = null, source = null }) {
             },
             idx
           )),
-          /* @__PURE__ */ jsx46(
+          /* @__PURE__ */ jsx48(
             "polyline",
             {
               fill: "none",
@@ -8503,7 +8667,7 @@ function ScoreTimeline({ mode = null, source = null }) {
               strokeWidth: 2.5
             }
           ),
-          chartPoints.map((p, idx) => /* @__PURE__ */ jsx46(
+          chartPoints.map((p, idx) => /* @__PURE__ */ jsx48(
             "circle",
             {
               cx: p.x,
@@ -8512,7 +8676,7 @@ function ScoreTimeline({ mode = null, source = null }) {
               r: 4,
               stroke: "#fff",
               strokeWidth: 1.5,
-              children: /* @__PURE__ */ jsxs33("title", { children: [
+              children: /* @__PURE__ */ jsxs34("title", { children: [
                 formatDate(p.date),
                 ": ",
                 Math.round(p.score)
@@ -8523,7 +8687,7 @@ function ScoreTimeline({ mode = null, source = null }) {
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs33(Text35, { muted: true, size: 2, children: [
+    /* @__PURE__ */ jsxs34(Text36, { muted: true, size: 2, children: [
       chartPoints.length,
       " data point",
       chartPoints.length !== 1 ? "s" : ""
@@ -8533,7 +8697,7 @@ function ScoreTimeline({ mode = null, source = null }) {
 var ScoreTimeline_default = ScoreTimeline;
 
 // src/components/Dashboard.tsx
-import { jsx as jsx47, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs35 } from "react/jsx-runtime";
 var VIEW_PARAM_MAP = {
   compare: "compare",
   timeline: "timeline"
@@ -8544,7 +8708,7 @@ function Dashboard() {
   const reportId = routerState.reportId ?? null;
   const isDetail = reportId !== null;
   const activeTab = isDetail ? "latest" : VIEW_PARAM_MAP[routerState.view ?? ""] ?? "latest";
-  const navigateToTab = useCallback21(
+  const navigateToTab = useCallback22(
     (tab) => {
       if (tab === "latest") {
         router.navigate({});
@@ -8554,33 +8718,35 @@ function Dashboard() {
     },
     [router]
   );
-  const handleSelectReport = useCallback21(
+  const handleSelectReport = useCallback22(
     (id) => {
       router.navigate({ reportId: id });
     },
     [router]
   );
-  const handleTabChange = useCallback21(
-    (tab) => {
+  const handleTabChange = useCallback22(
+    (tab, subTab, focus) => {
       if (!routerState.reportId) return;
-      if (tab) {
-        router.navigate({ reportId: routerState.reportId, tab });
-      } else {
-        router.navigate({ reportId: routerState.reportId });
-      }
+      const state = {
+        reportId: routerState.reportId
+      };
+      if (tab) state.tab = tab;
+      if (subTab) state.subTab = subTab;
+      if (focus) state.focus = focus;
+      router.navigate(state);
     },
     [router, routerState.reportId]
   );
-  const handleBack = useCallback21(() => {
+  const handleBack = useCallback22(() => {
     router.navigate({});
   }, [router]);
-  return /* @__PURE__ */ jsx47(Container, { width: 4, children: /* @__PURE__ */ jsxs34(Stack29, { padding: 4, space: 4, children: [
-    /* @__PURE__ */ jsx47(Flex28, { align: "center", gap: 3, children: /* @__PURE__ */ jsxs34(Stack29, { flex: 1, space: 1, children: [
-      /* @__PURE__ */ jsx47(Text36, { size: 4, weight: "bold", children: "AI Literacy Framework" }),
-      /* @__PURE__ */ jsx47(Text36, { muted: true, size: 2, children: "Evaluation reports and score trends" })
+  return /* @__PURE__ */ jsx49(Container, { width: 4, children: /* @__PURE__ */ jsxs35(Stack29, { padding: 4, space: 4, children: [
+    /* @__PURE__ */ jsx49(Flex29, { align: "center", gap: 3, children: /* @__PURE__ */ jsxs35(Stack29, { flex: 1, space: 1, children: [
+      /* @__PURE__ */ jsx49(Text37, { size: 4, weight: "bold", children: "AI Literacy Framework" }),
+      /* @__PURE__ */ jsx49(Text37, { muted: true, size: 2, children: "Evaluation reports and score trends" })
     ] }) }),
-    !isDetail && /* @__PURE__ */ jsxs34(TabList2, { space: 1, children: [
-      /* @__PURE__ */ jsx47(
+    !isDetail && /* @__PURE__ */ jsxs35(TabList2, { space: 1, children: [
+      /* @__PURE__ */ jsx49(
         Tab2,
         {
           "aria-controls": "latest-panel",
@@ -8590,7 +8756,7 @@ function Dashboard() {
           selected: activeTab === "latest"
         }
       ),
-      /* @__PURE__ */ jsx47(
+      /* @__PURE__ */ jsx49(
         Tab2,
         {
           "aria-controls": "timeline-panel",
@@ -8600,7 +8766,7 @@ function Dashboard() {
           selected: activeTab === "timeline"
         }
       ),
-      /* @__PURE__ */ jsx47(
+      /* @__PURE__ */ jsx49(
         Tab2,
         {
           "aria-controls": "compare-panel",
@@ -8611,16 +8777,18 @@ function Dashboard() {
         }
       )
     ] }),
-    !isDetail && activeTab === "latest" && /* @__PURE__ */ jsx47(TabPanel2, { "aria-labelledby": "latest-tab", id: "latest-panel", children: /* @__PURE__ */ jsx47(LatestReports, { onSelectReport: handleSelectReport }) }),
-    !isDetail && activeTab === "timeline" && /* @__PURE__ */ jsx47(TabPanel2, { "aria-labelledby": "timeline-tab", id: "timeline-panel", children: /* @__PURE__ */ jsx47(ScoreTimeline_default, {}) }),
-    !isDetail && activeTab === "compare" && /* @__PURE__ */ jsx47(TabPanel2, { "aria-labelledby": "compare-tab", id: "compare-panel", children: /* @__PURE__ */ jsx47(ComparisonView, {}) }),
-    isDetail && reportId && /* @__PURE__ */ jsx47(
+    !isDetail && activeTab === "latest" && /* @__PURE__ */ jsx49(TabPanel2, { "aria-labelledby": "latest-tab", id: "latest-panel", children: /* @__PURE__ */ jsx49(LatestReports, { onSelectReport: handleSelectReport }) }),
+    !isDetail && activeTab === "timeline" && /* @__PURE__ */ jsx49(TabPanel2, { "aria-labelledby": "timeline-tab", id: "timeline-panel", children: /* @__PURE__ */ jsx49(ScoreTimeline_default, {}) }),
+    !isDetail && activeTab === "compare" && /* @__PURE__ */ jsx49(TabPanel2, { "aria-labelledby": "compare-tab", id: "compare-panel", children: /* @__PURE__ */ jsx49(ComparisonView, {}) }),
+    isDetail && reportId && /* @__PURE__ */ jsx49(
       ReportDetail,
       {
         activeTab: routerState.tab ?? null,
+        focus: routerState.focus ?? null,
         onBack: handleBack,
         onTabChange: handleTabChange,
-        reportId
+        reportId,
+        subTab: routerState.subTab ?? null
       }
     )
   ] }) });
@@ -8628,7 +8796,11 @@ function Dashboard() {
 
 // src/tool.tsx
 var toolRouter = route.create("/", [
-  route.create("/report/:reportId", [route.create("/:tab")]),
+  route.create("/report/:reportId", [
+    route.create("/:tab", [
+      route.create("/:subTab", [route.create("/:focus")])
+    ])
+  ]),
   route.create("/:view")
 ]);
 function ailfTool(options = {}) {
@@ -8643,8 +8815,8 @@ function ailfTool(options = {}) {
 
 // src/actions/RunEvaluationAction.tsx
 import { BarChartIcon as BarChartIcon2 } from "@sanity/icons";
-import { useToast as useToast8 } from "@sanity/ui";
-import { useCallback as useCallback22, useEffect as useEffect9, useRef as useRef4, useState as useState17 } from "react";
+import { useToast as useToast10 } from "@sanity/ui";
+import { useCallback as useCallback23, useEffect as useEffect10, useRef as useRef5, useState as useState17 } from "react";
 import {
   getReleaseIdFromReleaseDocumentId as getReleaseIdFromReleaseDocumentId3,
   useClient as useClient12,
@@ -8674,11 +8846,11 @@ function createRunEvaluationAction(options = {}) {
     const dataset = useDataset2();
     const projectId = useProjectId2();
     const currentUser = useCurrentUser4();
-    const toast = useToast8();
+    const toast = useToast10();
     const [state, setState] = useState17({ status: "loading" });
-    const requestedAtRef = useRef4(null);
+    const requestedAtRef = useRef5(null);
     const perspectiveId = getReleaseIdFromReleaseDocumentId3(release._id);
-    useEffect9(() => {
+    useEffect10(() => {
       let cancelled = false;
       client.fetch(contentImpactQuery, buildReportQueryParams(perspectiveId)).then((results) => {
         if (cancelled) return;
@@ -8701,7 +8873,7 @@ function createRunEvaluationAction(options = {}) {
         cancelled = true;
       };
     }, [client, perspectiveId]);
-    useEffect9(() => {
+    useEffect10(() => {
       if (state.status !== "requested" && state.status !== "polling") return;
       const { requestId, startedAt } = state;
       if (state.status === "requested") {
@@ -8751,7 +8923,7 @@ function createRunEvaluationAction(options = {}) {
       }, POLL_INTERVAL_MS2);
       return () => clearInterval(interval);
     }, [client, perspectiveId, state]);
-    useEffect9(() => {
+    useEffect10(() => {
       if (state.status !== "error") return;
       const timer = setTimeout(() => {
         client.fetch(contentImpactQuery, buildReportQueryParams(perspectiveId)).then((results) => {
@@ -8771,7 +8943,7 @@ function createRunEvaluationAction(options = {}) {
       }, 15e3);
       return () => clearTimeout(timer);
     }, [client, perspectiveId, state]);
-    const handleRequest = useCallback22(async () => {
+    const handleRequest = useCallback23(async () => {
       const releaseTitle = release.metadata?.title ?? perspectiveId ?? "release";
       const tag = `release-${slugify3(releaseTitle)}-${dateStamp3()}`;
       const now = Date.now();