@sanity/ailf-studio 0.1.6 → 0.1.8

package/dist/index.js

@@ -600,6 +600,50 @@ var reportSchema = defineType4({
               title: "Average Infrastructure Efficiency",
               description: "Average actual / ceiling across areas. Only present in full-mode reports.",
               type: "number"
+            }),
+            defineField4({
+              description: "Aggregate agent behavior stats across all feature areas. Only present in agentic/full-mode reports.",
+              fields: [
+                defineField4({
+                  name: "avgDocPagesVisited",
+                  title: "Avg Doc Pages Visited",
+                  description: "Average number of documentation pages visited per test across all areas.",
+                  type: "number"
+                }),
+                defineField4({
+                  name: "avgSearchesPerformed",
+                  title: "Avg Searches Performed",
+                  description: "Average number of searches performed per test across all areas.",
+                  type: "number"
+                }),
+                defineField4({
+                  name: "avgNetworkTimeMs",
+                  title: "Avg Network Time (ms)",
+                  description: "Average network time in milliseconds per test across all areas.",
+                  type: "number"
+                }),
+                defineField4({
+                  name: "testsWithBehaviorData",
+                  title: "Tests With Behavior Data",
+                  description: "Total number of tests that reported agent behavior data.",
+                  type: "number"
+                }),
+                defineField4({
+                  name: "totalUniqueDocSlugs",
+                  title: "Total Unique Doc Slugs",
+                  description: "Total number of unique documentation slugs visited across all tests.",
+                  type: "number"
+                }),
+                defineField4({
+                  name: "totalUniqueSearchQueries",
+                  title: "Total Unique Search Queries",
+                  description: "Total number of unique search queries performed across all tests.",
+                  type: "number"
+                })
+              ],
+              name: "agentBehavior",
+              title: "Agent Behavior",
+              type: "object"
             })
           ],
           name: "overall",
@@ -1000,6 +1044,69 @@ var reportSchema = defineType4({
           ],
           title: "Per-Model Scores",
           type: "array"
+        }),
+        defineField4({
+          description: "Per-feature agent behavior data from agentic evaluations \u2014 doc pages visited, searches performed, network time.",
+          name: "agentBehavior",
+          of: [
+            {
+              fields: [
+                defineField4({
+                  name: "feature",
+                  title: "Feature",
+                  type: "string"
+                }),
+                defineField4({
+                  name: "avgDocPagesVisited",
+                  title: "Avg Doc Pages Visited",
+                  description: "Average number of documentation pages visited per test in this feature area.",
+                  type: "number"
+                }),
+                defineField4({
+                  name: "avgSearchesPerformed",
+                  title: "Avg Searches Performed",
+                  description: "Average number of searches performed per test in this feature area.",
+                  type: "number"
+                }),
+                defineField4({
+                  name: "avgNetworkTimeMs",
+                  title: "Avg Network Time (ms)",
+                  description: "Average network time in milliseconds per test in this feature area.",
+                  type: "number"
+                }),
+                defineField4({
+                  name: "docSlugsVisited",
+                  of: [{ type: "string" }],
+                  title: "Doc Slugs Visited",
+                  description: "Unique documentation slugs visited across all tests in this feature area.",
+                  type: "array"
+                }),
+                defineField4({
+                  name: "searchQueries",
+                  of: [{ type: "string" }],
+                  title: "Search Queries",
+                  description: "Unique search queries performed across all tests in this feature area.",
+                  type: "array"
+                }),
+                defineField4({
+                  name: "externalDomains",
+                  of: [{ type: "string" }],
+                  title: "External Domains",
+                  description: "External domains accessed by the agent during evaluation of this feature area.",
+                  type: "array"
+                }),
+                defineField4({
+                  name: "tasksWithBehaviorData",
+                  title: "Tasks With Behavior Data",
+                  description: "Number of tasks in this feature area that reported agent behavior data.",
+                  type: "number"
+                })
+              ],
+              type: "object"
+            }
+          ],
+          title: "Agent Behavior",
+          type: "array"
         })
       ],
       group: ["main", "all-fields"],
@@ -2333,15 +2440,15 @@ import { route } from "sanity/router";
 // src/components/Dashboard.tsx
 import {
   Container,
-  Flex as Flex25,
+  Flex as Flex26,
   Select as Select3,
-  Stack as Stack24,
-  Tab,
-  TabList,
-  TabPanel,
-  Text as Text33
+  Stack as Stack25,
+  Tab as Tab2,
+  TabList as TabList2,
+  TabPanel as TabPanel2,
+  Text as Text34
 } from "@sanity/ui";
-import { useCallback as useCallback14, useEffect as useEffect9, useState as useState10 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect9, useState as useState11 } from "react";
 import { useClient as useClient8 } from "sanity";
 import { useRouter } from "sanity/router";
 
