@sanity/ailf-studio 0.1.4 → 0.1.6

package/dist/index.js

@@ -2333,13 +2333,13 @@ import { route } from "sanity/router";
 // src/components/Dashboard.tsx
 import {
   Container,
-  Flex as Flex24,
+  Flex as Flex25,
   Select as Select3,
   Stack as Stack24,
   Tab,
   TabList,
   TabPanel,
-  Text as Text32
+  Text as Text33
 } from "@sanity/ui";
 import { useCallback as useCallback14, useEffect as useEffect9, useState as useState10 } from "react";
 import { useClient as useClient8 } from "sanity";
@@ -3064,16 +3064,16 @@ function formatOption(r) {
 // src/components/LatestReports.tsx
 import { SortIcon } from "@sanity/icons";
 import {
-  Badge as Badge12,
+  Badge as Badge13,
   Box as Box8,
   Button,
   Card as Card12,
-  Flex as Flex16,
+  Flex as Flex17,
   Menu,
   MenuButton,
   MenuItem,
   Stack as Stack13,
-  Text as Text20
+  Text as Text21
 } from "@sanity/ui";
 import { useCallback as useCallback11, useEffect as useEffect6, useMemo as useMemo5, useState as useState6 } from "react";
 import { useClient as useClient5 } from "sanity";
@@ -3284,7 +3284,7 @@ function PerspectiveFilter({ value, onChange }) {
 }
 
 // src/components/report-card/ReportCard.tsx
-import { Badge as Badge9, Card as Card9, Flex as Flex12, Text as Text16 } from "@sanity/ui";
+import { Badge as Badge10, Card as Card9, Flex as Flex13, Text as Text17 } from "@sanity/ui";
 import { useCallback as useCallback7 } from "react";
 
 // src/components/primitives/DeltaIndicator.tsx
@@ -3303,19 +3303,55 @@ function DeltaIndicator({ delta, size = 1 }) {
   );
 }
 
+// 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: 0,
+        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: 0, mode: "outline", tone: "primary", children: [
+          "#",
+          git.prNumber
+        ] })
+      }
+    )
+  ] });
+}
+function stopPropagation(e) {
+  e.stopPropagation();
+}
+
 // src/components/report-card/ReportMeta.tsx
-import { Stack as Stack11, Text as Text15 } from "@sanity/ui";
+import { Stack as Stack11, Text as Text16 } from "@sanity/ui";
 
 // src/components/report-card/AreaTags.tsx
