@delmaredigital/payload-experiments 0.3.0-rc.1 → 0.4.0-rc.1

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

@@ -1,11 +1,13 @@
 '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 { 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,7 +57,7 @@ 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
     ]);
@@ -84,7 +86,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 +109,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 +119,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 +147,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 +176,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;
@@ -272,41 +278,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 +334,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 +358,7 @@ export function GoalForm({ surface, id, returnToTest }) {
                                                     children: C.decrease
                                                 })
                                             ]
-                                        }),
+                                        }) : null,
                                         /*#__PURE__*/ _jsx(NumberInput, {
                                             id: "xp-goal-window",
                                             label: C.window,
@@ -370,7 +389,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,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+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';
@@ -111,7 +111,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 +123,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

@@ -1,3 +1,4 @@
+import { DocsResponseError, fetchAllDocs } from '../../../lib/fetchAllDocs.js';
 import { refusalMessage } from '../../copy/common.js';
 import { GOALS_COPY as C } from '../../copy/goals.js';
 import { payloadFieldErrors } from '../testDocument.model.js';
@@ -9,24 +10,26 @@ export class GoalResponseError extends Error {
 }
 /** Map REST refusals while retaining Payload's field validation details. */ export async function goalResponse(response, fallback, options) {
     const body = await response.json().catch(()=>undefined);
-    if (!response.ok) {
-        const fields = payloadFieldErrors(body, '_section', fallback);
-        const first = body?.errors?.[0];
-        throw new GoalResponseError(refusalMessage(first?.code, response.status, Object.values(fields).join(' ') || fallback, options), fields);
-    }
+    if (!response.ok) goalRefusal(body, response.status, fallback, options);
     if (body == null) throw new Error(fallback);
     return body;
 }
+function goalRefusal(body, status, fallback, options) {
+    const fields = payloadFieldErrors(body, '_section', fallback);
+    const first = body?.errors?.[0];
+    throw new GoalResponseError(refusalMessage(first?.code, status, undefined, {
+        ...options,
+        fallback
+    }), fields);
+}
 export async function goalPages(base, collection, signal) {
-    const all = [];
-    for(let page = 1;; page++){
-        const response = await fetch(`${base}/${collection}?depth=0&limit=100&page=${page}`, {
-            credentials: 'include',
-            signal
-        });
-        const body = await goalResponse(response, C.loadError);
-        if (!Array.isArray(body.docs)) throw new Error(C.loadError);
-        all.push(...body.docs);
-        if (!body.hasNextPage) return all;
-    }
+    const result = await fetchAllDocs(`${base}/${collection}?depth=0`, {
+        credentials: 'include',
+        signal
+    }).catch((cause)=>{
+        if (cause instanceof DocsResponseError) throw new Error(C.loadError);
+        throw cause;
+    });
+    if (!result.ok) goalRefusal(result.body, result.status, C.loadError);
+    return result.docs;
 }

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

@@ -7,6 +7,7 @@ export interface HomeTest {
     kind: ExperimentKind;
     status: Status;
     unitType: UnitType;
+    updatedAt?: string | null;
     flagPoint?: string | null;
     analysis?: {
         plannedDurationDays?: number | null;
@@ -25,7 +26,7 @@ export declare function groupTests(tests: readonly HomeTest[], summaries: Summar
     label: "Needs attention" | "Running" | "Decided" | "Draft" | "Archived" | "Ready to start";
     tests: HomeTest[];
 }[];
-export declare function homeCard(test: HomeTest, summary: Summary, adminRoute: string, flagPoints?: ReadinessContext['flagPoints']): {
+export declare function homeCard(test: HomeTest, summary: Summary, adminRoute: string, flagPoints?: ReadinessContext['flagPoints'], goalNames?: Readonly<Record<string, string>>): {
     kind: "Whole page" | "Page block" | "Setting";
     pill: {
         label: string;

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') {

package/dist/admin/surface/newTest/NewTest.js

@@ -1,14 +1,18 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { fetchAllDocs } from '../../../lib/fetchAllDocs.js';
 import { useEffect, useRef, useState } from 'react';
 import { useRouter } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
 import { NEW_TEST_COPY as C } from '../../copy/newTest.js';
 import { CreateRefused, createTest } from '../../../puck/editor/createTest.js';
+import { PageWizard } from './PageWizard.js';
 import './newTest.css';
 export function NewTest({ surface, pages }) {
     const router = useRouter();
     const [step, setStep] = useState('kind');
+    const [kind, setKind] = useState('flag');
+    const [created, setCreated] = useState();
     const [pointId, setPointId] = useState('');
     const point = surface.flagPoints.find((item)=>item.id === pointId);
     const [unitType, setUnitType] = useState('visitor');
@@ -28,14 +32,13 @@ export function NewTest({ surface, pages }) {
         setLayerState('loading');
         void (async ()=>{
             try {
-                const response = await fetch(`${surface.apiRoute.replace(/\/$/, '')}/xp-layers?depth=0&limit=100`, {
+                const response = await fetchAllDocs(`${surface.apiRoute.replace(/\/$/, '')}/xp-layers?depth=0`, {
                     credentials: 'include',
                     signal: controller.signal
                 });
-                const body = await response.json();
-                if (!response.ok || !Array.isArray(body?.docs)) throw new Error('groups');
+                if (!response.ok) throw new Error('groups');
                 if (!controller.signal.aborted) {
-                    setLayers(body.docs);
+                    setLayers(response.docs);
                     setLayerState('ready');
                 }
             } catch  {
@@ -50,23 +53,32 @@ export function NewTest({ surface, pages }) {
         layerRetry
     ]);
     async function submit() {
-        if (inFlight.current || !point || !name.trim()) return;
+        if (inFlight.current || kind === 'flag' && !point || !name.trim()) return;
         inFlight.current = true;
         setPending(true);
         setError('');
         try {
             const { id } = await createTest(surface.apiRoute, {
-                kind: 'flag',
-                unitType,
+                kind,
+                unitType: kind === 'page' ? 'visitor' : unitType,
                 name,
-                flagPoint: point.id,
-                ...layer === undefined ? {} : {
+                ...kind === 'flag' ? {
+                    flagPoint: point.id
+                } : surface.pageCollections?.length === 1 ? {
+                    pageCollection: surface.pageCollections[0].slug
+                } : {},
+                ...kind !== 'flag' || layer === undefined ? {} : {
                     layer
                 },
                 ...hypothesis.trim() ? {
                     hypothesis
                 } : {}
             });
+            if (kind === 'page') {
+                setCreated(id);
+                setPending(false);
+                return;
+            }
             router.push(formatAdminURL({
                 adminRoute: surface.adminRoute,
                 path: `/experiments/${encodeURIComponent(String(id))}`
@@ -77,6 +89,10 @@ export function NewTest({ surface, pages }) {
             setPending(false);
         }
     }
+    if (created !== undefined) return /*#__PURE__*/ _jsx(PageWizard, {
+        id: created,
+        surface: surface
+    });
     const collections = [
         ...new Set(pages?.map((page)=>page.collection))
     ];
@@ -102,15 +118,37 @@ export function NewTest({ surface, pages }) {
                                     /*#__PURE__*/ _jsx("span", {
                                         children: C.blockMeaning
                                     }),
-                                    surface.descriptions?.block ? /*#__PURE__*/ _jsx("span", {
-                                        children: surface.descriptions.block
+                                    surface.admin?.descriptions?.block ? /*#__PURE__*/ _jsx("span", {
+                                        children: surface.admin?.descriptions?.block
+                                    }) : null
+                                ]
+                            }) : null,
+                            surface.pageCollections?.length ? /*#__PURE__*/ _jsxs("button", {
+                                type: "button",
+                                className: "xp-new-test-card",
+                                onClick: ()=>{
+                                    setKind('page');
+                                    setStep('name');
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx("strong", {
+                                        children: C.page
+                                    }),
+                                    /*#__PURE__*/ _jsx("span", {
+                                        children: C.pageMeaning
+                                    }),
+                                    surface.admin?.descriptions?.page ? /*#__PURE__*/ _jsx("span", {
+                                        children: surface.admin?.descriptions?.page
                                     }) : null
                                 ]
                             }) : null,
                             surface.flagPoints.length > 0 ? /*#__PURE__*/ _jsxs("button", {
                                 type: "button",
                                 className: "xp-new-test-card",
-                                onClick: ()=>setStep('setting'),
+                                onClick: ()=>{
+                                    setKind('flag');
+                                    setStep('setting');
+                                },
                                 children: [
                                     /*#__PURE__*/ _jsx("strong", {
                                         children: C.setting
@@ -118,14 +156,14 @@ export function NewTest({ surface, pages }) {
                                     /*#__PURE__*/ _jsx("span", {
                                         children: C.settingMeaning
                                     }),
-                                    surface.descriptions?.setting ? /*#__PURE__*/ _jsx("span", {
-                                        children: surface.descriptions.setting
+                                    surface.admin?.descriptions?.setting ? /*#__PURE__*/ _jsx("span", {
+                                        children: surface.admin?.descriptions.setting
                                     }) : null
                                 ]
                             }) : null
                         ]
                     }),
-                    pages === undefined && !surface.flagPoints.length ? /*#__PURE__*/ _jsx("p", {
+                    pages === undefined && !surface.flagPoints.length && !surface.pageCollections?.length ? /*#__PURE__*/ _jsx("p", {
                         children: C.unavailable
                     }) : null
                 ]
@@ -156,7 +194,10 @@ export function NewTest({ surface, pages }) {
                                                 /*#__PURE__*/ _jsx("a", {
                                                     href: page.editorUrl,
                                                     children: C.open
-                                                })
+                                                }),
+                                                page.editor === 'blocks' ? /*#__PURE__*/ _jsx("p", {
+                                                    children: C.blocksHandoff
+                                                }) : null
                                             ]
                                         }, `${typeof page.id}:${page.id}`))
                                 }),
@@ -337,7 +378,7 @@ export function NewTest({ surface, pages }) {
                             }));
                             else {
                                 setError('');
-                                setStep(step === 'name' ? 'setting' : 'kind');
+                                setStep(step === 'name' && kind === 'flag' ? 'setting' : 'kind');
                             }
                         },
                         children: C.back

package/dist/admin/surface/newTest/PageWizard.d.ts

@@ -0,0 +1,7 @@
+import type { DocId } from '../../../types/contracts.js';
+import type { SurfaceProps } from '../contracts.js';
+/** One session stays mounted across Collection, all page steps and Review. */
+export declare function PageWizard({ id, surface }: {
+    id: DocId;
+    surface: SurfaceProps;
+}): import("react").JSX.Element;