@liiift-studio/sanity-visitor-insights 0.70.0 → 0.71.0

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as sanity from 'sanity';
 import React from 'react';
-import { R as ReportEnvelope, a as ReportName, b as RangeKey, M as MetricValue, A as AcquisitionData, c as MeasurementHealthData, D as DiagnosticReport, J as JourneyData, T as TypefaceInterestData } from './ranges-CMADS44I.mjs';
-export { C as CaptureBasis, d as CaptureEstimate, e as CaptureModel, f as CheckStatus, g as Coverage, h as CrossSourceDay, i as DateRange, j as DiagnosticCheck, E as EmailCampaign, k as EventCutover, l as JourneyOutcome, m as JourneySegment, n as JourneyStep, L as LandingPage, o as LicenceTierRow, P as PREEXISTING, p as REPORT_NAMES, q as ReportError, S as SiteAnalyticsConfig, r as SourceName, s as SourceRow, t as SourceStatus, u as TimelineEvent, v as TypefaceInterestRow, U as UnavailableReason, w as coverageForRange, x as estimated, y as isReportName, z as ok, B as partial, F as previousRange, G as resolveRange, H as unavailable, I as validateSiteConfig, K as valueOrNull } from './ranges-CMADS44I.mjs';
+import { R as ReportEnvelope, a as ReportName, b as RangeKey, M as MetricValue, A as AcquisitionData, c as MeasurementHealthData, D as DiagnosticReport, J as JourneyData, T as TypefaceInterestData } from './ranges-CMhL0Chn.mjs';
+export { C as CaptureBasis, d as CaptureEstimate, e as CaptureModel, f as CheckStatus, g as Coverage, h as CrossSourceDay, i as DateRange, j as DiagnosticCheck, E as EmailCampaign, k as EventCutover, l as JourneyOutcome, m as JourneySegment, n as JourneyStep, L as LandingPage, o as LicenceTierRow, P as PREEXISTING, p as REPORT_NAMES, q as ReportError, S as SiteAnalyticsConfig, r as SourceName, s as SourceRow, t as SourceStatus, u as TimelineEvent, v as TypefaceInterestRow, U as UnavailableReason, w as coverageForRange, x as estimated, y as isReportName, z as ok, B as partial, F as previousRange, G as resolveRange, H as unavailable, I as validateSiteConfig, K as valueOrNull } from './ranges-CMhL0Chn.mjs';
 
 /**
  * Data hook for the Studio panels.
@@ -206,14 +206,21 @@ interface MetricFigureProps {
      * suffix inverted the conclusion.
      *
      * 'percent' expects a 0-100 value, matching what measurementHealth produces.
+     *
+     * 'money' writes the figure in the range's currency. Without it a PARTIAL revenue reached the
+     * count formatter, so Darden's default tab — where revenue is permanently partial, because most
+     * orders predate the amount field — rendered its headline money as a bare "12,346", beside an
+     * "Average order US$455" that did carry a currency.
      */
-    unit?: 'count' | 'percent';
+    unit?: 'count' | 'percent' | 'money';
+    /** ISO 4217 code. Read only when `unit` is 'money'. */
+    currency?: string | null;
 }
 /**
  * Render a metric value, handling the absent case visibly.
  * Screen readers get the reason text rather than an unexplained dash.
  */