-import { Badge as Badge6, Flex as Flex10 } from "@sanity/ui";
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Badge as Badge7, Flex as Flex11 } from "@sanity/ui";
+import { jsx as jsx17, 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__ */ jsxs13(Flex10, { gap: 1, paddingTop: 1, wrap: "wrap", children: [
-    hasAreas && areas.map((area) => /* @__PURE__ */ jsx16(
-      Badge6,
+  return /* @__PURE__ */ jsxs14(Flex11, { gap: 1, paddingTop: 1, wrap: "wrap", children: [
+    hasAreas && areas.map((area) => /* @__PURE__ */ jsx17(
+      Badge7,
       {
         fontSize: 0,
         mode: "outline",
@@ -3324,7 +3360,7 @@ function AreaTags({ areas, targetDocuments }) {
       },
       `area-${area}`
     )),
-    hasDocs && targetDocuments.map((doc) => /* @__PURE__ */ jsx16(Badge6, { fontSize: 0, mode: "outline", tone: "primary", children: doc }, `doc-${doc}`))
+    hasDocs && targetDocuments.map((doc) => /* @__PURE__ */ jsx17(Badge7, { fontSize: 0, mode: "outline", tone: "primary", children: doc }, `doc-${doc}`))
   ] });
 }
 
@@ -3368,7 +3404,7 @@ function formatCardDate(iso) {
 }
 
 // src/components/report-card/ReportMeta.tsx
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function ReportMeta({ data }) {
   const segments = [data.mode, data.source];
   if (data.models && data.models.length > 0) {
@@ -3380,15 +3416,15 @@ function ReportMeta({ data }) {
   if (data.durationMs && data.durationMs > 0) {
     segments.push(formatDuration(data.durationMs));
   }
-  return /* @__PURE__ */ jsxs14(Stack11, { flex: 1, space: 1, children: [
-    /* @__PURE__ */ jsx17(Text15, { weight: "semibold", children: data.tag ?? formatCardDate(data.completedAt) }),
-    /* @__PURE__ */ jsx17(Text15, { muted: true, size: 1, children: segments.join(" \xB7 ") }),
-    /* @__PURE__ */ jsx17(AreaTags, { areas: data.areas, targetDocuments: data.targetDocuments })
+  return /* @__PURE__ */ jsxs15(Stack11, { flex: 1, space: 1, children: [
+    /* @__PURE__ */ jsx18(Text16, { weight: "semibold", children: data.tag ?? formatCardDate(data.completedAt) }),
+    /* @__PURE__ */ jsx18(Text16, { muted: true, size: 1, children: segments.join(" \xB7 ") }),
+    /* @__PURE__ */ jsx18(AreaTags, { areas: data.areas, targetDocuments: data.targetDocuments })
   ] });
 }
 
 // src/components/primitives/ScoreBadge.tsx
-import { Badge as Badge7 } from "@sanity/ui";
+import { Badge as Badge8 } from "@sanity/ui";
 
 // src/lib/scoring.ts
 var TONE_MAP = {
@@ -3420,11 +3456,11 @@ function rowBackground(index) {
 }
 
 // src/components/primitives/ScoreBadge.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function ScoreBadge({ score, fontSize = 1 }) {
   const rounded = Math.round(score);
-  return /* @__PURE__ */ jsx18(
-    Badge7,
+  return /* @__PURE__ */ jsx19(
+    Badge8,
     {
       fontSize,
       style: { minWidth: 48, textAlign: "center" },
@@ -3435,18 +3471,18 @@ function ScoreBadge({ score, fontSize = 1 }) {
 }
 
 // src/components/primitives/StatusBadges.tsx
-import { Badge as Badge8, Flex as Flex11 } from "@sanity/ui";
-import { jsxs as jsxs15 } from "react/jsx-runtime";
+import { Badge as Badge9, 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__ */ jsxs15(Flex11, { gap: 1, children: [
-    hasRegressed && /* @__PURE__ */ jsxs15(Badge8, { fontSize: 0, tone: "critical", children: [
+  return /* @__PURE__ */ jsxs16(Flex12, { gap: 1, children: [
+    hasRegressed && /* @__PURE__ */ jsxs16(Badge9, { fontSize: 0, tone: "critical", children: [
       regressed.length,
       " regressed"
     ] }),
-    hasImproved && /* @__PURE__ */ jsxs15(Badge8, { fontSize: 0, tone: "positive", children: [
+    hasImproved && /* @__PURE__ */ jsxs16(Badge9, { fontSize: 0, tone: "positive", children: [
       improved.length,
       " improved"
     ] })
@@ -3454,12 +3490,12 @@ function StatusBadges({ regressed, improved }) {
 }
 
 // src/components/report-card/ReportCard.tsx
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function ReportCard({ data, onSelectReport }) {
   const handleClick = useCallback7(() => {
     onSelectReport(data.reportId);
   }, [data.reportId, onSelectReport]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     Card9,
     {
       onClick: handleClick,
@@ -3467,13 +3503,26 @@ function ReportCard({ data, onSelectReport }) {
       radius: 2,
       shadow: 1,
       style: { cursor: "pointer" },
-      children: /* @__PURE__ */ jsxs16(Flex12, { align: "center", gap: 3, children: [
-        /* @__PURE__ */ jsx19(ScoreBadge, { score: data.overall }),
-        /* @__PURE__ */ jsx19(ReportMeta, { data }),
-        data.comparisonDelta != null && /* @__PURE__ */ jsx19(DeltaIndicator, { delta: data.comparisonDelta }),
-        /* @__PURE__ */ jsx19(StatusBadges, { improved: data.improved, regressed: data.regressed }),
-        /* @__PURE__ */ jsx19(Text16, { muted: true, size: 0, title: new Date(data.completedAt).toISOString(), children: formatRelativeTime(data.completedAt) }),
-        data.trigger && /* @__PURE__ */ jsx19(Badge9, { fontSize: 0, tone: "default", children: data.trigger })
+      children: /* @__PURE__ */ jsxs17(Flex13, { align: "center", gap: 3, children: [
+        /* @__PURE__ */ jsx20(ScoreBadge, { score: data.overall }),
+        /* @__PURE__ */ jsx20(ReportMeta, { data }),
+        /* @__PURE__ */ jsxs17(Flex13, { align: "flex-end", direction: "column", gap: 2, shrink: 0, children: [
+          /* @__PURE__ */ jsxs17(Flex13, { align: "center", gap: 2, children: [
+            data.comparisonDelta != null && /* @__PURE__ */ jsx20(DeltaIndicator, { delta: data.comparisonDelta }),
+            /* @__PURE__ */ jsx20(StatusBadges, { improved: data.improved, regressed: data.regressed }),
+            /* @__PURE__ */ jsx20(
+              Text17,
+              {
+                muted: true,
+                size: 0,
+                title: new Date(data.completedAt).toISOString(),
+                children: formatRelativeTime(data.completedAt)
+              }
+            ),
+            data.trigger && /* @__PURE__ */ jsx20(Badge10, { fontSize: 0, tone: "default", children: data.trigger })
+          ] }),
+          data.git && /* @__PURE__ */ jsx20(GitOrigin, { git: data.git })
+        ] })
       ] })
     }
   );
@@ -3481,7 +3530,7 @@ function ReportCard({ data, onSelectReport }) {
 
 // src/components/search-bar/SearchBar.tsx
 import { SearchIcon as SearchIcon4 } from "@sanity/icons";
-import { Card as Card11, Flex as Flex15, Text as Text19 } from "@sanity/ui";
+import { Card as Card11, Flex as Flex16, Text as Text20 } from "@sanity/ui";
 import {
   useCallback as useCallback10,
   useEffect as useEffect5,
@@ -3626,9 +3675,9 @@ function filterAndExclude(values, query, dim, activeTokens) {
 
 // src/components/search-bar/FilterBadge.tsx
 import { CloseIcon } from "@sanity/icons";
-import { Badge as Badge10, Flex as Flex13, Text as Text17 } from "@sanity/ui";
+import { Badge as Badge11, Flex as Flex14, Text as Text18 } from "@sanity/ui";
 import { useCallback as useCallback8 } from "react";
-import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx21, 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";
@@ -3639,8 +3688,8 @@ function FilterBadge({ token, onRemove }) {
     },
     [onRemove, token.id]
   );
-  return /* @__PURE__ */ jsx20(
-    Badge10,
+  return /* @__PURE__ */ jsx21(
+    Badge11,
     {
       fontSize: 0,
       style: {
@@ -3649,20 +3698,20 @@ function FilterBadge({ token, onRemove }) {
         userSelect: "none"
       },
       tone,
-      children: /* @__PURE__ */ jsxs17(Flex13, { align: "center", gap: 1, children: [
-        /* @__PURE__ */ jsxs17(Text17, { size: 0, children: [
+      children: /* @__PURE__ */ jsxs18(Flex14, { align: "center", gap: 1, children: [
+        /* @__PURE__ */ jsxs18(Text18, { size: 0, children: [
           token.dimension,
           ":",
           token.label
         ] }),
-        /* @__PURE__ */ jsx20(
-          Text17,
+        /* @__PURE__ */ jsx21(
+          Text18,
           {
             muted: true,
             onClick: handleRemove,
             size: 0,
             style: { cursor: "pointer", lineHeight: 1 },
-            children: /* @__PURE__ */ jsx20(CloseIcon, {})
+            children: /* @__PURE__ */ jsx21(CloseIcon, {})
           }
         )
       ] })
@@ -3671,9 +3720,9 @@ function FilterBadge({ token, onRemove }) {
 }
 
 // src/components/search-bar/SuggestionList.tsx
-import { Badge as Badge11, Card as Card10, Flex as Flex14, Stack as Stack12, Text as Text18 } from "@sanity/ui";
+import { Badge as Badge12, Card as Card10, Flex as Flex15, Stack as Stack12, Text as Text19 } from "@sanity/ui";
 import { useCallback as useCallback9 } from "react";
-import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 function SuggestionList({
   suggestions,
   activeIndex,
@@ -3682,7 +3731,7 @@ function SuggestionList({
   if (suggestions.length === 0) return null;
   const groups = groupByCategory(suggestions);
   let globalIndex = -1;
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     Card10,
     {
       overflow: "auto",
@@ -3696,9 +3745,9 @@ function SuggestionList({
         top: "100%",
         zIndex: 100
       },
-      children: /* @__PURE__ */ jsx21(Stack12, { padding: 1, space: 1, children: groups.map(([category, items]) => /* @__PURE__ */ jsxs18(Stack12, { space: 0, children: [
-        /* @__PURE__ */ jsx21(
-          Text18,
+      children: /* @__PURE__ */ jsx22(Stack12, { padding: 1, space: 1, children: groups.map(([category, items]) => /* @__PURE__ */ jsxs19(Stack12, { space: 0, children: [
+        /* @__PURE__ */ jsx22(
+          Text19,
           {
             muted: true,
             size: 0,
@@ -3714,7 +3763,7 @@ function SuggestionList({
         items.map((suggestion) => {
           globalIndex++;
           const isActive = globalIndex === activeIndex;
-          return /* @__PURE__ */ jsx21(
+          return /* @__PURE__ */ jsx22(
             SuggestionItem,
             {
               active: isActive,
@@ -3739,7 +3788,7 @@ function SuggestionItem({
   const handleClick = useCallback9(() => {
     onSelect(suggestion);
   }, [onSelect, suggestion]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     Card10,
     {
       onClick: handleClick,
@@ -3747,9 +3796,9 @@ function SuggestionItem({
       radius: 2,
       style: { cursor: "pointer" },
       tone: active ? "primary" : "default",
-      children: /* @__PURE__ */ jsxs18(Flex14, { align: "center", gap: 2, children: [
-        !isHint && /* @__PURE__ */ jsx21(Badge11, { fontSize: 0, tone, children: suggestion.dimension }),
-        /* @__PURE__ */ jsx21(Text18, { size: 1, children: suggestion.label })
+      children: /* @__PURE__ */ jsxs19(Flex15, { align: "center", gap: 2, children: [
+        !isHint && /* @__PURE__ */ jsx22(Badge12, { fontSize: 0, tone, children: suggestion.dimension }),
+        /* @__PURE__ */ jsx22(Text19, { size: 1, children: suggestion.label })
       ] })
     }
   );
@@ -3764,7 +3813,7 @@ function groupByCategory(suggestions) {
 }
 
 // src/components/search-bar/SearchBar.tsx
-import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 function SearchBar({
   tokens,
   query,
@@ -3868,8 +3917,8 @@ function SearchBar({
   const handleBarClick = useCallback10(() => {
     inputRef.current?.focus();
   }, []);
-  return /* @__PURE__ */ jsxs19("div", { style: { position: "relative" }, children: [
-    /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs20("div", { style: { position: "relative" }, children: [
+    /* @__PURE__ */ jsx23(
       Card11,
       {
         border: true,
@@ -3877,9 +3926,9 @@ function SearchBar({
         padding: 2,
         radius: 2,
         style: { cursor: "text" },
-        children: /* @__PURE__ */ jsxs19(Flex15, { align: "center", gap: 1, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx22(Text19, { muted: true, size: 1, style: { flexShrink: 0, padding: "0 4px" }, children: /* @__PURE__ */ jsx22(SearchIcon4, {}) }),
-          tokens.map((token) => /* @__PURE__ */ jsx22(
+        children: /* @__PURE__ */ jsxs20(Flex16, { align: "center", gap: 1, wrap: "wrap", children: [
+          /* @__PURE__ */ jsx23(Text20, { muted: true, size: 1, style: { flexShrink: 0, padding: "0 4px" }, children: /* @__PURE__ */ jsx23(SearchIcon4, {}) }),
+          tokens.map((token) => /* @__PURE__ */ jsx23(
             FilterBadge,
             {
               onRemove: handleTokenRemove,
@@ -3887,7 +3936,7 @@ function SearchBar({
             },
             token.id
           )),
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(
             "input",
             {
               onBlur: handleBlur,
@@ -3914,7 +3963,7 @@ function SearchBar({
         ] })
       }
     ),
-    focused && suggestions.length > 0 && /* @__PURE__ */ jsx22(
+    focused && suggestions.length > 0 && /* @__PURE__ */ jsx23(
       SuggestionList,
       {
         activeIndex,
@@ -3926,7 +3975,7 @@ function SearchBar({
 }
 
 // src/components/LatestReports.tsx
-import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 var SORT_LABELS = {
   date: "Date",
   name: "Name",
@@ -4104,16 +4153,16 @@ function LatestReports({
     setPerspective("");
   }, []);
   if (initialLoading) {
-    return /* @__PURE__ */ jsx23(Card12, { padding: 4, children: /* @__PURE__ */ jsx23(Text20, { muted: true, children: "Loading reports\u2026" }) });
+    return /* @__PURE__ */ jsx24(Card12, { padding: 4, children: /* @__PURE__ */ jsx24(Text21, { muted: true, children: "Loading reports\u2026" }) });
   }
   if (reports.length === 0) {
-    return /* @__PURE__ */ jsx23(Card12, { padding: 4, children: /* @__PURE__ */ jsx23(Text20, { muted: true, children: "No reports found. Run the pipeline with --publish to create reports." }) });
+    return /* @__PURE__ */ jsx24(Card12, { padding: 4, children: /* @__PURE__ */ jsx24(Text21, { muted: true, children: "No reports found. Run the pipeline with --publish to create reports." }) });
   }
-  return /* @__PURE__ */ jsxs20(Stack13, { space: 3, children: [
-    /* @__PURE__ */ jsx23(Card12, { padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs20(Stack13, { space: 3, children: [
-      /* @__PURE__ */ jsxs20(Stack13, { space: 1, children: [
-        /* @__PURE__ */ jsx23(Text20, { muted: true, size: 0, children: "Search & filter" }),
-        /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsxs21(Stack13, { space: 3, children: [
+    /* @__PURE__ */ jsx24(Card12, { padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs21(Stack13, { space: 3, children: [
+      /* @__PURE__ */ jsxs21(Stack13, { space: 1, children: [
+        /* @__PURE__ */ jsx24(Text21, { muted: true, size: 0, children: "Search & filter" }),
+        /* @__PURE__ */ jsx24(
           SearchBar,
           {
             areas: availableAreas,
@@ -4126,10 +4175,10 @@ function LatestReports({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs20(Flex16, { gap: 2, children: [
-        /* @__PURE__ */ jsx23(Box8, { flex: 1, children: /* @__PURE__ */ jsxs20(Stack13, { space: 1, children: [
-          /* @__PURE__ */ jsx23(Text20, { muted: true, size: 0, children: "Document" }),
-          /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsxs21(Flex17, { gap: 2, children: [
+        /* @__PURE__ */ jsx24(Box8, { flex: 1, children: /* @__PURE__ */ jsxs21(Stack13, { space: 1, children: [
+          /* @__PURE__ */ jsx24(Text21, { muted: true, size: 0, children: "Document" }),
+          /* @__PURE__ */ jsx24(
             DocumentFilter,
             {
               onChange: setDocumentSlug,
@@ -4138,9 +4187,9 @@ function LatestReports({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx23(Box8, { flex: 1, children: /* @__PURE__ */ jsxs20(Stack13, { space: 1, children: [
-          /* @__PURE__ */ jsx23(Text20, { muted: true, size: 0, children: "Content release" }),
-          /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx24(Box8, { flex: 1, children: /* @__PURE__ */ jsxs21(Stack13, { space: 1, children: [
+          /* @__PURE__ */ jsx24(Text21, { muted: true, size: 0, children: "Content release" }),
+          /* @__PURE__ */ jsx24(
             PerspectiveFilter,
             {
               onChange: setPerspective,
@@ -4149,20 +4198,20 @@ function LatestReports({
           )
         ] }) })
       ] }),
-      (documentSlug.trim() || perspective.trim()) && /* @__PURE__ */ jsxs20(Flex16, { align: "center", gap: 1, children: [
-        documentSlug.trim() && /* @__PURE__ */ jsxs20(Badge12, { fontSize: 0, tone: "primary", children: [
+      (documentSlug.trim() || perspective.trim()) && /* @__PURE__ */ jsxs21(Flex17, { align: "center", gap: 1, children: [
+        documentSlug.trim() && /* @__PURE__ */ jsxs21(Badge13, { fontSize: 0, tone: "primary", children: [
           "Document: ",
           documentSlug.trim()
         ] }),
-        perspective.trim() && /* @__PURE__ */ jsxs20(Badge12, { fontSize: 0, tone: "primary", children: [
+        perspective.trim() && /* @__PURE__ */ jsxs21(Badge13, { fontSize: 0, tone: "primary", children: [
           "Perspective: ",
           perspective.trim()
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs20(Flex16, { align: "center", gap: 2, paddingX: 1, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx23(Text20, { muted: true, size: 1, children: filteredReports.length === reports.length ? `${reports.length} reports` : `${filteredReports.length} of ${reports.length} reports` }),
-      hasActiveFilters && /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsxs21(Flex17, { align: "center", gap: 2, paddingX: 1, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx24(Text21, { muted: true, size: 1, children: filteredReports.length === reports.length ? `${reports.length} reports` : `${filteredReports.length} of ${reports.length} reports` }),
+      hasActiveFilters && /* @__PURE__ */ jsx24(
         Button,
         {
           fontSize: 0,
@@ -4172,11 +4221,11 @@ function LatestReports({
           tone: "critical"
         }
       ),
-      /* @__PURE__ */ jsxs20(Flex16, { align: "center", gap: 1, style: { marginLeft: "auto" }, children: [
-        /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsxs21(Flex17, { align: "center", gap: 1, style: { marginLeft: "auto" }, children: [
+        /* @__PURE__ */ jsx24(
           MenuButton,
           {
-            button: /* @__PURE__ */ jsx23(
+            button: /* @__PURE__ */ jsx24(
               Button,
               {
                 fontSize: 1,
@@ -4186,8 +4235,8 @@ function LatestReports({
               }
             ),
             id: "sort-menu",
-            menu: /* @__PURE__ */ jsxs20(Menu, { children: [
-              /* @__PURE__ */ jsx23(
+            menu: /* @__PURE__ */ jsxs21(Menu, { children: [
+              /* @__PURE__ */ jsx24(
                 MenuItem,
                 {
                   onClick: () => handleSortFieldChange("date"),
@@ -4195,7 +4244,7 @@ function LatestReports({
                   text: "Date"
                 }
               ),
-              /* @__PURE__ */ jsx23(
+              /* @__PURE__ */ jsx24(
                 MenuItem,
                 {
                   onClick: () => handleSortFieldChange("score"),
@@ -4203,7 +4252,7 @@ function LatestReports({
                   text: "Score"
                 }
               ),
-              /* @__PURE__ */ jsx23(
+              /* @__PURE__ */ jsx24(
                 MenuItem,
                 {
                   onClick: () => handleSortFieldChange("name"),
@@ -4215,7 +4264,7 @@ function LatestReports({
             popover: { portal: true }
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx24(
           Button,
           {
             fontSize: 1,
@@ -4227,9 +4276,9 @@ function LatestReports({
         )
       ] })
     ] }),
-    filteredReports.length === 0 ? /* @__PURE__ */ jsx23(Card12, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs20(Stack13, { space: 3, children: [
-      /* @__PURE__ */ jsx23(Text20, { align: "center", muted: true, size: 2, children: "No reports match the current filters." }),
-      /* @__PURE__ */ jsx23(Flex16, { justify: "center", children: /* @__PURE__ */ jsx23(
+    filteredReports.length === 0 ? /* @__PURE__ */ jsx24(Card12, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs21(Stack13, { space: 3, children: [
+      /* @__PURE__ */ jsx24(Text21, { align: "center", muted: true, size: 2, children: "No reports match the current filters." }),
+      /* @__PURE__ */ jsx24(Flex17, { justify: "center", children: /* @__PURE__ */ jsx24(
         Button,
         {
           fontSize: 1,
@@ -4238,7 +4287,7 @@ function LatestReports({
           text: "Clear all filters"
         }
       ) })
-    ] }) }) : /* @__PURE__ */ jsx23(Stack13, { space: 2, children: filteredReports.map((report) => /* @__PURE__ */ jsx23(
+    ] }) }) : /* @__PURE__ */ jsx24(Stack13, { space: 2, children: filteredReports.map((report) => /* @__PURE__ */ jsx24(
       ReportCard,
       {
         data: fromReportListItem(report),
@@ -4246,7 +4295,7 @@ function LatestReports({
       },
       report._id
     )) }),
-    hasMore && /* @__PURE__ */ jsx23(Flex16, { justify: "center", paddingY: 3, children: /* @__PURE__ */ jsx23(
+    hasMore && /* @__PURE__ */ jsx24(Flex17, { justify: "center", paddingY: 3, children: /* @__PURE__ */ jsx24(
       Button,
       {
         disabled: loadingMore,
@@ -4294,28 +4343,28 @@ function getDateThreshold(preset) {
 
 // src/components/report-detail/ReportDetail.tsx
 import { ArrowLeftIcon as ArrowLeftIcon2 } from "@sanity/icons";
-import { Box as Box14, Button as Button3, Stack as Stack22, Text as Text30, useToast } from "@sanity/ui";
+import { Box as Box14, Button as Button3, Stack as Stack22, Text as Text31, useToast } from "@sanity/ui";
 import { useCallback as useCallback12, useEffect as useEffect7, useState as useState8 } from "react";
 import { useClient as useClient6 } from "sanity";
 
 // src/components/report-detail/AreaScoreTable.tsx
 import React from "react";
-import { Card as Card14, Stack as Stack14, Text as Text22 } from "@sanity/ui";
+import { Card as Card14, Stack as Stack14, Text as Text23 } from "@sanity/ui";
 
 // src/components/primitives/ScoreCell.tsx
-import { Card as Card13, Text as Text21 } from "@sanity/ui";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { Card as Card13, Text as Text22 } from "@sanity/ui";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function ScoreCell({ score, size = 1 }) {
   const rounded = Math.round(score);
-  return /* @__PURE__ */ jsx24(Card13, { padding: 1, radius: 2, tone: scoreTone(rounded), children: /* @__PURE__ */ jsx24(Text21, { align: "center", size, weight: "medium", children: rounded }) });
+  return /* @__PURE__ */ jsx25(Card13, { padding: 1, radius: 2, tone: scoreTone(rounded), children: /* @__PURE__ */ jsx25(Text22, { align: "center", size, weight: "medium", children: rounded }) });
 }
 
 // src/components/report-detail/AreaScoreTable.tsx
-import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 function AreaScoreTable({ scores }) {
-  return /* @__PURE__ */ jsx25(Card14, { overflow: "auto", padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs21(Stack14, { space: 4, children: [
-    /* @__PURE__ */ jsx25(Text22, { size: 2, weight: "semibold", children: "Per-Area Scores" }),
-    /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsx26(Card14, { overflow: "auto", padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs22(Stack14, { space: 4, children: [
+    /* @__PURE__ */ jsx26(Text23, { size: 2, weight: "semibold", children: "Per-Area Scores" }),
+    /* @__PURE__ */ jsxs22(
       "div",
       {
         style: {
@@ -4324,9 +4373,9 @@ function AreaScoreTable({ scores }) {
           gridTemplateColumns: "2fr 1fr 1fr 1fr 1fr 1fr 1fr"
         },
         children: [
-          /* @__PURE__ */ jsx25(ColumnHeader, { borderBottom: true, label: "Area" }),
-          /* @__PURE__ */ jsx25(ColumnHeader, { borderBottom: true, label: "Score", tooltip: GLOSSARY.score }),
-          /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx26(ColumnHeader, { borderBottom: true, label: "Area" }),
+          /* @__PURE__ */ jsx26(ColumnHeader, { borderBottom: true, label: "Score", tooltip: GLOSSARY.score }),
+          /* @__PURE__ */ jsx26(
             ColumnHeader,
             {
               borderBottom: true,
@@ -4334,7 +4383,7 @@ function AreaScoreTable({ scores }) {
               tooltip: GLOSSARY.taskCompletion
             }
           ),
-          /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx26(
             ColumnHeader,
             {
               borderBottom: true,
@@ -4342,7 +4391,7 @@ function AreaScoreTable({ scores }) {
               tooltip: GLOSSARY.codeCorrectness
             }
           ),
-          /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx26(
             ColumnHeader,
             {
               borderBottom: true,
@@ -4350,10 +4399,10 @@ function AreaScoreTable({ scores }) {
               tooltip: GLOSSARY.docCoverage
             }
           ),
-          /* @__PURE__ */ jsx25(ColumnHeader, { borderBottom: true, label: "Lift", tooltip: GLOSSARY.docLift }),
-          /* @__PURE__ */ jsx25(ColumnHeader, { borderBottom: true, label: "Tests", tooltip: GLOSSARY.tests }),
-          scores.map((score, i) => /* @__PURE__ */ jsxs21(React.Fragment, { children: [
-            /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx26(ColumnHeader, { borderBottom: true, label: "Lift", tooltip: GLOSSARY.docLift }),
+          /* @__PURE__ */ jsx26(ColumnHeader, { borderBottom: true, label: "Tests", tooltip: GLOSSARY.tests }),
+          scores.map((score, i) => /* @__PURE__ */ jsxs22(React.Fragment, { children: [
+            /* @__PURE__ */ jsx26(
               "div",
               {
                 style: {
@@ -4361,14 +4410,14 @@ function AreaScoreTable({ scores }) {
                   borderRadius: 4,
                   padding: "8px 0 8px 4px"
                 },
-                children: /* @__PURE__ */ jsx25(Text22, { size: 1, weight: "medium", children: score.feature })
+                children: /* @__PURE__ */ jsx26(Text23, { size: 1, weight: "medium", children: score.feature })
               }
             ),
-            /* @__PURE__ */ jsx25("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx25(ScoreCell, { score: score.totalScore }) }),
-            /* @__PURE__ */ jsx25("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx25(ScoreCell, { score: score.taskCompletion }) }),
-            /* @__PURE__ */ jsx25("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx25(ScoreCell, { score: score.codeCorrectness }) }),
-            /* @__PURE__ */ jsx25("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx25(ScoreCell, { score: score.docCoverage }) }),
-            /* @__PURE__ */ jsx25(
+            /* @__PURE__ */ jsx26("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx26(ScoreCell, { score: score.totalScore }) }),
+            /* @__PURE__ */ jsx26("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx26(ScoreCell, { score: score.taskCompletion }) }),
+            /* @__PURE__ */ jsx26("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx26(ScoreCell, { score: score.codeCorrectness }) }),
+            /* @__PURE__ */ jsx26("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx26(ScoreCell, { score: score.docCoverage }) }),
+            /* @__PURE__ */ jsx26(
               "div",
               {
                 style: {
@@ -4376,10 +4425,10 @@ function AreaScoreTable({ scores }) {
                   background: rowBackground(i),
                   display: "flex"
                 },
-                children: /* @__PURE__ */ jsx25(Text22, { size: 1, children: formatDelta(score.docLift) })
+                children: /* @__PURE__ */ jsx26(Text23, { size: 1, children: formatDelta(score.docLift) })
               }
             ),
-            /* @__PURE__ */ jsx25(
+            /* @__PURE__ */ jsx26(
               "div",
               {
                 style: {
@@ -4387,7 +4436,7 @@ function AreaScoreTable({ scores }) {
                   background: rowBackground(i),
                   display: "flex"
                 },
-                children: /* @__PURE__ */ jsx25(Text22, { muted: true, size: 1, children: score.testCount })
+                children: /* @__PURE__ */ jsx26(Text23, { muted: true, size: 1, children: score.testCount })
               }
             )
           ] }, score.feature))
@@ -4398,13 +4447,13 @@ function AreaScoreTable({ scores }) {
 }
 
 // src/components/report-detail/ComparisonSummary.tsx
-import { Badge as Badge13, Box as Box9, Card as Card15, Flex as Flex17, Grid as Grid2, Stack as Stack15, Text as Text23, Tooltip as Tooltip3 } from "@sanity/ui";
-import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Badge as Badge14, Box as Box9, Card as Card15, Flex as Flex18, Grid as Grid2, Stack as Stack15, Text as Text24, Tooltip as Tooltip3 } from "@sanity/ui";
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 function ComparisonSummary({ comparison }) {
-  return /* @__PURE__ */ jsx26(Card15, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs22(Stack15, { space: 4, children: [
-    /* @__PURE__ */ jsxs22(Flex17, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx26(Text23, { size: 2, weight: "semibold", children: "Comparison" }),
-      /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(Card15, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs23(Stack15, { space: 4, children: [
+    /* @__PURE__ */ jsxs23(Flex18, { align: "center", gap: 3, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx27(Text24, { size: 2, weight: "semibold", children: "Comparison" }),
+      /* @__PURE__ */ jsx27(
         DeltaCard,
         {
           delta: comparison.deltas.overall,
@@ -4412,7 +4461,7 @@ function ComparisonSummary({ comparison }) {
           tooltip: GLOSSARY.overallDelta
         }
       ),
-      comparison.deltas.actualDelta != null && /* @__PURE__ */ jsx26(
+      comparison.deltas.actualDelta != null && /* @__PURE__ */ jsx27(
         DeltaCard,
         {
           delta: comparison.deltas.actualDelta,
@@ -4420,7 +4469,7 @@ function ComparisonSummary({ comparison }) {
           tooltip: GLOSSARY.actualDelta
         }
       ),
-      comparison.deltas.retrievalGapDelta != null && /* @__PURE__ */ jsx26(
+      comparison.deltas.retrievalGapDelta != null && /* @__PURE__ */ jsx27(
         DeltaCard,
         {
           delta: comparison.deltas.retrievalGapDelta,
@@ -4430,8 +4479,8 @@ function ComparisonSummary({ comparison }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs22(Grid2, { columns: [1, 1, 3], gap: 3, children: [
-      comparison.improved.length > 0 && /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsxs23(Grid2, { columns: [1, 1, 3], gap: 3, children: [
+      comparison.improved.length > 0 && /* @__PURE__ */ jsx27(
         AreaBadgeGroup,
         {
           areas: comparison.improved,
@@ -4439,7 +4488,7 @@ function ComparisonSummary({ comparison }) {
           tone: "positive"
         }
       ),
-      comparison.regressed.length > 0 && /* @__PURE__ */ jsx26(
+      comparison.regressed.length > 0 && /* @__PURE__ */ jsx27(
         AreaBadgeGroup,
         {
           areas: comparison.regressed,
@@ -4447,7 +4496,7 @@ function ComparisonSummary({ comparison }) {
           tone: "critical"
         }
       ),
-      comparison.unchanged.length > 0 && /* @__PURE__ */ jsx26(
+      comparison.unchanged.length > 0 && /* @__PURE__ */ jsx27(
         AreaBadgeGroup,
         {
           areas: comparison.unchanged,
@@ -4466,19 +4515,19 @@ function DeltaCard({
 }) {
   const isPositive = invertedPolarity ? delta < 0 : delta > 0;
   const isNegative = invertedPolarity ? delta > 0 : delta < 0;
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     Tooltip3,
     {
-      content: /* @__PURE__ */ jsx26(Box9, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx26(Text23, { size: 1, children: tooltip }) }),
+      content: /* @__PURE__ */ jsx27(Box9, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx27(Text24, { size: 1, children: tooltip }) }),
       placement: "bottom",
       portal: true,
-      children: /* @__PURE__ */ jsx26(
+      children: /* @__PURE__ */ jsx27(
         Card15,
         {
           padding: 2,
           radius: 2,
           tone: isPositive ? "positive" : isNegative ? "critical" : "default",
-          children: /* @__PURE__ */ jsxs22(Text23, { size: 1, weight: "bold", children: [
+          children: /* @__PURE__ */ jsxs23(Text24, { size: 1, weight: "bold", children: [
             formatDelta(delta),
             " ",
             label
@@ -4493,9 +4542,9 @@ function AreaBadgeGroup({
   label,
   tone
 }) {
-  return /* @__PURE__ */ jsxs22(Stack15, { space: 2, children: [
-    /* @__PURE__ */ jsx26(
-      Text23,
+  return /* @__PURE__ */ jsxs23(Stack15, { space: 2, children: [
+    /* @__PURE__ */ jsx27(
+      Text24,
       {
         muted: true,
         size: 0,
@@ -4504,21 +4553,21 @@ function AreaBadgeGroup({
         children: label
       }
     ),
-    /* @__PURE__ */ jsx26(Flex17, { gap: 1, wrap: "wrap", children: areas.map((a) => /* @__PURE__ */ jsx26(Badge13, { tone, children: a }, a)) })
+    /* @__PURE__ */ jsx27(Flex18, { gap: 1, wrap: "wrap", children: areas.map((a) => /* @__PURE__ */ jsx27(Badge14, { tone, children: a }, a)) })
   ] });
 }
 
 // src/components/report-detail/JudgmentList.tsx
 import { useState as useState7 } from "react";
 import { HelpCircleIcon as HelpCircleIcon4 } from "@sanity/icons";
-import { Badge as Badge14, Box as Box10, Card as Card16, Flex as Flex18, Stack as Stack16, Text as Text24, Tooltip as Tooltip4 } from "@sanity/ui";
+import { Badge as Badge15, Box as Box10, Card as Card16, Flex as Flex19, Stack as Stack16, Text as Text25, Tooltip as Tooltip4 } from "@sanity/ui";
 
 // src/components/primitives/InlineCode.tsx
-import { Fragment as Fragment4, jsx as jsx27 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx28 } from "react/jsx-runtime";
 function InlineCode({ text }) {
   const parts = text.split(/`([^`]+)`/);
-  return /* @__PURE__ */ jsx27(Fragment4, { children: parts.map(
-    (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(Fragment4, { children: parts.map(
+    (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsx28(
       "code",
       {
         style: {
@@ -4530,12 +4579,12 @@ function InlineCode({ text }) {
         children: part
       },
       i
-    ) : /* @__PURE__ */ jsx27("span", { children: part }, i)
+    ) : /* @__PURE__ */ jsx28("span", { children: part }, i)
   ) });
 }
 
 // src/components/report-detail/JudgmentList.tsx
-import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
 function groupByArea(judgments) {
   const byArea = /* @__PURE__ */ new Map();
   for (const j of judgments) {
@@ -4550,36 +4599,36 @@ var DIMENSION_LABELS = DIMENSION_LABELS_KEBAB;
 function JudgmentList({ judgments }) {
   if (judgments.length === 0) return null;
   const grouped = groupByArea(judgments);
-  return /* @__PURE__ */ jsx28(Card16, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs23(Stack16, { space: 4, children: [
-    /* @__PURE__ */ jsxs23(Flex18, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx28(Text24, { size: 2, weight: "semibold", children: "Low-Scoring Judgments" }),
-      /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(Card16, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs24(Stack16, { space: 4, children: [
+    /* @__PURE__ */ jsxs24(Flex19, { align: "center", gap: 3, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx29(Text25, { size: 2, weight: "semibold", children: "Low-Scoring Judgments" }),
+      /* @__PURE__ */ jsx29(
         Tooltip4,
         {
-          content: /* @__PURE__ */ jsx28(Box10, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx28(Text24, { size: 1, children: GLOSSARY.lowScoringJudgments }) }),
+          content: /* @__PURE__ */ jsx29(Box10, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx29(Text25, { size: 1, children: GLOSSARY.lowScoringJudgments }) }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsx28(Text24, { muted: true, size: 0, children: /* @__PURE__ */ jsx28(HelpCircleIcon4, {}) })
+          children: /* @__PURE__ */ jsx29(Text25, { muted: true, size: 0, children: /* @__PURE__ */ jsx29(HelpCircleIcon4, {}) })
         }
       ),
-      /* @__PURE__ */ jsx28(Card16, { padding: 2, radius: 2, tone: "critical", children: /* @__PURE__ */ jsxs23(Text24, { size: 1, weight: "bold", children: [
+      /* @__PURE__ */ jsx29(Card16, { padding: 2, radius: 2, tone: "critical", children: /* @__PURE__ */ jsxs24(Text25, { size: 1, weight: "bold", children: [
         judgments.length,
         " judgment",
         judgments.length === 1 ? "" : "s",
         " below 70"
       ] }) })
     ] }),
-    grouped.map(([area, areaJudgments]) => /* @__PURE__ */ jsx28(Card16, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs23(Stack16, { space: 3, children: [
-      /* @__PURE__ */ jsxs23(Text24, { size: 1, weight: "semibold", children: [
+    grouped.map(([area, areaJudgments]) => /* @__PURE__ */ jsx29(Card16, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs24(Stack16, { space: 3, children: [
+      /* @__PURE__ */ jsxs24(Text25, { size: 1, weight: "semibold", children: [
         area,
         " ",
-        /* @__PURE__ */ jsxs23(Text24, { muted: true, size: 1, weight: "regular", as: "span", children: [
+        /* @__PURE__ */ jsxs24(Text25, { muted: true, size: 1, weight: "regular", as: "span", children: [
           "(",
           areaJudgments.length,
           ")"
         ] })
       ] }),
-      areaJudgments.map((j, i) => /* @__PURE__ */ jsx28(JudgmentCard, { judgment: j }, `${area}-${i}`))
+      areaJudgments.map((j, i) => /* @__PURE__ */ jsx29(JudgmentCard, { judgment: j }, `${area}-${i}`))
     ] }) }, area))
   ] }) });
 }
@@ -4588,7 +4637,7 @@ function JudgmentCard({ judgment }) {
   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__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     Card16,
     {
       padding: 3,
@@ -4596,10 +4645,10 @@ function JudgmentCard({ judgment }) {
       shadow: 1,
       style: { cursor: "pointer" },
       onClick: () => setExpanded(!expanded),
-      children: /* @__PURE__ */ jsxs23(Stack16, { space: 3, children: [
-        /* @__PURE__ */ jsxs23(Flex18, { align: "center", gap: 2, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx28(Card16, { padding: 2, radius: 2, tone: scoreTone(judgment.score), children: /* @__PURE__ */ jsx28(
-            Text24,
+      children: /* @__PURE__ */ jsxs24(Stack16, { space: 3, children: [
+        /* @__PURE__ */ jsxs24(Flex19, { align: "center", gap: 2, wrap: "wrap", children: [
+          /* @__PURE__ */ jsx29(Card16, { padding: 2, radius: 2, tone: scoreTone(judgment.score), children: /* @__PURE__ */ jsx29(
+            Text25,
             {
               align: "center",
               size: 1,
@@ -4608,32 +4657,32 @@ function JudgmentCard({ judgment }) {
               children: judgment.score
             }
           ) }),
-          /* @__PURE__ */ jsx28(Badge14, { tone: "default", children: dimLabel }),
-          /* @__PURE__ */ jsx28(Text24, { size: 1, weight: "medium", children: taskName }),
-          /* @__PURE__ */ jsx28(Text24, { muted: true, size: 0, children: judgment.modelId }),
-          /* @__PURE__ */ jsx28(Text24, { muted: true, size: 0, style: { marginLeft: "auto" }, children: expanded ? "\u25B2" : "\u25BC" })
+          /* @__PURE__ */ jsx29(Badge15, { tone: "default", children: dimLabel }),
+          /* @__PURE__ */ jsx29(Text25, { size: 1, weight: "medium", children: taskName }),
+          /* @__PURE__ */ jsx29(Text25, { muted: true, size: 0, children: judgment.modelId }),
+          /* @__PURE__ */ jsx29(Text25, { muted: true, size: 0, style: { marginLeft: "auto" }, children: expanded ? "\u25B2" : "\u25BC" })
         ] }),
-        expanded && /* @__PURE__ */ jsxs23(Stack16, { space: 3, children: [
-          /* @__PURE__ */ jsx28(Card16, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx28(
-            Text24,
+        expanded && /* @__PURE__ */ jsxs24(Stack16, { space: 3, children: [
+          /* @__PURE__ */ jsx29(Card16, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx29(
+            Text25,
             {
               muted: true,
               size: 1,
               style: { lineHeight: 1.6, whiteSpace: "pre-wrap" },
-              children: /* @__PURE__ */ jsx28(InlineCode, { text: judgment.reason })
+              children: /* @__PURE__ */ jsx29(InlineCode, { text: judgment.reason })
             }
           ) }),
-          judgment.canonicalDocs && judgment.canonicalDocs.length > 0 && /* @__PURE__ */ jsxs23(Flex18, { align: "center", gap: 2, wrap: "wrap", children: [
-            /* @__PURE__ */ jsx28(Text24, { muted: true, size: 0, children: "Docs:" }),
+          judgment.canonicalDocs && judgment.canonicalDocs.length > 0 && /* @__PURE__ */ jsxs24(Flex19, { align: "center", gap: 2, wrap: "wrap", children: [
+            /* @__PURE__ */ jsx29(Text25, { muted: true, size: 0, children: "Docs:" }),
             judgment.canonicalDocs.map((doc) => {
-              const badge = /* @__PURE__ */ jsx28(Badge14, { mode: "outline", tone: "primary", children: doc.slug });
-              return /* @__PURE__ */ jsx28(
+              const badge = /* @__PURE__ */ jsx29(Badge15, { mode: "outline", tone: "primary", children: doc.slug });
+              return /* @__PURE__ */ jsx29(
                 Tooltip4,
                 {
-                  content: /* @__PURE__ */ jsx28(Box10, { padding: 2, children: /* @__PURE__ */ jsx28(Text24, { size: 1, children: doc.title || doc.slug }) }),
+                  content: /* @__PURE__ */ jsx29(Box10, { padding: 2, children: /* @__PURE__ */ jsx29(Text25, { size: 1, children: doc.title || doc.slug }) }),
                   placement: "bottom",
                   portal: true,
-                  children: doc.documentId ? /* @__PURE__ */ jsx28(
+                  children: doc.documentId ? /* @__PURE__ */ jsx29(
                     "a",
                     {
                       href: `/intent/edit/id=${doc.documentId}`,
@@ -4658,8 +4707,8 @@ import { Grid as Grid3 } from "@sanity/ui";
 
 // src/components/primitives/StatCard.tsx
 import { HelpCircleIcon as HelpCircleIcon5 } from "@sanity/icons";
-import { Box as Box11, Card as Card17, Stack as Stack17, Text as Text25, Tooltip as Tooltip5 } from "@sanity/ui";
-import { Fragment as Fragment5, jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Box as Box11, Card as Card17, Stack as Stack17, Text as Text26, Tooltip as Tooltip5 } from "@sanity/ui";
+import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
 function StatCard({
   label,
   value,
@@ -4667,24 +4716,24 @@ function StatCard({
   suffix,
   tone = "default"
 }) {
-  return /* @__PURE__ */ jsx29(Card17, { padding: 3, radius: 2, shadow: 1, tone, children: /* @__PURE__ */ jsxs24(Stack17, { space: 2, children: [
-    /* @__PURE__ */ jsxs24(Text25, { muted: true, size: 1, children: [
+  return /* @__PURE__ */ jsx30(Card17, { padding: 3, radius: 2, shadow: 1, tone, children: /* @__PURE__ */ jsxs25(Stack17, { space: 2, children: [
+    /* @__PURE__ */ jsxs25(Text26, { muted: true, size: 1, children: [
       label,
-      tooltip && /* @__PURE__ */ jsxs24(Fragment5, { children: [
+      tooltip && /* @__PURE__ */ jsxs25(Fragment5, { children: [
         " ",
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(
           Tooltip5,
           {
-            content: /* @__PURE__ */ jsx29(Box11, { padding: 2, children: /* @__PURE__ */ jsx29(Text25, { size: 1, children: tooltip }) }),
+            content: /* @__PURE__ */ jsx30(Box11, { padding: 2, children: /* @__PURE__ */ jsx30(Text26, { size: 1, children: tooltip }) }),
             portal: true,
-            children: /* @__PURE__ */ jsx29("span", { style: { cursor: "help" }, children: /* @__PURE__ */ jsx29(HelpCircleIcon5, {}) })
+            children: /* @__PURE__ */ jsx30("span", { style: { cursor: "help" }, children: /* @__PURE__ */ jsx30(HelpCircleIcon5, {}) })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs24(Text25, { size: 3, weight: "bold", children: [
+    /* @__PURE__ */ jsxs25(Text26, { size: 3, weight: "bold", children: [
       value,
-      suffix && /* @__PURE__ */ jsxs24("span", { style: { fontSize: "0.6em", fontWeight: 400 }, children: [
+      suffix && /* @__PURE__ */ jsxs25("span", { style: { fontSize: "0.6em", fontWeight: 400 }, children: [
         " ",
         suffix
       ] })
@@ -4693,7 +4742,7 @@ function StatCard({
 }
 
 // src/components/report-detail/OverviewStats.tsx
-import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
 function OverviewStats({
   overall,
   durationMs,
@@ -4701,8 +4750,8 @@ function OverviewStats({
   isFullMode
 }) {
   const overallTone = scoreTone(overall.avgScore);
-  return /* @__PURE__ */ jsxs25(Grid3, { columns: [1, 1, 2, isFullMode ? 4 : 4], gap: 3, children: [
-    /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs26(Grid3, { columns: [1, 1, 2, isFullMode ? 4 : 4], gap: 3, children: [
+    /* @__PURE__ */ jsx31(
       StatCard,
       {
         label: "Overall Score",
@@ -4711,7 +4760,7 @@ function OverviewStats({
         value: overall.avgScore.toFixed(1)
       }
     ),
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx31(
       StatCard,
       {
         label: "Doc Lift",
@@ -4720,7 +4769,7 @@ function OverviewStats({
         value: overall.avgDocLift.toFixed(1)
       }
     ),
-    isFullMode && overall.avgActualScore != null && /* @__PURE__ */ jsx30(
+    isFullMode && overall.avgActualScore != null && /* @__PURE__ */ jsx31(
       StatCard,
       {
         label: "Actual Score",
@@ -4729,7 +4778,7 @@ function OverviewStats({
         value: overall.avgActualScore.toFixed(1)
       }
     ),
-    isFullMode && overall.avgRetrievalGap != null && /* @__PURE__ */ jsx30(
+    isFullMode && overall.avgRetrievalGap != null && /* @__PURE__ */ jsx31(
       StatCard,
       {
         label: "Retrieval Gap",
@@ -4739,7 +4788,7 @@ function OverviewStats({
         value: overall.avgRetrievalGap.toFixed(1)
       }
     ),
-    isFullMode && overall.avgInfrastructureEfficiency != null && /* @__PURE__ */ jsx30(
+    isFullMode && overall.avgInfrastructureEfficiency != null && /* @__PURE__ */ jsx31(
       StatCard,
       {
         label: "Infra Efficiency",
@@ -4747,8 +4796,8 @@ function OverviewStats({
         value: formatPercent(overall.avgInfrastructureEfficiency)
       }
     ),
-    /* @__PURE__ */ jsx30(StatCard, { label: "Duration", value: formatDuration(durationMs) }),
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx31(StatCard, { label: "Duration", value: formatDuration(durationMs) }),
+    /* @__PURE__ */ jsx31(
       StatCard,
       {
         label: "Tests",
@@ -4760,31 +4809,31 @@ function OverviewStats({
 }
 
 // src/components/report-detail/ProvenanceCard.tsx
-import { Card as Card18, Flex as Flex19, Grid as Grid4, Stack as Stack18, Text as Text26 } from "@sanity/ui";
-import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Card as Card18, Flex as Flex20, Grid as Grid4, Stack as Stack18, Text as Text27 } from "@sanity/ui";
+import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
 var VIEWABLE_PROMPTFOO_MODES = /* @__PURE__ */ new Set(["agentic", "observed"]);
 function ProvenanceCard({ provenance }) {
-  return /* @__PURE__ */ jsx31(Card18, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs26(Stack18, { space: 4, children: [
-    /* @__PURE__ */ jsx31(Text26, { size: 2, weight: "semibold", children: "Provenance" }),
-    /* @__PURE__ */ jsxs26(Grid4, { columns: [1, 2, 3], gap: 4, children: [
-      /* @__PURE__ */ jsx31(Field, { label: "Mode", value: provenance.mode }),
-      /* @__PURE__ */ jsx31(Field, { label: "Source", value: provenance.source.name }),
-      /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(Card18, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs27(Stack18, { space: 4, children: [
+    /* @__PURE__ */ jsx32(Text27, { size: 2, weight: "semibold", children: "Provenance" }),
+    /* @__PURE__ */ jsxs27(Grid4, { columns: [1, 2, 3], gap: 4, children: [
+      /* @__PURE__ */ jsx32(Field, { label: "Mode", value: provenance.mode }),
+      /* @__PURE__ */ jsx32(Field, { label: "Source", value: provenance.source.name }),
+      /* @__PURE__ */ jsx32(
         Field,
         {
           label: "Trigger",
           value: provenance.trigger.type + (provenance.trigger.workflow ? ` (${provenance.trigger.workflow})` : "")
         }
       ),
-      /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsx32(
         Field,
         {
           label: "Models",
           value: provenance.models.map((m) => m.label).join(", ")
         }
       ),
-      /* @__PURE__ */ jsx31(Field, { label: "Grader Model", mono: true, value: provenance.graderModel }),
-      provenance.contextHash && /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsx32(Field, { label: "Grader Model", mono: true, value: provenance.graderModel }),
+      provenance.contextHash && /* @__PURE__ */ jsx32(
         Field,
         {
           label: "Context Hash",
@@ -4793,8 +4842,8 @@ function ProvenanceCard({ provenance }) {
         }
       )
     ] }),
-    provenance.git && /* @__PURE__ */ jsx31(GitInfo, { git: provenance.git }),
-    /* @__PURE__ */ jsx31(PromptfooLinks, { provenance })
+    provenance.git && /* @__PURE__ */ jsx32(GitInfo, { git: provenance.git }),
+    /* @__PURE__ */ jsx32(PromptfooLinks, { provenance })
   ] }) });
 }
 function Field({
@@ -4802,9 +4851,9 @@ function Field({
   mono,
   value
 }) {
-  return /* @__PURE__ */ jsxs26(Stack18, { space: 1, children: [
-    /* @__PURE__ */ jsx31(
-      Text26,
+  return /* @__PURE__ */ jsxs27(Stack18, { space: 1, children: [
+    /* @__PURE__ */ jsx32(
+      Text27,
       {
         muted: true,
         size: 0,
@@ -4813,31 +4862,27 @@ function Field({
         children: label
       }
     ),
-    /* @__PURE__ */ jsx31(Text26, { size: 1, style: mono ? { fontFamily: "monospace" } : void 0, children: value })
+    /* @__PURE__ */ jsx32(Text27, { size: 1, style: mono ? { fontFamily: "monospace" } : void 0, children: value })
   ] });
 }
 function GitInfo({ git }) {
-  return /* @__PURE__ */ jsx31(Card18, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs26(Flex19, { align: "center", gap: 3, wrap: "wrap", children: [
-    /* @__PURE__ */ jsx31(Text26, { muted: true, size: 1, weight: "semibold", children: "Git" }),
-    /* @__PURE__ */ jsxs26(Text26, { size: 1, children: [
-      git.repo,
+  const repoUrl = `https://github.com/${git.repo}`;
+  const branchUrl = `${repoUrl}/tree/${git.branch}`;
+  const commitUrl = `${repoUrl}/commit/${git.sha}`;
+  const prUrl = git.prNumber ? `${repoUrl}/pull/${git.prNumber}` : null;
+  return /* @__PURE__ */ jsx32(Card18, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs27(Flex20, { align: "center", gap: 3, wrap: "wrap", children: [
+    /* @__PURE__ */ jsx32(Text27, { muted: true, size: 1, weight: "semibold", children: "Git" }),
+    /* @__PURE__ */ jsxs27(Text27, { size: 1, children: [
+      /* @__PURE__ */ jsx32("a", { href: repoUrl, rel: "noopener noreferrer", target: "_blank", children: git.repo }),
       " / ",
-      git.branch
+      /* @__PURE__ */ jsx32("a", { href: branchUrl, rel: "noopener noreferrer", target: "_blank", children: git.branch })
     ] }),
-    /* @__PURE__ */ jsx31(Text26, { muted: true, size: 1, style: { fontFamily: "monospace" }, children: git.sha.slice(0, 12) }),
-    git.prNumber && /* @__PURE__ */ jsx31(Text26, { size: 1, children: /* @__PURE__ */ jsxs26(
-      "a",
-      {
-        href: `https://github.com/${git.repo}/pull/${git.prNumber}`,
-        rel: "noopener noreferrer",
-        target: "_blank",
-        children: [
-          "PR #",
-          git.prNumber,
-          " \u2192"
-        ]
-      }
-    ) })
+    /* @__PURE__ */ jsx32(Text27, { muted: true, size: 1, style: { fontFamily: "monospace" }, children: /* @__PURE__ */ jsx32("a", { href: commitUrl, rel: "noopener noreferrer", target: "_blank", children: git.sha.slice(0, 12) }) }),
+    prUrl && /* @__PURE__ */ jsx32(Text27, { size: 1, children: /* @__PURE__ */ jsxs27("a", { href: prUrl, rel: "noopener noreferrer", target: "_blank", children: [
+      "PR #",
+      git.prNumber,
+      " \u2192"
+    ] }) })
   ] }) });
 }
 function PromptfooLinks({
@@ -4848,14 +4893,14 @@ function PromptfooLinks({
       (e) => VIEWABLE_PROMPTFOO_MODES.has(e.mode)
     );
     if (viewable.length === 0) return null;
-    return /* @__PURE__ */ jsx31(Flex19, { gap: 3, wrap: "wrap", children: viewable.map((entry) => /* @__PURE__ */ jsx31(Text26, { size: 1, children: /* @__PURE__ */ jsxs26("a", { href: entry.url, rel: "noopener noreferrer", target: "_blank", children: [
+    return /* @__PURE__ */ jsx32(Flex20, { gap: 3, wrap: "wrap", children: viewable.map((entry) => /* @__PURE__ */ jsx32(Text27, { size: 1, children: /* @__PURE__ */ jsxs27("a", { href: entry.url, rel: "noopener noreferrer", target: "_blank", children: [
       "View in Promptfoo (",
       entry.mode,
       ") \u2192"
     ] }) }, entry.mode)) });
   }
   if (provenance.promptfooUrl && VIEWABLE_PROMPTFOO_MODES.has(provenance.mode)) {
-    return /* @__PURE__ */ jsx31(Text26, { size: 1, children: /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(Text27, { size: 1, children: /* @__PURE__ */ jsx32(
       "a",
       {
         href: provenance.promptfooUrl,
@@ -4870,32 +4915,32 @@ function PromptfooLinks({
 
 // src/components/report-detail/RecommendationsSection.tsx
 import React3 from "react";
-import { Badge as Badge15, Box as Box12, Card as Card19, Flex as Flex20, Stack as Stack19, Text as Text27, Tooltip as Tooltip6 } from "@sanity/ui";
+import { Badge as Badge16, Box as Box12, Card as Card19, Flex as Flex21, Stack as Stack19, Text as Text28, Tooltip as Tooltip6 } from "@sanity/ui";
 import { HelpCircleIcon as HelpCircleIcon6 } from "@sanity/icons";
-import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
 function RecommendationsSection({
   recommendations
 }) {
   if (recommendations.gaps.length === 0) return null;
-  return /* @__PURE__ */ jsx32(Card19, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs27(Stack19, { space: 4, children: [
-    /* @__PURE__ */ jsxs27(Flex20, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx32(Text27, { size: 2, weight: "semibold", children: "Recommendations" }),
-      /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(Card19, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs28(Stack19, { space: 4, children: [
+    /* @__PURE__ */ jsxs28(Flex21, { align: "center", gap: 3, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx33(Text28, { size: 2, weight: "semibold", children: "Recommendations" }),
+      /* @__PURE__ */ jsx33(
         Tooltip6,
         {
-          content: /* @__PURE__ */ jsx32(Box12, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx32(Text27, { size: 1, children: GLOSSARY.recommendations }) }),
+          content: /* @__PURE__ */ jsx33(Box12, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx33(Text28, { size: 1, children: GLOSSARY.recommendations }) }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsx32(Text27, { muted: true, size: 0, children: /* @__PURE__ */ jsx32(HelpCircleIcon6, {}) })
+          children: /* @__PURE__ */ jsx33(Text28, { muted: true, size: 0, children: /* @__PURE__ */ jsx33(HelpCircleIcon6, {}) })
         }
       ),
-      /* @__PURE__ */ jsx32(
+      /* @__PURE__ */ jsx33(
         Tooltip6,
         {
-          content: /* @__PURE__ */ jsx32(Box12, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx32(Text27, { size: 1, children: GLOSSARY.totalPotentialLift }) }),
+          content: /* @__PURE__ */ jsx33(Box12, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx33(Text28, { size: 1, children: GLOSSARY.totalPotentialLift }) }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsx32(Card19, { padding: 2, radius: 2, tone: "positive", children: /* @__PURE__ */ jsxs27(Text27, { size: 1, weight: "bold", children: [
+          children: /* @__PURE__ */ jsx33(Card19, { padding: 2, radius: 2, tone: "positive", children: /* @__PURE__ */ jsxs28(Text28, { size: 1, weight: "bold", children: [
             "+",
             recommendations.totalPotentialLift.toFixed(1),
             " pts potential lift"
@@ -4903,7 +4948,7 @@ function RecommendationsSection({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs27(
+    /* @__PURE__ */ jsxs28(
       "div",
       {
         style: {
@@ -4912,9 +4957,9 @@ function RecommendationsSection({
           gridTemplateColumns: "auto 2fr 2fr 1fr 1fr 1fr"
         },
         children: [
-          /* @__PURE__ */ jsx32(ColumnHeader, { borderBottom: true, label: "#" }),
-          /* @__PURE__ */ jsx32(ColumnHeader, { borderBottom: true, label: "Area" }),
-          /* @__PURE__ */ jsx32(
+          /* @__PURE__ */ jsx33(ColumnHeader, { borderBottom: true, label: "#" }),
+          /* @__PURE__ */ jsx33(ColumnHeader, { borderBottom: true, label: "Area" }),
+          /* @__PURE__ */ jsx33(
             ColumnHeader,
             {
               borderBottom: true,
@@ -4922,8 +4967,8 @@ function RecommendationsSection({
               tooltip: GLOSSARY.failureMode
             }
           ),
-          /* @__PURE__ */ jsx32(ColumnHeader, { borderBottom: true, label: "Action" }),
-          /* @__PURE__ */ jsx32(
+          /* @__PURE__ */ jsx33(ColumnHeader, { borderBottom: true, label: "Action" }),
+          /* @__PURE__ */ jsx33(
             ColumnHeader,
             {
               borderBottom: true,
@@ -4931,7 +4976,7 @@ function RecommendationsSection({
               tooltip: GLOSSARY.estimatedLift
             }
           ),
-          /* @__PURE__ */ jsx32(
+          /* @__PURE__ */ jsx33(
             ColumnHeader,
             {
               borderBottom: true,
@@ -4939,7 +4984,7 @@ function RecommendationsSection({
               tooltip: GLOSSARY.confidence
             }
           ),
-          recommendations.gaps.map((gap, i) => /* @__PURE__ */ jsx32(RecommendationRow, { gap, index: i }, `gap-${i}`))
+          recommendations.gaps.map((gap, i) => /* @__PURE__ */ jsx33(RecommendationRow, { gap, index: i }, `gap-${i}`))
         ]
       }
     )
@@ -4951,8 +4996,8 @@ function RecommendationRow({
 }) {
   const confIcon = gap.confidence === "high" ? "\u{1F7E2}" : gap.confidence === "medium" ? "\u{1F7E1}" : "\u{1F534}";
   const bg = rowBackground(index);
-  return /* @__PURE__ */ jsxs27(React3.Fragment, { children: [
-    /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsxs28(React3.Fragment, { children: [
+    /* @__PURE__ */ jsx33(
       "div",
       {
         style: {
@@ -4962,10 +5007,10 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 4px"
         },
-        children: /* @__PURE__ */ jsx32(Text27, { muted: true, size: 1, children: index + 1 })
+        children: /* @__PURE__ */ jsx33(Text28, { muted: true, size: 1, children: index + 1 })
       }
     ),
-    /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx33(
       "div",
       {
         style: {
@@ -4974,10 +5019,10 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx32(Text27, { size: 1, weight: "medium", children: gap.area })
+        children: /* @__PURE__ */ jsx33(Text28, { size: 1, weight: "medium", children: gap.area })
       }
     ),
-    /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx33(
       "div",
       {
         style: {
@@ -4986,8 +5031,8 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx32(
-          Badge15,
+        children: /* @__PURE__ */ jsx33(
+          Badge16,
           {
             tone: gap.failureMode === "missing-docs" ? "critical" : gap.failureMode === "incorrect-docs" ? "critical" : gap.failureMode === "outdated-docs" ? "caution" : "default",
             children: gap.failureMode
@@ -4995,7 +5040,7 @@ function RecommendationRow({
         )
       }
     ),
-    /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx33(
       "div",
       {
         style: {
@@ -5004,10 +5049,10 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx32(Text27, { muted: true, size: 1, children: gap.remediation })
+        children: /* @__PURE__ */ jsx33(Text28, { muted: true, size: 1, children: gap.remediation })
       }
     ),
-    /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx33(
       "div",
       {
         style: {
@@ -5016,13 +5061,13 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx32(Card19, { padding: 2, radius: 2, tone: "positive", children: /* @__PURE__ */ jsxs27(Text27, { align: "center", size: 1, weight: "medium", children: [
+        children: /* @__PURE__ */ jsx33(Card19, { padding: 2, radius: 2, tone: "positive", children: /* @__PURE__ */ jsxs28(Text28, { align: "center", size: 1, weight: "medium", children: [
           "+",
           gap.estimatedLift.toFixed(1)
         ] }) })
       }
     ),
-    /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx33(
       "div",
       {
         style: {
@@ -5031,7 +5076,7 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsxs27(Text27, { size: 1, children: [
+        children: /* @__PURE__ */ jsxs28(Text28, { size: 1, children: [
           confIcon,
           " ",
           gap.confidence
@@ -5044,16 +5089,16 @@ function RecommendationRow({
 // src/components/report-detail/ReportHeader.tsx
 import { ArrowLeftIcon, ClipboardIcon } from "@sanity/icons";
 import {
-  Badge as Badge16,
+  Badge as Badge17,
   Box as Box13,
   Button as Button2,
   Card as Card20,
-  Flex as Flex21,
+  Flex as Flex22,
   Stack as Stack20,
-  Text as Text28,
+  Text as Text29,
   Tooltip as Tooltip7
 } from "@sanity/ui";
-import { Fragment as Fragment6, jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
 function ReportHeader({
   completedAt,
   mode,
@@ -5066,9 +5111,9 @@ function ReportHeader({
   const dateLabel = formatCardDate(completedAt);
   const title = tag ?? dateLabel;
   const hasTag = Boolean(tag);
-  return /* @__PURE__ */ jsxs28(Fragment6, { children: [
-    /* @__PURE__ */ jsxs28(Flex21, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs29(Fragment6, { children: [
+    /* @__PURE__ */ jsxs29(Flex22, { align: "center", gap: 3, children: [
+      /* @__PURE__ */ jsx34(
         Button2,
         {
           icon: ArrowLeftIcon,
@@ -5077,22 +5122,22 @@ function ReportHeader({
           text: "Back"
         }
       ),
-      /* @__PURE__ */ jsxs28(Stack20, { flex: 1, space: 1, children: [
-        /* @__PURE__ */ jsx33(Text28, { size: 3, weight: "bold", children: title }),
-        hasTag && /* @__PURE__ */ jsx33(Text28, { muted: true, size: 1, children: dateLabel })
+      /* @__PURE__ */ jsxs29(Stack20, { flex: 1, space: 1, children: [
+        /* @__PURE__ */ jsx34(Text29, { size: 3, weight: "bold", children: title }),
+        hasTag && /* @__PURE__ */ jsx34(Text29, { muted: true, size: 1, children: dateLabel })
       ] }),
-      /* @__PURE__ */ jsxs28(Flex21, { gap: 2, children: [
-        /* @__PURE__ */ jsx33(Badge16, { mode: "outline", tone: "default", children: sourceName }),
-        /* @__PURE__ */ jsx33(Badge16, { tone: "primary", children: mode })
+      /* @__PURE__ */ jsxs29(Flex22, { gap: 2, children: [
+        /* @__PURE__ */ jsx34(Badge17, { mode: "outline", tone: "default", children: sourceName }),
+        /* @__PURE__ */ jsx34(Badge17, { tone: "primary", children: mode })
       ] })
     ] }),
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx34(
       Tooltip7,
       {
-        content: /* @__PURE__ */ jsx33(Box13, { padding: 2, children: /* @__PURE__ */ jsx33(Text28, { size: 1, children: "Click to copy report ID" }) }),
+        content: /* @__PURE__ */ jsx34(Box13, { padding: 2, children: /* @__PURE__ */ jsx34(Text29, { size: 1, children: "Click to copy report ID" }) }),
         placement: "bottom",
         portal: true,
-        children: /* @__PURE__ */ jsx33(
+        children: /* @__PURE__ */ jsx34(
           Card20,
           {
             border: true,
@@ -5101,9 +5146,9 @@ function ReportHeader({
             radius: 2,
             style: { cursor: "pointer" },
             tone: "transparent",
-            children: /* @__PURE__ */ jsxs28(Flex21, { align: "center", gap: 3, children: [
-              /* @__PURE__ */ jsx33(
-                Text28,
+            children: /* @__PURE__ */ jsxs29(Flex22, { align: "center", gap: 3, children: [
+              /* @__PURE__ */ jsx34(
+                Text29,
                 {
                   muted: true,
                   size: 0,
@@ -5115,8 +5160,8 @@ function ReportHeader({
                   children: "Report ID"
                 }
               ),
-              /* @__PURE__ */ jsx33(
-                Text28,
+              /* @__PURE__ */ jsx34(
+                Text29,
                 {
                   size: 1,
                   style: {
@@ -5126,7 +5171,7 @@ function ReportHeader({
                   children: reportId
                 }
               ),
-              /* @__PURE__ */ jsx33(Box13, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx33(Text28, { muted: true, size: 1, children: /* @__PURE__ */ jsx33(ClipboardIcon, {}) }) })
+              /* @__PURE__ */ jsx34(Box13, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx34(Text29, { muted: true, size: 1, children: /* @__PURE__ */ jsx34(ClipboardIcon, {}) }) })
             ] })
           }
         )
@@ -5137,18 +5182,18 @@ function ReportHeader({
 
 // src/components/report-detail/ThreeLayerTable.tsx
 import React4 from "react";
-import { Badge as Badge17, Card as Card21, Flex as Flex22, Stack as Stack21, Text as Text29 } from "@sanity/ui";
-import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Badge as Badge18, Card as Card21, Flex as Flex23, Stack as Stack21, Text as Text30 } from "@sanity/ui";
+import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
 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__ */ jsx34(Card21, { overflow: "auto", padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs29(Stack21, { space: 4, children: [
-    /* @__PURE__ */ jsxs29(Flex22, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsx34(Text29, { size: 2, weight: "semibold", children: "Three-Layer Decomposition" }),
-      /* @__PURE__ */ jsx34(Badge17, { tone: "primary", children: "full mode" })
+  return /* @__PURE__ */ jsx35(Card21, { overflow: "auto", padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs30(Stack21, { space: 4, children: [
+    /* @__PURE__ */ jsxs30(Flex23, { align: "center", gap: 3, children: [
+      /* @__PURE__ */ jsx35(Text30, { size: 2, weight: "semibold", children: "Three-Layer Decomposition" }),
+      /* @__PURE__ */ jsx35(Badge18, { tone: "primary", children: "full mode" })
     ] }),
-    /* @__PURE__ */ jsxs29(
+    /* @__PURE__ */ jsxs30(
       "div",
       {
         style: {
@@ -5157,9 +5202,9 @@ function ThreeLayerTable({ scores }) {
           gridTemplateColumns: "2fr 1fr 1fr 1fr 1fr 1fr"
         },
         children: [
-          /* @__PURE__ */ jsx34(ColumnHeader, { borderBottom: true, label: "Area" }),
-          /* @__PURE__ */ jsx34(ColumnHeader, { borderBottom: true, label: "Floor", tooltip: GLOSSARY.floor }),
-          /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsx35(ColumnHeader, { borderBottom: true, label: "Area" }),
+          /* @__PURE__ */ jsx35(ColumnHeader, { borderBottom: true, label: "Floor", tooltip: GLOSSARY.floor }),
+          /* @__PURE__ */ jsx35(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5167,8 +5212,8 @@ function ThreeLayerTable({ scores }) {
               tooltip: GLOSSARY.ceiling
             }
           ),
-          /* @__PURE__ */ jsx34(ColumnHeader, { borderBottom: true, label: "Actual", tooltip: GLOSSARY.actual }),
-          /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsx35(ColumnHeader, { borderBottom: true, label: "Actual", tooltip: GLOSSARY.actual }),
+          /* @__PURE__ */ jsx35(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5176,7 +5221,7 @@ function ThreeLayerTable({ scores }) {
               tooltip: GLOSSARY.retGap
             }
           ),
-          /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsx35(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5184,8 +5229,8 @@ function ThreeLayerTable({ scores }) {
               tooltip: GLOSSARY.efficiency
             }
           ),
-          filtered.map((score, i) => /* @__PURE__ */ jsxs29(React4.Fragment, { children: [
-            /* @__PURE__ */ jsx34(
+          filtered.map((score, i) => /* @__PURE__ */ jsxs30(React4.Fragment, { children: [
+            /* @__PURE__ */ jsx35(
               "div",
               {
                 style: {
@@ -5193,13 +5238,13 @@ function ThreeLayerTable({ scores }) {
                   borderRadius: 4,
                   padding: "8px 0 8px 4px"
                 },
-                children: /* @__PURE__ */ jsx34(Text29, { size: 1, weight: "medium", children: score.feature })
+                children: /* @__PURE__ */ jsx35(Text30, { size: 1, weight: "medium", children: score.feature })
               }
             ),
-            /* @__PURE__ */ jsx34("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx34(ScoreCell, { score: score.floorScore ?? 0 }) }),
-            /* @__PURE__ */ jsx34("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx34(ScoreCell, { score: score.ceilingScore ?? score.totalScore }) }),
-            /* @__PURE__ */ jsx34("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx34(ScoreCell, { score: score.actualScore ?? 0 }) }),
-            /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx35("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx35(ScoreCell, { score: score.floorScore ?? 0 }) }),
+            /* @__PURE__ */ jsx35("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx35(ScoreCell, { score: score.ceilingScore ?? score.totalScore }) }),
+            /* @__PURE__ */ jsx35("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx35(ScoreCell, { score: score.actualScore ?? 0 }) }),
+            /* @__PURE__ */ jsx35(
               "div",
               {
                 style: {
@@ -5208,10 +5253,10 @@ function ThreeLayerTable({ scores }) {
                   display: "flex",
                   padding: "6px 0"
                 },
-                children: /* @__PURE__ */ jsx34(Text29, { size: 1, children: score.retrievalGap != null ? score.retrievalGap.toFixed(1) : "\u2014" })
+                children: /* @__PURE__ */ jsx35(Text30, { size: 1, children: score.retrievalGap != null ? score.retrievalGap.toFixed(1) : "\u2014" })
               }
             ),
-            /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx35(
               "div",
               {
                 style: {
@@ -5220,7 +5265,7 @@ function ThreeLayerTable({ scores }) {
                   display: "flex",
                   padding: "6px 0"
                 },
-                children: /* @__PURE__ */ jsxs29(Text29, { size: 1, children: [
+                children: /* @__PURE__ */ jsxs30(Text30, { size: 1, children: [
                   formatPercent(score.infrastructureEfficiency),
                   score.invertedRetrievalGap && " \u26A0\uFE0F"
                 ] })
@@ -5230,12 +5275,12 @@ function ThreeLayerTable({ scores }) {
         ]
       }
     ),
-    hasInverted && /* @__PURE__ */ jsx34(Text29, { muted: true, size: 0, children: GLOSSARY.invertedRetGap })
+    hasInverted && /* @__PURE__ */ jsx35(Text30, { muted: true, size: 0, children: GLOSSARY.invertedRetGap })
   ] }) });
 }
 
 // src/components/report-detail/ReportDetail.tsx
-import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
 function ReportDetail({ onBack, reportId }) {
   const client = useClient6({ apiVersion: API_VERSION });
   const toast = useToast();
@@ -5273,11 +5318,11 @@ function ReportDetail({ onBack, reportId }) {
     });
   }, [report, toast]);
   if (loading) {
-    return /* @__PURE__ */ jsx35(LoadingState, { message: "Loading report\u2026" });
+    return /* @__PURE__ */ jsx36(LoadingState, { message: "Loading report\u2026" });
   }
   if (!report) {
-    return /* @__PURE__ */ jsx35(Box14, { padding: 5, children: /* @__PURE__ */ jsxs30(Stack22, { space: 4, children: [
-      /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsx36(Box14, { padding: 5, children: /* @__PURE__ */ jsxs31(Stack22, { space: 4, children: [
+      /* @__PURE__ */ jsx36(
         Button3,
         {
           icon: ArrowLeftIcon2,
@@ -5286,14 +5331,14 @@ function ReportDetail({ onBack, reportId }) {
           text: "Back"
         }
       ),
-      /* @__PURE__ */ jsx35(Text30, { align: "center", muted: true, size: 2, children: "Report not found" })
+      /* @__PURE__ */ jsx36(Text31, { align: "center", muted: true, size: 2, children: "Report not found" })
     ] }) });
   }
   const { comparison, provenance, summary } = 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__ */ jsx35(Box14, { padding: 4, children: /* @__PURE__ */ jsxs30(Stack22, { space: 5, children: [
-    /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(Box14, { padding: 4, children: /* @__PURE__ */ jsxs31(Stack22, { space: 5, children: [
+    /* @__PURE__ */ jsx36(
       ReportHeader,
       {
         completedAt: report.completedAt,
@@ -5305,7 +5350,7 @@ function ReportDetail({ onBack, reportId }) {
         tag: report.tag
       }
     ),
-    /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsx36(
       OverviewStats,
       {
         durationMs: report.durationMs,
@@ -5314,20 +5359,20 @@ function ReportDetail({ onBack, reportId }) {
         totalTests
       }
     ),
-    isFullMode && /* @__PURE__ */ jsx35(ThreeLayerTable, { scores: summary.scores }),
-    /* @__PURE__ */ jsx35(AreaScoreTable, { scores: summary.scores }),
-    summary.recommendations && summary.recommendations.gaps.length > 0 && /* @__PURE__ */ jsx35(RecommendationsSection, { recommendations: summary.recommendations }),
-    summary.lowScoringJudgments && summary.lowScoringJudgments.length > 0 && /* @__PURE__ */ jsx35(JudgmentList, { judgments: summary.lowScoringJudgments }),
-    comparison && /* @__PURE__ */ jsx35(ComparisonSummary, { comparison }),
-    /* @__PURE__ */ jsx35(ProvenanceCard, { provenance })
+    isFullMode && /* @__PURE__ */ jsx36(ThreeLayerTable, { scores: summary.scores }),
+    /* @__PURE__ */ jsx36(AreaScoreTable, { scores: summary.scores }),
+    summary.recommendations && summary.recommendations.gaps.length > 0 && /* @__PURE__ */ jsx36(RecommendationsSection, { recommendations: summary.recommendations }),
+    summary.lowScoringJudgments && summary.lowScoringJudgments.length > 0 && /* @__PURE__ */ jsx36(JudgmentList, { judgments: summary.lowScoringJudgments }),
+    comparison && /* @__PURE__ */ jsx36(ComparisonSummary, { comparison }),
+    /* @__PURE__ */ jsx36(ProvenanceCard, { provenance })
   ] }) });
 }
 
 // src/components/ScoreTimeline.tsx
-import { Card as Card22, Flex as Flex23, Select as Select2, Stack as Stack23, Text as Text31 } from "@sanity/ui";
+import { Card as Card22, Flex as Flex24, Select as Select2, Stack as Stack23, Text as Text32 } from "@sanity/ui";
 import { useCallback as useCallback13, useEffect as useEffect8, useMemo as useMemo6, useState as useState9 } from "react";
 import { useClient as useClient7 } from "sanity";
-import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
 var CHART_HEIGHT = 220;
 var CHART_WIDTH = 800;
 var PAD_BOTTOM = 30;
@@ -5426,22 +5471,22 @@ function ScoreTimeline({ mode = null, source = null }) {
     []
   );
   const polylinePoints = chartPoints.map((p) => `${p.x},${p.y}`).join(" ");
-  return /* @__PURE__ */ jsxs31(Stack23, { space: 4, children: [
-    /* @__PURE__ */ jsxs31(Flex23, { gap: 3, children: [
-      /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsxs32(Stack23, { space: 4, children: [
+    /* @__PURE__ */ jsxs32(Flex24, { gap: 3, children: [
+      /* @__PURE__ */ jsx37(
         Select2,
         {
           onChange: handleRangeChange,
           value: rangeDays?.toString() ?? "all",
-          children: TIME_RANGES.map((r) => /* @__PURE__ */ jsx36("option", { value: r.days?.toString() ?? "all", children: r.label }, r.label))
+          children: TIME_RANGES.map((r) => /* @__PURE__ */ jsx37("option", { value: r.days?.toString() ?? "all", children: r.label }, r.label))
         }
       ),
-      /* @__PURE__ */ jsxs31(Select2, { onChange: handleAreaChange, value: selectedArea ?? "", children: [
-        /* @__PURE__ */ jsx36("option", { value: "", children: "Overall" }),
-        areaNames.map((name) => /* @__PURE__ */ jsx36("option", { value: name, children: name }, name))
+      /* @__PURE__ */ jsxs32(Select2, { onChange: handleAreaChange, value: selectedArea ?? "", children: [
+        /* @__PURE__ */ jsx37("option", { value: "", children: "Overall" }),
+        areaNames.map((name) => /* @__PURE__ */ jsx37("option", { value: name, children: name }, name))
       ] })
     ] }),
-    /* @__PURE__ */ jsx36(Card22, { padding: 3, radius: 2, shadow: 1, children: loading ? /* @__PURE__ */ jsx36(Flex23, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx36(Text31, { muted: true, size: 1, children: "Loading\u2026" }) }) : chartPoints.length === 0 ? /* @__PURE__ */ jsx36(Flex23, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx36(Text31, { muted: true, size: 1, children: "No reports found for this time range" }) }) : /* @__PURE__ */ jsxs31(
+    /* @__PURE__ */ jsx37(Card22, { padding: 3, radius: 2, shadow: 1, children: loading ? /* @__PURE__ */ jsx37(Flex24, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx37(Text32, { muted: true, size: 1, children: "Loading\u2026" }) }) : chartPoints.length === 0 ? /* @__PURE__ */ jsx37(Flex24, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx37(Text32, { muted: true, size: 1, children: "No reports found for this time range" }) }) : /* @__PURE__ */ jsxs32(
       "svg",
       {
         style: { display: "block", width: "100%" },
@@ -5449,8 +5494,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__ */ jsxs31("g", { children: [
-              /* @__PURE__ */ jsx36(
+            return /* @__PURE__ */ jsxs32("g", { children: [
+              /* @__PURE__ */ jsx37(
                 "line",
                 {
                   stroke: "#ccc",
@@ -5461,7 +5506,7 @@ function ScoreTimeline({ mode = null, source = null }) {
                   y2: y
                 }
               ),
-              /* @__PURE__ */ jsx36(
+              /* @__PURE__ */ jsx37(
                 "text",
                 {
                   dominantBaseline: "middle",
@@ -5481,7 +5526,7 @@ function ScoreTimeline({ mode = null, source = null }) {
             chartPoints.length - 1
           ].map((idx) => {
             const p = chartPoints[idx];
-            return /* @__PURE__ */ jsx36(
+            return /* @__PURE__ */ jsx37(
               "text",
               {
                 fill: "#999",
@@ -5493,7 +5538,7 @@ function ScoreTimeline({ mode = null, source = null }) {
               },
               idx
             );
-          }) : chartPoints.map((p, idx) => /* @__PURE__ */ jsx36(
+          }) : chartPoints.map((p, idx) => /* @__PURE__ */ jsx37(
             "text",
             {
               fill: "#999",
@@ -5505,7 +5550,7 @@ function ScoreTimeline({ mode = null, source = null }) {
             },
             idx
           )),
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx37(
             "polyline",
             {
               fill: "none",
@@ -5515,7 +5560,7 @@ function ScoreTimeline({ mode = null, source = null }) {
               strokeWidth: 2.5
             }
           ),
-          chartPoints.map((p, idx) => /* @__PURE__ */ jsx36(
+          chartPoints.map((p, idx) => /* @__PURE__ */ jsx37(
             "circle",
             {
               cx: p.x,
@@ -5524,7 +5569,7 @@ function ScoreTimeline({ mode = null, source = null }) {
               r: 4,
               stroke: "#fff",
               strokeWidth: 1.5,
-              children: /* @__PURE__ */ jsxs31("title", { children: [
+              children: /* @__PURE__ */ jsxs32("title", { children: [
                 formatDate2(p.date),
                 ": ",
                 Math.round(p.score)
@@ -5535,7 +5580,7 @@ function ScoreTimeline({ mode = null, source = null }) {
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs31(Text31, { muted: true, size: 1, children: [
+    /* @__PURE__ */ jsxs32(Text32, { muted: true, size: 1, children: [
       chartPoints.length,
       " data point",
       chartPoints.length !== 1 ? "s" : ""
@@ -5545,7 +5590,7 @@ function ScoreTimeline({ mode = null, source = null }) {
 var ScoreTimeline_default = ScoreTimeline;
 
 // src/components/Dashboard.tsx
-import { jsx as jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs33 } from "react/jsx-runtime";
 var VIEW_PARAM_MAP = {
   compare: "compare",
   timeline: "timeline"
@@ -5584,41 +5629,41 @@ function Dashboard() {
     client.fetch(distinctSourcesQuery).then((data) => setSources(data ?? [])).catch(() => setSources([]));
     client.fetch(distinctModesQuery).then((data) => setModes(data ?? [])).catch(() => setModes([]));
   }, [client]);
-  return /* @__PURE__ */ jsx37(Container, { width: 2, children: /* @__PURE__ */ jsxs32(Stack24, { padding: 4, space: 4, children: [
-    /* @__PURE__ */ jsxs32(Flex24, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsxs32(Stack24, { flex: 1, space: 1, children: [
-        /* @__PURE__ */ jsx37(Text32, { size: 3, weight: "bold", children: "AI Literacy" }),
-        /* @__PURE__ */ jsx37(Text32, { muted: true, size: 1, children: "Evaluation reports and score trends" })
+  return /* @__PURE__ */ jsx38(Container, { width: 2, children: /* @__PURE__ */ jsxs33(Stack24, { padding: 4, space: 4, children: [
+    /* @__PURE__ */ jsxs33(Flex25, { align: "center", gap: 3, children: [
+      /* @__PURE__ */ jsxs33(Stack24, { flex: 1, space: 1, children: [
+        /* @__PURE__ */ jsx38(Text33, { size: 3, weight: "bold", children: "AI Literacy Framework" }),
+        /* @__PURE__ */ jsx38(Text33, { muted: true, size: 1, children: "Evaluation reports and score trends" })
       ] }),
-      !isDetail && /* @__PURE__ */ jsxs32(Flex24, { gap: 2, children: [
-        /* @__PURE__ */ jsxs32(
+      !isDetail && /* @__PURE__ */ jsxs33(Flex25, { gap: 2, children: [
+        /* @__PURE__ */ jsxs33(
           Select3,
           {
             fontSize: 1,
             onChange: (e) => setSource(e.currentTarget.value || null),
             value: source ?? "",
             children: [
-              /* @__PURE__ */ jsx37("option", { value: "", children: "All sources" }),
-              sources.map((s) => /* @__PURE__ */ jsx37("option", { value: s, children: s }, s))
+              /* @__PURE__ */ jsx38("option", { value: "", children: "All sources" }),
+              sources.map((s) => /* @__PURE__ */ jsx38("option", { value: s, children: s }, s))
             ]
           }
         ),
-        /* @__PURE__ */ jsxs32(
+        /* @__PURE__ */ jsxs33(
           Select3,
           {
             fontSize: 1,
             onChange: (e) => setMode(e.currentTarget.value || null),
             value: mode ?? "",
             children: [
-              /* @__PURE__ */ jsx37("option", { value: "", children: "All modes" }),
-              modes.map((m) => /* @__PURE__ */ jsx37("option", { value: m, children: m }, m))
+              /* @__PURE__ */ jsx38("option", { value: "", children: "All modes" }),
+              modes.map((m) => /* @__PURE__ */ jsx38("option", { value: m, children: m }, m))
             ]
           }
         )
       ] })
     ] }),
-    !isDetail && /* @__PURE__ */ jsxs32(TabList, { space: 1, children: [
-      /* @__PURE__ */ jsx37(
+    !isDetail && /* @__PURE__ */ jsxs33(TabList, { space: 1, children: [
+      /* @__PURE__ */ jsx38(
         Tab,
         {
           "aria-controls": "latest-panel",
@@ -5628,7 +5673,7 @@ function Dashboard() {
           selected: activeTab === "latest"
         }
       ),
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(
         Tab,
         {
           "aria-controls": "timeline-panel",
@@ -5638,7 +5683,7 @@ function Dashboard() {
           selected: activeTab === "timeline"
         }
       ),
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(
         Tab,
         {
           "aria-controls": "compare-panel",
@@ -5649,7 +5694,7 @@ function Dashboard() {
         }
       )
     ] }),
-    !isDetail && activeTab === "latest" && /* @__PURE__ */ jsx37(TabPanel, { "aria-labelledby": "latest-tab", id: "latest-panel", children: /* @__PURE__ */ jsx37(
+    !isDetail && activeTab === "latest" && /* @__PURE__ */ jsx38(TabPanel, { "aria-labelledby": "latest-tab", id: "latest-panel", children: /* @__PURE__ */ jsx38(
       LatestReports,
       {
         mode,
@@ -5657,9 +5702,9 @@ function Dashboard() {
         source
       }
     ) }),
-    !isDetail && activeTab === "timeline" && /* @__PURE__ */ jsx37(TabPanel, { "aria-labelledby": "timeline-tab", id: "timeline-panel", children: /* @__PURE__ */ jsx37(ScoreTimeline_default, { mode, source }) }),
-    !isDetail && activeTab === "compare" && /* @__PURE__ */ jsx37(TabPanel, { "aria-labelledby": "compare-tab", id: "compare-panel", children: /* @__PURE__ */ jsx37(ComparisonView, {}) }),
-    isDetail && reportId && /* @__PURE__ */ jsx37(ReportDetail, { onBack: handleBack, reportId })
+    !isDetail && activeTab === "timeline" && /* @__PURE__ */ jsx38(TabPanel, { "aria-labelledby": "timeline-tab", id: "timeline-panel", children: /* @__PURE__ */ jsx38(ScoreTimeline_default, { mode, source }) }),
+    !isDetail && activeTab === "compare" && /* @__PURE__ */ jsx38(TabPanel, { "aria-labelledby": "compare-tab", id: "compare-panel", children: /* @__PURE__ */ jsx38(ComparisonView, {}) }),
+    isDetail && reportId && /* @__PURE__ */ jsx38(ReportDetail, { onBack: handleBack, reportId })
   ] }) });
 }
 
@@ -5672,9 +5717,9 @@ function ailfTool(options = {}) {
   return {
     component: Dashboard,
     icon: BarChartIcon,
-    name: options.name ?? "ai-literacy",
+    name: options.name ?? "ailf",
     router: toolRouter,
-    title: options.title ?? "AI Literacy"
+    title: options.title ?? "AI Literacy Framework"
   };
 }