@@ -2630,6 +2737,16 @@ var GLOSSARY = {
   failureMode: "The type of documentation problem: missing-docs (functionality not covered), incorrect-docs (factual errors), outdated-docs (stale API/patterns), or poor-structure (hard to find/understand).",
   estimatedLift: "Estimated composite score improvement if this gap is fully fixed. Based on raising bottleneck dimensions to the median of non-bottlenecked dimensions.",
   confidence: "How confident the classifier is in this diagnosis. High = strong keyword + structural signal agreement. Medium = partial agreement. Low = weak signals only.",
+  // -- Agent behavior --------------------------------------------------------
+  agentBehaviorOverview: "How AI agents interacted with your documentation during evaluation: what they searched for, which pages they visited, and how much time they spent on network requests.",
+  searchQueries: "The exact search queries agents used to find documentation. Helps you understand how agents discover your content and whether your docs appear for relevant queries.",
+  docSlugsVisited: "Documentation page slugs that agents actually visited during evaluation. Compare against canonical docs to see if agents found the right pages.",
+  externalDomains: "Non-Sanity domains that agents contacted during evaluation. High external domain counts may indicate agents couldn't find what they needed in your docs.",
+  avgDocPagesVisited: "Average number of documentation pages visited per test. Higher counts can mean agents need to consult many pages (complex task) or can't find the right one quickly.",
+  avgSearchesPerformed: "Average number of web searches performed per test. High search counts can indicate docs are hard to discover through search engines.",
+  avgNetworkTimeMs: "Average time spent on network requests per test. Includes page fetches, search queries, and API calls.",
+  totalRequests: "Total number of HTTP requests the agent made during the test, including searches, page visits, and API calls.",
+  totalBytesDownloaded: "Total bytes downloaded by the agent. Large downloads may indicate the agent is fetching many pages or very large documents.",
   // -- 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.",
@@ -4343,28 +4460,297 @@ function getDateThreshold(preset) {
 
 // src/components/report-detail/ReportDetail.tsx
 import { ArrowLeftIcon as ArrowLeftIcon2 } from "@sanity/icons";
-import { Box as Box14, Button as Button3, Stack as Stack22, Text as Text31, useToast } from "@sanity/ui";
-import { useCallback as useCallback12, useEffect as useEffect7, useState as useState8 } from "react";
+import { Box as Box15, Button as Button3, Stack as Stack23, Tab, TabList, TabPanel, Text as Text32 } from "@sanity/ui";
+import { useCallback as useCallback12, useEffect as useEffect7, useMemo as useMemo7, useState as useState9 } from "react";
 import { useClient as useClient6 } from "sanity";
 
+// src/components/report-detail/AgentActivitySection.tsx
+import { useMemo as useMemo6, useState as useState7 } from "react";
+import { HelpCircleIcon as HelpCircleIcon5, SearchIcon as SearchIcon5 } from "@sanity/icons";
+import {
+  Badge as Badge14,
+  Box as Box10,
+  Card as Card14,
+  Flex as Flex18,
+  Grid as Grid2,
+  Stack as Stack15,
+  Text as Text23,
+  TextInput,
+  Tooltip as Tooltip4
+} from "@sanity/ui";
+
+// src/components/primitives/StatCard.tsx
+import { HelpCircleIcon as HelpCircleIcon4 } from "@sanity/icons";
+import { Box as Box9, Card as Card13, Stack as Stack14, Text as Text22, Tooltip as Tooltip3 } from "@sanity/ui";
+import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+function StatCard({
+  label,
+  value,
+  tooltip,
+  suffix,
+  tone = "default"
+}) {
+  return /* @__PURE__ */ jsx25(Card13, { padding: 3, radius: 2, shadow: 1, tone, children: /* @__PURE__ */ jsxs22(Stack14, { space: 2, children: [
+    /* @__PURE__ */ jsxs22(Text22, { muted: true, size: 1, children: [
+      label,
+      tooltip && /* @__PURE__ */ jsxs22(Fragment4, { children: [
+        " ",
+        /* @__PURE__ */ jsx25(
+          Tooltip3,
+          {
+            content: /* @__PURE__ */ jsx25(Box9, { padding: 2, children: /* @__PURE__ */ jsx25(Text22, { size: 1, children: tooltip }) }),
+            portal: true,
+            children: /* @__PURE__ */ jsx25("span", { style: { cursor: "help" }, children: /* @__PURE__ */ jsx25(HelpCircleIcon4, {}) })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs22(Text22, { size: 3, weight: "bold", children: [
+      value,
+      suffix && /* @__PURE__ */ jsxs22("span", { style: { fontSize: "0.6em", fontWeight: 400 }, children: [
+        " ",
+        suffix
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/components/report-detail/AgentActivitySection.tsx
+import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+function AgentActivitySection({
+  agentBehavior,
+  overall
+}) {
+  return /* @__PURE__ */ jsxs23(Stack15, { space: 5, children: [
+    overall && /* @__PURE__ */ jsx26(OverviewGrid, { overall }),
+    agentBehavior.map((ab) => /* @__PURE__ */ jsx26(FeatureActivityCard, { behavior: ab }, ab.feature))
+  ] });
+}
+function OverviewGrid({ overall }) {
+  return /* @__PURE__ */ jsx26(Card14, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs23(Stack15, { space: 4, children: [
+    /* @__PURE__ */ jsxs23(Flex18, { align: "center", gap: 3, children: [
+      /* @__PURE__ */ jsx26(Text23, { size: 2, weight: "semibold", children: "Agent Activity Overview" }),
+      /* @__PURE__ */ jsx26(GlossaryTip, { text: GLOSSARY.agentBehaviorOverview })
+    ] }),
+    /* @__PURE__ */ jsxs23(Grid2, { columns: [1, 2, 3], gap: 3, children: [
+      /* @__PURE__ */ jsx26(
+        StatCard,
+        {
+          label: "Avg Pages Visited",
+          tooltip: GLOSSARY.avgDocPagesVisited,
+          value: overall.avgDocPagesVisited.toFixed(1)
+        }
+      ),
+      /* @__PURE__ */ jsx26(
+        StatCard,
+        {
+          label: "Avg Searches",
+          tooltip: GLOSSARY.avgSearchesPerformed,
+          value: overall.avgSearchesPerformed.toFixed(1)
+        }
+      ),
+      /* @__PURE__ */ jsx26(
+        StatCard,
+        {
+          label: "Avg Network Time",
+          tooltip: GLOSSARY.avgNetworkTimeMs,
+          value: formatDuration(overall.avgNetworkTimeMs)
+        }
+      ),
+      /* @__PURE__ */ jsx26(
+        StatCard,
+        {
+          label: "Unique Doc Slugs",
+          tooltip: GLOSSARY.docSlugsVisited,
+          value: String(overall.totalUniqueDocSlugs)
+        }
+      ),
+      /* @__PURE__ */ jsx26(
+        StatCard,
+        {
+          label: "Unique Search Queries",
+          tooltip: GLOSSARY.searchQueries,
+          value: String(overall.totalUniqueSearchQueries)
+        }
+      ),
+      /* @__PURE__ */ jsx26(
+        StatCard,
+        {
+          label: "Tests with Data",
+          value: String(overall.testsWithBehaviorData)
+        }
+      )
+    ] })
+  ] }) });
+}
+function FeatureActivityCard({
+  behavior
+}) {
+  return /* @__PURE__ */ jsx26(Card14, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs23(Stack15, { space: 4, children: [
+    /* @__PURE__ */ jsxs23(Flex18, { align: "center", gap: 3, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx26(Text23, { size: 2, weight: "semibold", children: behavior.feature }),
+      /* @__PURE__ */ jsxs23(Badge14, { tone: "primary", children: [
+        behavior.tasksWithBehaviorData,
+        " test",
+        behavior.tasksWithBehaviorData === 1 ? "" : "s"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs23(Grid2, { columns: [1, 3], gap: 3, children: [
+      /* @__PURE__ */ jsx26(
+        MiniStat,
+        {
+          label: "Avg pages visited",
+          value: behavior.avgDocPagesVisited.toFixed(1)
+        }
+      ),
+      /* @__PURE__ */ jsx26(
+        MiniStat,
+        {
+          label: "Avg searches",
+          value: behavior.avgSearchesPerformed.toFixed(1)
+        }
+      ),
+      /* @__PURE__ */ jsx26(
+        MiniStat,
+        {
+          label: "Avg network time",
+          value: formatDuration(behavior.avgNetworkTimeMs)
+        }
+      )
+    ] }),
+    behavior.searchQueries.length > 0 && /* @__PURE__ */ jsx26(SearchQueryList, { queries: behavior.searchQueries }),
+    behavior.docSlugsVisited.length > 0 && /* @__PURE__ */ jsx26(
+      BadgeList,
+      {
+        items: behavior.docSlugsVisited,
+        label: "Pages Visited",
+        tone: "primary",
+        tooltip: GLOSSARY.docSlugsVisited
+      }
+    ),
+    behavior.externalDomains.length > 0 && /* @__PURE__ */ jsx26(
+      BadgeList,
+      {
+        items: behavior.externalDomains,
+        label: "External Domains",
+        tone: "caution",
+        tooltip: GLOSSARY.externalDomains
+      }
+    )
+  ] }) });
+}
+function SearchQueryList({ queries }) {
+  const [filter, setFilter] = useState7("");
+  const filtered = useMemo6(() => {
+    if (!filter) return queries;
+    const lower = filter.toLowerCase();
+    return queries.filter((q) => q.toLowerCase().includes(lower));
+  }, [queries, filter]);
+  return /* @__PURE__ */ jsxs23(Stack15, { space: 3, children: [
+    /* @__PURE__ */ jsxs23(Flex18, { align: "center", gap: 3, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx26(Text23, { size: 1, weight: "semibold", children: "Search Queries" }),
+      /* @__PURE__ */ jsx26(GlossaryTip, { text: GLOSSARY.searchQueries }),
+      /* @__PURE__ */ jsx26(Badge14, { tone: "default", children: queries.length })
+    ] }),
+    queries.length > 5 && /* @__PURE__ */ jsx26(
+      TextInput,
+      {
+        fontSize: 1,
+        icon: SearchIcon5,
+        onChange: (e) => setFilter(e.target.value),
+        placeholder: "Filter queries\u2026",
+        value: filter
+      }
+    ),
+    /* @__PURE__ */ jsx26(
+      Card14,
+      {
+        overflow: "auto",
+        padding: 3,
+        radius: 2,
+        style: { maxHeight: 300 },
+        tone: "transparent",
+        children: /* @__PURE__ */ jsxs23(Stack15, { space: 2, children: [
+          filtered.length === 0 && /* @__PURE__ */ jsx26(Text23, { muted: true, size: 1, children: "No matching queries" }),
+          filtered.map((query, i) => /* @__PURE__ */ jsx26(
+            Text23,
+            {
+              muted: true,
+              size: 1,
+              style: {
+                fontFamily: "monospace",
+                lineHeight: 1.5,
+                wordBreak: "break-word"
+              },
+              children: query
+            },
+            `q-${i}`
+          ))
+        ] })
+      }
+    )
+  ] });
+}
+function BadgeList({
+  items,
+  label,
+  tone,
+  tooltip
+}) {
+  return /* @__PURE__ */ jsxs23(Stack15, { space: 3, children: [
+    /* @__PURE__ */ jsxs23(Flex18, { align: "center", gap: 3, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx26(Text23, { size: 1, weight: "semibold", children: label }),
+      tooltip && /* @__PURE__ */ jsx26(GlossaryTip, { text: tooltip }),
+      /* @__PURE__ */ jsx26(Badge14, { tone: "default", children: items.length })
+    ] }),
+    /* @__PURE__ */ jsx26(Flex18, { gap: 2, wrap: "wrap", children: items.map((item) => /* @__PURE__ */ jsx26(Badge14, { mode: "outline", tone, children: item }, item)) })
+  ] });
+}
+function MiniStat({ label, value }) {
+  return /* @__PURE__ */ jsxs23(Stack15, { space: 1, children: [
+    /* @__PURE__ */ jsx26(
+      Text23,
+      {
+        muted: true,
+        size: 0,
+        style: { letterSpacing: "0.05em", textTransform: "uppercase" },
+        weight: "semibold",
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsx26(Text23, { size: 2, weight: "bold", children: value })
+  ] });
+}
+function GlossaryTip({ text }) {
+  return /* @__PURE__ */ jsx26(
+    Tooltip4,
+    {
+      content: /* @__PURE__ */ jsx26(Box10, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx26(Text23, { size: 1, children: text }) }),
+      placement: "bottom",
+      portal: true,
+      children: /* @__PURE__ */ jsx26(Text23, { muted: true, size: 0, children: /* @__PURE__ */ jsx26(HelpCircleIcon5, {}) })
+    }
+  );
+}
+
 // src/components/report-detail/AreaScoreTable.tsx
-import React from "react";
-import { Card as Card14, Stack as Stack14, Text as Text23 } from "@sanity/ui";
+import React2 from "react";
+import { Card as Card16, Stack as Stack16, Text as Text25 } from "@sanity/ui";
 
 // src/components/primitives/ScoreCell.tsx
-import { Card as Card13, Text as Text22 } from "@sanity/ui";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { Card as Card15, Text as Text24 } from "@sanity/ui";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function ScoreCell({ score, size = 1 }) {
   const rounded = Math.round(score);
-  return /* @__PURE__ */ jsx25(Card13, { padding: 1, radius: 2, tone: scoreTone(rounded), children: /* @__PURE__ */ jsx25(Text22, { align: "center", size, weight: "medium", children: rounded }) });
+  return /* @__PURE__ */ jsx27(Card15, { padding: 1, radius: 2, tone: scoreTone(rounded), children: /* @__PURE__ */ jsx27(Text24, { align: "center", size, weight: "medium", children: rounded }) });
 }
 
 // src/components/report-detail/AreaScoreTable.tsx
-import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
 function AreaScoreTable({ scores }) {
-  return /* @__PURE__ */ jsx26(Card14, { overflow: "auto", padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs22(Stack14, { space: 4, children: [
-    /* @__PURE__ */ jsx26(Text23, { size: 2, weight: "semibold", children: "Per-Area Scores" }),
-    /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsx28(Card16, { overflow: "auto", padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs24(Stack16, { space: 4, children: [
+    /* @__PURE__ */ jsx28(Text25, { size: 2, weight: "semibold", children: "Per-Area Scores" }),
+    /* @__PURE__ */ jsxs24(
       "div",
       {
         style: {
@@ -4373,9 +4759,9 @@ function AreaScoreTable({ scores }) {
           gridTemplateColumns: "2fr 1fr 1fr 1fr 1fr 1fr 1fr"
         },
         children: [
-          /* @__PURE__ */ jsx26(ColumnHeader, { borderBottom: true, label: "Area" }),
-          /* @__PURE__ */ jsx26(ColumnHeader, { borderBottom: true, label: "Score", tooltip: GLOSSARY.score }),
-          /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsx28(ColumnHeader, { borderBottom: true, label: "Area" }),
+          /* @__PURE__ */ jsx28(ColumnHeader, { borderBottom: true, label: "Score", tooltip: GLOSSARY.score }),
+          /* @__PURE__ */ jsx28(
             ColumnHeader,
             {
               borderBottom: true,
@@ -4383,7 +4769,7 @@ function AreaScoreTable({ scores }) {
               tooltip: GLOSSARY.taskCompletion
             }
           ),
-          /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsx28(
             ColumnHeader,
             {
               borderBottom: true,
@@ -4391,7 +4777,7 @@ function AreaScoreTable({ scores }) {
               tooltip: GLOSSARY.codeCorrectness
             }
           ),
-          /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsx28(
             ColumnHeader,
             {
               borderBottom: true,
@@ -4399,10 +4785,10 @@ function AreaScoreTable({ scores }) {
               tooltip: GLOSSARY.docCoverage
             }
           ),
-          /* @__PURE__ */ jsx26(ColumnHeader, { borderBottom: true, label: "Lift", tooltip: GLOSSARY.docLift }),
-          /* @__PURE__ */ jsx26(ColumnHeader, { borderBottom: true, label: "Tests", tooltip: GLOSSARY.tests }),
-          scores.map((score, i) => /* @__PURE__ */ jsxs22(React.Fragment, { children: [
-            /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsx28(ColumnHeader, { borderBottom: true, label: "Lift", tooltip: GLOSSARY.docLift }),
+          /* @__PURE__ */ jsx28(ColumnHeader, { borderBottom: true, label: "Tests", tooltip: GLOSSARY.tests }),
+          scores.map((score, i) => /* @__PURE__ */ jsxs24(React2.Fragment, { children: [
+            /* @__PURE__ */ jsx28(
               "div",
               {
                 style: {
@@ -4410,14 +4796,14 @@ function AreaScoreTable({ scores }) {
                   borderRadius: 4,
                   padding: "8px 0 8px 4px"
                 },
-                children: /* @__PURE__ */ jsx26(Text23, { size: 1, weight: "medium", children: score.feature })
+                children: /* @__PURE__ */ jsx28(Text25, { size: 1, weight: "medium", children: score.feature })
               }
             ),
-            /* @__PURE__ */ jsx26("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx26(ScoreCell, { score: score.totalScore }) }),
-            /* @__PURE__ */ jsx26("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx26(ScoreCell, { score: score.taskCompletion }) }),
-            /* @__PURE__ */ jsx26("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx26(ScoreCell, { score: score.codeCorrectness }) }),
-            /* @__PURE__ */ jsx26("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx26(ScoreCell, { score: score.docCoverage }) }),
-            /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx28("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx28(ScoreCell, { score: score.totalScore }) }),
+            /* @__PURE__ */ jsx28("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx28(ScoreCell, { score: score.taskCompletion }) }),
+            /* @__PURE__ */ jsx28("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx28(ScoreCell, { score: score.codeCorrectness }) }),
+            /* @__PURE__ */ jsx28("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx28(ScoreCell, { score: score.docCoverage }) }),
+            /* @__PURE__ */ jsx28(
               "div",
               {
                 style: {
@@ -4425,10 +4811,10 @@ function AreaScoreTable({ scores }) {
                   background: rowBackground(i),
                   display: "flex"
                 },
-                children: /* @__PURE__ */ jsx26(Text23, { size: 1, children: formatDelta(score.docLift) })
+                children: /* @__PURE__ */ jsx28(Text25, { size: 1, children: formatDelta(score.docLift) })
               }
             ),
-            /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx28(
               "div",
               {
                 style: {
@@ -4436,7 +4822,7 @@ function AreaScoreTable({ scores }) {
                   background: rowBackground(i),
                   display: "flex"
                 },
-                children: /* @__PURE__ */ jsx26(Text23, { muted: true, size: 1, children: score.testCount })
+                children: /* @__PURE__ */ jsx28(Text25, { muted: true, size: 1, children: score.testCount })
               }
             )
           ] }, score.feature))
@@ -4447,13 +4833,13 @@ function AreaScoreTable({ scores }) {
 }
 
 // src/components/report-detail/ComparisonSummary.tsx
-import { Badge as Badge14, Box as Box9, Card as Card15, Flex as Flex18, Grid as Grid2, Stack as Stack15, Text as Text24, Tooltip as Tooltip3 } from "@sanity/ui";
-import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Badge as Badge15, Box as Box11, Card as Card17, Flex as Flex19, Grid as Grid3, Stack as Stack17, Text as Text26, Tooltip as Tooltip5 } from "@sanity/ui";
+import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
 function ComparisonSummary({ comparison }) {
-  return /* @__PURE__ */ jsx27(Card15, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs23(Stack15, { space: 4, children: [
-    /* @__PURE__ */ jsxs23(Flex18, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx27(Text24, { size: 2, weight: "semibold", children: "Comparison" }),
-      /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx29(Card17, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs25(Stack17, { space: 4, children: [
+    /* @__PURE__ */ jsxs25(Flex19, { align: "center", gap: 3, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx29(Text26, { size: 2, weight: "semibold", children: "Comparison" }),
+      /* @__PURE__ */ jsx29(
         DeltaCard,
         {
           delta: comparison.deltas.overall,
@@ -4461,7 +4847,7 @@ function ComparisonSummary({ comparison }) {
           tooltip: GLOSSARY.overallDelta
         }
       ),
-      comparison.deltas.actualDelta != null && /* @__PURE__ */ jsx27(
+      comparison.deltas.actualDelta != null && /* @__PURE__ */ jsx29(
         DeltaCard,
         {
           delta: comparison.deltas.actualDelta,
@@ -4469,7 +4855,7 @@ function ComparisonSummary({ comparison }) {
           tooltip: GLOSSARY.actualDelta
         }
       ),
-      comparison.deltas.retrievalGapDelta != null && /* @__PURE__ */ jsx27(
+      comparison.deltas.retrievalGapDelta != null && /* @__PURE__ */ jsx29(
         DeltaCard,
         {
           delta: comparison.deltas.retrievalGapDelta,
@@ -4479,8 +4865,8 @@ function ComparisonSummary({ comparison }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs23(Grid2, { columns: [1, 1, 3], gap: 3, children: [
-      comparison.improved.length > 0 && /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsxs25(Grid3, { columns: [1, 1, 3], gap: 3, children: [
+      comparison.improved.length > 0 && /* @__PURE__ */ jsx29(
         AreaBadgeGroup,
         {
           areas: comparison.improved,
@@ -4488,7 +4874,7 @@ function ComparisonSummary({ comparison }) {
           tone: "positive"
         }
       ),
-      comparison.regressed.length > 0 && /* @__PURE__ */ jsx27(
+      comparison.regressed.length > 0 && /* @__PURE__ */ jsx29(
         AreaBadgeGroup,
         {
           areas: comparison.regressed,
@@ -4496,7 +4882,7 @@ function ComparisonSummary({ comparison }) {
           tone: "critical"
         }
       ),
-      comparison.unchanged.length > 0 && /* @__PURE__ */ jsx27(
+      comparison.unchanged.length > 0 && /* @__PURE__ */ jsx29(
         AreaBadgeGroup,
         {
           areas: comparison.unchanged,
@@ -4515,19 +4901,19 @@ function DeltaCard({
 }) {
   const isPositive = invertedPolarity ? delta < 0 : delta > 0;
   const isNegative = invertedPolarity ? delta > 0 : delta < 0;
-  return /* @__PURE__ */ jsx27(
-    Tooltip3,
+  return /* @__PURE__ */ jsx29(
+    Tooltip5,
     {
-      content: /* @__PURE__ */ jsx27(Box9, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx27(Text24, { size: 1, children: tooltip }) }),
+      content: /* @__PURE__ */ jsx29(Box11, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx29(Text26, { size: 1, children: tooltip }) }),
       placement: "bottom",
       portal: true,
-      children: /* @__PURE__ */ jsx27(
-        Card15,
+      children: /* @__PURE__ */ jsx29(
+        Card17,
         {
           padding: 2,
           radius: 2,
           tone: isPositive ? "positive" : isNegative ? "critical" : "default",
-          children: /* @__PURE__ */ jsxs23(Text24, { size: 1, weight: "bold", children: [
+          children: /* @__PURE__ */ jsxs25(Text26, { size: 1, weight: "bold", children: [
             formatDelta(delta),
             " ",
             label
@@ -4542,9 +4928,9 @@ function AreaBadgeGroup({
   label,
   tone
 }) {
-  return /* @__PURE__ */ jsxs23(Stack15, { space: 2, children: [
-    /* @__PURE__ */ jsx27(
-      Text24,
+  return /* @__PURE__ */ jsxs25(Stack17, { space: 2, children: [
+    /* @__PURE__ */ jsx29(
+      Text26,
       {
         muted: true,
         size: 0,
@@ -4553,21 +4939,21 @@ function AreaBadgeGroup({
         children: label
       }
     ),
-    /* @__PURE__ */ jsx27(Flex18, { gap: 1, wrap: "wrap", children: areas.map((a) => /* @__PURE__ */ jsx27(Badge14, { tone, children: a }, a)) })
+    /* @__PURE__ */ jsx29(Flex19, { gap: 1, wrap: "wrap", children: areas.map((a) => /* @__PURE__ */ jsx29(Badge15, { tone, children: a }, a)) })
   ] });
 }
 
 // src/components/report-detail/JudgmentList.tsx
-import { useState as useState7 } from "react";
-import { HelpCircleIcon as HelpCircleIcon4 } from "@sanity/icons";
-import { Badge as Badge15, Box as Box10, Card as Card16, Flex as Flex19, Stack as Stack16, Text as Text25, Tooltip as Tooltip4 } from "@sanity/ui";
+import { useState as useState8 } from "react";
+import { HelpCircleIcon as HelpCircleIcon6 } from "@sanity/icons";
+import { Badge as Badge16, Box as Box12, Card as Card18, Flex as Flex20, Stack as Stack18, Text as Text27, Tooltip as Tooltip6 } from "@sanity/ui";
 
 // src/components/primitives/InlineCode.tsx
-import { Fragment as Fragment4, jsx as jsx28 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx30 } from "react/jsx-runtime";
 function InlineCode({ text }) {
   const parts = text.split(/`([^`]+)`/);
-  return /* @__PURE__ */ jsx28(Fragment4, { children: parts.map(
-    (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx30(Fragment5, { children: parts.map(
+    (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsx30(
       "code",
       {
         style: {
@@ -4579,12 +4965,12 @@ function InlineCode({ text }) {
         children: part
       },
       i
-    ) : /* @__PURE__ */ jsx28("span", { children: part }, i)
+    ) : /* @__PURE__ */ jsx30("span", { children: part }, i)
   ) });
 }
 
 // src/components/report-detail/JudgmentList.tsx
-import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
 function groupByArea(judgments) {
   const byArea = /* @__PURE__ */ new Map();
   for (const j of judgments) {
@@ -4599,56 +4985,56 @@ var DIMENSION_LABELS = DIMENSION_LABELS_KEBAB;
 function JudgmentList({ judgments }) {
   if (judgments.length === 0) return null;
   const grouped = groupByArea(judgments);
-  return /* @__PURE__ */ jsx29(Card16, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs24(Stack16, { space: 4, children: [
-    /* @__PURE__ */ jsxs24(Flex19, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx29(Text25, { size: 2, weight: "semibold", children: "Low-Scoring Judgments" }),
-      /* @__PURE__ */ jsx29(
-        Tooltip4,
+  return /* @__PURE__ */ jsx31(Card18, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs26(Stack18, { space: 4, children: [
+    /* @__PURE__ */ jsxs26(Flex20, { align: "center", gap: 3, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx31(Text27, { size: 2, weight: "semibold", children: "Low-Scoring Judgments" }),
+      /* @__PURE__ */ jsx31(
+        Tooltip6,
         {
-          content: /* @__PURE__ */ jsx29(Box10, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx29(Text25, { size: 1, children: GLOSSARY.lowScoringJudgments }) }),
+          content: /* @__PURE__ */ jsx31(Box12, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx31(Text27, { size: 1, children: GLOSSARY.lowScoringJudgments }) }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsx29(Text25, { muted: true, size: 0, children: /* @__PURE__ */ jsx29(HelpCircleIcon4, {}) })
+          children: /* @__PURE__ */ jsx31(Text27, { muted: true, size: 0, children: /* @__PURE__ */ jsx31(HelpCircleIcon6, {}) })
         }
       ),
-      /* @__PURE__ */ jsx29(Card16, { padding: 2, radius: 2, tone: "critical", children: /* @__PURE__ */ jsxs24(Text25, { size: 1, weight: "bold", children: [
+      /* @__PURE__ */ jsx31(Card18, { padding: 2, radius: 2, tone: "critical", children: /* @__PURE__ */ jsxs26(Text27, { size: 1, weight: "bold", children: [
         judgments.length,
         " judgment",
         judgments.length === 1 ? "" : "s",
         " below 70"
       ] }) })
     ] }),
-    grouped.map(([area, areaJudgments]) => /* @__PURE__ */ jsx29(Card16, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs24(Stack16, { space: 3, children: [
-      /* @__PURE__ */ jsxs24(Text25, { size: 1, weight: "semibold", children: [
+    grouped.map(([area, areaJudgments]) => /* @__PURE__ */ jsx31(Card18, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs26(Stack18, { space: 3, children: [
+      /* @__PURE__ */ jsxs26(Text27, { size: 1, weight: "semibold", children: [
         area,
         " ",
-        /* @__PURE__ */ jsxs24(Text25, { muted: true, size: 1, weight: "regular", as: "span", children: [
+        /* @__PURE__ */ jsxs26(Text27, { muted: true, size: 1, weight: "regular", as: "span", children: [
           "(",
           areaJudgments.length,
           ")"
         ] })
       ] }),
-      areaJudgments.map((j, i) => /* @__PURE__ */ jsx29(JudgmentCard, { judgment: j }, `${area}-${i}`))
+      areaJudgments.map((j, i) => /* @__PURE__ */ jsx31(JudgmentCard, { judgment: j }, `${area}-${i}`))
     ] }) }, area))
   ] }) });
 }
 function JudgmentCard({ judgment }) {
-  const [expanded, setExpanded] = useState7(false);
+  const [expanded, setExpanded] = useState8(false);
   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__ */ jsx29(
-    Card16,
+  return /* @__PURE__ */ jsx31(
+    Card18,
     {
       padding: 3,
       radius: 2,
       shadow: 1,
       style: { cursor: "pointer" },
       onClick: () => setExpanded(!expanded),
-      children: /* @__PURE__ */ jsxs24(Stack16, { space: 3, children: [
-        /* @__PURE__ */ jsxs24(Flex19, { align: "center", gap: 2, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx29(Card16, { padding: 2, radius: 2, tone: scoreTone(judgment.score), children: /* @__PURE__ */ jsx29(
-            Text25,
+      children: /* @__PURE__ */ jsxs26(Stack18, { space: 3, children: [
+        /* @__PURE__ */ jsxs26(Flex20, { align: "center", gap: 2, wrap: "wrap", children: [
+          /* @__PURE__ */ jsx31(Card18, { padding: 2, radius: 2, tone: scoreTone(judgment.score), children: /* @__PURE__ */ jsx31(
+            Text27,
             {
               align: "center",
               size: 1,
@@ -4657,32 +5043,32 @@ function JudgmentCard({ judgment }) {
               children: judgment.score
             }
           ) }),
-          /* @__PURE__ */ jsx29(Badge15, { tone: "default", children: dimLabel }),
-          /* @__PURE__ */ jsx29(Text25, { size: 1, weight: "medium", children: taskName }),
-          /* @__PURE__ */ jsx29(Text25, { muted: true, size: 0, children: judgment.modelId }),
-          /* @__PURE__ */ jsx29(Text25, { muted: true, size: 0, style: { marginLeft: "auto" }, children: expanded ? "\u25B2" : "\u25BC" })
+          /* @__PURE__ */ jsx31(Badge16, { tone: "default", children: dimLabel }),
+          /* @__PURE__ */ jsx31(Text27, { size: 1, weight: "medium", children: taskName }),
+          /* @__PURE__ */ jsx31(Text27, { muted: true, size: 0, children: judgment.modelId }),
+          /* @__PURE__ */ jsx31(Text27, { muted: true, size: 0, style: { marginLeft: "auto" }, children: expanded ? "\u25B2" : "\u25BC" })
         ] }),
-        expanded && /* @__PURE__ */ jsxs24(Stack16, { space: 3, children: [
-          /* @__PURE__ */ jsx29(Card16, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx29(
-            Text25,
+        expanded && /* @__PURE__ */ jsxs26(Stack18, { space: 3, children: [
+          /* @__PURE__ */ jsx31(Card18, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx31(
+            Text27,
             {
               muted: true,
               size: 1,
               style: { lineHeight: 1.6, whiteSpace: "pre-wrap" },
-              children: /* @__PURE__ */ jsx29(InlineCode, { text: judgment.reason })
+              children: /* @__PURE__ */ jsx31(InlineCode, { text: judgment.reason })
             }
           ) }),
-          judgment.canonicalDocs && judgment.canonicalDocs.length > 0 && /* @__PURE__ */ jsxs24(Flex19, { align: "center", gap: 2, wrap: "wrap", children: [
-            /* @__PURE__ */ jsx29(Text25, { muted: true, size: 0, children: "Docs:" }),
+          judgment.canonicalDocs && judgment.canonicalDocs.length > 0 && /* @__PURE__ */ jsxs26(Flex20, { align: "center", gap: 2, wrap: "wrap", children: [
+            /* @__PURE__ */ jsx31(Text27, { muted: true, size: 0, children: "Docs:" }),
             judgment.canonicalDocs.map((doc) => {
-              const badge = /* @__PURE__ */ jsx29(Badge15, { mode: "outline", tone: "primary", children: doc.slug });
-              return /* @__PURE__ */ jsx29(
-                Tooltip4,
+              const badge = /* @__PURE__ */ jsx31(Badge16, { mode: "outline", tone: "primary", children: doc.slug });
+              return /* @__PURE__ */ jsx31(
+                Tooltip6,
                 {
-                  content: /* @__PURE__ */ jsx29(Box10, { padding: 2, children: /* @__PURE__ */ jsx29(Text25, { size: 1, children: doc.title || doc.slug }) }),
+                  content: /* @__PURE__ */ jsx31(Box12, { padding: 2, children: /* @__PURE__ */ jsx31(Text27, { size: 1, children: doc.title || doc.slug }) }),
                   placement: "bottom",
                   portal: true,
-                  children: doc.documentId ? /* @__PURE__ */ jsx29(
+                  children: doc.documentId ? /* @__PURE__ */ jsx31(
                     "a",
                     {
                       href: `/intent/edit/id=${doc.documentId}`,
@@ -4703,46 +5089,8 @@ function JudgmentCard({ judgment }) {
 }
 
 // src/components/report-detail/OverviewStats.tsx
-import { Grid as Grid3 } from "@sanity/ui";
-
-// src/components/primitives/StatCard.tsx
-import { HelpCircleIcon as HelpCircleIcon5 } from "@sanity/icons";
-import { Box as Box11, Card as Card17, Stack as Stack17, Text as Text26, Tooltip as Tooltip5 } from "@sanity/ui";
-import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
-function StatCard({
-  label,
-  value,
-  tooltip,
-  suffix,
-  tone = "default"
-}) {
-  return /* @__PURE__ */ jsx30(Card17, { padding: 3, radius: 2, shadow: 1, tone, children: /* @__PURE__ */ jsxs25(Stack17, { space: 2, children: [
-    /* @__PURE__ */ jsxs25(Text26, { muted: true, size: 1, children: [
-      label,
-      tooltip && /* @__PURE__ */ jsxs25(Fragment5, { children: [
-        " ",
-        /* @__PURE__ */ jsx30(
-          Tooltip5,
-          {
-            content: /* @__PURE__ */ jsx30(Box11, { padding: 2, children: /* @__PURE__ */ jsx30(Text26, { size: 1, children: tooltip }) }),
-            portal: true,
-            children: /* @__PURE__ */ jsx30("span", { style: { cursor: "help" }, children: /* @__PURE__ */ jsx30(HelpCircleIcon5, {}) })
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs25(Text26, { size: 3, weight: "bold", children: [
-      value,
-      suffix && /* @__PURE__ */ jsxs25("span", { style: { fontSize: "0.6em", fontWeight: 400 }, children: [
-        " ",
-        suffix
-      ] })
-    ] })
-  ] }) });
-}
-
-// src/components/report-detail/OverviewStats.tsx
-import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Grid as Grid4 } from "@sanity/ui";
+import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
 function OverviewStats({
   overall,
   durationMs,
@@ -4750,8 +5098,8 @@ function OverviewStats({
   isFullMode
 }) {
   const overallTone = scoreTone(overall.avgScore);
-  return /* @__PURE__ */ jsxs26(Grid3, { columns: [1, 1, 2, isFullMode ? 4 : 4], gap: 3, children: [
-    /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs27(Grid4, { columns: [1, 1, 2, isFullMode ? 4 : 4], gap: 3, children: [
+    /* @__PURE__ */ jsx32(
       StatCard,
       {
         label: "Overall Score",
@@ -4760,7 +5108,7 @@ function OverviewStats({
         value: overall.avgScore.toFixed(1)
       }
     ),
-    /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx32(
       StatCard,
       {
         label: "Doc Lift",
@@ -4769,7 +5117,7 @@ function OverviewStats({
         value: overall.avgDocLift.toFixed(1)
       }
     ),
-    isFullMode && overall.avgActualScore != null && /* @__PURE__ */ jsx31(
+    isFullMode && overall.avgActualScore != null && /* @__PURE__ */ jsx32(
       StatCard,
       {
         label: "Actual Score",
@@ -4778,7 +5126,7 @@ function OverviewStats({
         value: overall.avgActualScore.toFixed(1)
       }
     ),
-    isFullMode && overall.avgRetrievalGap != null && /* @__PURE__ */ jsx31(
+    isFullMode && overall.avgRetrievalGap != null && /* @__PURE__ */ jsx32(
       StatCard,
       {
         label: "Retrieval Gap",
@@ -4788,7 +5136,7 @@ function OverviewStats({
         value: overall.avgRetrievalGap.toFixed(1)
       }
     ),
-    isFullMode && overall.avgInfrastructureEfficiency != null && /* @__PURE__ */ jsx31(
+    isFullMode && overall.avgInfrastructureEfficiency != null && /* @__PURE__ */ jsx32(
       StatCard,
       {
         label: "Infra Efficiency",
@@ -4796,8 +5144,8 @@ function OverviewStats({
         value: formatPercent(overall.avgInfrastructureEfficiency)
       }
     ),
-    /* @__PURE__ */ jsx31(StatCard, { label: "Duration", value: formatDuration(durationMs) }),
-    /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx32(StatCard, { label: "Duration", value: formatDuration(durationMs) }),
+    /* @__PURE__ */ jsx32(
       StatCard,
       {
         label: "Tests",
@@ -4809,31 +5157,31 @@ function OverviewStats({
 }
 
 // src/components/report-detail/ProvenanceCard.tsx
-import { Card as Card18, Flex as Flex20, Grid as Grid4, Stack as Stack18, Text as Text27 } from "@sanity/ui";
-import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Card as Card19, Flex as Flex21, Grid as Grid5, Stack as Stack19, Text as Text28 } from "@sanity/ui";
+import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
 var VIEWABLE_PROMPTFOO_MODES = /* @__PURE__ */ new Set(["agentic", "observed"]);
 function ProvenanceCard({ provenance }) {
-  return /* @__PURE__ */ jsx32(Card18, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs27(Stack18, { space: 4, children: [
-    /* @__PURE__ */ jsx32(Text27, { size: 2, weight: "semibold", children: "Provenance" }),
-    /* @__PURE__ */ jsxs27(Grid4, { columns: [1, 2, 3], gap: 4, children: [
-      /* @__PURE__ */ jsx32(Field, { label: "Mode", value: provenance.mode }),
-      /* @__PURE__ */ jsx32(Field, { label: "Source", value: provenance.source.name }),
-      /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(Card19, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs28(Stack19, { space: 4, children: [
+    /* @__PURE__ */ jsx33(Text28, { size: 2, weight: "semibold", children: "Provenance" }),
+    /* @__PURE__ */ jsxs28(Grid5, { columns: [1, 2, 3], gap: 4, children: [
+      /* @__PURE__ */ jsx33(Field, { label: "Mode", value: provenance.mode }),
+      /* @__PURE__ */ jsx33(Field, { label: "Source", value: provenance.source.name }),
+      /* @__PURE__ */ jsx33(
         Field,
         {
           label: "Trigger",
           value: provenance.trigger.type + (provenance.trigger.workflow ? ` (${provenance.trigger.workflow})` : "")
         }
       ),
-      /* @__PURE__ */ jsx32(
+      /* @__PURE__ */ jsx33(
         Field,
         {
           label: "Models",
           value: provenance.models.map((m) => m.label).join(", ")
         }
       ),
-      /* @__PURE__ */ jsx32(Field, { label: "Grader Model", mono: true, value: provenance.graderModel }),
-      provenance.contextHash && /* @__PURE__ */ jsx32(
+      /* @__PURE__ */ jsx33(Field, { label: "Grader Model", mono: true, value: provenance.graderModel }),
+      provenance.contextHash && /* @__PURE__ */ jsx33(
         Field,
         {
           label: "Context Hash",
@@ -4842,8 +5190,8 @@ function ProvenanceCard({ provenance }) {
         }
       )
     ] }),
-    provenance.git && /* @__PURE__ */ jsx32(GitInfo, { git: provenance.git }),
-    /* @__PURE__ */ jsx32(PromptfooLinks, { provenance })
+    provenance.git && /* @__PURE__ */ jsx33(GitInfo, { git: provenance.git }),
+    /* @__PURE__ */ jsx33(PromptfooLinks, { provenance })
   ] }) });
 }
 function Field({
@@ -4851,9 +5199,9 @@ function Field({
   mono,
   value
 }) {
-  return /* @__PURE__ */ jsxs27(Stack18, { space: 1, children: [
-    /* @__PURE__ */ jsx32(
-      Text27,
+  return /* @__PURE__ */ jsxs28(Stack19, { space: 1, children: [
+    /* @__PURE__ */ jsx33(
+      Text28,
       {
         muted: true,
         size: 0,
@@ -4862,7 +5210,7 @@ function Field({
         children: label
       }
     ),
-    /* @__PURE__ */ jsx32(Text27, { size: 1, style: mono ? { fontFamily: "monospace" } : void 0, children: value })
+    /* @__PURE__ */ jsx33(Text28, { size: 1, style: mono ? { fontFamily: "monospace" } : void 0, children: value })
   ] });
 }
 function GitInfo({ git }) {
@@ -4870,15 +5218,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__ */ jsx32(Card18, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs27(Flex20, { align: "center", gap: 3, wrap: "wrap", children: [
-    /* @__PURE__ */ jsx32(Text27, { muted: true, size: 1, weight: "semibold", children: "Git" }),
-    /* @__PURE__ */ jsxs27(Text27, { size: 1, children: [
-      /* @__PURE__ */ jsx32("a", { href: repoUrl, rel: "noopener noreferrer", target: "_blank", children: git.repo }),
+  return /* @__PURE__ */ jsx33(Card19, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs28(Flex21, { align: "center", gap: 3, wrap: "wrap", children: [
+    /* @__PURE__ */ jsx33(Text28, { muted: true, size: 1, weight: "semibold", children: "Git" }),
+    /* @__PURE__ */ jsxs28(Text28, { size: 1, children: [
+      /* @__PURE__ */ jsx33("a", { href: repoUrl, rel: "noopener noreferrer", target: "_blank", children: git.repo }),
       " / ",
-      /* @__PURE__ */ jsx32("a", { href: branchUrl, rel: "noopener noreferrer", target: "_blank", children: git.branch })
+      /* @__PURE__ */ jsx33("a", { href: branchUrl, rel: "noopener noreferrer", target: "_blank", children: git.branch })
     ] }),
-    /* @__PURE__ */ jsx32(Text27, { muted: true, size: 1, style: { fontFamily: "monospace" }, children: /* @__PURE__ */ jsx32("a", { href: commitUrl, rel: "noopener noreferrer", target: "_blank", children: git.sha.slice(0, 12) }) }),
-    prUrl && /* @__PURE__ */ jsx32(Text27, { size: 1, children: /* @__PURE__ */ jsxs27("a", { href: prUrl, rel: "noopener noreferrer", target: "_blank", children: [
+    /* @__PURE__ */ jsx33(Text28, { muted: true, size: 1, style: { fontFamily: "monospace" }, children: /* @__PURE__ */ jsx33("a", { href: commitUrl, rel: "noopener noreferrer", target: "_blank", children: git.sha.slice(0, 12) }) }),
+    prUrl && /* @__PURE__ */ jsx33(Text28, { size: 1, children: /* @__PURE__ */ jsxs28("a", { href: prUrl, rel: "noopener noreferrer", target: "_blank", children: [
       "PR #",
       git.prNumber,
       " \u2192"
@@ -4893,14 +5241,14 @@ function PromptfooLinks({
       (e) => VIEWABLE_PROMPTFOO_MODES.has(e.mode)
     );
     if (viewable.length === 0) return null;
-    return /* @__PURE__ */ jsx32(Flex20, { gap: 3, wrap: "wrap", children: viewable.map((entry) => /* @__PURE__ */ jsx32(Text27, { size: 1, children: /* @__PURE__ */ jsxs27("a", { href: entry.url, rel: "noopener noreferrer", target: "_blank", children: [
+    return /* @__PURE__ */ jsx33(Flex21, { gap: 3, wrap: "wrap", children: viewable.map((entry) => /* @__PURE__ */ jsx33(Text28, { size: 1, children: /* @__PURE__ */ jsxs28("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__ */ jsx32(Text27, { size: 1, children: /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx33(Text28, { size: 1, children: /* @__PURE__ */ jsx33(
       "a",
       {
         href: provenance.promptfooUrl,
@@ -4914,33 +5262,33 @@ function PromptfooLinks({
 }
 
 // src/components/report-detail/RecommendationsSection.tsx
-import React3 from "react";
-import { Badge as Badge16, Box as Box12, Card as Card19, Flex as Flex21, Stack as Stack19, Text as Text28, Tooltip as Tooltip6 } from "@sanity/ui";
-import { HelpCircleIcon as HelpCircleIcon6 } from "@sanity/icons";
-import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
+import React4 from "react";
+import { Badge as Badge17, Box as Box13, Card as Card20, Flex as Flex22, Stack as Stack20, Text as Text29, Tooltip as Tooltip7 } from "@sanity/ui";
+import { HelpCircleIcon as HelpCircleIcon7 } from "@sanity/icons";
+import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
 function RecommendationsSection({
   recommendations
 }) {
   if (recommendations.gaps.length === 0) return null;
-  return /* @__PURE__ */ jsx33(Card19, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs28(Stack19, { space: 4, children: [
-    /* @__PURE__ */ jsxs28(Flex21, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx33(Text28, { size: 2, weight: "semibold", children: "Recommendations" }),
-      /* @__PURE__ */ jsx33(
-        Tooltip6,
+  return /* @__PURE__ */ jsx34(Card20, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs29(Stack20, { space: 4, children: [
+    /* @__PURE__ */ jsxs29(Flex22, { align: "center", gap: 3, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx34(Text29, { size: 2, weight: "semibold", children: "Recommendations" }),
+      /* @__PURE__ */ jsx34(
+        Tooltip7,
         {
-          content: /* @__PURE__ */ jsx33(Box12, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx33(Text28, { size: 1, children: GLOSSARY.recommendations }) }),
+          content: /* @__PURE__ */ jsx34(Box13, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx34(Text29, { size: 1, children: GLOSSARY.recommendations }) }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsx33(Text28, { muted: true, size: 0, children: /* @__PURE__ */ jsx33(HelpCircleIcon6, {}) })
+          children: /* @__PURE__ */ jsx34(Text29, { muted: true, size: 0, children: /* @__PURE__ */ jsx34(HelpCircleIcon7, {}) })
         }
       ),
-      /* @__PURE__ */ jsx33(
-        Tooltip6,
+      /* @__PURE__ */ jsx34(
+        Tooltip7,
         {
-          content: /* @__PURE__ */ jsx33(Box12, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx33(Text28, { size: 1, children: GLOSSARY.totalPotentialLift }) }),
+          content: /* @__PURE__ */ jsx34(Box13, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx34(Text29, { size: 1, children: GLOSSARY.totalPotentialLift }) }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsx33(Card19, { padding: 2, radius: 2, tone: "positive", children: /* @__PURE__ */ jsxs28(Text28, { size: 1, weight: "bold", children: [
+          children: /* @__PURE__ */ jsx34(Card20, { padding: 2, radius: 2, tone: "positive", children: /* @__PURE__ */ jsxs29(Text29, { size: 1, weight: "bold", children: [
             "+",
             recommendations.totalPotentialLift.toFixed(1),
             " pts potential lift"
@@ -4948,7 +5296,7 @@ function RecommendationsSection({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs28(
+    /* @__PURE__ */ jsxs29(
       "div",
       {
         style: {
@@ -4957,9 +5305,9 @@ function RecommendationsSection({
           gridTemplateColumns: "auto 2fr 2fr 1fr 1fr 1fr"
         },
         children: [
-          /* @__PURE__ */ jsx33(ColumnHeader, { borderBottom: true, label: "#" }),
-          /* @__PURE__ */ jsx33(ColumnHeader, { borderBottom: true, label: "Area" }),
-          /* @__PURE__ */ jsx33(
+          /* @__PURE__ */ jsx34(ColumnHeader, { borderBottom: true, label: "#" }),
+          /* @__PURE__ */ jsx34(ColumnHeader, { borderBottom: true, label: "Area" }),
+          /* @__PURE__ */ jsx34(
             ColumnHeader,
             {
               borderBottom: true,
@@ -4967,8 +5315,8 @@ function RecommendationsSection({
               tooltip: GLOSSARY.failureMode
             }
           ),
-          /* @__PURE__ */ jsx33(ColumnHeader, { borderBottom: true, label: "Action" }),
-          /* @__PURE__ */ jsx33(
+          /* @__PURE__ */ jsx34(ColumnHeader, { borderBottom: true, label: "Action" }),
+          /* @__PURE__ */ jsx34(
             ColumnHeader,
             {
               borderBottom: true,
@@ -4976,7 +5324,7 @@ function RecommendationsSection({
               tooltip: GLOSSARY.estimatedLift
             }
           ),
-          /* @__PURE__ */ jsx33(
+          /* @__PURE__ */ jsx34(
             ColumnHeader,
             {
               borderBottom: true,
@@ -4984,7 +5332,7 @@ function RecommendationsSection({
               tooltip: GLOSSARY.confidence
             }
           ),
-          recommendations.gaps.map((gap, i) => /* @__PURE__ */ jsx33(RecommendationRow, { gap, index: i }, `gap-${i}`))
+          recommendations.gaps.map((gap, i) => /* @__PURE__ */ jsx34(RecommendationRow, { gap, index: i }, `gap-${i}`))
         ]
       }
     )
@@ -4996,8 +5344,8 @@ function RecommendationRow({
 }) {
   const confIcon = gap.confidence === "high" ? "\u{1F7E2}" : gap.confidence === "medium" ? "\u{1F7E1}" : "\u{1F534}";
   const bg = rowBackground(index);
-  return /* @__PURE__ */ jsxs28(React3.Fragment, { children: [
-    /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs29(React4.Fragment, { children: [
+    /* @__PURE__ */ jsx34(
       "div",
       {
         style: {
@@ -5007,10 +5355,10 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 4px"
         },
-        children: /* @__PURE__ */ jsx33(Text28, { muted: true, size: 1, children: index + 1 })
+        children: /* @__PURE__ */ jsx34(Text29, { muted: true, size: 1, children: index + 1 })
       }
     ),
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx34(
       "div",
       {
         style: {
@@ -5019,10 +5367,10 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx33(Text28, { size: 1, weight: "medium", children: gap.area })
+        children: /* @__PURE__ */ jsx34(Text29, { size: 1, weight: "medium", children: gap.area })
       }
     ),
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx34(
       "div",
       {
         style: {
@@ -5031,8 +5379,8 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx33(
-          Badge16,
+        children: /* @__PURE__ */ jsx34(
+          Badge17,
           {
             tone: gap.failureMode === "missing-docs" ? "critical" : gap.failureMode === "incorrect-docs" ? "critical" : gap.failureMode === "outdated-docs" ? "caution" : "default",
             children: gap.failureMode
@@ -5040,7 +5388,7 @@ function RecommendationRow({
         )
       }
     ),
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx34(
       "div",
       {
         style: {
@@ -5049,10 +5397,10 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx33(Text28, { muted: true, size: 1, children: gap.remediation })
+        children: /* @__PURE__ */ jsx34(Text29, { muted: true, size: 1, children: gap.remediation })
       }
     ),
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx34(
       "div",
       {
         style: {
@@ -5061,13 +5409,13 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx33(Card19, { padding: 2, radius: 2, tone: "positive", children: /* @__PURE__ */ jsxs28(Text28, { align: "center", size: 1, weight: "medium", children: [
+        children: /* @__PURE__ */ jsx34(Card20, { padding: 2, radius: 2, tone: "positive", children: /* @__PURE__ */ jsxs29(Text29, { align: "center", size: 1, weight: "medium", children: [
           "+",
           gap.estimatedLift.toFixed(1)
         ] }) })
       }
     ),
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx34(
       "div",
       {
         style: {
@@ -5076,7 +5424,7 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsxs28(Text28, { size: 1, children: [
+        children: /* @__PURE__ */ jsxs29(Text29, { size: 1, children: [
           confIcon,
           " ",
           gap.confidence
@@ -5089,16 +5437,16 @@ function RecommendationRow({
 // src/components/report-detail/ReportHeader.tsx
 import { ArrowLeftIcon, ClipboardIcon } from "@sanity/icons";
 import {
-  Badge as Badge17,
-  Box as Box13,
+  Badge as Badge18,
+  Box as Box14,
   Button as Button2,
-  Card as Card20,
-  Flex as Flex22,
-  Stack as Stack20,
-  Text as Text29,
-  Tooltip as Tooltip7
+  Card as Card21,
+  Flex as Flex23,
+  Stack as Stack21,
+  Text as Text30,
+  Tooltip as Tooltip8
 } from "@sanity/ui";
-import { Fragment as Fragment6, jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
 function ReportHeader({
   completedAt,
   mode,
@@ -5111,9 +5459,9 @@ function ReportHeader({
   const dateLabel = formatCardDate(completedAt);
   const title = tag ?? dateLabel;
   const hasTag = Boolean(tag);
-  return /* @__PURE__ */ jsxs29(Fragment6, { children: [
-    /* @__PURE__ */ jsxs29(Flex22, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsxs30(Fragment6, { children: [
+    /* @__PURE__ */ jsxs30(Flex23, { align: "center", gap: 3, children: [
+      /* @__PURE__ */ jsx35(
         Button2,
         {
           icon: ArrowLeftIcon,
@@ -5122,23 +5470,23 @@ function ReportHeader({
           text: "Back"
         }
       ),
-      /* @__PURE__ */ jsxs29(Stack20, { flex: 1, space: 1, children: [
-        /* @__PURE__ */ jsx34(Text29, { size: 3, weight: "bold", children: title }),
-        hasTag && /* @__PURE__ */ jsx34(Text29, { muted: true, size: 1, children: dateLabel })
+      /* @__PURE__ */ jsxs30(Stack21, { flex: 1, space: 1, children: [
+        /* @__PURE__ */ jsx35(Text30, { size: 3, weight: "bold", children: title }),
+        hasTag && /* @__PURE__ */ jsx35(Text30, { muted: true, size: 1, children: dateLabel })
       ] }),
-      /* @__PURE__ */ jsxs29(Flex22, { gap: 2, children: [
-        /* @__PURE__ */ jsx34(Badge17, { mode: "outline", tone: "default", children: sourceName }),
-        /* @__PURE__ */ jsx34(Badge17, { tone: "primary", children: mode })
+      /* @__PURE__ */ jsxs30(Flex23, { gap: 2, children: [
+        /* @__PURE__ */ jsx35(Badge18, { mode: "outline", tone: "default", children: sourceName }),
+        /* @__PURE__ */ jsx35(Badge18, { tone: "primary", children: mode })
       ] })
     ] }),
-    /* @__PURE__ */ jsx34(
-      Tooltip7,
+    /* @__PURE__ */ jsx35(
+      Tooltip8,
       {
-        content: /* @__PURE__ */ jsx34(Box13, { padding: 2, children: /* @__PURE__ */ jsx34(Text29, { size: 1, children: "Click to copy report ID" }) }),
+        content: /* @__PURE__ */ jsx35(Box14, { padding: 2, children: /* @__PURE__ */ jsx35(Text30, { size: 1, children: "Click to copy report ID" }) }),
         placement: "bottom",
         portal: true,
-        children: /* @__PURE__ */ jsx34(
-          Card20,
+        children: /* @__PURE__ */ jsx35(
+          Card21,
           {
             border: true,
             onClick: onCopyId,
@@ -5146,9 +5494,9 @@ function ReportHeader({
             radius: 2,
             style: { cursor: "pointer" },
             tone: "transparent",
-            children: /* @__PURE__ */ jsxs29(Flex22, { align: "center", gap: 3, children: [
-              /* @__PURE__ */ jsx34(
-                Text29,
+            children: /* @__PURE__ */ jsxs30(Flex23, { align: "center", gap: 3, children: [
+              /* @__PURE__ */ jsx35(
+                Text30,
                 {
                   muted: true,
                   size: 0,
@@ -5160,8 +5508,8 @@ function ReportHeader({
                   children: "Report ID"
                 }
               ),
-              /* @__PURE__ */ jsx34(
-                Text29,
+              /* @__PURE__ */ jsx35(
+                Text30,
                 {
                   size: 1,
                   style: {
@@ -5171,7 +5519,7 @@ function ReportHeader({
                   children: reportId
                 }
               ),
-              /* @__PURE__ */ jsx34(Box13, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx34(Text29, { muted: true, size: 1, children: /* @__PURE__ */ jsx34(ClipboardIcon, {}) }) })
+              /* @__PURE__ */ jsx35(Box14, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx35(Text30, { muted: true, size: 1, children: /* @__PURE__ */ jsx35(ClipboardIcon, {}) }) })
             ] })
           }
         )
@@ -5181,19 +5529,19 @@ function ReportHeader({
 }
 
 // src/components/report-detail/ThreeLayerTable.tsx
-import React4 from "react";
-import { Badge as Badge18, Card as Card21, Flex as Flex23, Stack as Stack21, Text as Text30 } from "@sanity/ui";
-import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
+import React5 from "react";
+import { Badge as Badge19, Card as Card22, Flex as Flex24, Stack as Stack22, Text as Text31 } from "@sanity/ui";
+import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
 function ThreeLayerTable({ scores }) {
   const filtered = scores.filter((s) => s.actualScore != null);
   if (filtered.length === 0) return null;
   const hasInverted = filtered.some((s) => s.invertedRetrievalGap);
-  return /* @__PURE__ */ jsx35(Card21, { overflow: "auto", padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs30(Stack21, { space: 4, children: [
-    /* @__PURE__ */ jsxs30(Flex23, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsx35(Text30, { size: 2, weight: "semibold", children: "Three-Layer Decomposition" }),
-      /* @__PURE__ */ jsx35(Badge18, { tone: "primary", children: "full mode" })
+  return /* @__PURE__ */ jsx36(Card22, { overflow: "auto", padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs31(Stack22, { space: 4, children: [
+    /* @__PURE__ */ jsxs31(Flex24, { align: "center", gap: 3, children: [
+      /* @__PURE__ */ jsx36(Text31, { size: 2, weight: "semibold", children: "Three-Layer Decomposition" }),
+      /* @__PURE__ */ jsx36(Badge19, { tone: "primary", children: "full mode" })
     ] }),
-    /* @__PURE__ */ jsxs30(
+    /* @__PURE__ */ jsxs31(
       "div",
       {
         style: {
@@ -5202,9 +5550,9 @@ function ThreeLayerTable({ scores }) {
           gridTemplateColumns: "2fr 1fr 1fr 1fr 1fr 1fr"
         },
         children: [
-          /* @__PURE__ */ jsx35(ColumnHeader, { borderBottom: true, label: "Area" }),
-          /* @__PURE__ */ jsx35(ColumnHeader, { borderBottom: true, label: "Floor", tooltip: GLOSSARY.floor }),
-          /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsx36(ColumnHeader, { borderBottom: true, label: "Area" }),
+          /* @__PURE__ */ jsx36(ColumnHeader, { borderBottom: true, label: "Floor", tooltip: GLOSSARY.floor }),
+          /* @__PURE__ */ jsx36(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5212,8 +5560,8 @@ function ThreeLayerTable({ scores }) {
               tooltip: GLOSSARY.ceiling
             }
           ),
-          /* @__PURE__ */ jsx35(ColumnHeader, { borderBottom: true, label: "Actual", tooltip: GLOSSARY.actual }),
-          /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsx36(ColumnHeader, { borderBottom: true, label: "Actual", tooltip: GLOSSARY.actual }),
+          /* @__PURE__ */ jsx36(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5221,7 +5569,7 @@ function ThreeLayerTable({ scores }) {
               tooltip: GLOSSARY.retGap
             }
           ),
-          /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsx36(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5229,8 +5577,8 @@ function ThreeLayerTable({ scores }) {
               tooltip: GLOSSARY.efficiency
             }
           ),
-          filtered.map((score, i) => /* @__PURE__ */ jsxs30(React4.Fragment, { children: [
-            /* @__PURE__ */ jsx35(
+          filtered.map((score, i) => /* @__PURE__ */ jsxs31(React5.Fragment, { children: [
+            /* @__PURE__ */ jsx36(
               "div",
               {
                 style: {
@@ -5238,13 +5586,13 @@ function ThreeLayerTable({ scores }) {
                   borderRadius: 4,
                   padding: "8px 0 8px 4px"
                 },
-                children: /* @__PURE__ */ jsx35(Text30, { size: 1, weight: "medium", children: score.feature })
+                children: /* @__PURE__ */ jsx36(Text31, { size: 1, weight: "medium", children: score.feature })
               }
             ),
-            /* @__PURE__ */ jsx35("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx35(ScoreCell, { score: score.floorScore ?? 0 }) }),
-            /* @__PURE__ */ jsx35("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx35(ScoreCell, { score: score.ceilingScore ?? score.totalScore }) }),
-            /* @__PURE__ */ jsx35("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx35(ScoreCell, { score: score.actualScore ?? 0 }) }),
-            /* @__PURE__ */ jsx35(
+            /* @__PURE__ */ jsx36("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx36(ScoreCell, { score: score.floorScore ?? 0 }) }),
+            /* @__PURE__ */ jsx36("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx36(ScoreCell, { score: score.ceilingScore ?? score.totalScore }) }),
+            /* @__PURE__ */ jsx36("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx36(ScoreCell, { score: score.actualScore ?? 0 }) }),
+            /* @__PURE__ */ jsx36(
               "div",
               {
                 style: {
@@ -5253,10 +5601,10 @@ function ThreeLayerTable({ scores }) {
                   display: "flex",
                   padding: "6px 0"
                 },
-                children: /* @__PURE__ */ jsx35(Text30, { size: 1, children: score.retrievalGap != null ? score.retrievalGap.toFixed(1) : "\u2014" })
+                children: /* @__PURE__ */ jsx36(Text31, { size: 1, children: score.retrievalGap != null ? score.retrievalGap.toFixed(1) : "\u2014" })
               }
             ),
-            /* @__PURE__ */ jsx35(
+            /* @__PURE__ */ jsx36(
               "div",
               {
                 style: {
@@ -5265,7 +5613,7 @@ function ThreeLayerTable({ scores }) {
                   display: "flex",
                   padding: "6px 0"
                 },
-                children: /* @__PURE__ */ jsxs30(Text30, { size: 1, children: [
+                children: /* @__PURE__ */ jsxs31(Text31, { size: 1, children: [
                   formatPercent(score.infrastructureEfficiency),
                   score.invertedRetrievalGap && " \u26A0\uFE0F"
                 ] })
@@ -5275,17 +5623,28 @@ function ThreeLayerTable({ scores }) {
         ]
       }
     ),
-    hasInverted && /* @__PURE__ */ jsx35(Text30, { muted: true, size: 0, children: GLOSSARY.invertedRetGap })
+    hasInverted && /* @__PURE__ */ jsx36(Text31, { muted: true, size: 0, children: GLOSSARY.invertedRetGap })
   ] }) });
 }
 
 // src/components/report-detail/ReportDetail.tsx
-import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
-function ReportDetail({ onBack, reportId }) {
+import { jsx as jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
+var OVERVIEW_TAB = { id: "overview", label: "Overview" };
+var DIAGNOSTICS_TAB = { id: "diagnostics", label: "Diagnostics" };
+var ACTIVITY_TAB = { id: "activity", label: "Agent Activity" };
+function parseTab(raw) {
+  if (raw === "diagnostics" || raw === "activity") return raw;
+  return "overview";
+}
+function ReportDetail({
+  activeTab,
+  onBack,
+  onTabChange,
+  reportId
+}) {
   const client = useClient6({ apiVersion: API_VERSION });
-  const toast = useToast();
-  const [loading, setLoading] = useState8(true);
-  const [report, setReport] = useState8(null);
+  const [loading, setLoading] = useState9(true);
+  const [report, setReport] = useState9(null);
   useEffect7(() => {
     let cancelled = false;
     setLoading(true);
@@ -5303,26 +5662,38 @@ function ReportDetail({ onBack, reportId }) {
   }, [client, reportId]);
   const handleCopyReportId = useCallback12(() => {
     if (!report) return;
-    navigator.clipboard.writeText(report.reportId).then(() => {
-      toast.push({
-        closable: true,
-        status: "success",
-        title: "Report ID copied to clipboard"
-      });
-    }).catch(() => {
-      toast.push({
-        closable: true,
-        status: "error",
-        title: "Failed to copy \u2014 try selecting the text manually"
-      });
+    navigator.clipboard.writeText(report.reportId).catch(() => {
     });
-  }, [report, toast]);
+  }, [report]);
+  const { summary } = report ?? {};
+  const hasDiagnostics = Boolean(
+    summary?.recommendations && summary.recommendations.gaps.length > 0 || summary?.lowScoringJudgments && summary.lowScoringJudgments.length > 0
+  );
+  const hasAgentActivity = Boolean(
+    summary?.agentBehavior && summary.agentBehavior.length > 0
+  );
+  const tabs = useMemo7(() => {
+    const result = [OVERVIEW_TAB];
+    if (hasDiagnostics) result.push(DIAGNOSTICS_TAB);
+    if (hasAgentActivity) result.push(ACTIVITY_TAB);
+    return result;
+  }, [hasDiagnostics, hasAgentActivity]);
+  const currentTab = useMemo7(() => {
+    const parsed = parseTab(activeTab);
+    return tabs.some((t) => t.id === parsed) ? parsed : "overview";
+  }, [activeTab, tabs]);
+  const handleTabClick = useCallback12(
+    (tabId) => {
+      onTabChange(tabId === "overview" ? null : tabId);
+    },
+    [onTabChange]
+  );
   if (loading) {
-    return /* @__PURE__ */ jsx36(LoadingState, { message: "Loading report\u2026" });
+    return /* @__PURE__ */ jsx37(LoadingState, { message: "Loading report\u2026" });
   }
-  if (!report) {
-    return /* @__PURE__ */ jsx36(Box14, { padding: 5, children: /* @__PURE__ */ jsxs31(Stack22, { space: 4, children: [
-      /* @__PURE__ */ jsx36(
+  if (!report || !summary) {
+    return /* @__PURE__ */ jsx37(Box15, { padding: 5, children: /* @__PURE__ */ jsxs32(Stack23, { space: 4, children: [
+      /* @__PURE__ */ jsx37(
         Button3,
         {
           icon: ArrowLeftIcon2,
@@ -5331,14 +5702,14 @@ function ReportDetail({ onBack, reportId }) {
           text: "Back"
         }
       ),
-      /* @__PURE__ */ jsx36(Text31, { align: "center", muted: true, size: 2, children: "Report not found" })
+      /* @__PURE__ */ jsx37(Text32, { align: "center", muted: true, size: 2, children: "Report not found" })
     ] }) });
   }
-  const { comparison, provenance, summary } = report;
+  const { comparison, provenance } = report;
   const totalTests = summary.scores.reduce((n, s) => n + s.testCount, 0);
   const isFullMode = summary.evaluationMode === "full" || summary.scores.some((s) => s.actualScore != null);
-  return /* @__PURE__ */ jsx36(Box14, { padding: 4, children: /* @__PURE__ */ jsxs31(Stack22, { space: 5, children: [
-    /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(Box15, { padding: 4, children: /* @__PURE__ */ jsxs32(Stack23, { space: 5, children: [
+    /* @__PURE__ */ jsx37(
       ReportHeader,
       {
         completedAt: report.completedAt,
@@ -5350,29 +5721,80 @@ function ReportDetail({ onBack, reportId }) {
         tag: report.tag
       }
     ),
-    /* @__PURE__ */ jsx36(
-      OverviewStats,
+    tabs.length > 1 && /* @__PURE__ */ jsx37(TabList, { space: 1, children: tabs.map((tab) => /* @__PURE__ */ jsx37(
+      Tab,
       {
-        durationMs: report.durationMs,
-        isFullMode,
-        overall: summary.overall,
-        totalTests
+        "aria-controls": `panel-${tab.id}`,
+        id: `tab-${tab.id}`,
+        label: tab.label,
+        onClick: () => handleTabClick(tab.id),
+        selected: currentTab === tab.id
+      },
+      tab.id
+    )) }),
+    currentTab === "overview" && /* @__PURE__ */ jsx37(
+      TabPanel,
+      {
+        "aria-labelledby": "tab-overview",
+        hidden: currentTab !== "overview",
+        id: "panel-overview",
+        children: /* @__PURE__ */ jsxs32(Stack23, { space: 5, children: [
+          /* @__PURE__ */ jsx37(
+            OverviewStats,
+            {
+              durationMs: report.durationMs,
+              isFullMode,
+              overall: summary.overall,
+              totalTests
+            }
+          ),
+          isFullMode && /* @__PURE__ */ jsx37(ThreeLayerTable, { scores: summary.scores }),
+          /* @__PURE__ */ jsx37(AreaScoreTable, { scores: summary.scores }),
+          comparison && /* @__PURE__ */ jsx37(ComparisonSummary, { comparison }),
+          /* @__PURE__ */ jsx37(ProvenanceCard, { provenance })
+        ] })
       }
     ),
-    isFullMode && /* @__PURE__ */ jsx36(ThreeLayerTable, { scores: summary.scores }),
-    /* @__PURE__ */ jsx36(AreaScoreTable, { scores: summary.scores }),
-    summary.recommendations && summary.recommendations.gaps.length > 0 && /* @__PURE__ */ jsx36(RecommendationsSection, { recommendations: summary.recommendations }),
-    summary.lowScoringJudgments && summary.lowScoringJudgments.length > 0 && /* @__PURE__ */ jsx36(JudgmentList, { judgments: summary.lowScoringJudgments }),
-    comparison && /* @__PURE__ */ jsx36(ComparisonSummary, { comparison }),
-    /* @__PURE__ */ jsx36(ProvenanceCard, { provenance })
+    currentTab === "diagnostics" && hasDiagnostics && /* @__PURE__ */ jsx37(
+      TabPanel,
+      {
+        "aria-labelledby": "tab-diagnostics",
+        hidden: currentTab !== "diagnostics",
+        id: "panel-diagnostics",
+        children: /* @__PURE__ */ jsxs32(Stack23, { space: 5, children: [
+          summary.recommendations && summary.recommendations.gaps.length > 0 && /* @__PURE__ */ jsx37(
+            RecommendationsSection,
+            {
+              recommendations: summary.recommendations
+            }
+          ),
+          summary.lowScoringJudgments && summary.lowScoringJudgments.length > 0 && /* @__PURE__ */ jsx37(JudgmentList, { judgments: summary.lowScoringJudgments })
+        ] })
+      }
+    ),
+    currentTab === "activity" && hasAgentActivity && /* @__PURE__ */ jsx37(
+      TabPanel,
+      {
+        "aria-labelledby": "tab-activity",
+        hidden: currentTab !== "activity",
+        id: "panel-activity",
+        children: /* @__PURE__ */ jsx37(
+          AgentActivitySection,
+          {
+            agentBehavior: summary.agentBehavior,
+            overall: summary.overall.agentBehavior
+          }
+        )
+      }
+    )
   ] }) });
 }
 
 // src/components/ScoreTimeline.tsx
-import { Card as Card22, Flex as Flex24, Select as Select2, Stack as Stack23, Text as Text32 } from "@sanity/ui";
-import { useCallback as useCallback13, useEffect as useEffect8, useMemo as useMemo6, useState as useState9 } from "react";
+import { Card as Card23, Flex as Flex25, Select as Select2, Stack as Stack24, Text as Text33 } from "@sanity/ui";
+import { useCallback as useCallback13, useEffect as useEffect8, useMemo as useMemo8, useState as useState10 } from "react";
 import { useClient as useClient7 } from "sanity";
-import { jsx as jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs33 } from "react/jsx-runtime";
 var CHART_HEIGHT = 220;
 var CHART_WIDTH = 800;
 var PAD_BOTTOM = 30;
@@ -5407,11 +5829,11 @@ function scoreForPoint(point, area) {
 }
 function ScoreTimeline({ mode = null, source = null }) {
   const client = useClient7({ apiVersion: API_VERSION });
-  const [dataPoints, setDataPoints] = useState9([]);
-  const [loading, setLoading] = useState9(true);
-  const [rangeDays, setRangeDays] = useState9(30);
-  const [selectedArea, setSelectedArea] = useState9(null);
-  const areaNames = useMemo6(() => {
+  const [dataPoints, setDataPoints] = useState10([]);
+  const [loading, setLoading] = useState10(true);
+  const [rangeDays, setRangeDays] = useState10(30);
+  const [selectedArea, setSelectedArea] = useState10(null);
+  const areaNames = useMemo8(() => {
     const names = /* @__PURE__ */ new Set();
     for (const dp of dataPoints) {
       for (const s of dp.scores) {
@@ -5438,7 +5860,7 @@ function ScoreTimeline({ mode = null, source = null }) {
   useEffect8(() => {
     void fetchData();
   }, [fetchData]);
-  const chartPoints = useMemo6(() => {
+  const chartPoints = useMemo8(() => {
     const pts = [];
     const scored = dataPoints.map((dp) => ({
       date: dp.completedAt,
@@ -5452,7 +5874,7 @@ function ScoreTimeline({ mode = null, source = null }) {
     });
     return pts;
   }, [dataPoints, selectedArea]);
-  const avgScore = useMemo6(() => {
+  const avgScore = useMemo8(() => {
     if (chartPoints.length === 0) return 0;
     return chartPoints.reduce((sum, p) => sum + p.score, 0) / chartPoints.length;
   }, [chartPoints]);
@@ -5471,22 +5893,22 @@ function ScoreTimeline({ mode = null, source = null }) {
     []
   );
   const polylinePoints = chartPoints.map((p) => `${p.x},${p.y}`).join(" ");
-  return /* @__PURE__ */ jsxs32(Stack23, { space: 4, children: [
-    /* @__PURE__ */ jsxs32(Flex24, { gap: 3, children: [
-      /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsxs33(Stack24, { space: 4, children: [
+    /* @__PURE__ */ jsxs33(Flex25, { gap: 3, children: [
+      /* @__PURE__ */ jsx38(
         Select2,
         {
           onChange: handleRangeChange,
           value: rangeDays?.toString() ?? "all",
-          children: TIME_RANGES.map((r) => /* @__PURE__ */ jsx37("option", { value: r.days?.toString() ?? "all", children: r.label }, r.label))
+          children: TIME_RANGES.map((r) => /* @__PURE__ */ jsx38("option", { value: r.days?.toString() ?? "all", children: r.label }, r.label))
         }
       ),
-      /* @__PURE__ */ jsxs32(Select2, { onChange: handleAreaChange, value: selectedArea ?? "", children: [
-        /* @__PURE__ */ jsx37("option", { value: "", children: "Overall" }),
-        areaNames.map((name) => /* @__PURE__ */ jsx37("option", { value: name, children: name }, name))
+      /* @__PURE__ */ jsxs33(Select2, { onChange: handleAreaChange, value: selectedArea ?? "", children: [
+        /* @__PURE__ */ jsx38("option", { value: "", children: "Overall" }),
+        areaNames.map((name) => /* @__PURE__ */ jsx38("option", { value: name, children: name }, name))
       ] })
     ] }),
-    /* @__PURE__ */ jsx37(Card22, { padding: 3, radius: 2, shadow: 1, children: loading ? /* @__PURE__ */ jsx37(Flex24, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx37(Text32, { muted: true, size: 1, children: "Loading\u2026" }) }) : chartPoints.length === 0 ? /* @__PURE__ */ jsx37(Flex24, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx37(Text32, { muted: true, size: 1, children: "No reports found for this time range" }) }) : /* @__PURE__ */ jsxs32(
+    /* @__PURE__ */ jsx38(Card23, { padding: 3, radius: 2, shadow: 1, children: loading ? /* @__PURE__ */ jsx38(Flex25, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx38(Text33, { muted: true, size: 1, children: "Loading\u2026" }) }) : chartPoints.length === 0 ? /* @__PURE__ */ jsx38(Flex25, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx38(Text33, { muted: true, size: 1, children: "No reports found for this time range" }) }) : /* @__PURE__ */ jsxs33(
       "svg",
       {
         style: { display: "block", width: "100%" },
@@ -5494,8 +5916,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__ */ jsxs32("g", { children: [
-              /* @__PURE__ */ jsx37(
+            return /* @__PURE__ */ jsxs33("g", { children: [
+              /* @__PURE__ */ jsx38(
                 "line",
                 {
                   stroke: "#ccc",
@@ -5506,7 +5928,7 @@ function ScoreTimeline({ mode = null, source = null }) {
                   y2: y
                 }
               ),
-              /* @__PURE__ */ jsx37(
+              /* @__PURE__ */ jsx38(
                 "text",
                 {
                   dominantBaseline: "middle",
@@ -5526,7 +5948,7 @@ function ScoreTimeline({ mode = null, source = null }) {
             chartPoints.length - 1
           ].map((idx) => {
             const p = chartPoints[idx];
-            return /* @__PURE__ */ jsx37(
+            return /* @__PURE__ */ jsx38(
               "text",
               {
                 fill: "#999",
@@ -5538,7 +5960,7 @@ function ScoreTimeline({ mode = null, source = null }) {
               },
               idx
             );
-          }) : chartPoints.map((p, idx) => /* @__PURE__ */ jsx37(
+          }) : chartPoints.map((p, idx) => /* @__PURE__ */ jsx38(
             "text",
             {
               fill: "#999",
@@ -5550,7 +5972,7 @@ function ScoreTimeline({ mode = null, source = null }) {
             },
             idx
           )),
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx38(
             "polyline",
             {
               fill: "none",
@@ -5560,7 +5982,7 @@ function ScoreTimeline({ mode = null, source = null }) {
               strokeWidth: 2.5
             }
           ),
-          chartPoints.map((p, idx) => /* @__PURE__ */ jsx37(
+          chartPoints.map((p, idx) => /* @__PURE__ */ jsx38(
             "circle",
             {
               cx: p.x,
@@ -5569,7 +5991,7 @@ function ScoreTimeline({ mode = null, source = null }) {
               r: 4,
               stroke: "#fff",
               strokeWidth: 1.5,
-              children: /* @__PURE__ */ jsxs32("title", { children: [
+              children: /* @__PURE__ */ jsxs33("title", { children: [
                 formatDate2(p.date),
                 ": ",
                 Math.round(p.score)
@@ -5580,7 +6002,7 @@ function ScoreTimeline({ mode = null, source = null }) {
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs32(Text32, { muted: true, size: 1, children: [
+    /* @__PURE__ */ jsxs33(Text33, { muted: true, size: 1, children: [
       chartPoints.length,
       " data point",
       chartPoints.length !== 1 ? "s" : ""
@@ -5590,7 +6012,7 @@ function ScoreTimeline({ mode = null, source = null }) {
 var ScoreTimeline_default = ScoreTimeline;
 
 // src/components/Dashboard.tsx
-import { jsx as jsx38, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs34 } from "react/jsx-runtime";
 var VIEW_PARAM_MAP = {
   compare: "compare",
   timeline: "timeline"
@@ -5618,53 +6040,64 @@ function Dashboard() {
     },
     [router]
   );
+  const handleTabChange = useCallback14(
+    (tab) => {
+      if (!routerState.reportId) return;
+      if (tab) {
+        router.navigate({ reportId: routerState.reportId, tab });
+      } else {
+        router.navigate({ reportId: routerState.reportId });
+      }
+    },
+    [router, routerState.reportId]
+  );
   const handleBack = useCallback14(() => {
     router.navigate({});
   }, [router]);
-  const [source, setSource] = useState10(null);
-  const [mode, setMode] = useState10(null);
-  const [sources, setSources] = useState10([]);
-  const [modes, setModes] = useState10([]);
+  const [source, setSource] = useState11(null);
+  const [mode, setMode] = useState11(null);
+  const [sources, setSources] = useState11([]);
+  const [modes, setModes] = useState11([]);
   useEffect9(() => {
     client.fetch(distinctSourcesQuery).then((data) => setSources(data ?? [])).catch(() => setSources([]));
     client.fetch(distinctModesQuery).then((data) => setModes(data ?? [])).catch(() => setModes([]));
   }, [client]);
-  return /* @__PURE__ */ jsx38(Container, { width: 2, children: /* @__PURE__ */ jsxs33(Stack24, { padding: 4, space: 4, children: [
-    /* @__PURE__ */ jsxs33(Flex25, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsxs33(Stack24, { flex: 1, space: 1, children: [
-        /* @__PURE__ */ jsx38(Text33, { size: 3, weight: "bold", children: "AI Literacy Framework" }),
-        /* @__PURE__ */ jsx38(Text33, { muted: true, size: 1, children: "Evaluation reports and score trends" })
+  return /* @__PURE__ */ jsx39(Container, { width: 2, children: /* @__PURE__ */ jsxs34(Stack25, { padding: 4, space: 4, children: [
+    /* @__PURE__ */ jsxs34(Flex26, { align: "center", gap: 3, children: [
+      /* @__PURE__ */ jsxs34(Stack25, { flex: 1, space: 1, children: [
+        /* @__PURE__ */ jsx39(Text34, { size: 3, weight: "bold", children: "AI Literacy Framework" }),
+        /* @__PURE__ */ jsx39(Text34, { muted: true, size: 1, children: "Evaluation reports and score trends" })
       ] }),
-      !isDetail && /* @__PURE__ */ jsxs33(Flex25, { gap: 2, children: [
-        /* @__PURE__ */ jsxs33(
+      !isDetail && /* @__PURE__ */ jsxs34(Flex26, { gap: 2, children: [
+        /* @__PURE__ */ jsxs34(
           Select3,
           {
             fontSize: 1,
             onChange: (e) => setSource(e.currentTarget.value || null),
             value: source ?? "",
             children: [
-              /* @__PURE__ */ jsx38("option", { value: "", children: "All sources" }),
-              sources.map((s) => /* @__PURE__ */ jsx38("option", { value: s, children: s }, s))
+              /* @__PURE__ */ jsx39("option", { value: "", children: "All sources" }),
+              sources.map((s) => /* @__PURE__ */ jsx39("option", { value: s, children: s }, s))
             ]
           }
         ),
-        /* @__PURE__ */ jsxs33(
+        /* @__PURE__ */ jsxs34(
           Select3,
           {
             fontSize: 1,
             onChange: (e) => setMode(e.currentTarget.value || null),
             value: mode ?? "",
             children: [
-              /* @__PURE__ */ jsx38("option", { value: "", children: "All modes" }),
-              modes.map((m) => /* @__PURE__ */ jsx38("option", { value: m, children: m }, m))
+              /* @__PURE__ */ jsx39("option", { value: "", children: "All modes" }),
+              modes.map((m) => /* @__PURE__ */ jsx39("option", { value: m, children: m }, m))
             ]
           }
         )
       ] })
     ] }),
-    !isDetail && /* @__PURE__ */ jsxs33(TabList, { space: 1, children: [
-      /* @__PURE__ */ jsx38(
-        Tab,
+    !isDetail && /* @__PURE__ */ jsxs34(TabList2, { space: 1, children: [
+      /* @__PURE__ */ jsx39(
+        Tab2,
         {
           "aria-controls": "latest-panel",
           id: "latest-tab",
@@ -5673,8 +6106,8 @@ function Dashboard() {
           selected: activeTab === "latest"
         }
       ),
-      /* @__PURE__ */ jsx38(
-        Tab,
+      /* @__PURE__ */ jsx39(
+        Tab2,
         {
           "aria-controls": "timeline-panel",
           id: "timeline-tab",
@@ -5683,8 +6116,8 @@ function Dashboard() {
           selected: activeTab === "timeline"
         }
       ),
-      /* @__PURE__ */ jsx38(
-        Tab,
+      /* @__PURE__ */ jsx39(
+        Tab2,
         {
           "aria-controls": "compare-panel",
           id: "compare-tab",
@@ -5694,7 +6127,7 @@ function Dashboard() {
         }
       )
     ] }),
-    !isDetail && activeTab === "latest" && /* @__PURE__ */ jsx38(TabPanel, { "aria-labelledby": "latest-tab", id: "latest-panel", children: /* @__PURE__ */ jsx38(
+    !isDetail && activeTab === "latest" && /* @__PURE__ */ jsx39(TabPanel2, { "aria-labelledby": "latest-tab", id: "latest-panel", children: /* @__PURE__ */ jsx39(
       LatestReports,
       {
         mode,
@@ -5702,15 +6135,23 @@ function Dashboard() {
         source
       }
     ) }),
-    !isDetail && activeTab === "timeline" && /* @__PURE__ */ jsx38(TabPanel, { "aria-labelledby": "timeline-tab", id: "timeline-panel", children: /* @__PURE__ */ jsx38(ScoreTimeline_default, { mode, source }) }),
-    !isDetail && activeTab === "compare" && /* @__PURE__ */ jsx38(TabPanel, { "aria-labelledby": "compare-tab", id: "compare-panel", children: /* @__PURE__ */ jsx38(ComparisonView, {}) }),
-    isDetail && reportId && /* @__PURE__ */ jsx38(ReportDetail, { onBack: handleBack, reportId })
+    !isDetail && activeTab === "timeline" && /* @__PURE__ */ jsx39(TabPanel2, { "aria-labelledby": "timeline-tab", id: "timeline-panel", children: /* @__PURE__ */ jsx39(ScoreTimeline_default, { mode, source }) }),
+    !isDetail && activeTab === "compare" && /* @__PURE__ */ jsx39(TabPanel2, { "aria-labelledby": "compare-tab", id: "compare-panel", children: /* @__PURE__ */ jsx39(ComparisonView, {}) }),
+    isDetail && reportId && /* @__PURE__ */ jsx39(
+      ReportDetail,
+      {
+        activeTab: routerState.tab ?? null,
+        onBack: handleBack,
+        onTabChange: handleTabChange,
+        reportId
+      }
+    )
   ] }) });
 }
 
 // src/tool.tsx
 var toolRouter = route.create("/", [
-  route.create("/report/:reportId"),
+  route.create("/report/:reportId", [route.create("/:tab")]),
   route.create("/:view")
 ]);
 function ailfTool(options = {}) {
@@ -5725,7 +6166,7 @@ function ailfTool(options = {}) {
 
 // src/actions/RunEvaluationAction.tsx
 import { BarChartIcon as BarChartIcon2 } from "@sanity/icons";
-import { useCallback as useCallback15, useEffect as useEffect10, useRef as useRef4, useState as useState11 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect10, useRef as useRef4, useState as useState12 } from "react";
 import {
   getReleaseIdFromReleaseDocumentId as getReleaseIdFromReleaseDocumentId4,
   useClient as useClient9,
@@ -5755,7 +6196,7 @@ function createRunEvaluationAction(options = {}) {
     const dataset = useDataset();
     const projectId = useProjectId();
     const currentUser = useCurrentUser();
-    const [state, setState] = useState11({ status: "loading" });
+    const [state, setState] = useState12({ status: "loading" });
     const requestedAtRef = useRef4(null);
     const perspectiveId = getReleaseIdFromReleaseDocumentId4(release._id);
     useEffect10(() => {