@sanity/ailf-studio 0.1.14 → 0.1.16

package/dist/index.js

@@ -2637,7 +2637,7 @@ var taskSchema = defineType5({
       components: {
         input: OriginInput
       },
-      hidden: ({ document }) => !document?.origin,
+      hidden: ({ document: document2 }) => !document2?.origin,
       name: "origin",
       options: {
         collapsible: true,
@@ -2685,7 +2685,7 @@ var taskSchema = defineType5({
   // Document-level read-only when mirrored from a repo.
   // Native tasks (no origin) are fully editable; mirrored tasks
   // are read-only because the source of truth is the repo.
-  readOnly: ({ document }) => !!document?.origin,
+  readOnly: ({ document: document2 }) => !!document2?.origin,
   title: "AILF Task",
   type: "document"
 });
@@ -2780,16 +2780,16 @@ import { route } from "sanity/router";
 // src/components/Dashboard.tsx
 import {
   Container,
-  Flex as Flex26,
+  Flex as Flex28,
   Select as Select3,
-  Stack as Stack25,
+  Stack as Stack26,
   Tab as Tab2,
   TabList as TabList2,
   TabPanel as TabPanel2,
-  Text as Text34
+  Text as Text35
 } from "@sanity/ui";
-import { useCallback as useCallback15, useEffect as useEffect10, useState as useState12 } from "react";
-import { useClient as useClient9 } from "sanity";
+import { useCallback as useCallback21, useEffect as useEffect10, useState as useState16 } from "react";
+import { useClient as useClient13 } from "sanity";
 import { useRouter } from "sanity/router";
 
 // src/queries.ts
@@ -4767,21 +4767,21 @@ function getDateThreshold(preset) {
 import { ArrowLeftIcon as ArrowLeftIcon2 } from "@sanity/icons";
 import {
   Box as Box15,
-  Button as Button3,
-  Stack as Stack23,
+  Button as Button5,
+  Stack as Stack24,
   Tab,
   TabList,
   TabPanel,
-  Text as Text32,
-  Tooltip as Tooltip9
+  Text as Text33,
+  Tooltip as Tooltip8
 } from "@sanity/ui";
 import {
-  useCallback as useCallback13,
+  useCallback as useCallback19,
   useEffect as useEffect8,
   useMemo as useMemo7,
-  useState as useState10
+  useState as useState14
 } from "react";
-import { useClient as useClient7 } from "sanity";
+import { useClient as useClient11 } from "sanity";
 
 // src/components/report-detail/AgentActivitySection.tsx
 import { useMemo as useMemo6, useState as useState8 } from "react";
@@ -5061,7 +5061,21 @@ import { Card as Card15, Text as Text24 } from "@sanity/ui";
 import { jsx as jsx29 } from "react/jsx-runtime";
 function ScoreCell({ score, size = 2 }) {
   const rounded = Math.round(score);
-  return /* @__PURE__ */ jsx29(Card15, { padding: 1, radius: 2, tone: scoreTone(rounded), children: /* @__PURE__ */ jsx29(Text24, { align: "center", size, weight: "medium", children: rounded }) });
+  return /* @__PURE__ */ jsx29(
+    Card15,
+    {
+      padding: 1,
+      radius: 2,
+      style: {
+        alignItems: "center",
+        display: "flex",
+        flex: 1,
+        justifyContent: "center"
+      },
+      tone: scoreTone(rounded),
+      children: /* @__PURE__ */ jsx29(Text24, { align: "center", size, weight: "medium", children: rounded })
+    }
+  );
 }
 
 // src/components/report-detail/AreaScoreTable.tsx
@@ -5118,10 +5132,50 @@ function AreaScoreTable({ scores }) {
                 children: /* @__PURE__ */ jsx30(Text25, { size: 2, weight: "medium", children: score.feature })
               }
             ),
-            /* @__PURE__ */ jsx30("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.totalScore }) }),
-            /* @__PURE__ */ jsx30("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.taskCompletion }) }),
-            /* @__PURE__ */ jsx30("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.codeCorrectness }) }),
-            /* @__PURE__ */ jsx30("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.docCoverage }) }),
+            /* @__PURE__ */ jsx30(
+              "div",
+              {
+                style: {
+                  background: rowBackground(i),
+                  display: "flex",
+                  padding: "2px 0"
+                },
+                children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.totalScore })
+              }
+            ),
+            /* @__PURE__ */ jsx30(
+              "div",
+              {
+                style: {
+                  background: rowBackground(i),
+                  display: "flex",
+                  padding: "2px 0"
+                },
+                children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.taskCompletion })
+              }
+            ),
+            /* @__PURE__ */ jsx30(
+              "div",
+              {
+                style: {
+                  background: rowBackground(i),
+                  display: "flex",
+                  padding: "2px 0"
+                },
+                children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.codeCorrectness })
+              }
+            ),
+            /* @__PURE__ */ jsx30(
+              "div",
+              {
+                style: {
+                  background: rowBackground(i),
+                  display: "flex",
+                  padding: "2px 0"
+                },
+                children: /* @__PURE__ */ jsx30(ScoreCell, { score: score.docCoverage })
+              }
+            ),
             /* @__PURE__ */ jsx30(
               "div",
               {
@@ -5770,23 +5824,507 @@ function RecommendationRow({
 }
 
 // src/components/report-detail/ReportHeader.tsx
-import { ArrowLeftIcon, ClipboardIcon } from "@sanity/icons";
+import { ArrowLeftIcon } from "@sanity/icons";
+import { Badge as Badge20, Button as Button4, Flex as Flex25, Stack as Stack22, Text as Text31 } from "@sanity/ui";
+
+// src/components/report-detail/report-actions/ReportActions.tsx
+import { ChevronDownIcon, CopyIcon as CopyIcon2 } from "@sanity/icons";
 import {
-  Badge as Badge20,
-  Box as Box14,
-  Button as Button2,
-  Card as Card21,
-  Flex as Flex23,
-  Stack as Stack21,
-  Text as Text30,
-  Tooltip as Tooltip8
+  Button as Button3,
+  Flex as Flex24,
+  Menu as Menu2,
+  MenuButton as MenuButton2,
+  MenuDivider,
+  useToast as useToast7
 } from "@sanity/ui";
-import { Fragment as Fragment6, jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
+import { useCallback as useCallback18, useState as useState13 } from "react";
+import { useClient as useClient10 } from "sanity";
+
+// src/components/report-detail/report-actions/CopyReportAction.tsx
+import { ClipboardIcon } from "@sanity/icons";
+import { MenuItem as MenuItem2, useToast as useToast2 } from "@sanity/ui";
+import { useCallback as useCallback13, useState as useState10 } from "react";
+import { useClient as useClient7 } from "sanity";
+import { jsx as jsx37 } from "react/jsx-runtime";
+function CopyReportAction({ documentId }) {
+  const client = useClient7({ apiVersion: API_VERSION });
+  const toast = useToast2();
+  const [copying, setCopying] = useState10(false);
+  const handleClick = useCallback13(async () => {
+    setCopying(true);
+    try {
+      const doc = await client.fetch(
+        `*[_type == "ailf.report" && _id == $id][0]`,
+        { id: documentId }
+      );
+      if (!doc) {
+        toast.push({
+          closable: true,
+          status: "error",
+          title: "Report document not found"
+        });
+        return;
+      }
+      const json = JSON.stringify(doc, null, 2);
+      await navigator.clipboard.writeText(json);
+      toast.push({
+        closable: true,
+        status: "success",
+        title: "Report JSON copied to clipboard"
+      });
+    } catch {
+      toast.push({
+        closable: true,
+        status: "error",
+        title: "Failed to copy report"
+      });
+    } finally {
+      setCopying(false);
+    }
+  }, [client, documentId, toast]);
+  return /* @__PURE__ */ jsx37(
+    MenuItem2,
+    {
+      disabled: copying,
+      icon: ClipboardIcon,
+      onClick: handleClick,
+      text: copying ? "Copying\u2026" : "Copy full JSON"
+    }
+  );
+}
+
+// src/components/report-detail/report-actions/CopyReportIdAction.tsx
+import { CopyIcon } from "@sanity/icons";
+import { MenuItem as MenuItem3, useToast as useToast3 } from "@sanity/ui";
+import { useCallback as useCallback14 } from "react";
+import { jsx as jsx38 } from "react/jsx-runtime";
+function CopyReportIdAction({ reportId }) {
+  const toast = useToast3();
+  const handleClick = useCallback14(() => {
+    navigator.clipboard.writeText(reportId).then(
+      () => {
+        toast.push({
+          closable: true,
+          status: "success",
+          title: "Report ID copied"
+        });
+      },
+      () => {
+        toast.push({
+          closable: true,
+          status: "error",
+          title: "Failed to copy report ID"
+        });
+      }
+    );
+  }, [reportId, toast]);
+  return /* @__PURE__ */ jsx38(MenuItem3, { icon: CopyIcon, onClick: handleClick, text: "Copy report ID" });
+}
+
+// src/components/report-detail/report-actions/CopyVisionQueryAction.tsx
+import { SearchIcon as SearchIcon6 } from "@sanity/icons";
+import { MenuItem as MenuItem4, useToast as useToast4 } from "@sanity/ui";
+import { useCallback as useCallback15 } from "react";
+import { jsx as jsx39 } from "react/jsx-runtime";
+function CopyVisionQueryAction({
+  reportId
+}) {
+  const toast = useToast4();
+  const handleClick = useCallback15(() => {
+    const query = `*[_type == "ailf.report" && reportId == "${reportId}"][0]`;
+    navigator.clipboard.writeText(query).then(
+      () => {
+        toast.push({
+          closable: true,
+          description: "Paste into the Vision tool to explore the full document",
+          status: "success",
+          title: "GROQ query copied"
+        });
+      },
+      () => {
+        toast.push({
+          closable: true,
+          status: "error",
+          title: "Failed to copy query"
+        });
+      }
+    );
+  }, [reportId, toast]);
+  return /* @__PURE__ */ jsx39(
+    MenuItem4,
+    {
+      icon: SearchIcon6,
+      onClick: handleClick,
+      text: "Copy Vision query"
+    }
+  );
+}
+
+// src/components/report-detail/report-actions/DeleteConfirmDialog.tsx
+import { Box as Box14, Button as Button2, Card as Card21, Dialog, Flex as Flex23, Stack as Stack21, Text as Text30 } from "@sanity/ui";
+import { jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
+function DeleteConfirmDialog({
+  isDeleting,
+  onClose,
+  onConfirm,
+  reportId
+}) {
+  return /* @__PURE__ */ jsx40(
+    Dialog,
+    {
+      header: "Delete Report",
+      id: "delete-report-dialog",
+      onClose,
+      width: 1,
+      children: /* @__PURE__ */ jsx40(Box14, { padding: 4, children: /* @__PURE__ */ jsxs30(Stack21, { space: 4, children: [
+        /* @__PURE__ */ jsx40(Text30, { children: "Are you sure you want to delete this report? This action cannot be undone." }),
+        /* @__PURE__ */ jsx40(Card21, { border: true, padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsx40(
+          Text30,
+          {
+            muted: true,
+            size: 1,
+            style: { fontFamily: "monospace", wordBreak: "break-all" },
+            children: reportId
+          }
+        ) }),
+        /* @__PURE__ */ jsxs30(Flex23, { gap: 2, justify: "flex-end", children: [
+          /* @__PURE__ */ jsx40(
+            Button2,
+            {
+              disabled: isDeleting,
+              mode: "ghost",
+              onClick: onClose,
+              text: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsx40(
+            Button2,
+            {
+              disabled: isDeleting,
+              onClick: onConfirm,
+              text: isDeleting ? "Deleting\u2026" : "Delete",
+              tone: "critical"
+            }
+          )
+        ] })
+      ] }) })
+    }
+  );
+}
+
+// src/components/report-detail/report-actions/DeleteReportAction.tsx
+import { TrashIcon } from "@sanity/icons";
+import { MenuItem as MenuItem5 } from "@sanity/ui";
+import { jsx as jsx41 } from "react/jsx-runtime";
+function DeleteReportAction({
+  onRequestDelete
+}) {
+  return /* @__PURE__ */ jsx41(
+    MenuItem5,
+    {
+      icon: TrashIcon,
+      onClick: onRequestDelete,
+      text: "Delete report",
+      tone: "critical"
+    }
+  );
+}
+
+// src/components/report-detail/report-actions/DownloadReportAction.tsx
+import { DownloadIcon } from "@sanity/icons";
+import { MenuItem as MenuItem6, useToast as useToast5 } from "@sanity/ui";
+import { useCallback as useCallback16, useState as useState11 } from "react";
+import { useClient as useClient8 } from "sanity";
+import { jsx as jsx42 } from "react/jsx-runtime";
+function DownloadReportAction({
+  documentId,
+  reportId
+}) {
+  const client = useClient8({ apiVersion: API_VERSION });
+  const toast = useToast5();
+  const [downloading, setDownloading] = useState11(false);
+  const handleClick = useCallback16(async () => {
+    setDownloading(true);
+    try {
+      const doc = await client.fetch(
+        `*[_type == "ailf.report" && _id == $id][0]`,
+        { id: documentId }
+      );
+      if (!doc) {
+        toast.push({
+          closable: true,
+          status: "error",
+          title: "Report document not found"
+        });
+        return;
+      }
+      const json = JSON.stringify(doc, null, 2);
+      const blob = new Blob([json], { type: "application/json" });
+      const url = URL.createObjectURL(blob);
+      const anchor = document.createElement("a");
+      anchor.href = url;
+      anchor.download = `ailf-report-${reportId}.json`;
+      document.body.appendChild(anchor);
+      anchor.click();
+      document.body.removeChild(anchor);
+      URL.revokeObjectURL(url);
+      toast.push({
+        closable: true,
+        status: "success",
+        title: "Report downloaded"
+      });
+    } catch {
+      toast.push({
+        closable: true,
+        status: "error",
+        title: "Failed to download report"
+      });
+    } finally {
+      setDownloading(false);
+    }
+  }, [client, documentId, reportId, toast]);
+  return /* @__PURE__ */ jsx42(
+    MenuItem6,
+    {
+      disabled: downloading,
+      icon: DownloadIcon,
+      onClick: handleClick,
+      text: downloading ? "Downloading\u2026" : "Download JSON"
+    }
+  );
+}
+
+// src/components/report-detail/report-actions/RerunEvaluationAction.tsx
+import { PlayIcon as PlayIcon2 } from "@sanity/icons";
+import { MenuItem as MenuItem7, useToast as useToast6 } from "@sanity/ui";
+import { useCallback as useCallback17, useState as useState12 } from "react";
+import { useClient as useClient9, useCurrentUser as useCurrentUser2 } from "sanity";
+
+// src/lib/eval-scope.ts
+function extractEvalScope(provenance) {
+  return {
+    areas: provenance.areas,
+    dataset: provenance.source.dataset,
+    mode: provenance.mode,
+    perspective: provenance.source.perspective,
+    projectId: provenance.source.projectId,
+    taskIds: provenance.taskIds
+  };
+}
+
+// src/components/report-detail/report-actions/RerunEvaluationAction.tsx
+import { jsx as jsx43 } from "react/jsx-runtime";
+var EVAL_REQUEST_TYPE2 = "ailf.evalRequest";
+function slugify2(s) {
+  return s.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 40);
+}
+function dateStamp2() {
+  const d = /* @__PURE__ */ new Date();
+  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+}
+function buildRequestDoc(scope, meta) {
+  const shortId = slugify2(meta.reportId.slice(0, 12));
+  const tag = `rerun-${shortId}-${dateStamp2()}`;
+  const now = (/* @__PURE__ */ new Date()).toISOString();
+  return {
+    _type: EVAL_REQUEST_TYPE2,
+    // Spread all scope fields — new EvalScope fields are automatically
+    // included without changes here
+    areas: scope.areas,
+    dataset: scope.dataset,
+    mode: scope.mode,
+    ...scope.perspective ? { perspective: scope.perspective } : {},
+    projectId: scope.projectId,
+    ...scope.taskIds && scope.taskIds.length > 0 ? { tasks: scope.taskIds } : {},
+    // Request metadata
+    requestedAt: now,
+    requestedBy: meta.userId,
+    status: "pending",
+    tag
+  };
+}
+function RerunEvaluationAction({
+  provenance,
+  reportId
+}) {
+  const client = useClient9({ apiVersion: API_VERSION });
+  const currentUser = useCurrentUser2();
+  const toast = useToast6();
+  const [requesting, setRequesting] = useState12(false);
+  const handleClick = useCallback17(async () => {
+    setRequesting(true);
+    try {
+      const scope = extractEvalScope(provenance);
+      const doc = buildRequestDoc(scope, {
+        reportId,
+        userId: currentUser?.id ?? "unknown"
+      });
+      await client.create(doc);
+      toast.push({
+        closable: true,
+        description: "The evaluation pipeline has been triggered. A new report will appear in the dashboard in ~10\u201315 minutes.",
+        status: "info",
+        title: "Evaluation re-run started"
+      });
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Failed to create eval request";
+      toast.push({
+        closable: true,
+        description: message,
+        status: "error",
+        title: "Re-run failed"
+      });
+    } finally {
+      setRequesting(false);
+    }
+  }, [client, currentUser?.id, provenance, reportId, toast]);
+  return /* @__PURE__ */ jsx43(
+    MenuItem7,
+    {
+      disabled: requesting,
+      icon: PlayIcon2,
+      onClick: handleClick,
+      text: requesting ? "Requesting\u2026" : "Re-run evaluation"
+    }
+  );
+}
+
+// src/components/report-detail/report-actions/ReportActions.tsx
+import { Fragment as Fragment6, jsx as jsx44, jsxs as jsxs31 } from "react/jsx-runtime";
+function ReportActions({
+  documentId,
+  onDeleted,
+  provenance,
+  reportId
+}) {
+  const client = useClient10({ apiVersion: API_VERSION });
+  const toast = useToast7();
+  const handleCopyId = useCallback18(() => {
+    navigator.clipboard.writeText(reportId).then(
+      () => {
+        toast.push({
+          closable: true,
+          status: "success",
+          title: "Report ID copied"
+        });
+      },
+      () => {
+        toast.push({
+          closable: true,
+          status: "error",
+          title: "Failed to copy report ID"
+        });
+      }
+    );
+  }, [reportId, toast]);
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState13(false);
+  const [deleting, setDeleting] = useState13(false);
+  const handleRequestDelete = useCallback18(() => {
+    setDeleteDialogOpen(true);
+  }, []);
+  const handleDeleteClose = useCallback18(() => {
+    if (!deleting) setDeleteDialogOpen(false);
+  }, [deleting]);
+  const handleDeleteConfirm = useCallback18(async () => {
+    setDeleting(true);
+    try {
+      await client.delete(documentId);
+      toast.push({
+        closable: true,
+        status: "success",
+        title: "Report deleted"
+      });
+      setDeleteDialogOpen(false);
+      onDeleted();
+    } catch {
+      toast.push({
+        closable: true,
+        status: "error",
+        title: "Failed to delete report"
+      });
+    } finally {
+      setDeleting(false);
+    }
+  }, [client, documentId, onDeleted, toast]);
+  return /* @__PURE__ */ jsxs31(Fragment6, { children: [
+    /* @__PURE__ */ jsxs31(Flex24, { children: [
+      /* @__PURE__ */ jsx44(
+        Button3,
+        {
+          icon: CopyIcon2,
+          mode: "ghost",
+          onClick: handleCopyId,
+          style: {
+            borderBottomRightRadius: 0,
+            borderRight: "none",
+            borderTopRightRadius: 0
+          },
+          text: "Copy Report ID"
+        }
+      ),
+      /* @__PURE__ */ jsx44(
+        MenuButton2,
+        {
+          button: /* @__PURE__ */ jsx44(
+            Button3,
+            {
+              icon: ChevronDownIcon,
+              mode: "ghost",
+              padding: 2,
+              style: {
+                borderBottomLeftRadius: 0,
+                borderTopLeftRadius: 0
+              }
+            }
+          ),
+          id: "report-actions-menu",
+          menu: /* @__PURE__ */ jsxs31(Menu2, { children: [
+            /* @__PURE__ */ jsx44(CopyReportIdAction, { reportId }),
+            /* @__PURE__ */ jsx44(
+              RerunEvaluationAction,
+              {
+                provenance,
+                reportId
+              }
+            ),
+            /* @__PURE__ */ jsx44(MenuDivider, {}),
+            /* @__PURE__ */ jsx44(
+              DownloadReportAction,
+              {
+                documentId,
+                reportId
+              }
+            ),
+            /* @__PURE__ */ jsx44(CopyReportAction, { documentId }),
+            /* @__PURE__ */ jsx44(CopyVisionQueryAction, { reportId }),
+            /* @__PURE__ */ jsx44(MenuDivider, {}),
+            /* @__PURE__ */ jsx44(DeleteReportAction, { onRequestDelete: handleRequestDelete })
+          ] }),
+          popover: { placement: "bottom-end", portal: true }
+        }
+      )
+    ] }),
+    deleteDialogOpen && /* @__PURE__ */ jsx44(
+      DeleteConfirmDialog,
+      {
+        isDeleting: deleting,
+        onClose: handleDeleteClose,
+        onConfirm: handleDeleteConfirm,
+        reportId
+      }
+    )
+  ] });
+}
+
+// src/components/report-detail/ReportHeader.tsx
+import { jsx as jsx45, jsxs as jsxs32 } from "react/jsx-runtime";
 function ReportHeader({
   completedAt,
+  documentId,
   mode,
   onBack,
-  onCopyId,
+  onDeleted,
+  provenance,
   reportId,
   sourceName,
   tag
@@ -5794,89 +6332,42 @@ function ReportHeader({
   const dateLabel = formatCardDate(completedAt);
   const title = tag ?? dateLabel;
   const hasTag = Boolean(tag);
-  return /* @__PURE__ */ jsxs30(Fragment6, { children: [
-    /* @__PURE__ */ jsxs30(Flex23, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsx37(
-        Button2,
+  return /* @__PURE__ */ jsxs32(Flex25, { align: "center", gap: 3, children: [
+    /* @__PURE__ */ jsx45(Button4, { icon: ArrowLeftIcon, mode: "bleed", onClick: onBack, text: "Back" }),
+    /* @__PURE__ */ jsxs32(Stack22, { flex: 1, space: 1, children: [
+      /* @__PURE__ */ jsx45(Text31, { size: 4, weight: "bold", children: title }),
+      hasTag && /* @__PURE__ */ jsx45(Text31, { muted: true, size: 2, children: dateLabel })
+    ] }),
+    /* @__PURE__ */ jsxs32(Flex25, { align: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx45(Badge20, { mode: "outline", tone: "default", children: sourceName }),
+      /* @__PURE__ */ jsx45(Badge20, { tone: "primary", children: mode }),
+      /* @__PURE__ */ jsx45(
+        ReportActions,
         {
-          icon: ArrowLeftIcon,
-          mode: "bleed",
-          onClick: onBack,
-          text: "Back"
+          documentId,
+          onDeleted,
+          provenance,
+          reportId
         }
-      ),
-      /* @__PURE__ */ jsxs30(Stack21, { flex: 1, space: 1, children: [
-        /* @__PURE__ */ jsx37(Text30, { size: 4, weight: "bold", children: title }),
-        hasTag && /* @__PURE__ */ jsx37(Text30, { muted: true, size: 2, children: dateLabel })
-      ] }),
-      /* @__PURE__ */ jsxs30(Flex23, { gap: 2, children: [
-        /* @__PURE__ */ jsx37(Badge20, { mode: "outline", tone: "default", children: sourceName }),
-        /* @__PURE__ */ jsx37(Badge20, { tone: "primary", children: mode })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx37(
-      Tooltip8,
-      {
-        content: /* @__PURE__ */ jsx37(Box14, { padding: 2, children: /* @__PURE__ */ jsx37(Text30, { size: 2, children: "Click to copy report ID" }) }),
-        placement: "bottom",
-        portal: true,
-        children: /* @__PURE__ */ jsx37(
-          Card21,
-          {
-            border: true,
-            onClick: onCopyId,
-            padding: 3,
-            radius: 2,
-            style: { cursor: "pointer" },
-            tone: "transparent",
-            children: /* @__PURE__ */ jsxs30(Flex23, { align: "center", gap: 3, children: [
-              /* @__PURE__ */ jsx37(
-                Text30,
-                {
-                  muted: true,
-                  size: 1,
-                  style: {
-                    letterSpacing: "0.05em",
-                    textTransform: "uppercase"
-                  },
-                  weight: "semibold",
-                  children: "Report ID"
-                }
-              ),
-              /* @__PURE__ */ jsx37(
-                Text30,
-                {
-                  size: 2,
-                  style: {
-                    fontFamily: "monospace",
-                    userSelect: "all"
-                  },
-                  children: reportId
-                }
-              ),
-              /* @__PURE__ */ jsx37(Box14, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx37(Text30, { muted: true, size: 2, children: /* @__PURE__ */ jsx37(ClipboardIcon, {}) }) })
-            ] })
-          }
-        )
-      }
-    )
+      )
+    ] })
   ] });
 }
 
 // src/components/report-detail/ThreeLayerTable.tsx
 import React5 from "react";
-import { Badge as Badge21, Card as Card22, Flex as Flex24, Stack as Stack22, Text as Text31 } from "@sanity/ui";
-import { jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Badge as Badge21, Card as Card22, Flex as Flex26, Stack as Stack23, Text as Text32 } from "@sanity/ui";
+import { jsx as jsx46, jsxs as jsxs33 } 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__ */ jsx38(Card22, { overflow: "auto", padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs31(Stack22, { space: 4, children: [
-    /* @__PURE__ */ jsxs31(Flex24, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsx38(Text31, { size: 3, weight: "semibold", children: "Three-Layer Decomposition" }),
-      /* @__PURE__ */ jsx38(Badge21, { tone: "primary", children: "full mode" })
+  return /* @__PURE__ */ jsx46(Card22, { overflow: "auto", padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs33(Stack23, { space: 4, children: [
+    /* @__PURE__ */ jsxs33(Flex26, { align: "center", gap: 3, children: [
+      /* @__PURE__ */ jsx46(Text32, { size: 3, weight: "semibold", children: "Three-Layer Decomposition" }),
+      /* @__PURE__ */ jsx46(Badge21, { tone: "primary", children: "full mode" })
     ] }),
-    /* @__PURE__ */ jsxs31(
+    /* @__PURE__ */ jsxs33(
       "div",
       {
         style: {
@@ -5885,9 +6376,9 @@ function ThreeLayerTable({ scores }) {
           gridTemplateColumns: "2fr 1fr 1fr 1fr 1fr 1fr"
         },
         children: [
-          /* @__PURE__ */ jsx38(ColumnHeader, { borderBottom: true, label: "Area" }),
-          /* @__PURE__ */ jsx38(ColumnHeader, { borderBottom: true, label: "Floor", tooltip: GLOSSARY.floor }),
-          /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsx46(ColumnHeader, { borderBottom: true, label: "Area" }),
+          /* @__PURE__ */ jsx46(ColumnHeader, { borderBottom: true, label: "Floor", tooltip: GLOSSARY.floor }),
+          /* @__PURE__ */ jsx46(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5895,8 +6386,8 @@ function ThreeLayerTable({ scores }) {
               tooltip: GLOSSARY.ceiling
             }
           ),
-          /* @__PURE__ */ jsx38(ColumnHeader, { borderBottom: true, label: "Actual", tooltip: GLOSSARY.actual }),
-          /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsx46(ColumnHeader, { borderBottom: true, label: "Actual", tooltip: GLOSSARY.actual }),
+          /* @__PURE__ */ jsx46(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5904,7 +6395,7 @@ function ThreeLayerTable({ scores }) {
               tooltip: GLOSSARY.retGap
             }
           ),
-          /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsx46(
             ColumnHeader,
             {
               borderBottom: true,
@@ -5912,8 +6403,8 @@ function ThreeLayerTable({ scores }) {
               tooltip: GLOSSARY.efficiency
             }
           ),
-          filtered.map((score, i) => /* @__PURE__ */ jsxs31(React5.Fragment, { children: [
-            /* @__PURE__ */ jsx38(
+          filtered.map((score, i) => /* @__PURE__ */ jsxs33(React5.Fragment, { children: [
+            /* @__PURE__ */ jsx46(
               "div",
               {
                 style: {
@@ -5921,13 +6412,43 @@ function ThreeLayerTable({ scores }) {
                   borderRadius: 4,
                   padding: "8px 0 8px 4px"
                 },
-                children: /* @__PURE__ */ jsx38(Text31, { size: 2, weight: "medium", children: score.feature })
+                children: /* @__PURE__ */ jsx46(Text32, { size: 2, weight: "medium", children: score.feature })
+              }
+            ),
+            /* @__PURE__ */ jsx46(
+              "div",
+              {
+                style: {
+                  background: rowBackground(i),
+                  display: "flex",
+                  padding: "2px 0"
+                },
+                children: /* @__PURE__ */ jsx46(ScoreCell, { score: score.floorScore ?? 0 })
               }
             ),
-            /* @__PURE__ */ jsx38("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx38(ScoreCell, { score: score.floorScore ?? 0 }) }),
-            /* @__PURE__ */ jsx38("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx38(ScoreCell, { score: score.ceilingScore ?? score.totalScore }) }),
-            /* @__PURE__ */ jsx38("div", { style: { background: rowBackground(i), padding: "6px 0" }, children: /* @__PURE__ */ jsx38(ScoreCell, { score: score.actualScore ?? 0 }) }),
-            /* @__PURE__ */ jsx38(
+            /* @__PURE__ */ jsx46(
+              "div",
+              {
+                style: {
+                  background: rowBackground(i),
+                  display: "flex",
+                  padding: "2px 0"
+                },
+                children: /* @__PURE__ */ jsx46(ScoreCell, { score: score.ceilingScore ?? score.totalScore })
+              }
+            ),
+            /* @__PURE__ */ jsx46(
+              "div",
+              {
+                style: {
+                  background: rowBackground(i),
+                  display: "flex",
+                  padding: "2px 0"
+                },
+                children: /* @__PURE__ */ jsx46(ScoreCell, { score: score.actualScore ?? 0 })
+              }
+            ),
+            /* @__PURE__ */ jsx46(
               "div",
               {
                 style: {
@@ -5936,10 +6457,10 @@ function ThreeLayerTable({ scores }) {
                   display: "flex",
                   padding: "6px 0"
                 },
-                children: /* @__PURE__ */ jsx38(Text31, { size: 2, children: score.retrievalGap != null ? score.retrievalGap.toFixed(1) : "\u2014" })
+                children: /* @__PURE__ */ jsx46(Text32, { size: 2, children: score.retrievalGap != null ? score.retrievalGap.toFixed(1) : "\u2014" })
               }
             ),
-            /* @__PURE__ */ jsx38(
+            /* @__PURE__ */ jsx46(
               "div",
               {
                 style: {
@@ -5948,7 +6469,7 @@ function ThreeLayerTable({ scores }) {
                   display: "flex",
                   padding: "6px 0"
                 },
-                children: /* @__PURE__ */ jsxs31(Text31, { size: 2, children: [
+                children: /* @__PURE__ */ jsxs33(Text32, { size: 2, children: [
                   formatPercent(score.infrastructureEfficiency),
                   score.invertedRetrievalGap && " \u26A0\uFE0F"
                 ] })
@@ -5958,12 +6479,12 @@ function ThreeLayerTable({ scores }) {
         ]
       }
     ),
-    hasInverted && /* @__PURE__ */ jsx38(Text31, { muted: true, size: 1, children: GLOSSARY.invertedRetGap })
+    hasInverted && /* @__PURE__ */ jsx46(Text32, { muted: true, size: 1, children: GLOSSARY.invertedRetGap })
   ] }) });
 }
 
 // src/components/report-detail/ReportDetail.tsx
-import { jsx as jsx39, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs34 } from "react/jsx-runtime";
 var OVERVIEW_TAB = { id: "overview", label: "Overview" };
 var DIAGNOSTICS_TAB = { id: "diagnostics", label: "Diagnostics" };
 var ACTIVITY_TAB = { id: "activity", label: "Agent Activity" };
@@ -5977,9 +6498,9 @@ function ReportDetail({
   onTabChange,
   reportId
 }) {
-  const client = useClient7({ apiVersion: API_VERSION });
-  const [loading, setLoading] = useState10(true);
-  const [report, setReport] = useState10(null);
+  const client = useClient11({ apiVersion: API_VERSION });
+  const [loading, setLoading] = useState14(true);
+  const [report, setReport] = useState14(null);
   useEffect8(() => {
     let cancelled = false;
     setLoading(true);
@@ -5995,11 +6516,6 @@ function ReportDetail({
       cancelled = true;
     };
   }, [client, reportId]);
-  const handleCopyReportId = useCallback13(() => {
-    if (!report) return;
-    navigator.clipboard.writeText(report.reportId).catch(() => {
-    });
-  }, [report]);
   const { summary } = report ?? {};
   const hasDiagnostics = Boolean(
     summary?.recommendations && summary.recommendations.gaps.length > 0 || summary?.lowScoringJudgments && summary.lowScoringJudgments.length > 0
@@ -6022,19 +6538,19 @@ function ReportDetail({
     if (disabledTabs.has(parsed)) return "overview";
     return tabs.some((t) => t.id === parsed) ? parsed : "overview";
   }, [activeTab, disabledTabs, tabs]);
-  const handleTabClick = useCallback13(
+  const handleTabClick = useCallback19(
     (tabId) => {
       onTabChange(tabId === "overview" ? null : tabId);
     },
     [onTabChange]
   );
   if (loading) {
-    return /* @__PURE__ */ jsx39(LoadingState, { message: "Loading report\u2026" });
+    return /* @__PURE__ */ jsx47(LoadingState, { message: "Loading report\u2026" });
   }
   if (!report || !summary) {
-    return /* @__PURE__ */ jsx39(Box15, { padding: 5, children: /* @__PURE__ */ jsxs32(Stack23, { space: 4, children: [
-      /* @__PURE__ */ jsx39(
-        Button3,
+    return /* @__PURE__ */ jsx47(Box15, { padding: 5, children: /* @__PURE__ */ jsxs34(Stack24, { space: 4, children: [
+      /* @__PURE__ */ jsx47(
+        Button5,
         {
           icon: ArrowLeftIcon2,
           mode: "bleed",
@@ -6042,29 +6558,31 @@ function ReportDetail({
           text: "Back"
         }
       ),
-      /* @__PURE__ */ jsx39(Text32, { align: "center", muted: true, size: 3, children: "Report not found" })
+      /* @__PURE__ */ jsx47(Text33, { align: "center", muted: true, size: 3, children: "Report not found" })
     ] }) });
   }
   const { comparison, provenance } = report;
   const totalTests = summary.scores.reduce((n, s) => n + s.testCount, 0);
   const isFullMode = summary.evaluationMode === "full" || summary.scores.some((s) => s.actualScore != null);
-  return /* @__PURE__ */ jsx39(Box15, { padding: 4, children: /* @__PURE__ */ jsxs32(Stack23, { space: 5, children: [
-    /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx47(Box15, { padding: 4, children: /* @__PURE__ */ jsxs34(Stack24, { space: 5, children: [
+    /* @__PURE__ */ jsx47(
       ReportHeader,
       {
         completedAt: report.completedAt,
+        documentId: report._id,
         mode: provenance.mode,
         onBack,
-        onCopyId: handleCopyReportId,
+        onDeleted: onBack,
+        provenance,
         reportId: report.reportId,
         sourceName: provenance.source.name,
         tag: report.tag
       }
     ),
-    /* @__PURE__ */ jsx39(TabList, { space: 1, children: tabs.map((tab) => {
+    /* @__PURE__ */ jsx47(TabList, { space: 1, children: tabs.map((tab) => {
       const isDisabled = disabledTabs.has(tab.id);
       const tooltip = getDisabledTabTooltip(tab.id, summary);
-      const tabElement = /* @__PURE__ */ jsx39(
+      const tabElement = /* @__PURE__ */ jsx47(
         Tab,
         {
           "aria-controls": `panel-${tab.id}`,
@@ -6075,25 +6593,25 @@ function ReportDetail({
           selected: currentTab === tab.id
         }
       );
-      return isDisabled && tooltip ? /* @__PURE__ */ jsx39(
-        Tooltip9,
+      return isDisabled && tooltip ? /* @__PURE__ */ jsx47(
+        Tooltip8,
         {
-          content: /* @__PURE__ */ jsx39(Box15, { padding: 2, style: { maxWidth: 280 }, children: tooltip }),
+          content: /* @__PURE__ */ jsx47(Box15, { padding: 2, style: { maxWidth: 280 }, children: tooltip }),
           placement: "bottom",
           portal: true,
-          children: /* @__PURE__ */ jsx39("span", { style: { display: "inline-block" }, children: tabElement })
+          children: /* @__PURE__ */ jsx47("span", { style: { display: "inline-block" }, children: tabElement })
         },
         tab.id
-      ) : /* @__PURE__ */ jsx39("span", { children: tabElement }, tab.id);
+      ) : /* @__PURE__ */ jsx47("span", { children: tabElement }, tab.id);
     }) }),
-    currentTab === "overview" && /* @__PURE__ */ jsx39(
+    currentTab === "overview" && /* @__PURE__ */ jsx47(
       TabPanel,
       {
         "aria-labelledby": "tab-overview",
         hidden: currentTab !== "overview",
         id: "panel-overview",
-        children: /* @__PURE__ */ jsxs32(Stack23, { space: 5, children: [
-          /* @__PURE__ */ jsx39(
+        children: /* @__PURE__ */ jsxs34(Stack24, { space: 5, children: [
+          /* @__PURE__ */ jsx47(
             OverviewStats,
             {
               durationMs: report.durationMs,
@@ -6102,37 +6620,37 @@ function ReportDetail({
               totalTests
             }
           ),
-          isFullMode && /* @__PURE__ */ jsx39(ThreeLayerTable, { scores: summary.scores }),
-          /* @__PURE__ */ jsx39(AreaScoreTable, { scores: summary.scores }),
-          comparison && /* @__PURE__ */ jsx39(ComparisonSummary, { comparison }),
-          /* @__PURE__ */ jsx39(ProvenanceCard, { provenance })
+          isFullMode && /* @__PURE__ */ jsx47(ThreeLayerTable, { scores: summary.scores }),
+          /* @__PURE__ */ jsx47(AreaScoreTable, { scores: summary.scores }),
+          comparison && /* @__PURE__ */ jsx47(ComparisonSummary, { comparison }),
+          /* @__PURE__ */ jsx47(ProvenanceCard, { provenance })
         ] })
       }
     ),
-    currentTab === "diagnostics" && hasDiagnostics && /* @__PURE__ */ jsx39(
+    currentTab === "diagnostics" && hasDiagnostics && /* @__PURE__ */ jsx47(
       TabPanel,
       {
         "aria-labelledby": "tab-diagnostics",
         hidden: currentTab !== "diagnostics",
         id: "panel-diagnostics",
-        children: /* @__PURE__ */ jsxs32(Stack23, { space: 5, children: [
-          summary.recommendations && summary.recommendations.gaps.length > 0 && /* @__PURE__ */ jsx39(
+        children: /* @__PURE__ */ jsxs34(Stack24, { space: 5, children: [
+          summary.recommendations && summary.recommendations.gaps.length > 0 && /* @__PURE__ */ jsx47(
             RecommendationsSection,
             {
               recommendations: summary.recommendations
             }
           ),
-          summary.lowScoringJudgments && summary.lowScoringJudgments.length > 0 && /* @__PURE__ */ jsx39(JudgmentList, { judgments: summary.lowScoringJudgments })
+          summary.lowScoringJudgments && summary.lowScoringJudgments.length > 0 && /* @__PURE__ */ jsx47(JudgmentList, { judgments: summary.lowScoringJudgments })
         ] })
       }
     ),
-    currentTab === "activity" && hasAgentActivity && /* @__PURE__ */ jsx39(
+    currentTab === "activity" && hasAgentActivity && /* @__PURE__ */ jsx47(
       TabPanel,
       {
         "aria-labelledby": "tab-activity",
         hidden: currentTab !== "activity",
         id: "panel-activity",
-        children: /* @__PURE__ */ jsx39(
+        children: /* @__PURE__ */ jsx47(
           AgentActivitySection,
           {
             agentBehavior: summary.agentBehavior,
@@ -6154,27 +6672,27 @@ function getDisabledTabTooltip(tabId, summary) {
   if (!summary) return null;
   switch (tabId) {
     case "diagnostics":
-      return /* @__PURE__ */ jsx39(Text32, { muted: true, size: 2, children: "No diagnostic data available. Diagnostics require low-scoring judgments or gap analysis recommendations." });
+      return /* @__PURE__ */ jsx47(Text33, { muted: true, size: 2, children: "No diagnostic data available. Diagnostics require low-scoring judgments or gap analysis recommendations." });
     case "activity":
-      return summary.evaluationMode === "baseline" ? /* @__PURE__ */ jsxs32(Text32, { muted: true, size: 2, children: [
+      return summary.evaluationMode === "baseline" ? /* @__PURE__ */ jsxs34(Text33, { muted: true, size: 2, children: [
         "Not available for baseline-only evaluations. Run with",
         " ",
-        /* @__PURE__ */ jsx39("code", { style: inlineCodeStyle, children: "--mode full" }),
+        /* @__PURE__ */ jsx47("code", { style: inlineCodeStyle, children: "--mode full" }),
         " or",
         " ",
-        /* @__PURE__ */ jsx39("code", { style: inlineCodeStyle, children: "--mode agentic" }),
+        /* @__PURE__ */ jsx47("code", { style: inlineCodeStyle, children: "--mode agentic" }),
         " to capture agent browsing behavior."
-      ] }) : /* @__PURE__ */ jsx39(Text32, { muted: true, size: 2, children: "No agent activity data was recorded for this evaluation." });
+      ] }) : /* @__PURE__ */ jsx47(Text33, { muted: true, size: 2, children: "No agent activity data was recorded for this evaluation." });
     default:
       return null;
   }
 }
 
 // src/components/ScoreTimeline.tsx
-import { Card as Card23, Flex as Flex25, Select as Select2, Stack as Stack24, Text as Text33 } from "@sanity/ui";
-import { useCallback as useCallback14, useEffect as useEffect9, useMemo as useMemo8, useState as useState11 } from "react";
-import { useClient as useClient8 } from "sanity";
-import { jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Card as Card23, Flex as Flex27, Select as Select2, Stack as Stack25, Text as Text34 } from "@sanity/ui";
+import { useCallback as useCallback20, useEffect as useEffect9, useMemo as useMemo8, useState as useState15 } from "react";
+import { useClient as useClient12 } from "sanity";
+import { jsx as jsx48, jsxs as jsxs35 } from "react/jsx-runtime";
 var CHART_HEIGHT = 220;
 var CHART_WIDTH = 800;
 var PAD_BOTTOM = 30;
@@ -6208,11 +6726,11 @@ function scoreForPoint(point, area) {
   return match?.totalScore ?? null;
 }
 function ScoreTimeline({ mode = null, source = null }) {
-  const client = useClient8({ apiVersion: API_VERSION });
-  const [dataPoints, setDataPoints] = useState11([]);
-  const [loading, setLoading] = useState11(true);
-  const [rangeDays, setRangeDays] = useState11(30);
-  const [selectedArea, setSelectedArea] = useState11(null);
+  const client = useClient12({ apiVersion: API_VERSION });
+  const [dataPoints, setDataPoints] = useState15([]);
+  const [loading, setLoading] = useState15(true);
+  const [rangeDays, setRangeDays] = useState15(30);
+  const [selectedArea, setSelectedArea] = useState15(null);
   const areaNames = useMemo8(() => {
     const names = /* @__PURE__ */ new Set();
     for (const dp of dataPoints) {
@@ -6222,7 +6740,7 @@ function ScoreTimeline({ mode = null, source = null }) {
     }
     return Array.from(names).sort();
   }, [dataPoints]);
-  const fetchData = useCallback14(async () => {
+  const fetchData = useCallback20(async () => {
     setLoading(true);
     try {
       const startDate = rangeDays ? daysAgo(rangeDays) : "1970-01-01T00:00:00Z";
@@ -6258,14 +6776,14 @@ function ScoreTimeline({ mode = null, source = null }) {
     if (chartPoints.length === 0) return 0;
     return chartPoints.reduce((sum, p) => sum + p.score, 0) / chartPoints.length;
   }, [chartPoints]);
-  const handleRangeChange = useCallback14(
+  const handleRangeChange = useCallback20(
     (e) => {
       const val = e.currentTarget.value;
       setRangeDays(val === "all" ? null : Number(val));
     },
     []
   );
-  const handleAreaChange = useCallback14(
+  const handleAreaChange = useCallback20(
     (e) => {
       const val = e.currentTarget.value;
       setSelectedArea(val || null);
@@ -6273,22 +6791,22 @@ function ScoreTimeline({ mode = null, source = null }) {
     []
   );
   const polylinePoints = chartPoints.map((p) => `${p.x},${p.y}`).join(" ");
-  return /* @__PURE__ */ jsxs33(Stack24, { space: 4, children: [
-    /* @__PURE__ */ jsxs33(Flex25, { gap: 3, children: [
-      /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsxs35(Stack25, { space: 4, children: [
+    /* @__PURE__ */ jsxs35(Flex27, { gap: 3, children: [
+      /* @__PURE__ */ jsx48(
         Select2,
         {
           onChange: handleRangeChange,
           value: rangeDays?.toString() ?? "all",
-          children: TIME_RANGES.map((r) => /* @__PURE__ */ jsx40("option", { value: r.days?.toString() ?? "all", children: r.label }, r.label))
+          children: TIME_RANGES.map((r) => /* @__PURE__ */ jsx48("option", { value: r.days?.toString() ?? "all", children: r.label }, r.label))
         }
       ),
-      /* @__PURE__ */ jsxs33(Select2, { onChange: handleAreaChange, value: selectedArea ?? "", children: [
-        /* @__PURE__ */ jsx40("option", { value: "", children: "Overall" }),
-        areaNames.map((name) => /* @__PURE__ */ jsx40("option", { value: name, children: name }, name))
+      /* @__PURE__ */ jsxs35(Select2, { onChange: handleAreaChange, value: selectedArea ?? "", children: [
+        /* @__PURE__ */ jsx48("option", { value: "", children: "Overall" }),
+        areaNames.map((name) => /* @__PURE__ */ jsx48("option", { value: name, children: name }, name))
       ] })
     ] }),
-    /* @__PURE__ */ jsx40(Card23, { padding: 3, radius: 2, shadow: 1, children: loading ? /* @__PURE__ */ jsx40(Flex25, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx40(Text33, { muted: true, size: 2, children: "Loading\u2026" }) }) : chartPoints.length === 0 ? /* @__PURE__ */ jsx40(Flex25, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx40(Text33, { muted: true, size: 2, children: "No reports found for this time range" }) }) : /* @__PURE__ */ jsxs33(
+    /* @__PURE__ */ jsx48(Card23, { padding: 3, radius: 2, shadow: 1, children: loading ? /* @__PURE__ */ jsx48(Flex27, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx48(Text34, { muted: true, size: 2, children: "Loading\u2026" }) }) : chartPoints.length === 0 ? /* @__PURE__ */ jsx48(Flex27, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx48(Text34, { muted: true, size: 2, children: "No reports found for this time range" }) }) : /* @__PURE__ */ jsxs35(
       "svg",
       {
         style: { display: "block", width: "100%" },
@@ -6296,8 +6814,8 @@ function ScoreTimeline({ mode = null, source = null }) {
         children: [
           Y_TICKS.map((tick) => {
             const y = PAD_TOP + PLOT_HEIGHT - tick / Y_MAX * PLOT_HEIGHT;
-            return /* @__PURE__ */ jsxs33("g", { children: [
-              /* @__PURE__ */ jsx40(
+            return /* @__PURE__ */ jsxs35("g", { children: [
+              /* @__PURE__ */ jsx48(
                 "line",
                 {
                   stroke: "#ccc",
@@ -6308,7 +6826,7 @@ function ScoreTimeline({ mode = null, source = null }) {
                   y2: y
                 }
               ),
-              /* @__PURE__ */ jsx40(
+              /* @__PURE__ */ jsx48(
                 "text",
                 {
                   dominantBaseline: "middle",
@@ -6328,7 +6846,7 @@ function ScoreTimeline({ mode = null, source = null }) {
             chartPoints.length - 1
           ].map((idx) => {
             const p = chartPoints[idx];
-            return /* @__PURE__ */ jsx40(
+            return /* @__PURE__ */ jsx48(
               "text",
               {
                 fill: "#999",
@@ -6340,7 +6858,7 @@ function ScoreTimeline({ mode = null, source = null }) {
               },
               idx
             );
-          }) : chartPoints.map((p, idx) => /* @__PURE__ */ jsx40(
+          }) : chartPoints.map((p, idx) => /* @__PURE__ */ jsx48(
             "text",
             {
               fill: "#999",
@@ -6352,7 +6870,7 @@ function ScoreTimeline({ mode = null, source = null }) {
             },
             idx
           )),
-          /* @__PURE__ */ jsx40(
+          /* @__PURE__ */ jsx48(
             "polyline",
             {
               fill: "none",
@@ -6362,7 +6880,7 @@ function ScoreTimeline({ mode = null, source = null }) {
               strokeWidth: 2.5
             }
           ),
-          chartPoints.map((p, idx) => /* @__PURE__ */ jsx40(
+          chartPoints.map((p, idx) => /* @__PURE__ */ jsx48(
             "circle",
             {
               cx: p.x,
@@ -6371,7 +6889,7 @@ function ScoreTimeline({ mode = null, source = null }) {
               r: 4,
               stroke: "#fff",
               strokeWidth: 1.5,
-              children: /* @__PURE__ */ jsxs33("title", { children: [
+              children: /* @__PURE__ */ jsxs35("title", { children: [
                 formatDate2(p.date),
                 ": ",
                 Math.round(p.score)
@@ -6382,7 +6900,7 @@ function ScoreTimeline({ mode = null, source = null }) {
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs33(Text33, { muted: true, size: 2, children: [
+    /* @__PURE__ */ jsxs35(Text34, { muted: true, size: 2, children: [
       chartPoints.length,
       " data point",
       chartPoints.length !== 1 ? "s" : ""
@@ -6392,19 +6910,19 @@ function ScoreTimeline({ mode = null, source = null }) {
 var ScoreTimeline_default = ScoreTimeline;
 
 // src/components/Dashboard.tsx
-import { jsx as jsx41, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
 var VIEW_PARAM_MAP = {
   compare: "compare",
   timeline: "timeline"
 };
 function Dashboard() {
-  const client = useClient9({ apiVersion: API_VERSION });
+  const client = useClient13({ apiVersion: API_VERSION });
   const router = useRouter();
   const routerState = router.state;
   const reportId = routerState.reportId ?? null;
   const isDetail = reportId !== null;
   const activeTab = isDetail ? "latest" : VIEW_PARAM_MAP[routerState.view ?? ""] ?? "latest";
-  const navigateToTab = useCallback15(
+  const navigateToTab = useCallback21(
     (tab) => {
       if (tab === "latest") {
         router.navigate({});
@@ -6414,13 +6932,13 @@ function Dashboard() {
     },
     [router]
   );
-  const handleSelectReport = useCallback15(
+  const handleSelectReport = useCallback21(
     (id) => {
       router.navigate({ reportId: id });
     },
     [router]
   );
-  const handleTabChange = useCallback15(
+  const handleTabChange = useCallback21(
     (tab) => {
       if (!routerState.reportId) return;
       if (tab) {
@@ -6431,52 +6949,52 @@ function Dashboard() {
     },
     [router, routerState.reportId]
   );
-  const handleBack = useCallback15(() => {
+  const handleBack = useCallback21(() => {
     router.navigate({});
   }, [router]);
-  const [source, setSource] = useState12(null);
-  const [mode, setMode] = useState12(null);
-  const [sources, setSources] = useState12([]);
-  const [modes, setModes] = useState12([]);
+  const [source, setSource] = useState16(null);
+  const [mode, setMode] = useState16(null);
+  const [sources, setSources] = useState16([]);
+  const [modes, setModes] = useState16([]);
   useEffect10(() => {
     client.fetch(distinctSourcesQuery).then((data) => setSources(data ?? [])).catch(() => setSources([]));
     client.fetch(distinctModesQuery).then((data) => setModes(data ?? [])).catch(() => setModes([]));
   }, [client]);
-  return /* @__PURE__ */ jsx41(Container, { width: 2, children: /* @__PURE__ */ jsxs34(Stack25, { padding: 4, space: 4, children: [
-    /* @__PURE__ */ jsxs34(Flex26, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsxs34(Stack25, { flex: 1, space: 1, children: [
-        /* @__PURE__ */ jsx41(Text34, { size: 4, weight: "bold", children: "AI Literacy Framework" }),
-        /* @__PURE__ */ jsx41(Text34, { muted: true, size: 2, children: "Evaluation reports and score trends" })
+  return /* @__PURE__ */ jsx49(Container, { width: 2, children: /* @__PURE__ */ jsxs36(Stack26, { padding: 4, space: 4, children: [
+    /* @__PURE__ */ jsxs36(Flex28, { align: "center", gap: 3, children: [
+      /* @__PURE__ */ jsxs36(Stack26, { flex: 1, space: 1, children: [
+        /* @__PURE__ */ jsx49(Text35, { size: 4, weight: "bold", children: "AI Literacy Framework" }),
+        /* @__PURE__ */ jsx49(Text35, { muted: true, size: 2, children: "Evaluation reports and score trends" })
       ] }),
-      !isDetail && /* @__PURE__ */ jsxs34(Flex26, { gap: 2, children: [
-        /* @__PURE__ */ jsxs34(
+      !isDetail && /* @__PURE__ */ jsxs36(Flex28, { gap: 2, children: [
+        /* @__PURE__ */ jsxs36(
           Select3,
           {
             fontSize: 2,
             onChange: (e) => setSource(e.currentTarget.value || null),
             value: source ?? "",
             children: [
-              /* @__PURE__ */ jsx41("option", { value: "", children: "All sources" }),
-              sources.map((s) => /* @__PURE__ */ jsx41("option", { value: s, children: s }, s))
+              /* @__PURE__ */ jsx49("option", { value: "", children: "All sources" }),
+              sources.map((s) => /* @__PURE__ */ jsx49("option", { value: s, children: s }, s))
             ]
           }
         ),
-        /* @__PURE__ */ jsxs34(
+        /* @__PURE__ */ jsxs36(
           Select3,
           {
             fontSize: 2,
             onChange: (e) => setMode(e.currentTarget.value || null),
             value: mode ?? "",
             children: [
-              /* @__PURE__ */ jsx41("option", { value: "", children: "All modes" }),
-              modes.map((m) => /* @__PURE__ */ jsx41("option", { value: m, children: m }, m))
+              /* @__PURE__ */ jsx49("option", { value: "", children: "All modes" }),
+              modes.map((m) => /* @__PURE__ */ jsx49("option", { value: m, children: m }, m))
             ]
           }
         )
       ] })
     ] }),
-    !isDetail && /* @__PURE__ */ jsxs34(TabList2, { space: 1, children: [
-      /* @__PURE__ */ jsx41(
+    !isDetail && /* @__PURE__ */ jsxs36(TabList2, { space: 1, children: [
+      /* @__PURE__ */ jsx49(
         Tab2,
         {
           "aria-controls": "latest-panel",
@@ -6486,7 +7004,7 @@ function Dashboard() {
           selected: activeTab === "latest"
         }
       ),
-      /* @__PURE__ */ jsx41(
+      /* @__PURE__ */ jsx49(
         Tab2,
         {
           "aria-controls": "timeline-panel",
@@ -6496,7 +7014,7 @@ function Dashboard() {
           selected: activeTab === "timeline"
         }
       ),
-      /* @__PURE__ */ jsx41(
+      /* @__PURE__ */ jsx49(
         Tab2,
         {
           "aria-controls": "compare-panel",
@@ -6507,7 +7025,7 @@ function Dashboard() {
         }
       )
     ] }),
-    !isDetail && activeTab === "latest" && /* @__PURE__ */ jsx41(TabPanel2, { "aria-labelledby": "latest-tab", id: "latest-panel", children: /* @__PURE__ */ jsx41(
+    !isDetail && activeTab === "latest" && /* @__PURE__ */ jsx49(TabPanel2, { "aria-labelledby": "latest-tab", id: "latest-panel", children: /* @__PURE__ */ jsx49(
       LatestReports,
       {
         mode,
@@ -6515,9 +7033,9 @@ function Dashboard() {
         source
       }
     ) }),
-    !isDetail && activeTab === "timeline" && /* @__PURE__ */ jsx41(TabPanel2, { "aria-labelledby": "timeline-tab", id: "timeline-panel", children: /* @__PURE__ */ jsx41(ScoreTimeline_default, { mode, source }) }),
-    !isDetail && activeTab === "compare" && /* @__PURE__ */ jsx41(TabPanel2, { "aria-labelledby": "compare-tab", id: "compare-panel", children: /* @__PURE__ */ jsx41(ComparisonView, {}) }),
-    isDetail && reportId && /* @__PURE__ */ jsx41(
+    !isDetail && activeTab === "timeline" && /* @__PURE__ */ jsx49(TabPanel2, { "aria-labelledby": "timeline-tab", id: "timeline-panel", children: /* @__PURE__ */ jsx49(ScoreTimeline_default, { mode, source }) }),
+    !isDetail && activeTab === "compare" && /* @__PURE__ */ jsx49(TabPanel2, { "aria-labelledby": "compare-tab", id: "compare-panel", children: /* @__PURE__ */ jsx49(ComparisonView, {}) }),
+    isDetail && reportId && /* @__PURE__ */ jsx49(
       ReportDetail,
       {
         activeTab: routerState.tab ?? null,
@@ -6546,23 +7064,23 @@ function ailfTool(options = {}) {
 
 // src/actions/RunEvaluationAction.tsx
 import { BarChartIcon as BarChartIcon2 } from "@sanity/icons";
-import { useToast as useToast2 } from "@sanity/ui";
-import { useCallback as useCallback16, useEffect as useEffect11, useRef as useRef5, useState as useState13 } from "react";
+import { useToast as useToast8 } from "@sanity/ui";
+import { useCallback as useCallback22, useEffect as useEffect11, useRef as useRef5, useState as useState17 } from "react";
 import {
   getReleaseIdFromReleaseDocumentId as getReleaseIdFromReleaseDocumentId4,
-  useClient as useClient10,
-  useCurrentUser as useCurrentUser2,
+  useClient as useClient14,
+  useCurrentUser as useCurrentUser3,
   useDataset as useDataset2,
   useProjectId as useProjectId2
 } from "sanity";
 var API_VERSION2 = "2026-03-11";
-var EVAL_REQUEST_TYPE2 = "ailf.evalRequest";
+var EVAL_REQUEST_TYPE3 = "ailf.evalRequest";
 var POLL_INTERVAL_MS2 = 3e4;
 var MAX_POLL_MS2 = 30 * 60 * 1e3;
 var EVAL_REQUEST_STATUS_QUERY2 = (
   /* groq */
   `
-  *[_type == "${EVAL_REQUEST_TYPE2}" && _id == $id][0] {
+  *[_type == "${EVAL_REQUEST_TYPE3}" && _id == $id][0] {
     status,
     error,
     reportId
@@ -6573,12 +7091,12 @@ function createRunEvaluationAction(options = {}) {
   const { mode = "baseline" } = options;
   const RunEvaluationAction = (props) => {
     const { release } = props;
-    const client = useClient10({ apiVersion: API_VERSION2 });
+    const client = useClient14({ apiVersion: API_VERSION2 });
     const dataset = useDataset2();
     const projectId = useProjectId2();
-    const currentUser = useCurrentUser2();
-    const toast = useToast2();
-    const [state, setState] = useState13({ status: "loading" });
+    const currentUser = useCurrentUser3();
+    const toast = useToast8();
+    const [state, setState] = useState17({ status: "loading" });
     const requestedAtRef = useRef5(null);
     const perspectiveId = getReleaseIdFromReleaseDocumentId4(release._id);
     useEffect11(() => {
@@ -6674,13 +7192,13 @@ function createRunEvaluationAction(options = {}) {
       }, 15e3);
       return () => clearTimeout(timer);
     }, [client, perspectiveId, state]);
-    const handleRequest = useCallback16(async () => {
+    const handleRequest = useCallback22(async () => {
       const releaseTitle = release.metadata?.title ?? perspectiveId ?? "release";
-      const tag = `release-${slugify2(releaseTitle)}-${dateStamp2()}`;
+      const tag = `release-${slugify3(releaseTitle)}-${dateStamp3()}`;
       const now = Date.now();
       try {
         const doc = await client.create({
-          _type: EVAL_REQUEST_TYPE2,
+          _type: EVAL_REQUEST_TYPE3,
           dataset,
           mode,
           perspective: perspectiveId,
@@ -6774,10 +7292,10 @@ function buildReportQueryParams(perspectiveId) {
     source: null
   };
 }
-function slugify2(s) {
+function slugify3(s) {
   return s.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 40);
 }
-function dateStamp2() {
+function dateStamp3() {
   const d = /* @__PURE__ */ new Date();
   return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
 }