-declare function MetricFigure({ metric, label, size, unit }: MetricFigureProps): React.ReactElement;
+declare function MetricFigure({ metric, label, size, unit, currency }: MetricFigureProps): React.ReactElement;
 /** Props for ChartData. */
 interface ChartDataProps<Row> {
     /** What the disclosure is called. Names the chart it belongs to. */

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as sanity from 'sanity';
 import React from 'react';
-import { R as ReportEnvelope, a as ReportName, b as RangeKey, M as MetricValue, A as AcquisitionData, c as MeasurementHealthData, D as DiagnosticReport, J as JourneyData, T as TypefaceInterestData } from './ranges-CMADS44I.js';
-export { C as CaptureBasis, d as CaptureEstimate, e as CaptureModel, f as CheckStatus, g as Coverage, h as CrossSourceDay, i as DateRange, j as DiagnosticCheck, E as EmailCampaign, k as EventCutover, l as JourneyOutcome, m as JourneySegment, n as JourneyStep, L as LandingPage, o as LicenceTierRow, P as PREEXISTING, p as REPORT_NAMES, q as ReportError, S as SiteAnalyticsConfig, r as SourceName, s as SourceRow, t as SourceStatus, u as TimelineEvent, v as TypefaceInterestRow, U as UnavailableReason, w as coverageForRange, x as estimated, y as isReportName, z as ok, B as partial, F as previousRange, G as resolveRange, H as unavailable, I as validateSiteConfig, K as valueOrNull } from './ranges-CMADS44I.js';
+import { R as ReportEnvelope, a as ReportName, b as RangeKey, M as MetricValue, A as AcquisitionData, c as MeasurementHealthData, D as DiagnosticReport, J as JourneyData, T as TypefaceInterestData } from './ranges-CMhL0Chn.js';
+export { C as CaptureBasis, d as CaptureEstimate, e as CaptureModel, f as CheckStatus, g as Coverage, h as CrossSourceDay, i as DateRange, j as DiagnosticCheck, E as EmailCampaign, k as EventCutover, l as JourneyOutcome, m as JourneySegment, n as JourneyStep, L as LandingPage, o as LicenceTierRow, P as PREEXISTING, p as REPORT_NAMES, q as ReportError, S as SiteAnalyticsConfig, r as SourceName, s as SourceRow, t as SourceStatus, u as TimelineEvent, v as TypefaceInterestRow, U as UnavailableReason, w as coverageForRange, x as estimated, y as isReportName, z as ok, B as partial, F as previousRange, G as resolveRange, H as unavailable, I as validateSiteConfig, K as valueOrNull } from './ranges-CMhL0Chn.js';
 
 /**
  * Data hook for the Studio panels.
@@ -206,14 +206,21 @@ interface MetricFigureProps {
      * suffix inverted the conclusion.
      *
      * 'percent' expects a 0-100 value, matching what measurementHealth produces.
+     *
+     * 'money' writes the figure in the range's currency. Without it a PARTIAL revenue reached the
+     * count formatter, so Darden's default tab — where revenue is permanently partial, because most
+     * orders predate the amount field — rendered its headline money as a bare "12,346", beside an
+     * "Average order US$455" that did carry a currency.
      */
-    unit?: 'count' | 'percent';
+    unit?: 'count' | 'percent' | 'money';
+    /** ISO 4217 code. Read only when `unit` is 'money'. */
+    currency?: string | null;
 }
 /**
  * Render a metric value, handling the absent case visibly.
  * Screen readers get the reason text rather than an unexplained dash.
  */
