@liiift-studio/sanity-visitor-insights 0.77.0 → 0.78.1

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-B2W_3Z0t.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-B2W_3Z0t.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-BgcKmdw3.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-BgcKmdw3.mjs';
 
 /**
  * Data hook for the Studio panels.

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-B2W_3Z0t.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-B2W_3Z0t.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-BgcKmdw3.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-BgcKmdw3.js';
 
 /**
  * Data hook for the Studio panels.

package/dist/index.js

@@ -1331,12 +1331,6 @@ var sectionToggle = {
   cursor: "pointer",
   flex: "0 0 auto"
 };
-var splitGrid = {
-  display: "grid",
-  gridTemplateColumns: "repeat(auto-fit, minmax(min(26rem, 100%), 1fr))",
-  gap: 24,
-  alignItems: "start"
-};
 var estimateTrack = {
   position: "relative",
   height: 18,
@@ -2519,84 +2513,90 @@ function OverviewPanel({ data, previous, onBrush }) {
         }
       )
     ] }),
-    (data.campaigns?.length ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: stackBlock, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SectionTitle, { title: "Email campaigns" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, muted: true, children: "Clicks are distinct subscribers. Opens are not shown: Apple Mail fetches images on the recipient\u2019s behalf, so an open is often the mail client rather than a person." }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Text, { size: 1, muted: true, children: [
-        "The last two columns count what your order book records in the ",
-        SEND_WINDOW_DAYS,
-        " days after each send, ending early if another send lands first. They are what happened next, not what the send caused \u2014 but unlike anything GA4 can tell you about email, both the send times and the order times are exact."
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        SortableTable,
-        {
-          caption: "Email campaigns by clicks",
-          initialSort: "clicks",
-          rows: data.campaigns ?? [],
-          rowKey: (c) => `${c.sentAt}-${c.title}`,
-          filterOn: (c) => `${c.title} ${c.subject}`,
-          filterPlaceholder: "Filter campaigns",
-          exportName: "email-campaigns",
-          columns: [
-            {
-              key: "title",
-              label: "Campaign",
-              sortValue: (c) => c.title,
-              render: (c) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 1, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, children: c.title }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: c.sentAt.slice(0, 10) })
-              ] })
-            },
-            { key: "sent", label: "Sent", numeric: true, sortValue: (c) => c.sent, render: (c) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, children: formatCount(c.sent) }) },
-            // No Opens column. The caption above the table told the reader, in the tool's
-            // own words, to "sort on clicks, not opens" because Apple Mail Privacy
-            // Protection fetches images on the recipient's behalf. A column whose own
-            // caption instructs you not to read it should not be a column — and the
-            // warning gets shorter as a result.
-            { key: "clicks", label: "Clicks", numeric: true, sortValue: (c) => c.clicks, render: (c) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, children: formatCount(c.clicks) }) },
-            {
-              key: "unsub",
-              label: "Unsubscribed",
-              numeric: true,
-              sortValue: (c) => c.unsubscribed,
-              render: (c) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, muted: true, children: formatCount(c.unsubscribed) })
-            },
-            {
-              key: "ordersAfter",
-              label: "Orders after",
-              numeric: true,
-              sortValue: (c) => c.ordersAfter ?? null,
-              exportValue: (c) => c.ordersAfter ?? null,
-              render: (c) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Text, { size: 1, children: [
-                c.ordersAfter === null || c.ordersAfter === void 0 ? "\u2014" : formatCount(c.ordersAfter),
-                c.windowComplete === false && c.ordersAfter !== null && c.ordersAfter !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { as: "span", size: 0, muted: true, children: " so far" })
-              ] })
-            },
+    (data.campaigns?.length ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      Section,
+      {
+        title: "Email campaigns",
+        subtitle: "What your order book recorded after each send \u2014 what happened next, not what the send caused.",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, muted: true, children: "Clicks are distinct subscribers. Opens are not shown: Apple Mail fetches images on the recipient\u2019s behalf, so an open is often the mail client rather than a person." }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Text, { size: 1, muted: true, children: [
+            "The last two columns count what your order book records in the ",
+            SEND_WINDOW_DAYS,
+            " days after each send, ending early if another send lands first. They are what happened next, not what the send caused \u2014 but unlike anything GA4 can tell you about email, both the send times and the order times are exact."
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            SortableTable,
             {
-              key: "revenuePerThousand",
-              label: "Per 1,000 sent",
-              numeric: true,
-              // Per thousand, not per send: a foundry's sends run to thousands of addresses
-              // against a handful of orders, so per-send lands at fractions of a cent and
-              // every campaign renders as the same rounded zero.
-              sortValue: (c) => revenuePerThousandSent(c),
-              exportValue: (c) => revenuePerThousandSent(c),
-              render: (c) => {
-                const value = revenuePerThousandSent(c);
-                if (value === null) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, children: "\u2014" });
-                return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 1, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, children: formatMoney(value, data.currency ?? null) }),
-                  c.revenueAfter !== null && c.revenueAfter !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: [
-                    "from ",
-                    formatMoney(c.revenueAfter, data.currency ?? null)
+              caption: "Email campaigns by clicks",
+              initialSort: "clicks",
+              rows: data.campaigns ?? [],
+              rowKey: (c) => `${c.sentAt}-${c.title}`,
+              filterOn: (c) => `${c.title} ${c.subject}`,
+              filterPlaceholder: "Filter campaigns",
+              exportName: "email-campaigns",
+              columns: [
+                {
+                  key: "title",
+                  label: "Campaign",
+                  sortValue: (c) => c.title,
+                  render: (c) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 1, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, children: c.title }),
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: c.sentAt.slice(0, 10) })
                   ] })
-                ] });
-              }
+                },
+                { key: "sent", label: "Sent", numeric: true, sortValue: (c) => c.sent, render: (c) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, children: formatCount(c.sent) }) },
+                // No Opens column. The caption above the table told the reader, in the tool's
+                // own words, to "sort on clicks, not opens" because Apple Mail Privacy
+                // Protection fetches images on the recipient's behalf. A column whose own
+                // caption instructs you not to read it should not be a column — and the
+                // warning gets shorter as a result.
+                { key: "clicks", label: "Clicks", numeric: true, sortValue: (c) => c.clicks, render: (c) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, children: formatCount(c.clicks) }) },
+                {
+                  key: "unsub",
+                  label: "Unsubscribed",
+                  numeric: true,
+                  sortValue: (c) => c.unsubscribed,
+                  render: (c) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, muted: true, children: formatCount(c.unsubscribed) })
+                },
+                {
+                  key: "ordersAfter",
+                  label: "Orders after",
+                  numeric: true,
+                  sortValue: (c) => c.ordersAfter ?? null,
+                  exportValue: (c) => c.ordersAfter ?? null,
+                  render: (c) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Text, { size: 1, children: [
+                    c.ordersAfter === null || c.ordersAfter === void 0 ? "\u2014" : formatCount(c.ordersAfter),
+                    c.windowComplete === false && c.ordersAfter !== null && c.ordersAfter !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { as: "span", size: 0, muted: true, children: " so far" })
+                  ] })
+                },
+                {
+                  key: "revenuePerThousand",
+                  label: "Per 1,000 sent",
+                  numeric: true,
+                  // Per thousand, not per send: a foundry's sends run to thousands of addresses
+                  // against a handful of orders, so per-send lands at fractions of a cent and
+                  // every campaign renders as the same rounded zero.
+                  sortValue: (c) => revenuePerThousandSent(c),
+                  exportValue: (c) => revenuePerThousandSent(c),
+                  render: (c) => {
+                    const value = revenuePerThousandSent(c);
+                    if (value === null) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, children: "\u2014" });
+                    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 1, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, children: formatMoney(value, data.currency ?? null) }),
+                      c.revenueAfter !== null && c.revenueAfter !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: [
+                        "from ",
+                        formatMoney(c.revenueAfter, data.currency ?? null)
+                      ] })
+                    ] });
+                  }
+                }
+              ]
             }
-          ]
-        }
-      )
-    ] })
+          )
+        ]
+      }
+    )
   ] });
 }
 function Verdict({ data, previous }) {
@@ -2790,56 +2790,15 @@ function DataHealthPanel({ data, diagnostics }) {
   ] });
 }
 function AcquisitionPanel({ data, previous }) {
-  const designShare = finiteOrNull(data.designIndustryShare);
-  const unattributedShare = finiteOrNull(data.unattributedShare);
   const sessions = finiteOrNull(data.totalSessions);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: panelStack, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: cardGrid, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Card, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: stackBlock, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Label, { size: 1, muted: true, children: "Sessions" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: figureRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 4, children: sessions === null ? "\u2014" : formatCount(sessions) }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Delta, { current: sessions, previous: finiteOrNull(previous?.totalSessions) })
-        ] })
-      ] }) }),
-      designShare !== null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Card, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: stackBlock, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Label, { size: 1, muted: true, children: "From design-industry referrers" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: figureRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Text, { size: 4, children: [
-            data.rowsTruncated ? "at least " : "",
-            formatPercent(designShare, 1)
-          ] }),
-          !data.rowsTruncated && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            Delta,
-            {
-              current: designShare * 100,
-              previous: finiteOrNull(previous?.designIndustryShare) !== null ? previous.designIndustryShare * 100 : null,
-              unit: "percent"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: [
-          "Share of sessions from a known design-press referrer.",
-          data.rowsTruncated && " GA4 held more sources than are listed here, so the real share is higher."
-        ] })
-      ] }) }),
-      unattributedShare !== null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Card, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: stackBlock, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Label, { size: 1, muted: true, children: "No source" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: figureRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 4, children: formatPercent(unattributedShare, 1) }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            Delta,
-            {
-              current: unattributedShare * 100,
-              previous: finiteOrNull(previous?.unattributedShare) !== null ? previous.unattributedShare * 100 : null,
-              riseIsGood: false,
-              unit: "percent"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: "Direct visits plus rows GA4 could not attribute." })
-      ] }) })
-    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: cardGrid, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Card, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: stackBlock, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Label, { size: 1, muted: true, children: "Sessions" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: figureRow, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 4, children: sessions === null ? "\u2014" : formatCount(sessions) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Delta, { current: sessions, previous: finiteOrNull(previous?.totalSessions) })
+      ] })
+    ] }) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: stackBlock, children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SectionTitle, { title: "Traffic sources" }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, muted: true, children: "Sort or filter to find a source. Excluding a row hides it from this table." }),
@@ -2981,7 +2940,16 @@ function AcquisitionPanel({ data, previous }) {
           " of those sales; the rest came from sources outside this list, so this column does not add up to the whole."
         ] })
       ] })
-    ] })
+    ] }),
+    (data.topLandingPages?.length ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      Section,
+      {
+        title: "Where sessions began",
+        tone: "secondary",
+        subtitle: "The page a visit started on, busiest first.",
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LandingPagesTable, { rows: data.topLandingPages ?? [] })
+      }
+    )
   ] });
 }
 function firstStepRate(steps) {
@@ -3085,23 +3053,20 @@ function JourneyPanel({ data }) {
         ]
       }
     ),
-    spread(segments) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, children: spread(segments) }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FunnelChart, { stages, measurement: data.measurement ?? "independent-totals" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: splitGrid, children: [
-      (data.outcomes?.length ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        Section,
-        {
-          title: "Other outcomes",
-          subtitle: "Successful outcomes that are not a licence sale, counted over the same window as the funnel but not a step within it.",
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: cardGrid, children: (data.outcomes ?? []).map((outcome) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Card, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: stackBlock, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Label, { size: 1, muted: true, children: outcome.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MetricFigure, { metric: outcome.count, label: outcome.label, size: 4 }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: outcome.note })
-          ] }) }, outcome.key)) })
-        }
-      ),
-      (data.topLandingPages?.length ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Section, { title: "Where sessions began", subtitle: "The page a visit started on, busiest first.", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LandingPagesTable, { rows: data.topLandingPages ?? [] }) })
-    ] }),
+    spread(segments) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, children: spread(segments) }),
+    (data.outcomes?.length ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      Section,
+      {
+        title: "Other outcomes",
+        subtitle: "Successful outcomes that are not a licence sale, counted over the same window as the funnel but not a step within it.",
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: cardGrid, children: (data.outcomes ?? []).map((outcome) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Card, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: stackBlock, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Label, { size: 1, muted: true, children: outcome.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MetricFigure, { metric: outcome.count, label: outcome.label, size: 4 }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: outcome.note })
+        ] }) }, outcome.key)) })
+      }
+    ),
     hiddenSteps.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Text, { size: 1, muted: true, children: [
       "Not shown: ",
       hiddenSteps.map((step) => step.label.toLowerCase()).join(", "),
@@ -3508,9 +3473,8 @@ var GA4_ONLY_TABS = ["acquisition", "journey", "typeface-interest"];
 var PANELS = [
   { id: "overview", report: "measurement-health", label: "Overview" },
   { id: "acquisition", report: "acquisition", label: "Acquisition" },
-  { id: "journey", report: "journey", label: "Journey" },
   { id: "typeface-interest", report: "typeface-interest", label: "Typeface interest" },
-  { id: "data-health", report: "measurement-health", label: "Data health" }
+  { id: "journey", report: "journey", label: "Journey" }
 ];
 function RangeSelector({
   value,
@@ -3691,7 +3655,7 @@ function PanelTabs({ value, onChange }) {
 }
 function CoverageRibbon({ ratio }) {
   if (ratio === null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sanity_ui_compat4.Text, { size: 0, muted: true, children: "Every figure on this tab comes from Google Analytics. How much of your traffic it is seeing has not been checked for this window \u2014 open Overview or Data health to measure it." });
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sanity_ui_compat4.Text, { size: 0, muted: true, children: "Figures marked (GA4) on this tab come from Google Analytics. How much of your traffic it is seeing has not been checked for this window \u2014 open Overview to measure it." });
   }
   if (ratio < 0.2) return null;
   const seen = Math.round((1 - ratio) * 100);
@@ -3730,20 +3694,32 @@ function ReadyReport({
       envelope.comparison.provisional && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: " This window\u2019s last days are still being processed by GA4, so changes read low." })
     ] }),
     GA4_ONLY_TABS.includes(tabId) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CoverageRibbon, { ratio: knownShortfall(apiBaseUrl, range, range === "custom" ? custom : void 0) }),
-    tabId === "overview" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(OverviewPanel, { data: envelope.data, previous: envelope.comparison?.data, onBrush }),
-    tabId === "data-health" && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_sanity_ui_compat4.Stack, { space: 4, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        DataHealthPanel,
+    tabId === "overview" && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: panelStack, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(OverviewPanel, { data: envelope.data, previous: envelope.comparison?.data, onBrush }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        Section,
         {
-          data: envelope.data,
-          diagnostics: diagnostics.status === "ready" ? diagnostics.envelope.data : void 0
+          title: "Can I trust these figures",
+          tone: "secondary",
+          subtitle: trustSubtitle(envelope.data),
+          collapsible: true,
+          defaultOpen: false,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              DataHealthPanel,
+              {
+                data: envelope.data,
+                diagnostics: diagnostics.status === "ready" ? diagnostics.envelope.data : void 0
+              }
+            ),
+            diagnostics.status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sanity_ui_compat4.Text, { size: 1, muted: true, children: "Checking configuration\u2026" }),
+            diagnostics.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sanity_ui_compat4.Card, { padding: 3, radius: 2, tone: "caution", border: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_sanity_ui_compat4.Text, { size: 1, children: [
+              "Configuration checks could not run: ",
+              diagnostics.message
+            ] }) })
+          ]
         }
-      ),
-      diagnostics.status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sanity_ui_compat4.Text, { size: 1, muted: true, children: "Checking configuration\u2026" }),
-      diagnostics.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sanity_ui_compat4.Card, { padding: 3, radius: 2, tone: "caution", border: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_sanity_ui_compat4.Text, { size: 1, children: [
-        "Configuration checks could not run: ",
-        diagnostics.message
-      ] }) })
+      )
     ] }),
     tabId === "acquisition" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AcquisitionPanel, { data: envelope.data, previous: envelope.comparison?.data }),
     tabId === "journey" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(JourneyPanel, { data: envelope.data }),
@@ -3789,6 +3765,14 @@ function BasisSelector({
     )
   ] });
 }
+function trustSubtitle(data) {
+  const shortfall = data?.shortfallRatio;
+  if (shortfall === null || shortfall === void 0 || !Number.isFinite(shortfall)) {
+    return "How much of your traffic Google Analytics is seeing, and what it is missing.";
+  }
+  const seeing = Math.round((1 - shortfall) * 100);
+  return shortfall >= 0 ? `Google Analytics is seeing about ${seeing}% of your traffic. Open for how that was measured.` : "Google Analytics is counting more than your server does. Open for how that was measured.";
+}
 function ReportPanel({
   tabId,
   report,
@@ -3803,7 +3787,7 @@ function ReportPanel({
     apiBaseUrl,
     report: "diagnostics",
     range: "week",
-    enabled: tabId === "data-health"
+    enabled: tabId === "overview"
   }).state;
   const liveMessage = state.status === "loading" ? "Loading report" : state.status === "ready" ? `${PANELS.find((p) => p.id === tabId)?.label ?? tabId} updated for ${range === "custom" ? `${custom.start} to ${custom.end}` : `the selected ${range}`}` : state.status === "error" ? state.disabled ? "Visitor insights is switched off for this site" : `Report failed: ${state.message}` : "";
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_sanity_ui_compat4.Stack, { space: 4, children: [