@sanity/ailf-studio 0.1.19 → 0.1.21

package/dist/index.js

@@ -2827,17 +2827,154 @@ import { route } from "sanity/router";
 // src/components/Dashboard.tsx
 import {
   Container,
-  Flex as Flex29,
-  Select as Select3,
-  Stack as Stack27,
+  Flex as Flex22,
+  Stack as Stack24,
   Tab as Tab2,
   TabList as TabList2,
   TabPanel as TabPanel2,
-  Text as Text36
+  Text as Text29
 } from "@sanity/ui";
-import { useCallback as useCallback22, useEffect as useEffect11, useState as useState17 } from "react";
-import { useClient as useClient14 } from "sanity";
-import { useRouter as useRouter2 } from "sanity/router";
+import { useCallback as useCallback20 } from "react";
+import { useRouter as useRouter3 } from "sanity/router";
+
+// src/components/ComparisonView.tsx
+import { Badge as Badge3, Box as Box7, Card as Card6, Flex as Flex7, Grid, Select, Stack as Stack8, Text as Text11 } from "@sanity/ui";
+import { useCallback as useCallback6, useEffect as useEffect3, useMemo as useMemo3, useState as useState3 } from "react";
+import { useClient as useClient3 } from "sanity";
+
+// src/glossary.ts
+var GLOSSARY = {
+  // -- Overview stats -------------------------------------------------------
+  overallScore: "A weighted average across all feature areas: Task Completion (50%), Code Correctness (25%), and Doc Coverage (25%).",
+  docLift: "How much the docs help, compared to the model's training data alone. This is the score with docs minus the score without. Higher is better.",
+  actualScore: "How well an AI agent scores when it has to find docs on its own through web search and page fetching. This is the real-world scenario. Only available in full mode.",
+  retrievalGap: "The score lost because agents can't find or use all the relevant docs. Calculated as ceiling minus actual. Lower is better; zero means agents find everything.",
+  infraEfficiency: "What percentage of the docs' potential quality actually reaches agents (actual \xF7 ceiling). 100% means agents find and use all relevant docs perfectly.",
+  // -- Three-layer decomposition columns ------------------------------------
+  floor: "Score without any documentation. This tells you what the model already knows from its training data.",
+  ceiling: "Score with gold-standard docs injected directly into the prompt. This is the best the documentation can do.",
+  actual: "Score when an AI agent finds docs on its own through web search and page fetching. This is the real-world experience.",
+  retGap: "Quality lost to discoverability (ceiling minus actual). The gap between what the docs could deliver and what agents actually get.",
+  efficiency: "What fraction of the docs' quality reaches agents in practice (actual \xF7 ceiling, shown as a percentage).",
+  invertedRetGap: "\u26A0\uFE0F Inverted retrieval gap: agents that can't find the docs actually score higher, because the docs hurt performance. This usually means there's a doc quality problem.",
+  // -- Per-area score columns -----------------------------------------------
+  score: "Weighted score for this feature area: Task Completion \xD7 50% + Code Correctness \xD7 25% + Doc Coverage \xD7 25%.",
+  taskCompletion: "Can the LLM implement the requested feature? Graded 0\u2013100.",
+  codeCorrectness: "Is the generated code idiomatic, correct, and following best practices? Graded 0\u2013100.",
+  docCoverage: "Did the docs provide the information needed to implement the feature? Graded 0\u2013100.",
+  tests: "Number of test cases in this feature area.",
+  // -- Comparison deltas ----------------------------------------------------
+  overallDelta: "Change in overall score between the two runs. Positive means the experiment scored higher.",
+  actualDelta: "Change in actual (agent-retrieved) score between runs. Positive means agents did better.",
+  retGapDelta: "Change in retrieval gap between runs. Negative is good here: it means the gap shrank and agents found more relevant docs.",
+  efficiencyDelta: "Change in infrastructure efficiency between runs. Positive means agents are capturing more of the docs' potential.",
+  // -- Comparison table columns ---------------------------------------------
+  baseline: "The reference run you're comparing against.",
+  experiment: "The new run you're evaluating.",
+  delta: "Difference between experiment and baseline. Positive means improvement, negative means regression.",
+  change: "Whether the change is meaningful: improved, regressed, or unchanged (within the noise threshold).",
+  // -- Grader judgments ------------------------------------------------------
+  lowScoringJudgments: "The grading model's explanations for tests that scored below 70/100.",
+  judgmentReason: "The grading model's natural language explanation of what went wrong.",
+  // -- Recommendations / gap analysis ----------------------------------------
+  recommendations: "Prioritized remediation plan from gap analysis. Each recommendation identifies a documentation problem, the affected feature area, and the estimated score lift from fixing it.",
+  totalPotentialLift: "Aggregate potential score lift if all identified gaps were fixed. This is a conservative estimate \u2014 each gap targets the median of non-bottlenecked dimensions, not 100.",
+  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.",
+  dimDocCoverage: "Change in doc coverage between runs. Positive means the docs are providing more useful information."
+};
+
+// src/lib/comparison.ts
+function scoreMap(summary) {
+  return new Map(summary.scores.map((s) => [s.feature, s]));
+}
+function allAreas(baseline, experiment) {
+  const set2 = /* @__PURE__ */ new Set([
+    ...baseline.scores.map((s) => s.feature),
+    ...experiment.scores.map((s) => s.feature)
+  ]);
+  return [...set2].sort();
+}
+function classify(delta) {
+  if (delta >= NOISE_THRESHOLD) return "improved";
+  if (delta <= -NOISE_THRESHOLD) return "regressed";
+  return "unchanged";
+}
+function changeTone(change) {
+  switch (change) {
+    case "improved":
+      return "positive";
+    case "regressed":
+      return "critical";
+    case "unchanged":
+      return "caution";
+  }
+}
+function computeAreaDeltas(baseline, experiment) {
+  const bMap = scoreMap(baseline);
+  const eMap = scoreMap(experiment);
+  return allAreas(baseline, experiment).map((area) => {
+    const bScore = bMap.get(area)?.totalScore ?? 0;
+    const eScore = eMap.get(area)?.totalScore ?? 0;
+    const delta = eScore - bScore;
+    return {
+      area,
+      baseline: bScore,
+      experiment: eScore,
+      delta,
+      change: classify(delta)
+    };
+  });
+}
+function computeThreeLayerDeltas(baseline, experiment) {
+  const bMap = scoreMap(baseline);
+  const eMap = scoreMap(experiment);
+  return allAreas(baseline, experiment).map((area) => {
+    const bItem = bMap.get(area);
+    const eItem = eMap.get(area);
+    const ba = bItem?.actualScore ?? null;
+    const ea = eItem?.actualScore ?? null;
+    return {
+      area,
+      baseActual: ba,
+      expActual: ea,
+      actualDelta: ba != null && ea != null ? ea - ba : null,
+      baseRetGap: bItem?.retrievalGap ?? null,
+      expRetGap: eItem?.retrievalGap ?? null,
+      retGapDelta: bItem?.retrievalGap != null && eItem?.retrievalGap != null ? eItem.retrievalGap - bItem.retrievalGap : null,
+      baseEfficiency: bItem?.infrastructureEfficiency ?? null,
+      expEfficiency: eItem?.infrastructureEfficiency ?? null
+    };
+  });
+}
+function computeDimensionDeltas(baseline, experiment) {
+  const bMap = scoreMap(baseline);
+  const eMap = scoreMap(experiment);
+  return allAreas(baseline, experiment).map((area) => {
+    const bItem = bMap.get(area);
+    const eItem = eMap.get(area);
+    return {
+      area,
+      taskDelta: (eItem?.taskCompletion ?? 0) - (bItem?.taskCompletion ?? 0),
+      codeDelta: (eItem?.codeCorrectness ?? 0) - (bItem?.codeCorrectness ?? 0),
+      docDelta: (eItem?.docCoverage ?? 0) - (bItem?.docCoverage ?? 0)
+    };
+  });
+}
 
 // src/queries.ts
 var REPORT_TYPE = "ailf.report";
@@ -3072,6 +3209,12 @@ var distinctModelsQuery = (
   array::unique(*[_type == "${REPORT_TYPE}"].provenance.models[].label)
 `
 );
+var distinctTriggersQuery = (
+  /* groq */
+  `
+  array::unique(*[_type == "${REPORT_TYPE}"].provenance.trigger.type)
+`
+);
 function filterModeClause(param) {
   return `&& (${param} == null || provenance.mode == ${param})`;
 }
@@ -3079,192 +3222,53 @@ function filterSourceClause(param) {
   return `&& (${param} == null || provenance.source.name == ${param})`;
 }
 
-// src/components/ComparisonView.tsx
-import { Badge as Badge3, Box as Box7, Card as Card6, Flex as Flex7, Grid, Select, Stack as Stack8, Text as Text11 } from "@sanity/ui";
-import { useCallback as useCallback6, useEffect as useEffect3, useMemo as useMemo3, useState as useState3 } from "react";
-import { useClient as useClient3 } from "sanity";
+// src/components/PageBlurb.tsx
+import { Card as Card5, Stack as Stack7, Text as Text8 } from "@sanity/ui";
+import { jsx as jsx9 } from "react/jsx-runtime";
+function PageBlurb({ text }) {
+  return /* @__PURE__ */ jsx9(Card5, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx9(Stack7, { space: 2, children: /* @__PURE__ */ jsx9(Text8, { size: 2, children: text }) }) });
+}
 
-// src/glossary.ts
-var GLOSSARY = {
-  // -- Overview stats -------------------------------------------------------
-  overallScore: "A weighted average across all feature areas: Task Completion (50%), Code Correctness (25%), and Doc Coverage (25%).",
-  docLift: "How much the docs help, compared to the model's training data alone. This is the score with docs minus the score without. Higher is better.",
-  actualScore: "How well an AI agent scores when it has to find docs on its own through web search and page fetching. This is the real-world scenario. Only available in full mode.",
-  retrievalGap: "The score lost because agents can't find or use all the relevant docs. Calculated as ceiling minus actual. Lower is better; zero means agents find everything.",
-  infraEfficiency: "What percentage of the docs' potential quality actually reaches agents (actual \xF7 ceiling). 100% means agents find and use all relevant docs perfectly.",
-  // -- Three-layer decomposition columns ------------------------------------
-  floor: "Score without any documentation. This tells you what the model already knows from its training data.",
-  ceiling: "Score with gold-standard docs injected directly into the prompt. This is the best the documentation can do.",
-  actual: "Score when an AI agent finds docs on its own through web search and page fetching. This is the real-world experience.",
-  retGap: "Quality lost to discoverability (ceiling minus actual). The gap between what the docs could deliver and what agents actually get.",
-  efficiency: "What fraction of the docs' quality reaches agents in practice (actual \xF7 ceiling, shown as a percentage).",
-  invertedRetGap: "\u26A0\uFE0F Inverted retrieval gap: agents that can't find the docs actually score higher, because the docs hurt performance. This usually means there's a doc quality problem.",
-  // -- Per-area score columns -----------------------------------------------
-  score: "Weighted score for this feature area: Task Completion \xD7 50% + Code Correctness \xD7 25% + Doc Coverage \xD7 25%.",
-  taskCompletion: "Can the LLM implement the requested feature? Graded 0\u2013100.",
-  codeCorrectness: "Is the generated code idiomatic, correct, and following best practices? Graded 0\u2013100.",
-  docCoverage: "Did the docs provide the information needed to implement the feature? Graded 0\u2013100.",
-  tests: "Number of test cases in this feature area.",
-  // -- Comparison deltas ----------------------------------------------------
-  overallDelta: "Change in overall score between the two runs. Positive means the experiment scored higher.",
-  actualDelta: "Change in actual (agent-retrieved) score between runs. Positive means agents did better.",
-  retGapDelta: "Change in retrieval gap between runs. Negative is good here: it means the gap shrank and agents found more relevant docs.",
-  efficiencyDelta: "Change in infrastructure efficiency between runs. Positive means agents are capturing more of the docs' potential.",
-  // -- Comparison table columns ---------------------------------------------
-  baseline: "The reference run you're comparing against.",
-  experiment: "The new run you're evaluating.",
-  delta: "Difference between experiment and baseline. Positive means improvement, negative means regression.",
-  change: "Whether the change is meaningful: improved, regressed, or unchanged (within the noise threshold).",
-  // -- Grader judgments ------------------------------------------------------
-  lowScoringJudgments: "The grading model's explanations for tests that scored below 70/100.",
-  judgmentReason: "The grading model's natural language explanation of what went wrong.",
-  // -- Recommendations / gap analysis ----------------------------------------
-  recommendations: "Prioritized remediation plan from gap analysis. Each recommendation identifies a documentation problem, the affected feature area, and the estimated score lift from fixing it.",
-  totalPotentialLift: "Aggregate potential score lift if all identified gaps were fixed. This is a conservative estimate \u2014 each gap targets the median of non-bottlenecked dimensions, not 100.",
-  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.",
-  dimDocCoverage: "Change in doc coverage between runs. Positive means the docs are providing more useful information."
-};
+// src/components/primitives/ColumnHeader.tsx
+import { HelpCircleIcon as HelpCircleIcon3 } from "@sanity/icons";
+import { Box as Box5, Flex as Flex6, Text as Text9, Tooltip as Tooltip2 } from "@sanity/ui";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function ColumnHeader({
+  label,
+  tooltip,
+  borderBottom = false
+}) {
+  const style = borderBottom ? {
+    borderBottom: "1px solid var(--card-border-color)",
+    paddingBottom: 6
+  } : void 0;
+  return /* @__PURE__ */ jsxs9(Flex6, { align: "center", gap: 1, style, children: [
+    /* @__PURE__ */ jsx10(
+      Text9,
+      {
+        muted: true,
+        size: 2,
+        style: { letterSpacing: "0.05em", textTransform: "uppercase" },
+        weight: "semibold",
+        children: label
+      }
+    ),
+    tooltip && /* @__PURE__ */ jsx10(
+      Tooltip2,
+      {
+        content: /* @__PURE__ */ jsx10(Box5, { padding: 2, children: /* @__PURE__ */ jsx10(Text9, { size: 2, children: tooltip }) }),
+        portal: true,
+        children: /* @__PURE__ */ jsx10(Text9, { muted: true, size: 1, children: /* @__PURE__ */ jsx10(HelpCircleIcon3, {}) })
+      }
+    )
+  ] });
+}
 
-// src/lib/comparison.ts
-function scoreMap(summary) {
-  return new Map(summary.scores.map((s) => [s.feature, s]));
-}
-function allAreas(baseline, experiment) {
-  const set2 = /* @__PURE__ */ new Set([
-    ...baseline.scores.map((s) => s.feature),
-    ...experiment.scores.map((s) => s.feature)
-  ]);
-  return [...set2].sort();
-}
-function classify(delta) {
-  if (delta >= NOISE_THRESHOLD) return "improved";
-  if (delta <= -NOISE_THRESHOLD) return "regressed";
-  return "unchanged";
-}
-function changeTone(change) {
-  switch (change) {
-    case "improved":
-      return "positive";
-    case "regressed":
-      return "critical";
-    case "unchanged":
-      return "caution";
-  }
-}
-function computeAreaDeltas(baseline, experiment) {
-  const bMap = scoreMap(baseline);
-  const eMap = scoreMap(experiment);
-  return allAreas(baseline, experiment).map((area) => {
-    const bScore = bMap.get(area)?.totalScore ?? 0;
-    const eScore = eMap.get(area)?.totalScore ?? 0;
-    const delta = eScore - bScore;
-    return {
-      area,
-      baseline: bScore,
-      experiment: eScore,
-      delta,
-      change: classify(delta)
-    };
-  });
-}
-function computeThreeLayerDeltas(baseline, experiment) {
-  const bMap = scoreMap(baseline);
-  const eMap = scoreMap(experiment);
-  return allAreas(baseline, experiment).map((area) => {
-    const bItem = bMap.get(area);
-    const eItem = eMap.get(area);
-    const ba = bItem?.actualScore ?? null;
-    const ea = eItem?.actualScore ?? null;
-    return {
-      area,
-      baseActual: ba,
-      expActual: ea,
-      actualDelta: ba != null && ea != null ? ea - ba : null,
-      baseRetGap: bItem?.retrievalGap ?? null,
-      expRetGap: eItem?.retrievalGap ?? null,
-      retGapDelta: bItem?.retrievalGap != null && eItem?.retrievalGap != null ? eItem.retrievalGap - bItem.retrievalGap : null,
-      baseEfficiency: bItem?.infrastructureEfficiency ?? null,
-      expEfficiency: eItem?.infrastructureEfficiency ?? null
-    };
-  });
-}
-function computeDimensionDeltas(baseline, experiment) {
-  const bMap = scoreMap(baseline);
-  const eMap = scoreMap(experiment);
-  return allAreas(baseline, experiment).map((area) => {
-    const bItem = bMap.get(area);
-    const eItem = eMap.get(area);
-    return {
-      area,
-      taskDelta: (eItem?.taskCompletion ?? 0) - (bItem?.taskCompletion ?? 0),
-      codeDelta: (eItem?.codeCorrectness ?? 0) - (bItem?.codeCorrectness ?? 0),
-      docDelta: (eItem?.docCoverage ?? 0) - (bItem?.docCoverage ?? 0)
-    };
-  });
-}
-
-// src/components/PageBlurb.tsx
-import { Card as Card5, Stack as Stack7, Text as Text8 } from "@sanity/ui";
-import { jsx as jsx9 } from "react/jsx-runtime";
-function PageBlurb({ text }) {
-  return /* @__PURE__ */ jsx9(Card5, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx9(Stack7, { space: 2, children: /* @__PURE__ */ jsx9(Text8, { size: 2, children: text }) }) });
-}
-
-// src/components/primitives/ColumnHeader.tsx
-import { HelpCircleIcon as HelpCircleIcon3 } from "@sanity/icons";
-import { Box as Box5, Flex as Flex6, Text as Text9, Tooltip as Tooltip2 } from "@sanity/ui";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-function ColumnHeader({
-  label,
-  tooltip,
-  borderBottom = false
-}) {
-  const style = borderBottom ? {
-    borderBottom: "1px solid var(--card-border-color)",
-    paddingBottom: 6
-  } : void 0;
-  return /* @__PURE__ */ jsxs9(Flex6, { align: "center", gap: 1, style, children: [
-    /* @__PURE__ */ jsx10(
-      Text9,
-      {
-        muted: true,
-        size: 2,
-        style: { letterSpacing: "0.05em", textTransform: "uppercase" },
-        weight: "semibold",
-        children: label
-      }
-    ),
-    tooltip && /* @__PURE__ */ jsx10(
-      Tooltip2,
-      {
-        content: /* @__PURE__ */ jsx10(Box5, { padding: 2, children: /* @__PURE__ */ jsx10(Text9, { size: 2, children: tooltip }) }),
-        portal: true,
-        children: /* @__PURE__ */ jsx10(Text9, { muted: true, size: 1, children: /* @__PURE__ */ jsx10(HelpCircleIcon3, {}) })
-      }
-    )
-  ] });
-}
-
-// src/components/primitives/LoadingState.tsx
-import { Box as Box6, Text as Text10 } from "@sanity/ui";
-import { jsx as jsx11 } from "react/jsx-runtime";
-function LoadingState({ message = "Loading\u2026" }) {
-  return /* @__PURE__ */ jsx11(Box6, { padding: 4, children: /* @__PURE__ */ jsx11(Text10, { muted: true, children: message }) });
+// src/components/primitives/LoadingState.tsx
+import { Box as Box6, Text as Text10 } from "@sanity/ui";
+import { jsx as jsx11 } from "react/jsx-runtime";
+function LoadingState({ message = "Loading\u2026" }) {
+  return /* @__PURE__ */ jsx11(Box6, { padding: 4, children: /* @__PURE__ */ jsx11(Text10, { muted: true, children: message }) });
 }
 
 // src/components/ComparisonView.tsx
@@ -3500,351 +3504,308 @@ function formatOption(r) {
 }
 
 // src/components/LatestReports.tsx
-import { SortIcon } from "@sanity/icons";
-import {
-  Badge as Badge15,
-  Box as Box8,
-  Button,
-  Card as Card12,
-  Flex as Flex17,
-  Menu,
-  MenuButton,
-  MenuItem,
-  Stack as Stack13,
-  Text as Text21
-} from "@sanity/ui";
-import { useCallback as useCallback12, useEffect as useEffect7, useMemo as useMemo5, useState as useState7 } from "react";
-import { useClient as useClient6 } from "sanity";
-
-// src/components/content-filters/DocumentFilter.tsx
-import { SearchIcon as SearchIcon2 } from "@sanity/icons";
-import { Autocomplete as Autocomplete2, Badge as Badge4, Card as Card7, Flex as Flex8, Stack as Stack9, Text as Text12 } from "@sanity/ui";
-import { useCallback as useCallback7, useEffect as useEffect4, useRef as useRef3, useState as useState4 } from "react";
+import { Button, Card as Card7, Flex as Flex10, Stack as Stack10, Text as Text14 } from "@sanity/ui";
+import { useCallback as useCallback10, useEffect as useEffect5, useMemo as useMemo4, useState as useState5 } from "react";
 import { useClient as useClient4 } from "sanity";
+import { useRouter } from "sanity/router";
+
+// src/components/report-table/FilterBar.tsx
+import { Flex as Flex8, Text as Text12, TextInput } from "@sanity/ui";
+import { ResetIcon, SearchIcon as SearchIcon2, ThListIcon } from "@sanity/icons";
+import { useCallback as useCallback7 } from "react";
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
-var SEARCH_DEBOUNCE_MS = 300;
-function DocumentFilter({
-  value,
-  onChange,
-  onPerspectiveHint
+var BAR_STYLE = {
+  alignItems: "center",
+  background: "var(--card-bg-color)",
+  display: "flex",
+  flexWrap: "wrap",
+  gap: 8,
+  padding: "8px 12px"
+};
+var PILL_GROUP_STYLE = {
+  background: "var(--card-muted-bg-color)",
+  borderRadius: 6,
+  display: "inline-flex",
+  gap: 0,
+  padding: 2
+};
+var PILL_BASE = {
+  border: "none",
+  borderRadius: 4,
+  cursor: "pointer",
+  fontFamily: "inherit",
+  fontSize: 13,
+  fontWeight: 500,
+  lineHeight: 1,
+  padding: "6px 10px",
+  transition: "all 0.1s ease",
+  whiteSpace: "nowrap"
+};
+var PILL_ACTIVE = {
+  ...PILL_BASE,
+  background: "var(--card-bg-color)",
+  boxShadow: "0 1px 2px rgba(0,0,0,0.2)",
+  color: "var(--card-fg-color)"
+};
+var PILL_INACTIVE = {
+  ...PILL_BASE,
+  background: "transparent",
+  color: "var(--card-muted-fg-color)"
+};
+function FilterBar({
+  query,
+  onQueryChange,
+  mode,
+  modes,
+  onModeChange,
+  source,
+  sources,
+  onSourceChange,
+  trigger,
+  triggers,
+  onTriggerChange,
+  onReset,
+  filteredCount,
+  totalCount
 }) {
-  const client = useClient4({ apiVersion: API_VERSION });
-  const [options, setOptions] = useState4([]);
-  const [loading, setLoading] = useState4(false);
-  const timer = useRef3(null);
-  useEffect4(() => {
-    return () => {
-      if (timer.current) clearTimeout(timer.current);
-    };
-  }, []);
+  const hasActiveFilters = query.trim() !== "" || mode !== null || source !== null || trigger !== null;
   const handleQueryChange = useCallback7(
-    (query) => {
-      if (timer.current) clearTimeout(timer.current);
-      const trimmed = (query ?? "").trim();
-      if (trimmed.length < 2) {
-        setOptions([]);
-        setLoading(false);
-        return;
-      }
-      setLoading(true);
-      timer.current = setTimeout(() => {
-        client.fetch(articleSearchQuery, { query: trimmed }).then((data) => {
-          const result = (data ?? []).map((doc) => {
-            const { provenance, releaseId } = classifyDocId(doc._id);
-            const path = doc.section?.slug ? `${doc.section.slug}/${doc.slug}` : doc.slug;
-            return {
-              payload: {
-                path,
-                provenance,
-                releaseId,
-                slug: doc.slug,
-                title: doc.title
-              },
-              value: doc._id
-            };
-          });
-          const order = {
-            published: 0,
-            release: 1,
-            draft: 2
-          };
-          result.sort(
-            (a, b) => order[a.payload.provenance] - order[b.payload.provenance]
-          );
-          setOptions(result);
-          setLoading(false);
-        }).catch(() => {
-          setOptions([]);
-          setLoading(false);
-        });
-      }, SEARCH_DEBOUNCE_MS);
+    (e) => {
+      onQueryChange(e.currentTarget.value);
     },
-    [client]
+    [onQueryChange]
   );
-  const handleSelect = useCallback7(
-    (selected) => {
-      const option = options.find((o) => o.value === selected);
-      const slug = option?.payload.slug ?? selected;
-      onChange(slug);
-      if (option?.payload.provenance === "release" && option.payload.releaseId && onPerspectiveHint) {
-        onPerspectiveHint(option.payload.releaseId);
+  return /* @__PURE__ */ jsxs11("div", { style: BAR_STYLE, children: [
+    /* @__PURE__ */ jsx13("div", { style: { maxWidth: 320, minWidth: 140, flex: "1 1 200px" }, children: /* @__PURE__ */ jsx13(
+      TextInput,
+      {
+        fontSize: 2,
+        icon: SearchIcon2,
+        onChange: handleQueryChange,
+        placeholder: "Search reports...",
+        value: query
       }
-    },
-    [options, onChange, onPerspectiveHint]
-  );
-  const renderOption = useCallback7((option) => {
-    const { provenance, releaseId } = option.payload;
-    const badgeTone = provenance === "published" ? "positive" : provenance === "release" ? "primary" : "caution";
-    const badgeLabel = provenance === "published" ? "Published" : provenance === "release" ? releaseId ?? "Release" : "Draft";
-    return /* @__PURE__ */ jsx13(Card7, { as: "button", padding: 3, children: /* @__PURE__ */ jsxs11(Flex8, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsxs11(Stack9, { flex: 1, space: 1, children: [
-        /* @__PURE__ */ jsx13(Text12, { size: 2, weight: "semibold", children: option.payload.title }),
-        /* @__PURE__ */ jsx13(Text12, { muted: true, size: 2, children: option.payload.path })
-      ] }),
-      /* @__PURE__ */ jsx13(Badge4, { fontSize: 1, tone: badgeTone, children: badgeLabel })
-    ] }) });
-  }, []);
-  const renderValue = useCallback7((_value, option) => {
-    if (option?.payload.title) {
-      return `${option.payload.title} (${option.payload.slug})`;
-    }
-    return _value;
-  }, []);
-  return /* @__PURE__ */ jsx13(
-    Autocomplete2,
-    {
-      filterOption: () => true,
-      icon: SearchIcon2,
-      id: "document-filter-input",
-      loading,
-      onChange: handleSelect,
-      onQueryChange: handleQueryChange,
-      options,
-      placeholder: "Search by title, slug, or ID\u2026",
-      renderOption,
-      renderValue,
-      value
-    }
-  );
+    ) }),
+    modes.length > 0 && /* @__PURE__ */ jsx13(
+      PillGroup,
+      {
+        label: "Mode",
+        onChange: onModeChange,
+        options: modes,
+        value: mode
+      }
+    ),
+    sources.length > 0 && /* @__PURE__ */ jsx13(
+      PillGroup,
+      {
+        label: "Source",
+        onChange: onSourceChange,
+        options: sources,
+        value: source
+      }
+    ),
+    triggers.length > 0 && /* @__PURE__ */ jsx13(
+      PillGroup,
+      {
+        label: "Trigger",
+        onChange: onTriggerChange,
+        options: triggers,
+        value: trigger
+      }
+    ),
+    /* @__PURE__ */ jsx13("div", { style: { flex: "1 0 0px" } }),
+    hasActiveFilters && /* @__PURE__ */ jsxs11(
+      "button",
+      {
+        onClick: onReset,
+        style: {
+          ...PILL_BASE,
+          alignItems: "center",
+          background: "transparent",
+          color: "var(--card-muted-fg-color)",
+          display: "inline-flex",
+          gap: 4
+        },
+        type: "button",
+        children: [
+          /* @__PURE__ */ jsx13(ResetIcon, { style: { fontSize: 14 } }),
+          "Reset"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs11(Flex8, { align: "center", gap: 2, shrink: 0, children: [
+      /* @__PURE__ */ jsx13(ThListIcon, { style: { opacity: 0.5 } }),
+      /* @__PURE__ */ jsx13(Text12, { muted: true, size: 2, children: filteredCount === totalCount ? `${totalCount} of ${totalCount}` : `${filteredCount} of ${totalCount}` })
+    ] })
+  ] });
 }
-function classifyDocId(id) {
-  if (id.startsWith("versions.")) {
-    const parts = id.split(".");
-    const releaseId = parts.length >= 3 ? parts[1] : null;
-    return { provenance: "release", releaseId };
-  }
-  if (id.startsWith("drafts.")) {
-    return { provenance: "draft", releaseId: null };
-  }
-  return { provenance: "published", releaseId: null };
+function PillGroup({
+  label,
+  options,
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs11(Flex8, { align: "center", gap: 2, children: [
+    /* @__PURE__ */ jsx13(
+      Text12,
+      {
+        muted: true,
+        size: 1,
+        style: {
+          letterSpacing: "0.05em",
+          textTransform: "uppercase",
+          whiteSpace: "nowrap"
+        },
+        weight: "semibold",
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxs11("div", { style: PILL_GROUP_STYLE, children: [
+      /* @__PURE__ */ jsx13(
+        "button",
+        {
+          onClick: () => onChange(null),
+          style: value === null ? PILL_ACTIVE : PILL_INACTIVE,
+          type: "button",
+          children: "All"
+        }
+      ),
+      options.map((opt) => /* @__PURE__ */ jsx13(
+        "button",
+        {
+          onClick: () => onChange(opt),
+          style: value === opt ? PILL_ACTIVE : PILL_INACTIVE,
+          type: "button",
+          children: capitalize(opt)
+        },
+        opt
+      ))
+    ] })
+  ] });
+}
+function capitalize(s) {
+  return s.charAt(0).toUpperCase() + s.slice(1);
 }
 
-// src/components/content-filters/PerspectiveFilter.tsx
-import { SearchIcon as SearchIcon3 } from "@sanity/icons";
-import { Autocomplete as Autocomplete3, Badge as Badge5, Card as Card8, Flex as Flex9, Stack as Stack10, Text as Text13 } from "@sanity/ui";
-import { useEffect as useEffect5, useMemo as useMemo4, useState as useState5 } from "react";
-import {
-  getReleaseIdFromReleaseDocumentId as getReleaseIdFromReleaseDocumentId3,
-  useActiveReleases as useActiveReleases3,
-  useArchivedReleases as useArchivedReleases3,
-  useClient as useClient5
-} from "sanity";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
-function PerspectiveFilter({ value, onChange }) {
-  const client = useClient5({ apiVersion: API_VERSION });
-  const [reportPerspectives, setReportPerspectives] = useState5([]);
-  const { data: activeReleases } = useActiveReleases3();
-  const { data: archivedReleases } = useArchivedReleases3();
-  useEffect5(() => {
-    client.fetch(distinctPerspectivesQuery).then(
-      (data) => setReportPerspectives((data ?? []).filter(Boolean).sort())
-    ).catch(() => setReportPerspectives([]));
-  }, [client]);
-  const options = useMemo4(() => {
-    const releaseMap = /* @__PURE__ */ new Map();
-    for (const release of [
-      ...activeReleases ?? [],
-      ...archivedReleases ?? []
-    ]) {
-      const releaseId = getReleaseIdFromReleaseDocumentId3(release._id);
-      const title = release.metadata?.title ?? releaseId;
-      releaseMap.set(releaseId, title);
-    }
-    const allIds = /* @__PURE__ */ new Set([...reportPerspectives, ...releaseMap.keys()]);
-    const result = [...allIds].sort((a, b) => {
-      const aTitle = releaseMap.get(a);
-      const bTitle = releaseMap.get(b);
-      if (aTitle && !bTitle) return -1;
-      if (!aTitle && bTitle) return 1;
-      return (aTitle ?? a).localeCompare(bTitle ?? b);
-    }).map((id) => ({
-      payload: {
-        hasReport: reportPerspectives.includes(id),
-        title: releaseMap.get(id) ?? id
-      },
-      value: id
-    }));
-    return result;
-  }, [activeReleases, archivedReleases, reportPerspectives]);
+// src/components/report-table/OutlineBadge.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+var TONE_PALETTE = {
+  default: {
+    border: "rgba(255, 255, 255, 0.2)",
+    bg: "rgba(255, 255, 255, 0.06)",
+    fg: "rgba(255, 255, 255, 0.6)"
+  },
+  primary: {
+    border: "rgba(86, 154, 237, 0.4)",
+    bg: "rgba(86, 154, 237, 0.08)",
+    fg: "#569aed"
+  },
+  positive: {
+    border: "rgba(46, 204, 113, 0.4)",
+    bg: "rgba(46, 204, 113, 0.08)",
+    fg: "#2ecc71"
+  },
+  caution: {
+    border: "rgba(241, 196, 15, 0.4)",
+    bg: "rgba(241, 196, 15, 0.08)",
+    fg: "#f1c40f"
+  },
+  critical: {
+    border: "rgba(231, 76, 60, 0.4)",
+    bg: "rgba(231, 76, 60, 0.08)",
+    fg: "#e74c3c"
+  },
+  cyan: {
+    border: "rgba(52, 211, 211, 0.4)",
+    bg: "rgba(52, 211, 211, 0.08)",
+    fg: "#34d3d3"
+  },
+  purple: {
+    border: "rgba(168, 130, 255, 0.4)",
+    bg: "rgba(168, 130, 255, 0.08)",
+    fg: "#a882ff"
+  }
+};
+function OutlineBadge({
+  children,
+  tone = "default"
+}) {
+  const colors = TONE_PALETTE[tone];
   return /* @__PURE__ */ jsx14(
-    Autocomplete3,
+    "span",
     {
-      filterOption: (query, option) => {
-        const q = query.toLowerCase();
-        const opt = option;
-        return opt.value.toLowerCase().includes(q) || (opt.payload?.title ?? "").toLowerCase().includes(q);
-      },
-      icon: SearchIcon3,
-      id: "perspective-filter-input",
-      onChange,
-      options,
-      placeholder: "Search by title or ID\u2026",
-      renderOption: (option) => {
-        const opt = option;
-        return /* @__PURE__ */ jsx14(Card8, { as: "button", padding: 3, children: /* @__PURE__ */ jsxs12(Flex9, { align: "center", gap: 2, children: [
-          /* @__PURE__ */ jsxs12(Stack10, { flex: 1, space: 1, children: [
-            /* @__PURE__ */ jsx14(Text13, { size: 2, weight: "semibold", children: opt.payload.title }),
-            opt.payload.title !== opt.value && /* @__PURE__ */ jsx14(Text13, { muted: true, size: 2, children: opt.value })
-          ] }),
-          opt.payload.hasReport && /* @__PURE__ */ jsx14(Badge5, { fontSize: 1, tone: "positive", children: "Has reports" })
-        ] }) });
-      },
-      renderValue: (v, option) => {
-        const opt = option;
-        if (opt?.payload?.title && opt.payload.title !== v) {
-          return `${opt.payload.title} (${v})`;
-        }
-        return v;
+      style: {
+        background: colors.bg,
+        border: `1px solid ${colors.border}`,
+        borderRadius: 4,
+        color: colors.fg,
+        display: "inline-block",
+        fontSize: 12,
+        fontWeight: 500,
+        lineHeight: 1,
+        padding: "3px 6px",
+        whiteSpace: "nowrap"
       },
-      value
+      children
     }
   );
 }
 
-// src/components/report-card/ReportCard.tsx
-import { Badge as Badge12, Card as Card9, Flex as Flex13, Text as Text17 } from "@sanity/ui";
-import { useCallback as useCallback8 } from "react";
+// src/components/report-table/ReportTable.tsx
+import {
+  Badge as Badge4,
+  Code,
+  Flex as Flex9,
+  Inline,
+  Stack as Stack9,
+  Text as Text13
+} from "@sanity/ui";
 
-// src/components/primitives/DeltaIndicator.tsx
-import { Text as Text14 } from "@sanity/ui";
-import { jsx as jsx15 } from "react/jsx-runtime";
-function DeltaIndicator({ delta, size = 2 }) {
-  return /* @__PURE__ */ jsx15(
-    Text14,
-    {
-      size,
-      style: {
-        color: delta > 0 ? "var(--card-badge-positive-dot-color)" : delta < 0 ? "var(--card-badge-critical-dot-color)" : void 0
-      },
-      children: formatDelta(delta)
+// src/components/report-table/useContainerWidth.ts
+import { useCallback as useCallback8, useEffect as useEffect4, useRef as useRef3, useState as useState4 } from "react";
+var FULL_MIN = 900;
+var COMPACT_MIN = 600;
+function getTier(width) {
+  if (width >= FULL_MIN) return "full";
+  if (width >= COMPACT_MIN) return "compact";
+  return "narrow";
+}
+function useContainerWidth() {
+  const [width, setWidth] = useState4(1200);
+  const observerRef = useRef3(null);
+  const elementRef = useRef3(null);
+  const ref = useCallback8((node) => {
+    if (observerRef.current) {
+      observerRef.current.disconnect();
+      observerRef.current = null;
     }
-  );
+    elementRef.current = node;
+    if (node) {
+      setWidth(node.getBoundingClientRect().width);
+      const observer = new ResizeObserver((entries) => {
+        for (const entry of entries) {
+          setWidth(entry.contentRect.width);
+        }
+      });
+      observer.observe(node);
+      observerRef.current = observer;
+    }
+  }, []);
+  useEffect4(() => {
+    return () => {
+      if (observerRef.current) {
+        observerRef.current.disconnect();
+      }
+    };
+  }, []);
+  return { ref, tier: getTier(width), width };
 }
 
-// src/components/report-card/GitOrigin.tsx
-import { Badge as Badge6, Flex as Flex10, Text as Text15 } from "@sanity/ui";
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
-function GitOrigin({ git }) {
-  const prUrl = git.prNumber ? `https://github.com/${git.repo}/pull/${git.prNumber}` : null;
-  return /* @__PURE__ */ jsxs13(Flex10, { align: "center", gap: 2, children: [
-    /* @__PURE__ */ jsx16(
-      Text15,
-      {
-        muted: true,
-        size: 1,
-        style: { fontFamily: "monospace", whiteSpace: "nowrap" },
-        title: `${git.repo} @ ${git.sha.slice(0, 7)} (${git.branch})`,
-        children: git.repo
-      }
-    ),
-    prUrl && /* @__PURE__ */ jsx16(
-      "a",
-      {
-        href: prUrl,
-        onClick: stopPropagation,
-        rel: "noopener noreferrer",
-        style: { textDecoration: "none" },
-        target: "_blank",
-        children: /* @__PURE__ */ jsxs13(Badge6, { fontSize: 1, mode: "outline", tone: "primary", children: [
-          "#",
-          git.prNumber
-        ] })
-      }
-    )
-  ] });
-}
-function stopPropagation(e) {
-  e.stopPropagation();
-}
-
-// src/components/report-card/ModeBadge.tsx
-import { Badge as Badge7 } from "@sanity/ui";
-import { jsx as jsx17 } from "react/jsx-runtime";
-var modeTone = {
-  agentic: "positive",
-  baseline: "default",
-  full: "primary",
-  observed: "caution"
-};
-function ModeBadge({ mode }) {
-  const tone = modeTone[mode] ?? "default";
-  return /* @__PURE__ */ jsx17(Badge7, { fontSize: 1, tone, children: mode });
-}
-
-// src/components/report-card/ReportMeta.tsx
-import { Stack as Stack11, Text as Text16 } from "@sanity/ui";
-
-// src/components/report-card/AreaTags.tsx
-import { Badge as Badge8, Flex as Flex11 } from "@sanity/ui";
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
-function AreaTags({ areas, targetDocuments }) {
-  const hasAreas = areas && areas.length > 0;
-  const hasDocs = targetDocuments && targetDocuments.length > 0;
-  if (!hasAreas && !hasDocs) return null;
-  return /* @__PURE__ */ jsxs14(Flex11, { gap: 1, paddingTop: 1, wrap: "wrap", children: [
-    hasAreas && areas.map((area) => /* @__PURE__ */ jsx18(
-      Badge8,
-      {
-        fontSize: 1,
-        mode: "outline",
-        tone: "default",
-        children: area
-      },
-      `area-${area}`
-    )),
-    hasDocs && targetDocuments.map((doc) => /* @__PURE__ */ jsx18(Badge8, { fontSize: 1, mode: "outline", tone: "primary", children: doc }, `doc-${doc}`))
-  ] });
-}
+// src/components/report-table/ReportTable.tsx
+import { ClockIcon, TrendUpwardIcon } from "@sanity/icons";
+import { useCallback as useCallback9 } from "react";
 
 // src/components/report-card/types.ts