-declare function MetricFigure({ metric, label, size, unit }: MetricFigureProps): React.ReactElement;
+declare function MetricFigure({ metric, label, size, unit, currency }: MetricFigureProps): React.ReactElement;
 /** Props for ChartData. */
 interface ChartDataProps<Row> {
     /** What the disclosure is called. Names the chart it belongs to. */

package/dist/index.js

@@ -295,9 +295,8 @@ var COMPARISON_ON_LIGHT = "#6A4FC4";
 var COMPARISON_ON_DARK = "#A594E8";
 var COMPARISON_STYLE = `
 :root { --vi-comparison: ${COMPARISON}; }
-@supports (color: light-dark(#000, #fff)) {
-	:root { --vi-comparison: light-dark(${COMPARISON_ON_LIGHT}, ${COMPARISON_ON_DARK}); }
-}
+[data-scheme="light"] { --vi-comparison: ${COMPARISON_ON_LIGHT}; }
+[data-scheme="dark"] { --vi-comparison: ${COMPARISON_ON_DARK}; }
 `.trim();
 var MARKS = {
   "chart.line": { key: "vercel", alpha: 1, role: "data", note: "A source series in the timeline" },
@@ -316,6 +315,10 @@ var MARKS = {
   "chart.ghost": { key: "comparison", alpha: 1, role: "data", note: "The same window last period, behind everything" },
   "chart.grid": { key: "neutral", alpha: 0.18, role: "furniture", note: "Grid rules" },
   "bar.fill": { key: "vercel", alpha: 1, role: "data", note: "Every proportion, comparison and funnel bar" },
+  // The hatch on a rung whose count covers fewer days than the rail it sits in. A `data` mark, not
+  // furniture: it is the only thing on that rung saying the figure is not comparable, so it has to
+  // be as visible as a bar would have been.
+  "bar.partial": { key: "vercel", alpha: 1, role: "data", note: "A funnel rung measured over part of the window" },
   "bar.track": { key: "neutral", alpha: 0.12, role: "furniture", note: "The rail a bar sits in" },
   // Neither a source nor money. It was drawn in the REVENUE hue, so a magenta bar between funnel
   // rungs read as takings; GA4's hue was rejected for the opposite reason, since that hue means
@@ -366,7 +369,7 @@ function partial(value, coveredFrom, note) {
   return { status: "partial", value, coveredFrom, note };
 }
 function valueOrNull(metric) {
-  return metric.status === "unavailable" ? null : metric.value;
+  return !metric || metric.status === "unavailable" ? null : metric.value;
 }
 var REPORT_NAMES = [
   "measurement-health",
@@ -530,7 +533,10 @@ var hoverLabel = { opacity: 0.75, whiteSpace: "nowrap", overflow: "hidden", text
 var hoverValue = { marginLeft: "auto", fontVariantNumeric: "tabular-nums", fontWeight: 500, whiteSpace: "nowrap" };
 var hoverSeen = { opacity: 0.6, fontWeight: 400 };
 var hoverEvent = { fontSize: 11, opacity: 0.8, borderTop: "1px solid var(--card-border-color, rgba(128,128,128,0.25))", paddingTop: 4, marginTop: 2 };
-function MetricFigure({ metric, label, size = 4, unit = "count" }) {
+function partialBadge(metric) {
+  return metric.coveredFrom ? `From ${formatDay(metric.coveredFrom)} only` : "Some orders only";
+}
+function MetricFigure({ metric, label, size = 4, unit = "count", currency = null }) {
   if (metric.status === "unavailable") {
     const reason = REASON_TEXT[metric.reason] ?? "No figure available";
     const detail = metric.detail ? `${reason}. ${metric.detail}` : reason;
@@ -557,7 +563,7 @@ function MetricFigure({ metric, label, size = 4, unit = "count" }) {
       ] }) })
     );
   }
-  const formatted = unit === "percent" ? `${metric.value.toFixed(1)}%` : formatCount(metric.value);
+  const formatted = unit === "percent" ? `${metric.value.toFixed(1)}%` : unit === "money" ? formatMoney(metric.value, currency) : formatCount(metric.value);
   if (metric.status === "partial") {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sanity_ui_compat.Stack, { space: 2, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sanity_ui_compat.Text, { size, children: [
@@ -567,11 +573,11 @@ function MetricFigure({ metric, label, size = 4, unit = "count" }) {
           metric.note
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sanity_ui_compat.Badge, { tone: "caution", fontSize: 0, children: "Some orders only" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sanity_ui_compat.Badge, { tone: "caution", fontSize: 0, children: partialBadge(metric) })
     ] });
   }
   if (metric.status === "estimated") {
-    const range = unit === "percent" ? `${metric.low.toFixed(1)}% to ${metric.high.toFixed(1)}%` : `${formatCount(metric.low)} to ${formatCount(metric.high)}`;
+    const range = unit === "percent" ? `${metric.low.toFixed(1)}% to ${metric.high.toFixed(1)}%` : unit === "money" ? `${formatMoney(metric.low, currency)} to ${formatMoney(metric.high, currency)}` : `${formatCount(metric.low)} to ${formatCount(metric.high)}`;
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sanity_ui_compat.Stack, { space: 2, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sanity_ui_compat.Text, { size, children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", children: "~" }),
@@ -671,9 +677,9 @@ function rateLine(stage, index, entry, share, entryLabel) {
   if (index === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sanity_ui_compat.Text, { size: 0, muted: true, children: "100% \u2014 everyone who arrived" });
   if (stage.partial) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sanity_ui_compat.Text, { size: 0, muted: true, children: [
-      "only counted from ",
+      "tracking added ",
       stage.partial.from,
-      ", so no share is shown"
+      ", so this step covers fewer days than the ones above \u2014 no share is shown"
     ] });
   }
   const canRate = entry >= MIN_RATE_DENOMINATOR && stage.value >= MIN_RATE_DENOMINATOR;
@@ -747,24 +753,24 @@ function FunnelChart({ stages, measurement }) {
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "aria-hidden": "true", style: { ...barTrack, height: 10 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 "div",
                 {
-                  style: {
-                    ...barFill,
-                    width: `${width}%`,
-                    ...stage.partial ? {
-                      backgroundImage: `repeating-linear-gradient(135deg, ${mark("bar.fill")} 0 4px, transparent 4px 8px)`,
-                      backgroundColor: "transparent",
-                      outline: `1px solid ${mark("bar.fill")}`,
-                      outlineOffset: -1
-                    } : {}
-                  }
+                  style: stage.partial ? {
+                    height: "100%",
+                    width: "100%",
+                    borderRadius: 3,
+                    backgroundImage: `repeating-linear-gradient(135deg, ${mark("bar.partial")} 0 4px, transparent 4px 8px)`
+                  } : { ...barFill, width: `${width}%` }
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sanity_ui_compat.Text, { size: 0, muted: true, children: rateLine(stage, index, entry, share, stages[0]?.label ?? "") })
+              rateLine(stage, index, entry, share, stages[0]?.label ?? "")
             ]
           }
         )
       ] }, stage.key);
     }) }),
