@sanity/ailf-studio 1.7.0 → 1.7.2

package/dist/index.d.ts

@@ -521,6 +521,15 @@ interface JudgmentData {
     /** Docs the task expected the model to use */
     canonicalDocs?: DocumentRef[];
     dimension: string;
+    /**
+     * `graderJudgments` manifest entry key = `formatEntryKey({mode, task,
+     * model, grader})` from the slim-report publisher. Present on reports
+     * published under W0051+. Consumed by `useArtifactDetail` in
+     * `JudgmentDetailDrawer` to hydrate the full reasoning from GCS, and by
+     * `JudgmentList` to drive hover-prefetch and the list row's data hook.
+     * Optional so legacy reports (pre-W0051) still type-check.
+     */
+    id?: string;
     modelId: string;
     /** True when the model failed to produce output (empty response, API error, refusal) */
     outputFailure?: boolean;

package/dist/index.js

@@ -3280,7 +3280,7 @@ import {
   TabPanel as TabPanel3,
   Text as Text46
 } from "@sanity/ui";
-import { useCallback as useCallback36 } from "react";
+import { useCallback as useCallback36, useEffect as useEffect15 } from "react";
 import { useRouter as useRouter3 } from "sanity/router";
 
 // src/lib/help-context.ts
@@ -6064,7 +6064,7 @@ import {
 import {
   useCallback as useCallback32,
   useEffect as useEffect10,
-  useMemo as useMemo13,
+  useMemo as useMemo15,
   useState as useState22
 } from "react";
 import { useClient as useClient10 } from "sanity";
@@ -6095,8 +6095,21 @@ function findManifestEntry(ref, key) {
   return ref.entries.find((e) => e.key === key);
 }
 
+// src/lib/use-test-outputs-artifact.ts
+import { useMemo as useMemo7 } from "react";
+
+// src/lib/test-outputs-entry-key.ts
+var VARIANT_SUFFIX_PATTERN = /\s*\((gold|baseline)\)\s*$/i;
+function testOutputsEntryKey(taskId, modelId) {
+  const match = VARIANT_SUFFIX_PATTERN.exec(taskId);
+  if (!match) return null;
+  const mode = match[1].toLowerCase();
+  const task = taskId.slice(0, match.index).trim();
+  return `${mode}--${task}--${modelId}`;
+}
+
 // src/lib/useArtifactCache.ts
-import { useCallback as useCallback15, useRef as useRef5, useState as useState11 } from "react";
+import { useCallback as useCallback15, useMemo as useMemo6, useRef as useRef5, useState as useState11 } from "react";
 function useArtifactCache(opts) {
   const { runId, artifactRef, type } = opts;
   const cacheRef = useRef5(/* @__PURE__ */ new Map());
@@ -6104,7 +6117,10 @@ function useArtifactCache(opts) {
   const [error, setError] = useState11(null);
   const inFlight2 = useRef5(/* @__PURE__ */ new Set());
   const BULK_KEY = "__bulk__";
-  const availableEntries = artifactRef?.entries?.map((e) => e.key) ?? [];
+  const availableEntries = useMemo6(
+    () => artifactRef?.entries?.map((e) => e.key) ?? [],
+    [artifactRef]
+  );
   const fetchEntry = useCallback15(
     async (key) => {
       if (!artifactRef || !runId) return;
@@ -6159,14 +6175,17 @@ function useArtifactCache(opts) {
     (key) => cacheRef.current.get(key) ?? null,
     []
   );
-  return {
-    status,
-    error,
-    availableEntries,
-    getEntry,
-    fetchEntry,
-    fetchAll
-  };
+  return useMemo6(
+    () => ({
+      status,
+      error,
+      availableEntries,
+      getEntry,
+      fetchEntry,
+      fetchAll
+    }),
+    [status, error, availableEntries, getEntry, fetchEntry, fetchAll]
+  );
 }
 async function signAndFetch(signingUrl) {
   const signingRes = await fetch(signingUrl, {
@@ -6201,24 +6220,27 @@ function useTestOutputsArtifact(runId, artifactRef) {
     artifactRef,
     type: "testOutputs"
   });
-  return {
-    status: cache.status,
-    error: cache.error,
-    getOutput: (taskId, modelId) => cache.getEntry(`${taskId}::${modelId}`),
-    fetchOutput: async (taskId, modelId) => {
-      if (!artifactRef) return;
-      if (!artifactRef.layout || artifactRef.layout === "bulk") {
-        await cache.fetchAll();
-        return;
+  return useMemo7(() => {
+    const entryKey = (taskId, modelId) => testOutputsEntryKey(taskId, modelId) ?? `${taskId}::${modelId}`;
+    return {
+      status: cache.status,
+      error: cache.error,
+      getOutput: (taskId, modelId) => cache.getEntry(entryKey(taskId, modelId)),
+      fetchOutput: async (taskId, modelId) => {
+        if (!artifactRef) return;
+        if (!artifactRef.layout || artifactRef.layout === "bulk") {
+          await cache.fetchAll();
+          return;
+        }
+        await cache.fetchEntry(entryKey(taskId, modelId));
+      },
+      hasOutput: (taskId, modelId) => {
+        if (!artifactRef) return false;
+        if (!artifactRef.layout || artifactRef.layout === "bulk") return true;
+        return cache.availableEntries.includes(entryKey(taskId, modelId));
       }
-      await cache.fetchEntry(`${taskId}::${modelId}`);
-    },
-    hasOutput: (taskId, modelId) => {
-      if (!artifactRef) return false;
-      if (!artifactRef.layout || artifactRef.layout === "bulk") return true;
-      return cache.availableEntries.includes(`${taskId}::${modelId}`);
-    }
-  };
+    };
+  }, [cache, artifactRef]);
 }
 
 // src/lib/thresholds.ts
@@ -6262,7 +6284,7 @@ function negativeDocLiftSentiment(count) {
 }
 
 // src/components/report-detail/AgentBehaviorCard.tsx
-import { useMemo as useMemo6, useState as useState12 } from "react";
+import { useMemo as useMemo8, useState as useState12 } from "react";
 import { HelpCircleIcon as HelpCircleIcon6, SearchIcon as SearchIcon4 } from "@sanity/icons";
 import {
   Badge as Badge5,
@@ -6473,7 +6495,7 @@ function SearchQueryList({
   truncated
 }) {
   const [filter, setFilter] = useState12("");
-  const filtered = useMemo6(() => {
+  const filtered = useMemo8(() => {
     if (!filter) return queries;
     const lower = filter.toLowerCase();
     return queries.filter((q) => q.toLowerCase().includes(lower));
@@ -7146,7 +7168,7 @@ function Pill({
 import { Box as Box16, Flex as Flex15, Stack as Stack19, Text as Text24 } from "@sanity/ui";
 
 // src/lib/useArtifactListRow.ts
-import { useCallback as useCallback18, useMemo as useMemo8 } from "react";
+import { useCallback as useCallback18, useMemo as useMemo10 } from "react";
 
 // src/lib/useArtifactDetail.ts
 import { useCallback as useCallback16, useEffect as useEffect7, useState as useState13 } from "react";
@@ -7157,6 +7179,7 @@ function cacheKey({ runId, type, key }) {
 }
 var hydratedEntries = /* @__PURE__ */ new Map();
 var inFlight = /* @__PURE__ */ new Map();
+var knownNotFound = /* @__PURE__ */ new Set();
 var subscribers = /* @__PURE__ */ new Map();
 function getCached(k) {
   const hit = hydratedEntries.get(cacheKey(k));
@@ -7190,6 +7213,12 @@ function recordInFlight(k, start) {
   inFlight.set(composite, p);
   return p;
 }
+function markNotFound(k) {
+  knownNotFound.add(cacheKey(k));
+}
+function isKnownNotFound(k) {
+  return knownNotFound.has(cacheKey(k));
+}
 function notify(composite) {
   const set2 = subscribers.get(composite);
   if (!set2) return;
@@ -7197,6 +7226,14 @@ function notify(composite) {
 }
 
 // src/lib/artifact-fetch.ts
+var ArtifactHttpError = class extends Error {
+  status;
+  constructor(message, status) {
+    super(message);
+    this.name = "ArtifactHttpError";
+    this.status = status;
+  }
+};
 function buildSigningUrl(runId, type, entryKey) {
   const base = `${ARTIFACT_API_BASE_URL}/runs/${encodeURIComponent(runId)}/artifacts/${encodeURIComponent(type)}`;
   return entryKey === void 0 ? base : `${base}/${encodeURIComponent(entryKey)}`;
@@ -7205,8 +7242,9 @@ async function signAndFetchJson(signingUrl) {
   const signed = await exchangeSigningUrl(signingUrl);
   const res = await fetch(signed, { credentials: "omit" });
   if (!res.ok) {
-    throw new Error(
-      `GCS artifact fetch failed: ${res.status} ${res.statusText}`
+    throw new ArtifactHttpError(
+      `GCS artifact fetch failed: ${res.status} ${res.statusText}`,
+      res.status
     );
   }
   return await res.json();
@@ -7215,8 +7253,9 @@ async function signAndFetchNdjson(signingUrl) {
   const signed = await exchangeSigningUrl(signingUrl);
   const res = await fetch(signed, { credentials: "omit" });
   if (!res.ok) {
-    throw new Error(
-      `GCS artifact fetch failed: ${res.status} ${res.statusText}`
+    throw new ArtifactHttpError(
+      `GCS artifact fetch failed: ${res.status} ${res.statusText}`,
+      res.status
     );
   }
   const body = await res.text();
@@ -7271,8 +7310,9 @@ async function exchangeSigningUrl(signingUrl) {
   });
   if (!res.ok) {
     const body = await res.text().catch(() => "");
-    throw new Error(
-      `Artifact signing failed: ${res.status} ${res.statusText}${body ? ` \u2014 ${body.slice(0, 200)}` : ""}`
+    throw new ArtifactHttpError(
+      `Artifact signing failed: ${res.status} ${res.statusText}${body ? ` \u2014 ${body.slice(0, 200)}` : ""}`,
+      res.status
     );
   }
   const envelope = await res.json();
@@ -7304,21 +7344,29 @@ function useArtifactDetail(type, key) {
   }, [runId, type, key]);
   const request = useCallback16(async () => {
     if (!runId || !ref || !key) return;
-    const hit = getCached({ runId, type, key });
+    const cacheId = { runId, type, key };
+    if (isKnownNotFound(cacheId)) {
+      setStatus("error");
+      return;
+    }
+    const hit = getCached(cacheId);
     if (hit !== null) {
       setStatus("ready");
       return;
     }
     setStatus("loading");
     try {
-      await recordInFlight({ runId, type, key }, async () => {
+      await recordInFlight(cacheId, async () => {
         const url = buildSigningUrl(runId, type, key);
         const body = NDJSON_TYPES.has(type) ? await signAndFetchNdjson(url) : await signAndFetchJson(url);
-        setCached({ runId, type, key }, body);
+        setCached(cacheId, body);
         return body;
       });
       setStatus("ready");
-    } catch {
+    } catch (err) {
+      if (err instanceof ArtifactHttpError && err.status === 404) {
+        markNotFound(cacheId);
+      }
       setStatus("error");
     }
   }, [runId, ref, type, key]);
@@ -7349,37 +7397,77 @@ function useArtifactEntry(type, key) {
 }
 
 // src/lib/useArtifactPrefetch.ts
-import { useCallback as useCallback17, useMemo as useMemo7 } from "react";
+import { useCallback as useCallback17, useMemo as useMemo9 } from "react";
 var NDJSON_TYPES2 = /* @__PURE__ */ new Set([
   "traces"
 ]);
+var HOVER_DEBOUNCE_MS = 200;
+var MAX_CONCURRENT_PREFETCHES = 4;
+var pendingHoverTimers = /* @__PURE__ */ new Map();
+var activePrefetches = 0;
+var prefetchWaitQueue = [];
+async function withPrefetchSlot(run) {
+  if (activePrefetches >= MAX_CONCURRENT_PREFETCHES) {
+    await new Promise((resolve) => prefetchWaitQueue.push(resolve));
+  }
+  activePrefetches++;
+  try {
+    return await run();
+  } finally {
+    activePrefetches--;
+    const next = prefetchWaitQueue.shift();
+    if (next) next();
+  }
+}
+async function prefetchArtifactCore(args) {
+  const { runId, type, key } = args;
+  if (!runId || !key) return;
+  const cacheId = { runId, type, key };
+  if (isKnownNotFound(cacheId)) return;
+  if (getCached(cacheId) !== null) return;
+  try {
+    await recordInFlight(
+      cacheId,
+      () => withPrefetchSlot(async () => {
+        const url = buildSigningUrl(runId, type, key);
+        const body = NDJSON_TYPES2.has(type) ? await signAndFetchNdjson(url) : await signAndFetchJson(url);
+        setCached(cacheId, body);
+        return body;
+      })
+    );
+  } catch (err) {
+    if (err instanceof ArtifactHttpError && err.status === 404) {
+      markNotFound(cacheId);
+    }
+  }
+}
+function scheduleHoverPrefetch(type, run, debounceMs = HOVER_DEBOUNCE_MS) {
+  const existing = pendingHoverTimers.get(type);
+  if (existing) clearTimeout(existing);
+  const timer = setTimeout(() => {
+    pendingHoverTimers.delete(type);
+    run();
+  }, debounceMs);
+  pendingHoverTimers.set(type, timer);
+}
 function useArtifactPrefetch(type) {
   const { runId } = useReportArtifactContext();
   const ref = useArtifactRef(type);
   const prefetch = useCallback17(
     async (key) => {
       if (!runId || !ref || !key) return;
-      const cached = getCached({ runId, type, key });
-      if (cached !== null) return;
-      try {
-        await recordInFlight({ runId, type, key }, async () => {
-          const url = buildSigningUrl(runId, type, key);
-          const body = NDJSON_TYPES2.has(type) ? await signAndFetchNdjson(url) : await signAndFetchJson(url);
-          setCached({ runId, type, key }, body);
-          return body;
-        });
-      } catch {
-      }
+      await prefetchArtifactCore({ runId, type, key });
     },
     [runId, ref, type]
   );
   const onHover = useCallback17(
     (key) => {
       return () => {
-        void prefetch(key);
+        if (!runId || !ref || !key) return;
+        scheduleHoverPrefetch(type, () => void prefetch(key));
       };
     },
-    [prefetch]
+    [runId, ref, type, prefetch]
   );
   const prefetchWindow = useCallback17(
     async (keys, centerIndex, radius = 5) => {
@@ -7413,7 +7501,7 @@ function useArtifactPrefetch(type) {
     },
     [runId, ref, type]
   );
-  return useMemo7(
+  return useMemo9(
     () => ({ prefetch, onHover, prefetchWindow, warmAll }),
     [prefetch, onHover, prefetchWindow, warmAll]
   );
@@ -7446,7 +7534,7 @@ function useArtifactListRow(type, key, listKeys) {
   const entry = useArtifactEntry(type, key);
   const [full, status, request] = useArtifactDetail(type, key);
   const { onHover, prefetchWindow } = useArtifactPrefetch(type);
-  const onMouseEnter = useMemo8(() => onHover(key), [onHover, key]);
+  const onMouseEnter = useMemo10(() => onHover(key), [onHover, key]);
   const onFocus = useCallback18(() => {
     const idx = listKeys.indexOf(key);
     if (idx < 0) return;
@@ -7720,7 +7808,7 @@ function formatShortDate(iso) {
 }
 
 // src/components/report-detail/JudgmentList.tsx
-import React2, { useCallback as useCallback21, useEffect as useEffect9, useMemo as useMemo9, useRef as useRef6, useState as useState15 } from "react";
+import React2, { useCallback as useCallback21, useEffect as useEffect9, useMemo as useMemo11, useRef as useRef6, useState as useState15 } from "react";
 import {
   ChevronDownIcon,
   ChevronRightIcon,
@@ -8070,11 +8158,7 @@ function testResultKey(taskId, dimension, modelId) {
   return `${taskId}::${dimension}::${modelId}`;
 }
 function testOutputsKeyFor(j) {
-  const match = /\s*\((gold|baseline)\)\s*$/i.exec(j.taskId);
-  if (!match) return null;
-  const mode = match[1].toLowerCase();
-  const task = j.taskId.slice(0, match.index).trim();
-  return `${mode}--${task}--${j.modelId}`;
+  return testOutputsEntryKey(j.taskId, j.modelId);
 }
 function JudgmentList({
   artifactCache,
@@ -8089,7 +8173,7 @@ function JudgmentList({
   );
   const [scoreBand, setScoreBand] = useState15(null);
   const [sortOrder, setSortOrder] = useState15("score-desc");
-  const testResultMap = useMemo9(() => {
+  const testResultMap = useMemo11(() => {
     const map = /* @__PURE__ */ new Map();
     if (!testResults) return map;
     for (const tr of testResults) {
@@ -8099,15 +8183,15 @@ function JudgmentList({
     }
     return map;
   }, [testResults]);
-  const pruned = useMemo9(() => pruneNoise(judgments), [judgments]);
-  const dimensionOptions = useMemo9(() => {
+  const pruned = useMemo11(() => pruneNoise(judgments), [judgments]);
+  const dimensionOptions = useMemo11(() => {
     const counts = /* @__PURE__ */ new Map();
     for (const j of pruned) {
       counts.set(j.dimension, (counts.get(j.dimension) ?? 0) + 1);
     }
     return [...counts.entries()].sort(([a], [b]) => a.localeCompare(b)).map(([key, count]) => ({ key, label: dimensionLabel2(key), count }));
   }, [pruned]);
-  const filtered = useMemo9(() => {
+  const filtered = useMemo11(() => {
     return pruned.filter((j) => {
       if (selectedDimensions.size > 0 && !selectedDimensions.has(j.dimension))
         return false;
@@ -8116,17 +8200,17 @@ function JudgmentList({
       return true;
     });
   }, [pruned, selectedDimensions, scoreBand, query]);
-  const grouped = useMemo9(
+  const grouped = useMemo11(
     () => groupByArea(filtered, sortOrder),
     [filtered, sortOrder]
   );
-  const groupedWithStats = useMemo9(
+  const groupedWithStats = useMemo11(
     () => grouped.map(
       ([area, list]) => [area, list, computeGroupStats(list)]
     ),
     [grouped]
   );
-  const focusedJudgment = useMemo9(() => {
+  const focusedJudgment = useMemo11(() => {
     if (!focus) return null;
     return pruned.find((j) => judgmentSlug(j) === focus) ?? null;
   }, [pruned, focus]);
@@ -8172,13 +8256,13 @@ function JudgmentList({
     });
   }, [focusedJudgment]);
   const [activeRowSlug, setActiveRowSlug] = useState15(null);
-  const flatSlugs = useMemo9(
+  const flatSlugs = useMemo11(
     () => grouped.flatMap(
       ([, areaJudgments]) => areaJudgments.map((j) => judgmentSlug(j))
     ),
     [grouped]
   );
-  const flatKeys = useMemo9(
+  const flatKeys = useMemo11(
     () => grouped.flatMap(
       ([, areaJudgments]) => areaJudgments.map((j) => j.id ?? "")
     ),
@@ -8194,12 +8278,15 @@ function JudgmentList({
     }
   }, [flatSlugs, activeRowSlug]);
   const { close: closeDrawer, open: openDrawer } = useJudgmentDrawer();
+  const { runId: artifactRunId, manifest: artifactManifest } = useReportArtifactContext();
   useEffect9(() => {
     if (focus && focusedJudgment) {
       openDrawer({
         artifactCache,
         judgment: focusedJudgment,
-        testResult: focusedTestResult
+        testResult: focusedTestResult,
+        runId: artifactRunId,
+        manifest: artifactManifest
       });
     } else if (!focus) {
       closeDrawer();
@@ -8210,7 +8297,9 @@ function JudgmentList({
     focusedTestResult,
     artifactCache,
     openDrawer,
-    closeDrawer
+    closeDrawer,
+    artifactRunId,
+    artifactManifest
   ]);
   const prevFocusRef = useRef6(focus);
   useEffect9(() => {
@@ -8512,14 +8601,18 @@ function JudgmentCard({
     },
     [handleClick]
   );
+  const onHoverTestOutputs = useMemo11(
+    () => testOutputsKey ? testOutputsPrefetch.onHover(testOutputsKey) : null,
+    [testOutputsPrefetch, testOutputsKey]
+  );
   const handleMouseEnter = useCallback21(() => {
     row.handlers.onMouseEnter();
-    if (testOutputsKey) void testOutputsPrefetch.prefetch(testOutputsKey);
-  }, [row.handlers, testOutputsPrefetch, testOutputsKey]);
+    onHoverTestOutputs?.();
+  }, [row.handlers, onHoverTestOutputs]);
   const handleFocusPrefetch = useCallback21(() => {
     row.handlers.onFocus();
-    if (testOutputsKey) void testOutputsPrefetch.prefetch(testOutputsKey);
-  }, [row.handlers, testOutputsPrefetch, testOutputsKey]);
+    onHoverTestOutputs?.();
+  }, [row.handlers, onHoverTestOutputs]);
   return /* @__PURE__ */ jsx32(
     Box18,
     {
@@ -9429,14 +9522,14 @@ function ReportHeader({
 }
 
 // src/components/report-detail/StrengthsList.tsx
-import { useMemo as useMemo12 } from "react";
+import { useMemo as useMemo14 } from "react";
 import { CheckmarkCircleIcon as CheckmarkCircleIcon2, SearchIcon as SearchIcon7 } from "@sanity/icons";
 import { Box as Box21, Flex as Flex25, Stack as Stack26, Text as Text34 } from "@sanity/ui";
 
 // src/components/report-detail/AreaScoresGrid.tsx
 import React3, {
   useCallback as useCallback29,
-  useMemo as useMemo10,
+  useMemo as useMemo12,
   useState as useState20
 } from "react";
 import { WarningOutlineIcon as WarningOutlineIcon2 } from "@sanity/icons";
@@ -9481,12 +9574,12 @@ function AreaScoresGrid({
 }) {
   const { ref: containerRef, width } = useContainerWidth();
   const tier = tableTier(width);
-  const hasActual = useMemo10(
+  const hasActual = useMemo12(
     () => scores.some((s) => s.actualScore != null),
     [scores]
   );
   const showLift = isLiteracyMode(mode);
-  const dimKeys = useMemo10(() => collectDimensionKeys(scores), [scores]);
+  const dimKeys = useMemo12(() => collectDimensionKeys(scores), [scores]);
   const [sortField, setSortField] = useState20("score");
   const [sortDir, setSortDir] = useState20("desc");
   const handleSort = useCallback29(
@@ -9500,7 +9593,7 @@ function AreaScoresGrid({
     },
     [sortField]
   );
-  const sorted = useMemo10(() => {
+  const sorted = useMemo12(() => {
     const dir = sortDir === "asc" ? 1 : -1;
     return [...scores].sort((a, b) => {
       switch (sortField) {
@@ -9515,7 +9608,7 @@ function AreaScoresGrid({
       }
     });
   }, [scores, sortField, sortDir]);
-  const modelScoresByFeature = useMemo10(() => {
+  const modelScoresByFeature = useMemo12(() => {
     if (!perModel) return null;
     const map = /* @__PURE__ */ new Map();
     for (const model of perModel) {
@@ -10127,7 +10220,7 @@ function Pill2({
 }
 
 // src/components/report-detail/useModelSelection.ts
-import { useCallback as useCallback31, useMemo as useMemo11, useState as useState21 } from "react";
+import { useCallback as useCallback31, useMemo as useMemo13, useState as useState21 } from "react";
 function useModelSelection({
   scores,
   perModel
@@ -10138,7 +10231,7 @@ function useModelSelection({
   }, []);
   const isExpanded = selection === "expanded";
   const hasModels = perModel != null && perModel.length > 1;
-  const resolvedScores = useMemo11(() => {
+  const resolvedScores = useMemo13(() => {
     if (isExpanded || selection === null || !perModel) return scores;
     const model = perModel.find((m) => m.modelId === selection);
     return model?.scores ?? scores;
@@ -10169,7 +10262,7 @@ function StrengthsList({
     hasModels,
     expandedPerModel
   } = useModelSelection({ scores, perModel });
-  const displayedScores = useMemo12(
+  const displayedScores = useMemo14(
     () => resolvedScores.filter((s) => s.totalScore >= SCORE_CAUTION),
     [resolvedScores]
   );
@@ -10667,17 +10760,17 @@ function ReportDetail({
   const hasAgentActivity = Boolean(
     summary?.agentBehavior && summary.agentBehavior.length > 0
   );
-  const tabs = useMemo13(
+  const tabs = useMemo15(
     () => [OVERVIEW_TAB, DIAGNOSTICS_TAB, ACTIVITY_TAB],
     []
   );
-  const disabledTabs = useMemo13(() => {
+  const disabledTabs = useMemo15(() => {
     const set2 = /* @__PURE__ */ new Set();
     if (!hasDiagnostics) set2.add("diagnostics");
     if (!hasAgentActivity) set2.add("activity");
     return set2;
   }, [hasDiagnostics, hasAgentActivity]);
-  const currentTab = useMemo13(() => {
+  const currentTab = useMemo15(() => {
     const parsed = parseTab(activeTab);
     if (disabledTabs.has(parsed)) return "overview";
     return tabs.some((t) => t.id === parsed) ? parsed : "overview";
@@ -11158,11 +11251,12 @@ var SECTION_LABEL_STYLE = {
   textTransform: "uppercase"
 };
 var COPYABLE_BLOCK_STYLE = {
-  paddingRight: 40
+  position: "relative"
 };
 var COPY_BUTTON_SLOT_STYLE = {
   float: "right",
   marginLeft: 8,
+  marginBottom: 4,
   position: "sticky",
   top: 0,
   zIndex: 1
@@ -11222,9 +11316,23 @@ function JudgmentDetailDrawer({
   const rawTaskName = sep > 0 ? judgment.taskId.substring(sep + 3) : judgment.taskId;
   const { name: taskName, variant } = splitVariant(rawTaskName);
   const dimLabel = dimensionLabel2(judgment.dimension);
+  const judgmentId = judgment.id ?? "";
+  const [fullJudgment, fullStatus, requestFullJudgment] = useArtifactDetail("graderJudgments", judgmentId);
+  useEffect12(() => {
+    if (!judgmentId) return;
+    if (fullStatus !== "idle") return;
+    void requestFullJudgment();
+  }, [judgmentId, fullStatus, requestFullJudgment]);
+  const fullReason = typeof fullJudgment?.reason === "string" && fullJudgment.reason.length > 0 ? fullJudgment.reason : null;
+  const reasoningText = fullReason ?? judgment.reason;
+  const reasoningIsPreview = fullReason === null && judgmentId.length > 0 && fullStatus !== "error";
   useEffect12(() => {
     setTab("reasoning");
   }, [judgment.taskId, judgment.dimension, judgment.modelId]);
+  const [fetchDispatched, setFetchDispatched] = useState24(false);
+  useEffect12(() => {
+    setFetchDispatched(false);
+  }, [judgment.taskId, judgment.dimension, judgment.modelId]);
   const inlineOutput = testResult?.responseOutput;
   const artifactEntry = artifactCache?.getOutput(
     judgment.taskId,
@@ -11232,19 +11340,21 @@ function JudgmentDetailDrawer({
   );
   const resolvedOutput = inlineOutput ?? artifactEntry?.responseOutput ?? null;
   const resolvedTruncated = testResult?.responseOutputTruncated ?? artifactEntry?.responseOutputTruncated ?? false;
-  const entryKnownToManifest = artifactCache?.hasOutput(judgment.taskId, judgment.modelId) ?? false;
-  const canFetchArtifact = !inlineOutput && !artifactEntry && artifactCache != null && entryKnownToManifest;
-  const entryUnavailable = !inlineOutput && !artifactEntry && artifactCache != null && !entryKnownToManifest;
-  const hasOutputTab = resolvedOutput != null || canFetchArtifact || entryUnavailable;
+  const canAttemptFetch = !inlineOutput && !artifactEntry && artifactCache != null;
+  const fetchInFlight = canAttemptFetch && artifactCache?.status === "loading";
+  const fetchFailed = canAttemptFetch && artifactCache?.status === "error";
+  const entryUnavailable = canAttemptFetch && fetchDispatched && !fetchInFlight && !fetchFailed;
+  const hasOutputTab = resolvedOutput != null || canAttemptFetch;
   useEffect12(() => {
-    if (tab === "output" && !resolvedOutput && artifactCache && entryKnownToManifest) {
-      artifactCache.fetchOutput(judgment.taskId, judgment.modelId);
+    if (tab === "output" && canAttemptFetch && !fetchDispatched) {
+      setFetchDispatched(true);
+      void artifactCache.fetchOutput(judgment.taskId, judgment.modelId);
     }
   }, [
     tab,
-    resolvedOutput,
+    canAttemptFetch,
+    fetchDispatched,
     artifactCache,
-    entryKnownToManifest,
     judgment.taskId,
     judgment.modelId
   ]);
@@ -11453,10 +11563,11 @@ function JudgmentDetailDrawer({
                   {
                     copiedLabel: "Reasoning copied",
                     label: "Copy reasoning",
-                    text: judgment.reason
+                    text: reasoningText
                   }
                 ) }),
-                /* @__PURE__ */ jsx59(Markdown, { content: judgment.reason })
+                /* @__PURE__ */ jsx59(Markdown, { content: reasoningText }),
+                reasoningIsPreview && /* @__PURE__ */ jsx59(Text44, { muted: true, size: 1, style: { marginTop: 8 }, children: fullStatus === "loading" ? "Loading full reasoning\u2026" : "Showing preview (280 chars). Full reasoning not yet loaded." })
               ] })
             }
           ),
@@ -11467,12 +11578,12 @@ function JudgmentDetailDrawer({
               hidden: tab !== "output",
               id: "judgment-panel-output",
               children: [
-                !resolvedOutput && entryUnavailable && /* @__PURE__ */ jsx59(Text44, { muted: true, size: 1, children: "Model output not available for this entry." }),
-                !resolvedOutput && !entryUnavailable && artifactCache?.status === "loading" && /* @__PURE__ */ jsx59(Text44, { muted: true, size: 1, children: "Fetching model output\u2026" }),
-                !resolvedOutput && !entryUnavailable && artifactCache?.status === "error" && /* @__PURE__ */ jsxs42(Text44, { muted: true, size: 1, style: { color: "#f87171" }, children: [
+                !resolvedOutput && fetchInFlight && /* @__PURE__ */ jsx59(Text44, { muted: true, size: 1, children: "Fetching model output\u2026" }),
+                !resolvedOutput && fetchFailed && /* @__PURE__ */ jsxs42(Text44, { muted: true, size: 1, style: { color: "#f87171" }, children: [
                   "Failed to load model output",
-                  artifactCache.error ? `: ${artifactCache.error}` : ""
+                  artifactCache?.error ? `: ${artifactCache.error}` : ""
                 ] }),
+                !resolvedOutput && entryUnavailable && /* @__PURE__ */ jsx59(Text44, { muted: true, size: 1, children: "Model output not available for this entry." }),
                 resolvedOutput && /* @__PURE__ */ jsxs42(Box28, { style: COPYABLE_BLOCK_STYLE, children: [
                   /* @__PURE__ */ jsx59(Box28, { style: COPY_BUTTON_SLOT_STYLE, children: /* @__PURE__ */ jsx59(
                     CopyButton,
@@ -11629,7 +11740,7 @@ function JudgmentDetailDrawerOutlet({
               flexDirection: "column",
               overflow: "hidden"
             },
-            children: /* @__PURE__ */ jsx60(
+            children: /* @__PURE__ */ jsx60(ReportArtifactProvider, { runId: active.runId, manifest: active.manifest, children: /* @__PURE__ */ jsx60(
               JudgmentDetailDrawer,
               {
                 artifactCache: active.artifactCache,
@@ -11637,7 +11748,7 @@ function JudgmentDetailDrawerOutlet({
                 onClose,
                 testResult: active.testResult
               }
-            )
+            ) })
           }
         )
       ]
@@ -11647,7 +11758,7 @@ function JudgmentDetailDrawerOutlet({
 
 // src/components/ScoreTimeline.tsx
 import { Card as Card21, Flex as Flex33, Select as Select2, Stack as Stack35, Text as Text45 } from "@sanity/ui";
-import { useCallback as useCallback35, useEffect as useEffect14, useMemo as useMemo14, useState as useState26 } from "react";
+import { useCallback as useCallback35, useEffect as useEffect14, useMemo as useMemo16, useState as useState26 } from "react";
 import { useClient as useClient11 } from "sanity";
 import { jsx as jsx61, jsxs as jsxs44 } from "react/jsx-runtime";
 var CHART_HEIGHT = 220;
@@ -11688,7 +11799,7 @@ function ScoreTimeline({ mode = null, source = null }) {
   const [loading, setLoading] = useState26(true);
   const [rangeDays, setRangeDays] = useState26(30);
   const [selectedArea, setSelectedArea] = useState26(null);
-  const areaNames = useMemo14(() => {
+  const areaNames = useMemo16(() => {
     const names = /* @__PURE__ */ new Set();
     for (const dp of dataPoints) {
       for (const s of dp.scores) {
@@ -11715,7 +11826,7 @@ function ScoreTimeline({ mode = null, source = null }) {
   useEffect14(() => {
     void fetchData();
   }, [fetchData]);
-  const chartPoints = useMemo14(() => {
+  const chartPoints = useMemo16(() => {
     const pts = [];
     const scored = dataPoints.map((dp) => ({
       date: dp.completedAt,
@@ -11729,7 +11840,7 @@ function ScoreTimeline({ mode = null, source = null }) {
     });
     return pts;
   }, [dataPoints, selectedArea]);
-  const avgScore = useMemo14(() => {
+  const avgScore = useMemo16(() => {
     if (chartPoints.length === 0) return 0;
     return chartPoints.reduce((sum, p) => sum + p.score, 0) / chartPoints.length;
   }, [chartPoints]);
@@ -11873,17 +11984,29 @@ var VIEW_PARAM_MAP = {
   timeline: "timeline"
 };
 function Dashboard() {
+  return /* @__PURE__ */ jsx62(HelpProvider, { children: /* @__PURE__ */ jsx62(JudgmentDrawerProvider, { children: /* @__PURE__ */ jsx62(DashboardShell, {}) }) });
+}
+function DashboardShell() {
   const router = useRouter3();
+  const { close: closeDrawer } = useJudgmentDrawer();
+  const routerState = router.state;
+  const reportId = routerState.reportId ?? null;
+  useEffect15(() => {
+    if (!reportId) closeDrawer();
+  }, [reportId, closeDrawer]);
   const handleJudgmentDrawerClose = useCallback36(() => {
+    closeDrawer();
     const state = { ...router.state };
-    delete state.focus;
-    router.navigate(state);
-  }, [router]);
-  return /* @__PURE__ */ jsx62(HelpProvider, { children: /* @__PURE__ */ jsx62(JudgmentDrawerProvider, { children: /* @__PURE__ */ jsxs45(Flex34, { style: { height: "100%" }, children: [
+    if (state.focus) {
+      delete state.focus;
+      router.navigate(state);
+    }
+  }, [closeDrawer, router]);
+  return /* @__PURE__ */ jsxs45(Flex34, { style: { height: "100%" }, children: [
     /* @__PURE__ */ jsx62(Box29, { flex: 1, overflow: "auto", children: /* @__PURE__ */ jsx62(DashboardContent, {}) }),
     /* @__PURE__ */ jsx62(JudgmentDetailDrawerOutlet, { onClose: handleJudgmentDrawerClose }),
     /* @__PURE__ */ jsx62(HelpDrawer, {})
-  ] }) }) });
+  ] });
 }
 function DashboardContent() {
   const router = useRouter3();
@@ -12016,7 +12139,7 @@ function ailfTool(options = {}) {
 // src/actions/RunEvaluationAction.tsx
 import { BarChartIcon as BarChartIcon2 } from "@sanity/icons";
 import { useToast as useToast10 } from "@sanity/ui";
-import { useCallback as useCallback37, useEffect as useEffect15, useRef as useRef9, useState as useState27 } from "react";
+import { useCallback as useCallback37, useEffect as useEffect16, useRef as useRef9, useState as useState27 } from "react";
 import {
   getReleaseIdFromReleaseDocumentId as getReleaseIdFromReleaseDocumentId3,
   useClient as useClient12,
@@ -12050,7 +12173,7 @@ function createRunEvaluationAction(options = {}) {
     const [state, setState] = useState27({ status: "loading" });
     const requestedAtRef = useRef9(null);
     const perspectiveId = getReleaseIdFromReleaseDocumentId3(release._id);
-    useEffect15(() => {
+    useEffect16(() => {
       let cancelled = false;
       client.fetch(contentImpactQuery, buildReportQueryParams(perspectiveId)).then((results) => {
         if (cancelled) return;
@@ -12073,7 +12196,7 @@ function createRunEvaluationAction(options = {}) {
         cancelled = true;
       };
     }, [client, perspectiveId]);
-    useEffect15(() => {
+    useEffect16(() => {
       if (state.status !== "requested" && state.status !== "polling") return;
       const { requestId, startedAt } = state;
       if (state.status === "requested") {
@@ -12123,7 +12246,7 @@ function createRunEvaluationAction(options = {}) {
       }, POLL_INTERVAL_MS2);
       return () => clearInterval(interval);
     }, [client, perspectiveId, state]);
-    useEffect15(() => {
+    useEffect16(() => {
       if (state.status !== "error") return;
       const timer = setTimeout(() => {
         client.fetch(contentImpactQuery, buildReportQueryParams(perspectiveId)).then((results) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/ailf-studio",
-  "version": "1.7.0",
+  "version": "1.7.2",
   "description": "AI Literacy Framework — Sanity Studio dashboard plugin",
   "type": "module",
   "license": "MIT",