@sanity/ailf-studio 0.1.0 → 0.1.2

package/dist/index.js

@@ -18,9 +18,8 @@ var GraduateToNativeAction = (props) => {
   const [isConfirming, setIsConfirming] = useState(false);
   const doc = draft ?? published;
   const origin = doc?.origin;
-  if (type !== "ailf.task" || !origin) return null;
-  const repoDisplay = origin.repo ?? "an external repository";
-  const repoUrl = origin.repo && origin.path && origin.branch ? `https://github.com/${origin.repo}/blob/${origin.branch}/${origin.path}` : null;
+  const repoDisplay = origin?.repo ?? "an external repository";
+  const repoUrl = origin?.repo && origin.path && origin.branch ? `https://github.com/${origin.repo}/blob/${origin.branch}/${origin.path}` : null;
   const handleGraduate = useCallback(async () => {
     try {
       const publishedId = id.replace(/^drafts\./, "");
@@ -34,6 +33,7 @@ var GraduateToNativeAction = (props) => {
       console.error("Failed to graduate task:", err);
     }
   }, [client, draft, id, onComplete]);
+  if (type !== "ailf.task" || !origin) return null;
   return {
     dialog: isConfirming ? {
       type: "confirm",
@@ -60,19 +60,26 @@ var GraduateToNativeAction = (props) => {
       onConfirm: handleGraduate
     } : void 0,
     icon: EditIcon,
-    label: "Graduate to Native",
+    label: "Graduate to native task",
     onHandle: () => setIsConfirming(true),
+    title: "Disconnect this task from its source repo so it becomes fully editable in Studio. This cannot be undone.",
     tone: "caution"
   };
 };
 GraduateToNativeAction.displayName = "GraduateToNativeAction";
 
 // src/schema/eval-request.ts
-import { defineField, defineType } from "sanity";
+import { ALL_FIELDS_GROUP, defineField, defineType } from "sanity";
 var evalRequestSchema = defineType({
+  groups: [
+    { name: "main", title: "Main", default: true },
+    { name: "optional", title: "Optional" },
+    ALL_FIELDS_GROUP
+  ],
   fields: [
     defineField({
       description: "Set when the pipeline completes",
+      group: ["optional", "all-fields"],
       name: "completedAt",
       readOnly: true,
       title: "Completed At",
@@ -80,6 +87,7 @@ var evalRequestSchema = defineType({
     }),
     defineField({
       description: "Sanity dataset name",
+      group: ["main", "all-fields"],
       name: "dataset",
       readOnly: true,
       title: "Dataset",
@@ -88,6 +96,7 @@ var evalRequestSchema = defineType({
     }),
     defineField({
       description: "Set by webhook handler when GitHub dispatch succeeds",
+      group: ["optional", "all-fields"],
       name: "dispatchedAt",
       readOnly: true,
       title: "Dispatched At",
@@ -95,6 +104,7 @@ var evalRequestSchema = defineType({
     }),
     defineField({
       description: "Error message if dispatch or pipeline failed",
+      group: ["optional", "all-fields"],
       name: "error",
       readOnly: true,
       title: "Error",
@@ -102,6 +112,7 @@ var evalRequestSchema = defineType({
     }),
     defineField({
       description: "Evaluation mode",
+      group: ["main", "all-fields"],
       initialValue: "baseline",
       name: "mode",
       options: {
@@ -118,6 +129,7 @@ var evalRequestSchema = defineType({
     }),
     defineField({
       description: "Content release perspective ID",
+      group: ["main", "all-fields"],
       name: "perspective",
       readOnly: true,
       title: "Perspective",
@@ -126,6 +138,7 @@ var evalRequestSchema = defineType({
     }),
     defineField({
       description: "Sanity project ID",
+      group: ["main", "all-fields"],
       name: "projectId",
       readOnly: true,
       title: "Project ID",
@@ -134,6 +147,7 @@ var evalRequestSchema = defineType({
     }),
     defineField({
       description: "Links to the resulting ailf.report document's reportId",
+      group: ["optional", "all-fields"],
       name: "reportId",
       readOnly: true,
       title: "Report ID",
@@ -141,6 +155,7 @@ var evalRequestSchema = defineType({
     }),
     defineField({
       description: "ISO timestamp of when the request was created",
+      group: ["main", "all-fields"],
       name: "requestedAt",
       readOnly: true,
       title: "Requested At",
@@ -149,6 +164,7 @@ var evalRequestSchema = defineType({
     }),
     defineField({
       description: "User ID of the person who clicked the button",
+      group: ["optional", "all-fields"],
       name: "requestedBy",
       readOnly: true,
       title: "Requested By",
@@ -156,6 +172,7 @@ var evalRequestSchema = defineType({
     }),
     defineField({
       description: "Request lifecycle: pending \u2192 dispatched \u2192 completed \u2192 failed. Only 'pending' is set by Studio; the webhook handler and pipeline callback update subsequent states.",
+      group: ["main", "all-fields"],
       initialValue: "pending",
       name: "status",
       options: {
@@ -173,6 +190,7 @@ var evalRequestSchema = defineType({
     }),
     defineField({
       description: 'Publish tag for the report (e.g. "release-my-release-2026-03-16")',
+      group: ["optional", "all-fields"],
       name: "tag",
       readOnly: true,
       title: "Tag",
@@ -197,11 +215,17 @@ var evalRequestSchema = defineType({
 });
 
 // src/schema/feature-area.ts
-import { defineField as defineField2, defineType as defineType2 } from "sanity";
+import { ALL_FIELDS_GROUP as ALL_FIELDS_GROUP2, defineField as defineField2, defineType as defineType2 } from "sanity";
 var featureAreaSchema = defineType2({
+  groups: [
+    { name: "main", title: "Main", default: true },
+    { name: "optional", title: "Optional" },
+    ALL_FIELDS_GROUP2
+  ],
   fields: [
     defineField2({
       description: 'Unique stable identifier (e.g., "groq"). Must be lowercase alphanumeric with hyphens. Used for CLI filtering (--area groq) and score aggregation.',
+      group: ["main", "all-fields"],
       name: "areaId",
       title: "Area ID",
       type: "slug",
@@ -214,6 +238,7 @@ var featureAreaSchema = defineType2({
     }),
     defineField2({
       description: 'Human-readable label shown in Studio and reports (e.g., "GROQ Query Language")',
+      group: ["main", "all-fields"],
       name: "description",
       title: "Description",
       type: "string",
@@ -221,12 +246,14 @@ var featureAreaSchema = defineType2({
     }),
     defineField2({
       description: "Team or person responsible for this feature area (optional)",
+      group: ["optional", "all-fields"],
       name: "owner",
       title: "Owner",
       type: "string"
     }),
     defineField2({
       description: "Additional categorization labels for filtering",
+      group: ["optional", "all-fields"],
       name: "tags",
       of: [{ type: "string" }],
       title: "Tags",
@@ -252,31 +279,25 @@ var featureAreaSchema = defineType2({
 });
 
 // src/schema/reference-solution.ts
-import { defineField as defineField3, defineType as defineType3 } from "sanity";
+import { ALL_FIELDS_GROUP as ALL_FIELDS_GROUP3, defineField as defineField3, defineType as defineType3 } from "sanity";
 var referenceSolutionSchema = defineType3({
+  groups: [
+    { name: "main", title: "Main", default: true },
+    { name: "optional", title: "Optional" },
+    ALL_FIELDS_GROUP3
+  ],
   fields: [
     defineField3({
       description: "Human-readable label for this reference solution",
+      group: ["main", "all-fields"],
       name: "title",
       title: "Title",
       type: "string",
       validation: (rule) => rule.required()
     }),
-    defineField3({
-      description: "Primary programming language of the solution",
-      initialValue: "typescript",
-      name: "language",
-      options: {
-        list: [
-          { title: "TypeScript", value: "typescript" },
-          { title: "JavaScript", value: "javascript" }
-        ]
-      },
-      title: "Language",
-      type: "string"
-    }),
     defineField3({
       description: "Gold-standard implementation with code blocks and prose explanation. Use code blocks for the implementation and regular text to explain why this is the correct approach.",
+      group: ["main", "all-fields"],
       name: "content",
       of: [{ type: "block" }, { type: "code" }],
       title: "Content",
@@ -284,28 +305,23 @@ var referenceSolutionSchema = defineType3({
     }),
     defineField3({
       description: "CDN-uploaded files for multi-file solutions (e.g., a Next.js page + a schema + a config). Each file is uploaded as an asset with its filename preserved.",
+      group: ["optional", "all-fields"],
       name: "files",
       of: [{ type: "file" }],
       title: "Files",
       type: "array"
     }),
     defineField3({
-      description: "Why this is the correct approach \u2014 rationale and design decisions",
+      description: "Describe why this is the correct approach, including any rationale and decisions.",
+      group: ["optional", "all-fields"],
       name: "notes",
-      title: "Notes",
+      title: "Author Notes",
       type: "text"
     })
   ],
   name: "ailf.referenceSolution",
   preview: {
-    prepare({ language, title }) {
-      return {
-        subtitle: typeof language === "string" ? language : "",
-        title: typeof title === "string" ? title : "Reference Solution"
-      };
-    },
     select: {
-      language: "language",
       title: "title"
     }
   },
@@ -314,7 +330,7 @@ var referenceSolutionSchema = defineType3({
 });
 
 // src/schema/report.ts
-import { defineField as defineField4, defineType as defineType4 } from "sanity";
+import { ALL_FIELDS_GROUP as ALL_FIELDS_GROUP4, defineField as defineField4, defineType as defineType4 } from "sanity";
 function documentRefSchema() {
   return {
     fields: [
@@ -327,8 +343,14 @@ function documentRefSchema() {
   };
 }
 var reportSchema = defineType4({
+  groups: [
+    { name: "main", title: "Main", default: true },
+    { name: "optional", title: "Optional" },
+    ALL_FIELDS_GROUP4
+  ],
   fields: [
     defineField4({
+      group: ["main", "all-fields"],
       name: "reportId",
       readOnly: true,
       title: "Report ID",
@@ -336,6 +358,7 @@ var reportSchema = defineType4({
       validation: (rule) => rule.required()
     }),
     defineField4({
+      group: ["main", "all-fields"],
       name: "completedAt",
       readOnly: true,
       title: "Completed At",
@@ -343,12 +366,14 @@ var reportSchema = defineType4({
       validation: (rule) => rule.required()
     }),
     defineField4({
+      group: ["optional", "all-fields"],
       name: "durationMs",
       readOnly: true,
       title: "Duration (ms)",
       type: "number"
     }),
     defineField4({
+      group: ["optional", "all-fields"],
       name: "tag",
       readOnly: true,
       title: "Tag",
@@ -528,6 +553,7 @@ var reportSchema = defineType4({
           type: "object"
         })
       ],
+      group: ["main", "all-fields"],
       name: "provenance",
       readOnly: true,
       title: "Provenance",
@@ -976,6 +1002,7 @@ var reportSchema = defineType4({
           type: "array"
         })
       ],
+      group: ["main", "all-fields"],
       name: "summary",
       readOnly: true,
       title: "Score Summary",
@@ -1047,6 +1074,7 @@ var reportSchema = defineType4({
           type: "string"
         })
       ],
+      group: ["optional", "all-fields"],
       name: "comparison",
       readOnly: true,
       title: "Auto-Comparison",
@@ -1078,18 +1106,306 @@ var reportSchema = defineType4({
 });
 
 // src/schema/task.ts
-import { defineField as defineField5, defineType as defineType5 } from "sanity";
+import { ALL_FIELDS_GROUP as ALL_FIELDS_GROUP5, defineField as defineField5, defineType as defineType5 } from "sanity";
+
+// src/components/AssertionInput.tsx
+import { HelpCircleIcon } from "@sanity/icons";
+import { Box as Box2, Card, Flex, Stack as Stack2, Text as Text2 } from "@sanity/ui";
+import { useCallback as useCallback2 } from "react";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var TYPE_HELP = {
+  "llm-rubric": {
+    description: "Sends the LLM output to a grader model that scores it against a rubric template. Select a template and add task-specific criteria bullets that describe what the grader should check."
+  },
+  contains: {
+    description: "Passes if the output contains this exact substring. Case-sensitive.",
+    valueHint: "The exact text that must appear in the output.",
+    example: "createClient"
+  },
+  "contains-any": {
+    description: "Passes if the output contains at least one of the given substrings. Case-sensitive. Enter each substring on a separate line.",
+    valueHint: "One substring per line \u2014 passes if any match.",
+    example: "createClient\ngetClient"
+  },
+  "contains-all": {
+    description: "Passes if the output contains all of the given substrings. Case-sensitive. Enter each substring on a separate line.",
+    valueHint: "One substring per line \u2014 all must match.",
+    example: "import\ncreateClient\nclient.fetch"
+  },
+  "not-contains": {
+    description: "Passes if the output does NOT contain this substring. Case-sensitive. Useful for checking that deprecated patterns or incorrect APIs are absent.",
+    valueHint: "Text that must NOT appear in the output.",
+    example: "documentStore"
+  },
+  icontains: {
+    description: "Like contains, but case-insensitive. Passes if the output contains this substring regardless of casing.",
+    valueHint: "The text that must appear (case-insensitive).",
+    example: "groq"
+  },
+  "icontains-any": {
+    description: "Like contains-any, but case-insensitive. Passes if the output contains at least one substring, ignoring case. Enter each on a separate line.",
+    valueHint: "One substring per line \u2014 passes if any match (case-insensitive).",
+    example: "GROQ\ngroq\nGroq"
+  },
+  regex: {
+    description: "Passes if the output matches this regular expression pattern. Uses JavaScript regex syntax (without delimiters).",
+    valueHint: "A JavaScript regular expression pattern.",
+    example: "import\\s+\\{.*createClient.*\\}\\s+from"
+  },
+  javascript: {
+    description: "A JavaScript function body that evaluates the output. Receives the variable 'output' (string) and must return true (pass) or false (fail). Can also return a number 0\u20131 for scored assertions, or an object { pass: boolean, score: number, reason: string }.",
+    valueHint: "JavaScript code \u2014 'output' variable is available.",
+    example: "// Check for correct import pattern\nconst hasImport = output.includes('createClient');\nconst noDeprecated = !output.includes('documentStore');\nreturn hasImport && noDeprecated;"
+  },
+  similar: {
+    description: "Passes if the output is semantically similar to the value text, using embedding-based cosine similarity. Set the threshold between 0 (no similarity required) and 1 (exact match).",
+    valueHint: "Reference text to compare against.",
+    thresholdHint: "Similarity score 0\u20131 (e.g. 0.8 for strong match)."
+  },
+  cost: {
+    description: "Passes if the API call cost is below the threshold. Useful for ensuring tasks stay within budget.",
+    thresholdHint: "Maximum cost in dollars (e.g. 0.05)."
+  },
+  latency: {
+    description: "Passes if the API call latency is below the threshold. Useful for performance-sensitive evaluations.",
+    thresholdHint: "Maximum latency in milliseconds (e.g. 5000)."
+  }
+};
+var MONOSPACE_TYPES = /* @__PURE__ */ new Set(["javascript", "regex"]);
+var MONOSPACE_STYLE = `
+  [data-ailf-monospace="true"] textarea {
+    font-family: "SF Mono", "Fira Code", "Fira Mono", Menlo, Consolas, monospace !important;
+    font-size: 13px !important;
+    line-height: 1.5 !important;
+    tab-size: 2;
+  }
+`;
+var TEMPLATE_HELP = {
+  "task-completion": {
+    description: "Scores whether the LLM produced a functional implementation that satisfies the task requirements. This is the most heavily weighted dimension.",
+    weight: "50% of composite score",
+    scaleHint: "0 = couldn't attempt \u2192 50 = major gaps \u2192 100 = fully functional"
+  },
+  "code-correctness": {
+    description: "Scores whether the code follows best practices, uses current APIs, and avoids anti-patterns. Checks for idiomatic implementation and correct API usage.",
+    weight: "25% of composite score",
+    scaleHint: "0 = broken/deprecated \u2192 50 = works but not idiomatic \u2192 100 = best practices"
+  },
+  "doc-coverage": {
+    description: "Scores how much of the implementation could be derived from the provided documentation vs. requiring hallucination or guesswork. Measures doc quality.",
+    weight: "25% of composite score",
+    scaleHint: "0 = had to hallucinate \u2192 50 = inferred from partial info \u2192 100 = fully covered"
+  }
+};
+function TypeHelpCard({ help }) {
+  return /* @__PURE__ */ jsx2(Card, { padding: 3, radius: 2, tone: "transparent", border: true, children: /* @__PURE__ */ jsxs2(Stack2, { space: 3, children: [
+    /* @__PURE__ */ jsxs2(Flex, { align: "flex-start", gap: 2, children: [
+      /* @__PURE__ */ jsx2(Box2, { style: { flexShrink: 0, marginTop: 1 }, children: /* @__PURE__ */ jsx2(Text2, { size: 1, muted: true, children: /* @__PURE__ */ jsx2(HelpCircleIcon, {}) }) }),
+      /* @__PURE__ */ jsx2(Text2, { size: 1, muted: true, children: help.description })
+    ] }),
+    (help.valueHint || help.thresholdHint || help.example) && /* @__PURE__ */ jsxs2(Stack2, { space: 2, paddingLeft: 4, children: [
+      help.valueHint && /* @__PURE__ */ jsxs2(Text2, { size: 0, muted: true, children: [
+        /* @__PURE__ */ jsx2("strong", { children: "Value:" }),
+        " ",
+        help.valueHint
+      ] }),
+      help.thresholdHint && /* @__PURE__ */ jsxs2(Text2, { size: 0, muted: true, children: [
+        /* @__PURE__ */ jsx2("strong", { children: "Threshold:" }),
+        " ",
+        help.thresholdHint
+      ] }),
+      help.example && /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx2(Text2, { size: 0, muted: true, children: /* @__PURE__ */ jsx2("strong", { children: "Example:" }) }),
+        /* @__PURE__ */ jsx2(
+          Box2,
+          {
+            marginTop: 1,
+            style: {
+              background: "var(--card-code-bg-color, #f5f5f5)",
+              borderRadius: 3,
+              padding: "6px 8px",
+              fontFamily: '"SF Mono", "Fira Code", Menlo, Consolas, monospace',
+              fontSize: 12,
+              lineHeight: 1.5,
+              whiteSpace: "pre-wrap",
+              wordBreak: "break-word"
+            },
+            children: help.example
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+function TemplateHelpCard({ help }) {
+  return /* @__PURE__ */ jsx2(Card, { padding: 3, radius: 2, tone: "transparent", border: true, children: /* @__PURE__ */ jsxs2(Stack2, { space: 2, children: [
+    /* @__PURE__ */ jsxs2(Flex, { align: "flex-start", gap: 2, children: [
+      /* @__PURE__ */ jsx2(Box2, { style: { flexShrink: 0, marginTop: 1 }, children: /* @__PURE__ */ jsx2(Text2, { size: 1, muted: true, children: /* @__PURE__ */ jsx2(HelpCircleIcon, {}) }) }),
+      /* @__PURE__ */ jsx2(Text2, { size: 1, muted: true, children: help.description })
+    ] }),
+    /* @__PURE__ */ jsxs2(Stack2, { space: 1, paddingLeft: 4, children: [
+      /* @__PURE__ */ jsxs2(Text2, { size: 0, muted: true, children: [
+        /* @__PURE__ */ jsx2("strong", { children: "Weight:" }),
+        " ",
+        help.weight
+      ] }),
+      /* @__PURE__ */ jsxs2(Text2, { size: 0, muted: true, children: [
+        /* @__PURE__ */ jsx2("strong", { children: "Scale:" }),
+        " ",
+        help.scaleHint
+      ] })
+    ] })
+  ] }) });
+}
+function AssertionInput(props) {
+  const value = props.value;
+  const selectedType = typeof value?.type === "string" ? value.type : null;
+  const selectedTemplate = typeof value?.template === "string" ? value.template : null;
+  const typeHelp = selectedType ? TYPE_HELP[selectedType] : null;
+  const templateHelp = selectedTemplate ? TEMPLATE_HELP[selectedTemplate] : null;
+  const isMonospace = selectedType ? MONOSPACE_TYPES.has(selectedType) : false;
+  const { renderField: parentRenderField } = props;
+  const renderField = useCallback2(
+    (fieldProps) => {
+      const rendered = parentRenderField(fieldProps);
+      if (fieldProps.name === "type" && typeHelp) {
+        return /* @__PURE__ */ jsxs2(Stack2, { space: 3, children: [
+          rendered,
+          /* @__PURE__ */ jsx2(TypeHelpCard, { help: typeHelp })
+        ] });
+      }
+      if (fieldProps.name === "template" && templateHelp) {
+        return /* @__PURE__ */ jsxs2(Stack2, { space: 3, children: [
+          rendered,
+          /* @__PURE__ */ jsx2(TemplateHelpCard, { help: templateHelp })
+        ] });
+      }
+      return rendered;
+    },
+    [typeHelp, templateHelp, parentRenderField]
+  );
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    isMonospace && /* @__PURE__ */ jsx2("style", { children: MONOSPACE_STYLE }),
+    /* @__PURE__ */ jsx2("div", { "data-ailf-monospace": isMonospace ? "true" : void 0, children: props.renderDefault({ ...props, renderField }) })
+  ] });
+}
+
+// src/components/CanonicalDocInput.tsx
+import { HelpCircleIcon as HelpCircleIcon2 } from "@sanity/icons";
+import { Box as Box3, Card as Card2, Flex as Flex2, Stack as Stack3, Text as Text3 } from "@sanity/ui";
+import { useCallback as useCallback3 } from "react";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var REF_TYPE_HELP = {
+  slug: {
+    description: "References a single article document. Use the document picker below to select the article. The pipeline reads the slug, path, and ID directly from the referenced document.",
+    valueHint: "Select an article document using the picker below."
+  },
+  perspective: {
+    description: "Includes all articles from a content release. Use the release picker below to select a release. The pipeline auto-discovers every article in the release at evaluation time.",
+    valueHint: "Select a content release using the picker below."
+  }
+};
+function RefTypeHelpCard({ help }) {
+  return /* @__PURE__ */ jsx3(Card2, { padding: 3, radius: 2, tone: "transparent", border: true, children: /* @__PURE__ */ jsxs3(Flex2, { align: "flex-start", gap: 2, children: [
+    /* @__PURE__ */ jsx3(Box3, { style: { flexShrink: 0, marginTop: 1 }, children: /* @__PURE__ */ jsx3(Text3, { size: 1, muted: true, children: /* @__PURE__ */ jsx3(HelpCircleIcon2, {}) }) }),
+    /* @__PURE__ */ jsx3(Text3, { size: 1, muted: true, children: help.description })
+  ] }) });
+}
+function CanonicalDocInput(props) {
+  const value = props.value;
+  const selectedType = typeof value?.refType === "string" ? value.refType : null;
+  const help = selectedType ? REF_TYPE_HELP[selectedType] : null;
+  const { renderField: parentRenderField } = props;
+  const renderField = useCallback3(
+    (fieldProps) => {
+      const rendered = parentRenderField(fieldProps);
+      if (fieldProps.name === "refType" && help) {
+        return /* @__PURE__ */ jsxs3(Stack3, { space: 3, children: [
+          rendered,
+          /* @__PURE__ */ jsx3(RefTypeHelpCard, { help })
+        ] });
+      }
+      return rendered;
+    },
+    [help, parentRenderField]
+  );
+  return /* @__PURE__ */ jsx3(Fragment2, { children: props.renderDefault({ ...props, renderField }) });
+}
+
+// src/components/CanonicalDocPreview.tsx
+import { Flex as Flex3, Text as Text4 } from "@sanity/ui";
+import { useMemo } from "react";
+import {
+  getReleaseIdFromReleaseDocumentId,
+  useActiveReleases,
+  useArchivedReleases
+} from "sanity";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function CanonicalDocPreview(props) {
+  const { perspective, perspectiveTitle, reason, refType, slug, path } = props;
+  const isPerspective = refType === "perspective";
+  const { data: activeReleases } = useActiveReleases();
+  const { data: archivedReleases } = useArchivedReleases();
+  const resolvedTitle = useMemo(() => {
+    if (!isPerspective) {
+      return typeof props.title === "string" ? props.title : "Document";
+    }
+    if (typeof perspectiveTitle === "string" && perspectiveTitle.length > 0) {
+      return perspectiveTitle;
+    }
+    if (typeof perspective === "string") {
+      const allReleases = [
+        ...activeReleases ?? [],
+        ...archivedReleases ?? []
+      ];
+      const match = allReleases.find(
+        (r) => getReleaseIdFromReleaseDocumentId(r._id) === perspective
+      );
+      if (match?.metadata?.title) {
+        return match.metadata.title;
+      }
+    }
+    return typeof perspective === "string" ? perspective : "Content Release";
+  }, [
+    isPerspective,
+    perspectiveTitle,
+    perspective,
+    activeReleases,
+    archivedReleases,
+    props.title
+  ]);
+  const icon = isPerspective ? "\u{1F4E6}" : "\u{1F4C4}";
+  let subtitle;
+  if (typeof reason === "string" && reason.length > 0) {
+    subtitle = reason;
+  } else if (isPerspective && typeof perspective === "string") {
+    subtitle = perspective;
+  } else if (typeof slug === "string") {
+    subtitle = slug;
+  } else if (typeof path === "string") {
+    subtitle = path;
+  } else {
+    subtitle = "";
+  }
+  return /* @__PURE__ */ jsxs4(Flex3, { align: "center", gap: 2, padding: 2, children: [
+    /* @__PURE__ */ jsx4(Text4, { size: 1, children: icon }),
+    /* @__PURE__ */ jsxs4(Flex3, { direction: "column", gap: 1, flex: 1, children: [
+      /* @__PURE__ */ jsx4(Text4, { size: 1, weight: "semibold", children: resolvedTitle }),
+      subtitle && /* @__PURE__ */ jsx4(Text4, { muted: true, size: 0, children: subtitle })
+    ] })
+  ] });
+}
 
 // src/components/OriginInput.tsx
-import { Stack as Stack3 } from "@sanity/ui";
+import { Stack as Stack5 } from "@sanity/ui";
 
 // src/components/MirrorBanner.tsx
 import { LinkIcon } from "@sanity/icons";
-import { Card, Flex, Stack as Stack2, Text as Text3 } from "@sanity/ui";
+import { Card as Card3, Flex as Flex4, Stack as Stack4, Text as Text6 } from "@sanity/ui";
 
 // src/components/SyncStatusBadge.tsx
-import { Badge, Box as Box2, Text as Text2, Tooltip } from "@sanity/ui";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Badge, Box as Box4, Text as Text5, Tooltip } from "@sanity/ui";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var MS_PER_DAY = 24 * 60 * 60 * 1e3;
 var FRESH_THRESHOLD_MS = 3 * MS_PER_DAY;
 var STALE_THRESHOLD_MS = 7 * MS_PER_DAY;
@@ -1113,33 +1429,33 @@ function SyncStatusBadge({
   const label = ageMs < FRESH_THRESHOLD_MS ? "Synced" : ageMs < STALE_THRESHOLD_MS ? "Stale" : "Outdated";
   const ageStr = formatAge(ageMs);
   const shaStr = commitSha ? ` \xB7 ${commitSha.slice(0, 7)}` : "";
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx5(
     Tooltip,
     {
-      content: /* @__PURE__ */ jsx2(Box2, { padding: 2, children: /* @__PURE__ */ jsxs2(Text2, { size: 1, children: [
+      content: /* @__PURE__ */ jsx5(Box4, { padding: 2, children: /* @__PURE__ */ jsxs5(Text5, { size: 1, children: [
         "Last synced ",
         ageStr,
         shaStr
       ] }) }),
       portal: true,
-      children: /* @__PURE__ */ jsx2(Badge, { fontSize, tone, children: label })
+      children: /* @__PURE__ */ jsx5(Badge, { fontSize, tone, children: label })
     }
   );
 }
 
 // src/components/MirrorBanner.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function MirrorBanner({ origin }) {
   const { repo, path, branch, commitSha, lastSyncedAt } = origin;
   const repoUrl = repo && path && branch ? `https://github.com/${repo}/blob/${branch}/${path}` : null;
   const repoDisplay = repo ?? "an external repository";
-  return /* @__PURE__ */ jsx3(Card, { padding: 3, radius: 2, tone: "transparent", border: true, children: /* @__PURE__ */ jsxs3(Stack2, { space: 3, children: [
-    /* @__PURE__ */ jsxs3(Flex, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx3(Text3, { size: 1, children: /* @__PURE__ */ jsx3(LinkIcon, {}) }),
-      /* @__PURE__ */ jsxs3(Text3, { size: 1, children: [
+  return /* @__PURE__ */ jsx6(Card3, { padding: 3, radius: 2, tone: "transparent", border: true, children: /* @__PURE__ */ jsxs6(Stack4, { space: 3, children: [
+    /* @__PURE__ */ jsxs6(Flex4, { align: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx6(Text6, { size: 1, children: /* @__PURE__ */ jsx6(LinkIcon, {}) }),
+      /* @__PURE__ */ jsxs6(Text6, { size: 1, children: [
         "This task is managed in",
         " ",
-        repoUrl ? /* @__PURE__ */ jsx3(
+        repoUrl ? /* @__PURE__ */ jsx6(
           "a",
           {
             href: repoUrl,
@@ -1148,12 +1464,12 @@ function MirrorBanner({ origin }) {
             style: { fontWeight: 600 },
             children: repoDisplay
           }
-        ) : /* @__PURE__ */ jsx3("strong", { children: repoDisplay }),
+        ) : /* @__PURE__ */ jsx6("strong", { children: repoDisplay }),
         ". Edit it there to make changes."
       ] })
     ] }),
-    /* @__PURE__ */ jsxs3(Flex, { align: "center", gap: 2, wrap: "wrap", children: [
-      lastSyncedAt && /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsxs6(Flex4, { align: "center", gap: 2, wrap: "wrap", children: [
+      lastSyncedAt && /* @__PURE__ */ jsx6(
         SyncStatusBadge,
         {
           lastSyncedAt,
@@ -1161,17 +1477,17 @@ function MirrorBanner({ origin }) {
           fontSize: 0
         }
       ),
-      branch && /* @__PURE__ */ jsxs3(Text3, { size: 0, muted: true, children: [
+      branch && /* @__PURE__ */ jsxs6(Text6, { size: 0, muted: true, children: [
         branch,
         commitSha ? ` @ ${commitSha.slice(0, 7)}` : ""
       ] }),
-      path && /* @__PURE__ */ jsx3(Text3, { size: 0, muted: true, children: path })
+      path && /* @__PURE__ */ jsx6(Text6, { size: 0, muted: true, children: path })
     ] })
   ] }) });
 }
 
 // src/components/OriginInput.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function OriginInput(props) {
   const value = props.value;
   if (!value) return props.renderDefault(props);
@@ -1184,12 +1500,123 @@ function OriginInput(props) {
     commitSha: typeof value.commitSha === "string" ? value.commitSha : void 0,
     lastSyncedAt: typeof value.lastSyncedAt === "string" ? value.lastSyncedAt : void 0
   };
-  return /* @__PURE__ */ jsxs4(Stack3, { space: 3, children: [
-    /* @__PURE__ */ jsx4(MirrorBanner, { origin }),
+  return /* @__PURE__ */ jsxs7(Stack5, { space: 3, children: [
+    /* @__PURE__ */ jsx7(MirrorBanner, { origin }),
     props.renderDefault(props)
   ] });
 }
 
+// src/components/ReleasePicker.tsx
+import { SearchIcon } from "@sanity/icons";
+import { Autocomplete, Badge as Badge2, Card as Card4, Flex as Flex5, Stack as Stack6, Text as Text7 } from "@sanity/ui";
+import { useCallback as useCallback4, useEffect, useMemo as useMemo2, useRef } from "react";
+import {
+  getReleaseIdFromReleaseDocumentId as getReleaseIdFromReleaseDocumentId2,
+  PatchEvent,
+  set,
+  unset,
+  useActiveReleases as useActiveReleases2,
+  useArchivedReleases as useArchivedReleases2,
+  useFormCallbacks
+} from "sanity";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function StateBadge({ state }) {
+  const tone = state === "active" ? "positive" : state === "published" ? "primary" : "default";
+  return /* @__PURE__ */ jsx8(Badge2, { fontSize: 0, tone, children: state });
+}
+function ReleasePicker(props) {
+  const { onChange, path, value = "" } = props;
+  const { data: activeReleases } = useActiveReleases2();
+  const { data: archivedReleases } = useArchivedReleases2();
+  const { onChange: formOnChange } = useFormCallbacks();
+  const titlePath = useMemo2(
+    () => [...path.slice(0, -1), "perspectiveTitle"],
+    [path]
+  );
+  const options = useMemo2(() => {
+    const releases = [
+      ...(activeReleases ?? []).map((r) => ({ ...r, _state: "active" })),
+      ...(archivedReleases ?? []).map((r) => ({ ...r, _state: "archived" }))
+    ];
+    const result = releases.map((release) => {
+      const releaseId = getReleaseIdFromReleaseDocumentId2(release._id);
+      const title = release.metadata?.title ?? releaseId;
+      const state = release.state ?? release._state ?? "unknown";
+      return {
+        payload: { state: String(state), title },
+        value: releaseId
+      };
+    }).sort((a, b) => {
+      if (a.payload.state === "active" && b.payload.state !== "active")
+        return -1;
+      if (a.payload.state !== "active" && b.payload.state === "active")
+        return 1;
+      return a.payload.title.localeCompare(b.payload.title);
+    });
+    return result;
+  }, [activeReleases, archivedReleases]);
+  const hasSynced = useRef(false);
+  useEffect(() => {
+    if (hasSynced.current || !value || options.length === 0) return;
+    const match = options.find((o) => o.value === value);
+    if (match && match.payload.title !== value) {
+      hasSynced.current = true;
+      formOnChange(PatchEvent.from(set(match.payload.title, titlePath)));
+    }
+  }, [value, options, formOnChange, titlePath]);
+  const handleChange = useCallback4(
+    (newValue) => {
+      if (newValue) {
+        onChange(set(newValue));
+        const option = options.find((o) => o.value === newValue);
+        const title = option?.payload.title ?? newValue;
+        formOnChange(PatchEvent.from(set(title, titlePath)));
+      } else {
+        onChange(unset());
+        formOnChange(PatchEvent.from(unset(titlePath)));
+      }
+    },
+    [onChange, formOnChange, titlePath, options]
+  );
+  return /* @__PURE__ */ jsxs8(Stack6, { space: 2, children: [
+    /* @__PURE__ */ jsx8(
+      Autocomplete,
+      {
+        filterOption: (query, option) => {
+          const q = query.toLowerCase();
+          const opt = option;
+          return opt.value.toLowerCase().includes(q) || (opt.payload?.title ?? "").toLowerCase().includes(q);
+        },
+        icon: SearchIcon,
+        id: "canonical-doc-release-picker",
+        onChange: handleChange,
+        openButton: true,
+        options,
+        placeholder: "Search releases by title or ID\u2026",
+        renderOption: (option) => {
+          const opt = option;
+          return /* @__PURE__ */ jsx8(Card4, { as: "button", padding: 3, children: /* @__PURE__ */ jsxs8(Flex5, { align: "center", gap: 2, children: [
+            /* @__PURE__ */ jsxs8(Stack6, { flex: 1, space: 1, children: [
+              /* @__PURE__ */ jsx8(Text7, { size: 1, weight: "semibold", children: opt.payload.title }),
+              opt.payload.title !== opt.value && /* @__PURE__ */ jsx8(Text7, { muted: true, size: 1, children: opt.value })
+            ] }),
+            /* @__PURE__ */ jsx8(StateBadge, { state: opt.payload.state })
+          ] }) });
+        },
+        renderValue: (_v, option) => {
+          const opt = option;
+          return opt?.payload?.title ?? _v;
+        },
+        value
+      }
+    ),
+    value && /* @__PURE__ */ jsxs8(Text7, { muted: true, size: 0, children: [
+      "Release ID: ",
+      /* @__PURE__ */ jsx8("code", { children: value })
+    ] })
+  ] });
+}
+
 // src/schema/task.ts
 var ASSERTION_TYPES = [
   { title: "LLM Rubric", value: "llm-rubric" },
@@ -1205,18 +1632,28 @@ var ASSERTION_TYPES = [
   { title: "Cost Constraint", value: "cost" },
   { title: "Latency Constraint", value: "latency" }
 ];
+var DOC_REF_TYPES = [
+  { title: "Document", value: "id" },
+  { title: "Content Release", value: "perspective" }
+];
 var RUBRIC_TEMPLATES = [
   { title: "Task Completion", value: "task-completion" },
   { title: "Code Correctness", value: "code-correctness" },
   { title: "Doc Coverage", value: "doc-coverage" }
 ];
 var taskSchema = defineType5({
+  groups: [
+    { name: "main", title: "Main", default: true },
+    { name: "optional", title: "Optional" },
+    ALL_FIELDS_GROUP5
+  ],
   fields: [
     // -----------------------------------------------------------------------
     // Identity
     // -----------------------------------------------------------------------
     defineField5({
       description: "Unique task identifier (e.g., 'groq-blog-queries'). Used for CLI filtering (--task groq-blog-queries), score aggregation, and report linkage.",
+      group: ["main", "all-fields"],
       name: "id",
       title: "Task ID",
       type: "slug",
@@ -1229,16 +1666,30 @@ var taskSchema = defineType5({
     }),
     defineField5({
       description: "Human-readable label shown in reports and Studio",
+      group: ["main", "all-fields"],
       name: "description",
       title: "Description",
       type: "string",
       validation: (rule) => rule.required()
     }),
     // -----------------------------------------------------------------------
+    // Task prompt
+    // -----------------------------------------------------------------------
+    defineField5({
+      description: "The implementation prompt sent to the evaluated LLM. This is the user-facing request (e.g., 'Write GROQ queries for a blog app...'). Plain text or Markdown.",
+      group: ["main", "all-fields"],
+      name: "taskPrompt",
+      rows: 10,
+      title: "Task Prompt",
+      type: "text",
+      validation: (rule) => rule.required()
+    }),
+    // -----------------------------------------------------------------------
     // Classification
     // -----------------------------------------------------------------------
     defineField5({
       description: "Feature area this task belongs to. Used for score aggregation and --area CLI filtering.",
+      group: ["main", "all-fields"],
       name: "featureArea",
       title: "Feature Area",
       to: [{ type: "ailf.featureArea" }],
@@ -1247,6 +1698,7 @@ var taskSchema = defineType5({
     }),
     defineField5({
       description: "Freeform labels for filtering and organization",
+      group: ["optional", "all-fields"],
       name: "tags",
       of: [{ type: "string" }],
       title: "Tags",
@@ -1256,21 +1708,87 @@ var taskSchema = defineType5({
     // Documentation references
     // -----------------------------------------------------------------------
     defineField5({
-      description: "Documentation articles that the LLM should use to complete this task. These become the gold-standard doc context injected in baseline mode. Each entry includes a reference to an article document and an optional reason explaining why the doc is relevant.",
+      description: "Documentation that the LLM should use to complete this task. These become the gold-standard doc context injected in baseline mode. Each entry is either a single article document or a content release (whose articles are all included automatically).",
+      group: ["main", "all-fields"],
       name: "canonicalDocs",
       of: [
         {
+          components: {
+            input: CanonicalDocInput,
+            preview: CanonicalDocPreview
+          },
           fields: [
+            // Resolution type — drives conditional field visibility.
+            // Stored as "slug" (Document) or "perspective" (Content Release).
+            // Mirrored YAML tasks may carry "path" or "id" but those are
+            // read-only in Studio and handled by the adapter.
             defineField5({
-              description: "Reference to the documentation article",
+              description: "Document references a single article. Content Release includes all articles from a release.",
+              name: "refType",
+              options: {
+                layout: "radio",
+                direction: "horizontal",
+                list: [...DOC_REF_TYPES]
+              },
+              title: "Resolution Type",
+              type: "string",
+              initialValue: "id",
+              validation: (rule) => rule.required()
+            }),
+            // --- Article reference (Document mode) ---
+            defineField5({
+              description: "The article this canonical doc entry points to. The pipeline resolves the slug, path, and _id from this reference.",
+              hidden: ({ parent }) => parent?.refType === "perspective",
               name: "doc",
               title: "Document",
               to: [{ type: "article" }],
-              type: "reference",
-              validation: (rule) => rule.required()
+              type: "reference"
+            }),
+            // --- Path (hidden — only populated by mirrored YAML tasks) ---
+            defineField5({
+              description: "Full path after /docs/ (e.g. 'groq/groq-introduction'). Populated automatically for mirrored YAML/repo tasks with refType 'path'. Not shown in Studio \u2014 the pipeline derives the path from the doc reference when needed.",
+              hidden: true,
+              name: "path",
+              title: "Document Path",
+              type: "string"
+            }),
+            // --- Document ID (hidden — only populated by mirrored YAML tasks) ---
+            defineField5({
+              description: "Sanity document _id. Populated automatically for mirrored YAML/repo tasks with refType 'id'. Not shown in Studio \u2014 the pipeline reads the _id from the doc reference.",
+              hidden: true,
+              name: "docId",
+              title: "Document ID",
+              type: "string"
+            }),
+            // --- Perspective resolution ---
+            defineField5({
+              components: {
+                input: ReleasePicker
+              },
+              description: "Content release name (e.g. 'bundle-chatbox-launch'). All articles in this release are included as canonical docs. The pipeline auto-discovers articles at evaluation time.",
+              hidden: ({ parent }) => parent?.refType !== "perspective",
+              name: "perspective",
+              title: "Content Release",
+              type: "string",
+              validation: (rule) => rule.custom((value, context) => {
+                const parent = context.parent;
+                if (parent?.refType === "perspective" && !value) {
+                  return "Content release ID is required for perspective resolution";
+                }
+                return true;
+              })
+            }),
+            // --- Perspective title (hidden — populated by ReleasePicker) ---
+            defineField5({
+              description: "Human-readable title of the selected content release. Populated automatically by the release picker \u2014 used for list preview only, not by the pipeline.",
+              hidden: true,
+              name: "perspectiveTitle",
+              title: "Release Title",
+              type: "string"
             }),
+            // --- Reason (always visible) ---
             defineField5({
-              description: "Why this document helps with the task",
+              description: "Why this documentation helps with the task",
               name: "reason",
               title: "Reason",
               type: "string"
@@ -1278,14 +1796,13 @@ var taskSchema = defineType5({
           ],
           name: "canonicalDocRef",
           preview: {
-            prepare({ reason, title }) {
-              return {
-                subtitle: typeof reason === "string" ? reason : "",
-                title: typeof title === "string" ? title : "Document"
-              };
-            },
             select: {
+              path: "path",
+              perspective: "perspective",
+              perspectiveTitle: "perspectiveTitle",
               reason: "reason",
+              refType: "refType",
+              slug: "doc.slug.current",
               title: "doc.title"
             }
           },
@@ -1298,34 +1815,26 @@ var taskSchema = defineType5({
     }),
     defineField5({
       description: "Gold-standard implementation that demonstrates the correct approach",
+      group: ["optional", "all-fields"],
       name: "referenceSolution",
       title: "Reference Solution",
       to: [{ type: "ailf.referenceSolution" }],
       type: "reference"
     }),
-    // -----------------------------------------------------------------------
-    // Task prompt
-    // -----------------------------------------------------------------------
     defineField5({
       description: "Auto-generate a doc-coverage rubric assertion. When true, the pipeline adds a doc-coverage assertion that checks whether the LLM's output reflects the content of the canonical documents.",
+      group: ["optional", "all-fields"],
       initialValue: false,
       name: "docCoverage",
       title: "Doc Coverage",
       type: "boolean"
     }),
-    defineField5({
-      description: "The implementation prompt sent to the evaluated LLM. This is the user-facing request (e.g., 'Write GROQ queries for a blog app...'). Plain text or Markdown \u2014 consumed as a raw string by the evaluation harness, not rendered by Studio.",
-      name: "taskPrompt",
-      rows: 10,
-      title: "Task Prompt",
-      type: "text",
-      validation: (rule) => rule.required()
-    }),
     // -----------------------------------------------------------------------
     // Assertions (grading criteria)
     // -----------------------------------------------------------------------
     defineField5({
       description: "Grading criteria for evaluating the LLM's output. At least one assertion is required. Use llm-rubric with a template for scored evaluation, or value-based assertions for exact checks.",
+      group: ["main", "all-fields"],
       name: "assert",
       of: [
         {
@@ -1386,6 +1895,9 @@ var taskSchema = defineType5({
               type: "number"
             })
           ],
+          components: {
+            input: AssertionInput
+          },
           name: "assertion",
           preview: {
             prepare({
@@ -1423,6 +1935,7 @@ var taskSchema = defineType5({
     // -----------------------------------------------------------------------
     defineField5({
       description: "Advanced: Raw Promptfoo assertion objects that bypass AILF's curated type validation and template resolution. These are appended directly to the expanded Promptfoo test case. Use for edge cases where the curated assertion types are insufficient.",
+      group: ["optional", "all-fields"],
       name: "rawAssert",
       of: [
         {
@@ -1460,6 +1973,7 @@ var taskSchema = defineType5({
     // -----------------------------------------------------------------------
     defineField5({
       description: "Controls baseline variant generation. The baseline measures the LLM's performance without documentation (training data only).",
+      group: ["optional", "all-fields"],
       fields: [
         defineField5({
           description: "Generate a baseline variant (default: true)",
@@ -1496,6 +2010,7 @@ var taskSchema = defineType5({
     // -----------------------------------------------------------------------
     defineField5({
       description: "Controls when and how this task runs in the pipeline. Tasks without execution controls use defaults: enabled, blocking, no filters, no threshold.",
+      group: ["optional", "all-fields"],
       fields: [
         defineField5({
           description: "Skip this task when false (default: true)",
@@ -1594,29 +2109,6 @@ var taskSchema = defineType5({
           },
           title: "Threshold",
           type: "object"
-        }),
-        defineField5({
-          description: "Doc source override \u2014 evaluate this task against a different source than the pipeline default (e.g., a branch deploy URL)",
-          fields: [
-            defineField5({
-              name: "url",
-              title: "URL",
-              type: "url"
-            }),
-            defineField5({
-              description: "Content release perspective ID",
-              name: "perspective",
-              title: "Perspective",
-              type: "string"
-            })
-          ],
-          name: "source",
-          options: {
-            collapsible: true,
-            collapsed: true
-          },
-          title: "Source Override",
-          type: "object"
         })
       ],
       name: "execution",
@@ -1632,6 +2124,7 @@ var taskSchema = defineType5({
     // -----------------------------------------------------------------------
     defineField5({
       description: "Source repo provenance for mirrored tasks. This field is populated automatically when the pipeline mirrors repo-based tasks into the Content Lake. Read-only \u2014 the source of truth is the repo.",
+      group: ["optional", "all-fields"],
       fields: [
         defineField5({
           name: "type",
@@ -1751,11 +2244,17 @@ var taskSchema = defineType5({
 });
 
 // src/schema/webhook-config.ts
-import { defineField as defineField6, defineType as defineType6 } from "sanity";
+import { ALL_FIELDS_GROUP as ALL_FIELDS_GROUP6, defineField as defineField6, defineType as defineType6 } from "sanity";
 var webhookConfigSchema = defineType6({
+  groups: [
+    { name: "main", title: "Main", default: true },
+    { name: "optional", title: "Optional" },
+    ALL_FIELDS_GROUP6
+  ],
   fields: [
     defineField6({
       description: "When enabled, publishing articles will automatically trigger AI Literacy evaluations for affected feature areas.",
+      group: ["main", "all-fields"],
       initialValue: false,
       name: "enabled",
       title: "Evaluate on Publish",
@@ -1763,6 +2262,7 @@ var webhookConfigSchema = defineType6({
     }),
     defineField6({
       description: "Which evaluation mode to use for webhook-triggered evaluations.",
+      group: ["main", "all-fields"],
       initialValue: "baseline",
       name: "mode",
       options: {
@@ -1778,6 +2278,7 @@ var webhookConfigSchema = defineType6({
     }),
     defineField6({
       description: "Maximum evaluations per day. Prevents runaway costs from rapid editing.",
+      group: ["main", "all-fields"],
       initialValue: 20,
       name: "dailyBudget",
       title: "Daily Budget",
@@ -1786,6 +2287,7 @@ var webhookConfigSchema = defineType6({
     }),
     defineField6({
       description: "Seconds to wait after the last edit before dispatching. Coalesces rapid edits into a single evaluation.",
+      group: ["optional", "all-fields"],
       initialValue: 300,
       name: "debounceSeconds",
       title: "Debounce Window (seconds)",
@@ -1794,6 +2296,7 @@ var webhookConfigSchema = defineType6({
     }),
     defineField6({
       description: "Specific feature areas to evaluate. Leave empty to evaluate all affected areas automatically.",
+      group: ["optional", "all-fields"],
       name: "areas",
       of: [{ type: "string" }],
       title: "Area Filter",
@@ -1801,6 +2304,7 @@ var webhookConfigSchema = defineType6({
     }),
     defineField6({
       description: "Slack webhook URL for notifications about webhook-triggered evaluations.",
+      group: ["optional", "all-fields"],
       name: "notifySlack",
       title: "Slack Notification URL",
       type: "url"
@@ -1829,15 +2333,15 @@ import { route } from "sanity/router";
 // src/components/Dashboard.tsx
 import {
   Container,
-  Flex as Flex20,
+  Flex as Flex24,
   Select as Select3,
-  Stack as Stack21,
+  Stack as Stack24,
   Tab,
   TabList,
   TabPanel,
-  Text as Text28
+  Text as Text32
 } from "@sanity/ui";
-import { useCallback as useCallback11, useEffect as useEffect8, useState as useState10 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect9, useState as useState10 } from "react";
 import { useClient as useClient8 } from "sanity";
 import { useRouter } from "sanity/router";
 
@@ -2082,8 +2586,8 @@ function filterSourceClause(param) {
 }
 
 // src/components/ComparisonView.tsx
-import { Badge as Badge2, Box as Box5, Card as Card3, Flex as Flex3, Grid, Select, Stack as Stack5, Text as Text7 } from "@sanity/ui";
-import { useCallback as useCallback2, useEffect, useMemo, useState as useState2 } from "react";
+import { Badge as Badge3, Box as Box7, Card as Card6, Flex as Flex7, Grid, Select, Stack as Stack8, Text as Text11 } from "@sanity/ui";
+import { useCallback as useCallback5, useEffect as useEffect2, useMemo as useMemo3, useState as useState2 } from "react";
 import { useClient as useClient2 } from "sanity";
 
 // src/glossary.ts
@@ -2163,11 +2667,11 @@ function scoreMap(summary) {
   return new Map(summary.scores.map((s) => [s.feature, s]));
 }
 function allAreas(baseline, experiment) {
-  const set = /* @__PURE__ */ new Set([
+  const set2 = /* @__PURE__ */ new Set([
     ...baseline.scores.map((s) => s.feature),
     ...experiment.scores.map((s) => s.feature)
   ]);
-  return [...set].sort();
+  return [...set2].sort();
 }
 function classify(delta) {
   if (delta >= NOISE_THRESHOLD) return "improved";
@@ -2277,16 +2781,16 @@ function formatDuration(ms) {
 }
 
 // src/components/PageBlurb.tsx
-import { Card as Card2, Stack as Stack4, Text as Text4 } from "@sanity/ui";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { Card as Card5, Stack as Stack7, Text as Text8 } from "@sanity/ui";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function PageBlurb({ text }) {
-  return /* @__PURE__ */ jsx5(Card2, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx5(Stack4, { space: 2, children: /* @__PURE__ */ jsx5(Text4, { size: 1, children: text }) }) });
+  return /* @__PURE__ */ jsx9(Card5, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx9(Stack7, { space: 2, children: /* @__PURE__ */ jsx9(Text8, { size: 1, children: text }) }) });
 }
 
 // src/components/primitives/ColumnHeader.tsx
-import { HelpCircleIcon } from "@sanity/icons";
-import { Box as Box3, Flex as Flex2, Text as Text5, Tooltip as Tooltip2 } from "@sanity/ui";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { HelpCircleIcon as HelpCircleIcon3 } from "@sanity/icons";
+import { Box as Box5, Flex as Flex6, Text as Text9, Tooltip as Tooltip2 } from "@sanity/ui";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function ColumnHeader({
   label,
   tooltip,
@@ -2296,9 +2800,9 @@ function ColumnHeader({
     borderBottom: "1px solid var(--card-border-color)",
     paddingBottom: 6
   } : void 0;
-  return /* @__PURE__ */ jsxs5(Flex2, { align: "center", gap: 1, style, children: [
-    /* @__PURE__ */ jsx6(
-      Text5,
+  return /* @__PURE__ */ jsxs9(Flex6, { align: "center", gap: 1, style, children: [
+    /* @__PURE__ */ jsx10(
+      Text9,
       {
         muted: true,
         size: 1,
@@ -2307,26 +2811,26 @@ function ColumnHeader({
         children: label
       }
     ),
-    tooltip && /* @__PURE__ */ jsx6(
+    tooltip && /* @__PURE__ */ jsx10(
       Tooltip2,
       {
-        content: /* @__PURE__ */ jsx6(Box3, { padding: 2, children: /* @__PURE__ */ jsx6(Text5, { size: 1, children: tooltip }) }),
+        content: /* @__PURE__ */ jsx10(Box5, { padding: 2, children: /* @__PURE__ */ jsx10(Text9, { size: 1, children: tooltip }) }),
         portal: true,
-        children: /* @__PURE__ */ jsx6(Text5, { muted: true, size: 0, children: /* @__PURE__ */ jsx6(HelpCircleIcon, {}) })
+        children: /* @__PURE__ */ jsx10(Text9, { muted: true, size: 0, children: /* @__PURE__ */ jsx10(HelpCircleIcon3, {}) })
       }
     )
   ] });
 }
 
 // src/components/primitives/LoadingState.tsx
-import { Box as Box4, Text as Text6 } from "@sanity/ui";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { Box as Box6, Text as Text10 } from "@sanity/ui";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function LoadingState({ message = "Loading\u2026" }) {
-  return /* @__PURE__ */ jsx7(Box4, { padding: 4, children: /* @__PURE__ */ jsx7(Text6, { muted: true, children: message }) });
+  return /* @__PURE__ */ jsx11(Box6, { padding: 4, children: /* @__PURE__ */ jsx11(Text10, { muted: true, children: message }) });
 }
 
 // src/components/ComparisonView.tsx
-import { Fragment, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function ComparisonView() {
   const client = useClient2({ apiVersion: API_VERSION });
   const [baselineId, setBaselineId] = useState2(null);
@@ -2337,14 +2841,14 @@ function ComparisonView() {
   const [experimentSummary, setExperimentSummary] = useState2(null);
   const [loading, setLoading] = useState2(false);
   const [reports, setReports] = useState2([]);
-  useEffect(() => {
+  useEffect2(() => {
     client.fetch(latestReportsQuery, {
       limit: 50,
       mode: null,
       source: null
     }).then((data) => setReports(data ?? [])).catch(() => setReports([]));
   }, [client]);
-  useEffect(() => {
+  useEffect2(() => {
     if (!baselineId || !experimentId) {
       setBaselineSummary(null);
       setExperimentSummary(null);
@@ -2365,75 +2869,75 @@ function ComparisonView() {
       setLoading(false);
     });
   }, [baselineId, client, experimentId]);
-  const baselineOptions = useMemo(
+  const baselineOptions = useMemo3(
     () => reports.filter((r) => r.reportId !== experimentId),
     [experimentId, reports]
   );
-  const experimentOptions = useMemo(
+  const experimentOptions = useMemo3(
     () => reports.filter((r) => r.reportId !== baselineId),
     [baselineId, reports]
   );
-  const areaDeltas = useMemo(
+  const areaDeltas = useMemo3(
     () => baselineSummary && experimentSummary ? computeAreaDeltas(baselineSummary, experimentSummary) : [],
     [baselineSummary, experimentSummary]
   );
-  const dimDeltas = useMemo(
+  const dimDeltas = useMemo3(
     () => baselineSummary && experimentSummary ? computeDimensionDeltas(baselineSummary, experimentSummary) : [],
     [baselineSummary, experimentSummary]
   );
-  const threeLayerDeltas = useMemo(
+  const threeLayerDeltas = useMemo3(
     () => baselineSummary && experimentSummary ? computeThreeLayerDeltas(baselineSummary, experimentSummary) : [],
     [baselineSummary, experimentSummary]
   );
   const hasThreeLayerData = threeLayerDeltas.some(
     (d) => d.baseActual !== null || d.baseRetGap !== null
   );
-  const overallDelta = useMemo(() => {
+  const overallDelta = useMemo3(() => {
     if (!baselineSummary || !experimentSummary) return null;
     const b = baselineSummary.overall.avgScore;
     const e = experimentSummary.overall.avgScore;
     return { baseline: b, delta: e - b, experiment: e };
   }, [baselineSummary, experimentSummary]);
-  const onBaseline = useCallback2(
+  const onBaseline = useCallback5(
     (e) => setBaselineId(e.currentTarget.value || null),
     []
   );
-  const onExperiment = useCallback2(
+  const onExperiment = useCallback5(
     (e) => setExperimentId(e.currentTarget.value || null),
     []
   );
   const hasBoth = baselineId && experimentId;
   const hasData = baselineSummary && experimentSummary;
-  return /* @__PURE__ */ jsxs6(Stack5, { space: 4, children: [
-    /* @__PURE__ */ jsx8(PageBlurb, { text: "Select two reports to compare." }),
-    /* @__PURE__ */ jsxs6(Flex3, { gap: 3, children: [
-      /* @__PURE__ */ jsx8(Box5, { flex: 1, children: /* @__PURE__ */ jsxs6(Stack5, { space: 2, children: [
-        /* @__PURE__ */ jsx8(Text7, { size: 1, weight: "semibold", children: "Baseline (before)" }),
-        /* @__PURE__ */ jsxs6(Select, { onChange: onBaseline, value: baselineId ?? "", children: [
-          /* @__PURE__ */ jsx8("option", { value: "", children: "Select baseline\u2026" }),
-          baselineOptions.map((r) => /* @__PURE__ */ jsx8("option", { value: r.reportId, children: formatOption(r) }, r.reportId))
+  return /* @__PURE__ */ jsxs10(Stack8, { space: 4, children: [
+    /* @__PURE__ */ jsx12(PageBlurb, { text: "Select two reports to compare." }),
+    /* @__PURE__ */ jsxs10(Flex7, { gap: 3, children: [
+      /* @__PURE__ */ jsx12(Box7, { flex: 1, children: /* @__PURE__ */ jsxs10(Stack8, { space: 2, children: [
+        /* @__PURE__ */ jsx12(Text11, { size: 1, weight: "semibold", children: "Baseline (before)" }),
+        /* @__PURE__ */ jsxs10(Select, { onChange: onBaseline, value: baselineId ?? "", children: [
+          /* @__PURE__ */ jsx12("option", { value: "", children: "Select baseline\u2026" }),
+          baselineOptions.map((r) => /* @__PURE__ */ jsx12("option", { value: r.reportId, children: formatOption(r) }, r.reportId))
         ] })
       ] }) }),
-      /* @__PURE__ */ jsx8(Box5, { flex: 1, children: /* @__PURE__ */ jsxs6(Stack5, { space: 2, children: [
-        /* @__PURE__ */ jsx8(Text7, { size: 1, weight: "semibold", children: "Experiment (after)" }),
-        /* @__PURE__ */ jsxs6(Select, { onChange: onExperiment, value: experimentId ?? "", children: [
-          /* @__PURE__ */ jsx8("option", { value: "", children: "Select experiment\u2026" }),
-          experimentOptions.map((r) => /* @__PURE__ */ jsx8("option", { value: r.reportId, children: formatOption(r) }, r.reportId))
+      /* @__PURE__ */ jsx12(Box7, { flex: 1, children: /* @__PURE__ */ jsxs10(Stack8, { space: 2, children: [
+        /* @__PURE__ */ jsx12(Text11, { size: 1, weight: "semibold", children: "Experiment (after)" }),
+        /* @__PURE__ */ jsxs10(Select, { onChange: onExperiment, value: experimentId ?? "", children: [
+          /* @__PURE__ */ jsx12("option", { value: "", children: "Select experiment\u2026" }),
+          experimentOptions.map((r) => /* @__PURE__ */ jsx12("option", { value: r.reportId, children: formatOption(r) }, r.reportId))
         ] })
       ] }) })
     ] }),
-    hasBoth && loading && /* @__PURE__ */ jsx8(LoadingState, { message: "Loading comparison\u2026" }),
-    hasBoth && !loading && !hasData && /* @__PURE__ */ jsx8(Card3, { padding: 4, tone: "caution", children: /* @__PURE__ */ jsx8(Text7, { size: 1, children: "Report not found." }) }),
-    hasBoth && !loading && hasData && /* @__PURE__ */ jsxs6(Fragment, { children: [
-      /* @__PURE__ */ jsx8(
+    hasBoth && loading && /* @__PURE__ */ jsx12(LoadingState, { message: "Loading comparison\u2026" }),
+    hasBoth && !loading && !hasData && /* @__PURE__ */ jsx12(Card6, { padding: 4, tone: "caution", children: /* @__PURE__ */ jsx12(Text11, { size: 1, children: "Report not found." }) }),
+    hasBoth && !loading && hasData && /* @__PURE__ */ jsxs10(Fragment3, { children: [
+      /* @__PURE__ */ jsx12(
         AreaComparisonTable,
         {
           areaDeltas,
           overallDelta
         }
       ),
-      /* @__PURE__ */ jsx8(DimensionDeltasTable, { dimDeltas }),
-      hasThreeLayerData && /* @__PURE__ */ jsx8(ThreeLayerDeltasTable, { threeLayerDeltas })
+      /* @__PURE__ */ jsx12(DimensionDeltasTable, { dimDeltas }),
+      hasThreeLayerData && /* @__PURE__ */ jsx12(ThreeLayerDeltasTable, { threeLayerDeltas })
     ] })
   ] });
 }
@@ -2441,23 +2945,23 @@ function AreaComparisonTable({
   areaDeltas,
   overallDelta
 }) {
-  return /* @__PURE__ */ jsx8(Card3, { overflow: "auto", padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs6(Stack5, { space: 3, children: [
-    /* @__PURE__ */ jsx8(Text7, { size: 1, weight: "semibold", children: "Per-area comparison" }),
-    /* @__PURE__ */ jsxs6(Grid, { columns: 5, gap: 2, children: [
-      /* @__PURE__ */ jsx8(ColumnHeader, { label: "Area" }),
-      /* @__PURE__ */ jsx8(ColumnHeader, { label: "Baseline", tooltip: GLOSSARY.baseline }),
-      /* @__PURE__ */ jsx8(ColumnHeader, { label: "Experiment", tooltip: GLOSSARY.experiment }),
-      /* @__PURE__ */ jsx8(ColumnHeader, { label: "Delta", tooltip: GLOSSARY.delta }),
-      /* @__PURE__ */ jsx8(ColumnHeader, { label: "Change", tooltip: GLOSSARY.change })
+  return /* @__PURE__ */ jsx12(Card6, { overflow: "auto", padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs10(Stack8, { space: 3, children: [
+    /* @__PURE__ */ jsx12(Text11, { size: 1, weight: "semibold", children: "Per-area comparison" }),
+    /* @__PURE__ */ jsxs10(Grid, { columns: 5, gap: 2, children: [
+      /* @__PURE__ */ jsx12(ColumnHeader, { label: "Area" }),
+      /* @__PURE__ */ jsx12(ColumnHeader, { label: "Baseline", tooltip: GLOSSARY.baseline }),
+      /* @__PURE__ */ jsx12(ColumnHeader, { label: "Experiment", tooltip: GLOSSARY.experiment }),
+      /* @__PURE__ */ jsx12(ColumnHeader, { label: "Delta", tooltip: GLOSSARY.delta }),
+      /* @__PURE__ */ jsx12(ColumnHeader, { label: "Change", tooltip: GLOSSARY.change })
     ] }),
-    areaDeltas.map((row) => /* @__PURE__ */ jsxs6(Grid, { columns: 5, gap: 2, children: [
-      /* @__PURE__ */ jsx8(Text7, { size: 1, children: row.area }),
-      /* @__PURE__ */ jsx8(Text7, { size: 1, children: row.baseline.toFixed(1) }),
-      /* @__PURE__ */ jsx8(Text7, { size: 1, children: row.experiment.toFixed(1) }),
-      /* @__PURE__ */ jsx8(Text7, { size: 1, children: formatDelta(row.delta) }),
-      /* @__PURE__ */ jsx8(Box5, { children: /* @__PURE__ */ jsx8(Badge2, { tone: changeTone(row.change), children: row.change }) })
+    areaDeltas.map((row) => /* @__PURE__ */ jsxs10(Grid, { columns: 5, gap: 2, children: [
+      /* @__PURE__ */ jsx12(Text11, { size: 1, children: row.area }),
+      /* @__PURE__ */ jsx12(Text11, { size: 1, children: row.baseline.toFixed(1) }),
+      /* @__PURE__ */ jsx12(Text11, { size: 1, children: row.experiment.toFixed(1) }),
+      /* @__PURE__ */ jsx12(Text11, { size: 1, children: formatDelta(row.delta) }),
+      /* @__PURE__ */ jsx12(Box7, { children: /* @__PURE__ */ jsx12(Badge3, { tone: changeTone(row.change), children: row.change }) })
     ] }, row.area)),
-    overallDelta && /* @__PURE__ */ jsxs6(
+    overallDelta && /* @__PURE__ */ jsxs10(
       Grid,
       {
         columns: 5,
@@ -2467,36 +2971,36 @@ function AreaComparisonTable({
           paddingTop: 8
         },
         children: [
-          /* @__PURE__ */ jsx8(Text7, { size: 1, weight: "semibold", children: "Overall" }),
-          /* @__PURE__ */ jsx8(Text7, { size: 1, weight: "semibold", children: overallDelta.baseline.toFixed(1) }),
-          /* @__PURE__ */ jsx8(Text7, { size: 1, weight: "semibold", children: overallDelta.experiment.toFixed(1) }),
-          /* @__PURE__ */ jsx8(Text7, { size: 1, weight: "semibold", children: formatDelta(overallDelta.delta) }),
-          /* @__PURE__ */ jsx8(Box5, { children: /* @__PURE__ */ jsx8(Badge2, { tone: changeTone(classify(overallDelta.delta)), children: classify(overallDelta.delta) }) })
+          /* @__PURE__ */ jsx12(Text11, { size: 1, weight: "semibold", children: "Overall" }),
+          /* @__PURE__ */ jsx12(Text11, { size: 1, weight: "semibold", children: overallDelta.baseline.toFixed(1) }),
+          /* @__PURE__ */ jsx12(Text11, { size: 1, weight: "semibold", children: overallDelta.experiment.toFixed(1) }),
+          /* @__PURE__ */ jsx12(Text11, { size: 1, weight: "semibold", children: formatDelta(overallDelta.delta) }),
+          /* @__PURE__ */ jsx12(Box7, { children: /* @__PURE__ */ jsx12(Badge3, { tone: changeTone(classify(overallDelta.delta)), children: classify(overallDelta.delta) }) })
         ]
       }
     )
   ] }) });
 }
 function DimensionDeltasTable({ dimDeltas }) {
-  return /* @__PURE__ */ jsx8(Card3, { overflow: "auto", padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs6(Stack5, { space: 3, children: [
-    /* @__PURE__ */ jsx8(Text7, { size: 1, weight: "semibold", children: "Dimension deltas" }),
-    /* @__PURE__ */ jsxs6(Grid, { columns: 4, gap: 2, children: [
-      /* @__PURE__ */ jsx8(ColumnHeader, { label: "Area" }),
-      /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx12(Card6, { overflow: "auto", padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs10(Stack8, { space: 3, children: [
+    /* @__PURE__ */ jsx12(Text11, { size: 1, weight: "semibold", children: "Dimension deltas" }),
+    /* @__PURE__ */ jsxs10(Grid, { columns: 4, gap: 2, children: [
+      /* @__PURE__ */ jsx12(ColumnHeader, { label: "Area" }),
+      /* @__PURE__ */ jsx12(
         ColumnHeader,
         {
           label: "Task completion",
           tooltip: GLOSSARY.dimTaskCompletion
         }
       ),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx12(
         ColumnHeader,
         {
           label: "Code correctness",
           tooltip: GLOSSARY.dimCodeCorrectness
         }
       ),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx12(
         ColumnHeader,
         {
           label: "Doc coverage",
@@ -2504,11 +3008,11 @@ function DimensionDeltasTable({ dimDeltas }) {
         }
       )
     ] }),
-    dimDeltas.map((row) => /* @__PURE__ */ jsxs6(Grid, { columns: 4, gap: 2, children: [
-      /* @__PURE__ */ jsx8(Text7, { size: 1, children: row.area }),
-      /* @__PURE__ */ jsx8(Text7, { size: 1, children: formatDelta(row.taskDelta) }),
-      /* @__PURE__ */ jsx8(Text7, { size: 1, children: formatDelta(row.codeDelta) }),
-      /* @__PURE__ */ jsx8(Text7, { size: 1, children: formatDelta(row.docDelta) })
+    dimDeltas.map((row) => /* @__PURE__ */ jsxs10(Grid, { columns: 4, gap: 2, children: [
+      /* @__PURE__ */ jsx12(Text11, { size: 1, children: row.area }),
+      /* @__PURE__ */ jsx12(Text11, { size: 1, children: formatDelta(row.taskDelta) }),
+      /* @__PURE__ */ jsx12(Text11, { size: 1, children: formatDelta(row.codeDelta) }),
+      /* @__PURE__ */ jsx12(Text11, { size: 1, children: formatDelta(row.docDelta) })
     ] }, row.area))
   ] }) });
 }
@@ -2518,27 +3022,27 @@ function ThreeLayerDeltasTable({
   const filtered = threeLayerDeltas.filter(
     (d) => d.baseActual !== null || d.baseRetGap !== null
   );
-  return /* @__PURE__ */ jsx8(Card3, { overflow: "auto", padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs6(Stack5, { space: 3, children: [
-    /* @__PURE__ */ jsxs6(Flex3, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx8(Text7, { size: 1, weight: "semibold", children: "Three-layer decomposition deltas" }),
-      /* @__PURE__ */ jsx8(Badge2, { fontSize: 0, tone: "primary", children: "full mode" })
+  return /* @__PURE__ */ jsx12(Card6, { overflow: "auto", padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs10(Stack8, { space: 3, children: [
+    /* @__PURE__ */ jsxs10(Flex7, { align: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx12(Text11, { size: 1, weight: "semibold", children: "Three-layer decomposition deltas" }),
+      /* @__PURE__ */ jsx12(Badge3, { fontSize: 0, tone: "primary", children: "full mode" })
     ] }),
-    /* @__PURE__ */ jsxs6(Grid, { columns: 7, gap: 2, children: [
-      /* @__PURE__ */ jsx8(ColumnHeader, { label: "Area" }),
-      /* @__PURE__ */ jsx8(ColumnHeader, { label: "Actual (B)", tooltip: GLOSSARY.actual }),
-      /* @__PURE__ */ jsx8(ColumnHeader, { label: "Actual (E)", tooltip: GLOSSARY.actual }),
-      /* @__PURE__ */ jsx8(ColumnHeader, { label: "Actual \u0394", tooltip: GLOSSARY.actualDelta }),
-      /* @__PURE__ */ jsx8(ColumnHeader, { label: "Ret. Gap \u0394", tooltip: GLOSSARY.retGapDelta }),
-      /* @__PURE__ */ jsx8(ColumnHeader, { label: "Eff. (B)", tooltip: GLOSSARY.efficiency }),
-      /* @__PURE__ */ jsx8(ColumnHeader, { label: "Eff. (E)", tooltip: GLOSSARY.efficiency })
+    /* @__PURE__ */ jsxs10(Grid, { columns: 7, gap: 2, children: [
+      /* @__PURE__ */ jsx12(ColumnHeader, { label: "Area" }),
+      /* @__PURE__ */ jsx12(ColumnHeader, { label: "Actual (B)", tooltip: GLOSSARY.actual }),
+      /* @__PURE__ */ jsx12(ColumnHeader, { label: "Actual (E)", tooltip: GLOSSARY.actual }),
+      /* @__PURE__ */ jsx12(ColumnHeader, { label: "Actual \u0394", tooltip: GLOSSARY.actualDelta }),
+      /* @__PURE__ */ jsx12(ColumnHeader, { label: "Ret. Gap \u0394", tooltip: GLOSSARY.retGapDelta }),
+      /* @__PURE__ */ jsx12(ColumnHeader, { label: "Eff. (B)", tooltip: GLOSSARY.efficiency }),
+      /* @__PURE__ */ jsx12(ColumnHeader, { label: "Eff. (E)", tooltip: GLOSSARY.efficiency })
     ] }),
-    filtered.map((row) => /* @__PURE__ */ jsxs6(Grid, { columns: 7, gap: 2, children: [
-      /* @__PURE__ */ jsx8(Text7, { size: 1, children: row.area }),
-      /* @__PURE__ */ jsx8(Text7, { size: 1, children: row.baseActual != null ? row.baseActual.toFixed(1) : "\u2014" }),
-      /* @__PURE__ */ jsx8(Text7, { size: 1, children: row.expActual != null ? row.expActual.toFixed(1) : "\u2014" }),
-      /* @__PURE__ */ jsx8(Text7, { size: 1, children: row.actualDelta != null ? formatDelta(row.actualDelta) : "\u2014" }),
-      /* @__PURE__ */ jsx8(
-        Text7,
+    filtered.map((row) => /* @__PURE__ */ jsxs10(Grid, { columns: 7, gap: 2, children: [
+      /* @__PURE__ */ jsx12(Text11, { size: 1, children: row.area }),
+      /* @__PURE__ */ jsx12(Text11, { size: 1, children: row.baseActual != null ? row.baseActual.toFixed(1) : "\u2014" }),
+      /* @__PURE__ */ jsx12(Text11, { size: 1, children: row.expActual != null ? row.expActual.toFixed(1) : "\u2014" }),
+      /* @__PURE__ */ jsx12(Text11, { size: 1, children: row.actualDelta != null ? formatDelta(row.actualDelta) : "\u2014" }),
+      /* @__PURE__ */ jsx12(
+        Text11,
         {
           size: 1,
           style: {
@@ -2547,8 +3051,8 @@ function ThreeLayerDeltasTable({
           children: row.retGapDelta != null ? formatDelta(row.retGapDelta) : "\u2014"
         }
       ),
-      /* @__PURE__ */ jsx8(Text7, { size: 1, children: formatPercent(row.baseEfficiency) }),
-      /* @__PURE__ */ jsx8(Text7, { size: 1, children: formatPercent(row.expEfficiency) })
+      /* @__PURE__ */ jsx12(Text11, { size: 1, children: formatPercent(row.baseEfficiency) }),
+      /* @__PURE__ */ jsx12(Text11, { size: 1, children: formatPercent(row.expEfficiency) })
     ] }, `tl-${row.area}`))
   ] }) });
 }
@@ -2560,26 +3064,26 @@ function formatOption(r) {
 // src/components/LatestReports.tsx
 import { SortIcon } from "@sanity/icons";
 import {
-  Badge as Badge11,
-  Box as Box6,
+  Badge as Badge12,
+  Box as Box8,
   Button,
-  Card as Card9,
-  Flex as Flex12,
+  Card as Card12,
+  Flex as Flex16,
   Menu,
   MenuButton,
   MenuItem,
-  Stack as Stack10,
-  Text as Text16
+  Stack as Stack13,
+  Text as Text20
 } from "@sanity/ui";
-import { useCallback as useCallback8, useEffect as useEffect5, useMemo as useMemo3, useState as useState6 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect6, useMemo as useMemo5, useState as useState6 } from "react";
 import { useClient as useClient5 } from "sanity";
 
 // src/components/content-filters/DocumentFilter.tsx
-import { SearchIcon } from "@sanity/icons";
-import { Autocomplete, Badge as Badge3, Card as Card4, Flex as Flex4, Stack as Stack6, Text as Text8 } from "@sanity/ui";
-import { useCallback as useCallback3, useEffect as useEffect2, useRef, useState as useState3 } from "react";
+import { SearchIcon as SearchIcon2 } from "@sanity/icons";
+import { Autocomplete as Autocomplete2, Badge as Badge4, Card as Card7, Flex as Flex8, Stack as Stack9, Text as Text12 } from "@sanity/ui";
+import { useCallback as useCallback6, useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
 import { useClient as useClient3 } from "sanity";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var SEARCH_DEBOUNCE_MS = 300;
 function DocumentFilter({
   value,
@@ -2589,13 +3093,13 @@ function DocumentFilter({
   const client = useClient3({ apiVersion: API_VERSION });
   const [options, setOptions] = useState3([]);
   const [loading, setLoading] = useState3(false);
-  const timer = useRef(null);
-  useEffect2(() => {
+  const timer = useRef2(null);
+  useEffect3(() => {
     return () => {
       if (timer.current) clearTimeout(timer.current);
     };
   }, []);
-  const handleQueryChange = useCallback3(
+  const handleQueryChange = useCallback6(
     (query) => {
       if (timer.current) clearTimeout(timer.current);
       const trimmed = (query ?? "").trim();
@@ -2639,7 +3143,7 @@ function DocumentFilter({
     },
     [client]
   );
-  const handleSelect = useCallback3(
+  const handleSelect = useCallback6(
     (selected) => {
       const option = options.find((o) => o.value === selected);
       const slug = option?.payload.slug ?? selected;
@@ -2650,29 +3154,29 @@ function DocumentFilter({
     },
     [options, onChange, onPerspectiveHint]
   );
-  const renderOption = useCallback3((option) => {
+  const renderOption = useCallback6((option) => {
     const { provenance, releaseId } = option.payload;
     const badgeTone = provenance === "published" ? "positive" : provenance === "release" ? "primary" : "caution";
     const badgeLabel = provenance === "published" ? "Published" : provenance === "release" ? releaseId ?? "Release" : "Draft";
-    return /* @__PURE__ */ jsx9(Card4, { as: "button", padding: 3, children: /* @__PURE__ */ jsxs7(Flex4, { align: "center", gap: 2, children: [
-      /* @__PURE__ */ jsxs7(Stack6, { flex: 1, space: 1, children: [
-        /* @__PURE__ */ jsx9(Text8, { size: 1, weight: "semibold", children: option.payload.title }),
-        /* @__PURE__ */ jsx9(Text8, { muted: true, size: 1, children: option.payload.path })
+    return /* @__PURE__ */ jsx13(Card7, { as: "button", padding: 3, children: /* @__PURE__ */ jsxs11(Flex8, { align: "center", gap: 2, children: [
+      /* @__PURE__ */ jsxs11(Stack9, { flex: 1, space: 1, children: [
+        /* @__PURE__ */ jsx13(Text12, { size: 1, weight: "semibold", children: option.payload.title }),
+        /* @__PURE__ */ jsx13(Text12, { muted: true, size: 1, children: option.payload.path })
       ] }),
-      /* @__PURE__ */ jsx9(Badge3, { fontSize: 0, tone: badgeTone, children: badgeLabel })
+      /* @__PURE__ */ jsx13(Badge4, { fontSize: 0, tone: badgeTone, children: badgeLabel })
     ] }) });
   }, []);
-  const renderValue = useCallback3((_value, option) => {
+  const renderValue = useCallback6((_value, option) => {
     if (option?.payload.title) {
       return `${option.payload.title} (${option.payload.slug})`;
     }
     return _value;
   }, []);
-  return /* @__PURE__ */ jsx9(
-    Autocomplete,
+  return /* @__PURE__ */ jsx13(
+    Autocomplete2,
     {
       filterOption: () => true,
-      icon: SearchIcon,
+      icon: SearchIcon2,
       id: "document-filter-input",
       loading,
       onChange: handleSelect,
@@ -2698,33 +3202,33 @@ function classifyDocId(id) {
 }
 
 // src/components/content-filters/PerspectiveFilter.tsx
-import { SearchIcon as SearchIcon2 } from "@sanity/icons";
-import { Autocomplete as Autocomplete2, Badge as Badge4, Card as Card5, Flex as Flex5, Stack as Stack7, Text as Text9 } from "@sanity/ui";
-import { useEffect as useEffect3, useMemo as useMemo2, useState as useState4 } from "react";
+import { SearchIcon as SearchIcon3 } from "@sanity/icons";
+import { Autocomplete as Autocomplete3, Badge as Badge5, Card as Card8, Flex as Flex9, Stack as Stack10, Text as Text13 } from "@sanity/ui";
+import { useEffect as useEffect4, useMemo as useMemo4, useState as useState4 } from "react";
 import {
-  getReleaseIdFromReleaseDocumentId,
-  useActiveReleases,
-  useArchivedReleases,
+  getReleaseIdFromReleaseDocumentId as getReleaseIdFromReleaseDocumentId3,
+  useActiveReleases as useActiveReleases3,
+  useArchivedReleases as useArchivedReleases3,
   useClient as useClient4
 } from "sanity";
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function PerspectiveFilter({ value, onChange }) {
   const client = useClient4({ apiVersion: API_VERSION });
   const [reportPerspectives, setReportPerspectives] = useState4([]);
-  const { data: activeReleases } = useActiveReleases();
-  const { data: archivedReleases } = useArchivedReleases();
-  useEffect3(() => {
+  const { data: activeReleases } = useActiveReleases3();
+  const { data: archivedReleases } = useArchivedReleases3();
+  useEffect4(() => {
     client.fetch(distinctPerspectivesQuery).then(
       (data) => setReportPerspectives((data ?? []).filter(Boolean).sort())
     ).catch(() => setReportPerspectives([]));
   }, [client]);
-  const options = useMemo2(() => {
+  const options = useMemo4(() => {
     const releaseMap = /* @__PURE__ */ new Map();
     for (const release of [
       ...activeReleases ?? [],
       ...archivedReleases ?? []
     ]) {
-      const releaseId = getReleaseIdFromReleaseDocumentId(release._id);
+      const releaseId = getReleaseIdFromReleaseDocumentId3(release._id);
       const title = release.metadata?.title ?? releaseId;
       releaseMap.set(releaseId, title);
     }
@@ -2744,27 +3248,27 @@ function PerspectiveFilter({ value, onChange }) {
     }));
     return result;
   }, [activeReleases, archivedReleases, reportPerspectives]);
-  return /* @__PURE__ */ jsx10(
-    Autocomplete2,
+  return /* @__PURE__ */ jsx14(
+    Autocomplete3,
     {
       filterOption: (query, option) => {
         const q = query.toLowerCase();
         const opt = option;
         return opt.value.toLowerCase().includes(q) || (opt.payload?.title ?? "").toLowerCase().includes(q);
       },
-      icon: SearchIcon2,
+      icon: SearchIcon3,
       id: "perspective-filter-input",
       onChange,
       options,
       placeholder: "Search by title or ID\u2026",
       renderOption: (option) => {
         const opt = option;
-        return /* @__PURE__ */ jsx10(Card5, { as: "button", padding: 3, children: /* @__PURE__ */ jsxs8(Flex5, { align: "center", gap: 2, children: [
-          /* @__PURE__ */ jsxs8(Stack7, { flex: 1, space: 1, children: [
-            /* @__PURE__ */ jsx10(Text9, { size: 1, weight: "semibold", children: opt.payload.title }),
-            opt.payload.title !== opt.value && /* @__PURE__ */ jsx10(Text9, { muted: true, size: 1, children: opt.value })
+        return /* @__PURE__ */ jsx14(Card8, { as: "button", padding: 3, children: /* @__PURE__ */ jsxs12(Flex9, { align: "center", gap: 2, children: [
+          /* @__PURE__ */ jsxs12(Stack10, { flex: 1, space: 1, children: [
+            /* @__PURE__ */ jsx14(Text13, { size: 1, weight: "semibold", children: opt.payload.title }),
+            opt.payload.title !== opt.value && /* @__PURE__ */ jsx14(Text13, { muted: true, size: 1, children: opt.value })
           ] }),
-          opt.payload.hasReport && /* @__PURE__ */ jsx10(Badge4, { fontSize: 0, tone: "positive", children: "Has reports" })
+          opt.payload.hasReport && /* @__PURE__ */ jsx14(Badge5, { fontSize: 0, tone: "positive", children: "Has reports" })
         ] }) });
       },
       renderValue: (v, option) => {
@@ -2780,15 +3284,15 @@ function PerspectiveFilter({ value, onChange }) {
 }
 
 // src/components/report-card/ReportCard.tsx
-import { Badge as Badge8, Card as Card6, Flex as Flex8, Text as Text12 } from "@sanity/ui";
-import { useCallback as useCallback4 } from "react";
+import { Badge as Badge9, Card as Card9, Flex as Flex12, Text as Text16 } from "@sanity/ui";
+import { useCallback as useCallback7 } from "react";
 
 // src/components/primitives/DeltaIndicator.tsx
-import { Text as Text10 } from "@sanity/ui";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { Text as Text14 } from "@sanity/ui";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function DeltaIndicator({ delta, size = 1 }) {
-  return /* @__PURE__ */ jsx11(
-    Text10,
+  return /* @__PURE__ */ jsx15(
+    Text14,
     {
       size,
       style: {
@@ -2800,18 +3304,18 @@ function DeltaIndicator({ delta, size = 1 }) {
 }
 
 // src/components/report-card/ReportMeta.tsx
-import { Stack as Stack8, Text as Text11 } from "@sanity/ui";
+import { Stack as Stack11, Text as Text15 } from "@sanity/ui";
 
 // src/components/report-card/AreaTags.tsx
-import { Badge as Badge5, Flex as Flex6 } from "@sanity/ui";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Badge as Badge6, Flex as Flex10 } from "@sanity/ui";
+import { jsx as jsx16, jsxs as jsxs13 } 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__ */ jsxs9(Flex6, { gap: 1, paddingTop: 1, wrap: "wrap", children: [
-    hasAreas && areas.map((area) => /* @__PURE__ */ jsx12(
-      Badge5,
+  return /* @__PURE__ */ jsxs13(Flex10, { gap: 1, paddingTop: 1, wrap: "wrap", children: [
+    hasAreas && areas.map((area) => /* @__PURE__ */ jsx16(
+      Badge6,
       {
         fontSize: 0,
         mode: "outline",
@@ -2820,7 +3324,7 @@ function AreaTags({ areas, targetDocuments }) {
       },
       `area-${area}`
     )),
-    hasDocs && targetDocuments.map((doc) => /* @__PURE__ */ jsx12(Badge5, { fontSize: 0, mode: "outline", tone: "primary", children: doc }, `doc-${doc}`))
+    hasDocs && targetDocuments.map((doc) => /* @__PURE__ */ jsx16(Badge6, { fontSize: 0, mode: "outline", tone: "primary", children: doc }, `doc-${doc}`))
   ] });
 }
 
@@ -2864,7 +3368,7 @@ function formatCardDate(iso) {
 }
 
 // src/components/report-card/ReportMeta.tsx
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function ReportMeta({ data }) {
   const segments = [data.mode, data.source];
   if (data.models && data.models.length > 0) {
@@ -2876,15 +3380,15 @@ function ReportMeta({ data }) {
   if (data.durationMs && data.durationMs > 0) {
     segments.push(formatDuration(data.durationMs));
   }
-  return /* @__PURE__ */ jsxs10(Stack8, { flex: 1, space: 1, children: [
-    /* @__PURE__ */ jsx13(Text11, { weight: "semibold", children: data.tag ?? formatCardDate(data.completedAt) }),
-    /* @__PURE__ */ jsx13(Text11, { muted: true, size: 1, children: segments.join(" \xB7 ") }),
-    /* @__PURE__ */ jsx13(AreaTags, { areas: data.areas, targetDocuments: data.targetDocuments })
+  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 })
   ] });
 }
 
 // src/components/primitives/ScoreBadge.tsx
-import { Badge as Badge6 } from "@sanity/ui";
+import { Badge as Badge7 } from "@sanity/ui";
 
 // src/lib/scoring.ts
 var TONE_MAP = {
@@ -2916,11 +3420,11 @@ function rowBackground(index) {
 }
 
 // src/components/primitives/ScoreBadge.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function ScoreBadge({ score, fontSize = 1 }) {
   const rounded = Math.round(score);
-  return /* @__PURE__ */ jsx14(
-    Badge6,
+  return /* @__PURE__ */ jsx18(
+    Badge7,
     {
       fontSize,
       style: { minWidth: 48, textAlign: "center" },
@@ -2931,18 +3435,18 @@ function ScoreBadge({ score, fontSize = 1 }) {
 }
 
 // src/components/primitives/StatusBadges.tsx
-import { Badge as Badge7, Flex as Flex7 } from "@sanity/ui";
-import { jsxs as jsxs11 } from "react/jsx-runtime";
+import { Badge as Badge8, Flex as Flex11 } from "@sanity/ui";
+import { jsxs as jsxs15 } 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__ */ jsxs11(Flex7, { gap: 1, children: [
-    hasRegressed && /* @__PURE__ */ jsxs11(Badge7, { fontSize: 0, tone: "critical", children: [
+  return /* @__PURE__ */ jsxs15(Flex11, { gap: 1, children: [
+    hasRegressed && /* @__PURE__ */ jsxs15(Badge8, { fontSize: 0, tone: "critical", children: [
       regressed.length,
       " regressed"
     ] }),
-    hasImproved && /* @__PURE__ */ jsxs11(Badge7, { fontSize: 0, tone: "positive", children: [
+    hasImproved && /* @__PURE__ */ jsxs15(Badge8, { fontSize: 0, tone: "positive", children: [
       improved.length,
       " improved"
     ] })
@@ -2950,38 +3454,38 @@ function StatusBadges({ regressed, improved }) {
 }
 
 // src/components/report-card/ReportCard.tsx
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 function ReportCard({ data, onSelectReport }) {
-  const handleClick = useCallback4(() => {
+  const handleClick = useCallback7(() => {
     onSelectReport(data.reportId);
   }, [data.reportId, onSelectReport]);
-  return /* @__PURE__ */ jsx15(
-    Card6,
+  return /* @__PURE__ */ jsx19(
+    Card9,
     {
       onClick: handleClick,
       padding: 3,
       radius: 2,
       shadow: 1,
       style: { cursor: "pointer" },
-      children: /* @__PURE__ */ jsxs12(Flex8, { align: "center", gap: 3, children: [
-        /* @__PURE__ */ jsx15(ScoreBadge, { score: data.overall }),
-        /* @__PURE__ */ jsx15(ReportMeta, { data }),
-        data.comparisonDelta != null && /* @__PURE__ */ jsx15(DeltaIndicator, { delta: data.comparisonDelta }),
-        /* @__PURE__ */ jsx15(StatusBadges, { improved: data.improved, regressed: data.regressed }),
-        /* @__PURE__ */ jsx15(Text12, { muted: true, size: 0, title: new Date(data.completedAt).toISOString(), children: formatRelativeTime(data.completedAt) }),
-        data.trigger && /* @__PURE__ */ jsx15(Badge8, { fontSize: 0, tone: "default", children: data.trigger })
+      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 })
       ] })
     }
   );
 }
 
 // src/components/search-bar/SearchBar.tsx
-import { SearchIcon as SearchIcon3 } from "@sanity/icons";
-import { Card as Card8, Flex as Flex11, Text as Text15 } from "@sanity/ui";
+import { SearchIcon as SearchIcon4 } from "@sanity/icons";
+import { Card as Card11, Flex as Flex15, Text as Text19 } from "@sanity/ui";
 import {
-  useCallback as useCallback7,
-  useEffect as useEffect4,
-  useRef as useRef2,
+  useCallback as useCallback10,
+  useEffect as useEffect5,
+  useRef as useRef3,
   useState as useState5
 } from "react";
 
@@ -3122,21 +3626,21 @@ function filterAndExclude(values, query, dim, activeTokens) {
 
 // src/components/search-bar/FilterBadge.tsx
 import { CloseIcon } from "@sanity/icons";
-import { Badge as Badge9, Flex as Flex9, Text as Text13 } from "@sanity/ui";
-import { useCallback as useCallback5 } from "react";
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Badge as Badge10, Flex as Flex13, Text as Text17 } from "@sanity/ui";
+import { useCallback as useCallback8 } from "react";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function FilterBadge({ token, onRemove }) {
   const dim = DIMENSIONS.find((d) => d.key === token.dimension);
   const tone = dim?.tone ?? "default";
-  const handleRemove = useCallback5(
+  const handleRemove = useCallback8(
     (e) => {
       e.stopPropagation();
       onRemove(token.id);
     },
     [onRemove, token.id]
   );
-  return /* @__PURE__ */ jsx16(
-    Badge9,
+  return /* @__PURE__ */ jsx20(
+    Badge10,
     {
       fontSize: 0,
       style: {
@@ -3145,20 +3649,20 @@ function FilterBadge({ token, onRemove }) {
         userSelect: "none"
       },
       tone,
-      children: /* @__PURE__ */ jsxs13(Flex9, { align: "center", gap: 1, children: [
-        /* @__PURE__ */ jsxs13(Text13, { size: 0, children: [
+      children: /* @__PURE__ */ jsxs17(Flex13, { align: "center", gap: 1, children: [
+        /* @__PURE__ */ jsxs17(Text17, { size: 0, children: [
           token.dimension,
           ":",
           token.label
         ] }),
-        /* @__PURE__ */ jsx16(
-          Text13,
+        /* @__PURE__ */ jsx20(
+          Text17,
           {
             muted: true,
             onClick: handleRemove,
             size: 0,
             style: { cursor: "pointer", lineHeight: 1 },
-            children: /* @__PURE__ */ jsx16(CloseIcon, {})
+            children: /* @__PURE__ */ jsx20(CloseIcon, {})
           }
         )
       ] })
@@ -3167,9 +3671,9 @@ function FilterBadge({ token, onRemove }) {
 }
 
 // src/components/search-bar/SuggestionList.tsx
-import { Badge as Badge10, Card as Card7, Flex as Flex10, Stack as Stack9, Text as Text14 } from "@sanity/ui";
-import { useCallback as useCallback6 } from "react";
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Badge as Badge11, Card as Card10, Flex as Flex14, Stack as Stack12, Text as Text18 } from "@sanity/ui";
+import { useCallback as useCallback9 } from "react";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 function SuggestionList({
   suggestions,
   activeIndex,
@@ -3178,8 +3682,8 @@ function SuggestionList({
   if (suggestions.length === 0) return null;
   const groups = groupByCategory(suggestions);
   let globalIndex = -1;
-  return /* @__PURE__ */ jsx17(
-    Card7,
+  return /* @__PURE__ */ jsx21(
+    Card10,
     {
       overflow: "auto",
       radius: 2,
@@ -3192,9 +3696,9 @@ function SuggestionList({
         top: "100%",
         zIndex: 100
       },
-      children: /* @__PURE__ */ jsx17(Stack9, { padding: 1, space: 1, children: groups.map(([category, items]) => /* @__PURE__ */ jsxs14(Stack9, { space: 0, children: [
-        /* @__PURE__ */ jsx17(
-          Text14,
+      children: /* @__PURE__ */ jsx21(Stack12, { padding: 1, space: 1, children: groups.map(([category, items]) => /* @__PURE__ */ jsxs18(Stack12, { space: 0, children: [
+        /* @__PURE__ */ jsx21(
+          Text18,
           {
             muted: true,
             size: 0,
@@ -3210,7 +3714,7 @@ function SuggestionList({
         items.map((suggestion) => {
           globalIndex++;
           const isActive = globalIndex === activeIndex;
-          return /* @__PURE__ */ jsx17(
+          return /* @__PURE__ */ jsx21(
             SuggestionItem,
             {
               active: isActive,
@@ -3232,20 +3736,20 @@ function SuggestionItem({
   const dim = DIMENSIONS.find((d) => d.key === suggestion.dimension);
   const tone = dim?.tone ?? "default";
   const isHint = suggestion.category === "Filters";
-  const handleClick = useCallback6(() => {
+  const handleClick = useCallback9(() => {
     onSelect(suggestion);
   }, [onSelect, suggestion]);
-  return /* @__PURE__ */ jsx17(
-    Card7,
+  return /* @__PURE__ */ jsx21(
+    Card10,
     {
       onClick: handleClick,
       padding: 2,
       radius: 2,
       style: { cursor: "pointer" },
       tone: active ? "primary" : "default",
-      children: /* @__PURE__ */ jsxs14(Flex10, { align: "center", gap: 2, children: [
-        !isHint && /* @__PURE__ */ jsx17(Badge10, { fontSize: 0, tone, children: suggestion.dimension }),
-        /* @__PURE__ */ jsx17(Text14, { size: 1, children: suggestion.label })
+      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 })
       ] })
     }
   );
@@ -3260,7 +3764,7 @@ function groupByCategory(suggestions) {
 }
 
 // src/components/search-bar/SearchBar.tsx
-import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 function SearchBar({
   tokens,
   query,
@@ -3272,9 +3776,9 @@ function SearchBar({
 }) {
   const [focused, setFocused] = useState5(false);
   const [activeIndex, setActiveIndex] = useState5(-1);
-  const inputRef = useRef2(null);
-  const blurTimerRef = useRef2(null);
-  useEffect4(() => {
+  const inputRef = useRef3(null);
+  const blurTimerRef = useRef3(null);
+  useEffect5(() => {
     return () => {
       if (blurTimerRef.current) {
         clearTimeout(blurTimerRef.current);
@@ -3282,10 +3786,10 @@ function SearchBar({
     };
   }, []);
   const suggestions = focused ? computeSuggestions({ query, activeTokens: tokens, models, areas }) : [];
-  useEffect4(() => {
+  useEffect5(() => {
     setActiveIndex(-1);
   }, [query, tokens.length]);
-  const handleTokenRemove = useCallback7(
+  const handleTokenRemove = useCallback10(
     (id) => {
       onTokenRemove(id);
       requestAnimationFrame(() => {
@@ -3294,7 +3798,7 @@ function SearchBar({
     },
     [onTokenRemove]
   );
-  const handleSuggestionSelect = useCallback7(
+  const handleSuggestionSelect = useCallback10(
     (suggestion) => {
       if (suggestion.category === "Filters") {
         onQueryChange(suggestion.value);
@@ -3313,7 +3817,7 @@ function SearchBar({
     },
     [onTokenAdd, onQueryChange]
   );
-  const handleKeyDown = useCallback7(
+  const handleKeyDown = useCallback10(
     (e) => {
       if (e.key === "ArrowDown") {
         e.preventDefault();
@@ -3341,41 +3845,41 @@ function SearchBar({
       handleSuggestionSelect
     ]
   );
-  const handleInputChange = useCallback7(
+  const handleInputChange = useCallback10(
     (e) => {
       const value = e.target.value;
       onQueryChange(value);
     },
     [onQueryChange]
   );
-  const handleBlur = useCallback7(() => {
+  const handleBlur = useCallback10(() => {
     blurTimerRef.current = setTimeout(() => {
       blurTimerRef.current = null;
       setFocused(false);
     }, 200);
   }, []);
-  const handleFocus = useCallback7(() => {
+  const handleFocus = useCallback10(() => {
     if (blurTimerRef.current) {
       clearTimeout(blurTimerRef.current);
       blurTimerRef.current = null;
     }
     setFocused(true);
   }, []);
-  const handleBarClick = useCallback7(() => {
+  const handleBarClick = useCallback10(() => {
     inputRef.current?.focus();
   }, []);
-  return /* @__PURE__ */ jsxs15("div", { style: { position: "relative" }, children: [
-    /* @__PURE__ */ jsx18(
-      Card8,
+  return /* @__PURE__ */ jsxs19("div", { style: { position: "relative" }, children: [
+    /* @__PURE__ */ jsx22(
+      Card11,
       {
         border: true,
         onClick: handleBarClick,
         padding: 2,
         radius: 2,
         style: { cursor: "text" },
-        children: /* @__PURE__ */ jsxs15(Flex11, { align: "center", gap: 1, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx18(Text15, { muted: true, size: 1, style: { flexShrink: 0, padding: "0 4px" }, children: /* @__PURE__ */ jsx18(SearchIcon3, {}) }),
-          tokens.map((token) => /* @__PURE__ */ jsx18(
+        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(
             FilterBadge,
             {
               onRemove: handleTokenRemove,
@@ -3383,7 +3887,7 @@ function SearchBar({
             },
             token.id
           )),
-          /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsx22(
             "input",
             {
               onBlur: handleBlur,
@@ -3410,7 +3914,7 @@ function SearchBar({
         ] })
       }
     ),
-    focused && suggestions.length > 0 && /* @__PURE__ */ jsx18(
+    focused && suggestions.length > 0 && /* @__PURE__ */ jsx22(
       SuggestionList,
       {
         activeIndex,
@@ -3422,7 +3926,7 @@ function SearchBar({
 }
 
 // src/components/LatestReports.tsx
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 var SORT_LABELS = {
   date: "Date",
   name: "Name",
@@ -3449,7 +3953,7 @@ function LatestReports({
   });
   const [availableModels, setAvailableModels] = useState6([]);
   const [availableAreas, setAvailableAreas] = useState6([]);
-  useEffect5(() => {
+  useEffect6(() => {
     setInitialLoading(true);
     setHasMore(true);
     client.fetch(latestReportsQuery, {
@@ -3467,7 +3971,7 @@ function LatestReports({
       setInitialLoading(false);
     });
   }, [client, pageSize, mode, source]);
-  const handleLoadMore = useCallback8(() => {
+  const handleLoadMore = useCallback11(() => {
     if (loadingMore || !hasMore) return;
     setLoadingMore(true);
     const nextLimit = reports.length + pageSize;
@@ -3484,11 +3988,11 @@ function LatestReports({
       setLoadingMore(false);
     });
   }, [client, hasMore, loadingMore, mode, pageSize, reports.length, source]);
-  useEffect5(() => {
+  useEffect6(() => {
     client.fetch(distinctModelsQuery).then((data) => setAvailableModels((data ?? []).sort())).catch(() => setAvailableModels([]));
     client.fetch(distinctAreasQuery).then((data) => setAvailableAreas((data ?? []).sort())).catch(() => setAvailableAreas([]));
   }, [client]);
-  const activeFilters = useMemo3(() => {
+  const activeFilters = useMemo5(() => {
     const result = { models: [], areas: [], datePreset: null };
     for (const token of filterTokens) {
       switch (token.dimension) {
@@ -3505,7 +4009,7 @@ function LatestReports({
     }
     return result;
   }, [filterTokens]);
-  const filteredReports = useMemo3(() => {
+  const filteredReports = useMemo5(() => {
     let result = reports;
     if (searchQuery.trim()) {
       const query = searchQuery.toLowerCase().trim();
@@ -3568,7 +4072,7 @@ function LatestReports({
     });
     return result;
   }, [reports, searchQuery, activeFilters, documentSlug, perspective, sort]);
-  const handleTokenAdd = useCallback8((token) => {
+  const handleTokenAdd = useCallback11((token) => {
     setFilterTokens((prev) => {
       const dim = token.dimension;
       const isMulti = dim === "area";
@@ -3578,38 +4082,38 @@ function LatestReports({
       return [...prev, token];
     });
   }, []);
-  const handleTokenRemove = useCallback8((id) => {
+  const handleTokenRemove = useCallback11((id) => {
     setFilterTokens((prev) => prev.filter((t) => t.id !== id));
   }, []);
-  const toggleSortDirection = useCallback8(() => {
+  const toggleSortDirection = useCallback11(() => {
     setSort((prev) => ({
       ...prev,
       direction: prev.direction === "asc" ? "desc" : "asc"
     }));
   }, []);
-  const handleSortFieldChange = useCallback8((field) => {
+  const handleSortFieldChange = useCallback11((field) => {
     setSort(
       (prev) => prev.field === field ? { ...prev, direction: prev.direction === "asc" ? "desc" : "asc" } : { direction: "desc", field }
     );
   }, []);
   const hasActiveFilters = searchQuery.trim() !== "" || filterTokens.length > 0 || documentSlug.trim() !== "" || perspective.trim() !== "";
-  const handleClearFilters = useCallback8(() => {
+  const handleClearFilters = useCallback11(() => {
     setSearchQuery("");
     setFilterTokens([]);
     setDocumentSlug("");
     setPerspective("");
   }, []);
   if (initialLoading) {
-    return /* @__PURE__ */ jsx19(Card9, { padding: 4, children: /* @__PURE__ */ jsx19(Text16, { muted: true, children: "Loading reports\u2026" }) });
+    return /* @__PURE__ */ jsx23(Card12, { padding: 4, children: /* @__PURE__ */ jsx23(Text20, { muted: true, children: "Loading reports\u2026" }) });
   }
   if (reports.length === 0) {
-    return /* @__PURE__ */ jsx19(Card9, { padding: 4, children: /* @__PURE__ */ jsx19(Text16, { muted: true, children: "No reports found. Run the pipeline with --publish to create reports." }) });
+    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__ */ jsxs16(Stack10, { space: 3, children: [
-    /* @__PURE__ */ jsx19(Card9, { padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs16(Stack10, { space: 3, children: [
-      /* @__PURE__ */ jsxs16(Stack10, { space: 1, children: [
-        /* @__PURE__ */ jsx19(Text16, { muted: true, size: 0, children: "Search & filter" }),
-        /* @__PURE__ */ jsx19(
+  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(
           SearchBar,
           {
             areas: availableAreas,
@@ -3622,10 +4126,10 @@ function LatestReports({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs16(Flex12, { gap: 2, children: [
-        /* @__PURE__ */ jsx19(Box6, { flex: 1, children: /* @__PURE__ */ jsxs16(Stack10, { space: 1, children: [
-          /* @__PURE__ */ jsx19(Text16, { muted: true, size: 0, children: "Document" }),
-          /* @__PURE__ */ jsx19(
+      /* @__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(
             DocumentFilter,
             {
               onChange: setDocumentSlug,
@@ -3634,9 +4138,9 @@ function LatestReports({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx19(Box6, { flex: 1, children: /* @__PURE__ */ jsxs16(Stack10, { space: 1, children: [
-          /* @__PURE__ */ jsx19(Text16, { muted: true, size: 0, children: "Content release" }),
-          /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx23(Box8, { flex: 1, children: /* @__PURE__ */ jsxs20(Stack13, { space: 1, children: [
+          /* @__PURE__ */ jsx23(Text20, { muted: true, size: 0, children: "Content release" }),
+          /* @__PURE__ */ jsx23(
             PerspectiveFilter,
             {
               onChange: setPerspective,
@@ -3645,20 +4149,20 @@ function LatestReports({
           )
         ] }) })
       ] }),
-      (documentSlug.trim() || perspective.trim()) && /* @__PURE__ */ jsxs16(Flex12, { align: "center", gap: 1, children: [
-        documentSlug.trim() && /* @__PURE__ */ jsxs16(Badge11, { fontSize: 0, tone: "primary", children: [
+      (documentSlug.trim() || perspective.trim()) && /* @__PURE__ */ jsxs20(Flex16, { align: "center", gap: 1, children: [
+        documentSlug.trim() && /* @__PURE__ */ jsxs20(Badge12, { fontSize: 0, tone: "primary", children: [
           "Document: ",
           documentSlug.trim()
         ] }),
-        perspective.trim() && /* @__PURE__ */ jsxs16(Badge11, { fontSize: 0, tone: "primary", children: [
+        perspective.trim() && /* @__PURE__ */ jsxs20(Badge12, { fontSize: 0, tone: "primary", children: [
           "Perspective: ",
           perspective.trim()
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs16(Flex12, { align: "center", gap: 2, paddingX: 1, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx19(Text16, { muted: true, size: 1, children: filteredReports.length === reports.length ? `${reports.length} reports` : `${filteredReports.length} of ${reports.length} reports` }),
-      hasActiveFilters && /* @__PURE__ */ jsx19(
+    /* @__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(
         Button,
         {
           fontSize: 0,
@@ -3668,11 +4172,11 @@ function LatestReports({
           tone: "critical"
         }
       ),
-      /* @__PURE__ */ jsxs16(Flex12, { align: "center", gap: 1, style: { marginLeft: "auto" }, children: [
-        /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsxs20(Flex16, { align: "center", gap: 1, style: { marginLeft: "auto" }, children: [
+        /* @__PURE__ */ jsx23(
           MenuButton,
           {
-            button: /* @__PURE__ */ jsx19(
+            button: /* @__PURE__ */ jsx23(
               Button,
               {
                 fontSize: 1,
@@ -3682,8 +4186,8 @@ function LatestReports({
               }
             ),
             id: "sort-menu",
-            menu: /* @__PURE__ */ jsxs16(Menu, { children: [
-              /* @__PURE__ */ jsx19(
+            menu: /* @__PURE__ */ jsxs20(Menu, { children: [
+              /* @__PURE__ */ jsx23(
                 MenuItem,
                 {
                   onClick: () => handleSortFieldChange("date"),
@@ -3691,7 +4195,7 @@ function LatestReports({
                   text: "Date"
                 }
               ),
-              /* @__PURE__ */ jsx19(
+              /* @__PURE__ */ jsx23(
                 MenuItem,
                 {
                   onClick: () => handleSortFieldChange("score"),
@@ -3699,7 +4203,7 @@ function LatestReports({
                   text: "Score"
                 }
               ),
-              /* @__PURE__ */ jsx19(
+              /* @__PURE__ */ jsx23(
                 MenuItem,
                 {
                   onClick: () => handleSortFieldChange("name"),
@@ -3711,7 +4215,7 @@ function LatestReports({
             popover: { portal: true }
           }
         ),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx23(
           Button,
           {
             fontSize: 1,
@@ -3723,9 +4227,9 @@ function LatestReports({
         )
       ] })
     ] }),
-    filteredReports.length === 0 ? /* @__PURE__ */ jsx19(Card9, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs16(Stack10, { space: 3, children: [
-      /* @__PURE__ */ jsx19(Text16, { align: "center", muted: true, size: 2, children: "No reports match the current filters." }),
-      /* @__PURE__ */ jsx19(Flex12, { justify: "center", children: /* @__PURE__ */ jsx19(
+    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(
         Button,
         {
           fontSize: 1,
@@ -3734,7 +4238,7 @@ function LatestReports({
           text: "Clear all filters"
         }
       ) })
-    ] }) }) : /* @__PURE__ */ jsx19(Stack10, { space: 2, children: filteredReports.map((report) => /* @__PURE__ */ jsx19(
+    ] }) }) : /* @__PURE__ */ jsx23(Stack13, { space: 2, children: filteredReports.map((report) => /* @__PURE__ */ jsx23(
       ReportCard,
       {
         data: fromReportListItem(report),
@@ -3742,7 +4246,7 @@ function LatestReports({
       },
       report._id
     )) }),
-    hasMore && /* @__PURE__ */ jsx19(Flex12, { justify: "center", paddingY: 3, children: /* @__PURE__ */ jsx19(
+    hasMore && /* @__PURE__ */ jsx23(Flex16, { justify: "center", paddingY: 3, children: /* @__PURE__ */ jsx23(
       Button,
       {
         disabled: loadingMore,
@@ -3790,28 +4294,28 @@ function getDateThreshold(preset) {
 
 // src/components/report-detail/ReportDetail.tsx
 import { ArrowLeftIcon as ArrowLeftIcon2 } from "@sanity/icons";
-import { Box as Box12, Button as Button3, Stack as Stack19, Text as Text26, useToast } from "@sanity/ui";
-import { useCallback as useCallback9, useEffect as useEffect6, useState as useState8 } from "react";
+import { Box as Box14, Button as Button3, Stack as Stack22, Text as Text30, 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 Card11, Stack as Stack11, Text as Text18 } from "@sanity/ui";
+import { Card as Card14, Stack as Stack14, Text as Text22 } from "@sanity/ui";
 
 // src/components/primitives/ScoreCell.tsx
-import { Card as Card10, Text as Text17 } from "@sanity/ui";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { Card as Card13, Text as Text21 } from "@sanity/ui";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function ScoreCell({ score, size = 1 }) {
   const rounded = Math.round(score);
-  return /* @__PURE__ */ jsx20(Card10, { padding: 1, radius: 2, tone: scoreTone(rounded), children: /* @__PURE__ */ jsx20(Text17, { align: "center", size, weight: "medium", children: rounded }) });
+  return /* @__PURE__ */ jsx24(Card13, { padding: 1, radius: 2, tone: scoreTone(rounded), children: /* @__PURE__ */ jsx24(Text21, { align: "center", size, weight: "medium", children: rounded }) });
 }
 
 // src/components/report-detail/AreaScoreTable.tsx
-import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function AreaScoreTable({ scores }) {
-  return /* @__PURE__ */ jsx21(Card11, { overflow: "auto", padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs17(Stack11, { space: 4, children: [
-    /* @__PURE__ */ jsx21(Text18, { size: 2, weight: "semibold", children: "Per-Area Scores" }),
-    /* @__PURE__ */ jsxs17(
+  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(
       "div",
       {
         style: {
@@ -3820,9 +4324,9 @@ function AreaScoreTable({ scores }) {
           gridTemplateColumns: "2fr 1fr 1fr 1fr 1fr 1fr 1fr"
         },
         children: [
-          /* @__PURE__ */ jsx21(ColumnHeader, { borderBottom: true, label: "Area" }),
-          /* @__PURE__ */ jsx21(ColumnHeader, { borderBottom: true, label: "Score", tooltip: GLOSSARY.score }),
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx25(ColumnHeader, { borderBottom: true, label: "Area" }),
+          /* @__PURE__ */ jsx25(ColumnHeader, { borderBottom: true, label: "Score", tooltip: GLOSSARY.score }),
+          /* @__PURE__ */ jsx25(
             ColumnHeader,
             {
               borderBottom: true,
@@ -3830,7 +4334,7 @@ function AreaScoreTable({ scores }) {
               tooltip: GLOSSARY.taskCompletion
             }
           ),
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx25(
             ColumnHeader,
             {
               borderBottom: true,
@@ -3838,7 +4342,7 @@ function AreaScoreTable({ scores }) {
               tooltip: GLOSSARY.codeCorrectness
             }
           ),
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx25(
             ColumnHeader,
             {
               borderBottom: true,
@@ -3846,10 +4350,10 @@ function AreaScoreTable({ scores }) {
               tooltip: GLOSSARY.docCoverage
             }
           ),
-          /* @__PURE__ */ jsx21(ColumnHeader, { borderBottom: true, label: "Lift", tooltip: GLOSSARY.docLift }),
-          /* @__PURE__ */ jsx21(ColumnHeader, { borderBottom: true, label: "Tests", tooltip: GLOSSARY.tests }),
-          scores.map((score, i) => /* @__PURE__ */ jsxs17(React.Fragment, { children: [
-            /* @__PURE__ */ jsx21(
+          /* @__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(
               "div",
               {
                 style: {
@@ -3857,14 +4361,14 @@ function AreaScoreTable({ scores }) {
                   borderRadius: 4,
                   padding: "8px 0 8px 4px"
                 },
-                children: /* @__PURE__ */ jsx21(Text18, { size: 1, weight: "medium", children: score.feature })
+                children: /* @__PURE__ */ jsx25(Text22, { size: 1, weight: "medium", children: score.feature })
               }
             ),
-            /* @__PURE__ */ jsx21("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx21(ScoreCell, { score: score.totalScore }) }),
-            /* @__PURE__ */ jsx21("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx21(ScoreCell, { score: score.taskCompletion }) }),
-            /* @__PURE__ */ jsx21("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx21(ScoreCell, { score: score.codeCorrectness }) }),
-            /* @__PURE__ */ jsx21("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx21(ScoreCell, { score: score.docCoverage }) }),
-            /* @__PURE__ */ jsx21(
+            /* @__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(
               "div",
               {
                 style: {
@@ -3872,10 +4376,10 @@ function AreaScoreTable({ scores }) {
                   background: rowBackground(i),
                   display: "flex"
                 },
-                children: /* @__PURE__ */ jsx21(Text18, { size: 1, children: formatDelta(score.docLift) })
+                children: /* @__PURE__ */ jsx25(Text22, { size: 1, children: formatDelta(score.docLift) })
               }
             ),
-            /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx25(
               "div",
               {
                 style: {
@@ -3883,7 +4387,7 @@ function AreaScoreTable({ scores }) {
                   background: rowBackground(i),
                   display: "flex"
                 },
-                children: /* @__PURE__ */ jsx21(Text18, { muted: true, size: 1, children: score.testCount })
+                children: /* @__PURE__ */ jsx25(Text22, { muted: true, size: 1, children: score.testCount })
               }
             )
           ] }, score.feature))
@@ -3894,13 +4398,13 @@ function AreaScoreTable({ scores }) {
 }
 
 // src/components/report-detail/ComparisonSummary.tsx
-import { Badge as Badge12, Box as Box7, Card as Card12, Flex as Flex13, Grid as Grid2, Stack as Stack12, Text as Text19, Tooltip as Tooltip3 } from "@sanity/ui";
-import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+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";
 function ComparisonSummary({ comparison }) {
-  return /* @__PURE__ */ jsx22(Card12, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs18(Stack12, { space: 4, children: [
-    /* @__PURE__ */ jsxs18(Flex13, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx22(Text19, { size: 2, weight: "semibold", children: "Comparison" }),
-      /* @__PURE__ */ jsx22(
+  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(
         DeltaCard,
         {
           delta: comparison.deltas.overall,
@@ -3908,7 +4412,7 @@ function ComparisonSummary({ comparison }) {
           tooltip: GLOSSARY.overallDelta
         }
       ),
-      comparison.deltas.actualDelta != null && /* @__PURE__ */ jsx22(
+      comparison.deltas.actualDelta != null && /* @__PURE__ */ jsx26(
         DeltaCard,
         {
           delta: comparison.deltas.actualDelta,
@@ -3916,7 +4420,7 @@ function ComparisonSummary({ comparison }) {
           tooltip: GLOSSARY.actualDelta
         }
       ),
-      comparison.deltas.retrievalGapDelta != null && /* @__PURE__ */ jsx22(
+      comparison.deltas.retrievalGapDelta != null && /* @__PURE__ */ jsx26(
         DeltaCard,
         {
           delta: comparison.deltas.retrievalGapDelta,
@@ -3926,8 +4430,8 @@ function ComparisonSummary({ comparison }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs18(Grid2, { columns: [1, 1, 3], gap: 3, children: [
-      comparison.improved.length > 0 && /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsxs22(Grid2, { columns: [1, 1, 3], gap: 3, children: [
+      comparison.improved.length > 0 && /* @__PURE__ */ jsx26(
         AreaBadgeGroup,
         {
           areas: comparison.improved,
@@ -3935,7 +4439,7 @@ function ComparisonSummary({ comparison }) {
           tone: "positive"
         }
       ),
-      comparison.regressed.length > 0 && /* @__PURE__ */ jsx22(
+      comparison.regressed.length > 0 && /* @__PURE__ */ jsx26(
         AreaBadgeGroup,
         {
           areas: comparison.regressed,
@@ -3943,7 +4447,7 @@ function ComparisonSummary({ comparison }) {
           tone: "critical"
         }
       ),
-      comparison.unchanged.length > 0 && /* @__PURE__ */ jsx22(
+      comparison.unchanged.length > 0 && /* @__PURE__ */ jsx26(
         AreaBadgeGroup,
         {
           areas: comparison.unchanged,
@@ -3962,19 +4466,19 @@ function DeltaCard({
 }) {
   const isPositive = invertedPolarity ? delta < 0 : delta > 0;
   const isNegative = invertedPolarity ? delta > 0 : delta < 0;
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx26(
     Tooltip3,
     {
-      content: /* @__PURE__ */ jsx22(Box7, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx22(Text19, { size: 1, children: tooltip }) }),
+      content: /* @__PURE__ */ jsx26(Box9, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx26(Text23, { size: 1, children: tooltip }) }),
       placement: "bottom",
       portal: true,
-      children: /* @__PURE__ */ jsx22(
-        Card12,
+      children: /* @__PURE__ */ jsx26(
+        Card15,
         {
           padding: 2,
           radius: 2,
           tone: isPositive ? "positive" : isNegative ? "critical" : "default",
-          children: /* @__PURE__ */ jsxs18(Text19, { size: 1, weight: "bold", children: [
+          children: /* @__PURE__ */ jsxs22(Text23, { size: 1, weight: "bold", children: [
             formatDelta(delta),
             " ",
             label
@@ -3989,9 +4493,9 @@ function AreaBadgeGroup({
   label,
   tone
 }) {
-  return /* @__PURE__ */ jsxs18(Stack12, { space: 2, children: [
-    /* @__PURE__ */ jsx22(
-      Text19,
+  return /* @__PURE__ */ jsxs22(Stack15, { space: 2, children: [
+    /* @__PURE__ */ jsx26(
+      Text23,
       {
         muted: true,
         size: 0,
@@ -4000,21 +4504,21 @@ function AreaBadgeGroup({
         children: label
       }
     ),
-    /* @__PURE__ */ jsx22(Flex13, { gap: 1, wrap: "wrap", children: areas.map((a) => /* @__PURE__ */ jsx22(Badge12, { tone, children: a }, a)) })
+    /* @__PURE__ */ jsx26(Flex17, { gap: 1, wrap: "wrap", children: areas.map((a) => /* @__PURE__ */ jsx26(Badge13, { tone, children: a }, a)) })
   ] });
 }
 
 // src/components/report-detail/JudgmentList.tsx
 import { useState as useState7 } from "react";
-import { HelpCircleIcon as HelpCircleIcon2 } from "@sanity/icons";
-import { Badge as Badge13, Box as Box8, Card as Card13, Flex as Flex14, Stack as Stack13, Text as Text20, Tooltip as Tooltip4 } from "@sanity/ui";
+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";
 
 // src/components/primitives/InlineCode.tsx
-import { Fragment as Fragment2, jsx as jsx23 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx27 } from "react/jsx-runtime";
 function InlineCode({ text }) {
   const parts = text.split(/`([^`]+)`/);
-  return /* @__PURE__ */ jsx23(Fragment2, { children: parts.map(
-    (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx27(Fragment4, { children: parts.map(
+    (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsx27(
       "code",
       {
         style: {
@@ -4026,12 +4530,12 @@ function InlineCode({ text }) {
         children: part
       },
       i
-    ) : /* @__PURE__ */ jsx23("span", { children: part }, i)
+    ) : /* @__PURE__ */ jsx27("span", { children: part }, i)
   ) });
 }
 
 // src/components/report-detail/JudgmentList.tsx
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
 function groupByArea(judgments) {
   const byArea = /* @__PURE__ */ new Map();
   for (const j of judgments) {
@@ -4046,36 +4550,36 @@ var DIMENSION_LABELS = DIMENSION_LABELS_KEBAB;
 function JudgmentList({ judgments }) {
   if (judgments.length === 0) return null;
   const grouped = groupByArea(judgments);
-  return /* @__PURE__ */ jsx24(Card13, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs19(Stack13, { space: 4, children: [
-    /* @__PURE__ */ jsxs19(Flex14, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx24(Text20, { size: 2, weight: "semibold", children: "Low-Scoring Judgments" }),
-      /* @__PURE__ */ jsx24(
+  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(
         Tooltip4,
         {
-          content: /* @__PURE__ */ jsx24(Box8, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx24(Text20, { size: 1, children: GLOSSARY.lowScoringJudgments }) }),
+          content: /* @__PURE__ */ jsx28(Box10, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx28(Text24, { size: 1, children: GLOSSARY.lowScoringJudgments }) }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsx24(Text20, { muted: true, size: 0, children: /* @__PURE__ */ jsx24(HelpCircleIcon2, {}) })
+          children: /* @__PURE__ */ jsx28(Text24, { muted: true, size: 0, children: /* @__PURE__ */ jsx28(HelpCircleIcon4, {}) })
         }
       ),
-      /* @__PURE__ */ jsx24(Card13, { padding: 2, radius: 2, tone: "critical", children: /* @__PURE__ */ jsxs19(Text20, { size: 1, weight: "bold", children: [
+      /* @__PURE__ */ jsx28(Card16, { padding: 2, radius: 2, tone: "critical", children: /* @__PURE__ */ jsxs23(Text24, { size: 1, weight: "bold", children: [
         judgments.length,
         " judgment",
         judgments.length === 1 ? "" : "s",
         " below 70"
       ] }) })
     ] }),
-    grouped.map(([area, areaJudgments]) => /* @__PURE__ */ jsx24(Card13, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs19(Stack13, { space: 3, children: [
-      /* @__PURE__ */ jsxs19(Text20, { size: 1, weight: "semibold", children: [
+    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: [
         area,
         " ",
-        /* @__PURE__ */ jsxs19(Text20, { muted: true, size: 1, weight: "regular", as: "span", children: [
+        /* @__PURE__ */ jsxs23(Text24, { muted: true, size: 1, weight: "regular", as: "span", children: [
           "(",
           areaJudgments.length,
           ")"
         ] })
       ] }),
-      areaJudgments.map((j, i) => /* @__PURE__ */ jsx24(JudgmentCard, { judgment: j }, `${area}-${i}`))
+      areaJudgments.map((j, i) => /* @__PURE__ */ jsx28(JudgmentCard, { judgment: j }, `${area}-${i}`))
     ] }) }, area))
   ] }) });
 }
@@ -4084,18 +4588,18 @@ 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__ */ jsx24(
-    Card13,
+  return /* @__PURE__ */ jsx28(
+    Card16,
     {
       padding: 3,
       radius: 2,
       shadow: 1,
       style: { cursor: "pointer" },
       onClick: () => setExpanded(!expanded),
-      children: /* @__PURE__ */ jsxs19(Stack13, { space: 3, children: [
-        /* @__PURE__ */ jsxs19(Flex14, { align: "center", gap: 2, wrap: "wrap", children: [
-          /* @__PURE__ */ jsx24(Card13, { padding: 2, radius: 2, tone: scoreTone(judgment.score), children: /* @__PURE__ */ jsx24(
-            Text20,
+      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,
             {
               align: "center",
               size: 1,
@@ -4104,32 +4608,32 @@ function JudgmentCard({ judgment }) {
               children: judgment.score
             }
           ) }),
-          /* @__PURE__ */ jsx24(Badge13, { tone: "default", children: dimLabel }),
-          /* @__PURE__ */ jsx24(Text20, { size: 1, weight: "medium", children: taskName }),
-          /* @__PURE__ */ jsx24(Text20, { muted: true, size: 0, children: judgment.modelId }),
-          /* @__PURE__ */ jsx24(Text20, { muted: true, size: 0, style: { marginLeft: "auto" }, children: expanded ? "\u25B2" : "\u25BC" })
+          /* @__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" })
         ] }),
-        expanded && /* @__PURE__ */ jsxs19(Stack13, { space: 3, children: [
-          /* @__PURE__ */ jsx24(Card13, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx24(
-            Text20,
+        expanded && /* @__PURE__ */ jsxs23(Stack16, { space: 3, children: [
+          /* @__PURE__ */ jsx28(Card16, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx28(
+            Text24,
             {
               muted: true,
               size: 1,
               style: { lineHeight: 1.6, whiteSpace: "pre-wrap" },
-              children: /* @__PURE__ */ jsx24(InlineCode, { text: judgment.reason })
+              children: /* @__PURE__ */ jsx28(InlineCode, { text: judgment.reason })
             }
           ) }),
-          judgment.canonicalDocs && judgment.canonicalDocs.length > 0 && /* @__PURE__ */ jsxs19(Flex14, { align: "center", gap: 2, wrap: "wrap", children: [
-            /* @__PURE__ */ jsx24(Text20, { muted: true, size: 0, children: "Docs:" }),
+          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.map((doc) => {
-              const badge = /* @__PURE__ */ jsx24(Badge13, { mode: "outline", tone: "primary", children: doc.slug });
-              return /* @__PURE__ */ jsx24(
+              const badge = /* @__PURE__ */ jsx28(Badge14, { mode: "outline", tone: "primary", children: doc.slug });
+              return /* @__PURE__ */ jsx28(
                 Tooltip4,
                 {
-                  content: /* @__PURE__ */ jsx24(Box8, { padding: 2, children: /* @__PURE__ */ jsx24(Text20, { size: 1, children: doc.title || doc.slug }) }),
+                  content: /* @__PURE__ */ jsx28(Box10, { padding: 2, children: /* @__PURE__ */ jsx28(Text24, { size: 1, children: doc.title || doc.slug }) }),
                   placement: "bottom",
                   portal: true,
-                  children: doc.documentId ? /* @__PURE__ */ jsx24(
+                  children: doc.documentId ? /* @__PURE__ */ jsx28(
                     "a",
                     {
                       href: `/intent/edit/id=${doc.documentId}`,
@@ -4153,9 +4657,9 @@ function JudgmentCard({ judgment }) {
 import { Grid as Grid3 } from "@sanity/ui";
 
 // src/components/primitives/StatCard.tsx
-import { HelpCircleIcon as HelpCircleIcon3 } from "@sanity/icons";
-import { Box as Box9, Card as Card14, Stack as Stack14, Text as Text21, Tooltip as Tooltip5 } from "@sanity/ui";
-import { Fragment as Fragment3, jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
+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";
 function StatCard({
   label,
   value,
@@ -4163,24 +4667,24 @@ function StatCard({
   suffix,
   tone = "default"
 }) {
-  return /* @__PURE__ */ jsx25(Card14, { padding: 3, radius: 2, shadow: 1, tone, children: /* @__PURE__ */ jsxs20(Stack14, { space: 2, children: [
-    /* @__PURE__ */ jsxs20(Text21, { muted: true, size: 1, children: [
+  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: [
       label,
-      tooltip && /* @__PURE__ */ jsxs20(Fragment3, { children: [
+      tooltip && /* @__PURE__ */ jsxs24(Fragment5, { children: [
         " ",
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx29(
           Tooltip5,
           {
-            content: /* @__PURE__ */ jsx25(Box9, { padding: 2, children: /* @__PURE__ */ jsx25(Text21, { size: 1, children: tooltip }) }),
+            content: /* @__PURE__ */ jsx29(Box11, { padding: 2, children: /* @__PURE__ */ jsx29(Text25, { size: 1, children: tooltip }) }),
             portal: true,
-            children: /* @__PURE__ */ jsx25("span", { style: { cursor: "help" }, children: /* @__PURE__ */ jsx25(HelpCircleIcon3, {}) })
+            children: /* @__PURE__ */ jsx29("span", { style: { cursor: "help" }, children: /* @__PURE__ */ jsx29(HelpCircleIcon5, {}) })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs20(Text21, { size: 3, weight: "bold", children: [
+    /* @__PURE__ */ jsxs24(Text25, { size: 3, weight: "bold", children: [
       value,
-      suffix && /* @__PURE__ */ jsxs20("span", { style: { fontSize: "0.6em", fontWeight: 400 }, children: [
+      suffix && /* @__PURE__ */ jsxs24("span", { style: { fontSize: "0.6em", fontWeight: 400 }, children: [
         " ",
         suffix
       ] })
@@ -4189,7 +4693,7 @@ function StatCard({
 }
 
 // src/components/report-detail/OverviewStats.tsx
-import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
 function OverviewStats({
   overall,
   durationMs,
@@ -4197,8 +4701,8 @@ function OverviewStats({
   isFullMode
 }) {
   const overallTone = scoreTone(overall.avgScore);
-  return /* @__PURE__ */ jsxs21(Grid3, { columns: [1, 1, 2, isFullMode ? 4 : 4], gap: 3, children: [
-    /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs25(Grid3, { columns: [1, 1, 2, isFullMode ? 4 : 4], gap: 3, children: [
+    /* @__PURE__ */ jsx30(
       StatCard,
       {
         label: "Overall Score",
@@ -4207,7 +4711,7 @@ function OverviewStats({
         value: overall.avgScore.toFixed(1)
       }
     ),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx30(
       StatCard,
       {
         label: "Doc Lift",
@@ -4216,7 +4720,7 @@ function OverviewStats({
         value: overall.avgDocLift.toFixed(1)
       }
     ),
-    isFullMode && overall.avgActualScore != null && /* @__PURE__ */ jsx26(
+    isFullMode && overall.avgActualScore != null && /* @__PURE__ */ jsx30(
       StatCard,
       {
         label: "Actual Score",
@@ -4225,7 +4729,7 @@ function OverviewStats({
         value: overall.avgActualScore.toFixed(1)
       }
     ),
-    isFullMode && overall.avgRetrievalGap != null && /* @__PURE__ */ jsx26(
+    isFullMode && overall.avgRetrievalGap != null && /* @__PURE__ */ jsx30(
       StatCard,
       {
         label: "Retrieval Gap",
@@ -4235,7 +4739,7 @@ function OverviewStats({
         value: overall.avgRetrievalGap.toFixed(1)
       }
     ),
-    isFullMode && overall.avgInfrastructureEfficiency != null && /* @__PURE__ */ jsx26(
+    isFullMode && overall.avgInfrastructureEfficiency != null && /* @__PURE__ */ jsx30(
       StatCard,
       {
         label: "Infra Efficiency",
@@ -4243,8 +4747,8 @@ function OverviewStats({
         value: formatPercent(overall.avgInfrastructureEfficiency)
       }
     ),
-    /* @__PURE__ */ jsx26(StatCard, { label: "Duration", value: formatDuration(durationMs) }),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx30(StatCard, { label: "Duration", value: formatDuration(durationMs) }),
+    /* @__PURE__ */ jsx30(
       StatCard,
       {
         label: "Tests",
@@ -4256,31 +4760,31 @@ function OverviewStats({
 }
 
 // src/components/report-detail/ProvenanceCard.tsx
-import { Card as Card15, Flex as Flex15, Grid as Grid4, Stack as Stack15, Text as Text22 } from "@sanity/ui";
-import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
+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";
 var VIEWABLE_PROMPTFOO_MODES = /* @__PURE__ */ new Set(["agentic", "observed"]);
 function ProvenanceCard({ provenance }) {
-  return /* @__PURE__ */ jsx27(Card15, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs22(Stack15, { space: 4, children: [
-    /* @__PURE__ */ jsx27(Text22, { size: 2, weight: "semibold", children: "Provenance" }),
-    /* @__PURE__ */ jsxs22(Grid4, { columns: [1, 2, 3], gap: 4, children: [
-      /* @__PURE__ */ jsx27(Field, { label: "Mode", value: provenance.mode }),
-      /* @__PURE__ */ jsx27(Field, { label: "Source", value: provenance.source.name }),
-      /* @__PURE__ */ jsx27(
+  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(
         Field,
         {
           label: "Trigger",
           value: provenance.trigger.type + (provenance.trigger.workflow ? ` (${provenance.trigger.workflow})` : "")
         }
       ),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx31(
         Field,
         {
           label: "Models",
           value: provenance.models.map((m) => m.label).join(", ")
         }
       ),
-      /* @__PURE__ */ jsx27(Field, { label: "Grader Model", mono: true, value: provenance.graderModel }),
-      provenance.contextHash && /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx31(Field, { label: "Grader Model", mono: true, value: provenance.graderModel }),
+      provenance.contextHash && /* @__PURE__ */ jsx31(
         Field,
         {
           label: "Context Hash",
@@ -4289,8 +4793,8 @@ function ProvenanceCard({ provenance }) {
         }
       )
     ] }),
-    provenance.git && /* @__PURE__ */ jsx27(GitInfo, { git: provenance.git }),
-    /* @__PURE__ */ jsx27(PromptfooLinks, { provenance })
+    provenance.git && /* @__PURE__ */ jsx31(GitInfo, { git: provenance.git }),
+    /* @__PURE__ */ jsx31(PromptfooLinks, { provenance })
   ] }) });
 }
 function Field({
@@ -4298,9 +4802,9 @@ function Field({
   mono,
   value
 }) {
-  return /* @__PURE__ */ jsxs22(Stack15, { space: 1, children: [
-    /* @__PURE__ */ jsx27(
-      Text22,
+  return /* @__PURE__ */ jsxs26(Stack18, { space: 1, children: [
+    /* @__PURE__ */ jsx31(
+      Text26,
       {
         muted: true,
         size: 0,
@@ -4309,19 +4813,19 @@ function Field({
         children: label
       }
     ),
-    /* @__PURE__ */ jsx27(Text22, { size: 1, style: mono ? { fontFamily: "monospace" } : void 0, children: value })
+    /* @__PURE__ */ jsx31(Text26, { size: 1, style: mono ? { fontFamily: "monospace" } : void 0, children: value })
   ] });
 }
 function GitInfo({ git }) {
-  return /* @__PURE__ */ jsx27(Card15, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs22(Flex15, { align: "center", gap: 3, wrap: "wrap", children: [
-    /* @__PURE__ */ jsx27(Text22, { muted: true, size: 1, weight: "semibold", children: "Git" }),
-    /* @__PURE__ */ jsxs22(Text22, { size: 1, children: [
+  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,
       " / ",
       git.branch
     ] }),
-    /* @__PURE__ */ jsx27(Text22, { muted: true, size: 1, style: { fontFamily: "monospace" }, children: git.sha.slice(0, 12) }),
-    git.prNumber && /* @__PURE__ */ jsx27(Text22, { size: 1, children: /* @__PURE__ */ jsxs22(
+    /* @__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}`,
@@ -4344,14 +4848,14 @@ function PromptfooLinks({
       (e) => VIEWABLE_PROMPTFOO_MODES.has(e.mode)
     );
     if (viewable.length === 0) return null;
-    return /* @__PURE__ */ jsx27(Flex15, { gap: 3, wrap: "wrap", children: viewable.map((entry) => /* @__PURE__ */ jsx27(Text22, { size: 1, children: /* @__PURE__ */ jsxs22("a", { href: entry.url, rel: "noopener noreferrer", target: "_blank", children: [
+    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: [
       "View in Promptfoo (",
       entry.mode,
       ") \u2192"
     ] }) }, entry.mode)) });
   }
   if (provenance.promptfooUrl && VIEWABLE_PROMPTFOO_MODES.has(provenance.mode)) {
-    return /* @__PURE__ */ jsx27(Text22, { size: 1, children: /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx31(Text26, { size: 1, children: /* @__PURE__ */ jsx31(
       "a",
       {
         href: provenance.promptfooUrl,
@@ -4366,32 +4870,32 @@ function PromptfooLinks({
 
 // src/components/report-detail/RecommendationsSection.tsx
 import React3 from "react";
-import { Badge as Badge14, Box as Box10, Card as Card16, Flex as Flex16, Stack as Stack16, Text as Text23, Tooltip as Tooltip6 } from "@sanity/ui";
-import { HelpCircleIcon as HelpCircleIcon4 } from "@sanity/icons";
-import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
+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 { HelpCircleIcon as HelpCircleIcon6 } from "@sanity/icons";
+import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
 function RecommendationsSection({
   recommendations
 }) {
   if (recommendations.gaps.length === 0) return null;
-  return /* @__PURE__ */ jsx28(Card16, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs23(Stack16, { space: 4, children: [
-    /* @__PURE__ */ jsxs23(Flex16, { align: "center", gap: 3, wrap: "wrap", children: [
-      /* @__PURE__ */ jsx28(Text23, { size: 2, weight: "semibold", children: "Recommendations" }),
-      /* @__PURE__ */ jsx28(
+  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(
         Tooltip6,
         {
-          content: /* @__PURE__ */ jsx28(Box10, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx28(Text23, { size: 1, children: GLOSSARY.recommendations }) }),
+          content: /* @__PURE__ */ jsx32(Box12, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx32(Text27, { size: 1, children: GLOSSARY.recommendations }) }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsx28(Text23, { muted: true, size: 0, children: /* @__PURE__ */ jsx28(HelpCircleIcon4, {}) })
+          children: /* @__PURE__ */ jsx32(Text27, { muted: true, size: 0, children: /* @__PURE__ */ jsx32(HelpCircleIcon6, {}) })
         }
       ),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx32(
         Tooltip6,
         {
-          content: /* @__PURE__ */ jsx28(Box10, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx28(Text23, { size: 1, children: GLOSSARY.totalPotentialLift }) }),
+          content: /* @__PURE__ */ jsx32(Box12, { padding: 2, style: { maxWidth: 260 }, children: /* @__PURE__ */ jsx32(Text27, { size: 1, children: GLOSSARY.totalPotentialLift }) }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsx28(Card16, { padding: 2, radius: 2, tone: "positive", children: /* @__PURE__ */ jsxs23(Text23, { size: 1, weight: "bold", children: [
+          children: /* @__PURE__ */ jsx32(Card19, { padding: 2, radius: 2, tone: "positive", children: /* @__PURE__ */ jsxs27(Text27, { size: 1, weight: "bold", children: [
             "+",
             recommendations.totalPotentialLift.toFixed(1),
             " pts potential lift"
@@ -4399,7 +4903,7 @@ function RecommendationsSection({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs23(
+    /* @__PURE__ */ jsxs27(
       "div",
       {
         style: {
@@ -4408,9 +4912,9 @@ function RecommendationsSection({
           gridTemplateColumns: "auto 2fr 2fr 1fr 1fr 1fr"
         },
         children: [
-          /* @__PURE__ */ jsx28(ColumnHeader, { borderBottom: true, label: "#" }),
-          /* @__PURE__ */ jsx28(ColumnHeader, { borderBottom: true, label: "Area" }),
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx32(ColumnHeader, { borderBottom: true, label: "#" }),
+          /* @__PURE__ */ jsx32(ColumnHeader, { borderBottom: true, label: "Area" }),
+          /* @__PURE__ */ jsx32(
             ColumnHeader,
             {
               borderBottom: true,
@@ -4418,8 +4922,8 @@ function RecommendationsSection({
               tooltip: GLOSSARY.failureMode
             }
           ),
-          /* @__PURE__ */ jsx28(ColumnHeader, { borderBottom: true, label: "Action" }),
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx32(ColumnHeader, { borderBottom: true, label: "Action" }),
+          /* @__PURE__ */ jsx32(
             ColumnHeader,
             {
               borderBottom: true,
@@ -4427,7 +4931,7 @@ function RecommendationsSection({
               tooltip: GLOSSARY.estimatedLift
             }
           ),
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx32(
             ColumnHeader,
             {
               borderBottom: true,
@@ -4435,7 +4939,7 @@ function RecommendationsSection({
               tooltip: GLOSSARY.confidence
             }
           ),
-          recommendations.gaps.map((gap, i) => /* @__PURE__ */ jsx28(RecommendationRow, { gap, index: i }, `gap-${i}`))
+          recommendations.gaps.map((gap, i) => /* @__PURE__ */ jsx32(RecommendationRow, { gap, index: i }, `gap-${i}`))
         ]
       }
     )
@@ -4447,8 +4951,8 @@ function RecommendationRow({
 }) {
   const confIcon = gap.confidence === "high" ? "\u{1F7E2}" : gap.confidence === "medium" ? "\u{1F7E1}" : "\u{1F534}";
   const bg = rowBackground(index);
-  return /* @__PURE__ */ jsxs23(React3.Fragment, { children: [
-    /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs27(React3.Fragment, { children: [
+    /* @__PURE__ */ jsx32(
       "div",
       {
         style: {
@@ -4458,10 +4962,10 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 4px"
         },
-        children: /* @__PURE__ */ jsx28(Text23, { muted: true, size: 1, children: index + 1 })
+        children: /* @__PURE__ */ jsx32(Text27, { muted: true, size: 1, children: index + 1 })
       }
     ),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx32(
       "div",
       {
         style: {
@@ -4470,10 +4974,10 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx28(Text23, { size: 1, weight: "medium", children: gap.area })
+        children: /* @__PURE__ */ jsx32(Text27, { size: 1, weight: "medium", children: gap.area })
       }
     ),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx32(
       "div",
       {
         style: {
@@ -4482,8 +4986,8 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx28(
-          Badge14,
+        children: /* @__PURE__ */ jsx32(
+          Badge15,
           {
             tone: gap.failureMode === "missing-docs" ? "critical" : gap.failureMode === "incorrect-docs" ? "critical" : gap.failureMode === "outdated-docs" ? "caution" : "default",
             children: gap.failureMode
@@ -4491,7 +4995,7 @@ function RecommendationRow({
         )
       }
     ),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx32(
       "div",
       {
         style: {
@@ -4500,10 +5004,10 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx28(Text23, { muted: true, size: 1, children: gap.remediation })
+        children: /* @__PURE__ */ jsx32(Text27, { muted: true, size: 1, children: gap.remediation })
       }
     ),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx32(
       "div",
       {
         style: {
@@ -4512,13 +5016,13 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsx28(Card16, { padding: 2, radius: 2, tone: "positive", children: /* @__PURE__ */ jsxs23(Text23, { align: "center", size: 1, weight: "medium", children: [
+        children: /* @__PURE__ */ jsx32(Card19, { padding: 2, radius: 2, tone: "positive", children: /* @__PURE__ */ jsxs27(Text27, { align: "center", size: 1, weight: "medium", children: [
           "+",
           gap.estimatedLift.toFixed(1)
         ] }) })
       }
     ),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx32(
       "div",
       {
         style: {
@@ -4527,7 +5031,7 @@ function RecommendationRow({
           display: "flex",
           padding: "8px 0"
         },
-        children: /* @__PURE__ */ jsxs23(Text23, { size: 1, children: [
+        children: /* @__PURE__ */ jsxs27(Text27, { size: 1, children: [
           confIcon,
           " ",
           gap.confidence
@@ -4540,16 +5044,16 @@ function RecommendationRow({
 // src/components/report-detail/ReportHeader.tsx
 import { ArrowLeftIcon, ClipboardIcon } from "@sanity/icons";
 import {
-  Badge as Badge15,
-  Box as Box11,
+  Badge as Badge16,
+  Box as Box13,
   Button as Button2,
-  Card as Card17,
-  Flex as Flex17,
-  Stack as Stack17,
-  Text as Text24,
+  Card as Card20,
+  Flex as Flex21,
+  Stack as Stack20,
+  Text as Text28,
   Tooltip as Tooltip7
 } from "@sanity/ui";
-import { Fragment as Fragment4, jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
 function ReportHeader({
   completedAt,
   mode,
@@ -4562,9 +5066,9 @@ function ReportHeader({
   const dateLabel = formatCardDate(completedAt);
   const title = tag ?? dateLabel;
   const hasTag = Boolean(tag);
-  return /* @__PURE__ */ jsxs24(Fragment4, { children: [
-    /* @__PURE__ */ jsxs24(Flex17, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsxs28(Fragment6, { children: [
+    /* @__PURE__ */ jsxs28(Flex21, { align: "center", gap: 3, children: [
+      /* @__PURE__ */ jsx33(
         Button2,
         {
           icon: ArrowLeftIcon,
@@ -4573,23 +5077,23 @@ function ReportHeader({
           text: "Back"
         }
       ),
-      /* @__PURE__ */ jsxs24(Stack17, { flex: 1, space: 1, children: [
-        /* @__PURE__ */ jsx29(Text24, { size: 3, weight: "bold", children: title }),
-        hasTag && /* @__PURE__ */ jsx29(Text24, { muted: true, size: 1, children: dateLabel })
+      /* @__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__ */ jsxs24(Flex17, { gap: 2, children: [
-        /* @__PURE__ */ jsx29(Badge15, { mode: "outline", tone: "default", children: sourceName }),
-        /* @__PURE__ */ jsx29(Badge15, { tone: "primary", children: mode })
+      /* @__PURE__ */ jsxs28(Flex21, { gap: 2, children: [
+        /* @__PURE__ */ jsx33(Badge16, { mode: "outline", tone: "default", children: sourceName }),
+        /* @__PURE__ */ jsx33(Badge16, { tone: "primary", children: mode })
       ] })
     ] }),
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx33(
       Tooltip7,
       {
-        content: /* @__PURE__ */ jsx29(Box11, { padding: 2, children: /* @__PURE__ */ jsx29(Text24, { size: 1, children: "Click to copy report ID" }) }),
+        content: /* @__PURE__ */ jsx33(Box13, { padding: 2, children: /* @__PURE__ */ jsx33(Text28, { size: 1, children: "Click to copy report ID" }) }),
         placement: "bottom",
         portal: true,
-        children: /* @__PURE__ */ jsx29(
-          Card17,
+        children: /* @__PURE__ */ jsx33(
+          Card20,
           {
             border: true,
             onClick: onCopyId,
@@ -4597,9 +5101,9 @@ function ReportHeader({
             radius: 2,
             style: { cursor: "pointer" },
             tone: "transparent",
-            children: /* @__PURE__ */ jsxs24(Flex17, { align: "center", gap: 3, children: [
-              /* @__PURE__ */ jsx29(
-                Text24,
+            children: /* @__PURE__ */ jsxs28(Flex21, { align: "center", gap: 3, children: [
+              /* @__PURE__ */ jsx33(
+                Text28,
                 {
                   muted: true,
                   size: 0,
@@ -4611,8 +5115,8 @@ function ReportHeader({
                   children: "Report ID"
                 }
               ),
-              /* @__PURE__ */ jsx29(
-                Text24,
+              /* @__PURE__ */ jsx33(
+                Text28,
                 {
                   size: 1,
                   style: {
@@ -4622,7 +5126,7 @@ function ReportHeader({
                   children: reportId
                 }
               ),
-              /* @__PURE__ */ jsx29(Box11, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx29(Text24, { muted: true, size: 1, children: /* @__PURE__ */ jsx29(ClipboardIcon, {}) }) })
+              /* @__PURE__ */ jsx33(Box13, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx33(Text28, { muted: true, size: 1, children: /* @__PURE__ */ jsx33(ClipboardIcon, {}) }) })
             ] })
           }
         )
@@ -4633,18 +5137,18 @@ function ReportHeader({
 
 // src/components/report-detail/ThreeLayerTable.tsx
 import React4 from "react";
-import { Badge as Badge16, Card as Card18, Flex as Flex18, Stack as Stack18, Text as Text25 } from "@sanity/ui";
-import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+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";
 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__ */ jsx30(Card18, { overflow: "auto", padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs25(Stack18, { space: 4, children: [
-    /* @__PURE__ */ jsxs25(Flex18, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsx30(Text25, { size: 2, weight: "semibold", children: "Three-Layer Decomposition" }),
-      /* @__PURE__ */ jsx30(Badge16, { tone: "primary", children: "full mode" })
+  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" })
     ] }),
-    /* @__PURE__ */ jsxs25(
+    /* @__PURE__ */ jsxs29(
       "div",
       {
         style: {
@@ -4653,9 +5157,9 @@ function ThreeLayerTable({ scores }) {
           gridTemplateColumns: "2fr 1fr 1fr 1fr 1fr 1fr"
         },
         children: [
-          /* @__PURE__ */ jsx30(ColumnHeader, { borderBottom: true, label: "Area" }),
-          /* @__PURE__ */ jsx30(ColumnHeader, { borderBottom: true, label: "Floor", tooltip: GLOSSARY.floor }),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx34(ColumnHeader, { borderBottom: true, label: "Area" }),
+          /* @__PURE__ */ jsx34(ColumnHeader, { borderBottom: true, label: "Floor", tooltip: GLOSSARY.floor }),
+          /* @__PURE__ */ jsx34(
             ColumnHeader,
             {
               borderBottom: true,
@@ -4663,8 +5167,8 @@ function ThreeLayerTable({ scores }) {
               tooltip: GLOSSARY.ceiling
             }
           ),
-          /* @__PURE__ */ jsx30(ColumnHeader, { borderBottom: true, label: "Actual", tooltip: GLOSSARY.actual }),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx34(ColumnHeader, { borderBottom: true, label: "Actual", tooltip: GLOSSARY.actual }),
+          /* @__PURE__ */ jsx34(
             ColumnHeader,
             {
               borderBottom: true,
@@ -4672,7 +5176,7 @@ function ThreeLayerTable({ scores }) {
               tooltip: GLOSSARY.retGap
             }
           ),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx34(
             ColumnHeader,
             {
               borderBottom: true,
@@ -4680,8 +5184,8 @@ function ThreeLayerTable({ scores }) {
               tooltip: GLOSSARY.efficiency
             }
           ),
-          filtered.map((score, i) => /* @__PURE__ */ jsxs25(React4.Fragment, { children: [
-            /* @__PURE__ */ jsx30(
+          filtered.map((score, i) => /* @__PURE__ */ jsxs29(React4.Fragment, { children: [
+            /* @__PURE__ */ jsx34(
               "div",
               {
                 style: {
@@ -4689,13 +5193,13 @@ function ThreeLayerTable({ scores }) {
                   borderRadius: 4,
                   padding: "8px 0 8px 4px"
                 },
-                children: /* @__PURE__ */ jsx30(Text25, { size: 1, weight: "medium", children: score.feature })
+                children: /* @__PURE__ */ jsx34(Text29, { size: 1, weight: "medium", children: score.feature })
               }
             ),
-            /* @__PURE__ */ jsx30("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.floorScore ?? 0 }) }),
-            /* @__PURE__ */ jsx30("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.ceilingScore ?? score.totalScore }) }),
-            /* @__PURE__ */ jsx30("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.actualScore ?? 0 }) }),
-            /* @__PURE__ */ jsx30(
+            /* @__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(
               "div",
               {
                 style: {
@@ -4704,10 +5208,10 @@ function ThreeLayerTable({ scores }) {
                   display: "flex",
                   padding: "6px 0"
                 },
-                children: /* @__PURE__ */ jsx30(Text25, { size: 1, children: score.retrievalGap != null ? score.retrievalGap.toFixed(1) : "\u2014" })
+                children: /* @__PURE__ */ jsx34(Text29, { size: 1, children: score.retrievalGap != null ? score.retrievalGap.toFixed(1) : "\u2014" })
               }
             ),
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx34(
               "div",
               {
                 style: {
@@ -4716,7 +5220,7 @@ function ThreeLayerTable({ scores }) {
                   display: "flex",
                   padding: "6px 0"
                 },
-                children: /* @__PURE__ */ jsxs25(Text25, { size: 1, children: [
+                children: /* @__PURE__ */ jsxs29(Text29, { size: 1, children: [
                   formatPercent(score.infrastructureEfficiency),
                   score.invertedRetrievalGap && " \u26A0\uFE0F"
                 ] })
@@ -4726,18 +5230,18 @@ function ThreeLayerTable({ scores }) {
         ]
       }
     ),
-    hasInverted && /* @__PURE__ */ jsx30(Text25, { muted: true, size: 0, children: GLOSSARY.invertedRetGap })
+    hasInverted && /* @__PURE__ */ jsx34(Text29, { muted: true, size: 0, children: GLOSSARY.invertedRetGap })
   ] }) });
 }
 
 // src/components/report-detail/ReportDetail.tsx
-import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
 function ReportDetail({ onBack, reportId }) {
   const client = useClient6({ apiVersion: API_VERSION });
   const toast = useToast();
   const [loading, setLoading] = useState8(true);
   const [report, setReport] = useState8(null);
-  useEffect6(() => {
+  useEffect7(() => {
     let cancelled = false;
     setLoading(true);
     client.fetch(reportDetailQuery, { reportId }).then((data) => {
@@ -4752,7 +5256,7 @@ function ReportDetail({ onBack, reportId }) {
       cancelled = true;
     };
   }, [client, reportId]);
-  const handleCopyReportId = useCallback9(() => {
+  const handleCopyReportId = useCallback12(() => {
     if (!report) return;
     navigator.clipboard.writeText(report.reportId).then(() => {
       toast.push({
@@ -4769,11 +5273,11 @@ function ReportDetail({ onBack, reportId }) {
     });
   }, [report, toast]);
   if (loading) {
-    return /* @__PURE__ */ jsx31(LoadingState, { message: "Loading report\u2026" });
+    return /* @__PURE__ */ jsx35(LoadingState, { message: "Loading report\u2026" });
   }
   if (!report) {
-    return /* @__PURE__ */ jsx31(Box12, { padding: 5, children: /* @__PURE__ */ jsxs26(Stack19, { space: 4, children: [
-      /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx35(Box14, { padding: 5, children: /* @__PURE__ */ jsxs30(Stack22, { space: 4, children: [
+      /* @__PURE__ */ jsx35(
         Button3,
         {
           icon: ArrowLeftIcon2,
@@ -4782,14 +5286,14 @@ function ReportDetail({ onBack, reportId }) {
           text: "Back"
         }
       ),
-      /* @__PURE__ */ jsx31(Text26, { align: "center", muted: true, size: 2, children: "Report not found" })
+      /* @__PURE__ */ jsx35(Text30, { 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__ */ jsx31(Box12, { padding: 4, children: /* @__PURE__ */ jsxs26(Stack19, { space: 5, children: [
-    /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx35(Box14, { padding: 4, children: /* @__PURE__ */ jsxs30(Stack22, { space: 5, children: [
+    /* @__PURE__ */ jsx35(
       ReportHeader,
       {
         completedAt: report.completedAt,
@@ -4801,7 +5305,7 @@ function ReportDetail({ onBack, reportId }) {
         tag: report.tag
       }
     ),
-    /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx35(
       OverviewStats,
       {
         durationMs: report.durationMs,
@@ -4810,20 +5314,20 @@ function ReportDetail({ onBack, reportId }) {
         totalTests
       }
     ),
-    isFullMode && /* @__PURE__ */ jsx31(ThreeLayerTable, { scores: summary.scores }),
-    /* @__PURE__ */ jsx31(AreaScoreTable, { scores: summary.scores }),
-    summary.recommendations && summary.recommendations.gaps.length > 0 && /* @__PURE__ */ jsx31(RecommendationsSection, { recommendations: summary.recommendations }),
-    summary.lowScoringJudgments && summary.lowScoringJudgments.length > 0 && /* @__PURE__ */ jsx31(JudgmentList, { judgments: summary.lowScoringJudgments }),
-    comparison && /* @__PURE__ */ jsx31(ComparisonSummary, { comparison }),
-    /* @__PURE__ */ jsx31(ProvenanceCard, { provenance })
+    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 })
   ] }) });
 }
 
 // src/components/ScoreTimeline.tsx
-import { Card as Card19, Flex as Flex19, Select as Select2, Stack as Stack20, Text as Text27 } from "@sanity/ui";
-import { useCallback as useCallback10, useEffect as useEffect7, useMemo as useMemo4, useState as useState9 } from "react";
+import { Card as Card22, Flex as Flex23, Select as Select2, Stack as Stack23, Text as Text31 } 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 jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
 var CHART_HEIGHT = 220;
 var CHART_WIDTH = 800;
 var PAD_BOTTOM = 30;
@@ -4862,7 +5366,7 @@ function ScoreTimeline({ mode = null, source = null }) {
   const [loading, setLoading] = useState9(true);
   const [rangeDays, setRangeDays] = useState9(30);
   const [selectedArea, setSelectedArea] = useState9(null);
-  const areaNames = useMemo4(() => {
+  const areaNames = useMemo6(() => {
     const names = /* @__PURE__ */ new Set();
     for (const dp of dataPoints) {
       for (const s of dp.scores) {
@@ -4871,7 +5375,7 @@ function ScoreTimeline({ mode = null, source = null }) {
     }
     return Array.from(names).sort();
   }, [dataPoints]);
-  const fetchData = useCallback10(async () => {
+  const fetchData = useCallback13(async () => {
     setLoading(true);
     try {
       const startDate = rangeDays ? daysAgo(rangeDays) : "1970-01-01T00:00:00Z";
@@ -4886,10 +5390,10 @@ function ScoreTimeline({ mode = null, source = null }) {
       setLoading(false);
     }
   }, [client, mode, rangeDays, source]);
-  useEffect7(() => {
+  useEffect8(() => {
     void fetchData();
   }, [fetchData]);
-  const chartPoints = useMemo4(() => {
+  const chartPoints = useMemo6(() => {
     const pts = [];
     const scored = dataPoints.map((dp) => ({
       date: dp.completedAt,
@@ -4903,18 +5407,18 @@ function ScoreTimeline({ mode = null, source = null }) {
     });
     return pts;
   }, [dataPoints, selectedArea]);
-  const avgScore = useMemo4(() => {
+  const avgScore = useMemo6(() => {
     if (chartPoints.length === 0) return 0;
     return chartPoints.reduce((sum, p) => sum + p.score, 0) / chartPoints.length;
   }, [chartPoints]);
-  const handleRangeChange = useCallback10(
+  const handleRangeChange = useCallback13(
     (e) => {
       const val = e.currentTarget.value;
       setRangeDays(val === "all" ? null : Number(val));
     },
     []
   );
-  const handleAreaChange = useCallback10(
+  const handleAreaChange = useCallback13(
     (e) => {
       const val = e.currentTarget.value;
       setSelectedArea(val || null);
@@ -4922,22 +5426,22 @@ function ScoreTimeline({ mode = null, source = null }) {
     []
   );
   const polylinePoints = chartPoints.map((p) => `${p.x},${p.y}`).join(" ");
-  return /* @__PURE__ */ jsxs27(Stack20, { space: 4, children: [
-    /* @__PURE__ */ jsxs27(Flex19, { gap: 3, children: [
-      /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsxs31(Stack23, { space: 4, children: [
+    /* @__PURE__ */ jsxs31(Flex23, { gap: 3, children: [
+      /* @__PURE__ */ jsx36(
         Select2,
         {
           onChange: handleRangeChange,
           value: rangeDays?.toString() ?? "all",
-          children: TIME_RANGES.map((r) => /* @__PURE__ */ jsx32("option", { value: r.days?.toString() ?? "all", children: r.label }, r.label))
+          children: TIME_RANGES.map((r) => /* @__PURE__ */ jsx36("option", { value: r.days?.toString() ?? "all", children: r.label }, r.label))
         }
       ),
-      /* @__PURE__ */ jsxs27(Select2, { onChange: handleAreaChange, value: selectedArea ?? "", children: [
-        /* @__PURE__ */ jsx32("option", { value: "", children: "Overall" }),
-        areaNames.map((name) => /* @__PURE__ */ jsx32("option", { value: name, children: name }, name))
+      /* @__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__ */ jsx32(Card19, { padding: 3, radius: 2, shadow: 1, children: loading ? /* @__PURE__ */ jsx32(Flex19, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx32(Text27, { muted: true, size: 1, children: "Loading\u2026" }) }) : chartPoints.length === 0 ? /* @__PURE__ */ jsx32(Flex19, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx32(Text27, { muted: true, size: 1, children: "No reports found for this time range" }) }) : /* @__PURE__ */ jsxs27(
+    /* @__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(
       "svg",
       {
         style: { display: "block", width: "100%" },
@@ -4945,8 +5449,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__ */ jsxs27("g", { children: [
-              /* @__PURE__ */ jsx32(
+            return /* @__PURE__ */ jsxs31("g", { children: [
+              /* @__PURE__ */ jsx36(
                 "line",
                 {
                   stroke: "#ccc",
@@ -4957,7 +5461,7 @@ function ScoreTimeline({ mode = null, source = null }) {
                   y2: y
                 }
               ),
-              /* @__PURE__ */ jsx32(
+              /* @__PURE__ */ jsx36(
                 "text",
                 {
                   dominantBaseline: "middle",
@@ -4977,7 +5481,7 @@ function ScoreTimeline({ mode = null, source = null }) {
             chartPoints.length - 1
           ].map((idx) => {
             const p = chartPoints[idx];
-            return /* @__PURE__ */ jsx32(
+            return /* @__PURE__ */ jsx36(
               "text",
               {
                 fill: "#999",
@@ -4989,7 +5493,7 @@ function ScoreTimeline({ mode = null, source = null }) {
               },
               idx
             );
-          }) : chartPoints.map((p, idx) => /* @__PURE__ */ jsx32(
+          }) : chartPoints.map((p, idx) => /* @__PURE__ */ jsx36(
             "text",
             {
               fill: "#999",
@@ -5001,7 +5505,7 @@ function ScoreTimeline({ mode = null, source = null }) {
             },
             idx
           )),
-          /* @__PURE__ */ jsx32(
+          /* @__PURE__ */ jsx36(
             "polyline",
             {
               fill: "none",
@@ -5011,7 +5515,7 @@ function ScoreTimeline({ mode = null, source = null }) {
               strokeWidth: 2.5
             }
           ),
-          chartPoints.map((p, idx) => /* @__PURE__ */ jsx32(
+          chartPoints.map((p, idx) => /* @__PURE__ */ jsx36(
             "circle",
             {
               cx: p.x,
@@ -5020,7 +5524,7 @@ function ScoreTimeline({ mode = null, source = null }) {
               r: 4,
               stroke: "#fff",
               strokeWidth: 1.5,
-              children: /* @__PURE__ */ jsxs27("title", { children: [
+              children: /* @__PURE__ */ jsxs31("title", { children: [
                 formatDate2(p.date),
                 ": ",
                 Math.round(p.score)
@@ -5031,7 +5535,7 @@ function ScoreTimeline({ mode = null, source = null }) {
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs27(Text27, { muted: true, size: 1, children: [
+    /* @__PURE__ */ jsxs31(Text31, { muted: true, size: 1, children: [
       chartPoints.length,
       " data point",
       chartPoints.length !== 1 ? "s" : ""
@@ -5041,7 +5545,7 @@ function ScoreTimeline({ mode = null, source = null }) {
 var ScoreTimeline_default = ScoreTimeline;
 
 // src/components/Dashboard.tsx
-import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
 var VIEW_PARAM_MAP = {
   compare: "compare",
   timeline: "timeline"
@@ -5053,7 +5557,7 @@ function Dashboard() {
   const reportId = routerState.reportId ?? null;
   const isDetail = reportId !== null;
   const activeTab = isDetail ? "latest" : VIEW_PARAM_MAP[routerState.view ?? ""] ?? "latest";
-  const navigateToTab = useCallback11(
+  const navigateToTab = useCallback14(
     (tab) => {
       if (tab === "latest") {
         router.navigate({});
@@ -5063,58 +5567,58 @@ function Dashboard() {
     },
     [router]
   );
-  const handleSelectReport = useCallback11(
+  const handleSelectReport = useCallback14(
     (id) => {
       router.navigate({ reportId: id });
     },
     [router]
   );
-  const handleBack = useCallback11(() => {
+  const handleBack = useCallback14(() => {
     router.navigate({});
   }, [router]);
   const [source, setSource] = useState10(null);
   const [mode, setMode] = useState10(null);
   const [sources, setSources] = useState10([]);
   const [modes, setModes] = useState10([]);
-  useEffect8(() => {
+  useEffect9(() => {
     client.fetch(distinctSourcesQuery).then((data) => setSources(data ?? [])).catch(() => setSources([]));
     client.fetch(distinctModesQuery).then((data) => setModes(data ?? [])).catch(() => setModes([]));
   }, [client]);
-  return /* @__PURE__ */ jsx33(Container, { width: 2, children: /* @__PURE__ */ jsxs28(Stack21, { padding: 4, space: 4, children: [
-    /* @__PURE__ */ jsxs28(Flex20, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsxs28(Stack21, { flex: 1, space: 1, children: [
-        /* @__PURE__ */ jsx33(Text28, { size: 3, weight: "bold", children: "AI Literacy" }),
-        /* @__PURE__ */ jsx33(Text28, { muted: true, size: 1, children: "Evaluation reports and score trending" })
+  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" })
       ] }),
-      !isDetail && /* @__PURE__ */ jsxs28(Flex20, { gap: 2, children: [
-        /* @__PURE__ */ jsxs28(
+      !isDetail && /* @__PURE__ */ jsxs32(Flex24, { gap: 2, children: [
+        /* @__PURE__ */ jsxs32(
           Select3,
           {
             fontSize: 1,
             onChange: (e) => setSource(e.currentTarget.value || null),
             value: source ?? "",
             children: [
-              /* @__PURE__ */ jsx33("option", { value: "", children: "All sources" }),
-              sources.map((s) => /* @__PURE__ */ jsx33("option", { value: s, children: s }, s))
+              /* @__PURE__ */ jsx37("option", { value: "", children: "All sources" }),
+              sources.map((s) => /* @__PURE__ */ jsx37("option", { value: s, children: s }, s))
             ]
           }
         ),
-        /* @__PURE__ */ jsxs28(
+        /* @__PURE__ */ jsxs32(
           Select3,
           {
             fontSize: 1,
             onChange: (e) => setMode(e.currentTarget.value || null),
             value: mode ?? "",
             children: [
-              /* @__PURE__ */ jsx33("option", { value: "", children: "All modes" }),
-              modes.map((m) => /* @__PURE__ */ jsx33("option", { value: m, children: m }, m))
+              /* @__PURE__ */ jsx37("option", { value: "", children: "All modes" }),
+              modes.map((m) => /* @__PURE__ */ jsx37("option", { value: m, children: m }, m))
             ]
           }
         )
       ] })
     ] }),
-    !isDetail && /* @__PURE__ */ jsxs28(TabList, { space: 1, children: [
-      /* @__PURE__ */ jsx33(
+    !isDetail && /* @__PURE__ */ jsxs32(TabList, { space: 1, children: [
+      /* @__PURE__ */ jsx37(
         Tab,
         {
           "aria-controls": "latest-panel",
@@ -5124,7 +5628,7 @@ function Dashboard() {
           selected: activeTab === "latest"
         }
       ),
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx37(
         Tab,
         {
           "aria-controls": "timeline-panel",
@@ -5134,7 +5638,7 @@ function Dashboard() {
           selected: activeTab === "timeline"
         }
       ),
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx37(
         Tab,
         {
           "aria-controls": "compare-panel",
@@ -5145,7 +5649,7 @@ function Dashboard() {
         }
       )
     ] }),
-    !isDetail && activeTab === "latest" && /* @__PURE__ */ jsx33(TabPanel, { "aria-labelledby": "latest-tab", id: "latest-panel", children: /* @__PURE__ */ jsx33(
+    !isDetail && activeTab === "latest" && /* @__PURE__ */ jsx37(TabPanel, { "aria-labelledby": "latest-tab", id: "latest-panel", children: /* @__PURE__ */ jsx37(
       LatestReports,
       {
         mode,
@@ -5153,9 +5657,9 @@ function Dashboard() {
         source
       }
     ) }),
-    !isDetail && activeTab === "timeline" && /* @__PURE__ */ jsx33(TabPanel, { "aria-labelledby": "timeline-tab", id: "timeline-panel", children: /* @__PURE__ */ jsx33(ScoreTimeline_default, { mode, source }) }),
-    !isDetail && activeTab === "compare" && /* @__PURE__ */ jsx33(TabPanel, { "aria-labelledby": "compare-tab", id: "compare-panel", children: /* @__PURE__ */ jsx33(ComparisonView, {}) }),
-    isDetail && reportId && /* @__PURE__ */ jsx33(ReportDetail, { onBack: handleBack, reportId })
+    !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 })
   ] }) });
 }
 
@@ -5176,9 +5680,9 @@ function ailfTool(options = {}) {
 
 // src/actions/RunEvaluationAction.tsx
 import { BarChartIcon as BarChartIcon2 } from "@sanity/icons";
-import { useCallback as useCallback12, useEffect as useEffect9, useRef as useRef3, useState as useState11 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect10, useRef as useRef4, useState as useState11 } from "react";
 import {
-  getReleaseIdFromReleaseDocumentId as getReleaseIdFromReleaseDocumentId2,
+  getReleaseIdFromReleaseDocumentId as getReleaseIdFromReleaseDocumentId4,
   useClient as useClient9,
   useCurrentUser,
   useDataset,
@@ -5207,9 +5711,9 @@ function createRunEvaluationAction(options = {}) {
     const projectId = useProjectId();
     const currentUser = useCurrentUser();
     const [state, setState] = useState11({ status: "loading" });
-    const requestedAtRef = useRef3(null);
-    const perspectiveId = getReleaseIdFromReleaseDocumentId2(release._id);
-    useEffect9(() => {
+    const requestedAtRef = useRef4(null);
+    const perspectiveId = getReleaseIdFromReleaseDocumentId4(release._id);
+    useEffect10(() => {
       let cancelled = false;
       client.fetch(contentImpactQuery, buildReportQueryParams(perspectiveId)).then((results) => {
         if (cancelled) return;
@@ -5232,7 +5736,7 @@ function createRunEvaluationAction(options = {}) {
         cancelled = true;
       };
     }, [client, perspectiveId]);
-    useEffect9(() => {
+    useEffect10(() => {
       if (state.status !== "requested" && state.status !== "polling") return;
       const { requestId, startedAt } = state;
       if (state.status === "requested") {
@@ -5282,7 +5786,7 @@ function createRunEvaluationAction(options = {}) {
       }, POLL_INTERVAL_MS);
       return () => clearInterval(interval);
     }, [client, perspectiveId, state]);
-    useEffect9(() => {
+    useEffect10(() => {
       if (state.status !== "error") return;
       const timer = setTimeout(() => {
         client.fetch(contentImpactQuery, buildReportQueryParams(perspectiveId)).then((results) => {
@@ -5302,7 +5806,7 @@ function createRunEvaluationAction(options = {}) {
       }, 15e3);
       return () => clearTimeout(timer);
     }, [client, perspectiveId, state]);
-    const handleRequest = useCallback12(async () => {
+    const handleRequest = useCallback15(async () => {
       const releaseTitle = release.metadata?.title ?? perspectiveId ?? "release";
       const tag = `release-${slugify(releaseTitle)}-${dateStamp()}`;
       const now = Date.now();
@@ -5424,9 +5928,12 @@ var ailfPlugin = definePlugin({
   tools: [ailfTool()]
 });
 export {
+  AssertionInput,
+  CanonicalDocInput,
   GLOSSARY,
   GraduateToNativeAction,
   MirrorBanner,
+  ReleasePicker,
   SyncStatusBadge,
   ailfPlugin,
   ailfTool,