-function fromReportListItem(item) {
-  return {
-    _id: item._id,
-    reportId: item.reportId,
-    completedAt: item.completedAt,
-    overall: item.overall,
-    mode: item.mode,
-    source: item.source,
-    tag: item.tag,
-    models: item.models,
-    areas: item.areas,
-    trigger: item.trigger,
-    targetDocuments: item.targetDocuments,
-    perspective: item.perspective,
-    durationMs: item.durationMs,
-    comparisonDelta: item.comparisonDelta,
-    regressed: item.regressed,
-    improved: item.improved,
-    scores: item.scores,
-    git: item.git,
-    docLift: item.docLift,
-    actualScore: item.actualScore,
-    retrievalGap: item.retrievalGap,
-    evaluationMode: item.evaluationMode,
-    promptfooUrl: item.promptfooUrl,
-    promptfooUrls: item.promptfooUrls
-  };
-}
 function formatCardDate(iso) {
   return new Date(iso).toLocaleDateString("en-US", {
     day: "numeric",
@@ -3855,624 +3816,429 @@ function formatCardDate(iso) {
   });
 }
 
-// src/components/report-card/ReportMeta.tsx
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
-function ReportMeta({ data }) {
-  const segments = [];
-  if (data.models && data.models.length > 0) {
-    segments.push(data.models.join(", "));
-  }
-  if (data.perspective) {
-    segments.push(data.perspective);
-  }
-  if (data.durationMs && data.durationMs > 0) {
-    segments.push(formatDuration(data.durationMs));
-  }
-  return /* @__PURE__ */ jsxs15(Stack11, { flex: 1, space: 1, children: [
-    /* @__PURE__ */ jsx19(Text16, { size: 3, weight: "semibold", children: data.tag ?? formatCardDate(data.completedAt) }),
-    segments.length > 0 && /* @__PURE__ */ jsx19(Text16, { muted: true, size: 2, children: segments.join(" \xB7 ") }),
-    /* @__PURE__ */ jsx19(AreaTags, { areas: data.areas, targetDocuments: data.targetDocuments })
-  ] });
-}
-
-// src/components/primitives/ScoreBadge.tsx
-import { Badge as Badge9 } from "@sanity/ui";
-
-// src/lib/scoring.ts
-var TONE_MAP = {
-  good: "positive",
-  warning: "caution",
-  "needs-work": "default",
-  critical: "critical"
-};
-function gradeTone(grade) {
-  return TONE_MAP[grade];
-}
-function scoreTone(score) {
-  return gradeTone(scoreGrade(Math.round(score)));
-}
-var HEX_MAP = {
-  good: "#2ecc71",
-  warning: "#f1c40f",
-  "needs-work": "#e67e22",
-  critical: "#e74c3c"
-};
-function gradeHex(grade) {
-  return HEX_MAP[grade];
-}
-function scoreHex(score) {
-  return gradeHex(scoreGrade(Math.round(score)));
-}
-function rowBackground(index) {
-  return index % 2 === 1 ? "var(--card-muted-bg-color)" : void 0;
-}
-
-// src/components/primitives/ScoreBadge.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
-function ScoreBadge({ score, fontSize = 2 }) {
-  const rounded = Math.round(score);
-  return /* @__PURE__ */ jsx20(
-    Badge9,
+// src/components/report-table/ReportTable.tsx
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+function GitBranchIcon({ style }) {
+  return /* @__PURE__ */ jsxs12(
+    "svg",
     {
-      fontSize,
-      style: { minWidth: 48, textAlign: "center" },
-      tone: scoreTone(rounded),
-      children: rounded
+      "aria-hidden": "true",
+      fill: "none",
+      height: 12,
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      style,
+      viewBox: "0 0 24 24",
+      width: 12,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx15("path", { d: "M15 6a9 9 0 0 0-9 9V3" }),
+        /* @__PURE__ */ jsx15("circle", { cx: 18, cy: 6, r: 3 }),
+        /* @__PURE__ */ jsx15("circle", { cx: 6, cy: 18, r: 3 })
+      ]
     }
   );
 }
-
-// src/components/report-card/SourceBadge.tsx
-import { Badge as Badge10 } from "@sanity/ui";
-import { jsx as jsx21 } from "react/jsx-runtime";
-var sourceTone = {
-  branch: "primary",
-  local: "default",
-  production: "caution"
+var SCORE_COLORS = {
+  good: { bg: "rgba(46, 204, 113, 0.15)", fg: "#2ecc71" },
+  warning: { bg: "rgba(241, 196, 15, 0.15)", fg: "#f1c40f" },
+  "needs-work": { bg: "rgba(230, 126, 34, 0.15)", fg: "#e67e22" },
+  critical: { bg: "rgba(231, 76, 60, 0.15)", fg: "#e74c3c" }
 };
-function SourceBadge({ source }) {
-  const tone = sourceTone[source] ?? "default";
-  return /* @__PURE__ */ jsx21(Badge10, { fontSize: 1, mode: "outline", tone, children: source });
-}
-
-// src/components/primitives/StatusBadges.tsx
-import { Badge as Badge11, Flex as Flex12 } from "@sanity/ui";
-import { jsxs as jsxs16 } from "react/jsx-runtime";
-function StatusBadges({ regressed, improved }) {
-  const hasRegressed = regressed && regressed.length > 0;
-  const hasImproved = improved && improved.length > 0;
-  if (!hasRegressed && !hasImproved) return null;
-  return /* @__PURE__ */ jsxs16(Flex12, { gap: 1, children: [
-    hasRegressed && /* @__PURE__ */ jsxs16(Badge11, { fontSize: 1, tone: "critical", children: [
-      regressed.length,
-      " regressed"
-    ] }),
-    hasImproved && /* @__PURE__ */ jsxs16(Badge11, { fontSize: 1, tone: "positive", children: [
-      improved.length,
-      " improved"
+var GRID = {
+  full: "72px 1fr 130px 100px 100px 100px",
+  compact: "56px 1fr 110px",
+  narrow: "48px 1fr"
+};
+var TABLE_HOVER_STYLES = `
+.ailf-row:hover { background: var(--card-muted-bg-color); }
+`;
+function ReportTable({
+  reports,
+  onSelectReport,
+  sort,
+  onSortChange
+}) {
+  const { ref, tier } = useContainerWidth();
+  return /* @__PURE__ */ jsxs12(Fragment4, { children: [
+    /* @__PURE__ */ jsx15("style", { children: TABLE_HOVER_STYLES }),
+    /* @__PURE__ */ jsxs12("div", { ref, children: [
+      /* @__PURE__ */ jsxs12(
+        "div",
+        {
+          style: {
+            borderBottom: "1px solid var(--card-border-color)",
+            display: "grid",
+            gap: "0 16px",
+            gridTemplateColumns: GRID[tier],
+            padding: "12px 12px 8px"
+          },
+          children: [
+            /* @__PURE__ */ jsx15("div", {}),
+            /* @__PURE__ */ jsx15(
+              ColHeader,
+              {
+                active: sort.field === "name",
+                direction: sort.direction,
+                label: "Report",
+                onClick: () => onSortChange("name")
+              }
+            ),
+            tier !== "narrow" && /* @__PURE__ */ jsx15(
+              ColHeader,
+              {
+                active: sort.field === "score",
+                direction: sort.direction,
+                label: "Change",
+                onClick: () => onSortChange("score")
+              }
+            ),
+            tier === "full" && /* @__PURE__ */ jsxs12(Fragment4, { children: [
+              /* @__PURE__ */ jsx15(ColHeader, { label: "Mode" }),
+              /* @__PURE__ */ jsx15(ColHeader, { label: "Trigger" }),
+              /* @__PURE__ */ jsx15(
+                ColHeader,
+                {
+                  active: sort.field === "date",
+                  direction: sort.direction,
+                  label: "Time",
+                  onClick: () => onSortChange("date"),
+                  align: "right"
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      reports.map((report) => /* @__PURE__ */ jsx15(
+        ReportRow,
+        {
+          onSelect: onSelectReport,
+          report,
+          tier
+        },
+        report._id
+      ))
     ] })
   ] });
 }
-
-// src/components/report-card/ReportCard.tsx
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
-function ReportCard({ data, onSelectReport }) {
-  const handleClick = useCallback8(() => {
-    onSelectReport(data.reportId);
-  }, [data.reportId, onSelectReport]);
-  return /* @__PURE__ */ jsx22(
-    Card9,
+function ReportRow({
+  report,
+  onSelect,
+  tier
+}) {
+  const handleClick = useCallback9(() => {
+    onSelect(report.reportId);
+  }, [onSelect, report.reportId]);
+  const rounded = Math.round(report.overall);
+  const grade = scoreGrade(rounded);
+  const colors = SCORE_COLORS[grade];
+  const hasDelta = report.comparisonDelta != null && report.comparisonDelta !== 0;
+  const delta = report.comparisonDelta ?? 0;
+  const deltaUp = delta > 0;
+  const regressedCount = report.regressed?.length ?? 0;
+  const improvedCount = report.improved?.length ?? 0;
+  const hasAreas = report.areas && report.areas.length > 0;
+  const hasDocs = report.targetDocuments && report.targetDocuments.length > 0;
+  const git = report.git;
+  const isSmall = tier !== "full";
+  const scoreSize = isSmall ? 40 : 48;
+  const scoreWidth = isSmall ? 44 : 56;
+  const scoreFontSize = isSmall ? 18 : 22;
+  return /* @__PURE__ */ jsxs12(
+    "div",
     {
+      className: "ailf-row",
       onClick: handleClick,
-      padding: 3,
-      radius: 2,
-      shadow: 1,
-      style: { cursor: "pointer" },
-      children: /* @__PURE__ */ jsxs17(Flex13, { align: "center", gap: 3, children: [
-        /* @__PURE__ */ jsx22(ScoreBadge, { score: data.overall }),
-        /* @__PURE__ */ jsx22(ReportMeta, { data }),
-        /* @__PURE__ */ jsxs17(Flex13, { align: "flex-end", direction: "column", gap: 2, shrink: 0, children: [
-          /* @__PURE__ */ jsxs17(Flex13, { align: "center", gap: 2, children: [
-            /* @__PURE__ */ jsx22(ModeBadge, { mode: data.mode }),
-            /* @__PURE__ */ jsx22(SourceBadge, { source: data.source })
+      style: {
+        alignItems: "start",
+        borderBottom: "1px solid var(--card-border-color)",
+        cursor: "pointer",
+        display: "grid",
+        gap: "0 16px",
+        gridTemplateColumns: GRID[tier],
+        padding: isSmall ? "10px 8px" : "14px 12px"
+      },
+      children: [
+        /* @__PURE__ */ jsx15(Flex9, { align: "center", justify: "center", style: { paddingTop: 2 }, children: /* @__PURE__ */ jsx15(
+          "div",
+          {
+            style: {
+              alignItems: "center",
+              background: colors.bg,
+              border: `1px solid ${colors.fg}40`,
+              borderRadius: isSmall ? 6 : 8,
+              color: colors.fg,
+              display: "flex",
+              fontSize: scoreFontSize,
+              fontWeight: 700,
+              height: scoreSize,
+              justifyContent: "center",
+              lineHeight: 1,
+              width: scoreWidth
+            },
+            children: rounded
+          }
+        ) }),
+        /* @__PURE__ */ jsxs12(Stack9, { space: 2, children: [
+          /* @__PURE__ */ jsxs12(Flex9, { align: "center", gap: 2, wrap: "wrap", children: [
+            /* @__PURE__ */ jsx15(Text13, { size: isSmall ? 2 : 3, weight: "semibold", children: report.tag ?? formatCardDate(report.completedAt) }),
+            git && /* @__PURE__ */ jsxs12(Flex9, { align: "center", gap: 2, children: [
+              /* @__PURE__ */ jsxs12(Inline, { space: 1, children: [
+                /* @__PURE__ */ jsx15(GitBranchIcon, { style: { opacity: 0.6 } }),
+                /* @__PURE__ */ jsx15(Code, { size: isSmall ? 1 : 2, children: git.branch })
+              ] }),
+              git.prNumber && /* @__PURE__ */ jsxs12(Text13, { muted: true, size: isSmall ? 1 : 2, children: [
+                "#",
+                git.prNumber
+              ] }),
+              tier === "full" && /* @__PURE__ */ jsx15(Code, { size: 1, style: { opacity: 0.5 }, children: git.sha.slice(0, 7) })
+            ] })
           ] }),
-          /* @__PURE__ */ jsxs17(Flex13, { align: "center", gap: 2, children: [
-            data.comparisonDelta != null && /* @__PURE__ */ jsx22(DeltaIndicator, { delta: data.comparisonDelta }),
-            /* @__PURE__ */ jsx22(StatusBadges, { improved: data.improved, regressed: data.regressed }),
-            /* @__PURE__ */ jsx22(
-              Text17,
+          /* @__PURE__ */ jsxs12(Flex9, { align: "center", gap: 2, wrap: "wrap", children: [
+            report.source && /* @__PURE__ */ jsx15(
+              Badge4,
               {
-                muted: true,
-                size: 1,
-                title: new Date(data.completedAt).toISOString(),
-                children: formatRelativeTime(data.completedAt)
+                fontSize: isSmall ? 0 : 1,
+                padding: 1,
+                radius: 1,
+                tone: SOURCE_TONE[report.source] ?? "default",
+                children: report.source
               }
             ),
-            data.trigger && /* @__PURE__ */ jsx22(Badge12, { fontSize: 1, tone: "default", children: data.trigger })
+            report.models?.map((model) => /* @__PURE__ */ jsx15(
+              Badge4,
+              {
+                fontSize: isSmall ? 0 : 1,
+                padding: 1,
+                radius: 1,
+                tone: "default",
+                children: model
+              },
+              model
+            )),
+            report.perspective && /* @__PURE__ */ jsx15(OutlineBadge, { tone: "cyan", children: report.perspective }),
+            report.durationMs != null && report.durationMs > 0 && /* @__PURE__ */ jsxs12(Flex9, { align: "center", gap: 1, children: [
+              /* @__PURE__ */ jsx15(ClockIcon, { style: { fontSize: 13, opacity: 0.5 } }),
+              /* @__PURE__ */ jsx15(Text13, { muted: true, size: isSmall ? 0 : 1, children: formatDuration(report.durationMs) })
+            ] })
           ] }),
-          data.git && /* @__PURE__ */ jsx22(GitOrigin, { git: data.git })
-        ] })
-      ] })
-    }
-  );
-}
-
-// src/components/search-bar/SearchBar.tsx
-import { SearchIcon as SearchIcon4 } from "@sanity/icons";
-import { Card as Card11, Flex as Flex16, Text as Text20 } from "@sanity/ui";
-import {
-  useCallback as useCallback11,
-  useEffect as useEffect6,
-  useRef as useRef4,
-  useState as useState6
-} from "react";
-
-// src/components/search-bar/types.ts
-var DIMENSIONS = [
-  {
-    key: "model",
-    categoryLabel: "Models",
-    prefix: "model:",
-    tone: "primary",
-    multi: false
-  },
-  {
-    key: "area",
-    categoryLabel: "Areas",
-    prefix: "area:",
-    tone: "positive",
-    multi: true
-  },
-  {
-    key: "date",
-    categoryLabel: "Date range",
-    prefix: "date:",
-    tone: "caution",
-    multi: false
-  }
-];
-var DATE_SUGGESTIONS = [
-  { label: "Today", value: "today" },
-  { label: "Yesterday", value: "yesterday" },
-  { label: "Last 7 days", value: "7d" },
-  { label: "Last 30 days", value: "30d" },
-  { label: "Last 90 days", value: "90d" }
-];
-var nextTokenId = 0;
-function createToken(dimension, value, label) {
-  return {
-    id: `token-${++nextTokenId}`,
-    dimension,
-    value,
-    label: label ?? value
-  };
-}
-
-// src/components/search-bar/suggestions.ts
-function computeSuggestions(input) {
-  const { query, activeTokens, models, areas } = input;
-  const trimmed = query.trim().toLowerCase();
-  const scopedDimension = detectScopedDimension(trimmed);
-  if (scopedDimension) {
-    const afterPrefix = trimmed.slice(scopedDimension.prefix.length).trim();
-    return getScopedSuggestions(
-      scopedDimension,
-      afterPrefix,
-      activeTokens,
-      models,
-      areas
-    );
-  }
-  if (trimmed.length === 0) {
-    return getDimensionHints(activeTokens);
-  }
-  return getUnscopedSuggestions(trimmed, activeTokens, models, areas);
-}
-function detectScopedDimension(query) {
-  return DIMENSIONS.find((d) => query.startsWith(d.prefix));
-}
-function getScopedSuggestions(dim, afterPrefix, activeTokens, models, areas) {
-  const values = getValuesForDimension(dim.key, models, areas);
-  const filtered = filterAndExclude(values, afterPrefix, dim, activeTokens);
-  return filtered.map((v) => ({
-    dimension: dim.key,
-    value: v.value,
-    label: v.label,
-    category: dim.categoryLabel
-  }));
-}
-function getUnscopedSuggestions(query, activeTokens, models, areas) {
-  const results = [];
-  for (const dim of DIMENSIONS) {
-    const values = getValuesForDimension(dim.key, models, areas);
-    const matching = filterAndExclude(values, query, dim, activeTokens);
-    for (const v of matching.slice(0, 3)) {
-      results.push({
-        dimension: dim.key,
-        value: v.value,
-        label: v.label,
-        category: dim.categoryLabel
-      });
-    }
-  }
-  for (const dim of DIMENSIONS) {
-    if (dim.prefix.startsWith(query) && query.length > 0 && query.length < dim.prefix.length) {
-      results.push({
-        dimension: dim.key,
-        value: dim.prefix,
-        label: `Type "${dim.prefix}" to filter by ${dim.categoryLabel.toLowerCase()}`,
-        category: "Filters"
-      });
-    }
-  }
-  return results;
-}
-function getDimensionHints(activeTokens) {
-  return DIMENSIONS.filter((dim) => {
-    if (!dim.multi && activeTokens.some((t) => t.dimension === dim.key)) {
-      return false;
-    }
-    return true;
-  }).map((dim) => ({
-    dimension: dim.key,
-    value: dim.prefix,
-    label: `${dim.prefix} \u2014 filter by ${dim.categoryLabel.toLowerCase()}`,
-    category: "Filters"
-  }));
-}
-function getValuesForDimension(key, models, areas) {
-  switch (key) {
-    case "model":
-      return models.map((m) => ({ label: m, value: m }));
-    case "area":
-      return areas.map((a) => ({ label: a, value: a }));
-    case "date":
-      return DATE_SUGGESTIONS;
-  }
-}
-function filterAndExclude(values, query, dim, activeTokens) {
-  const activeDimValues = new Set(
-    activeTokens.filter((t) => t.dimension === dim.key).map((t) => t.value)
-  );
-  return values.filter((v) => {
-    if (activeDimValues.has(v.value)) return false;
-    if (!dim.multi && activeDimValues.size > 0) return false;
-    if (!query) return true;
-    return v.label.toLowerCase().includes(query);
-  });
-}
-
-// src/components/search-bar/FilterBadge.tsx
-import { CloseIcon } from "@sanity/icons";
-import { Badge as Badge13, Flex as Flex14, Text as Text18 } from "@sanity/ui";
-import { useCallback as useCallback9 } from "react";
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
-function FilterBadge({ token, onRemove }) {
-  const dim = DIMENSIONS.find((d) => d.key === token.dimension);
-  const tone = dim?.tone ?? "default";
-  const handleRemove = useCallback9(
-    (e) => {
-      e.stopPropagation();
-      onRemove(token.id);
-    },
-    [onRemove, token.id]
-  );
-  return /* @__PURE__ */ jsx23(
-    Badge13,
-    {
-      fontSize: 1,
-      style: {
-        cursor: "default",
-        flexShrink: 0,
-        userSelect: "none"
-      },
-      tone,
-      children: /* @__PURE__ */ jsxs18(Flex14, { align: "center", gap: 1, children: [
-        /* @__PURE__ */ jsxs18(Text18, { size: 1, children: [
-          token.dimension,
-          ":",
-          token.label
+          (hasAreas || hasDocs) && /* @__PURE__ */ jsxs12(Flex9, { gap: 2, wrap: "wrap", children: [
+            hasAreas && report.areas.map((area) => /* @__PURE__ */ jsx15(OutlineBadge, { tone: "purple", children: area }, `a-${area}`)),
+            hasDocs && report.targetDocuments.map((doc) => /* @__PURE__ */ jsx15(OutlineBadge, { tone: "positive", children: doc }, `d-${doc}`))
+          ] }),
+          isSmall && /* @__PURE__ */ jsxs12(Flex9, { align: "center", gap: 2, wrap: "wrap", children: [
+            /* @__PURE__ */ jsx15(OutlineBadge, { tone: MODE_TONE[report.mode] ?? "default", children: report.mode }),
+            report.trigger && /* @__PURE__ */ jsx15(OutlineBadge, { tone: TRIGGER_TONE[report.trigger] ?? "default", children: report.trigger }),
+            /* @__PURE__ */ jsx15(
+              Text13,
+              {
+                muted: true,
+                size: 0,
+                title: new Date(report.completedAt).toISOString(),
+                children: formatRelativeTime(report.completedAt)
+              }
+            ),
+            tier === "narrow" && hasDelta && /* @__PURE__ */ jsx15(DeltaInline, { delta, deltaUp }),
+            tier === "narrow" && improvedCount > 0 && /* @__PURE__ */ jsxs12(OutlineBadge, { tone: "positive", children: [
+              improvedCount,
+              " improved"
+            ] }),
+            tier === "narrow" && regressedCount > 0 && /* @__PURE__ */ jsxs12(OutlineBadge, { tone: "critical", children: [
+              regressedCount,
+              " regressed"
+            ] })
+          ] })
         ] }),
-        /* @__PURE__ */ jsx23(
-          Text18,
+        tier !== "narrow" && /* @__PURE__ */ jsxs12(
+          Flex9,
           {
-            muted: true,
-            onClick: handleRemove,
-            size: 1,
-            style: { cursor: "pointer", lineHeight: 1 },
-            children: /* @__PURE__ */ jsx23(CloseIcon, {})
+            align: "flex-start",
+            direction: "column",
+            gap: 2,
+            style: { paddingTop: 2 },
+            children: [
+              hasDelta && /* @__PURE__ */ jsx15(DeltaInline, { delta, deltaUp }),
+              improvedCount > 0 && /* @__PURE__ */ jsxs12(OutlineBadge, { tone: "positive", children: [
+                improvedCount,
+                " improved"
+              ] }),
+              regressedCount > 0 && /* @__PURE__ */ jsxs12(OutlineBadge, { tone: "critical", children: [
+                regressedCount,
+                " regressed"
+              ] })
+            ]
           }
-        )
-      ] })
-    }
-  );
-}
-
-// src/components/search-bar/SuggestionList.tsx
-import { Badge as Badge14, Card as Card10, Flex as Flex15, Stack as Stack12, Text as Text19 } from "@sanity/ui";
-import { useCallback as useCallback10 } from "react";
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
-function SuggestionList({
-  suggestions,
-  activeIndex,
-  onSelect
-}) {
-  if (suggestions.length === 0) return null;
-  const groups = groupByCategory(suggestions);
-  let globalIndex = -1;
-  return /* @__PURE__ */ jsx24(
-    Card10,
-    {
-      overflow: "auto",
-      radius: 2,
-      shadow: 2,
-      style: {
-        left: 0,
-        maxHeight: 300,
-        position: "absolute",
-        right: 0,
-        top: "100%",
-        zIndex: 100
-      },
-      children: /* @__PURE__ */ jsx24(Stack12, { padding: 1, space: 1, children: groups.map(([category, items]) => /* @__PURE__ */ jsxs19(Stack12, { space: 0, children: [
-        /* @__PURE__ */ jsx24(
-          Text19,
+        ),
+        tier === "full" && /* @__PURE__ */ jsx15("div", { style: { paddingTop: 2 }, children: /* @__PURE__ */ jsx15(OutlineBadge, { tone: MODE_TONE[report.mode] ?? "default", children: report.mode }) }),
+        tier === "full" && /* @__PURE__ */ jsx15("div", { style: { paddingTop: 2 }, children: report.trigger && /* @__PURE__ */ jsx15(OutlineBadge, { tone: TRIGGER_TONE[report.trigger] ?? "default", children: report.trigger }) }),
+        tier === "full" && /* @__PURE__ */ jsx15("div", { style: { paddingTop: 2, textAlign: "right" }, children: /* @__PURE__ */ jsx15(
+          Text13,
           {
             muted: true,
-            size: 1,
-            style: {
-              letterSpacing: "0.05em",
-              padding: "6px 8px 2px",
-              textTransform: "uppercase"
-            },
-            weight: "semibold",
-            children: category
+            size: 2,
+            title: new Date(report.completedAt).toISOString(),
+            children: formatRelativeTime(report.completedAt)
           }
-        ),
-        items.map((suggestion) => {
-          globalIndex++;
-          const isActive = globalIndex === activeIndex;
-          return /* @__PURE__ */ jsx24(
-            SuggestionItem,
-            {
-              active: isActive,
-              onSelect,
-              suggestion
-            },
-            `${suggestion.dimension}-${suggestion.value}`
-          );
-        })
-      ] }, category)) })
-    }
-  );
-}
-function SuggestionItem({
-  active,
-  onSelect,
-  suggestion
-}) {
-  const dim = DIMENSIONS.find((d) => d.key === suggestion.dimension);
-  const tone = dim?.tone ?? "default";
-  const isHint = suggestion.category === "Filters";
-  const handleClick = useCallback10(() => {
-    onSelect(suggestion);
-  }, [onSelect, suggestion]);
-  return /* @__PURE__ */ jsx24(
-    Card10,
-    {
-      onClick: handleClick,
-      padding: 2,
-      radius: 2,
-      style: { cursor: "pointer" },
-      tone: active ? "primary" : "default",
-      children: /* @__PURE__ */ jsxs19(Flex15, { align: "center", gap: 2, children: [
-        !isHint && /* @__PURE__ */ jsx24(Badge14, { fontSize: 1, tone, children: suggestion.dimension }),
-        /* @__PURE__ */ jsx24(Text19, { size: 2, children: suggestion.label })
-      ] })
+        ) })
+      ]
     }
   );
 }
-function groupByCategory(suggestions) {
-  const map = /* @__PURE__ */ new Map();
-  for (const s of suggestions) {
-    if (!map.has(s.category)) map.set(s.category, []);
-    map.get(s.category).push(s);
-  }
-  return [...map.entries()];
-}
-
-// src/components/search-bar/SearchBar.tsx
-import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
-function SearchBar({
-  tokens,
-  query,
-  models,
-  areas,
-  onQueryChange,
-  onTokenAdd,
-  onTokenRemove
-}) {
-  const [focused, setFocused] = useState6(false);
-  const [activeIndex, setActiveIndex] = useState6(-1);
-  const inputRef = useRef4(null);
-  const blurTimerRef = useRef4(null);
-  useEffect6(() => {
-    return () => {
-      if (blurTimerRef.current) {
-        clearTimeout(blurTimerRef.current);
-      }
-    };
-  }, []);
-  const suggestions = focused ? computeSuggestions({ query, activeTokens: tokens, models, areas }) : [];
-  useEffect6(() => {
-    setActiveIndex(-1);
-  }, [query, tokens.length]);
-  const handleTokenRemove = useCallback11(
-    (id) => {
-      onTokenRemove(id);
-      requestAnimationFrame(() => {
-        inputRef.current?.focus();
-      });
-    },
-    [onTokenRemove]
-  );
-  const handleSuggestionSelect = useCallback11(
-    (suggestion) => {
-      if (suggestion.category === "Filters") {
-        onQueryChange(suggestion.value);
-        inputRef.current?.focus();
-        return;
-      }
-      const token = createToken(
-        suggestion.dimension,
-        suggestion.value,
-        suggestion.label
-      );
-      onTokenAdd(token);
-      onQueryChange("");
-      setActiveIndex(-1);
-      inputRef.current?.focus();
-    },
-    [onTokenAdd, onQueryChange]
-  );
-  const handleKeyDown = useCallback11(
-    (e) => {
-      if (e.key === "ArrowDown") {
-        e.preventDefault();
-        setActiveIndex((prev) => prev < suggestions.length - 1 ? prev + 1 : 0);
-      } else if (e.key === "ArrowUp") {
-        e.preventDefault();
-        setActiveIndex((prev) => prev > 0 ? prev - 1 : suggestions.length - 1);
-      } else if (e.key === "Enter" && activeIndex >= 0) {
-        e.preventDefault();
-        const selected = suggestions[activeIndex];
-        if (selected) handleSuggestionSelect(selected);
-      } else if (e.key === "Escape") {
-        setFocused(false);
-        inputRef.current?.blur();
-      } else if (e.key === "Backspace" && query === "" && tokens.length > 0) {
-        handleTokenRemove(tokens[tokens.length - 1].id);
-      }
-    },
-    [
-      activeIndex,
-      suggestions,
-      query,
-      tokens,
-      handleTokenRemove,
-      handleSuggestionSelect
-    ]
-  );
-  const handleInputChange = useCallback11(
-    (e) => {
-      const value = e.target.value;
-      onQueryChange(value);
-    },
-    [onQueryChange]
-  );
-  const handleBlur = useCallback11(() => {
-    blurTimerRef.current = setTimeout(() => {
-      blurTimerRef.current = null;
-      setFocused(false);
-    }, 200);
-  }, []);
-  const handleFocus = useCallback11(() => {
-    if (blurTimerRef.current) {
-      clearTimeout(blurTimerRef.current);
-      blurTimerRef.current = null;
-    }
-    setFocused(true);
-  }, []);
-  const handleBarClick = useCallback11(() => {
-    inputRef.current?.focus();
-  }, []);
-  return /* @__PURE__ */ jsxs20("div", { style: { position: "relative" }, children: [
-    /* @__PURE__ */ jsx25(
-      Card11,
+function DeltaInline({ delta, deltaUp }) {
+  return /* @__PURE__ */ jsxs12(Flex9, { align: "center", gap: 1, children: [
+    /* @__PURE__ */ jsx15(
+      TrendUpwardIcon,
       {
-        border: true,
-        onClick: handleBarClick,
-        padding: 2,
-        radius: 2,
-        style: { cursor: "text" },
-        children: /* @__PURE__ */ jsxs20(Flex16, { align: "center", gap: 1, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx25(Text20, { muted: true, size: 2, style: { flexShrink: 0, padding: "0 4px" }, children: /* @__PURE__ */ jsx25(SearchIcon4, {}) }),
-          tokens.map((token) => /* @__PURE__ */ jsx25(
-            FilterBadge,
-            {
-              onRemove: handleTokenRemove,
-              token
-            },
-            token.id
-          )),
-          /* @__PURE__ */ jsx25(
-            "input",
-            {
-              onBlur: handleBlur,
-              onChange: handleInputChange,
-              onFocus: handleFocus,
-              onKeyDown: handleKeyDown,
-              placeholder: tokens.length > 0 ? "Add more filters or search..." : "Search reports: type model:, area:, date: to filter...",
-              ref: inputRef,
-              style: {
-                background: "transparent",
-                border: "none",
-                color: "inherit",
-                flex: 1,
-                font: "inherit",
-                fontSize: "0.8125rem",
-                minWidth: 180,
-                outline: "none",
-                padding: "4px 0"
-              },
-              type: "text",
-              value: query
-            }
-          )
-        ] })
+        style: {
+          color: deltaUp ? "var(--card-badge-positive-dot-color)" : "var(--card-badge-critical-dot-color)",
+          fontSize: 15,
+          transform: deltaUp ? void 0 : "scaleY(-1)"
+        }
       }
     ),
-    focused && suggestions.length > 0 && /* @__PURE__ */ jsx25(
-      SuggestionList,
+    /* @__PURE__ */ jsxs12(
+      Text13,
       {
-        activeIndex,
-        onSelect: handleSuggestionSelect,
-        suggestions
+        size: 2,
+        style: {
+          color: deltaUp ? "var(--card-badge-positive-dot-color)" : "var(--card-badge-critical-dot-color)",
+          fontWeight: 600
+        },
+        children: [
+          deltaUp ? "+" : "",
+          Math.round(delta)
+        ]
+      }
+    )
+  ] });
+}
+var MODE_TONE = {
+  agentic: "positive",
+  baseline: "default",
+  full: "primary",
+  observed: "caution",
+  debug: "purple"
+};
+var SOURCE_TONE = {
+  branch: "primary",
+  local: "default",
+  production: "caution"
+};
+var TRIGGER_TONE = {
+  ci: "cyan",
+  "cross-repo": "purple",
+  manual: "caution",
+  schedule: "default",
+  webhook: "positive"
+};
+function ColHeader({
+  label,
+  active,
+  direction,
+  onClick,
+  align
+}) {
+  const handleKeyDown = useCallback9(
+    (e) => {
+      if (onClick && (e.key === "Enter" || e.key === " ")) {
+        e.preventDefault();
+        onClick();
       }
-    )
-  ] });
+    },
+    [onClick]
+  );
+  const arrow = active ? direction === "asc" ? " \u2191" : " \u2193" : "";
+  return /* @__PURE__ */ jsx15(
+    "div",
+    {
+      onClick,
+      onKeyDown: onClick ? handleKeyDown : void 0,
+      role: onClick ? "button" : void 0,
+      style: {
+        cursor: onClick ? "pointer" : "default",
+        textAlign: align,
+        userSelect: "none"
+      },
+      tabIndex: onClick ? 0 : void 0,
+      children: /* @__PURE__ */ jsxs12(
+        Text13,
+        {
+          muted: true,
+          size: 1,
+          style: {
+            letterSpacing: "0.08em",
+            textTransform: "uppercase"
+          },
+          weight: "semibold",
+          children: [
+            label,
+            arrow
+          ]
+        }
+      )
+    }
+  );
 }
 
 // src/components/LatestReports.tsx
-import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
-var SORT_LABELS = {
-  date: "Date",
-  name: "Name",
-  score: "Score"
-};
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+function readParam(params, key) {
+  if (!params) return null;
+  const pair = params.find(([k]) => k === key);
+  return pair ? pair[1] : null;
+}
+function buildSearchParams(filters) {
+  const params = [];
+  if (filters.q) params.push(["q", filters.q]);
+  if (filters.mode) params.push(["mode", filters.mode]);
+  if (filters.source) params.push(["source", filters.source]);
+  if (filters.trigger) params.push(["trigger", filters.trigger]);
+  return params;
+}
 function LatestReports({
-  mode = null,
   onSelectReport,
-  pageSize = 20,
-  source = null
+  pageSize = 20
 }) {
-  const client = useClient6({ apiVersion: API_VERSION });
-  const [initialLoading, setInitialLoading] = useState7(true);
-  const [loadingMore, setLoadingMore] = useState7(false);
-  const [reports, setReports] = useState7([]);
-  const [hasMore, setHasMore] = useState7(true);
-  const [searchQuery, setSearchQuery] = useState7("");
-  const [filterTokens, setFilterTokens] = useState7([]);
-  const [documentSlug, setDocumentSlug] = useState7("");
-  const [perspective, setPerspective] = useState7("");
-  const [sort, setSort] = useState7({
+  const client = useClient4({ apiVersion: API_VERSION });
+  const router = useRouter();
+  const routerState = router.state;
+  const urlParams = routerState._searchParams;
+  const [searchQuery, setSearchQuery] = useState5(
+    () => readParam(urlParams, "q") ?? ""
+  );
+  const [mode, setMode] = useState5(
+    () => readParam(urlParams, "mode")
+  );
+  const [source, setSource] = useState5(
+    () => readParam(urlParams, "source")
+  );
+  const [trigger, setTrigger] = useState5(
+    () => readParam(urlParams, "trigger")
+  );
+  useEffect5(() => {
+    const params = buildSearchParams({
+      q: searchQuery,
+      mode,
+      source,
+      trigger
+    });
+    router.navigate({ ...router.state, _searchParams: params });
+  }, [searchQuery, mode, source, trigger]);
+  const [initialLoading, setInitialLoading] = useState5(true);
+  const [loadingMore, setLoadingMore] = useState5(false);
+  const [reports, setReports] = useState5([]);
+  const [hasMore, setHasMore] = useState5(true);
+  const [modes, setModes] = useState5([]);
+  const [sources, setSources] = useState5([]);
+  const [triggers, setTriggers] = useState5([]);
+  const [sort, setSort] = useState5({
     direction: "desc",
     field: "date"
   });
-  const [availableModels, setAvailableModels] = useState7([]);
-  const [availableAreas, setAvailableAreas] = useState7([]);
-  useEffect7(() => {
-    setInitialLoading(true);
+  useEffect5(() => {
     setHasMore(true);
     client.fetch(latestReportsQuery, {
       limit: pageSize,
@@ -4489,7 +4255,7 @@ function LatestReports({
       setInitialLoading(false);
     });
   }, [client, pageSize, mode, source]);
-  const handleLoadMore = useCallback12(() => {
+  const handleLoadMore = useCallback10(() => {
     if (loadingMore || !hasMore) return;
     setLoadingMore(true);
     const nextLimit = reports.length + pageSize;
@@ -4506,29 +4272,16 @@ function LatestReports({
       setLoadingMore(false);
     });
   }, [client, hasMore, loadingMore, mode, pageSize, reports.length, source]);
-  useEffect7(() => {
-    client.fetch(distinctModelsQuery).then((data) => setAvailableModels((data ?? []).sort())).catch(() => setAvailableModels([]));
-    client.fetch(distinctAreasQuery).then((data) => setAvailableAreas((data ?? []).sort())).catch(() => setAvailableAreas([]));
+  useEffect5(() => {
+    client.fetch(distinctModesQuery).then((data) => setModes((data ?? []).sort())).catch(() => setModes([]));
+    client.fetch(distinctSourcesQuery).then((data) => setSources((data ?? []).sort())).catch(() => setSources([]));
+    client.fetch(distinctTriggersQuery).then((data) => setTriggers((data ?? []).sort())).catch(() => setTriggers([]));
   }, [client]);
-  const activeFilters = useMemo5(() => {
-    const result = { models: [], areas: [], datePreset: null };
-    for (const token of filterTokens) {
-      switch (token.dimension) {
-        case "model":
-          result.models.push(token.value);
-          break;
-        case "area":
-          result.areas.push(token.value);
-          break;
-        case "date":
-          result.datePreset = token.value;
-          break;
-      }
-    }
-    return result;
-  }, [filterTokens]);
-  const filteredReports = useMemo5(() => {
+  const filteredReports = useMemo4(() => {
     let result = reports;
+    if (trigger) {
+      result = result.filter((r) => r.trigger === trigger);
+    }
     if (searchQuery.trim()) {
       const query = searchQuery.toLowerCase().trim();
       result = result.filter((r) => {
@@ -4538,48 +4291,19 @@ function LatestReports({
           r.source,
           r.trigger,
           ...r.models,
-          ...r.areas ?? [],
-          formatDate(r.completedAt)
+          ...r.areas ?? []
         ].filter(Boolean).join(" ").toLowerCase();
         return searchable.includes(query);
       });
     }
-    if (activeFilters.datePreset) {
-      const threshold = getDateThreshold(activeFilters.datePreset);
-      if (threshold) {
-        const thresholdMs = threshold.getTime();
-        result = result.filter(
-          (r) => new Date(r.completedAt).getTime() >= thresholdMs
-        );
-      }
-    }
-    if (activeFilters.models.length > 0) {
-      result = result.filter(
-        (r) => activeFilters.models.some((m) => r.models.includes(m))
-      );
-    }
-    if (activeFilters.areas.length > 0) {
-      result = result.filter(
-        (r) => r.areas && activeFilters.areas.some((a) => r.areas.includes(a))
-      );
-    }
-    if (documentSlug.trim()) {
-      const slug = documentSlug.trim().toLowerCase();
-      result = result.filter(
-        (r) => r.targetDocuments && r.targetDocuments.some((d) => d.toLowerCase().includes(slug))
-      );
-    }
-    if (perspective.trim()) {
-      result = result.filter((r) => r.perspective === perspective.trim());
-    }
     const dir = sort.direction === "asc" ? 1 : -1;
     result = [...result].sort((a, b) => {
       switch (sort.field) {
         case "date":
           return dir * (new Date(a.completedAt).getTime() - new Date(b.completedAt).getTime());
         case "name": {
-          const nameA = (a.tag ?? formatDate(a.completedAt)).toLowerCase();
-          const nameB = (b.tag ?? formatDate(b.completedAt)).toLowerCase();
+          const nameA = (a.tag ?? a.completedAt).toLowerCase();
+          const nameB = (b.tag ?? b.completedAt).toLowerCase();
           return dir * nameA.localeCompare(nameB);
         }
         case "score":
@@ -4589,182 +4313,65 @@ function LatestReports({
       }
     });
     return result;
-  }, [reports, searchQuery, activeFilters, documentSlug, perspective, sort]);
-  const handleTokenAdd = useCallback12((token) => {
-    setFilterTokens((prev) => {
-      const dim = token.dimension;
-      const isMulti = dim === "area";
-      if (!isMulti) {
-        return [...prev.filter((t) => t.dimension !== dim), token];
-      }
-      return [...prev, token];
-    });
-  }, []);
-  const handleTokenRemove = useCallback12((id) => {
-    setFilterTokens((prev) => prev.filter((t) => t.id !== id));
-  }, []);
-  const toggleSortDirection = useCallback12(() => {
-    setSort((prev) => ({
-      ...prev,
-      direction: prev.direction === "asc" ? "desc" : "asc"
-    }));
-  }, []);
-  const handleSortFieldChange = useCallback12((field) => {
+  }, [reports, searchQuery, trigger, sort]);
+  const handleSortFieldChange = useCallback10((field) => {
     setSort(
       (prev) => prev.field === field ? { ...prev, direction: prev.direction === "asc" ? "desc" : "asc" } : { direction: "desc", field }
     );
   }, []);
-  const hasActiveFilters = searchQuery.trim() !== "" || filterTokens.length > 0 || documentSlug.trim() !== "" || perspective.trim() !== "";
-  const handleClearFilters = useCallback12(() => {
+  const handleReset = useCallback10(() => {
     setSearchQuery("");
-    setFilterTokens([]);
-    setDocumentSlug("");
-    setPerspective("");
+    setMode(null);
+    setSource(null);
+    setTrigger(null);
   }, []);
   if (initialLoading) {
-    return /* @__PURE__ */ jsx26(Card12, { padding: 4, children: /* @__PURE__ */ jsx26(Text21, { muted: true, children: "Loading reports\u2026" }) });
+    return /* @__PURE__ */ jsx16(Card7, { padding: 4, children: /* @__PURE__ */ jsx16(Text14, { muted: true, children: "Loading reports\u2026" }) });
   }
-  if (reports.length === 0) {
-    return /* @__PURE__ */ jsx26(Card12, { padding: 4, children: /* @__PURE__ */ jsx26(Text21, { muted: true, children: "No reports found. Run the pipeline with --publish to create reports." }) });
+  if (reports.length === 0 && !mode && !source) {
+    return /* @__PURE__ */ jsx16(Card7, { padding: 4, children: /* @__PURE__ */ jsx16(Text14, { muted: true, children: "No reports found. Run the pipeline with --publish to create reports." }) });
   }
-  return /* @__PURE__ */ jsxs21(Stack13, { space: 3, children: [
-    /* @__PURE__ */ jsx26(Card12, { padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs21(Stack13, { space: 3, children: [
-      /* @__PURE__ */ jsxs21(Stack13, { space: 1, children: [
-        /* @__PURE__ */ jsx26(Text21, { muted: true, size: 1, children: "Search & filter" }),
-        /* @__PURE__ */ jsx26(
-          SearchBar,
-          {
-            areas: availableAreas,
-            models: availableModels,
-            onQueryChange: setSearchQuery,
-            onTokenAdd: handleTokenAdd,
-            onTokenRemove: handleTokenRemove,
-            query: searchQuery,
-            tokens: filterTokens
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs21(Flex17, { gap: 2, children: [
-        /* @__PURE__ */ jsx26(Box8, { flex: 1, children: /* @__PURE__ */ jsxs21(Stack13, { space: 1, children: [
-          /* @__PURE__ */ jsx26(Text21, { muted: true, size: 1, children: "Document" }),
-          /* @__PURE__ */ jsx26(
-            DocumentFilter,
-            {
-              onChange: setDocumentSlug,
-              onPerspectiveHint: setPerspective,
-              value: documentSlug
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsx26(Box8, { flex: 1, children: /* @__PURE__ */ jsxs21(Stack13, { space: 1, children: [
-          /* @__PURE__ */ jsx26(Text21, { muted: true, size: 1, children: "Content release" }),
-          /* @__PURE__ */ jsx26(
-            PerspectiveFilter,
-            {
-              onChange: setPerspective,
-              value: perspective
-            }
-          )
-        ] }) })
-      ] }),
-      (documentSlug.trim() || perspective.trim()) && /* @__PURE__ */ jsxs21(Flex17, { align: "center", gap: 1, children: [
-        documentSlug.trim() && /* @__PURE__ */ jsxs21(Badge15, { fontSize: 1, tone: "primary", children: [
-          "Document: ",
-          documentSlug.trim()
-        ] }),
-        perspective.trim() && /* @__PURE__ */ jsxs21(Badge15, { fontSize: 1, tone: "primary", children: [
-          "Perspective: ",
-          perspective.trim()
-        ] })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxs21(Flex17, { align: "center", gap: 2, paddingX: 1, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx26(Text21, { muted: true, size: 2, children: filteredReports.length === reports.length ? `${reports.length} reports` : `${filteredReports.length} of ${reports.length} reports` }),
-      hasActiveFilters && /* @__PURE__ */ jsx26(
-        Button,
-        {
-          fontSize: 1,
-          mode: "bleed",
-          onClick: handleClearFilters,
-          text: "Clear all filters",
-          tone: "critical"
-        }
-      ),
-      /* @__PURE__ */ jsxs21(Flex17, { align: "center", gap: 1, style: { marginLeft: "auto" }, children: [
-        /* @__PURE__ */ jsx26(
-          MenuButton,
-          {
-            button: /* @__PURE__ */ jsx26(
-              Button,
-              {
-                fontSize: 2,
-                icon: SortIcon,
-                mode: "bleed",
-                text: `Sort: ${SORT_LABELS[sort.field]}`
-              }
-            ),
-            id: "sort-menu",
-            menu: /* @__PURE__ */ jsxs21(Menu, { children: [
-              /* @__PURE__ */ jsx26(
-                MenuItem,
-                {
-                  onClick: () => handleSortFieldChange("date"),
-                  pressed: sort.field === "date",
-                  text: "Date"
-                }
-              ),
-              /* @__PURE__ */ jsx26(
-                MenuItem,
-                {
-                  onClick: () => handleSortFieldChange("score"),
-                  pressed: sort.field === "score",
-                  text: "Score"
-                }
-              ),
-              /* @__PURE__ */ jsx26(
-                MenuItem,
-                {
-                  onClick: () => handleSortFieldChange("name"),
-                  pressed: sort.field === "name",
-                  text: "Name"
-                }
-              )
-            ] }),
-            popover: { portal: true }
-          }
-        ),
-        /* @__PURE__ */ jsx26(
-          Button,
-          {
-            fontSize: 2,
-            mode: "bleed",
-            onClick: toggleSortDirection,
-            text: sort.direction === "asc" ? "\u2191" : "\u2193",
-            title: sort.direction === "asc" ? "Ascending" : "Descending"
-          }
-        )
-      ] })
-    ] }),
-    filteredReports.length === 0 ? /* @__PURE__ */ jsx26(Card12, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs21(Stack13, { space: 3, children: [
-      /* @__PURE__ */ jsx26(Text21, { align: "center", muted: true, size: 3, children: "No reports match the current filters." }),
-      /* @__PURE__ */ jsx26(Flex17, { justify: "center", children: /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs13(Stack10, { space: 0, children: [
+    /* @__PURE__ */ jsx16(
+      FilterBar,
+      {
+        filteredCount: filteredReports.length,
+        mode,
+        modes,
+        onModeChange: setMode,
+        onQueryChange: setSearchQuery,
+        onReset: handleReset,
+        onSourceChange: setSource,
+        onTriggerChange: setTrigger,
+        query: searchQuery,
+        source,
+        sources,
+        totalCount: reports.length,
+        trigger,
+        triggers
+      }
+    ),
+    filteredReports.length === 0 ? /* @__PURE__ */ jsx16(Card7, { padding: 4, radius: 2, children: /* @__PURE__ */ jsxs13(Stack10, { space: 3, children: [
+      /* @__PURE__ */ jsx16(Text14, { align: "center", muted: true, size: 3, children: "No reports match the current filters." }),
+      /* @__PURE__ */ jsx16(Flex10, { justify: "center", children: /* @__PURE__ */ jsx16(
         Button,
         {
           fontSize: 2,
           mode: "ghost",
-          onClick: handleClearFilters,
-          text: "Clear all filters"
+          onClick: handleReset,
+          text: "Clear filters"
         }
       ) })
-    ] }) }) : /* @__PURE__ */ jsx26(Stack13, { space: 2, children: filteredReports.map((report) => /* @__PURE__ */ jsx26(
-      ReportCard,
+    ] }) }) : /* @__PURE__ */ jsx16(
+      ReportTable,
       {
-        data: fromReportListItem(report),
-        onSelectReport
-      },
-      report._id
-    )) }),
-    hasMore && /* @__PURE__ */ jsx26(Flex17, { justify: "center", paddingY: 3, children: /* @__PURE__ */ jsx26(
+        onSelectReport,
+        onSortChange: handleSortFieldChange,
+        reports: filteredReports,
+        sort
+      }
+    ),
+    hasMore && /* @__PURE__ */ jsx16(Flex10, { justify: "center", paddingY: 3, children: /* @__PURE__ */ jsx16(
       Button,
       {
         disabled: loadingMore,
@@ -4776,79 +4383,46 @@ function LatestReports({
     ) })
   ] });
 }
-function formatDate(iso) {
-  return new Date(iso).toLocaleDateString("en-US", {
-    day: "numeric",
-    hour: "2-digit",
-    minute: "2-digit",
-    month: "short",
-    year: "numeric"
-  });
-}
-function getDateThreshold(preset) {
-  const now = /* @__PURE__ */ new Date();
-  switch (preset) {
-    case "7d":
-      return new Date(now.getTime() - 7 * 864e5);
-    case "30d":
-      return new Date(now.getTime() - 30 * 864e5);
-    case "90d":
-      return new Date(now.getTime() - 90 * 864e5);
-    case "today": {
-      const start = new Date(now);
-      start.setHours(0, 0, 0, 0);
-      return start;
-    }
-    case "yesterday": {
-      const start = new Date(now);
-      start.setDate(start.getDate() - 1);
-      start.setHours(0, 0, 0, 0);
-      return start;
-    }
-    default:
-      return null;
-  }
-}
 
 // src/components/report-detail/ReportDetail.tsx
 import { ArrowLeftIcon as ArrowLeftIcon2 } from "@sanity/icons";
 import {
-  Box as Box15,
+  Box as Box14,
   Button as Button5,
-  Stack as Stack25,
+  Stack as Stack22,
   Tab,
   TabList,
   TabPanel,
-  Text as Text34,
+  Text as Text27,
   Tooltip as Tooltip8
 } from "@sanity/ui";
 import {
-  useCallback as useCallback20,
-  useEffect as useEffect9,
-  useMemo as useMemo7,
-  useState as useState15
+  useCallback as useCallback18,
+  useEffect as useEffect7,
+  useMemo as useMemo6,
+  useState as useState13
 } from "react";
-import { useClient as useClient12 } from "sanity";
+import { useClient as useClient10 } from "sanity";
 
 // src/components/report-detail/AgentActivitySection.tsx
-import { useMemo as useMemo6, useState as useState8 } from "react";
-import { HelpCircleIcon as HelpCircleIcon5, SearchIcon as SearchIcon5 } from "@sanity/icons";
+import { useMemo as useMemo5, useState as useState6 } from "react";
+import { HelpCircleIcon as HelpCircleIcon5, SearchIcon as SearchIcon3 } from "@sanity/icons";
 import {
-  Badge as Badge16,
-  Box as Box10,
-  Card as Card14,
-  Flex as Flex18,
+  Badge as Badge5,
+  Box as Box9,
+  Card as Card9,
+  Flex as Flex11,
   Grid as Grid2,
-  Stack as Stack15,
-  Text as Text23,
-  TextInput,
+  Stack as Stack12,
+  Text as Text16,
+  TextInput as TextInput2,
   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 jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Box as Box8, Card as Card8, Stack as Stack11, Text as Text15, Tooltip as Tooltip3 } from "@sanity/ui";
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function StatCard({
   label,
   value,
@@ -4856,24 +4430,24 @@ function StatCard({
   suffix,
   tone = "default"
 }) {
-  return /* @__PURE__ */ jsx27(Card13, { padding: 3, radius: 2, shadow: 1, tone, children: /* @__PURE__ */ jsxs22(Stack14, { space: 2, children: [
-    /* @__PURE__ */ jsxs22(Text22, { muted: true, size: 2, children: [
+  return /* @__PURE__ */ jsx17(Card8, { padding: 3, radius: 2, shadow: 1, tone, children: /* @__PURE__ */ jsxs14(Stack11, { space: 2, children: [
+    /* @__PURE__ */ jsxs14(Text15, { muted: true, size: 2, children: [
       label,
-      tooltip && /* @__PURE__ */ jsxs22(Fragment4, { children: [
+      tooltip && /* @__PURE__ */ jsxs14(Fragment5, { children: [
         " ",
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx17(
           Tooltip3,
           {
-            content: /* @__PURE__ */ jsx27(Box9, { padding: 2, children: /* @__PURE__ */ jsx27(Text22, { size: 2, children: tooltip }) }),
+            content: /* @__PURE__ */ jsx17(Box8, { padding: 2, children: /* @__PURE__ */ jsx17(Text15, { size: 2, children: tooltip }) }),
             portal: true,
-            children: /* @__PURE__ */ jsx27("span", { style: { cursor: "help" }, children: /* @__PURE__ */ jsx27(HelpCircleIcon4, {}) })
+            children: /* @__PURE__ */ jsx17("span", { style: { cursor: "help" }, children: /* @__PURE__ */ jsx17(HelpCircleIcon4, {}) })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs22(Text22, { size: 4, weight: "bold", children: [
+    /* @__PURE__ */ jsxs14(Text15, { size: 4, weight: "bold", children: [
       value,
-      suffix && /* @__PURE__ */ jsxs22("span", { style: { fontSize: "0.6em", fontWeight: 400 }, children: [
+      suffix && /* @__PURE__ */ jsxs14("span", { style: { fontSize: "0.6em", fontWeight: 400 }, children: [
         " ",
         suffix
       ] })
@@ -4882,24 +4456,24 @@ function StatCard({
 }
 
 // src/components/report-detail/AgentActivitySection.tsx
-import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function AgentActivitySection({
   agentBehavior,
   overall
 }) {
-  return /* @__PURE__ */ jsxs23(Stack15, { space: 5, children: [
-    overall && /* @__PURE__ */ jsx28(OverviewGrid, { overall }),
-    agentBehavior.map((ab) => /* @__PURE__ */ jsx28(FeatureActivityCard, { behavior: ab }, ab.feature))
+  return /* @__PURE__ */ jsxs15(Stack12, { space: 5, children: [
+    overall && /* @__PURE__ */ jsx18(OverviewGrid, { overall }),
+    agentBehavior.map((ab) => /* @__PURE__ */ jsx18(FeatureActivityCard, { behavior: ab }, ab.feature))
   ] });
 }
 function OverviewGrid({ overall }) {
-  return /* @__PURE__ */ jsx28(Card14, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs23(Stack15, { space: 4, children: [
-    /* @__PURE__ */ jsxs23(Flex18, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsx28(Text23, { size: 3, weight: "semibold", children: "Agent Activity Overview" }),
-      /* @__PURE__ */ jsx28(GlossaryTip, { text: GLOSSARY.agentBehaviorOverview })
+  return /* @__PURE__ */ jsx18(Card9, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs15(Stack12, { space: 4, children: [
+    /* @__PURE__ */ jsxs15(Flex11, { align: "center", gap: 3, children: [
+      /* @__PURE__ */ jsx18(Text16, { size: 3, weight: "semibold", children: "Agent Activity Overview" }),
+      /* @__PURE__ */ jsx18(GlossaryTip, { text: GLOSSARY.agentBehaviorOverview })
     ] }),
-    /* @__PURE__ */ jsxs23(Grid2, { columns: [1, 2, 3], gap: 3, children: [
-      /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsxs15(Grid2, { columns: [1, 2, 3], gap: 3, children: [
+      /* @__PURE__ */ jsx18(
         StatCard,
         {
           label: "Avg Pages Visited",
@@ -4907,7 +4481,7 @@ function OverviewGrid({ overall }) {
           value: overall.avgDocPagesVisited.toFixed(1)
         }
       ),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx18(
         StatCard,
         {
           label: "Avg Searches",
@@ -4915,7 +4489,7 @@ function OverviewGrid({ overall }) {
           value: overall.avgSearchesPerformed.toFixed(1)
         }
       ),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx18(
         StatCard,
         {
           label: "Avg Network Time",
@@ -4923,7 +4497,7 @@ function OverviewGrid({ overall }) {
           value: formatDuration(overall.avgNetworkTimeMs)
         }
       ),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx18(
         StatCard,
         {
           label: "Unique Doc Slugs",
@@ -4931,7 +4505,7 @@ function OverviewGrid({ overall }) {
           value: String(overall.totalUniqueDocSlugs)
         }
       ),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx18(
         StatCard,
         {
           label: "Unique Search Queries",
@@ -4939,7 +4513,7 @@ function OverviewGrid({ overall }) {
           value: String(overall.totalUniqueSearchQueries)
         }
       ),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx18(
         StatCard,
         {
           label: "Tests with Data",
@@ -4952,31 +4526,31 @@ function OverviewGrid({ overall }) {
 function FeatureActivityCard({
   behavior
 }) {
-  return /* @__PURE__ */ jsx28(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__ */ jsx28(Text23, { size: 3, weight: "semibold", children: behavior.feature }),
-      /* @__PURE__ */ jsxs23(Badge16, { tone: "primary", children: [
+  return /* @__PURE__ */ jsx18(Card9, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs15(Stack12, { space: 4, children: [
+    /* @__PURE__ */ jsxs15(Flex11, { align: "center", gap: 3, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx18(Text16, { size: 3, weight: "semibold", children: behavior.feature }),
+      /* @__PURE__ */ jsxs15(Badge5, { tone: "primary", children: [
         behavior.tasksWithBehaviorData,
         " test",
         behavior.tasksWithBehaviorData === 1 ? "" : "s"
       ] })
     ] }),
-    /* @__PURE__ */ jsxs23(Grid2, { columns: [1, 3], gap: 3, children: [
-      /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsxs15(Grid2, { columns: [1, 3], gap: 3, children: [
+      /* @__PURE__ */ jsx18(
         MiniStat,
         {
           label: "Avg pages visited",
           value: behavior.avgDocPagesVisited.toFixed(1)
         }
       ),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx18(
         MiniStat,
         {
           label: "Avg searches",
           value: behavior.avgSearchesPerformed.toFixed(1)
         }
       ),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx18(
         MiniStat,
         {
           label: "Avg network time",
@@ -4984,8 +4558,8 @@ function FeatureActivityCard({
         }
       )
     ] }),
-    behavior.searchQueries.length > 0 && /* @__PURE__ */ jsx28(SearchQueryList, { queries: behavior.searchQueries }),
-    behavior.docSlugsVisited.length > 0 && /* @__PURE__ */ jsx28(
+    behavior.searchQueries.length > 0 && /* @__PURE__ */ jsx18(SearchQueryList, { queries: behavior.searchQueries }),
+    behavior.docSlugsVisited.length > 0 && /* @__PURE__ */ jsx18(
       BadgeList,
       {
         items: behavior.docSlugsVisited,
@@ -4994,7 +4568,7 @@ function FeatureActivityCard({
         tooltip: GLOSSARY.docSlugsVisited
       }
     ),
-    behavior.externalDomains.length > 0 && /* @__PURE__ */ jsx28(
+    behavior.externalDomains.length > 0 && /* @__PURE__ */ jsx18(
       BadgeList,
       {
         items: behavior.externalDomains,
@@ -5006,40 +4580,40 @@ function FeatureActivityCard({
   ] }) });
 }
 function SearchQueryList({ queries }) {
-  const [filter, setFilter] = useState8("");
-  const filtered = useMemo6(() => {
+  const [filter, setFilter] = useState6("");
+  const filtered = useMemo5(() => {
     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__ */ jsx28(Text23, { size: 2, weight: "semibold", children: "Search Queries" }),
-      /* @__PURE__ */ jsx28(GlossaryTip, { text: GLOSSARY.searchQueries }),
-      /* @__PURE__ */ jsx28(Badge16, { tone: "default", children: queries.length })
+  return /* @__PURE__ */ jsxs15(Stack12, { space: 3, children: [
+    /* @__PURE__ */ jsxs15(Flex11, { align: "center", gap: 3, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx18(Text16, { size: 2, weight: "semibold", children: "Search Queries" }),
+      /* @__PURE__ */ jsx18(GlossaryTip, { text: GLOSSARY.searchQueries }),
+      /* @__PURE__ */ jsx18(Badge5, { tone: "default", children: queries.length })
     ] }),
-    queries.length > 5 && /* @__PURE__ */ jsx28(
-      TextInput,
+    queries.length > 5 && /* @__PURE__ */ jsx18(
+      TextInput2,
       {
         fontSize: 2,
-        icon: SearchIcon5,
+        icon: SearchIcon3,
         onChange: (e) => setFilter(e.target.value),
         placeholder: "Filter queries\u2026",
         value: filter
       }
     ),
-    /* @__PURE__ */ jsx28(
-      Card14,
+    /* @__PURE__ */ jsx18(
+      Card9,
       {
         overflow: "auto",
         padding: 3,
         radius: 2,
         style: { maxHeight: 300 },
         tone: "transparent",
-        children: /* @__PURE__ */ jsxs23(Stack15, { space: 2, children: [
-          filtered.length === 0 && /* @__PURE__ */ jsx28(Text23, { muted: true, size: 2, children: "No matching queries" }),
-          filtered.map((query, i) => /* @__PURE__ */ jsx28(
-            Text23,
+        children: /* @__PURE__ */ jsxs15(Stack12, { space: 2, children: [
+          filtered.length === 0 && /* @__PURE__ */ jsx18(Text16, { muted: true, size: 2, children: "No matching queries" }),
+          filtered.map((query, i) => /* @__PURE__ */ jsx18(
+            Text16,
             {
               muted: true,
               size: 2,
@@ -5063,19 +4637,19 @@ function BadgeList({
   tone,
   tooltip
 }) {
-  return /* @__PURE__ */ jsxs23(Stack15, { space: 3, children: [
-    /* @__PURE__ */ jsxs23(Flex18, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx28(Text23, { size: 2, weight: "semibold", children: label }),
-      tooltip && /* @__PURE__ */ jsx28(GlossaryTip, { text: tooltip }),
-      /* @__PURE__ */ jsx28(Badge16, { tone: "default", children: items.length })
+  return /* @__PURE__ */ jsxs15(Stack12, { space: 3, children: [
+    /* @__PURE__ */ jsxs15(Flex11, { align: "center", gap: 3, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx18(Text16, { size: 2, weight: "semibold", children: label }),
+      tooltip && /* @__PURE__ */ jsx18(GlossaryTip, { text: tooltip }),
+      /* @__PURE__ */ jsx18(Badge5, { tone: "default", children: items.length })
     ] }),
-    /* @__PURE__ */ jsx28(Flex18, { gap: 2, wrap: "wrap", children: items.map((item) => /* @__PURE__ */ jsx28(Badge16, { mode: "outline", tone, children: item }, item)) })
+    /* @__PURE__ */ jsx18(Flex11, { gap: 2, wrap: "wrap", children: items.map((item) => /* @__PURE__ */ jsx18(Badge5, { mode: "outline", tone, children: item }, item)) })
   ] });
 }
 function MiniStat({ label, value }) {
-  return /* @__PURE__ */ jsxs23(Stack15, { space: 1, children: [
-    /* @__PURE__ */ jsx28(
-      Text23,
+  return /* @__PURE__ */ jsxs15(Stack12, { space: 1, children: [
+    /* @__PURE__ */ jsx18(
+      Text16,
       {
         muted: true,
         size: 1,
@@ -5084,32 +4658,61 @@ function MiniStat({ label, value }) {
         children: label
       }
     ),
-    /* @__PURE__ */ jsx28(Text23, { size: 3, weight: "bold", children: value })
+    /* @__PURE__ */ jsx18(Text16, { size: 3, weight: "bold", children: value })
   ] });
 }
 function GlossaryTip({ text }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx18(
     Tooltip4,
     {
-      content: /* @__PURE__ */ jsx28(Box10, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx28(Text23, { size: 2, children: text }) }),
+      content: /* @__PURE__ */ jsx18(Box9, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx18(Text16, { size: 2, children: text }) }),
       placement: "bottom",
       portal: true,
-      children: /* @__PURE__ */ jsx28(Text23, { muted: true, size: 1, children: /* @__PURE__ */ jsx28(HelpCircleIcon5, {}) })
+      children: /* @__PURE__ */ jsx18(Text16, { muted: true, size: 1, children: /* @__PURE__ */ jsx18(HelpCircleIcon5, {}) })
     }
   );
 }
 
 // src/components/report-detail/AreaScoreTable.tsx
 import React2 from "react";
-import { Card as Card16, Stack as Stack16, Text as Text25 } from "@sanity/ui";
+import { Card as Card11, Stack as Stack13, Text as Text18 } from "@sanity/ui";
+
+// src/lib/scoring.ts
+var TONE_MAP = {
+  good: "positive",
+  warning: "caution",
+  "needs-work": "default",
+  critical: "critical"
+};
+function gradeTone(grade) {
+  return TONE_MAP[grade];
+}
+function scoreTone(score) {
+  return gradeTone(scoreGrade(Math.round(score)));
+}
+var HEX_MAP = {
+  good: "#2ecc71",
+  warning: "#f1c40f",
+  "needs-work": "#e67e22",
+  critical: "#e74c3c"
+};
+function gradeHex(grade) {
+  return HEX_MAP[grade];
+}
+function scoreHex(score) {
+  return gradeHex(scoreGrade(Math.round(score)));
+}
+function rowBackground(index) {
+  return index % 2 === 1 ? "var(--card-muted-bg-color)" : void 0;
+}
 
 // src/components/primitives/ScoreCell.tsx
-import { Card as Card15, Text as Text24 } from "@sanity/ui";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { Card as Card10, Text as Text17 } from "@sanity/ui";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function ScoreCell({ score, size = 2 }) {
   const rounded = Math.round(score);
-  return /* @__PURE__ */ jsx29(
-    Card15,
+  return /* @__PURE__ */ jsx19(
+    Card10,
     {
       padding: 1,
       radius: 2,
@@ -5120,17 +4723,17 @@ function ScoreCell({ score, size = 2 }) {
         justifyContent: "center"
       },
       tone: scoreTone(rounded),
-      children: /* @__PURE__ */ jsx29(Text24, { align: "center", size, weight: "medium", children: rounded })
+      children: /* @__PURE__ */ jsx19(Text17, { align: "center", size, weight: "medium", children: rounded })
     }
   );
 }
 
 // src/components/report-detail/AreaScoreTable.tsx
-import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function AreaScoreTable({ scores }) {
-  return /* @__PURE__ */ jsx30(Card16, { overflow: "auto", padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs24(Stack16, { space: 4, children: [
-    /* @__PURE__ */ jsx30(Text25, { size: 3, weight: "semibold", children: "Per-Area Scores" }),
-    /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsx20(Card11, { overflow: "auto", padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs16(Stack13, { space: 4, children: [
+    /* @__PURE__ */ jsx20(Text18, { size: 3, weight: "semibold", children: "Per-Area Scores" }),
+    /* @__PURE__ */ jsxs16(
       "div",
       {
         style: {
@@ -5139,9 +4742,9 @@ function AreaScoreTable({ scores }) {
           gridTemplateColumns: "2fr 1fr 1fr 1fr 1fr 1fr 1fr"
         },
         children: [
-          /* @__PURE__ */ jsx30(ColumnHeader, { borderBottom: true, label: "Area" }),
-          /* @__PURE__ */ jsx30(ColumnHeader, { borderBottom: true, label: "Score", tooltip: GLOSSARY.score }),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx20(ColumnHeader, { borderBottom: true, label: "Area" }),
+          /* @__PURE__ */ jsx20(ColumnHeader, { borderBottom: true, label: "Score", tooltip: GLOSSARY.score }),
+          /* @__PURE__ */ jsx20(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5149,7 +4752,7 @@ function AreaScoreTable({ scores }) {
               tooltip: GLOSSARY.taskCompletion
             }
           ),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx20(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5157,7 +4760,7 @@ function AreaScoreTable({ scores }) {
               tooltip: GLOSSARY.codeCorrectness
             }
           ),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx20(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5165,10 +4768,10 @@ function AreaScoreTable({ scores }) {
               tooltip: GLOSSARY.docCoverage
             }
           ),
-          /* @__PURE__ */ jsx30(ColumnHeader, { borderBottom: true, label: "Lift", tooltip: GLOSSARY.docLift }),
-          /* @__PURE__ */ jsx30(ColumnHeader, { borderBottom: true, label: "Tests", tooltip: GLOSSARY.tests }),
-          scores.map((score, i) => /* @__PURE__ */ jsxs24(React2.Fragment, { children: [
-            /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx20(ColumnHeader, { borderBottom: true, label: "Lift", tooltip: GLOSSARY.docLift }),
+          /* @__PURE__ */ jsx20(ColumnHeader, { borderBottom: true, label: "Tests", tooltip: GLOSSARY.tests }),
+          scores.map((score, i) => /* @__PURE__ */ jsxs16(React2.Fragment, { children: [
+            /* @__PURE__ */ jsx20(
               "div",
               {
                 style: {
@@ -5176,10 +4779,10 @@ function AreaScoreTable({ scores }) {
                   borderRadius: 4,
                   padding: "8px 0 8px 4px"
                 },
-                children: /* @__PURE__ */ jsx30(Text25, { size: 2, weight: "medium", children: score.feature })
+                children: /* @__PURE__ */ jsx20(Text18, { size: 2, weight: "medium", children: score.feature })
               }
             ),
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx20(
               "div",
               {
                 style: {
@@ -5187,10 +4790,10 @@ function AreaScoreTable({ scores }) {
                   display: "flex",
                   padding: "2px 0"
                 },
-                children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.totalScore })
+                children: /* @__PURE__ */ jsx20(ScoreCell, { score: score.totalScore })
               }
             ),
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx20(
               "div",
               {
                 style: {
@@ -5198,10 +4801,10 @@ function AreaScoreTable({ scores }) {
                   display: "flex",
                   padding: "2px 0"
                 },
-                children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.taskCompletion })
+                children: /* @__PURE__ */ jsx20(ScoreCell, { score: score.taskCompletion })
               }
             ),
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx20(
               "div",
               {
                 style: {
@@ -5209,10 +4812,10 @@ function AreaScoreTable({ scores }) {
                   display: "flex",
                   padding: "2px 0"
                 },
-                children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.codeCorrectness })
+                children: /* @__PURE__ */ jsx20(ScoreCell, { score: score.codeCorrectness })
               }
             ),
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx20(
               "div",
               {
                 style: {
@@ -5220,10 +4823,10 @@ function AreaScoreTable({ scores }) {
                   display: "flex",
                   padding: "2px 0"
                 },
-                children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.docCoverage })
+                children: /* @__PURE__ */ jsx20(ScoreCell, { score: score.docCoverage })
               }
             ),
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx20(
               "div",
               {
                 style: {
@@ -5231,10 +4834,10 @@ function AreaScoreTable({ scores }) {
                   background: rowBackground(i),
                   display: "flex"
                 },
-                children: /* @__PURE__ */ jsx30(Text25, { size: 2, children: formatDelta(score.docLift) })
+                children: /* @__PURE__ */ jsx20(Text18, { size: 2, children: formatDelta(score.docLift) })
               }
             ),
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx20(
               "div",
               {
                 style: {
@@ -5242,7 +4845,7 @@ function AreaScoreTable({ scores }) {
                   background: rowBackground(i),
                   display: "flex"
                 },
-                children: /* @__PURE__ */ jsx30(Text25, { muted: true, size: 2, children: score.testCount })
+                children: /* @__PURE__ */ jsx20(Text18, { muted: true, size: 2, children: score.testCount })
               }
             )
           ] }, score.feature))
@@ -5253,13 +4856,13 @@ function AreaScoreTable({ scores }) {
 }
 
 // src/components/report-detail/ComparisonSummary.tsx
-import { Badge as Badge17, 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 jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Badge as Badge6, Box as Box10, Card as Card12, Flex as Flex12, Grid as Grid3, Stack as Stack14, Text as Text19, Tooltip as Tooltip5 } from "@sanity/ui";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 function ComparisonSummary({ comparison }) {
-  return /* @__PURE__ */ jsx31(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__ */ jsx31(Text26, { size: 3, weight: "semibold", children: "Comparison" }),
-      /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx21(Card12, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs17(Stack14, { space: 4, children: [
+    /* @__PURE__ */ jsxs17(Flex12, { align: "center", gap: 3, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx21(Text19, { size: 3, weight: "semibold", children: "Comparison" }),
+      /* @__PURE__ */ jsx21(
         DeltaCard,
         {
           delta: comparison.deltas.overall,
@@ -5267,7 +4870,7 @@ function ComparisonSummary({ comparison }) {
           tooltip: GLOSSARY.overallDelta
         }
       ),
-      comparison.deltas.actualDelta != null && /* @__PURE__ */ jsx31(
+      comparison.deltas.actualDelta != null && /* @__PURE__ */ jsx21(
         DeltaCard,
         {
           delta: comparison.deltas.actualDelta,
@@ -5275,7 +4878,7 @@ function ComparisonSummary({ comparison }) {
           tooltip: GLOSSARY.actualDelta
         }
       ),
-      comparison.deltas.retrievalGapDelta != null && /* @__PURE__ */ jsx31(
+      comparison.deltas.retrievalGapDelta != null && /* @__PURE__ */ jsx21(
         DeltaCard,
         {
           delta: comparison.deltas.retrievalGapDelta,
@@ -5285,8 +4888,8 @@ function ComparisonSummary({ comparison }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs25(Grid3, { columns: [1, 1, 3], gap: 3, children: [
-      comparison.improved.length > 0 && /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsxs17(Grid3, { columns: [1, 1, 3], gap: 3, children: [
+      comparison.improved.length > 0 && /* @__PURE__ */ jsx21(
         AreaBadgeGroup,
         {
           areas: comparison.improved,
@@ -5294,7 +4897,7 @@ function ComparisonSummary({ comparison }) {
           tone: "positive"
         }
       ),
-      comparison.regressed.length > 0 && /* @__PURE__ */ jsx31(
+      comparison.regressed.length > 0 && /* @__PURE__ */ jsx21(
         AreaBadgeGroup,
         {
           areas: comparison.regressed,
@@ -5302,7 +4905,7 @@ function ComparisonSummary({ comparison }) {
           tone: "critical"
         }
       ),
-      comparison.unchanged.length > 0 && /* @__PURE__ */ jsx31(
+      comparison.unchanged.length > 0 && /* @__PURE__ */ jsx21(
         AreaBadgeGroup,
         {
           areas: comparison.unchanged,
@@ -5321,19 +4924,19 @@ function DeltaCard({
 }) {
   const isPositive = invertedPolarity ? delta < 0 : delta > 0;
   const isNegative = invertedPolarity ? delta > 0 : delta < 0;
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx21(
     Tooltip5,
     {
-      content: /* @__PURE__ */ jsx31(Box11, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx31(Text26, { size: 2, children: tooltip }) }),
+      content: /* @__PURE__ */ jsx21(Box10, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx21(Text19, { size: 2, children: tooltip }) }),
       placement: "bottom",
       portal: true,
-      children: /* @__PURE__ */ jsx31(
-        Card17,
+      children: /* @__PURE__ */ jsx21(
+        Card12,
         {
           padding: 2,
           radius: 2,
           tone: isPositive ? "positive" : isNegative ? "critical" : "default",
-          children: /* @__PURE__ */ jsxs25(Text26, { size: 2, weight: "bold", children: [
+          children: /* @__PURE__ */ jsxs17(Text19, { size: 2, weight: "bold", children: [
             formatDelta(delta),
             " ",
             label
@@ -5348,9 +4951,9 @@ function AreaBadgeGroup({
   label,
   tone
 }) {
-  return /* @__PURE__ */ jsxs25(Stack17, { space: 2, children: [
-    /* @__PURE__ */ jsx31(
-      Text26,
+  return /* @__PURE__ */ jsxs17(Stack14, { space: 2, children: [
+    /* @__PURE__ */ jsx21(
+      Text19,
       {
         muted: true,
         size: 1,
@@ -5359,17 +4962,17 @@ function AreaBadgeGroup({
         children: label
       }
     ),
-    /* @__PURE__ */ jsx31(Flex19, { gap: 1, wrap: "wrap", children: areas.map((a) => /* @__PURE__ */ jsx31(Badge17, { tone, children: a }, a)) })
+    /* @__PURE__ */ jsx21(Flex12, { gap: 1, wrap: "wrap", children: areas.map((a) => /* @__PURE__ */ jsx21(Badge6, { tone, children: a }, a)) })
   ] });
 }
 
 // src/components/report-detail/LineageCard.tsx
 import { LinkIcon as LinkIcon2 } from "@sanity/icons";
-import { Badge as Badge18, Card as Card18, Flex as Flex20, Stack as Stack18, Text as Text27 } from "@sanity/ui";
-import { useCallback as useCallback13, useEffect as useEffect8, useState as useState9 } from "react";
-import { useClient as useClient7 } from "sanity";
-import { useRouter } from "sanity/router";
-import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Badge as Badge7, Card as Card13, Flex as Flex13, Stack as Stack15, Text as Text20 } from "@sanity/ui";
+import { useCallback as useCallback11, useEffect as useEffect6, useState as useState7 } from "react";
+import { useClient as useClient5 } from "sanity";
+import { useRouter as useRouter2 } from "sanity/router";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 var REPORT_TYPE2 = "ailf.report";
 var SPAWNED_REPORTS_QUERY = (
   /* groq */
@@ -5383,10 +4986,10 @@ var SPAWNED_REPORTS_QUERY = (
 );
 function LineageCard({ provenance, reportId }) {
   const { lineage } = provenance;
-  const router = useRouter();
-  const client = useClient7({ apiVersion: API_VERSION });
-  const [spawned, setSpawned] = useState9([]);
-  useEffect8(() => {
+  const router = useRouter2();
+  const client = useClient5({ apiVersion: API_VERSION });
+  const [spawned, setSpawned] = useState7([]);
+  useEffect6(() => {
     let cancelled = false;
     client.fetch(SPAWNED_REPORTS_QUERY, {
       reportId,
@@ -5401,12 +5004,12 @@ function LineageCard({ provenance, reportId }) {
   }, [client, reportId]);
   const hasLineage = lineage?.rerunOf || lineage?.comparedAgainst;
   if (!hasLineage && spawned.length === 0) return null;
-  return /* @__PURE__ */ jsx32(Card18, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs26(Stack18, { space: 4, children: [
-    /* @__PURE__ */ jsx32(Flex20, { align: "center", gap: 2, children: /* @__PURE__ */ jsxs26(Text27, { size: 3, weight: "semibold", children: [
-      /* @__PURE__ */ jsx32(LinkIcon2, {}),
+  return /* @__PURE__ */ jsx22(Card13, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs18(Stack15, { space: 4, children: [
+    /* @__PURE__ */ jsx22(Flex13, { align: "center", gap: 2, children: /* @__PURE__ */ jsxs18(Text20, { size: 3, weight: "semibold", children: [
+      /* @__PURE__ */ jsx22(LinkIcon2, {}),
       " Lineage"
     ] }) }),
-    lineage?.rerunOf && /* @__PURE__ */ jsx32(
+    lineage?.rerunOf && /* @__PURE__ */ jsx22(
       LineageLink,
       {
         label: "Re-run of",
@@ -5414,7 +5017,7 @@ function LineageCard({ provenance, reportId }) {
         router
       }
     ),
-    lineage?.comparedAgainst && /* @__PURE__ */ jsx32(
+    lineage?.comparedAgainst && /* @__PURE__ */ jsx22(
       LineageLink,
       {
         label: "Compared against",
@@ -5422,9 +5025,9 @@ function LineageCard({ provenance, reportId }) {
         router
       }
     ),
-    spawned.length > 0 && /* @__PURE__ */ jsxs26(Stack18, { space: 2, children: [
-      /* @__PURE__ */ jsx32(Text27, { muted: true, size: 1, weight: "semibold", children: "SPAWNED RE-RUNS" }),
-      spawned.map((s) => /* @__PURE__ */ jsx32(SpawnedReportRow, { report: s, router }, s.reportId))
+    spawned.length > 0 && /* @__PURE__ */ jsxs18(Stack15, { space: 2, children: [
+      /* @__PURE__ */ jsx22(Text20, { muted: true, size: 1, weight: "semibold", children: "SPAWNED RE-RUNS" }),
+      spawned.map((s) => /* @__PURE__ */ jsx22(SpawnedReportRow, { report: s, router }, s.reportId))
     ] })
   ] }) });
 }
@@ -5433,15 +5036,15 @@ function LineageLink({
   reportId,
   router
 }) {
-  const handleClick = useCallback13(() => {
+  const handleClick = useCallback11(() => {
     router.navigate({ reportId });
   }, [reportId, router]);
-  return /* @__PURE__ */ jsxs26(Flex20, { align: "center", gap: 2, children: [
-    /* @__PURE__ */ jsxs26(Text27, { muted: true, size: 2, weight: "semibold", children: [
+  return /* @__PURE__ */ jsxs18(Flex13, { align: "center", gap: 2, children: [
+    /* @__PURE__ */ jsxs18(Text20, { muted: true, size: 2, weight: "semibold", children: [
       label,
       ":"
     ] }),
-    /* @__PURE__ */ jsx32(Text27, { size: 2, children: /* @__PURE__ */ jsxs26(
+    /* @__PURE__ */ jsx22(Text20, { size: 2, children: /* @__PURE__ */ jsxs18(
       "a",
       {
         href: "#",
@@ -5462,13 +5065,13 @@ function SpawnedReportRow({
   report,
   router
 }) {
-  const handleClick = useCallback13(() => {
+  const handleClick = useCallback11(() => {
     router.navigate({ reportId: report.reportId });
   }, [report.reportId, router]);
   const dateLabel = formatShortDate(report.completedAt);
   const label = report.tag ?? dateLabel;
-  return /* @__PURE__ */ jsxs26(Flex20, { align: "center", gap: 2, children: [
-    /* @__PURE__ */ jsx32(Text27, { size: 2, children: /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsxs18(Flex13, { align: "center", gap: 2, children: [
+    /* @__PURE__ */ jsx22(Text20, { size: 2, children: /* @__PURE__ */ jsx22(
       "a",
       {
         href: "#",
@@ -5480,8 +5083,8 @@ function SpawnedReportRow({
         children: label
       }
     ) }),
-    report.tag && /* @__PURE__ */ jsx32(Text27, { muted: true, size: 1, children: dateLabel }),
-    /* @__PURE__ */ jsx32(Badge18, { fontSize: 1, mode: "outline", tone: "default", children: report.reportId.slice(0, 8) })
+    report.tag && /* @__PURE__ */ jsx22(Text20, { muted: true, size: 1, children: dateLabel }),
+    /* @__PURE__ */ jsx22(Badge7, { fontSize: 1, mode: "outline", tone: "default", children: report.reportId.slice(0, 8) })
   ] });
 }
 function formatShortDate(iso) {
@@ -5497,16 +5100,16 @@ function formatShortDate(iso) {
 }
 
 // src/components/report-detail/JudgmentList.tsx
-import { useState as useState10 } from "react";
+import { useState as useState8 } from "react";
 import { HelpCircleIcon as HelpCircleIcon6 } from "@sanity/icons";
-import { Badge as Badge19, Box as Box12, Card as Card19, Flex as Flex21, Stack as Stack19, Text as Text28, Tooltip as Tooltip6 } from "@sanity/ui";
+import { Badge as Badge8, Box as Box11, Card as Card14, Flex as Flex14, Stack as Stack16, Text as Text21, Tooltip as Tooltip6 } from "@sanity/ui";
 
 // src/components/primitives/InlineCode.tsx
-import { Fragment as Fragment5, jsx as jsx33 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx23 } from "react/jsx-runtime";
 function InlineCode({ text }) {
   const parts = text.split(/`([^`]+)`/);
-  return /* @__PURE__ */ jsx33(Fragment5, { children: parts.map(
-    (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx23(Fragment6, { children: parts.map(
+    (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsx23(
       "code",
       {
         style: {
@@ -5518,12 +5121,12 @@ function InlineCode({ text }) {
         children: part
       },
       i
-    ) : /* @__PURE__ */ jsx33("span", { children: part }, i)
+    ) : /* @__PURE__ */ jsx23("span", { children: part }, i)
   ) });
 }
 
 // src/components/report-detail/JudgmentList.tsx
-import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 function groupByArea(judgments) {
   const byArea = /* @__PURE__ */ new Map();
   for (const j of judgments) {
@@ -5538,56 +5141,56 @@ var DIMENSION_LABELS = DIMENSION_LABELS_KEBAB;
 function JudgmentList({ judgments }) {
   if (judgments.length === 0) return null;
   const grouped = groupByArea(judgments);
-  return /* @__PURE__ */ jsx34(Card19, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs27(Stack19, { space: 4, children: [
-    /* @__PURE__ */ jsxs27(Flex21, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx34(Text28, { size: 3, weight: "semibold", children: "Low-Scoring Judgments" }),
-      /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx24(Card14, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs19(Stack16, { space: 4, children: [
+    /* @__PURE__ */ jsxs19(Flex14, { align: "center", gap: 3, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx24(Text21, { size: 3, weight: "semibold", children: "Low-Scoring Judgments" }),
+      /* @__PURE__ */ jsx24(
         Tooltip6,
         {
-          content: /* @__PURE__ */ jsx34(Box12, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx34(Text28, { size: 2, children: GLOSSARY.lowScoringJudgments }) }),
+          content: /* @__PURE__ */ jsx24(Box11, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx24(Text21, { size: 2, children: GLOSSARY.lowScoringJudgments }) }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsx34(Text28, { muted: true, size: 1, children: /* @__PURE__ */ jsx34(HelpCircleIcon6, {}) })
+          children: /* @__PURE__ */ jsx24(Text21, { muted: true, size: 1, children: /* @__PURE__ */ jsx24(HelpCircleIcon6, {}) })
         }
       ),
-      /* @__PURE__ */ jsx34(Card19, { padding: 2, radius: 2, tone: "critical", children: /* @__PURE__ */ jsxs27(Text28, { size: 2, weight: "bold", children: [
+      /* @__PURE__ */ jsx24(Card14, { padding: 2, radius: 2, tone: "critical", children: /* @__PURE__ */ jsxs19(Text21, { size: 2, weight: "bold", children: [
         judgments.length,
         " judgment",
         judgments.length === 1 ? "" : "s",
         " below 70"
       ] }) })
     ] }),
-    grouped.map(([area, areaJudgments]) => /* @__PURE__ */ jsx34(Card19, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs27(Stack19, { space: 3, children: [
-      /* @__PURE__ */ jsxs27(Text28, { size: 2, weight: "semibold", children: [
+    grouped.map(([area, areaJudgments]) => /* @__PURE__ */ jsx24(Card14, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs19(Stack16, { space: 3, children: [
+      /* @__PURE__ */ jsxs19(Text21, { size: 2, weight: "semibold", children: [
         area,
         " ",
-        /* @__PURE__ */ jsxs27(Text28, { muted: true, size: 2, weight: "regular", as: "span", children: [
+        /* @__PURE__ */ jsxs19(Text21, { muted: true, size: 2, weight: "regular", as: "span", children: [
           "(",
           areaJudgments.length,
           ")"
         ] })
       ] }),
-      areaJudgments.map((j, i) => /* @__PURE__ */ jsx34(JudgmentCard, { judgment: j }, `${area}-${i}`))
+      areaJudgments.map((j, i) => /* @__PURE__ */ jsx24(JudgmentCard, { judgment: j }, `${area}-${i}`))
     ] }) }, area))
   ] }) });
 }
 function JudgmentCard({ judgment }) {
-  const [expanded, setExpanded] = useState10(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__ */ jsx34(
-    Card19,
+  return /* @__PURE__ */ jsx24(
+    Card14,
     {
       padding: 3,
       radius: 2,
       shadow: 1,
       style: { cursor: "pointer" },
       onClick: () => setExpanded(!expanded),
-      children: /* @__PURE__ */ jsxs27(Stack19, { space: 3, children: [
-        /* @__PURE__ */ jsxs27(Flex21, { align: "center", gap: 2, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx34(Card19, { padding: 2, radius: 2, tone: scoreTone(judgment.score), children: /* @__PURE__ */ jsx34(
-            Text28,
+      children: /* @__PURE__ */ jsxs19(Stack16, { space: 3, children: [
+        /* @__PURE__ */ jsxs19(Flex14, { align: "center", gap: 2, wrap: "wrap", children: [
+          /* @__PURE__ */ jsx24(Card14, { padding: 2, radius: 2, tone: scoreTone(judgment.score), children: /* @__PURE__ */ jsx24(
+            Text21,
             {
               align: "center",
               size: 2,
@@ -5596,24 +5199,24 @@ function JudgmentCard({ judgment }) {
               children: judgment.score
             }
           ) }),
-          /* @__PURE__ */ jsx34(Badge19, { tone: "default", children: dimLabel }),
-          /* @__PURE__ */ jsx34(Text28, { size: 2, weight: "medium", children: taskName }),
-          /* @__PURE__ */ jsx34(Text28, { muted: true, size: 1, children: judgment.modelId }),
-          /* @__PURE__ */ jsx34(Text28, { muted: true, size: 1, style: { marginLeft: "auto" }, children: expanded ? "\u25B2" : "\u25BC" })
+          /* @__PURE__ */ jsx24(Badge8, { tone: "default", children: dimLabel }),
+          /* @__PURE__ */ jsx24(Text21, { size: 2, weight: "medium", children: taskName }),
+          /* @__PURE__ */ jsx24(Text21, { muted: true, size: 1, children: judgment.modelId }),
+          /* @__PURE__ */ jsx24(Text21, { muted: true, size: 1, style: { marginLeft: "auto" }, children: expanded ? "\u25B2" : "\u25BC" })
         ] }),
-        expanded && /* @__PURE__ */ jsxs27(Stack19, { space: 3, children: [
-          /* @__PURE__ */ jsx34(Card19, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx34(
-            Text28,
+        expanded && /* @__PURE__ */ jsxs19(Stack16, { space: 3, children: [
+          /* @__PURE__ */ jsx24(Card14, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx24(
+            Text21,
             {
               muted: true,
               size: 2,
               style: { lineHeight: 1.6, whiteSpace: "pre-wrap" },
-              children: /* @__PURE__ */ jsx34(InlineCode, { text: judgment.reason })
+              children: /* @__PURE__ */ jsx24(InlineCode, { text: judgment.reason })
             }
           ) }),
-          judgment.canonicalDocs && judgment.canonicalDocs.length > 0 && /* @__PURE__ */ jsxs27(Flex21, { align: "center", gap: 2, wrap: "wrap", children: [
-            /* @__PURE__ */ jsx34(Text28, { muted: true, size: 1, children: "Docs:" }),
-            judgment.canonicalDocs.map((doc) => /* @__PURE__ */ jsx34(DocBadge, { doc }, doc.slug))
+          judgment.canonicalDocs && judgment.canonicalDocs.length > 0 && /* @__PURE__ */ jsxs19(Flex14, { align: "center", gap: 2, wrap: "wrap", children: [
+            /* @__PURE__ */ jsx24(Text21, { muted: true, size: 1, children: "Docs:" }),
+            judgment.canonicalDocs.map((doc) => /* @__PURE__ */ jsx24(DocBadge, { doc }, doc.slug))
           ] })
         ] })
       ] })
@@ -5629,17 +5232,17 @@ var editLinkStyle = {
 function DocBadge({
   doc
 }) {
-  const [hovered, setHovered] = useState10(false);
+  const [hovered, setHovered] = useState8(false);
   const isLinked = Boolean(doc.documentId);
   const tooltipLabel = isLinked ? `Edit "${doc.title || doc.slug}"` : doc.title || doc.slug;
-  const badge = /* @__PURE__ */ jsx34(Badge19, { mode: "outline", tone: isLinked && hovered ? "caution" : "primary", children: doc.slug });
-  return /* @__PURE__ */ jsx34(
+  const badge = /* @__PURE__ */ jsx24(Badge8, { mode: "outline", tone: isLinked && hovered ? "caution" : "primary", children: doc.slug });
+  return /* @__PURE__ */ jsx24(
     Tooltip6,
     {
-      content: /* @__PURE__ */ jsx34(Box12, { padding: 2, children: /* @__PURE__ */ jsx34(Text28, { size: 2, children: tooltipLabel }) }),
+      content: /* @__PURE__ */ jsx24(Box11, { padding: 2, children: /* @__PURE__ */ jsx24(Text21, { size: 2, children: tooltipLabel }) }),
       placement: "bottom",
       portal: true,
-      children: isLinked ? /* @__PURE__ */ jsx34(
+      children: isLinked ? /* @__PURE__ */ jsx24(
         "a",
         {
           href: `/intent/edit/id=${doc.documentId}`,
@@ -5652,14 +5255,14 @@ function DocBadge({
           },
           children: badge
         }
-      ) : /* @__PURE__ */ jsx34("span", { children: badge })
+      ) : /* @__PURE__ */ jsx24("span", { children: badge })
     }
   );
 }
 
 // src/components/report-detail/OverviewStats.tsx
 import { Grid as Grid4 } from "@sanity/ui";
-import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
 function OverviewStats({
   overall,
   durationMs,
@@ -5667,8 +5270,8 @@ function OverviewStats({
   isFullMode
 }) {
   const overallTone = scoreTone(overall.avgScore);
-  return /* @__PURE__ */ jsxs28(Grid4, { columns: [1, 1, 2, isFullMode ? 4 : 4], gap: 3, children: [
-    /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsxs20(Grid4, { columns: [1, 1, 2, isFullMode ? 4 : 4], gap: 3, children: [
+    /* @__PURE__ */ jsx25(
       StatCard,
       {
         label: "Overall Score",
@@ -5677,7 +5280,7 @@ function OverviewStats({
         value: overall.avgScore.toFixed(1)
       }
     ),
-    /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsx25(
       StatCard,
       {
         label: "Doc Lift",
@@ -5686,7 +5289,7 @@ function OverviewStats({
         value: overall.avgDocLift.toFixed(1)
       }
     ),
-    isFullMode && overall.avgActualScore != null && /* @__PURE__ */ jsx35(
+    isFullMode && overall.avgActualScore != null && /* @__PURE__ */ jsx25(
       StatCard,
       {
         label: "Actual Score",
@@ -5695,7 +5298,7 @@ function OverviewStats({
         value: overall.avgActualScore.toFixed(1)
       }
     ),
-    isFullMode && overall.avgRetrievalGap != null && /* @__PURE__ */ jsx35(
+    isFullMode && overall.avgRetrievalGap != null && /* @__PURE__ */ jsx25(
       StatCard,
       {
         label: "Retrieval Gap",
@@ -5705,7 +5308,7 @@ function OverviewStats({
         value: overall.avgRetrievalGap.toFixed(1)
       }
     ),
-    isFullMode && overall.avgInfrastructureEfficiency != null && /* @__PURE__ */ jsx35(
+    isFullMode && overall.avgInfrastructureEfficiency != null && /* @__PURE__ */ jsx25(
       StatCard,
       {
         label: "Infra Efficiency",
@@ -5713,8 +5316,8 @@ function OverviewStats({
         value: formatPercent(overall.avgInfrastructureEfficiency)
       }
     ),
-    /* @__PURE__ */ jsx35(StatCard, { label: "Duration", value: formatDuration(durationMs) }),
-    /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsx25(StatCard, { label: "Duration", value: formatDuration(durationMs) }),
+    /* @__PURE__ */ jsx25(
       StatCard,
       {
         label: "Tests",
@@ -5726,31 +5329,31 @@ function OverviewStats({
 }
 
 // src/components/report-detail/ProvenanceCard.tsx
-import { Card as Card20, Flex as Flex22, Grid as Grid5, Stack as Stack20, Text as Text29 } from "@sanity/ui";
-import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Card as Card15, Flex as Flex15, Grid as Grid5, Stack as Stack17, Text as Text22 } from "@sanity/ui";
+import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
 var VIEWABLE_PROMPTFOO_MODES = /* @__PURE__ */ new Set(["agentic", "observed"]);
 function ProvenanceCard({ provenance }) {
-  return /* @__PURE__ */ jsx36(Card20, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs29(Stack20, { space: 4, children: [
-    /* @__PURE__ */ jsx36(Text29, { size: 3, weight: "semibold", children: "Provenance" }),
-    /* @__PURE__ */ jsxs29(Grid5, { columns: [1, 2, 3], gap: 4, children: [
-      /* @__PURE__ */ jsx36(Field, { label: "Mode", value: provenance.mode }),
-      /* @__PURE__ */ jsx36(Field, { label: "Source", value: provenance.source.name }),
-      /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx26(Card15, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs21(Stack17, { space: 4, children: [
+    /* @__PURE__ */ jsx26(Text22, { size: 3, weight: "semibold", children: "Provenance" }),
+    /* @__PURE__ */ jsxs21(Grid5, { columns: [1, 2, 3], gap: 4, children: [
+      /* @__PURE__ */ jsx26(Field, { label: "Mode", value: provenance.mode }),
+      /* @__PURE__ */ jsx26(Field, { label: "Source", value: provenance.source.name }),
+      /* @__PURE__ */ jsx26(
         Field,
         {
           label: "Trigger",
           value: provenance.trigger.type + (provenance.trigger.workflow ? ` (${provenance.trigger.workflow})` : "")
         }
       ),
-      /* @__PURE__ */ jsx36(
+      /* @__PURE__ */ jsx26(
         Field,
         {
           label: "Models",
           value: provenance.models.map((m) => m.label).join(", ")
         }
       ),
-      /* @__PURE__ */ jsx36(Field, { label: "Grader Model", mono: true, value: provenance.graderModel }),
-      provenance.contextHash && /* @__PURE__ */ jsx36(
+      /* @__PURE__ */ jsx26(Field, { label: "Grader Model", mono: true, value: provenance.graderModel }),
+      provenance.contextHash && /* @__PURE__ */ jsx26(
         Field,
         {
           label: "Context Hash",
@@ -5759,8 +5362,8 @@ function ProvenanceCard({ provenance }) {
         }
       )
     ] }),
-    provenance.git && /* @__PURE__ */ jsx36(GitInfo, { git: provenance.git }),
-    /* @__PURE__ */ jsx36(PromptfooLinks, { provenance })
+    provenance.git && /* @__PURE__ */ jsx26(GitInfo, { git: provenance.git }),
+    /* @__PURE__ */ jsx26(PromptfooLinks, { provenance })
   ] }) });
 }
 function Field({
@@ -5768,9 +5371,9 @@ function Field({
   mono,
   value
 }) {
-  return /* @__PURE__ */ jsxs29(Stack20, { space: 1, children: [
-    /* @__PURE__ */ jsx36(
-      Text29,
+  return /* @__PURE__ */ jsxs21(Stack17, { space: 1, children: [
+    /* @__PURE__ */ jsx26(
+      Text22,
       {
         muted: true,
         size: 1,
@@ -5779,7 +5382,7 @@ function Field({
         children: label
       }
     ),
-    /* @__PURE__ */ jsx36(Text29, { size: 2, style: mono ? { fontFamily: "monospace" } : void 0, children: value })
+    /* @__PURE__ */ jsx26(Text22, { size: 2, style: mono ? { fontFamily: "monospace" } : void 0, children: value })
   ] });
 }
 function GitInfo({ git }) {
@@ -5787,15 +5390,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__ */ jsx36(Card20, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs29(Flex22, { align: "center", gap: 3, wrap: "wrap", children: [
-    /* @__PURE__ */ jsx36(Text29, { muted: true, size: 2, weight: "semibold", children: "Git" }),
-    /* @__PURE__ */ jsxs29(Text29, { size: 2, children: [
-      /* @__PURE__ */ jsx36("a", { href: repoUrl, rel: "noopener noreferrer", target: "_blank", children: git.repo }),
+  return /* @__PURE__ */ jsx26(Card15, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs21(Flex15, { align: "center", gap: 3, wrap: "wrap", children: [
+    /* @__PURE__ */ jsx26(Text22, { muted: true, size: 2, weight: "semibold", children: "Git" }),
+    /* @__PURE__ */ jsxs21(Text22, { size: 2, children: [
+      /* @__PURE__ */ jsx26("a", { href: repoUrl, rel: "noopener noreferrer", target: "_blank", children: git.repo }),
       " / ",
-      /* @__PURE__ */ jsx36("a", { href: branchUrl, rel: "noopener noreferrer", target: "_blank", children: git.branch })
+      /* @__PURE__ */ jsx26("a", { href: branchUrl, rel: "noopener noreferrer", target: "_blank", children: git.branch })
     ] }),
-    /* @__PURE__ */ jsx36(Text29, { muted: true, size: 2, style: { fontFamily: "monospace" }, children: /* @__PURE__ */ jsx36("a", { href: commitUrl, rel: "noopener noreferrer", target: "_blank", children: git.sha.slice(0, 12) }) }),
-    prUrl && /* @__PURE__ */ jsx36(Text29, { size: 2, children: /* @__PURE__ */ jsxs29("a", { href: prUrl, rel: "noopener noreferrer", target: "_blank", children: [
+    /* @__PURE__ */ jsx26(Text22, { muted: true, size: 2, style: { fontFamily: "monospace" }, children: /* @__PURE__ */ jsx26("a", { href: commitUrl, rel: "noopener noreferrer", target: "_blank", children: git.sha.slice(0, 12) }) }),
+    prUrl && /* @__PURE__ */ jsx26(Text22, { size: 2, children: /* @__PURE__ */ jsxs21("a", { href: prUrl, rel: "noopener noreferrer", target: "_blank", children: [
       "PR #",
       git.prNumber,
       " \u2192"
@@ -5810,14 +5413,14 @@ function PromptfooLinks({
       (e) => VIEWABLE_PROMPTFOO_MODES.has(e.mode)
     );
     if (viewable.length === 0) return null;
-    return /* @__PURE__ */ jsx36(Flex22, { gap: 3, wrap: "wrap", children: viewable.map((entry) => /* @__PURE__ */ jsx36(Text29, { size: 2, children: /* @__PURE__ */ jsxs29("a", { href: entry.url, rel: "noopener noreferrer", target: "_blank", children: [
+    return /* @__PURE__ */ jsx26(Flex15, { gap: 3, wrap: "wrap", children: viewable.map((entry) => /* @__PURE__ */ jsx26(Text22, { size: 2, children: /* @__PURE__ */ jsxs21("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__ */ jsx36(Text29, { size: 2, children: /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx26(Text22, { size: 2, children: /* @__PURE__ */ jsx26(
       "a",
       {
         href: provenance.promptfooUrl,
@@ -5832,32 +5435,32 @@ function PromptfooLinks({
 
 // src/components/report-detail/RecommendationsSection.tsx
 import React4 from "react";
-import { Badge as Badge20, Box as Box13, Card as Card21, Flex as Flex23, Stack as Stack21, Text as Text30, Tooltip as Tooltip7 } from "@sanity/ui";
+import { Badge as Badge9, Box as Box12, Card as Card16, Flex as Flex16, Stack as Stack18, Text as Text23, Tooltip as Tooltip7 } from "@sanity/ui";
 import { HelpCircleIcon as HelpCircleIcon7 } from "@sanity/icons";
-import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
 function RecommendationsSection({
   recommendations
 }) {
   if (recommendations.gaps.length === 0) return null;
-  return /* @__PURE__ */ jsx37(Card21, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs30(Stack21, { space: 4, children: [
-    /* @__PURE__ */ jsxs30(Flex23, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx37(Text30, { size: 3, weight: "semibold", children: "Recommendations" }),
-      /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx27(Card16, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs22(Stack18, { space: 4, children: [
+    /* @__PURE__ */ jsxs22(Flex16, { align: "center", gap: 3, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx27(Text23, { size: 3, weight: "semibold", children: "Recommendations" }),
+      /* @__PURE__ */ jsx27(
         Tooltip7,
         {
-          content: /* @__PURE__ */ jsx37(Box13, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx37(Text30, { size: 2, children: GLOSSARY.recommendations }) }),
+          content: /* @__PURE__ */ jsx27(Box12, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx27(Text23, { size: 2, children: GLOSSARY.recommendations }) }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsx37(Text30, { muted: true, size: 1, children: /* @__PURE__ */ jsx37(HelpCircleIcon7, {}) })
+          children: /* @__PURE__ */ jsx27(Text23, { muted: true, size: 1, children: /* @__PURE__ */ jsx27(HelpCircleIcon7, {}) })
         }
       ),
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx27(
         Tooltip7,
         {
-          content: /* @__PURE__ */ jsx37(Box13, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx37(Text30, { size: 2, children: GLOSSARY.totalPotentialLift }) }),
+          content: /* @__PURE__ */ jsx27(Box12, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx27(Text23, { size: 2, children: GLOSSARY.totalPotentialLift }) }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsx37(Card21, { padding: 2, radius: 2, tone: "positive", children: /* @__PURE__ */ jsxs30(Text30, { size: 2, weight: "bold", children: [
+          children: /* @__PURE__ */ jsx27(Card16, { padding: 2, radius: 2, tone: "positive", children: /* @__PURE__ */ jsxs22(Text23, { size: 2, weight: "bold", children: [
             "+",
             recommendations.totalPotentialLift.toFixed(1),
             " pts potential lift"
@@ -5865,7 +5468,7 @@ function RecommendationsSection({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs30(
+    /* @__PURE__ */ jsxs22(
       "div",
       {
         style: {
@@ -5874,9 +5477,9 @@ function RecommendationsSection({
           gridTemplateColumns: "auto 2fr 2fr 1fr 1fr 1fr"
         },
         children: [
-          /* @__PURE__ */ jsx37(ColumnHeader, { borderBottom: true, label: "#" }),
-          /* @__PURE__ */ jsx37(ColumnHeader, { borderBottom: true, label: "Area" }),
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx27(ColumnHeader, { borderBottom: true, label: "#" }),
+          /* @__PURE__ */ jsx27(ColumnHeader, { borderBottom: true, label: "Area" }),
+          /* @__PURE__ */ jsx27(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5884,8 +5487,8 @@ function RecommendationsSection({
               tooltip: GLOSSARY.failureMode
             }
           ),
-          /* @__PURE__ */ jsx37(ColumnHeader, { borderBottom: true, label: "Action" }),
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx27(ColumnHeader, { borderBottom: true, label: "Action" }),
+          /* @__PURE__ */ jsx27(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5893,7 +5496,7 @@ function RecommendationsSection({
               tooltip: GLOSSARY.estimatedLift
             }
           ),
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx27(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5901,7 +5504,7 @@ function RecommendationsSection({
               tooltip: GLOSSARY.confidence
             }
           ),
-          recommendations.gaps.map((gap, i) => /* @__PURE__ */ jsx37(RecommendationRow, { gap, index: i }, `gap-${i}`))
+          recommendations.gaps.map((gap, i) => /* @__PURE__ */ jsx27(RecommendationRow, { gap, index: i }, `gap-${i}`))
         ]
       }
     )
@@ -5913,8 +5516,8 @@ function RecommendationRow({
 }) {
   const confIcon = gap.confidence === "high" ? "\u{1F7E2}" : gap.confidence === "medium" ? "\u{1F7E1}" : "\u{1F534}";
   const bg = rowBackground(index);
-  return /* @__PURE__ */ jsxs30(React4.Fragment, { children: [
-    /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsxs22(React4.Fragment, { children: [
+    /* @__PURE__ */ jsx27(
       "div",
       {
         style: {
@@ -5924,10 +5527,10 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 4px"
         },
-        children: /* @__PURE__ */ jsx37(Text30, { muted: true, size: 2, children: index + 1 })
+        children: /* @__PURE__ */ jsx27(Text23, { muted: true, size: 2, children: index + 1 })
       }
     ),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx27(
       "div",
       {
         style: {
@@ -5936,10 +5539,10 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx37(Text30, { size: 2, weight: "medium", children: gap.area })
+        children: /* @__PURE__ */ jsx27(Text23, { size: 2, weight: "medium", children: gap.area })
       }
     ),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx27(
       "div",
       {
         style: {
@@ -5948,8 +5551,8 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx37(
-          Badge20,
+        children: /* @__PURE__ */ jsx27(
+          Badge9,
           {
             tone: gap.failureMode === "missing-docs" ? "critical" : gap.failureMode === "incorrect-docs" ? "critical" : gap.failureMode === "outdated-docs" ? "caution" : "default",
             children: gap.failureMode
@@ -5957,7 +5560,7 @@ function RecommendationRow({
         )
       }
     ),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx27(
       "div",
       {
         style: {
@@ -5966,10 +5569,10 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx37(Text30, { muted: true, size: 2, children: gap.remediation })
+        children: /* @__PURE__ */ jsx27(Text23, { muted: true, size: 2, children: gap.remediation })
       }
     ),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx27(
       "div",
       {
         style: {
@@ -5978,13 +5581,13 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx37(Card21, { padding: 2, radius: 2, tone: "positive", children: /* @__PURE__ */ jsxs30(Text30, { align: "center", size: 2, weight: "medium", children: [
+        children: /* @__PURE__ */ jsx27(Card16, { padding: 2, radius: 2, tone: "positive", children: /* @__PURE__ */ jsxs22(Text23, { align: "center", size: 2, weight: "medium", children: [
           "+",
           gap.estimatedLift.toFixed(1)
         ] }) })
       }
     ),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx27(
       "div",
       {
         style: {
@@ -5993,7 +5596,7 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsxs30(Text30, { size: 2, children: [
+        children: /* @__PURE__ */ jsxs22(Text23, { size: 2, children: [
           confIcon,
           " ",
           gap.confidence
@@ -6005,32 +5608,32 @@ function RecommendationRow({
 
 // src/components/report-detail/ReportHeader.tsx
 import { ArrowLeftIcon } from "@sanity/icons";
-import { Badge as Badge21, Button as Button4, Flex as Flex26, Stack as Stack23, Text as Text32 } from "@sanity/ui";
+import { Badge as Badge10, Button as Button4, Flex as Flex19, Stack as Stack20, Text as Text25 } from "@sanity/ui";
 
 // src/components/report-detail/report-actions/ReportActions.tsx
 import { ChevronDownIcon, CopyIcon as CopyIcon2 } from "@sanity/icons";
 import {
   Button as Button3,
-  Flex as Flex25,
-  Menu as Menu2,
-  MenuButton as MenuButton2,
+  Flex as Flex18,
+  Menu,
+  MenuButton,
   MenuDivider,
   useToast as useToast7
 } from "@sanity/ui";
-import { useCallback as useCallback19, useState as useState14 } from "react";
-import { useClient as useClient11 } from "sanity";
+import { useCallback as useCallback17, useState as useState12 } from "react";
+import { useClient as useClient9 } from "sanity";
 
 // src/components/report-detail/report-actions/CopyReportAction.tsx
 import { ClipboardIcon } from "@sanity/icons";
-import { MenuItem as MenuItem2, useToast as useToast2 } from "@sanity/ui";
-import { useCallback as useCallback14, useState as useState11 } from "react";
-import { useClient as useClient8 } from "sanity";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { MenuItem, useToast as useToast2 } from "@sanity/ui";
+import { useCallback as useCallback12, useState as useState9 } from "react";
+import { useClient as useClient6 } from "sanity";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function CopyReportAction({ documentId }) {
-  const client = useClient8({ apiVersion: API_VERSION });
+  const client = useClient6({ apiVersion: API_VERSION });
   const toast = useToast2();
-  const [copying, setCopying] = useState11(false);
-  const handleClick = useCallback14(async () => {
+  const [copying, setCopying] = useState9(false);
+  const handleClick = useCallback12(async () => {
     setCopying(true);
     try {
       const doc = await client.fetch(
@@ -6062,8 +5665,8 @@ function CopyReportAction({ documentId }) {
       setCopying(false);
     }
   }, [client, documentId, toast]);
-  return /* @__PURE__ */ jsx38(
-    MenuItem2,
+  return /* @__PURE__ */ jsx28(
+    MenuItem,
     {
       disabled: copying,
       icon: ClipboardIcon,
@@ -6075,12 +5678,12 @@ function CopyReportAction({ documentId }) {
 
 // src/components/report-detail/report-actions/CopyReportIdAction.tsx
 import { CopyIcon } from "@sanity/icons";
-import { MenuItem as MenuItem3, useToast as useToast3 } from "@sanity/ui";
-import { useCallback as useCallback15 } from "react";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { MenuItem as MenuItem2, useToast as useToast3 } from "@sanity/ui";
+import { useCallback as useCallback13 } from "react";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function CopyReportIdAction({ reportId }) {
   const toast = useToast3();
-  const handleClick = useCallback15(() => {
+  const handleClick = useCallback13(() => {
     navigator.clipboard.writeText(reportId).then(
       () => {
         toast.push({
@@ -6098,19 +5701,19 @@ function CopyReportIdAction({ reportId }) {
       }
     );
   }, [reportId, toast]);
-  return /* @__PURE__ */ jsx39(MenuItem3, { icon: CopyIcon, onClick: handleClick, text: "Copy report ID" });
+  return /* @__PURE__ */ jsx29(MenuItem2, { icon: CopyIcon, onClick: handleClick, text: "Copy report ID" });
 }
 
 // src/components/report-detail/report-actions/CopyVisionQueryAction.tsx
-import { SearchIcon as SearchIcon6 } from "@sanity/icons";
-import { MenuItem as MenuItem4, useToast as useToast4 } from "@sanity/ui";
-import { useCallback as useCallback16 } from "react";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { SearchIcon as SearchIcon4 } from "@sanity/icons";
+import { MenuItem as MenuItem3, useToast as useToast4 } from "@sanity/ui";
+import { useCallback as useCallback14 } from "react";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function CopyVisionQueryAction({
   reportId
 }) {
   const toast = useToast4();
-  const handleClick = useCallback16(() => {
+  const handleClick = useCallback14(() => {
     const query = `*[_type == "ailf.report" && reportId == "${reportId}"][0]`;
     navigator.clipboard.writeText(query).then(
       () => {
@@ -6130,10 +5733,10 @@ function CopyVisionQueryAction({
       }
     );
   }, [reportId, toast]);
-  return /* @__PURE__ */ jsx40(
-    MenuItem4,
+  return /* @__PURE__ */ jsx30(
+    MenuItem3,
     {
-      icon: SearchIcon6,
+      icon: SearchIcon4,
       onClick: handleClick,
       text: "Copy Vision query"
     }
@@ -6141,25 +5744,25 @@ function CopyVisionQueryAction({
 }
 
 // src/components/report-detail/report-actions/DeleteConfirmDialog.tsx
-import { Box as Box14, Button as Button2, Card as Card22, Dialog, Flex as Flex24, Stack as Stack22, Text as Text31 } from "@sanity/ui";
-import { jsx as jsx41, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Box as Box13, Button as Button2, Card as Card17, Dialog, Flex as Flex17, Stack as Stack19, Text as Text24 } from "@sanity/ui";
+import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
 function DeleteConfirmDialog({
   isDeleting,
   onClose,
   onConfirm,
   reportId
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx31(
     Dialog,
     {
       header: "Delete Report",
       id: "delete-report-dialog",
       onClose,
       width: 1,
-      children: /* @__PURE__ */ jsx41(Box14, { padding: 4, children: /* @__PURE__ */ jsxs31(Stack22, { space: 4, children: [
-        /* @__PURE__ */ jsx41(Text31, { children: "Are you sure you want to delete this report? This action cannot be undone." }),
-        /* @__PURE__ */ jsx41(Card22, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx41(
-          Text31,
+      children: /* @__PURE__ */ jsx31(Box13, { padding: 4, children: /* @__PURE__ */ jsxs23(Stack19, { space: 4, children: [
+        /* @__PURE__ */ jsx31(Text24, { children: "Are you sure you want to delete this report? This action cannot be undone." }),
+        /* @__PURE__ */ jsx31(Card17, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx31(
+          Text24,
           {
             muted: true,
             size: 1,
@@ -6167,8 +5770,8 @@ function DeleteConfirmDialog({
             children: reportId
           }
         ) }),
-        /* @__PURE__ */ jsxs31(Flex24, { gap: 2, justify: "flex-end", children: [
-          /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsxs23(Flex17, { gap: 2, justify: "flex-end", children: [
+          /* @__PURE__ */ jsx31(
             Button2,
             {
               disabled: isDeleting,
@@ -6177,7 +5780,7 @@ function DeleteConfirmDialog({
               text: "Cancel"
             }
           ),
-          /* @__PURE__ */ jsx41(
+          /* @__PURE__ */ jsx31(
             Button2,
             {
               disabled: isDeleting,
@@ -6194,13 +5797,13 @@ function DeleteConfirmDialog({
 
 // src/components/report-detail/report-actions/DeleteReportAction.tsx
 import { TrashIcon } from "@sanity/icons";
-import { MenuItem as MenuItem5 } from "@sanity/ui";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { MenuItem as MenuItem4 } from "@sanity/ui";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function DeleteReportAction({
   onRequestDelete
 }) {
-  return /* @__PURE__ */ jsx42(
-    MenuItem5,
+  return /* @__PURE__ */ jsx32(
+    MenuItem4,
     {
       icon: TrashIcon,
       onClick: onRequestDelete,
@@ -6212,18 +5815,18 @@ function DeleteReportAction({
 
 // src/components/report-detail/report-actions/DownloadReportAction.tsx
 import { DownloadIcon } from "@sanity/icons";
-import { MenuItem as MenuItem6, useToast as useToast5 } from "@sanity/ui";
-import { useCallback as useCallback17, useState as useState12 } from "react";
-import { useClient as useClient9 } from "sanity";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { MenuItem as MenuItem5, useToast as useToast5 } from "@sanity/ui";
+import { useCallback as useCallback15, useState as useState10 } from "react";
+import { useClient as useClient7 } from "sanity";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function DownloadReportAction({
   documentId,
   reportId
 }) {
-  const client = useClient9({ apiVersion: API_VERSION });
+  const client = useClient7({ apiVersion: API_VERSION });
   const toast = useToast5();
-  const [downloading, setDownloading] = useState12(false);
-  const handleClick = useCallback17(async () => {
+  const [downloading, setDownloading] = useState10(false);
+  const handleClick = useCallback15(async () => {
     setDownloading(true);
     try {
       const doc = await client.fetch(
@@ -6263,8 +5866,8 @@ function DownloadReportAction({
       setDownloading(false);
     }
   }, [client, documentId, reportId, toast]);
-  return /* @__PURE__ */ jsx43(
-    MenuItem6,
+  return /* @__PURE__ */ jsx33(
+    MenuItem5,
     {
       disabled: downloading,
       icon: DownloadIcon,
@@ -6276,9 +5879,9 @@ function DownloadReportAction({
 
 // src/components/report-detail/report-actions/RerunEvaluationAction.tsx
 import { PlayIcon as PlayIcon2 } from "@sanity/icons";
-import { MenuItem as MenuItem7, useToast as useToast6 } from "@sanity/ui";
-import { useCallback as useCallback18, useState as useState13 } from "react";
-import { useClient as useClient10, useCurrentUser as useCurrentUser2 } from "sanity";
+import { MenuItem as MenuItem6, useToast as useToast6 } from "@sanity/ui";
+import { useCallback as useCallback16, useState as useState11 } from "react";
+import { useClient as useClient8, useCurrentUser as useCurrentUser2 } from "sanity";
 
 // src/lib/eval-scope.ts
 function extractEvalScope(provenance) {
@@ -6293,7 +5896,7 @@ function extractEvalScope(provenance) {
 }
 
 // src/components/report-detail/report-actions/RerunEvaluationAction.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var EVAL_REQUEST_TYPE2 = "ailf.evalRequest";
 function slugify2(s) {
   return s.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 40);
@@ -6329,11 +5932,11 @@ function RerunEvaluationAction({
   provenance,
   reportId
 }) {
-  const client = useClient10({ apiVersion: API_VERSION });
+  const client = useClient8({ apiVersion: API_VERSION });
   const currentUser = useCurrentUser2();
   const toast = useToast6();
-  const [requesting, setRequesting] = useState13(false);
-  const handleClick = useCallback18(async () => {
+  const [requesting, setRequesting] = useState11(false);
+  const handleClick = useCallback16(async () => {
     setRequesting(true);
     try {
       const scope = extractEvalScope(provenance);
@@ -6360,8 +5963,8 @@ function RerunEvaluationAction({
       setRequesting(false);
     }
   }, [client, currentUser?.id, provenance, reportId, toast]);
-  return /* @__PURE__ */ jsx44(
-    MenuItem7,
+  return /* @__PURE__ */ jsx34(
+    MenuItem6,
     {
       disabled: requesting,
       icon: PlayIcon2,
@@ -6372,16 +5975,16 @@ function RerunEvaluationAction({
 }
 
 // src/components/report-detail/report-actions/ReportActions.tsx
-import { Fragment as Fragment6, jsx as jsx45, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
 function ReportActions({
   documentId,
   onDeleted,
   provenance,
   reportId
 }) {
-  const client = useClient11({ apiVersion: API_VERSION });
+  const client = useClient9({ apiVersion: API_VERSION });
   const toast = useToast7();
-  const handleCopyId = useCallback19(() => {
+  const handleCopyId = useCallback17(() => {
     navigator.clipboard.writeText(reportId).then(
       () => {
         toast.push({
@@ -6399,15 +6002,15 @@ function ReportActions({
       }
     );
   }, [reportId, toast]);
-  const [deleteDialogOpen, setDeleteDialogOpen] = useState14(false);
-  const [deleting, setDeleting] = useState14(false);
-  const handleRequestDelete = useCallback19(() => {
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState12(false);
+  const [deleting, setDeleting] = useState12(false);
+  const handleRequestDelete = useCallback17(() => {
     setDeleteDialogOpen(true);
   }, []);
-  const handleDeleteClose = useCallback19(() => {
+  const handleDeleteClose = useCallback17(() => {
     if (!deleting) setDeleteDialogOpen(false);
   }, [deleting]);
-  const handleDeleteConfirm = useCallback19(async () => {
+  const handleDeleteConfirm = useCallback17(async () => {
     setDeleting(true);
     try {
       await client.delete(documentId);
@@ -6428,9 +6031,9 @@ function ReportActions({
       setDeleting(false);
     }
   }, [client, documentId, onDeleted, toast]);
-  return /* @__PURE__ */ jsxs32(Fragment6, { children: [
-    /* @__PURE__ */ jsxs32(Flex25, { children: [
-      /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsxs24(Fragment7, { children: [
+    /* @__PURE__ */ jsxs24(Flex18, { children: [
+      /* @__PURE__ */ jsx35(
         Button3,
         {
           icon: CopyIcon2,
@@ -6444,10 +6047,10 @@ function ReportActions({
           text: "Copy Report ID"
         }
       ),
-      /* @__PURE__ */ jsx45(
-        MenuButton2,
+      /* @__PURE__ */ jsx35(
+        MenuButton,
         {
-          button: /* @__PURE__ */ jsx45(
+          button: /* @__PURE__ */ jsx35(
             Button3,
             {
               icon: ChevronDownIcon,
@@ -6460,33 +6063,33 @@ function ReportActions({
             }
           ),
           id: "report-actions-menu",
-          menu: /* @__PURE__ */ jsxs32(Menu2, { children: [
-            /* @__PURE__ */ jsx45(CopyReportIdAction, { reportId }),
-            /* @__PURE__ */ jsx45(
+          menu: /* @__PURE__ */ jsxs24(Menu, { children: [
+            /* @__PURE__ */ jsx35(CopyReportIdAction, { reportId }),
+            /* @__PURE__ */ jsx35(
               RerunEvaluationAction,
               {
                 provenance,
                 reportId
               }
             ),
-            /* @__PURE__ */ jsx45(MenuDivider, {}),
-            /* @__PURE__ */ jsx45(
+            /* @__PURE__ */ jsx35(MenuDivider, {}),
+            /* @__PURE__ */ jsx35(
               DownloadReportAction,
               {
                 documentId,
                 reportId
               }
             ),
-            /* @__PURE__ */ jsx45(CopyReportAction, { documentId }),
-            /* @__PURE__ */ jsx45(CopyVisionQueryAction, { reportId }),
-            /* @__PURE__ */ jsx45(MenuDivider, {}),
-            /* @__PURE__ */ jsx45(DeleteReportAction, { onRequestDelete: handleRequestDelete })
+            /* @__PURE__ */ jsx35(CopyReportAction, { documentId }),
+            /* @__PURE__ */ jsx35(CopyVisionQueryAction, { reportId }),
+            /* @__PURE__ */ jsx35(MenuDivider, {}),
+            /* @__PURE__ */ jsx35(DeleteReportAction, { onRequestDelete: handleRequestDelete })
           ] }),
           popover: { placement: "bottom-end", portal: true }
         }
       )
     ] }),
-    deleteDialogOpen && /* @__PURE__ */ jsx45(
+    deleteDialogOpen && /* @__PURE__ */ jsx35(
       DeleteConfirmDialog,
       {
         isDeleting: deleting,
@@ -6499,7 +6102,7 @@ function ReportActions({
 }
 
 // src/components/report-detail/ReportHeader.tsx
-import { jsx as jsx46, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
 function ReportHeader({
   completedAt,
   documentId,
@@ -6514,16 +6117,16 @@ function ReportHeader({
   const dateLabel = formatCardDate(completedAt);
   const title = tag ?? dateLabel;
   const hasTag = Boolean(tag);
-  return /* @__PURE__ */ jsxs33(Flex26, { align: "center", gap: 3, children: [
-    /* @__PURE__ */ jsx46(Button4, { icon: ArrowLeftIcon, mode: "bleed", onClick: onBack, text: "Back" }),
-    /* @__PURE__ */ jsxs33(Stack23, { flex: 1, space: 1, children: [
-      /* @__PURE__ */ jsx46(Text32, { size: 4, weight: "bold", children: title }),
-      hasTag && /* @__PURE__ */ jsx46(Text32, { muted: true, size: 2, children: dateLabel })
+  return /* @__PURE__ */ jsxs25(Flex19, { align: "center", gap: 3, children: [
+    /* @__PURE__ */ jsx36(Button4, { icon: ArrowLeftIcon, mode: "bleed", onClick: onBack, text: "Back" }),
+    /* @__PURE__ */ jsxs25(Stack20, { flex: 1, space: 1, children: [
+      /* @__PURE__ */ jsx36(Text25, { size: 4, weight: "bold", children: title }),
+      hasTag && /* @__PURE__ */ jsx36(Text25, { muted: true, size: 2, children: dateLabel })
     ] }),
-    /* @__PURE__ */ jsxs33(Flex26, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx46(Badge21, { mode: "outline", tone: "default", children: sourceName }),
-      /* @__PURE__ */ jsx46(Badge21, { tone: "primary", children: mode }),
-      /* @__PURE__ */ jsx46(
+    /* @__PURE__ */ jsxs25(Flex19, { align: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx36(Badge10, { mode: "outline", tone: "default", children: sourceName }),
+      /* @__PURE__ */ jsx36(Badge10, { tone: "primary", children: mode }),
+      /* @__PURE__ */ jsx36(
         ReportActions,
         {
           documentId,
@@ -6538,18 +6141,18 @@ function ReportHeader({
 
 // src/components/report-detail/ThreeLayerTable.tsx
 import React5 from "react";
-import { Badge as Badge22, Card as Card23, Flex as Flex27, Stack as Stack24, Text as Text33 } from "@sanity/ui";
-import { jsx as jsx47, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Badge as Badge11, Card as Card18, Flex as Flex20, Stack as Stack21, Text as Text26 } from "@sanity/ui";
+import { jsx as jsx37, jsxs as jsxs26 } 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__ */ jsx47(Card23, { overflow: "auto", padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs34(Stack24, { space: 4, children: [
-    /* @__PURE__ */ jsxs34(Flex27, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsx47(Text33, { size: 3, weight: "semibold", children: "Three-Layer Decomposition" }),
-      /* @__PURE__ */ jsx47(Badge22, { tone: "primary", children: "full mode" })
+  return /* @__PURE__ */ jsx37(Card18, { overflow: "auto", padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs26(Stack21, { space: 4, children: [
+    /* @__PURE__ */ jsxs26(Flex20, { align: "center", gap: 3, children: [
+      /* @__PURE__ */ jsx37(Text26, { size: 3, weight: "semibold", children: "Three-Layer Decomposition" }),
+      /* @__PURE__ */ jsx37(Badge11, { tone: "primary", children: "full mode" })
     ] }),
-    /* @__PURE__ */ jsxs34(
+    /* @__PURE__ */ jsxs26(
       "div",
       {
         style: {
@@ -6558,9 +6161,9 @@ function ThreeLayerTable({ scores }) {
           gridTemplateColumns: "2fr 1fr 1fr 1fr 1fr 1fr"
         },
         children: [
-          /* @__PURE__ */ jsx47(ColumnHeader, { borderBottom: true, label: "Area" }),
-          /* @__PURE__ */ jsx47(ColumnHeader, { borderBottom: true, label: "Floor", tooltip: GLOSSARY.floor }),
-          /* @__PURE__ */ jsx47(
+          /* @__PURE__ */ jsx37(ColumnHeader, { borderBottom: true, label: "Area" }),
+          /* @__PURE__ */ jsx37(ColumnHeader, { borderBottom: true, label: "Floor", tooltip: GLOSSARY.floor }),
+          /* @__PURE__ */ jsx37(
             ColumnHeader,
             {
               borderBottom: true,
@@ -6568,8 +6171,8 @@ function ThreeLayerTable({ scores }) {
               tooltip: GLOSSARY.ceiling
             }
           ),
-          /* @__PURE__ */ jsx47(ColumnHeader, { borderBottom: true, label: "Actual", tooltip: GLOSSARY.actual }),
-          /* @__PURE__ */ jsx47(
+          /* @__PURE__ */ jsx37(ColumnHeader, { borderBottom: true, label: "Actual", tooltip: GLOSSARY.actual }),
+          /* @__PURE__ */ jsx37(
             ColumnHeader,
             {
               borderBottom: true,
@@ -6577,7 +6180,7 @@ function ThreeLayerTable({ scores }) {
               tooltip: GLOSSARY.retGap
             }
           ),
-          /* @__PURE__ */ jsx47(
+          /* @__PURE__ */ jsx37(
             ColumnHeader,
             {
               borderBottom: true,
@@ -6585,8 +6188,8 @@ function ThreeLayerTable({ scores }) {
               tooltip: GLOSSARY.efficiency
             }
           ),
-          filtered.map((score, i) => /* @__PURE__ */ jsxs34(React5.Fragment, { children: [
-            /* @__PURE__ */ jsx47(
+          filtered.map((score, i) => /* @__PURE__ */ jsxs26(React5.Fragment, { children: [
+            /* @__PURE__ */ jsx37(
               "div",
               {
                 style: {
@@ -6594,10 +6197,10 @@ function ThreeLayerTable({ scores }) {
                   borderRadius: 4,
                   padding: "8px 0 8px 4px"
                 },
-                children: /* @__PURE__ */ jsx47(Text33, { size: 2, weight: "medium", children: score.feature })
+                children: /* @__PURE__ */ jsx37(Text26, { size: 2, weight: "medium", children: score.feature })
               }
             ),
-            /* @__PURE__ */ jsx47(
+            /* @__PURE__ */ jsx37(
               "div",
               {
                 style: {
@@ -6605,10 +6208,10 @@ function ThreeLayerTable({ scores }) {
                   display: "flex",
                   padding: "2px 0"
                 },
-                children: /* @__PURE__ */ jsx47(ScoreCell, { score: score.floorScore ?? 0 })
+                children: /* @__PURE__ */ jsx37(ScoreCell, { score: score.floorScore ?? 0 })
               }
             ),
-            /* @__PURE__ */ jsx47(
+            /* @__PURE__ */ jsx37(
               "div",
               {
                 style: {
@@ -6616,10 +6219,10 @@ function ThreeLayerTable({ scores }) {
                   display: "flex",
                   padding: "2px 0"
                 },
-                children: /* @__PURE__ */ jsx47(ScoreCell, { score: score.ceilingScore ?? score.totalScore })
+                children: /* @__PURE__ */ jsx37(ScoreCell, { score: score.ceilingScore ?? score.totalScore })
               }
             ),
-            /* @__PURE__ */ jsx47(
+            /* @__PURE__ */ jsx37(
               "div",
               {
                 style: {
@@ -6627,10 +6230,10 @@ function ThreeLayerTable({ scores }) {
                   display: "flex",
                   padding: "2px 0"
                 },
-                children: /* @__PURE__ */ jsx47(ScoreCell, { score: score.actualScore ?? 0 })
+                children: /* @__PURE__ */ jsx37(ScoreCell, { score: score.actualScore ?? 0 })
               }
             ),
-            /* @__PURE__ */ jsx47(
+            /* @__PURE__ */ jsx37(
               "div",
               {
                 style: {
@@ -6639,10 +6242,10 @@ function ThreeLayerTable({ scores }) {
                   display: "flex",
                   padding: "6px 0"
                 },
-                children: /* @__PURE__ */ jsx47(Text33, { size: 2, children: score.retrievalGap != null ? score.retrievalGap.toFixed(1) : "\u2014" })
+                children: /* @__PURE__ */ jsx37(Text26, { size: 2, children: score.retrievalGap != null ? score.retrievalGap.toFixed(1) : "\u2014" })
               }
             ),
-            /* @__PURE__ */ jsx47(
+            /* @__PURE__ */ jsx37(
               "div",
               {
                 style: {
@@ -6651,7 +6254,7 @@ function ThreeLayerTable({ scores }) {
                   display: "flex",
                   padding: "6px 0"
                 },
-                children: /* @__PURE__ */ jsxs34(Text33, { size: 2, children: [
+                children: /* @__PURE__ */ jsxs26(Text26, { size: 2, children: [
                   formatPercent(score.infrastructureEfficiency),
                   score.invertedRetrievalGap && " \u26A0\uFE0F"
                 ] })
@@ -6661,12 +6264,12 @@ function ThreeLayerTable({ scores }) {
         ]
       }
     ),
-    hasInverted && /* @__PURE__ */ jsx47(Text33, { muted: true, size: 1, children: GLOSSARY.invertedRetGap })
+    hasInverted && /* @__PURE__ */ jsx37(Text26, { muted: true, size: 1, children: GLOSSARY.invertedRetGap })
   ] }) });
 }
 
 // src/components/report-detail/ReportDetail.tsx
-import { jsx as jsx48, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs27 } 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" };
@@ -6680,10 +6283,10 @@ function ReportDetail({
   onTabChange,
   reportId
 }) {
-  const client = useClient12({ apiVersion: API_VERSION });
-  const [loading, setLoading] = useState15(true);
-  const [report, setReport] = useState15(null);
-  useEffect9(() => {
+  const client = useClient10({ apiVersion: API_VERSION });
+  const [loading, setLoading] = useState13(true);
+  const [report, setReport] = useState13(null);
+  useEffect7(() => {
     let cancelled = false;
     setLoading(true);
     client.fetch(reportDetailQuery, { reportId }).then((data) => {
@@ -6705,33 +6308,33 @@ function ReportDetail({
   const hasAgentActivity = Boolean(
     summary?.agentBehavior && summary.agentBehavior.length > 0
   );
-  const tabs = useMemo7(
+  const tabs = useMemo6(
     () => [OVERVIEW_TAB, DIAGNOSTICS_TAB, ACTIVITY_TAB],
     []
   );
-  const disabledTabs = useMemo7(() => {
+  const disabledTabs = useMemo6(() => {
     const set2 = /* @__PURE__ */ new Set();
     if (!hasDiagnostics) set2.add("diagnostics");
     if (!hasAgentActivity) set2.add("activity");
     return set2;
   }, [hasDiagnostics, hasAgentActivity]);
-  const currentTab = useMemo7(() => {
+  const currentTab = useMemo6(() => {
     const parsed = parseTab(activeTab);
     if (disabledTabs.has(parsed)) return "overview";
     return tabs.some((t) => t.id === parsed) ? parsed : "overview";
   }, [activeTab, disabledTabs, tabs]);
-  const handleTabClick = useCallback20(
+  const handleTabClick = useCallback18(
     (tabId) => {
       onTabChange(tabId === "overview" ? null : tabId);
     },
     [onTabChange]
   );
   if (loading) {
-    return /* @__PURE__ */ jsx48(LoadingState, { message: "Loading report\u2026" });
+    return /* @__PURE__ */ jsx38(LoadingState, { message: "Loading report\u2026" });
   }
   if (!report || !summary) {
-    return /* @__PURE__ */ jsx48(Box15, { padding: 5, children: /* @__PURE__ */ jsxs35(Stack25, { space: 4, children: [
-      /* @__PURE__ */ jsx48(
+    return /* @__PURE__ */ jsx38(Box14, { padding: 5, children: /* @__PURE__ */ jsxs27(Stack22, { space: 4, children: [
+      /* @__PURE__ */ jsx38(
         Button5,
         {
           icon: ArrowLeftIcon2,
@@ -6740,14 +6343,14 @@ function ReportDetail({
           text: "Back"
         }
       ),
-      /* @__PURE__ */ jsx48(Text34, { align: "center", muted: true, size: 3, children: "Report not found" })
+      /* @__PURE__ */ jsx38(Text27, { align: "center", muted: true, size: 3, children: "Report not found" })
     ] }) });
   }
   const { comparison, provenance } = report;
   const totalTests = summary.scores.reduce((n, s) => n + s.testCount, 0);
   const isFullMode = summary.evaluationMode === "full" || summary.scores.some((s) => s.actualScore != null);
-  return /* @__PURE__ */ jsx48(Box15, { padding: 4, children: /* @__PURE__ */ jsxs35(Stack25, { space: 5, children: [
-    /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx38(Box14, { padding: 4, children: /* @__PURE__ */ jsxs27(Stack22, { space: 5, children: [
+    /* @__PURE__ */ jsx38(
       ReportHeader,
       {
         completedAt: report.completedAt,
@@ -6761,10 +6364,10 @@ function ReportDetail({
         tag: report.tag
       }
     ),
-    /* @__PURE__ */ jsx48(TabList, { space: 1, children: tabs.map((tab) => {
+    /* @__PURE__ */ jsx38(TabList, { space: 1, children: tabs.map((tab) => {
       const isDisabled = disabledTabs.has(tab.id);
       const tooltip = getDisabledTabTooltip(tab.id, summary);
-      const tabElement = /* @__PURE__ */ jsx48(
+      const tabElement = /* @__PURE__ */ jsx38(
         Tab,
         {
           "aria-controls": `panel-${tab.id}`,
@@ -6775,25 +6378,25 @@ function ReportDetail({
           selected: currentTab === tab.id
         }
       );
-      return isDisabled && tooltip ? /* @__PURE__ */ jsx48(
+      return isDisabled && tooltip ? /* @__PURE__ */ jsx38(
         Tooltip8,
         {
-          content: /* @__PURE__ */ jsx48(Box15, { padding: 2, style: { maxWidth: 280 }, children: tooltip }),
+          content: /* @__PURE__ */ jsx38(Box14, { padding: 2, style: { maxWidth: 280 }, children: tooltip }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsx48("span", { style: { display: "inline-block" }, children: tabElement })
+          children: /* @__PURE__ */ jsx38("span", { style: { display: "inline-block" }, children: tabElement })
         },
         tab.id
-      ) : /* @__PURE__ */ jsx48("span", { children: tabElement }, tab.id);
+      ) : /* @__PURE__ */ jsx38("span", { children: tabElement }, tab.id);
     }) }),
-    currentTab === "overview" && /* @__PURE__ */ jsx48(
+    currentTab === "overview" && /* @__PURE__ */ jsx38(
       TabPanel,
       {
         "aria-labelledby": "tab-overview",
         hidden: currentTab !== "overview",
         id: "panel-overview",
-        children: /* @__PURE__ */ jsxs35(Stack25, { space: 5, children: [
-          /* @__PURE__ */ jsx48(
+        children: /* @__PURE__ */ jsxs27(Stack22, { space: 5, children: [
+          /* @__PURE__ */ jsx38(
             OverviewStats,
             {
               durationMs: report.durationMs,
@@ -6802,38 +6405,38 @@ function ReportDetail({
               totalTests
             }
           ),
-          isFullMode && /* @__PURE__ */ jsx48(ThreeLayerTable, { scores: summary.scores }),
-          /* @__PURE__ */ jsx48(AreaScoreTable, { scores: summary.scores }),
-          comparison && /* @__PURE__ */ jsx48(ComparisonSummary, { comparison }),
-          /* @__PURE__ */ jsx48(LineageCard, { provenance, reportId: report.reportId }),
-          /* @__PURE__ */ jsx48(ProvenanceCard, { provenance })
+          isFullMode && /* @__PURE__ */ jsx38(ThreeLayerTable, { scores: summary.scores }),
+          /* @__PURE__ */ jsx38(AreaScoreTable, { scores: summary.scores }),
+          comparison && /* @__PURE__ */ jsx38(ComparisonSummary, { comparison }),
+          /* @__PURE__ */ jsx38(LineageCard, { provenance, reportId: report.reportId }),
+          /* @__PURE__ */ jsx38(ProvenanceCard, { provenance })
         ] })
       }
     ),
-    currentTab === "diagnostics" && hasDiagnostics && /* @__PURE__ */ jsx48(
+    currentTab === "diagnostics" && hasDiagnostics && /* @__PURE__ */ jsx38(
       TabPanel,
       {
         "aria-labelledby": "tab-diagnostics",
         hidden: currentTab !== "diagnostics",
         id: "panel-diagnostics",
-        children: /* @__PURE__ */ jsxs35(Stack25, { space: 5, children: [
-          summary.recommendations && summary.recommendations.gaps.length > 0 && /* @__PURE__ */ jsx48(
+        children: /* @__PURE__ */ jsxs27(Stack22, { space: 5, children: [
+          summary.recommendations && summary.recommendations.gaps.length > 0 && /* @__PURE__ */ jsx38(
             RecommendationsSection,
             {
               recommendations: summary.recommendations
             }
           ),
-          summary.lowScoringJudgments && summary.lowScoringJudgments.length > 0 && /* @__PURE__ */ jsx48(JudgmentList, { judgments: summary.lowScoringJudgments })
+          summary.lowScoringJudgments && summary.lowScoringJudgments.length > 0 && /* @__PURE__ */ jsx38(JudgmentList, { judgments: summary.lowScoringJudgments })
         ] })
       }
     ),
-    currentTab === "activity" && hasAgentActivity && /* @__PURE__ */ jsx48(
+    currentTab === "activity" && hasAgentActivity && /* @__PURE__ */ jsx38(
       TabPanel,
       {
         "aria-labelledby": "tab-activity",
         hidden: currentTab !== "activity",
         id: "panel-activity",
-        children: /* @__PURE__ */ jsx48(
+        children: /* @__PURE__ */ jsx38(
           AgentActivitySection,
           {
             agentBehavior: summary.agentBehavior,
@@ -6855,27 +6458,27 @@ function getDisabledTabTooltip(tabId, summary) {
   if (!summary) return null;
   switch (tabId) {
     case "diagnostics":
-      return /* @__PURE__ */ jsx48(Text34, { muted: true, size: 2, children: "No diagnostic data available. Diagnostics require low-scoring judgments or gap analysis recommendations." });
+      return /* @__PURE__ */ jsx38(Text27, { muted: true, size: 2, children: "No diagnostic data available. Diagnostics require low-scoring judgments or gap analysis recommendations." });
     case "activity":
-      return summary.evaluationMode === "baseline" ? /* @__PURE__ */ jsxs35(Text34, { muted: true, size: 2, children: [
+      return summary.evaluationMode === "baseline" ? /* @__PURE__ */ jsxs27(Text27, { muted: true, size: 2, children: [
         "Not available for baseline-only evaluations. Run with",
         " ",
-        /* @__PURE__ */ jsx48("code", { style: inlineCodeStyle, children: "--mode full" }),
+        /* @__PURE__ */ jsx38("code", { style: inlineCodeStyle, children: "--mode full" }),
         " or",
         " ",
-        /* @__PURE__ */ jsx48("code", { style: inlineCodeStyle, children: "--mode agentic" }),
+        /* @__PURE__ */ jsx38("code", { style: inlineCodeStyle, children: "--mode agentic" }),
         " to capture agent browsing behavior."
-      ] }) : /* @__PURE__ */ jsx48(Text34, { muted: true, size: 2, children: "No agent activity data was recorded for this evaluation." });
+      ] }) : /* @__PURE__ */ jsx38(Text27, { muted: true, size: 2, children: "No agent activity data was recorded for this evaluation." });
     default:
       return null;
   }
 }
 
 // src/components/ScoreTimeline.tsx
-import { Card as Card24, Flex as Flex28, Select as Select2, Stack as Stack26, Text as Text35 } from "@sanity/ui";
-import { useCallback as useCallback21, useEffect as useEffect10, useMemo as useMemo8, useState as useState16 } from "react";
-import { useClient as useClient13 } from "sanity";
-import { jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Card as Card19, Flex as Flex21, Select as Select2, Stack as Stack23, Text as Text28 } from "@sanity/ui";
+import { useCallback as useCallback19, useEffect as useEffect8, useMemo as useMemo7, useState as useState14 } from "react";
+import { useClient as useClient11 } from "sanity";
+import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
 var CHART_HEIGHT = 220;
 var CHART_WIDTH = 800;
 var PAD_BOTTOM = 30;
@@ -6897,7 +6500,7 @@ function daysAgo(n) {
   d.setDate(d.getDate() - n);
   return d.toISOString();
 }
-function formatDate2(iso) {
+function formatDate(iso) {
   return new Date(iso).toLocaleDateString(void 0, {
     day: "numeric",
     month: "short"
@@ -6909,12 +6512,12 @@ function scoreForPoint(point, area) {
   return match?.totalScore ?? null;
 }
 function ScoreTimeline({ mode = null, source = null }) {
-  const client = useClient13({ apiVersion: API_VERSION });
-  const [dataPoints, setDataPoints] = useState16([]);
-  const [loading, setLoading] = useState16(true);
-  const [rangeDays, setRangeDays] = useState16(30);
-  const [selectedArea, setSelectedArea] = useState16(null);
-  const areaNames = useMemo8(() => {
+  const client = useClient11({ apiVersion: API_VERSION });
+  const [dataPoints, setDataPoints] = useState14([]);
+  const [loading, setLoading] = useState14(true);
+  const [rangeDays, setRangeDays] = useState14(30);
+  const [selectedArea, setSelectedArea] = useState14(null);
+  const areaNames = useMemo7(() => {
     const names = /* @__PURE__ */ new Set();
     for (const dp of dataPoints) {
       for (const s of dp.scores) {
@@ -6923,7 +6526,7 @@ function ScoreTimeline({ mode = null, source = null }) {
     }
     return Array.from(names).sort();
   }, [dataPoints]);
-  const fetchData = useCallback21(async () => {
+  const fetchData = useCallback19(async () => {
     setLoading(true);
     try {
       const startDate = rangeDays ? daysAgo(rangeDays) : "1970-01-01T00:00:00Z";
@@ -6938,10 +6541,10 @@ function ScoreTimeline({ mode = null, source = null }) {
       setLoading(false);
     }
   }, [client, mode, rangeDays, source]);
-  useEffect10(() => {
+  useEffect8(() => {
     void fetchData();
   }, [fetchData]);
-  const chartPoints = useMemo8(() => {
+  const chartPoints = useMemo7(() => {
     const pts = [];
     const scored = dataPoints.map((dp) => ({
       date: dp.completedAt,
@@ -6955,18 +6558,18 @@ function ScoreTimeline({ mode = null, source = null }) {
     });
     return pts;
   }, [dataPoints, selectedArea]);
-  const avgScore = useMemo8(() => {
+  const avgScore = useMemo7(() => {
     if (chartPoints.length === 0) return 0;
     return chartPoints.reduce((sum, p) => sum + p.score, 0) / chartPoints.length;
   }, [chartPoints]);
-  const handleRangeChange = useCallback21(
+  const handleRangeChange = useCallback19(
     (e) => {
       const val = e.currentTarget.value;
       setRangeDays(val === "all" ? null : Number(val));
     },
     []
   );
-  const handleAreaChange = useCallback21(
+  const handleAreaChange = useCallback19(
     (e) => {
       const val = e.currentTarget.value;
       setSelectedArea(val || null);
@@ -6974,22 +6577,22 @@ function ScoreTimeline({ mode = null, source = null }) {
     []
   );
   const polylinePoints = chartPoints.map((p) => `${p.x},${p.y}`).join(" ");
-  return /* @__PURE__ */ jsxs36(Stack26, { space: 4, children: [
-    /* @__PURE__ */ jsxs36(Flex28, { gap: 3, children: [
-      /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsxs28(Stack23, { space: 4, children: [
+    /* @__PURE__ */ jsxs28(Flex21, { gap: 3, children: [
+      /* @__PURE__ */ jsx39(
         Select2,
         {
           onChange: handleRangeChange,
           value: rangeDays?.toString() ?? "all",
-          children: TIME_RANGES.map((r) => /* @__PURE__ */ jsx49("option", { value: r.days?.toString() ?? "all", children: r.label }, r.label))
+          children: TIME_RANGES.map((r) => /* @__PURE__ */ jsx39("option", { value: r.days?.toString() ?? "all", children: r.label }, r.label))
         }
       ),
-      /* @__PURE__ */ jsxs36(Select2, { onChange: handleAreaChange, value: selectedArea ?? "", children: [
-        /* @__PURE__ */ jsx49("option", { value: "", children: "Overall" }),
-        areaNames.map((name) => /* @__PURE__ */ jsx49("option", { value: name, children: name }, name))
+      /* @__PURE__ */ jsxs28(Select2, { onChange: handleAreaChange, value: selectedArea ?? "", children: [
+        /* @__PURE__ */ jsx39("option", { value: "", children: "Overall" }),
+        areaNames.map((name) => /* @__PURE__ */ jsx39("option", { value: name, children: name }, name))
       ] })
     ] }),
-    /* @__PURE__ */ jsx49(Card24, { padding: 3, radius: 2, shadow: 1, children: loading ? /* @__PURE__ */ jsx49(Flex28, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx49(Text35, { muted: true, size: 2, children: "Loading\u2026" }) }) : chartPoints.length === 0 ? /* @__PURE__ */ jsx49(Flex28, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx49(Text35, { muted: true, size: 2, children: "No reports found for this time range" }) }) : /* @__PURE__ */ jsxs36(
+    /* @__PURE__ */ jsx39(Card19, { padding: 3, radius: 2, shadow: 1, children: loading ? /* @__PURE__ */ jsx39(Flex21, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx39(Text28, { muted: true, size: 2, children: "Loading\u2026" }) }) : chartPoints.length === 0 ? /* @__PURE__ */ jsx39(Flex21, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx39(Text28, { muted: true, size: 2, children: "No reports found for this time range" }) }) : /* @__PURE__ */ jsxs28(
       "svg",
       {
         style: { display: "block", width: "100%" },
@@ -6997,8 +6600,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__ */ jsxs36("g", { children: [
-              /* @__PURE__ */ jsx49(
+            return /* @__PURE__ */ jsxs28("g", { children: [
+              /* @__PURE__ */ jsx39(
                 "line",
                 {
                   stroke: "#ccc",
@@ -7009,7 +6612,7 @@ function ScoreTimeline({ mode = null, source = null }) {
                   y2: y
                 }
               ),
-              /* @__PURE__ */ jsx49(
+              /* @__PURE__ */ jsx39(
                 "text",
                 {
                   dominantBaseline: "middle",
@@ -7029,7 +6632,7 @@ function ScoreTimeline({ mode = null, source = null }) {
             chartPoints.length - 1
           ].map((idx) => {
             const p = chartPoints[idx];
-            return /* @__PURE__ */ jsx49(
+            return /* @__PURE__ */ jsx39(
               "text",
               {
                 fill: "#999",
@@ -7037,11 +6640,11 @@ function ScoreTimeline({ mode = null, source = null }) {
                 textAnchor: "middle",
                 x: p.x,
                 y: CHART_HEIGHT - 6,
-                children: formatDate2(p.date)
+                children: formatDate(p.date)
               },
               idx
             );
-          }) : chartPoints.map((p, idx) => /* @__PURE__ */ jsx49(
+          }) : chartPoints.map((p, idx) => /* @__PURE__ */ jsx39(
             "text",
             {
               fill: "#999",
@@ -7049,11 +6652,11 @@ function ScoreTimeline({ mode = null, source = null }) {
               textAnchor: "middle",
               x: p.x,
               y: CHART_HEIGHT - 6,
-              children: formatDate2(p.date)
+              children: formatDate(p.date)
             },
             idx
           )),
-          /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsx39(
             "polyline",
             {
               fill: "none",
@@ -7063,7 +6666,7 @@ function ScoreTimeline({ mode = null, source = null }) {
               strokeWidth: 2.5
             }
           ),
-          chartPoints.map((p, idx) => /* @__PURE__ */ jsx49(
+          chartPoints.map((p, idx) => /* @__PURE__ */ jsx39(
             "circle",
             {
               cx: p.x,
@@ -7072,8 +6675,8 @@ function ScoreTimeline({ mode = null, source = null }) {
               r: 4,
               stroke: "#fff",
               strokeWidth: 1.5,
-              children: /* @__PURE__ */ jsxs36("title", { children: [
-                formatDate2(p.date),
+              children: /* @__PURE__ */ jsxs28("title", { children: [
+                formatDate(p.date),
                 ": ",
                 Math.round(p.score)
               ] })
@@ -7083,7 +6686,7 @@ function ScoreTimeline({ mode = null, source = null }) {
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs36(Text35, { muted: true, size: 2, children: [
+    /* @__PURE__ */ jsxs28(Text28, { muted: true, size: 2, children: [
       chartPoints.length,
       " data point",
       chartPoints.length !== 1 ? "s" : ""
@@ -7093,19 +6696,18 @@ function ScoreTimeline({ mode = null, source = null }) {
 var ScoreTimeline_default = ScoreTimeline;
 
 // src/components/Dashboard.tsx
-import { jsx as jsx50, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
 var VIEW_PARAM_MAP = {
   compare: "compare",
   timeline: "timeline"
 };
 function Dashboard() {
-  const client = useClient14({ apiVersion: API_VERSION });
-  const router = useRouter2();
+  const router = useRouter3();
   const routerState = router.state;
   const reportId = routerState.reportId ?? null;
   const isDetail = reportId !== null;
   const activeTab = isDetail ? "latest" : VIEW_PARAM_MAP[routerState.view ?? ""] ?? "latest";
-  const navigateToTab = useCallback22(
+  const navigateToTab = useCallback20(
     (tab) => {
       if (tab === "latest") {
         router.navigate({});
@@ -7115,13 +6717,13 @@ function Dashboard() {
     },
     [router]
   );
-  const handleSelectReport = useCallback22(
+  const handleSelectReport = useCallback20(
     (id) => {
       router.navigate({ reportId: id });
     },
     [router]
   );
-  const handleTabChange = useCallback22(
+  const handleTabChange = useCallback20(
     (tab) => {
       if (!routerState.reportId) return;
       if (tab) {
@@ -7132,52 +6734,16 @@ function Dashboard() {
     },
     [router, routerState.reportId]
   );
-  const handleBack = useCallback22(() => {
+  const handleBack = useCallback20(() => {
     router.navigate({});
   }, [router]);
-  const [source, setSource] = useState17(null);
-  const [mode, setMode] = useState17(null);
-  const [sources, setSources] = useState17([]);
-  const [modes, setModes] = useState17([]);
-  useEffect11(() => {
-    client.fetch(distinctSourcesQuery).then((data) => setSources(data ?? [])).catch(() => setSources([]));
-    client.fetch(distinctModesQuery).then((data) => setModes(data ?? [])).catch(() => setModes([]));
-  }, [client]);
-  return /* @__PURE__ */ jsx50(Container, { width: 2, children: /* @__PURE__ */ jsxs37(Stack27, { padding: 4, space: 4, children: [
-    /* @__PURE__ */ jsxs37(Flex29, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsxs37(Stack27, { flex: 1, space: 1, children: [
-        /* @__PURE__ */ jsx50(Text36, { size: 4, weight: "bold", children: "AI Literacy Framework" }),
-        /* @__PURE__ */ jsx50(Text36, { muted: true, size: 2, children: "Evaluation reports and score trends" })
-      ] }),
-      !isDetail && /* @__PURE__ */ jsxs37(Flex29, { gap: 2, children: [
-        /* @__PURE__ */ jsxs37(
-          Select3,
-          {
-            fontSize: 2,
-            onChange: (e) => setSource(e.currentTarget.value || null),
-            value: source ?? "",
-            children: [
-              /* @__PURE__ */ jsx50("option", { value: "", children: "All sources" }),
-              sources.map((s) => /* @__PURE__ */ jsx50("option", { value: s, children: s }, s))
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs37(
-          Select3,
-          {
-            fontSize: 2,
-            onChange: (e) => setMode(e.currentTarget.value || null),
-            value: mode ?? "",
-            children: [
-              /* @__PURE__ */ jsx50("option", { value: "", children: "All modes" }),
-              modes.map((m) => /* @__PURE__ */ jsx50("option", { value: m, children: m }, m))
-            ]
-          }
-        )
-      ] })
-    ] }),
-    !isDetail && /* @__PURE__ */ jsxs37(TabList2, { space: 1, children: [
-      /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx40(Container, { width: 4, children: /* @__PURE__ */ jsxs29(Stack24, { padding: 4, space: 4, children: [
+    /* @__PURE__ */ jsx40(Flex22, { align: "center", gap: 3, children: /* @__PURE__ */ jsxs29(Stack24, { flex: 1, space: 1, children: [
+      /* @__PURE__ */ jsx40(Text29, { size: 4, weight: "bold", children: "AI Literacy Framework" }),
+      /* @__PURE__ */ jsx40(Text29, { muted: true, size: 2, children: "Evaluation reports and score trends" })
+    ] }) }),
+    !isDetail && /* @__PURE__ */ jsxs29(TabList2, { space: 1, children: [
+      /* @__PURE__ */ jsx40(
         Tab2,
         {
           "aria-controls": "latest-panel",
@@ -7187,7 +6753,7 @@ function Dashboard() {
           selected: activeTab === "latest"
         }
       ),
-      /* @__PURE__ */ jsx50(
+      /* @__PURE__ */ jsx40(
         Tab2,
         {
           "aria-controls": "timeline-panel",
@@ -7197,7 +6763,7 @@ function Dashboard() {
           selected: activeTab === "timeline"
         }
       ),
-      /* @__PURE__ */ jsx50(
+      /* @__PURE__ */ jsx40(
         Tab2,
         {
           "aria-controls": "compare-panel",
@@ -7208,17 +6774,10 @@ function Dashboard() {
         }
       )
     ] }),
-    !isDetail && activeTab === "latest" && /* @__PURE__ */ jsx50(TabPanel2, { "aria-labelledby": "latest-tab", id: "latest-panel", children: /* @__PURE__ */ jsx50(
-      LatestReports,
-      {
-        mode,
-        onSelectReport: handleSelectReport,
-        source
-      }
-    ) }),
-    !isDetail && activeTab === "timeline" && /* @__PURE__ */ jsx50(TabPanel2, { "aria-labelledby": "timeline-tab", id: "timeline-panel", children: /* @__PURE__ */ jsx50(ScoreTimeline_default, { mode, source }) }),
-    !isDetail && activeTab === "compare" && /* @__PURE__ */ jsx50(TabPanel2, { "aria-labelledby": "compare-tab", id: "compare-panel", children: /* @__PURE__ */ jsx50(ComparisonView, {}) }),
-    isDetail && reportId && /* @__PURE__ */ jsx50(
+    !isDetail && activeTab === "latest" && /* @__PURE__ */ jsx40(TabPanel2, { "aria-labelledby": "latest-tab", id: "latest-panel", children: /* @__PURE__ */ jsx40(LatestReports, { onSelectReport: handleSelectReport }) }),
+    !isDetail && activeTab === "timeline" && /* @__PURE__ */ jsx40(TabPanel2, { "aria-labelledby": "timeline-tab", id: "timeline-panel", children: /* @__PURE__ */ jsx40(ScoreTimeline_default, {}) }),
+    !isDetail && activeTab === "compare" && /* @__PURE__ */ jsx40(TabPanel2, { "aria-labelledby": "compare-tab", id: "compare-panel", children: /* @__PURE__ */ jsx40(ComparisonView, {}) }),
+    isDetail && reportId && /* @__PURE__ */ jsx40(
       ReportDetail,
       {
         activeTab: routerState.tab ?? null,
@@ -7248,10 +6807,10 @@ function ailfTool(options = {}) {
 // src/actions/RunEvaluationAction.tsx
 import { BarChartIcon as BarChartIcon2 } from "@sanity/icons";
 import { useToast as useToast8 } from "@sanity/ui";
-import { useCallback as useCallback23, useEffect as useEffect12, useRef as useRef5, useState as useState18 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect9, useRef as useRef4, useState as useState15 } from "react";
 import {
-  getReleaseIdFromReleaseDocumentId as getReleaseIdFromReleaseDocumentId4,
-  useClient as useClient15,
+  getReleaseIdFromReleaseDocumentId as getReleaseIdFromReleaseDocumentId3,
+  useClient as useClient12,
   useCurrentUser as useCurrentUser3,
   useDataset as useDataset2,
   useProjectId as useProjectId2
@@ -7274,15 +6833,15 @@ function createRunEvaluationAction(options = {}) {
   const { mode = "baseline" } = options;
   const RunEvaluationAction = (props) => {
     const { release } = props;
-    const client = useClient15({ apiVersion: API_VERSION2 });
+    const client = useClient12({ apiVersion: API_VERSION2 });
     const dataset = useDataset2();
     const projectId = useProjectId2();
     const currentUser = useCurrentUser3();
     const toast = useToast8();
-    const [state, setState] = useState18({ status: "loading" });
-    const requestedAtRef = useRef5(null);
-    const perspectiveId = getReleaseIdFromReleaseDocumentId4(release._id);
-    useEffect12(() => {
+    const [state, setState] = useState15({ status: "loading" });
+    const requestedAtRef = useRef4(null);
+    const perspectiveId = getReleaseIdFromReleaseDocumentId3(release._id);
+    useEffect9(() => {
       let cancelled = false;
       client.fetch(contentImpactQuery, buildReportQueryParams(perspectiveId)).then((results) => {
         if (cancelled) return;
@@ -7305,7 +6864,7 @@ function createRunEvaluationAction(options = {}) {
         cancelled = true;
       };
     }, [client, perspectiveId]);
-    useEffect12(() => {
+    useEffect9(() => {
       if (state.status !== "requested" && state.status !== "polling") return;
       const { requestId, startedAt } = state;
       if (state.status === "requested") {
@@ -7355,7 +6914,7 @@ function createRunEvaluationAction(options = {}) {
       }, POLL_INTERVAL_MS2);
       return () => clearInterval(interval);
     }, [client, perspectiveId, state]);
-    useEffect12(() => {
+    useEffect9(() => {
       if (state.status !== "error") return;
       const timer = setTimeout(() => {
         client.fetch(contentImpactQuery, buildReportQueryParams(perspectiveId)).then((results) => {
@@ -7375,7 +6934,7 @@ function createRunEvaluationAction(options = {}) {
       }, 15e3);
       return () => clearTimeout(timer);
     }, [client, perspectiveId, state]);
-    const handleRequest = useCallback23(async () => {
+    const handleRequest = useCallback21(async () => {
       const releaseTitle = release.metadata?.title ?? perspectiveId ?? "release";
       const tag = `release-${slugify3(releaseTitle)}-${dateStamp3()}`;
       const now = Date.now();
@@ -7526,6 +7085,7 @@ export {
   distinctPerspectivesQuery,
   distinctSourcesQuery,
   distinctTargetDocumentsQuery,
+  distinctTriggersQuery,
   evalRequestSchema,
   featureAreaSchema,
   latestReportsQuery,