+    stages.some((stage) => stage.partial) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: funnelKey, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", style: funnelKeySwatch }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sanity_ui_compat.Text, { size: 0, muted: true, children: "Striped: tracking started partway through this period, so the step covers fewer days than the ones above it and cannot be compared with them." })
+    ] }),
     withheldAny && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sanity_ui_compat.Text, { size: 0, muted: true, children: [
       "Shares are shown only for steps at least ",
       MIN_RATE_DENOMINATOR,
@@ -781,6 +787,15 @@ function gapLabel(delta, measurement, entry = 0) {
   }
   return `${formatCount(-delta)} more \u2014 not a subset of the step above`;
 }
+var funnelKey = { display: "flex", alignItems: "center", gap: 8, paddingTop: 4 };
+var funnelKeySwatch = {
+  display: "inline-block",
+  width: 24,
+  height: 10,
+  flex: "0 0 auto",
+  borderRadius: 3,
+  backgroundImage: `repeating-linear-gradient(135deg, ${mark("bar.partial")} 0 4px, transparent 4px 8px)`
+};
 var funnelList = { listStyle: "none", margin: 0, padding: 0 };
 var funnelItem = { display: "grid", gap: 4 };
 function funnelGapStyle(hasBar) {
@@ -1008,6 +1023,7 @@ function EstimateDotPlot({
 function SurvivalLines({
   segments,
   stepLabels,
+  partialSteps = [],
   minDenominator = MIN_RATE_DENOMINATOR
 }) {
   const [active, setActive] = import_react2.default.useState(null);
@@ -1026,6 +1042,7 @@ function SurvivalLines({
       const previous = i === 0 ? entry : segment.values[i - 1];
       if (value === null || value === void 0) break;
       if (i > 0 && (previous === null || previous === void 0 || previous < minDenominator)) break;
+      if (partialSteps.includes(i)) break;
       const share = Math.min(1, value / entry);
       points.push([x(i), height - share * height]);
       shares.push(share);
@@ -1068,7 +1085,10 @@ function SurvivalLines({
                 width: width / (stepLabels.length - 1) / (i === 0 || i === stepLabels.length - 1 ? 2 : 1),
                 height,
                 fill: "transparent",
-                onMouseEnter: () => setActive(i),
+                onMouseEnter: () => {
+                  setSteppedByKey(false);
+                  setActive(i);
+                },
                 onMouseLeave: () => setActive(null)
               },
               label
@@ -1123,7 +1143,7 @@ function SurvivalLines({
       {
         type: "button",
         style: survivalTick(i === active, i, stepLabels.length),
-        "aria-pressed": i === active,
+        "aria-label": `Read ${label}`,
         onMouseEnter: () => {
           setSteppedByKey(false);
           setActive(i);
@@ -2235,7 +2255,7 @@ function CrossSourceTimeline({ series, markers = [], currency, onBrush }) {
       markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         LegendKey,
         {
-          swatch: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: legendMarker }),
+          swatch: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: legendMarker, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: legendMarkerDot }) }),
           label: "Dashed rules with a dot mark campaign sends"
         }
       ),
@@ -2273,11 +2293,23 @@ function legendBlock(fill, edge) {
 var legendMarker = {
   display: "inline-block",
   position: "relative",
-  width: 0,
+  width: 1,
   height: 12,
   borderLeft: "1px dashed currentColor",
-  opacity: 0.7,
-  boxShadow: "-2px -6px 0 0 currentColor, -1px -6px 0 0 currentColor"
+  // The rule's OWN weight. The chart draws the line at 0.5 and only the dot at 0.7, so putting 0.7
+  // on the whole element made the legend's rule heavier than the rule it names — the same class of
+  // mismatch this legend work exists to remove.
+  opacity: 0.5
+};
+var legendMarkerDot = {
+  position: "absolute",
+  top: -3,
+  left: -2.5,
+  width: 6,
+  height: 6,
+  borderRadius: "50%",
+  background: "currentColor",
+  opacity: 0.7
 };
 function shortfallKey(series) {
   const row = series.find((r) => r.shortfall);
@@ -2352,7 +2384,7 @@ function metricOr(metric, detail) {
 }
 var OLDER_ROUTE = "This site\u2019s analytics route is older than this figure \u2014 it will appear after the site is next deployed.";
 function maxOf(metrics) {
-  return metrics.reduce((max, metric) => metric.status === "unavailable" ? max : Math.max(max, metric.value), 0);
+  return metrics.reduce((max, metric) => !metric || metric.status === "unavailable" ? max : Math.max(max, metric.value), 0);
 }
 function finiteOrNull(value) {
   return typeof value === "number" && Number.isFinite(value) ? value : null;
@@ -2395,7 +2427,15 @@ function OverviewPanel({ data, previous, onBrush }) {
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Card, { padding: 3, radius: 2, tone: "transparent", border: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 3, children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Label, { size: 1, muted: true, children: "Revenue" }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: figureRow, children: [
-          metricOr(data.revenue, OLDER_ROUTE).status === "ok" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 4, children: formatMoney(data.revenue.value, data.currency ?? null) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MetricFigure, { metric: metricOr(data.revenue, OLDER_ROUTE), label: "Revenue" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            MetricFigure,
+            {
+              metric: metricOr(data.revenue, OLDER_ROUTE),
+              label: "Revenue",
+              unit: "money",
+              currency: data.currency ?? null
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Delta, { current: metricSortValue(data.revenue), previous: metricSortValue(previous?.revenue) })
         ] }),
         rankLine(data.crossSource, (d) => d.revenue) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: rankLine(data.crossSource, (d) => d.revenue) })
@@ -2403,7 +2443,7 @@ function OverviewPanel({ data, previous, onBrush }) {
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Card, { padding: 3, radius: 2, tone: "transparent", border: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 3, children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Label, { size: 1, muted: true, children: "Orders" }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: figureRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MetricFigure, { metric: data.orders, label: "Orders" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MetricFigure, { metric: metricOr(data.orders, OLDER_ROUTE), label: "Orders" }),
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Delta, { current: metricSortValue(data.orders), previous: metricSortValue(previous?.orders) })
         ] }),
         rankLine(data.crossSource, (d) => d.orders) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: rankLine(data.crossSource, (d) => d.orders) })
@@ -2414,7 +2454,7 @@ function OverviewPanel({ data, previous, onBrush }) {
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MetricFigure, { metric: metricOr(data.vercelPageviews, OLDER_ROUTE), label: "Pageviews" }),
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Delta, { current: metricSortValue(data.vercelPageviews), previous: metricSortValue(previous?.vercelPageviews) })
         ] }),
