@sanity/ailf-studio 1.12.1 → 1.13.0

package/dist/index.js

@@ -3534,18 +3534,18 @@ import { route } from "sanity/router";
 // src/components/Dashboard.tsx
 import { HelpCircleIcon as HelpCircleIcon8 } from "@sanity/icons";
 import {
-  Box as Box34,
-  Button as Button13,
+  Box as Box37,
+  Button as Button15,
   Container,
-  Flex as Flex37,
-  Stack as Stack40,
+  Flex as Flex39,
+  Stack as Stack42,
   Tab as Tab3,
   TabList as TabList3,
   TabPanel as TabPanel3,
-  Text as Text51
+  Text as Text53
 } from "@sanity/ui";
-import { useCallback as useCallback39, useEffect as useEffect17 } from "react";
-import { useRouter as useRouter4 } from "sanity/router";
+import { useCallback as useCallback42, useEffect as useEffect18 } from "react";
+import { useRouter as useRouter5 } from "sanity/router";
 
 // src/lib/help-context.ts
 import {
@@ -4225,9 +4225,12 @@ var scoreTimelineQuery = (
     && completedAt >= $startDate
     ${filterSourceClause("$source")}
     ${filterModeClause("$mode")}
+    ${filterOwnerTeamClause("$ownerTeam")}
   ] | order(completedAt asc) {
     _id,
+    reportId,
     completedAt,
+    durationMs,
     "overall": summary.overall.avgScore,
     "scores": summary.scores[] {
       feature,
@@ -4237,6 +4240,10 @@ var scoreTimelineQuery = (
     "actualScore": summary.overall.avgActualScore,
     "mode": provenance.mode,
     "source": provenance.source.name,
+    "trigger": provenance.trigger.type,
+    "areas": provenance.areas,
+    "models": provenance.models[].label,
+    "ownerTeam": provenance.owner.team,
     tag,
     title
   }
@@ -12766,6 +12773,18 @@ import React4 from "react";
 import { Card as Card19, Stack as Stack34, Text as Text45 } from "@sanity/ui";
 
 // src/lib/scoring.ts
+var TONE_MAP = {
+  good: "positive",
+  warning: "caution",
+  "needs-work": "default",
+  critical: "critical"
+};
+function gradeTone(grade) {
+  return TONE_MAP[grade];
+}
+function scoreTone(score) {
+  return gradeTone(scoreGrade(Math.round(score)));
+}
 var HEX_MAP = {
   good: "#2ecc71",
   warning: "#f1c40f",
@@ -13358,244 +13377,1158 @@ function JudgmentDetailDrawerOutlet({
 }
 
 // src/components/ScoreTimeline.tsx
-import { Card as Card23, Flex as Flex36, Select as Select2, Stack as Stack39, Text as Text50 } from "@sanity/ui";
-import { useCallback as useCallback38, useEffect as useEffect16, useMemo as useMemo17, useState as useState30 } from "react";
-import { useClient as useClient13 } from "sanity";
-import { jsx as jsx66, jsxs as jsxs50 } from "react/jsx-runtime";
-var CHART_HEIGHT = 220;
-var CHART_WIDTH = 800;
-var PAD_BOTTOM = 30;
-var PAD_LEFT = 40;
-var PAD_RIGHT = 20;
-var PAD_TOP = 20;
-var PLOT_HEIGHT = CHART_HEIGHT - PAD_TOP - PAD_BOTTOM;
-var PLOT_WIDTH = CHART_WIDTH - PAD_LEFT - PAD_RIGHT;
-var Y_MAX = 100;
-var Y_TICKS = [0, 25, 50, 75, 100];
-var TIME_RANGES = [
-  { days: 7, label: "Last 7 days" },
-  { days: 30, label: "Last 30 days" },
-  { days: 90, label: "Last 90 days" },
-  { days: null, label: "All time" }
+import { Card as Card25, Flex as Flex38, Spinner, Stack as Stack41, Text as Text52 } from "@sanity/ui";
+import { useCallback as useCallback41, useMemo as useMemo19, useState as useState32 } from "react";
+import { useRouter as useRouter4 } from "sanity/router";
+
+// src/components/timeline/TimelineChart.tsx
+import { Box as Box34, Card as Card23, Flex as Flex36, Stack as Stack39, Text as Text50 } from "@sanity/ui";
+import {
+  useCallback as useCallback38,
+  useEffect as useEffect16,
+  useMemo as useMemo17,
+  useRef as useRef9,
+  useState as useState30
+} from "react";
+
+// src/components/timeline/lib.ts
+var RANGE_OPTIONS = [
+  { days: 7, label: "Last 7 days", value: "7d" },
+  { days: 30, label: "Last 30 days", value: "30d" },
+  { days: 90, label: "Last 90 days", value: "90d" },
+  { days: 180, label: "Last 180 days", value: "180d" },
+  { days: 365, label: "Last year", value: "365d" },
+  { days: null, label: "All time", value: "all" }
+];
+var DEFAULT_RANGE = "30d";
+function rangePresetToDays(preset) {
+  const opt = RANGE_OPTIONS.find((r) => r.value === preset);
+  if (!opt) throw new Error(`Unknown range preset: ${preset}`);
+  return opt.days;
+}
+function isRangePreset(value) {
+  return RANGE_OPTIONS.some((r) => r.value === value);
+}
+var GRANULARITY_OPTIONS = [
+  { label: "All", value: "raw" },
+  { label: "Daily average", value: "day" },
+  { label: "Weekly average", value: "week" }
 ];
+var DEFAULT_GRANULARITY = "raw";
+function isGranularity(value) {
+  return value === "raw" || value === "day" || value === "week";
+}
 function daysAgo(n) {
   const d = /* @__PURE__ */ new Date();
   d.setDate(d.getDate() - n);
   return d.toISOString();
 }
-function formatDate(iso) {
+function formatDateShort(iso) {
   return new Date(iso).toLocaleDateString(void 0, {
     day: "numeric",
     month: "short"
   });
 }
+function formatDateTime(iso) {
+  return new Date(iso).toLocaleString(void 0, {
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+    month: "short",
+    year: "numeric"
+  });
+}
+function startOfDay(iso) {
+  const d = new Date(iso);
+  d.setUTCHours(0, 0, 0, 0);
+  return d.toISOString();
+}
+function startOfWeek(iso) {
+  const d = new Date(iso);
+  d.setUTCHours(0, 0, 0, 0);
+  const day = d.getUTCDay();
+  const diff = (day + 6) % 7;
+  d.setUTCDate(d.getUTCDate() - diff);
+  return d.toISOString();
+}
 function scoreForPoint(point, area) {
   if (!area) return point.overall;
   const match = point.scores.find((s) => s.feature === area);
   return match?.totalScore ?? null;
 }
-function ScoreTimeline({ mode = null, source = null }) {
-  const client = useClient13({ apiVersion: API_VERSION });
-  const [dataPoints, setDataPoints] = useState30([]);
-  const [loading, setLoading] = useState30(true);
-  const [rangeDays, setRangeDays] = useState30(30);
-  const [selectedArea, setSelectedArea] = useState30(null);
-  const areaNames = useMemo17(() => {
-    const names = /* @__PURE__ */ new Set();
-    for (const dp of dataPoints) {
-      for (const s of dp.scores) {
-        names.add(s.feature);
-      }
+function aggregate(points, area, granularity) {
+  const scored = [];
+  for (const dp of points) {
+    const score = scoreForPoint(dp, area);
+    if (score === null) continue;
+    scored.push({ count: 1, date: dp.completedAt, score, source: dp });
+  }
+  if (granularity === "raw" || scored.length === 0) return scored;
+  const bucketKey = granularity === "day" ? startOfDay : startOfWeek;
+  const buckets = /* @__PURE__ */ new Map();
+  for (const d of scored) {
+    const key = bucketKey(d.date);
+    const cur = buckets.get(key);
+    if (cur) {
+      cur.sum += d.score;
+      cur.count += 1;
+      if (d.date > cur.source.completedAt) cur.source = d.source;
+    } else {
+      buckets.set(key, { count: 1, source: d.source, sum: d.score });
     }
-    return Array.from(names).sort();
-  }, [dataPoints]);
-  const fetchData = useCallback38(async () => {
-    setLoading(true);
-    try {
-      const startDate = rangeDays ? daysAgo(rangeDays) : "1970-01-01T00:00:00Z";
-      const results = await client.fetch(
-        scoreTimelineQuery,
-        { mode, source, startDate }
-      );
-      setDataPoints(results ?? []);
-    } catch {
-      setDataPoints([]);
-    } finally {
-      setLoading(false);
+  }
+  return Array.from(buckets.entries()).sort(([a], [b]) => a.localeCompare(b)).map(([date, { count, source, sum }]) => ({
+    count,
+    date,
+    score: sum / count,
+    source
+  }));
+}
+function uniqueSorted(items, extract) {
+  const set2 = /* @__PURE__ */ new Set();
+  for (const item of items) {
+    for (const v of extract(item)) {
+      if (v) set2.add(v);
     }
-  }, [client, mode, rangeDays, source]);
+  }
+  return Array.from(set2).sort();
+}
+function computeStats(points, window2 = 5) {
+  if (points.length === 0) {
+    return {
+      count: 0,
+      delta: null,
+      first: null,
+      last: null,
+      max: null,
+      mean: null,
+      median: null,
+      min: null,
+      movingAverage: [],
+      stdev: null,
+      trend: "flat"
+    };
+  }
+  const scores = points.map((p) => p.score);
+  const sum = scores.reduce((a, b) => a + b, 0);
+  const mean = sum / scores.length;
+  const sorted = [...scores].sort((a, b) => a - b);
+  const median2 = sorted.length % 2 === 0 ? (sorted[sorted.length / 2 - 1] + sorted[sorted.length / 2]) / 2 : sorted[(sorted.length - 1) / 2];
+  let minIdx = 0;
+  let maxIdx = 0;
+  for (let i = 1; i < points.length; i++) {
+    if (points[i].score < points[minIdx].score) minIdx = i;
+    if (points[i].score > points[maxIdx].score) maxIdx = i;
+  }
+  const variance = scores.reduce((acc, x) => acc + (x - mean) ** 2, 0) / scores.length;
+  const stdev = Math.sqrt(variance);
+  const first = points[0];
+  const last = points[points.length - 1];
+  const delta = points.length > 1 ? last.score - first.score : 0;
+  const trend = classifyTrend(delta);
+  return {
+    count: points.length,
+    delta,
+    first,
+    last,
+    max: points[maxIdx],
+    mean,
+    median: median2,
+    min: points[minIdx],
+    movingAverage: rollingMean(scores, window2),
+    stdev,
+    trend
+  };
+}
+function classifyTrend(delta) {
+  if (Math.abs(delta) < 1.5) return "flat";
+  return delta > 0 ? "up" : "down";
+}
+function rollingMean(values, window2) {
+  if (values.length === 0) return [];
+  const w = Math.max(1, Math.min(window2, values.length));
+  const out = [];
+  let runningSum = 0;
+  const queue = [];
+  for (const v of values) {
+    queue.push(v);
+    runningSum += v;
+    if (queue.length > w) {
+      runningSum -= queue.shift();
+    }
+    out.push(runningSum / queue.length);
+  }
+  return out;
+}
+var CSV_HEADER = [
+  "completedAt",
+  "reportId",
+  "title",
+  "tag",
+  "mode",
+  "source",
+  "trigger",
+  "overall",
+  "selectedAreaScore",
+  "actualScore",
+  "durationMs"
+];
+function csvEscape(value) {
+  if (value == null) return "";
+  const s = String(value);
+  if (/[",\n\r]/.test(s)) return `"${s.replaceAll('"', '""')}"`;
+  return s;
+}
+function toCsv(points, selectedArea) {
+  const rows = [CSV_HEADER.join(",")];
+  for (const p of points) {
+    const areaScore = scoreForPoint(p, selectedArea);
+    rows.push(
+      [
+        p.completedAt,
+        p.reportId ?? p._id,
+        p.title ?? "",
+        p.tag ?? "",
+        p.mode,
+        p.source,
+        p.trigger ?? "",
+        p.overall ?? "",
+        areaScore ?? "",
+        p.actualScore ?? "",
+        p.durationMs ?? ""
+      ].map(csvEscape).join(",")
+    );
+  }
+  return rows.join("\n") + "\n";
+}
+function downloadCsv(content, filename) {
+  if (typeof document === "undefined") return;
+  const blob = new Blob([content], { type: "text/csv;charset=utf-8" });
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = filename;
+  document.body.append(link);
+  link.click();
+  link.remove();
+  setTimeout(() => URL.revokeObjectURL(url), 0);
+}
+async function copyTextToClipboard(text) {
+  if (typeof navigator === "undefined" || !navigator.clipboard?.writeText) {
+    return false;
+  }
+  try {
+    await navigator.clipboard.writeText(text);
+    return true;
+  } catch {
+    return false;
+  }
+}
+var TIMELINE_DATA_START_DATE = "2026-04-15T00:00:00Z";
+function effectiveStartDate(rangeDays, floor = TIMELINE_DATA_START_DATE) {
+  const rangeStart = rangeDays ? daysAgo(rangeDays) : "1970-01-01T00:00:00Z";
+  if (!floor) return rangeStart;
+  return rangeStart > floor ? rangeStart : floor;
+}
+
+// src/components/timeline/TimelineChart.tsx
+import { jsx as jsx66, jsxs as jsxs50 } from "react/jsx-runtime";
+var CHART_HEIGHT = 280;
+var PAD_BOTTOM = 36;
+var PAD_LEFT = 44;
+var PAD_RIGHT = 16;
+var PAD_TOP = 16;
+var Y_MAX = 100;
+var Y_TICKS = [0, 25, 50, 75, 100];
+var NOISE_BAND = 3;
+var X_LABEL_TARGET = 6;
+function TimelineChart({
+  movingAverage,
+  onSelectPoint,
+  points,
+  showMovingAverage
+}) {
+  const containerRef = useRef9(null);
+  const [width, setWidth] = useState30(800);
+  const [hoverIdx, setHoverIdx] = useState30(null);
+  const [focusIdx, setFocusIdx] = useState30(null);
   useEffect16(() => {
-    void fetchData();
-  }, [fetchData]);
-  const chartPoints = useMemo17(() => {
-    const pts = [];
-    const scored = dataPoints.map((dp) => ({
-      date: dp.completedAt,
-      score: scoreForPoint(dp, selectedArea)
-    })).filter((d) => d.score !== null);
-    if (scored.length === 0) return pts;
-    scored.forEach((d, i) => {
-      const x = PAD_LEFT + (scored.length === 1 ? PLOT_WIDTH / 2 : i / (scored.length - 1) * PLOT_WIDTH);
-      const y = PAD_TOP + PLOT_HEIGHT - d.score / Y_MAX * PLOT_HEIGHT;
-      pts.push({ date: d.date, score: d.score, x, y });
+    const node = containerRef.current;
+    if (!node || typeof ResizeObserver === "undefined") return;
+    const ro = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (!entry) return;
+      const w = Math.max(320, Math.floor(entry.contentRect.width));
+      setWidth(w);
     });
-    return pts;
-  }, [dataPoints, selectedArea]);
+    ro.observe(node);
+    return () => ro.disconnect();
+  }, []);
+  const plotWidth = width - PAD_LEFT - PAD_RIGHT;
+  const plotHeight = CHART_HEIGHT - PAD_TOP - PAD_BOTTOM;
+  const xFor = useCallback38(
+    (i, n) => PAD_LEFT + (n === 1 ? plotWidth / 2 : i / (n - 1) * plotWidth),
+    [plotWidth]
+  );
+  const yFor = useCallback38(
+    (score) => PAD_TOP + plotHeight - score / Y_MAX * plotHeight,
+    [plotHeight]
+  );
+  const computed = useMemo17(
+    () => points.map((p, i) => ({
+      ...p,
+      x: xFor(i, points.length),
+      y: yFor(p.score)
+    })),
+    [points, xFor, yFor]
+  );
+  const polylinePoints = useMemo17(
+    () => computed.map((p) => `${p.x},${p.y}`).join(" "),
+    [computed]
+  );
+  const maPoints = useMemo17(() => {
+    if (!showMovingAverage || movingAverage.length !== computed.length)
+      return "";
+    return computed.map((p, i) => `${p.x},${yFor(movingAverage[i] ?? p.score)}`).join(" ");
+  }, [computed, movingAverage, showMovingAverage, yFor]);
   const avgScore = useMemo17(() => {
-    if (chartPoints.length === 0) return 0;
-    return chartPoints.reduce((sum, p) => sum + p.score, 0) / chartPoints.length;
-  }, [chartPoints]);
-  const handleRangeChange = useCallback38(
+    if (computed.length === 0) return 0;
+    return computed.reduce((acc, p) => acc + p.score, 0) / computed.length;
+  }, [computed]);
+  const xLabelIndexes = useMemo17(() => {
+    if (computed.length === 0) return [];
+    if (computed.length <= X_LABEL_TARGET) return computed.map((_, i) => i);
+    const step = (computed.length - 1) / (X_LABEL_TARGET - 1);
+    const out = [];
+    for (let k = 0; k < X_LABEL_TARGET; k++) {
+      out.push(Math.round(k * step));
+    }
+    return Array.from(new Set(out));
+  }, [computed]);
+  const findNearestIndex = useCallback38(
+    (clientX, rect) => {
+      if (computed.length === 0) return null;
+      const localX = (clientX - rect.left) * width / rect.width;
+      let best = 0;
+      let bestDist = Math.abs(computed[0].x - localX);
+      for (let i = 1; i < computed.length; i++) {
+        const d = Math.abs(computed[i].x - localX);
+        if (d < bestDist) {
+          best = i;
+          bestDist = d;
+        }
+      }
+      return best;
+    },
+    [computed, width]
+  );
+  const handleMouseMove = useCallback38(
     (e) => {
-      const val = e.currentTarget.value;
-      setRangeDays(val === "all" ? null : Number(val));
+      const rect = e.currentTarget.getBoundingClientRect();
+      const idx = findNearestIndex(e.clientX, rect);
+      setHoverIdx(idx);
     },
-    []
+    [findNearestIndex]
+  );
+  const handleMouseLeave = useCallback38(() => {
+    setHoverIdx(null);
+  }, []);
+  const handlePointClick = useCallback38(
+    (idx) => {
+      const datum = computed[idx];
+      if (!datum) return;
+      onSelectPoint(datum.source);
+    },
+    [computed, onSelectPoint]
   );
-  const handleAreaChange = useCallback38(
+  const handleFocus = useCallback38(() => {
+    setFocusIdx((prev) => prev ?? 0);
+  }, []);
+  const moveTo = useCallback38((idx) => {
+    setFocusIdx(idx);
+    setHoverIdx(idx);
+  }, []);
+  const handleKey = useCallback38(
     (e) => {
-      const val = e.currentTarget.value;
-      setSelectedArea(val || null);
+      if (computed.length === 0) return;
+      const last = computed.length - 1;
+      const cur = focusIdx ?? 0;
+      switch (e.key) {
+        case "ArrowRight":
+          e.preventDefault();
+          moveTo(Math.min(last, cur + 1));
+          return;
+        case "ArrowLeft":
+          e.preventDefault();
+          moveTo(Math.max(0, cur - 1));
+          return;
+        case "Home":
+          e.preventDefault();
+          moveTo(0);
+          return;
+        case "End":
+          e.preventDefault();
+          moveTo(last);
+          return;
+        case "Enter":
+        case " ":
+          e.preventDefault();
+          handlePointClick(cur);
+      }
     },
-    []
+    [computed, focusIdx, handlePointClick, moveTo]
   );
-  const polylinePoints = chartPoints.map((p) => `${p.x},${p.y}`).join(" ");
-  return /* @__PURE__ */ jsxs50(Stack39, { space: 4, children: [
-    /* @__PURE__ */ jsxs50(Flex36, { gap: 3, children: [
-      /* @__PURE__ */ jsx66(
-        Select2,
+  const activeIdx = hoverIdx ?? focusIdx;
+  const active = activeIdx !== null ? computed[activeIdx] : null;
+  if (computed.length === 0) {
+    return /* @__PURE__ */ jsx66(Card23, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsx66(Flex36, { align: "center", justify: "center", style: { height: 220 }, children: /* @__PURE__ */ jsx66(Text50, { muted: true, size: 2, children: "No reports found in this window. Adjust the filters or extend the time range." }) }) });
+  }
+  return /* @__PURE__ */ jsx66(Card23, { padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs50(Stack39, { space: 2, children: [
+    /* @__PURE__ */ jsxs50(Box34, { ref: containerRef, style: { position: "relative", width: "100%" }, children: [
+      /* @__PURE__ */ jsxs50(
+        "svg",
         {
-          onChange: handleRangeChange,
-          value: rangeDays?.toString() ?? "all",
-          children: TIME_RANGES.map((r) => /* @__PURE__ */ jsx66("option", { value: r.days?.toString() ?? "all", children: r.label }, r.label))
+          "aria-label": "Score timeline chart",
+          onFocus: handleFocus,
+          onKeyDown: handleKey,
+          onMouseLeave: handleMouseLeave,
+          onMouseMove: handleMouseMove,
+          role: "img",
+          style: { display: "block", width: "100%" },
+          tabIndex: 0,
+          viewBox: `0 0 ${width} ${CHART_HEIGHT}`,
+          children: [
+            Y_TICKS.map((tick) => {
+              const y = yFor(tick);
+              return /* @__PURE__ */ jsxs50("g", { children: [
+                /* @__PURE__ */ jsx66(
+                  "line",
+                  {
+                    stroke: "var(--card-border-color, #ddd)",
+                    strokeDasharray: "3 4",
+                    x1: PAD_LEFT,
+                    x2: width - PAD_RIGHT,
+                    y1: y,
+                    y2: y
+                  }
+                ),
+                /* @__PURE__ */ jsx66(
+                  "text",
+                  {
+                    dominantBaseline: "middle",
+                    fill: "var(--card-muted-fg-color, #999)",
+                    fontSize: 11,
+                    textAnchor: "end",
+                    x: PAD_LEFT - 6,
+                    y,
+                    children: tick
+                  }
+                )
+              ] }, tick);
+            }),
+            avgScore > 0 ? /* @__PURE__ */ jsx66(
+              "rect",
+              {
+                fill: scoreHex(avgScore),
+                fillOpacity: 0.07,
+                height: Math.max(
+                  0,
+                  yFor(avgScore - NOISE_BAND) - yFor(avgScore + NOISE_BAND)
+                ),
+                width: width - PAD_LEFT - PAD_RIGHT,
+                x: PAD_LEFT,
+                y: yFor(avgScore + NOISE_BAND)
+              }
+            ) : null,
+            xLabelIndexes.map((i) => {
+              const p = computed[i];
+              if (!p) return null;
+              return /* @__PURE__ */ jsx66(
+                "text",
+                {
+                  fill: "var(--card-muted-fg-color, #999)",
+                  fontSize: 10,
+                  textAnchor: i === 0 ? "start" : i === computed.length - 1 ? "end" : "middle",
+                  x: p.x,
+                  y: CHART_HEIGHT - 10,
+                  children: formatDateShort(p.date)
+                },
+                i
+              );
+            }),
+            showMovingAverage && maPoints ? /* @__PURE__ */ jsx66(
+              "polyline",
+              {
+                fill: "none",
+                points: maPoints,
+                stroke: "var(--card-muted-fg-color, #888)",
+                strokeDasharray: "6 4",
+                strokeLinejoin: "round",
+                strokeWidth: 1.5
+              }
+            ) : null,
+            /* @__PURE__ */ jsx66(
+              "polyline",
+              {
+                fill: "none",
+                points: polylinePoints,
+                stroke: scoreHex(avgScore),
+                strokeLinejoin: "round",
+                strokeWidth: 2.5
+              }
+            ),
+            active ? /* @__PURE__ */ jsx66(
+              "line",
+              {
+                stroke: "var(--card-border-color, #bbb)",
+                strokeWidth: 1,
+                x1: active.x,
+                x2: active.x,
+                y1: PAD_TOP,
+                y2: CHART_HEIGHT - PAD_BOTTOM
+              }
+            ) : null,
+            computed.map((p, idx) => {
+              const isActive = idx === activeIdx;
+              return /* @__PURE__ */ jsx66(
+                "circle",
+                {
+                  cx: p.x,
+                  cy: p.y,
+                  fill: scoreHex(p.score),
+                  onClick: () => handlePointClick(idx),
+                  r: isActive ? 6 : 4,
+                  stroke: "var(--card-bg-color, #fff)",
+                  strokeWidth: isActive ? 2 : 1.5,
+                  style: { cursor: "pointer" }
+                },
+                idx
+              );
+            })
+          ]
         }
       ),
-      /* @__PURE__ */ jsxs50(Select2, { onChange: handleAreaChange, value: selectedArea ?? "", children: [
-        /* @__PURE__ */ jsx66("option", { value: "", children: "Overall" }),
-        areaNames.map((name) => /* @__PURE__ */ jsx66("option", { value: name, children: name }, name))
-      ] })
+      active ? /* @__PURE__ */ jsx66(Tooltip13, { active, chartWidth: width }) : null
     ] }),
-    /* @__PURE__ */ jsx66(Card23, { padding: 3, radius: 2, shadow: 1, children: loading ? /* @__PURE__ */ jsx66(Flex36, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx66(Text50, { muted: true, size: 2, children: "Loading\u2026" }) }) : chartPoints.length === 0 ? /* @__PURE__ */ jsx66(Flex36, { align: "center", justify: "center", style: { height: 200 }, children: /* @__PURE__ */ jsx66(Text50, { muted: true, size: 2, children: "No reports found for this time range" }) }) : /* @__PURE__ */ jsxs50(
-      "svg",
+    /* @__PURE__ */ jsxs50(Flex36, { gap: 3, align: "center", children: [
+      /* @__PURE__ */ jsx66(LegendDot, { color: scoreHex(avgScore), label: "Score" }),
+      showMovingAverage ? /* @__PURE__ */ jsx66(
+        LegendDot,
+        {
+          color: "var(--card-muted-fg-color, #888)",
+          dashed: true,
+          label: "5-point moving average"
+        }
+      ) : null,
+      /* @__PURE__ */ jsx66(Text50, { muted: true, size: 1, children: "Click a point to open the report" })
+    ] })
+  ] }) });
+}
+function LegendDot({
+  color,
+  dashed = false,
+  label
+}) {
+  return /* @__PURE__ */ jsxs50(Flex36, { align: "center", gap: 2, children: [
+    /* @__PURE__ */ jsx66("svg", { height: "10", width: "22", children: /* @__PURE__ */ jsx66(
+      "line",
       {
-        style: { display: "block", width: "100%" },
-        viewBox: `0 0 ${CHART_WIDTH} ${CHART_HEIGHT}`,
-        children: [
-          Y_TICKS.map((tick) => {
-            const y = PAD_TOP + PLOT_HEIGHT - tick / Y_MAX * PLOT_HEIGHT;
-            return /* @__PURE__ */ jsxs50("g", { children: [
-              /* @__PURE__ */ jsx66(
-                "line",
-                {
-                  stroke: "#ccc",
-                  strokeDasharray: "4 4",
-                  x1: PAD_LEFT,
-                  x2: CHART_WIDTH - PAD_RIGHT,
-                  y1: y,
-                  y2: y
-                }
-              ),
-              /* @__PURE__ */ jsx66(
-                "text",
-                {
-                  dominantBaseline: "middle",
-                  fill: "#999",
-                  fontSize: 11,
-                  textAnchor: "end",
-                  x: PAD_LEFT - 6,
-                  y,
-                  children: tick
-                }
-              )
-            ] }, tick);
-          }),
-          chartPoints.length >= 3 ? [
-            0,
-            Math.floor(chartPoints.length / 2),
-            chartPoints.length - 1
-          ].map((idx) => {
-            const p = chartPoints[idx];
-            return /* @__PURE__ */ jsx66(
-              "text",
-              {
-                fill: "#999",
-                fontSize: 10,
-                textAnchor: "middle",
-                x: p.x,
-                y: CHART_HEIGHT - 6,
-                children: formatDate(p.date)
-              },
-              idx
-            );
-          }) : chartPoints.map((p, idx) => /* @__PURE__ */ jsx66(
-            "text",
-            {
-              fill: "#999",
-              fontSize: 10,
-              textAnchor: "middle",
-              x: p.x,
-              y: CHART_HEIGHT - 6,
-              children: formatDate(p.date)
-            },
-            idx
-          )),
+        stroke: color,
+        strokeDasharray: dashed ? "4 3" : void 0,
+        strokeWidth: 2.5,
+        x1: "0",
+        x2: "22",
+        y1: "5",
+        y2: "5"
+      }
+    ) }),
+    /* @__PURE__ */ jsx66(Text50, { muted: true, size: 1, children: label })
+  ] });
+}
+function Tooltip13({ active, chartWidth }) {
+  const cssX = active.x;
+  const isRightEdge = cssX > chartWidth - 220;
+  const left = isRightEdge ? cssX - 220 : cssX + 12;
+  return /* @__PURE__ */ jsx66(
+    Box34,
+    {
+      style: {
+        background: "var(--card-bg-color, #fff)",
+        border: "1px solid var(--card-border-color, #ddd)",
+        borderRadius: 4,
+        boxShadow: "0 2px 8px rgba(0,0,0,0.08)",
+        left,
+        maxWidth: 240,
+        minWidth: 180,
+        padding: 8,
+        pointerEvents: "none",
+        position: "absolute",
+        top: 8
+      },
+      children: /* @__PURE__ */ jsxs50(Stack39, { space: 2, children: [
+        /* @__PURE__ */ jsx66(Text50, { size: 1, weight: "semibold", children: formatDateTime(active.date) }),
+        /* @__PURE__ */ jsxs50(Flex36, { gap: 2, align: "center", children: [
           /* @__PURE__ */ jsx66(
-            "polyline",
+            Box34,
             {
-              fill: "none",
-              points: polylinePoints,
-              stroke: scoreHex(avgScore),
-              strokeLinejoin: "round",
-              strokeWidth: 2.5
+              style: {
+                background: scoreHex(active.score),
+                borderRadius: "50%",
+                height: 10,
+                width: 10
+              }
             }
           ),
-          chartPoints.map((p, idx) => /* @__PURE__ */ jsx66(
-            "circle",
-            {
-              cx: p.x,
-              cy: p.y,
-              fill: scoreHex(p.score),
-              r: 4,
-              stroke: "#fff",
-              strokeWidth: 1.5,
-              children: /* @__PURE__ */ jsxs50("title", { children: [
-                formatDate(p.date),
-                ": ",
-                Math.round(p.score)
-              ] })
-            },
-            idx
-          ))
-        ]
+          /* @__PURE__ */ jsx66(Text50, { size: 2, weight: "bold", children: Math.round(active.score) }),
+          active.count > 1 ? /* @__PURE__ */ jsxs50(Text50, { muted: true, size: 1, children: [
+            "avg of ",
+            active.count,
+            " reports"
+          ] }) : null
+        ] }),
+        active.source.title ? /* @__PURE__ */ jsx66(Text50, { size: 1, children: active.source.title }) : null,
+        /* @__PURE__ */ jsxs50(Text50, { muted: true, size: 1, children: [
+          active.source.mode,
+          active.source.source ? ` \xB7 ${active.source.source}` : ""
+        ] }),
+        active.source.tag ? /* @__PURE__ */ jsxs50(Text50, { muted: true, size: 1, children: [
+          "tag: ",
+          active.source.tag
+        ] }) : null
+      ] })
+    }
+  );
+}
+
+// src/components/timeline/TimelineFilters.tsx
+import {
+  ClipboardIcon as ClipboardIcon2,
+  DownloadIcon as DownloadIcon2,
+  LinkIcon as LinkIcon4,
+  RefreshIcon
+} from "@sanity/icons";
+import { Box as Box35, Button as Button14, Inline as Inline3, MenuDivider as MenuDivider4, MenuItem as MenuItem10 } from "@sanity/ui";
+import { useCallback as useCallback39 } from "react";
+
+// src/components/timeline/SelectChip.tsx
+import { ChevronDownIcon as ChevronDownIcon5 } from "@sanity/icons";
+import { Button as Button13, Menu as Menu3, MenuButton as MenuButton3, MenuItem as MenuItem9 } from "@sanity/ui";
+import { useId as useId2 } from "react";
+import { jsx as jsx67 } from "react/jsx-runtime";
+function SelectChip({
+  defaultValue,
+  label,
+  onChange,
+  options,
+  value
+}) {
+  const menuId = useId2();
+  const current = options.find((o) => o.value === value);
+  const displayValue = current?.label ?? value;
+  const isActive = defaultValue !== void 0 && value !== defaultValue;
+  return /* @__PURE__ */ jsx67(
+    MenuButton3,
+    {
+      button: /* @__PURE__ */ jsx67(
+        Button13,
+        {
+          fontSize: 1,
+          iconRight: ChevronDownIcon5,
+          mode: isActive ? "default" : "ghost",
+          padding: 2,
+          radius: 6,
+          text: `${label}: ${displayValue}`,
+          tone: isActive ? "primary" : "default"
+        }
+      ),
+      id: menuId,
+      menu: /* @__PURE__ */ jsx67(Menu3, { style: { minWidth: 160 }, children: options.map((opt) => /* @__PURE__ */ jsx67(
+        MenuItem9,
+        {
+          onClick: () => onChange(opt.value),
+          selected: value === opt.value,
+          text: opt.label
+        },
+        opt.value
+      )) }),
+      popover: {
+        animate: true,
+        constrainSize: true,
+        placement: "bottom-start",
+        portal: true
       }
-    ) }),
-    /* @__PURE__ */ jsxs50(Text50, { muted: true, size: 2, children: [
-      chartPoints.length,
-      " data point",
-      chartPoints.length !== 1 ? "s" : ""
+    }
+  );
+}
+
+// src/components/timeline/TimelineFilters.tsx
+import { Fragment as Fragment15, jsx as jsx68, jsxs as jsxs51 } from "react/jsx-runtime";
+var BAR_STYLE2 = {
+  alignItems: "center",
+  background: "var(--card-bg-color)",
+  border: "1px solid var(--card-border-color, transparent)",
+  borderRadius: 4,
+  display: "flex",
+  flexWrap: "wrap",
+  gap: 8,
+  padding: "8px 12px"
+};
+function TimelineFilters(props) {
+  const {
+    area,
+    areaOptions,
+    granularity,
+    loading,
+    mode,
+    modeOptions,
+    onAreaChange,
+    onCopyCsv,
+    onCopyUrl,
+    onExportCsv,
+    onGranularityChange,
+    onModeChange,
+    onOwnerTeamChange,
+    onRangeChange,
+    onRefresh,
+    onShowMovingAverageChange,
+    onSourceChange,
+    ownerTeam,
+    ownerTeamOptions,
+    range,
+    showMovingAverage,
+    source,
+    sourceOptions
+  } = props;
+  const handleMaToggle = useCallback39(() => {
+    onShowMovingAverageChange(!showMovingAverage);
+  }, [onShowMovingAverageChange, showMovingAverage]);
+  return /* @__PURE__ */ jsxs51("div", { style: BAR_STYLE2, children: [
+    /* @__PURE__ */ jsx68(
+      SelectChip,
+      {
+        defaultValue: DEFAULT_RANGE,
+        label: "Range",
+        onChange: onRangeChange,
+        options: RANGE_OPTIONS,
+        value: range
+      }
+    ),
+    /* @__PURE__ */ jsx68(
+      SelectChip,
+      {
+        defaultValue: DEFAULT_GRANULARITY,
+        label: "Aggregate",
+        onChange: onGranularityChange,
+        options: GRANULARITY_OPTIONS,
+        value: granularity
+      }
+    ),
+    areaOptions.length > 0 && /* @__PURE__ */ jsx68(
+      FilterChip,
+      {
+        label: "Area",
+        onChange: onAreaChange,
+        options: areaOptions,
+        searchable: true,
+        value: area
+      }
+    ),
+    modeOptions.length > 0 && /* @__PURE__ */ jsx68(
+      FilterChip,
+      {
+        label: "Mode",
+        onChange: onModeChange,
+        options: modeOptions,
+        value: mode
+      }
+    ),
+    sourceOptions.length > 0 && /* @__PURE__ */ jsx68(
+      FilterChip,
+      {
+        label: "Source",
+        onChange: onSourceChange,
+        options: sourceOptions,
+        value: source
+      }
+    ),
+    ownerTeamOptions.length > 0 && /* @__PURE__ */ jsx68(
+      FilterChip,
+      {
+        label: "Team",
+        onChange: onOwnerTeamChange,
+        options: ownerTeamOptions,
+        searchable: true,
+        value: ownerTeam
+      }
+    ),
+    /* @__PURE__ */ jsx68(Box35, { style: { flex: "1 0 0px" } }),
+    /* @__PURE__ */ jsxs51(Inline3, { space: 1, children: [
+      /* @__PURE__ */ jsx68(
+        Button14,
+        {
+          fontSize: 1,
+          mode: showMovingAverage ? "default" : "ghost",
+          onClick: handleMaToggle,
+          padding: 2,
+          radius: 6,
+          text: "5-pt MA",
+          tone: showMovingAverage ? "primary" : "default"
+        }
+      ),
+      /* @__PURE__ */ jsx68(
+        Button14,
+        {
+          fontSize: 1,
+          icon: RefreshIcon,
+          mode: "ghost",
+          onClick: onRefresh,
+          disabled: loading,
+          padding: 2,
+          radius: 6,
+          text: "Refresh"
+        }
+      ),
+      /* @__PURE__ */ jsx68(
+        SplitActionButton,
+        {
+          menuId: "timeline-share-actions",
+          menu: /* @__PURE__ */ jsxs51(Fragment15, { children: [
+            /* @__PURE__ */ jsx68(
+              MenuItem10,
+              {
+                icon: ClipboardIcon2,
+                onClick: onCopyCsv,
+                text: "Copy CSV to clipboard"
+              }
+            ),
+            /* @__PURE__ */ jsx68(MenuDivider4, {}),
+            /* @__PURE__ */ jsx68(
+              MenuItem10,
+              {
+                icon: DownloadIcon2,
+                onClick: onExportCsv,
+                text: "Export CSV"
+              }
+            )
+          ] }),
+          primary: {
+            fontSize: 1,
+            icon: LinkIcon4,
+            onClick: onCopyUrl,
+            padding: 2,
+            text: "Copy URL"
+          }
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/timeline/TimelineSummary.tsx
+import { Badge as Badge13, Box as Box36, Card as Card24, Flex as Flex37, Grid as Grid7, Stack as Stack40, Text as Text51 } from "@sanity/ui";
+import { jsx as jsx69, jsxs as jsxs52 } from "react/jsx-runtime";
+function TimelineSummary({ area, stats }) {
+  if (stats.count === 0) return null;
+  return /* @__PURE__ */ jsx69(Card24, { padding: 3, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs52(Stack40, { space: 3, children: [
+    /* @__PURE__ */ jsxs52(Flex37, { align: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx69(Text51, { size: 1, weight: "semibold", children: "Summary" }),
+      /* @__PURE__ */ jsxs52(Text51, { muted: true, size: 1, children: [
+        area ? `Area: ${area}` : "Overall score",
+        " \xB7 ",
+        stats.count,
+        " report",
+        stats.count === 1 ? "" : "s"
+      ] }),
+      /* @__PURE__ */ jsx69(Box36, { flex: 1 }),
+      /* @__PURE__ */ jsx69(TrendPill, { stats })
+    ] }),
+    /* @__PURE__ */ jsxs52(Grid7, { columns: [2, 2, 4], gap: 3, children: [
+      /* @__PURE__ */ jsx69(
+        StatTile,
+        {
+          label: "Mean",
+          score: stats.mean,
+          sub: stats.stdev !== null ? `\xB1 ${stats.stdev.toFixed(1)} stdev` : null
+        }
+      ),
+      /* @__PURE__ */ jsx69(StatTile, { label: "Median", score: stats.median, sub: null }),
+      /* @__PURE__ */ jsx69(
+        StatTile,
+        {
+          label: "Best",
+          score: stats.max?.score ?? null,
+          sub: stats.max ? formatDateShort(stats.max.date) : null
+        }
+      ),
+      /* @__PURE__ */ jsx69(
+        StatTile,
+        {
+          label: "Worst",
+          score: stats.min?.score ?? null,
+          sub: stats.min ? formatDateShort(stats.min.date) : null
+        }
+      )
+    ] })
+  ] }) });
+}
+function TrendPill({ stats }) {
+  if (stats.delta === null || stats.count < 2) {
+    return /* @__PURE__ */ jsx69(Badge13, { fontSize: 1, mode: "outline", tone: "default", children: "Single data point" });
+  }
+  const { label, tone } = trendBadgeContent(stats.trend, stats.delta);
+  return /* @__PURE__ */ jsx69(Badge13, { fontSize: 1, mode: "default", tone, children: label });
+}
+function trendBadgeContent(trend, delta) {
+  switch (trend) {
+    case "up":
+      return { label: `\u2191 ${formatDelta(delta)} pts vs first`, tone: "positive" };
+    case "down":
+      return { label: `\u2193 ${formatDelta(delta)} pts vs first`, tone: "critical" };
+    case "flat":
+      return { label: "Flat (within \xB11.5)", tone: "default" };
+  }
+}
+function StatTile({
+  label,
+  score,
+  sub
+}) {
+  return /* @__PURE__ */ jsxs52(Stack40, { space: 2, children: [
+    /* @__PURE__ */ jsx69(Text51, { muted: true, size: 1, weight: "medium", children: label }),
+    score === null ? /* @__PURE__ */ jsx69(Text51, { muted: true, size: 3, children: "\u2014" }) : /* @__PURE__ */ jsx69(Badge13, { fontSize: 2, mode: "default", tone: scoreTone(score), children: score.toFixed(1) }),
+    score !== null && sub ? /* @__PURE__ */ jsx69(Text51, { muted: true, size: 1, children: sub }) : null
+  ] });
+}
+
+// src/components/timeline/useTimelineData.ts
+import { useCallback as useCallback40, useEffect as useEffect17, useMemo as useMemo18, useState as useState31 } from "react";
+import { useClient as useClient13 } from "sanity";
+function useTimelineData({
+  mode,
+  ownerTeam,
+  rangeDays,
+  source
+}) {
+  const client = useClient13({ apiVersion: API_VERSION });
+  const [dataPoints, setDataPoints] = useState31([]);
+  const [loading, setLoading] = useState31(true);
+  const [error, setError] = useState31(null);
+  const [reloadCounter, setReloadCounter] = useState31(0);
+  const refresh = useCallback40(() => {
+    setReloadCounter((n) => n + 1);
+  }, []);
+  const effectiveStart = useMemo18(
+    () => effectiveStartDate(rangeDays),
+    [rangeDays]
+  );
+  useEffect17(() => {
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    client.fetch(scoreTimelineQuery, {
+      mode,
+      ownerTeam,
+      source,
+      startDate: effectiveStart
+    }).then((results) => {
+      if (cancelled) return;
+      setDataPoints(results ?? []);
+      setLoading(false);
+    }).catch((err) => {
+      if (cancelled) return;
+      setError(
+        err instanceof Error ? err.message : "Failed to load timeline data"
+      );
+      setDataPoints([]);
+      setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, effectiveStart, mode, ownerTeam, source, reloadCounter]);
+  return {
+    dataPoints,
+    effectiveStart,
+    error,
+    loading,
+    refresh
+  };
+}
+
+// src/components/ScoreTimeline.tsx
+import { Fragment as Fragment16, jsx as jsx70, jsxs as jsxs53 } from "react/jsx-runtime";
+function buildSearchParams2(filters) {
+  const params = [];
+  if (filters.range !== DEFAULT_RANGE) params.push(["range", filters.range]);
+  if (filters.granularity !== DEFAULT_GRANULARITY) {
+    params.push(["granularity", filters.granularity]);
+  }
+  if (filters.area) params.push(["area", filters.area]);
+  if (filters.mode) params.push(["mode", filters.mode]);
+  if (filters.source) params.push(["source", filters.source]);
+  if (filters.ownerTeam) params.push(["ownerTeam", filters.ownerTeam]);
+  if (filters.ma) params.push(["ma", "1"]);
+  return params;
+}
+function ScoreTimeline({
+  mode: defaultMode = null,
+  source: defaultSource = null
+}) {
+  const router = useRouter4();
+  const routerState = router.state;
+  const urlParams = routerState._searchParams;
+  const [range, setRange] = useState32(() => {
+    const v = readSearchParam(urlParams, "range");
+    return v && isRangePreset(v) ? v : DEFAULT_RANGE;
+  });
+  const [granularity, setGranularity] = useState32(() => {
+    const v = readSearchParam(urlParams, "granularity");
+    return v && isGranularity(v) ? v : DEFAULT_GRANULARITY;
+  });
+  const [area, setArea] = useState32(
+    () => readSearchParam(urlParams, "area")
+  );
+  const [mode, setMode] = useState32(
+    () => readSearchParam(urlParams, "mode") ?? defaultMode
+  );
+  const [source, setSource] = useState32(
+    () => readSearchParam(urlParams, "source") ?? defaultSource
+  );
+  const [ownerTeam, setOwnerTeam] = useState32(
+    () => readSearchParam(urlParams, "ownerTeam")
+  );
+  const [showMovingAverage, setShowMovingAverage] = useState32(
+    () => readSearchParam(urlParams, "ma") === "1"
+  );
+  useSyncSearchParams(
+    () => buildSearchParams2({
+      area,
+      granularity,
+      ma: showMovingAverage,
+      mode,
+      ownerTeam,
+      range,
+      source
+    }),
+    [range, granularity, area, mode, source, ownerTeam, showMovingAverage]
+  );
+  const rangeDays = rangePresetToDays(range);
+  const { dataPoints, error, loading, refresh } = useTimelineData({
+    mode,
+    ownerTeam,
+    rangeDays,
+    source
+  });
+  const areaOptions = useMemo19(
+    () => uniqueSorted(dataPoints, (dp) => dp.scores.map((s) => s.feature)),
+    [dataPoints]
+  );
+  const modeOptions = useMemo19(
+    () => uniqueSorted(dataPoints, (dp) => [dp.mode]),
+    [dataPoints]
+  );
+  const sourceOptions = useMemo19(
+    () => uniqueSorted(dataPoints, (dp) => [dp.source]),
+    [dataPoints]
+  );
+  const ownerTeamOptions = useMemo19(
+    () => uniqueSorted(dataPoints, (dp) => [dp.ownerTeam]),
+    [dataPoints]
+  );
+  const chartPoints = useMemo19(
+    () => aggregate(dataPoints, area, granularity),
+    [area, dataPoints, granularity]
+  );
+  const stats = useMemo19(() => computeStats(chartPoints, 5), [chartPoints]);
+  const handleSelectPoint = useCallback41(
+    (point) => {
+      const id = point.reportId ?? point._id;
+      router.navigate({ reportId: id });
+    },
+    [router]
+  );
+  const handleCopyUrl = useCallback41(() => {
+    if (typeof window === "undefined") return;
+    void copyTextToClipboard(window.location.href);
+  }, []);
+  const handleCopyCsv = useCallback41(() => {
+    void copyTextToClipboard(toCsv(dataPoints, area));
+  }, [area, dataPoints]);
+  const handleExportCsv = useCallback41(() => {
+    const csv = toCsv(dataPoints, area);
+    const ts = (/* @__PURE__ */ new Date()).toISOString().replaceAll(":", "-").slice(0, 19);
+    downloadCsv(csv, `score-timeline-${ts}.csv`);
+  }, [area, dataPoints]);
+  return /* @__PURE__ */ jsxs53(Stack41, { space: 4, children: [
+    /* @__PURE__ */ jsx70(
+      TimelineFilters,
+      {
+        area,
+        areaOptions,
+        granularity,
+        loading,
+        mode,
+        modeOptions,
+        onAreaChange: setArea,
+        onCopyCsv: handleCopyCsv,
+        onCopyUrl: handleCopyUrl,
+        onExportCsv: handleExportCsv,
+        onGranularityChange: setGranularity,
+        onModeChange: setMode,
+        onOwnerTeamChange: setOwnerTeam,
+        onRangeChange: setRange,
+        onRefresh: refresh,
+        onShowMovingAverageChange: setShowMovingAverage,
+        onSourceChange: setSource,
+        ownerTeam,
+        ownerTeamOptions,
+        range,
+        showMovingAverage,
+        source,
+        sourceOptions
+      }
+    ),
+    error ? /* @__PURE__ */ jsx70(Card25, { padding: 4, radius: 2, tone: "critical", children: /* @__PURE__ */ jsxs53(Text52, { size: 2, children: [
+      "Failed to load timeline: ",
+      error
+    ] }) }) : null,
+    loading ? /* @__PURE__ */ jsx70(Card25, { padding: 4, radius: 2, shadow: 1, children: /* @__PURE__ */ jsxs53(Flex38, { align: "center", gap: 2, justify: "center", style: { height: 220 }, children: [
+      /* @__PURE__ */ jsx70(Spinner, { muted: true }),
+      /* @__PURE__ */ jsx70(Text52, { muted: true, size: 2, children: "Loading timeline\u2026" })
+    ] }) }) : /* @__PURE__ */ jsxs53(Fragment16, { children: [
+      /* @__PURE__ */ jsx70(
+        TimelineChart,
+        {
+          movingAverage: stats.movingAverage,
+          onSelectPoint: handleSelectPoint,
+          points: chartPoints,
+          showMovingAverage
+        }
+      ),
+      /* @__PURE__ */ jsx70(TimelineSummary, { area, stats })
     ] })
   ] });
 }
 var ScoreTimeline_default = ScoreTimeline;
 
 // src/components/Dashboard.tsx
-import { jsx as jsx67, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs54 } from "react/jsx-runtime";
 var VIEW_PARAM_MAP = {
   compare: "compare",
   timeline: "timeline"
 };
 function Dashboard() {
-  return /* @__PURE__ */ jsx67(HelpProvider, { children: /* @__PURE__ */ jsx67(JudgmentDrawerProvider, { children: /* @__PURE__ */ jsx67(DashboardShell, {}) }) });
+  return /* @__PURE__ */ jsx71(HelpProvider, { children: /* @__PURE__ */ jsx71(JudgmentDrawerProvider, { children: /* @__PURE__ */ jsx71(DashboardShell, {}) }) });
 }
 function DashboardShell() {
-  const router = useRouter4();
+  const router = useRouter5();
   const { close: closeDrawer } = useJudgmentDrawer();
   const routerState = router.state;
   const reportId = routerState.reportId ?? null;
-  useEffect17(() => {
+  useEffect18(() => {
     if (!reportId) closeDrawer();
   }, [reportId, closeDrawer]);
-  const handleJudgmentDrawerClose = useCallback39(() => {
+  const handleJudgmentDrawerClose = useCallback42(() => {
     closeDrawer();
     const state = { ...router.state };
     if (state.focus) {
@@ -13603,21 +14536,21 @@ function DashboardShell() {
       router.navigate(state);
     }
   }, [closeDrawer, router]);
-  return /* @__PURE__ */ jsxs51(Flex37, { style: { height: "100%" }, children: [
-    /* @__PURE__ */ jsx67(Box34, { flex: 1, overflow: "auto", children: /* @__PURE__ */ jsx67(DashboardContent, {}) }),
-    /* @__PURE__ */ jsx67(JudgmentDetailDrawerOutlet, { onClose: handleJudgmentDrawerClose }),
-    /* @__PURE__ */ jsx67(HelpDrawer, {})
+  return /* @__PURE__ */ jsxs54(Flex39, { style: { height: "100%" }, children: [
+    /* @__PURE__ */ jsx71(Box37, { flex: 1, overflow: "auto", children: /* @__PURE__ */ jsx71(DashboardContent, {}) }),
+    /* @__PURE__ */ jsx71(JudgmentDetailDrawerOutlet, { onClose: handleJudgmentDrawerClose }),
+    /* @__PURE__ */ jsx71(HelpDrawer, {})
   ] });
 }
 function DashboardContent() {
-  const router = useRouter4();
+  const router = useRouter5();
   const { openHelp } = useHelp();
   const routerState = router.state;
   const reportId = routerState.reportId ?? null;
   const isDetail = reportId !== null;
   const activeTab = isDetail ? "latest" : VIEW_PARAM_MAP[routerState.view ?? ""] ?? "latest";
   const defaultTopic = deriveHelpTopic(routerState);
-  const navigateToTab = useCallback39(
+  const navigateToTab = useCallback42(
     (tab) => {
       if (tab === "latest") {
         router.navigate({});
@@ -13627,13 +14560,13 @@ function DashboardContent() {
     },
     [router]
   );
-  const handleSelectReport = useCallback39(
+  const handleSelectReport = useCallback42(
     (id) => {
       router.navigate({ reportId: id });
     },
     [router]
   );
-  const handleTabChange = useCallback39(
+  const handleTabChange = useCallback42(
     (tab, subTab, focus) => {
       if (!routerState.reportId) return;
       const state = {
@@ -13646,20 +14579,20 @@ function DashboardContent() {
     },
     [router, routerState.reportId]
   );
-  const handleBack = useCallback39(() => {
+  const handleBack = useCallback42(() => {
     router.navigate({});
   }, [router]);
-  const handleOpenHelp = useCallback39(() => {
+  const handleOpenHelp = useCallback42(() => {
     openHelp(defaultTopic);
   }, [openHelp, defaultTopic]);
-  return /* @__PURE__ */ jsx67(Container, { width: 4, children: /* @__PURE__ */ jsxs51(Stack40, { padding: 4, space: 4, children: [
-    /* @__PURE__ */ jsxs51(Flex37, { align: "center", gap: 3, children: [
-      /* @__PURE__ */ jsxs51(Stack40, { flex: 1, space: 1, children: [
-        /* @__PURE__ */ jsx67(Text51, { size: 4, weight: "bold", children: "AI Literacy Framework" }),
-        /* @__PURE__ */ jsx67(Text51, { muted: true, size: 2, children: "Evaluation reports and score trends" })
+  return /* @__PURE__ */ jsx71(Container, { width: 4, children: /* @__PURE__ */ jsxs54(Stack42, { padding: 4, space: 4, children: [
+    /* @__PURE__ */ jsxs54(Flex39, { align: "center", gap: 3, children: [
+      /* @__PURE__ */ jsxs54(Stack42, { flex: 1, space: 1, children: [
+        /* @__PURE__ */ jsx71(Text53, { size: 4, weight: "bold", children: "AI Literacy Framework" }),
+        /* @__PURE__ */ jsx71(Text53, { muted: true, size: 2, children: "Evaluation reports and score trends" })
       ] }),
-      /* @__PURE__ */ jsx67(
-        Button13,
+      /* @__PURE__ */ jsx71(
+        Button15,
         {
           icon: HelpCircleIcon8,
           mode: "bleed",
@@ -13669,8 +14602,8 @@ function DashboardContent() {
         }
       )
     ] }),
-    !isDetail && /* @__PURE__ */ jsxs51(TabList3, { space: 1, children: [
-      /* @__PURE__ */ jsx67(
+    !isDetail && /* @__PURE__ */ jsxs54(TabList3, { space: 1, children: [
+      /* @__PURE__ */ jsx71(
         Tab3,
         {
           "aria-controls": "latest-panel",
@@ -13680,7 +14613,7 @@ function DashboardContent() {
           selected: activeTab === "latest"
         }
       ),
-      /* @__PURE__ */ jsx67(
+      /* @__PURE__ */ jsx71(
         Tab3,
         {
           "aria-controls": "timeline-panel",
@@ -13690,7 +14623,7 @@ function DashboardContent() {
           selected: activeTab === "timeline"
         }
       ),
-      /* @__PURE__ */ jsx67(
+      /* @__PURE__ */ jsx71(
         Tab3,
         {
           "aria-controls": "compare-panel",
@@ -13701,10 +14634,10 @@ function DashboardContent() {
         }
       )
     ] }),
-    !isDetail && activeTab === "latest" && /* @__PURE__ */ jsx67(TabPanel3, { "aria-labelledby": "latest-tab", id: "latest-panel", children: /* @__PURE__ */ jsx67(LatestReports, { onSelectReport: handleSelectReport }) }),
-    !isDetail && activeTab === "timeline" && /* @__PURE__ */ jsx67(TabPanel3, { "aria-labelledby": "timeline-tab", id: "timeline-panel", children: /* @__PURE__ */ jsx67(ScoreTimeline_default, {}) }),
-    !isDetail && activeTab === "compare" && /* @__PURE__ */ jsx67(TabPanel3, { "aria-labelledby": "compare-tab", id: "compare-panel", children: /* @__PURE__ */ jsx67(ComparisonView, {}) }),
-    isDetail && reportId && /* @__PURE__ */ jsx67(
+    !isDetail && activeTab === "latest" && /* @__PURE__ */ jsx71(TabPanel3, { "aria-labelledby": "latest-tab", id: "latest-panel", children: /* @__PURE__ */ jsx71(LatestReports, { onSelectReport: handleSelectReport }) }),
+    !isDetail && activeTab === "timeline" && /* @__PURE__ */ jsx71(TabPanel3, { "aria-labelledby": "timeline-tab", id: "timeline-panel", children: /* @__PURE__ */ jsx71(ScoreTimeline_default, {}) }),
+    !isDetail && activeTab === "compare" && /* @__PURE__ */ jsx71(TabPanel3, { "aria-labelledby": "compare-tab", id: "compare-panel", children: /* @__PURE__ */ jsx71(ComparisonView, {}) }),
+    isDetail && reportId && /* @__PURE__ */ jsx71(
       ReportDetail,
       {
         activeTab: routerState.tab ?? null,
@@ -13772,7 +14705,7 @@ var ailfStructure = (S) => S.list().id("root").title("Content").items([
 // src/actions/RunEvaluationAction.tsx
 import { BarChartIcon as BarChartIcon2 } from "@sanity/icons";
 import { useToast as useToast10 } from "@sanity/ui";
-import { useCallback as useCallback40, useEffect as useEffect18, useRef as useRef9, useState as useState31 } from "react";
+import { useCallback as useCallback43, useEffect as useEffect19, useRef as useRef10, useState as useState33 } from "react";
 import {
   getReleaseIdFromReleaseDocumentId as getReleaseIdFromReleaseDocumentId3,
   useClient as useClient14,
@@ -13803,10 +14736,10 @@ function createRunEvaluationAction(options = {}) {
     const projectId = useProjectId2();
     const currentUser = useCurrentUser4();
     const toast = useToast10();
-    const [state, setState] = useState31({ status: "loading" });
-    const requestedAtRef = useRef9(null);
+    const [state, setState] = useState33({ status: "loading" });
+    const requestedAtRef = useRef10(null);
     const perspectiveId = getReleaseIdFromReleaseDocumentId3(release._id);
-    useEffect18(() => {
+    useEffect19(() => {
       let cancelled = false;
       client.fetch(contentImpactQuery, buildReportQueryParams(perspectiveId)).then((results) => {
         if (cancelled) return;
@@ -13829,7 +14762,7 @@ function createRunEvaluationAction(options = {}) {
         cancelled = true;
       };
     }, [client, perspectiveId]);
-    useEffect18(() => {
+    useEffect19(() => {
       if (state.status !== "requested" && state.status !== "polling") return;
       const { requestId, startedAt } = state;
       if (state.status === "requested") {
@@ -13879,7 +14812,7 @@ function createRunEvaluationAction(options = {}) {
       }, POLL_INTERVAL_MS2);
       return () => clearInterval(interval);
     }, [client, perspectiveId, state]);
-    useEffect18(() => {
+    useEffect19(() => {
       if (state.status !== "error") return;
       const timer = setTimeout(() => {
         client.fetch(contentImpactQuery, buildReportQueryParams(perspectiveId)).then((results) => {
@@ -13899,7 +14832,7 @@ function createRunEvaluationAction(options = {}) {
       }, 15e3);
       return () => clearTimeout(timer);
     }, [client, perspectiveId, state]);
-    const handleRequest = useCallback40(async () => {
+    const handleRequest = useCallback43(async () => {
       const releaseTitle = release.metadata?.title ?? perspectiveId ?? "release";
       const tag = `release-${slugify3(releaseTitle)}-${dateStamp3()}`;
       const now = Date.now();