@delmaredigital/payload-experiments 0.3.0-rc.4 → 0.4.0-rc.2

package/dist/admin/surface/TestsHome.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { surfaceUrls } from '../surfaceUrls.js';
 import { useEffect, useMemo, useState } from 'react';
-import { Link } from '@payloadcms/ui';
 import { formatAdminURL } from 'payload/shared';
 import { fetchAllDocs } from '../../lib/fetchAllDocs.js';
 import { createApi } from '../api.js';
@@ -10,6 +10,7 @@ import { Banner, EmptyState, StatusChip } from '../../ui/Feedback.js';
 import { Button } from '../../ui/Button.js';
 import { SearchInput } from '../../ui/Inputs.js';
 import { SurfaceShell } from './SurfaceShell.js';
+import { sanitizeReadinessDetail } from '../../sanitizeReadinessDetail.js';
 import { groupTests, homeCard } from './home.model.js';
 const HOME_FIELDS = [
     'name',
@@ -52,11 +53,40 @@ export function TestsHome({ adminRoute, apiRoute, canManage = false, crumbs, fla
                 const docs = response.docs.sort((a, b)=>(Date.parse(b.updatedAt ?? '') || 0) - (Date.parse(a.updatedAt ?? '') || 0));
                 if (!active) return;
                 const summary = await api.summary(docs.map((doc)=>doc.id));
+                const summaries = summary.ok ? summary.data ?? {} : {};
+                const ids = [
+                    ...new Set(docs.flatMap((doc)=>{
+                        const item = summaries[doc.id];
+                        if (!canManage || ![
+                            'draft',
+                            'stopped'
+                        ].includes(doc.status) || item?.ready === true || item?.next?.code !== 'goal-in-some-versions') return [];
+                        const detail = sanitizeReadinessDetail(item.next.code, item.next.detail);
+                        return detail?.map((row)=>String(row.metricId)) ?? [];
+                    }))
+                ];
+                const goalNames = {};
+                if (ids.length) {
+                    try {
+                        const query = new URLSearchParams({
+                            'where[id][in]': ids.join(','),
+                            depth: '0',
+                            limit: String(ids.length)
+                        });
+                        const response = await fetch(`${apiRoute.replace(/\/$/, '')}/xp-metrics?${query}`, {
+                            credentials: 'include',
+                            signal: controller.signal
+                        });
+                        const body = response.ok ? await response.json() : undefined;
+                        for (const goal of body?.docs ?? [])if (typeof goal.name === 'string' && goal.name.trim() && ids.includes(String(goal.id))) goalNames[String(goal.id)] = goal.name;
+                    } catch  {}
+                }
                 if (active) setState({
                     loading: false,
                     error: false,
                     tests: docs,
-                    summaries: summary.ok ? summary.data ?? {} : {},
+                    goalNames,
+                    summaries,
                     summaryError: !summary.ok
                 });
             } catch  {
@@ -74,7 +104,8 @@ export function TestsHome({ adminRoute, apiRoute, canManage = false, crumbs, fla
     }, [
         api,
         apiRoute,
-        attempt
+        attempt,
+        canManage
     ]);
     const retry = /*#__PURE__*/ _jsx(Button, {
         size: "sm",
@@ -124,10 +155,7 @@ export function TestsHome({ adminRoute, apiRoute, canManage = false, crumbs, fla
                     ]
                 }),
                 canManage ? /*#__PURE__*/ _jsx(Button, {
-                    href: formatAdminURL({
-                        adminRoute,
-                        path: '/experiments/goals'
-                    }),
+                    href: surfaceUrls.goals(adminRoute),
                     children: SURFACE_COPY.goals
                 }) : null,
                 newTest
@@ -153,6 +181,7 @@ export function TestsHome({ adminRoute, apiRoute, canManage = false, crumbs, fla
                 }) : /*#__PURE__*/ _jsx(TestGroups, {
                     tests: state.tests,
                     summaries: state.summaries,
+                    goalNames: state.goalNames,
                     adminRoute: adminRoute,
                     flagPoints: flagPoints,
                     search: search,
@@ -162,7 +191,7 @@ export function TestsHome({ adminRoute, apiRoute, canManage = false, crumbs, fla
         })
     });
 }
-function TestGroups({ tests, summaries, adminRoute, flagPoints, search, clear }) {
+function TestGroups({ tests, summaries, goalNames, adminRoute, flagPoints, search, clear }) {
     const groups = groupTests(tests, summaries, search);
     if (!groups.some((group)=>group.tests.length)) return /*#__PURE__*/ _jsxs("div", {
         className: "xp-tests-no-matches",
@@ -184,7 +213,7 @@ function TestGroups({ tests, summaries, adminRoute, flagPoints, search, clear })
             const rows = /*#__PURE__*/ _jsx("div", {
                 className: "xp-tests-list",
                 children: group.tests.map((test)=>{
-                    const card = homeCard(test, summaries[test.id], adminRoute, flagPoints);
+                    const card = homeCard(test, summaries[test.id], adminRoute, flagPoints, goalNames);
                     return /*#__PURE__*/ _jsxs("article", {
                         className: "xp-tests-row",
                         children: [
@@ -194,7 +223,7 @@ function TestGroups({ tests, summaries, adminRoute, flagPoints, search, clear })
                                     /*#__PURE__*/ _jsxs("div", {
                                         className: "xp-tests-row-name",
                                         children: [
-                                            /*#__PURE__*/ _jsx(Link, {
+                                            /*#__PURE__*/ _jsx("a", {
                                                 href: card.href,
                                                 children: test.name
                                             }),

package/dist/admin/surface/TestsSurface.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
+import { surfaceUrls } from '../surfaceUrls.js';
 import { useState } from 'react';
-import { formatAdminURL } from 'payload/shared';
 import { SURFACE_COPY } from '../copy/surface.js';
 import { NewTest } from './newTest/NewTest.js';
 import { TestPage } from './test/TestPage.js';
@@ -28,7 +28,11 @@ function SurfacePage(props) {
         flagPoints: props.flagPoints,
         attributeKeys: props.attributeKeys,
         metricSources: props.metricSources,
-        descriptions: props.admin?.descriptions
+        admin: props.admin,
+        pageCollections: props.pageCollections,
+        collectionTitles: props.collectionTitles,
+        userId: props.userId,
+        userCollection: props.userCollection
     };
     const crumbs = [
         {
@@ -36,10 +40,7 @@ function SurfacePage(props) {
         }
     ];
     if (props.route !== 'home') {
-        crumbs[0].href = formatAdminURL({
-            adminRoute: props.adminRoute,
-            path: '/experiments'
-        });
+        crumbs[0].href = props.canManage ? surfaceUrls.home(props.adminRoute) : undefined;
         crumbs.push({
             label: props.route === 'new' ? SURFACE_COPY.newTest : props.route === 'results' ? SURFACE_COPY.resultsTitle : SURFACE_COPY.test
         });

package/dist/admin/surface/contracts.d.ts

@@ -1,4 +1,5 @@
 import type { ComponentType } from 'react';
+import type { TestsSurfaceProps } from '../../types/surface.js';
 import type { SerializedAttributeKeys, SerializedFlagPoint, SerializedMetricSource } from '../../types/admin.js';
 import type { useTestDocument } from './useTestDocument.js';
 /** Sections of the test page, in readiness order (surface spec §6.2, §8). */
@@ -10,17 +11,17 @@ export type TestDocApi = ReturnType<typeof useTestDocument>;
 export interface SurfaceProps {
     adminRoute: string;
     apiRoute: string;
+    collectionTitles?: Record<string, string>;
+    userId?: string | number;
+    userCollection?: string;
     canManage: boolean;
     canReadResults: boolean;
     isAdmin: boolean;
     flagPoints: SerializedFlagPoint[];
     attributeKeys: SerializedAttributeKeys;
     metricSources: SerializedMetricSource[];
-    descriptions?: {
-        block?: string;
-        document?: string;
-        setting?: string;
-    };
+    pageCollections?: TestsSurfaceProps['pageCollections'];
+    admin?: TestsSurfaceProps['admin'];
 }
 export interface SectionProps {
     test: TestDocApi;

package/dist/admin/surface/goals/GoalForm.js

@@ -1,11 +1,14 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { surfaceUrls } from '../../surfaceUrls.js';
 import { useEffect, useRef, useState } from 'react';
 import { useRouter } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
 import { GOALS_COPY as C, goalDeleteLocked, goalInUse } from '../../copy/goals.js';
-import { metricSourceHint, metricSourceOptions } from '../../metricSource.model.js';
+import { metricSourceHint, metricSourceOptions, sourceFor } from '../../metricSource.model.js';
 import { validateCappingType, validateCappingValue } from '../../../collections/metricValidation.js';
+import { CLICK_KEY } from '../../../goals/key.js';
+import { clickGoalSlug } from '../../../goals/picker/clickGoalPicker.model.js';
 import { goalSlug, goalUsage } from './goals.model.js';
 import { GoalResponseError, goalPages, goalResponse } from './data.js';
 import { SURFACE_COPY } from '../../copy/surface.js';
@@ -55,17 +58,13 @@ export function GoalForm({ surface, id, returnToTest }) {
     const advanced = useRef(null);
     const [confirmDelete, setConfirmDelete] = useState(false);
     useEffect(()=>{
-        if (advanced.current && (fieldErrors.capType || fieldErrors.capValue || fieldErrors.warningPercent)) advanced.current.open = true;
+        if (advanced.current && (fieldErrors.slug || fieldErrors.capType || fieldErrors.capValue || fieldErrors.warningPercent)) advanced.current.open = true;
     }, [
         fieldErrors
     ]);
-    const returnQuery = returnToTest ? `?${new URLSearchParams({
+    const listUrl = surfaceUrls.goals(surface.adminRoute, returnToTest ? {
         return: returnToTest
-    })}` : '';
-    const listUrl = formatAdminURL({
-        adminRoute: surface.adminRoute,
-        path: `/experiments/goals${returnQuery}`
-    });
+    } : undefined);
     useEffect(()=>{
         const controller = new AbortController();
         setReady(false);
@@ -84,7 +83,7 @@ export function GoalForm({ surface, id, returnToTest }) {
                     ]);
                     if (loaded.id == null) throw new Error(C.missing);
                     if (controller.signal.aborted) return;
-                    const defaultCap = surface.metricSources.some((source)=>source.id === loaded.source && source.kind === 'revenue') && loaded.capping?.type == null && loaded.capping?.value == null;
+                    const defaultCap = sourceFor(loaded.source, surface.metricSources)?.kind === 'revenue' && loaded.capping?.type == null && loaded.capping?.value == null;
                     setGoal(loaded);
                     setUsedBy(goalUsage(tests).get(loaded.id) ?? 0);
                     setDraft({
@@ -107,7 +106,8 @@ export function GoalForm({ surface, id, returnToTest }) {
         id,
         attempt
     ]);
-    const source = surface.metricSources.find((source)=>source.id === draft.source);
+    const source = sourceFor(draft.source, surface.metricSources);
+    const click = draft.source.startsWith('click:');
     const hint = metricSourceHint(source);
     const options = metricSourceOptions(surface.metricSources);
     const set = (key, value)=>setDraft((current)=>({
@@ -116,11 +116,14 @@ export function GoalForm({ surface, id, returnToTest }) {
             }));
     async function submit() {
         if (inFlight.current || !ready || !surface.canManage) return;
-        const capValue = draft.capValue.trim() === '' ? null : Number(draft.capValue);
-        const typeError = validateCappingType(draft.capType || null, capValue, source?.kind);
-        const valueError = validateCappingValue(capValue, draft.capType || null);
+        const capValue = click || draft.capValue.trim() === '' ? null : Number(draft.capValue);
+        const typeError = validateCappingType(click ? null : draft.capType || null, capValue, source?.kind);
+        const valueError = validateCappingValue(capValue, click ? null : draft.capType || null);
         const warningPercent = draft.warningPercent.trim() === '' ? 5 : Number(draft.warningPercent);
         const errors = {
+            ...click && !CLICK_KEY.test(draft.slug) ? {
+                slug: C.slugRule
+            } : {},
             ...typeError !== true ? {
                 capType: typeError
             } : {},
@@ -141,12 +144,12 @@ export function GoalForm({ surface, id, returnToTest }) {
             const body = {
                 name: draft.name,
                 slug: usedBy && goal ? goal.slug : draft.slug,
-                source: usedBy && goal ? goal.source : draft.source,
-                direction: draft.direction,
+                source: usedBy && goal ? goal.source : click ? `click:${draft.slug}` : draft.source,
+                direction: click ? 'increase' : draft.direction,
                 attributionWindowHours: draft.attributionWindowHours,
                 minSampleSize: draft.minSampleSize,
                 capping: {
-                    type: draft.capType || null,
+                    type: click ? null : draft.capType || null,
                     value: capValue
                 },
                 guardrailThreshold: warningPercent / 100
@@ -170,11 +173,11 @@ export function GoalForm({ surface, id, returnToTest }) {
                 })}`
             }) : listUrl);
         } catch (cause) {
-            setError(cause instanceof Error ? cause.message : C.saveError);
+            setError(cause instanceof GoalResponseError ? cause.message : C.saveError);
             if (cause instanceof GoalResponseError) setFieldErrors(Object.fromEntries(Object.entries(cause.fields).flatMap(([path, message])=>fieldNames[path] ? [
                     [
                         fieldNames[path],
-                        message
+                        path === 'slug' ? C.duplicateSlug : message
                     ]
                 ] : [])));
             inFlight.current = false;
@@ -209,10 +212,7 @@ export function GoalForm({ surface, id, returnToTest }) {
         crumbs: [
             {
                 label: SURFACE_COPY.title,
-                href: formatAdminURL({
-                    adminRoute: surface.adminRoute,
-                    path: '/experiments'
-                })
+                href: surfaceUrls.home(surface.adminRoute)
             },
             {
                 label: C.title,
@@ -272,41 +272,54 @@ export function GoalForm({ surface, id, returnToTest }) {
                                                         ...current,
                                                         name,
                                                         ...!slugEdited && !usedBy ? {
-                                                            slug: goalSlug(name)
+                                                            slug: click ? clickGoalSlug(name) : goalSlug(name)
                                                         } : {}
                                                     }));
+                                                if (click && !slugEdited && !usedBy) setFieldErrors((current)=>({
+                                                        ...current,
+                                                        slug: clickGoalSlug(name) ? undefined : C.slugRule
+                                                    }));
                                             }
                                         }),
-                                        /*#__PURE__*/ _jsx(TextInput, {
-                                            id: "xp-goal-slug",
-                                            label: C.slug,
-                                            required: true,
-                                            value: draft.slug,
-                                            readOnly: usedBy > 0,
-                                            help: usedBy ? C.slugLocked : C.slugHelp,
-                                            error: fieldErrors.slug,
-                                            onChange: (event)=>{
-                                                setSlugEdited(true);
-                                                set('slug', event.currentTarget.value);
-                                            }
-                                        }),
+                                        !click ? /*#__PURE__*/ _jsx(_Fragment, {
+                                            children: /*#__PURE__*/ _jsx(TextInput, {
+                                                id: "xp-goal-slug",
+                                                label: C.slug,
+                                                required: true,
+                                                value: draft.slug,
+                                                readOnly: usedBy > 0,
+                                                help: usedBy ? C.slugLocked : C.slugHelp,
+                                                error: fieldErrors.slug,
+                                                onChange: (event)=>{
+                                                    setSlugEdited(true);
+                                                    set('slug', event.currentTarget.value);
+                                                }
+                                            })
+                                        }) : null,
                                         /*#__PURE__*/ _jsxs(Select, {
                                             id: "xp-goal-source",
                                             label: C.source,
                                             required: true,
-                                            value: draft.source,
+                                            value: click ? 'click:' : draft.source,
                                             disabled: usedBy > 0,
                                             help: usedBy ? C.sourceLocked : hint || undefined,
                                             error: fieldErrors.source,
                                             onChange: (event)=>{
                                                 const sourceId = event.currentTarget.value;
-                                                const revenue = surface.metricSources.find((source)=>source.id === sourceId)?.kind === 'revenue';
+                                                const revenue = sourceFor(sourceId, surface.metricSources)?.kind === 'revenue';
                                                 setDraft((current)=>({
                                                         ...current,
                                                         source: sourceId,
+                                                        ...!slugEdited && !usedBy ? {
+                                                            slug: sourceId === 'click:' ? clickGoalSlug(current.name) : goalSlug(current.name)
+                                                        } : {},
                                                         capType: revenue ? 'percentile' : '',
                                                         capValue: revenue ? '0.99' : ''
                                                     }));
+                                                if (sourceId === 'click:' && !slugEdited && !usedBy) setFieldErrors((current)=>({
+                                                        ...current,
+                                                        slug: clickGoalSlug(draft.name) ? undefined : C.slugRule
+                                                    }));
                                             },
                                             children: [
                                                 /*#__PURE__*/ _jsx("option", {
@@ -315,15 +328,15 @@ export function GoalForm({ surface, id, returnToTest }) {
                                                 }),
                                                 options.map((option)=>/*#__PURE__*/ _jsx("option", {
                                                         value: option.value,
-                                                        children: option.label
+                                                        children: option.value === 'click:' ? sourceFor(option.value, surface.metricSources)?.label : option.label
                                                     }, option.value)),
-                                                draft.source && !options.some((option)=>option.value === draft.source) ? /*#__PURE__*/ _jsx("option", {
+                                                !click && draft.source && !options.some((option)=>option.value === draft.source) ? /*#__PURE__*/ _jsx("option", {
                                                     value: draft.source,
                                                     children: draft.source
                                                 }) : null
                                             ]
                                         }),
-                                        /*#__PURE__*/ _jsxs(Select, {
+                                        !click ? /*#__PURE__*/ _jsxs(Select, {
                                             id: "xp-goal-direction",
                                             label: C.direction,
                                             value: draft.direction,
@@ -339,7 +352,7 @@ export function GoalForm({ surface, id, returnToTest }) {
                                                     children: C.decrease
                                                 })
                                             ]
-                                        }),
+                                        }) : null,
                                         /*#__PURE__*/ _jsx(NumberInput, {
                                             id: "xp-goal-window",
                                             label: C.window,
@@ -370,7 +383,21 @@ export function GoalForm({ surface, id, returnToTest }) {
                                                 /*#__PURE__*/ _jsxs("div", {
                                                     className: "xp-goal-advanced-fields",
                                                     children: [
-                                                        /*#__PURE__*/ _jsxs("fieldset", {
+                                                        click ? /*#__PURE__*/ _jsx(_Fragment, {
+                                                            children: /*#__PURE__*/ _jsx(TextInput, {
+                                                                id: "xp-goal-slug",
+                                                                label: C.slug,
+                                                                required: true,
+                                                                value: draft.slug,
+                                                                readOnly: usedBy > 0,
+                                                                help: usedBy ? C.slugLocked : C.slugHelp,
+                                                                error: fieldErrors.slug,
+                                                                onChange: (event)=>{
+                                                                    setSlugEdited(true);
+                                                                    set('slug', event.currentTarget.value);
+                                                                }
+                                                            })
+                                                        }) : /*#__PURE__*/ _jsxs("fieldset", {
                                                             children: [
                                                                 /*#__PURE__*/ _jsx("legend", {
                                                                     children: C.capping

package/dist/admin/surface/goals/GoalsList.js

@@ -1,7 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { surfaceUrls } from '../../surfaceUrls.js';
+import { sourceFor } from '../../metricSource.model.js';
 import { useEffect, useState } from 'react';
-import { Link } from '@payloadcms/ui';
 import { formatAdminURL } from 'payload/shared';
 import { Banner, EmptyState } from '../../../ui/Feedback.js';
 import { Button } from '../../../ui/Button.js';
@@ -60,7 +61,7 @@ export function GoalsList({ surface, returnToTest }) {
         crumbs: [
             {
                 label: SURFACE_COPY.title,
-                href: url('/experiments')
+                href: surfaceUrls.home(surface.adminRoute)
             },
             {
                 label: C.title
@@ -111,7 +112,7 @@ export function GoalsList({ surface, returnToTest }) {
                     className: "xp-tests-list",
                     children: goals.map((goal)=>{
                         const count = usage.get(goal.id) ?? 0;
-                        const kind = surface.metricSources.find((source)=>source.id === goal.source)?.kind;
+                        const kind = sourceFor(goal.source, surface.metricSources)?.kind;
                         const label = kind && Object.hasOwn(METRIC_KIND_LABELS, kind) ? METRIC_KIND_LABELS[kind] : undefined;
                         const href = url(`/experiments/goals/${encodeURIComponent(String(goal.id))}${returnQuery}`);
                         return /*#__PURE__*/ _jsxs("article", {
@@ -123,7 +124,7 @@ export function GoalsList({ surface, returnToTest }) {
                                         /*#__PURE__*/ _jsxs("div", {
                                             className: "xp-tests-row-name",
                                             children: [
-                                                /*#__PURE__*/ _jsx(Link, {
+                                                /*#__PURE__*/ _jsx("a", {
                                                     href: href,
                                                     children: goal.name
                                                 }),

package/dist/admin/surface/goals/data.js

@@ -17,7 +17,10 @@ export class GoalResponseError extends Error {
 function goalRefusal(body, status, fallback, options) {
     const fields = payloadFieldErrors(body, '_section', fallback);
     const first = body?.errors?.[0];
-    throw new GoalResponseError(refusalMessage(first?.code, status, Object.values(fields).join(' ') || fallback, options), fields);
+    throw new GoalResponseError(refusalMessage(first?.code, status, undefined, {
+        ...options,
+        fallback
+    }), fields);
 }
 export async function goalPages(base, collection, signal) {
     const result = await fetchAllDocs(`${base}/${collection}?depth=0`, {

package/dist/admin/surface/goals/goals.model.d.ts

@@ -26,5 +26,4 @@ export interface GoalUsageTest {
 }
 /** Count each experiment once per goal, retaining the API's id types. */
 export declare function goalUsage(tests: readonly GoalUsageTest[]): Map<DocId, number>;
-export declare function goalSlug(name: string): string;
-export {};
+export { goalSlug } from '../../../goals/picker/clickGoalPicker.model.js';

package/dist/admin/surface/goals/goals.model.js

@@ -21,6 +21,4 @@
             tests.size
         ]));
 }
-export function goalSlug(name) {
-    return name.normalize('NFKD').replace(/[\u0300-\u036f]/g, '').toLowerCase().trim().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '');
-}
+export { goalSlug } from '../../../goals/picker/clickGoalPicker.model.js';

package/dist/admin/surface/home.model.d.ts

@@ -23,11 +23,11 @@ type Summary = SummaryResponse[DocId] | undefined;
 export type Health = 'red' | 'amber' | 'green';
 export declare function healthDot(test: HomeTest, summary: Summary): Health | undefined;
 export declare function groupTests(tests: readonly HomeTest[], summaries: SummaryResponse, search?: string): {
-    label: "Needs attention" | "Running" | "Decided" | "Draft" | "Archived" | "Ready to start";
+    label: "Needs attention" | "Running" | "Decided" | "Ready to start" | "Draft" | "Archived";
     tests: HomeTest[];
 }[];
-export declare function homeCard(test: HomeTest, summary: Summary, adminRoute: string, flagPoints?: ReadinessContext['flagPoints']): {
-    kind: "Whole page" | "Page block" | "Setting";
+export declare function homeCard(test: HomeTest, summary: Summary, adminRoute: string, flagPoints?: ReadinessContext['flagPoints'], goalNames?: Readonly<Record<string, string>>): {
+    kind: "Page block" | "Setting" | "Whole page";
     pill: {
         label: string;
         tone: import("../status.model.js").PillTone;

package/dist/admin/surface/home.model.js

@@ -3,7 +3,7 @@ import { formatDate } from '../format/date.js';
 import { armLabel } from '../labels.js';
 import { statusPill } from '../status.model.js';
 import { decidedLine, runningLine, SURFACE_COPY } from '../copy/surface.js';
-import { nextCopy } from '../copy/readiness.js';
+import { asymmetricGoalsCopy, nextCopy, READINESS_COPY } from '../copy/readiness.js';
 import { READINESS } from './readiness/readiness.model.js';
 import { sanitizeReadinessDetail } from '../../sanitizeReadinessDetail.js';
 export function healthDot(test, summary) {
@@ -30,7 +30,7 @@ export function groupTests(tests, summaries, search = '') {
 const number = (value)=>value != null && Number.isFinite(value) ? new Intl.NumberFormat('en-US', {
         maximumFractionDigits: 0
     }).format(value) : '—';
-export function homeCard(test, summary, adminRoute, flagPoints) {
+export function homeCard(test, summary, adminRoute, flagPoints, goalNames = {}) {
     const results = [
         'running',
         'stopped',
@@ -45,12 +45,16 @@ export function homeCard(test, summary, adminRoute, flagPoints) {
     const next = summary?.next;
     if ((test.status === 'draft' || test.status === 'stopped') && summary?.ready !== true && next && Object.hasOwn(READINESS, next.code)) {
         // Keep unexpected text out of authored copy, including responses from older servers.
-        const sentence = READINESS[next.code].next(sanitizeReadinessDetail(next.code, next.detail), {
+        const detail = sanitizeReadinessDetail(next.code, next.detail);
+        const first = Array.isArray(detail) ? detail[0] : undefined;
+        const sentence = next.code === 'goal-in-some-versions' ? asymmetricGoalsCopy({
+            name: first?.metricId == null ? undefined : goalNames[String(first.metricId)]
+        }) : READINESS[next.code].next(detail, {
             ...test,
             arms: test.arms ?? [],
             flagPoints
         });
-        if (sentence) line = nextCopy(sentence);
+        if (sentence) line = nextCopy(next.code === 'page-no-targets' ? READINESS_COPY.choosePages : sentence);
     }
     if (test.status === 'running') line = runningLine(number(summary?.days), number(test.analysis?.plannedDurationDays), number(summary?.exposures));
     if (test.status === 'decided') {