-        data.vercelPageviews?.status !== "unavailable" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: "Pageviews, from Vercel\u2019s own counter." })
+        data.vercelPageviews && data.vercelPageviews.status !== "unavailable" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: "Pageviews, from Vercel\u2019s own counter." })
       ] }) }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Card, { padding: 3, radius: 2, tone: "transparent", border: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 3, children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Label, { size: 1, muted: true, children: "Mailing list, total" }),
@@ -2433,7 +2473,7 @@ function OverviewPanel({ data, previous, onBrush }) {
             ] });
           })()
         ] }),
-        data.audience?.status !== "unavailable" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: "Everyone subscribed today, not just this period. Mailchimp\u2019s own count, so it is not consent-gated or blockable." })
+        data.audience && data.audience.status !== "unavailable" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: "Everyone subscribed today, not just this period. Mailchimp\u2019s own count, so it is not consent-gated or blockable." })
       ] }) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: cardGrid, children: [
@@ -2452,7 +2492,7 @@ function OverviewPanel({ data, previous, onBrush }) {
           }
         ),
         averageOrderValue(data).status === "partial" && averageOrderValue(data).note && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: averageOrderValue(data).note }),
-        averageOrderValue(data).status !== "unavailable" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: "From your orders, so exact." })
+        averageOrderValue(data).status === "ok" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: "From your orders, so exact." })
       ] }) }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Card, { padding: 3, radius: 2, tone: "transparent", border: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 3, children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Label, { size: 1, muted: true, children: "Visitors per order" }),
@@ -2468,7 +2508,7 @@ function OverviewPanel({ data, previous, onBrush }) {
             unavailable: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MetricFigure, { metric: visitorsPerOrder(data), label: "Visitors per order" })
           }
         ),
-        data.vercelVisitors?.status !== "unavailable" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: "Vercel\u2019s visitor count. A ceiling \u2014 some are bots or the same person twice." })
+        data.vercelVisitors && data.vercelVisitors.status !== "unavailable" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: "Vercel\u2019s visitor count. A ceiling \u2014 some are bots or the same person twice." })
       ] }) })
     ] }),
     (data.crossSource?.length ?? 0) >= 3 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 3, children: [
@@ -2783,8 +2823,7 @@ function Verdict({ data, previous }) {
   const shortfall = data.shortfallRatio;
   const seeing = shortfall !== null && shortfall !== void 0 ? `GA4 is seeing ${formatPercent(1 - shortfall, 0)} of your traffic` : null;
   const broken = shortfall === null || shortfall === void 0 ? data.capture?.discrepancy ? "measurement disagrees between sources" : null : shortfall > 0.6 ? `${seeing} \u2014 treat its figures as broken` : shortfall > 0.35 ? `${seeing} \u2014 its figures are undercounts, not what happened` : data.capture?.discrepancy ? "measurement disagrees between sources" : null;
-  if (broken) parts.push(broken);
-  if (parts.length === 0) {
+  if (parts.length === 0 && !broken) {
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Card, { padding: 3, radius: 2, tone: "transparent", border: true, style: { borderLeftWidth: 3, borderLeftStyle: "solid" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 4, children: "No figures arrived for this window." }) });
   }
   const noticeable = shortfall !== null && shortfall !== void 0 && shortfall > 0.2;
@@ -2797,9 +2836,12 @@ function Verdict({ data, previous }) {
       tone: broken ? "caution" : "transparent",
       border: true,
       style: broken ? { borderLeftWidth: 3, borderLeftStyle: "solid" } : void 0,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Text, { size: 3, weight: broken ? "semibold" : "medium", children: [
-        parts.join(" \xB7 "),
-        closing
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 2, children: [
+        parts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Text, { size: 3, weight: broken ? "semibold" : "medium", children: [
+          parts.join(" \xB7 "),
+          closing
+        ] }),
+        broken && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, muted: true, children: broken })
       ] })
     }
   );
@@ -2854,11 +2896,11 @@ function DataHealthPanel({ data, diagnostics }) {
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 3, children: [
           /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: figureRow, children: [
             /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Label, { size: 1, muted: true, children: "Pageviews Vercel counted" }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MetricFigure, { metric: data.vercelPageviews, label: "Vercel pageviews", size: 3 })
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MetricFigure, { metric: metricOr(data.vercelPageviews, OLDER_ROUTE), label: "Vercel pageviews", size: 3 })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: figureRow, children: [
             /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Label, { size: 1, muted: true, children: "Seen by Google Analytics" }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MetricFigure, { metric: data.ga4Pageviews, label: "GA4 pageviews", size: 3 })
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MetricFigure, { metric: metricOr(data.ga4Pageviews, OLDER_ROUTE), label: "GA4 pageviews", size: 3 })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: "Only one source answered for this range, so there is nothing to compare." })
         ] })
@@ -2895,7 +2937,7 @@ function DataHealthPanel({ data, diagnostics }) {
       ] }) }),
       data.estimatedSessions && data.estimatedSessions.status === "estimated" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Card, { padding: 3, radius: 2, tone: "transparent", border: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 3, children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Label, { size: 1, muted: true, children: "Sessions, corrected for what GA4 misses" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MetricFigure, { metric: data.estimatedSessions, label: "Estimated sessions" })
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MetricFigure, { metric: metricOr(data.estimatedSessions, OLDER_ROUTE), label: "Estimated sessions" })
       ] }) })
     ] }),
     Object.keys(data.orderStatuses ?? {}).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 3, children: [
@@ -2929,11 +2971,11 @@ function DataHealthPanel({ data, diagnostics }) {
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Card, { padding: 3, radius: 2, tone: "transparent", border: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 3, children: [
             /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Label, { size: 1, muted: true, children: "GA4 sessions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MetricFigure, { metric: data.ga4Sessions, label: "GA4 sessions" })
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MetricFigure, { metric: metricOr(data.ga4Sessions, OLDER_ROUTE), label: "GA4 sessions" })
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Card, { padding: 3, radius: 2, tone: "transparent", border: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 3, children: [
             /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Label, { size: 1, muted: true, children: "Consent granted" }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MetricFigure, { metric: data.consentRate, label: "Consent granted, share of visitors GA4 saw", unit: "percent" })
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MetricFigure, { metric: metricOr(data.consentRate, OLDER_ROUTE), label: "Consent granted, share of visitors GA4 saw", unit: "percent" })
           ] }) })
         ] })
       }
@@ -3187,6 +3229,10 @@ function JourneyPanel({ data }) {
       ...step.count.status === "partial" && step.count.coveredFrom ? { partial: { from: formatDay(step.count.coveredFrom) } } : {}
     }]
   );
+  const wholeSpine = spine.filter((step) => {
+    const cell = allSteps.find((s) => s.key === step.key);
+    return cell?.count.status !== "partial";
+  });
   const tracked = data.measurement === "sequence";
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 4, children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Card, { padding: 3, radius: 2, tone: tracked ? "transparent" : "caution", border: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 2, children: [
@@ -3199,12 +3245,12 @@ function JourneyPanel({ data }) {
         segments: segments.map((segment) => ({
           key: segment.key,
           label: segment.label,
-          values: spine.map((step) => {
+          values: wholeSpine.map((step) => {
             const cell = segment.steps.find((s) => s.key === step.key);
             return cell ? metricSortValue(cell.count) : null;
           })
         })),
-        stepLabels: spine.map((step) => step.label)
+        stepLabels: wholeSpine.map((step) => step.label)
       }
     ),
     segments.length >= 2 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(