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

package/dist/admin/surfaceUrls.d.ts

@@ -0,0 +1,7 @@
+type SurfaceQuery = Record<string, string | string[] | undefined>;
+export declare function surfaceQuery(query?: SurfaceQuery): string;
+export declare const surfaceUrls: {
+    home: (adminRoute: string, query?: SurfaceQuery) => string;
+    goals: (adminRoute: string, query?: SurfaceQuery) => string;
+};
+export {};

package/dist/admin/surfaceUrls.js

@@ -0,0 +1,19 @@
+import { formatAdminURL } from 'payload/shared';
+export function surfaceQuery(query = {}) {
+    const params = new URLSearchParams();
+    for (const [key, value] of Object.entries(query)){
+        if (Array.isArray(value)) value.forEach((item)=>params.append(key, item));
+        else if (value !== undefined) params.set(key, value);
+    }
+    return params.size ? `?${params}` : '';
+}
+export const surfaceUrls = {
+    home: (adminRoute, query)=>formatAdminURL({
+            adminRoute,
+            path: `/collections/xp-experiments${surfaceQuery(query)}`
+        }),
+    goals: (adminRoute, query)=>formatAdminURL({
+            adminRoute,
+            path: `/collections/xp-metrics${surfaceQuery(query)}`
+        })
+};

package/dist/admin/theme.css

@@ -63,6 +63,8 @@
   --xp-space-3: 12px;
   --xp-space-4: 16px;
   --xp-space-5: 20px;
+  /* Payload's gap between form fields. */
+  --xp-field-gap: var(--base);
   --xp-space-6: 24px;
   --xp-space-7: 28px;
   --xp-space-8: 32px;

package/dist/admin/useApi.d.ts

@@ -1,4 +1,11 @@
 export declare function useApi(apiRoute: string): {
+    findTestIdBySlug: (slug: string) => Promise<Extract<import("./api.js").ApiResult<import("../types/contracts.js").DocId>, {
+        ok: false;
+    }> | {
+        ok: true;
+        data: import("../types/contracts.js").DocId;
+    }>;
+    deleteTest: (id: import("../types/contracts.js").DocId) => Promise<import("./api.js").ApiResult<unknown>>;
     wrapBlock: (body: import("../types/endpoints.js").WrapBlockBody) => Promise<import("./api.js").ApiResult<Record<string, unknown>>>;
     pages: (query: {
         collection: string;
@@ -10,11 +17,13 @@ export declare function useApi(apiRoute: string): {
     start: (id: import("../types/contracts.js").DocId) => Promise<import("./api.js").ApiResult<import("../types/endpoints.js").TransitionSuccess>>;
     allocate: (id: import("../types/contracts.js").DocId, body: import("../types/endpoints.js").AllocateBody, options?: {
         notFound?: string;
+        forbidden?: string;
         codes?: Readonly<Record<string, string>>;
         fallback?: string;
     }) => Promise<import("./api.js").ApiResult<import("../types/endpoints.js").TransitionSuccess>>;
     addMetric: (id: import("../types/contracts.js").DocId, body: import("../types/endpoints.js").AddMetricBody, options?: {
         notFound?: string;
+        forbidden?: string;
         codes?: Readonly<Record<string, string>>;
         fallback?: string;
     }) => Promise<import("./api.js").ApiResult<import("../types/endpoints.js").AddMetricResult>>;
@@ -34,6 +43,7 @@ export declare function useApi(apiRoute: string): {
         series?: boolean;
     } & {
         notFound?: string;
+        forbidden?: string;
         codes?: Readonly<Record<string, string>>;
         fallback?: string;
     }) => Promise<import("./api.js").ApiResult<import("../types/endpoints.js").ResultsResponse>>;

package/dist/admin/views/CollectionListRedirect.d.ts

@@ -1,2 +1,3 @@
 import type { ListViewServerProps } from 'payload';
+/** @deprecated Retained for existing import maps until 0.5.0. */
 export declare function CollectionListRedirect({ payload }: Pick<ListViewServerProps, 'payload'>): void;

package/dist/admin/views/CollectionListRedirect.js

@@ -1,6 +1,6 @@
 import { formatAdminURL } from 'payload/shared';
 import { redirect } from 'next/navigation.js';
-export function CollectionListRedirect({ payload }) {
+/** @deprecated Retained for existing import maps until 0.5.0. */ export function CollectionListRedirect({ payload }) {
     redirect(formatAdminURL({
         adminRoute: payload.config.routes.admin,
         path: '/experiments'

package/dist/admin/views/ExperimentsRootView.js

@@ -1,16 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { accentStyles } from '../../ui/accent.js';
-import { flattenTopLevelFields, formatAdminURL } from 'payload/shared';
+import { formatAdminURL } from 'payload/shared';
 import { notFound, redirect } from 'next/navigation.js';
-import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
-import { serializeAttributeKeys, serializeFlagPoints, serializeMetricSources } from '../../collections/serialize.js';
-import { serializePageCollections } from '../pageCollections.js';
-import { collectionLabel as resolveLabel } from '../../collections/labels.js';
-import { documentEditor, puckCollections } from '../../options.js';
 import { xpOptionsFromReq } from '../../options/fromReq.js';
-import { XP_TESTS_SURFACE } from '../paths.js';
-import { SURFACE_COPY } from '../copy/surface.js';
-import { routeAccess } from './access.model.js';
+import { surfaceUrls } from '../surfaceUrls.js';
+import { buildSurfaceProps } from './buildSurfaceProps.js';
+import { renderTestsSurface } from './renderTestsSurface.js';
 export async function ExperimentsRootView({ initPageResult, params, searchParams }) {
     const { req } = initPageResult;
     const adminRoute = req.payload.config.routes.admin;
@@ -51,32 +44,23 @@ export async function ExperimentsRootView({ initPageResult, params, searchParams
             path: `${login}?redirect=${encodeURIComponent(currentPath)}`
         }));
     }
-    // Keep the server export importable in plain Node; Next loads the CSS-bearing client boundary when this view renders.
-    const { RootViewMessage } = await import('../components/RootViewMessage.js');
-    const options = xpOptionsFromReq(req);
-    async function permits(access) {
+    if (route === 'home' || route === 'goals') {
+        let canManage = false;
         try {
-            return await access({
+            canManage = await xpOptionsFromReq(req).access.manage({
                 req
             }) === true;
-        } catch  {
-            return false;
-        }
+        } catch  {}
+        if (!canManage) return renderTestsSurface(req, null);
+        return redirect(route === 'home' ? surfaceUrls.home(adminRoute, await searchParams) : surfaceUrls.goals(adminRoute, await searchParams));
     }
-    const canManage = await permits(options.access.manage);
-    const isAdmin = options.access.admin ? await permits(options.access.admin) : false;
-    const canReadResults = options.access.readResults ? await permits(options.access.readResults) : canManage;
-    if (routeAccess({
+    const clientProps = await buildSurfaceProps({
+        req,
         route,
-        hasUser: true,
-        canManage,
-        canReadResults
-    }) !== 'ok') {
-        return /*#__PURE__*/ _jsx(RootViewMessage, {
-            children: SURFACE_COPY.noAccess
-        });
-    }
-    if (canManage && id && tail[0] === 'by-slug') {
+        id,
+        searchParams
+    });
+    if (clientProps?.canManage && id && tail[0] === 'by-slug') {
         const result = await req.payload.find({
             collection: 'xp-experiments',
             req,
@@ -90,138 +74,7 @@ export async function ExperimentsRootView({ initPageResult, params, searchParams
             }
         });
         if (!result.docs[0]) return notFound();
-        id = String(result.docs[0].id);
+        clientProps.id = String(result.docs[0].id);
     }
-    const flagPoints = serializeFlagPoints(options);
-    // xp-state is manager-readable only. Results-only readers do not edit settings.
-    if (canManage && flagPoints.length) {
-        const state = await req.payload.findGlobal({
-            slug: 'xp-state',
-            req,
-            overrideAccess: false,
-            depth: 0
-        });
-        const defaults = state.flagDefaults;
-        for (const point of flagPoints)point.effectiveDefaults = defaults?.[point.id]?.params ?? point.defaultParams;
-    }
-    const registrations = [
-        ...new Set([
-            ...options.puck?.enabled ? puckCollections(options) : [],
-            ...options.blocks?.collections ?? []
-        ].map((entry)=>entry.slug))
-    ];
-    const pages = route === 'new' && canManage && registrations.length ? (await Promise.all(registrations.map(async (collection)=>{
-        try {
-            const config = req.payload.config.collections.find((item)=>item.slug === collection);
-            const useAsTitle = config?.admin.useAsTitle ?? 'id';
-            const collectionLabel = resolveLabel(config?.labels.plural, collection, req);
-            // appliesTo may inspect any stored field; ordinary Puck lists keep their title-only projection.
-            const predicateFields = options.blocks?.collections.some((entry)=>entry.slug === collection) ? Object.fromEntries(flattenTopLevelFields(config?.fields ?? []).map((field)=>[
-                    field.name,
-                    true
-                ])) : {};
-            const result = await req.payload.find({
-                collection,
-                req,
-                overrideAccess: false,
-                depth: 0,
-                limit: 50,
-                sort: '-updatedAt',
-                draft: true,
-                select: {
-                    [useAsTitle]: true,
-                    ...predicateFields
-                }
-            });
-            // The new-test list uses the latest draft's editing intent, as the "Test a block" field condition does (§4.1).
-            return result.docs.map((doc)=>{
-                const editor = documentEditor(options, collection, doc);
-                if (editor !== 'puck' && editor !== 'blocks') return null;
-                const id = doc.id;
-                const customUrl = options.admin?.editorUrl?.({
-                    collection,
-                    id,
-                    draft: true,
-                    editor,
-                    doc
-                });
-                const title = doc[useAsTitle];
-                return {
-                    collection,
-                    collectionLabel,
-                    id,
-                    editor,
-                    title: typeof title === 'string' || typeof title === 'number' ? String(title) : String(id),
-                    editorUrl: typeof customUrl === 'string' ? customUrl : formatAdminURL({
-                        adminRoute,
-                        path: `/collections/${collection}/${encodeURIComponent(String(id))}`
-                    })
-                };
-            }).filter((page)=>page !== null);
-        } catch  {
-            return [];
-        }
-    }))).flat() : undefined;
-    const descriptions = options.admin?.descriptions;
-    const returnToTest = (await searchParams)?.return;
-    const clientProps = {
-        ...typeof returnToTest === 'string' && /^[\w-]+$/.test(returnToTest) ? {
-            returnToTest
-        } : {},
-        route,
-        ...id === undefined ? {} : {
-            id
-        },
-        adminRoute,
-        apiRoute: req.payload.config.routes.api,
-        canManage,
-        canReadResults,
-        isAdmin,
-        flagPoints,
-        ...pages === undefined ? {} : {
-            pages
-        },
-        pageCollections: serializePageCollections(options.pages?.collections ?? [], req),
-        collectionTitles: Object.fromEntries(req.payload.config.collections.flatMap((collection)=>{
-            const title = collection.admin.useAsTitle;
-            return title && title !== 'id' ? [
-                [
-                    collection.slug,
-                    title
-                ]
-            ] : [];
-        })),
-        userId: req.user.id,
-        userCollection: req.payload.config.admin.user,
-        attributeKeys: serializeAttributeKeys(options),
-        metricSources: serializeMetricSources(options),
-        ...descriptions ? {
-            admin: {
-                descriptions: {
-                    ...descriptions
-                }
-            }
-        } : {}
-    };
-    function TestsSurfaceFallback() {
-        return /*#__PURE__*/ _jsx(RootViewMessage, {
-            alert: true,
-            children: SURFACE_COPY.notInstalled
-        });
-    }
-    const css = accentStyles(options.theme?.accent);
-    const surface = RenderServerComponent({
-        Component: XP_TESTS_SURFACE,
-        Fallback: TestsSurfaceFallback,
-        importMap: req.payload.importMap,
-        clientProps
-    });
-    return css ? /*#__PURE__*/ _jsxs(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx("style", {
-                children: css
-            }),
-            surface
-        ]
-    }) : surface;
+    return renderTestsSurface(req, clientProps);
 }

package/dist/admin/views/GoalEditRedirect.d.ts

@@ -0,0 +1,4 @@
+import type { DocumentViewServerProps } from 'payload';
+type Props = Pick<DocumentViewServerProps, 'initPageResult' | 'params' | 'routeSegments'>;
+export declare function GoalEditRedirect({ initPageResult, params, routeSegments }: Props): Promise<never>;
+export {};

package/dist/admin/views/GoalEditRedirect.js

@@ -0,0 +1,14 @@
+import { formatAdminURL } from 'payload/shared';
+import { redirect } from 'next/navigation.js';
+export async function GoalEditRedirect({ initPageResult, params, routeSegments }) {
+    const resolved = await params;
+    const segments = routeSegments ?? (Array.isArray(resolved?.segments) ? resolved.segments : []);
+    const collectionIndex = segments.indexOf('xp-metrics');
+    const tail = collectionIndex >= 0 ? segments.slice(collectionIndex + 1) : segments;
+    const id = tail[0] ?? resolved?.id ?? initPageResult.docID;
+    const path = id === undefined || id === 'create' ? '/experiments/goals/new' : `/experiments/goals/${encodeURIComponent(String(id))}`;
+    return redirect(formatAdminURL({
+        adminRoute: initPageResult.req.payload.config.routes.admin,
+        path
+    }));
+}

package/dist/admin/views/GoalsCollectionListView.d.ts

@@ -0,0 +1,2 @@
+import type { ListViewServerProps } from 'payload';
+export declare function GoalsCollectionListView(props: ListViewServerProps): Promise<string | number | bigint | boolean | Iterable<import("react").ReactNode> | import("react").JSX.Element | null | undefined>;

package/dist/admin/views/GoalsCollectionListView.js

@@ -0,0 +1,4 @@
+import { renderCollectionList } from './renderCollectionList.js';
+export async function GoalsCollectionListView(props) {
+    return renderCollectionList(props, 'goals');
+}

package/dist/admin/views/TestsCollectionListView.d.ts

@@ -0,0 +1,2 @@
+import type { ListViewServerProps } from 'payload';
+export declare function TestsCollectionListView(props: ListViewServerProps): Promise<string | number | bigint | boolean | Iterable<import("react").ReactNode> | import("react").JSX.Element | null | undefined>;

package/dist/admin/views/TestsCollectionListView.js

@@ -0,0 +1,4 @@
+import { renderCollectionList } from './renderCollectionList.js';
+export async function TestsCollectionListView(props) {
+    return renderCollectionList(props, 'home');
+}

package/dist/admin/views/TestsNavLinkServer.d.ts

@@ -1,2 +1,3 @@
 import type { ServerProps } from 'payload';
+/** @deprecated Retained for existing import maps until 0.5.0. */
 export declare function TestsNavLinkServer({ payload, user, permissions }: Pick<ServerProps, 'payload' | 'user' | 'permissions'>): Promise<string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>;

package/dist/admin/views/TestsNavLinkServer.js

@@ -1,7 +1,7 @@
 import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
 import { SURFACE_COPY } from '../copy/surface.js';
 import { XP_TESTS_NAV_CLIENT } from '../paths.js';
-export async function TestsNavLinkServer({ payload, user, permissions }) {
+/** @deprecated Retained for existing import maps until 0.5.0. */ export async function TestsNavLinkServer({ payload, user, permissions }) {
     const testPermissions = permissions?.collections?.['xp-experiments'];
     if (!user?.collection || testPermissions?.update !== true) return null;
     const result = await payload.find({

package/dist/admin/views/buildSurfaceProps.d.ts

@@ -0,0 +1,8 @@
+import type { AdminViewServerProps, PayloadRequest } from 'payload';
+import type { TestsRoute, TestsSurfaceProps } from '../../types/surface.js';
+export declare function buildSurfaceProps({ req, route, id, searchParams }: {
+    req: PayloadRequest;
+    route: TestsRoute;
+    id?: string;
+    searchParams: AdminViewServerProps['searchParams'];
+}): Promise<TestsSurfaceProps | null>;

package/dist/admin/views/buildSurfaceProps.js

@@ -0,0 +1,143 @@
+import { flattenTopLevelFields, formatAdminURL } from 'payload/shared';
+import { serializeAttributeKeys, serializeFlagPoints, serializeMetricSources } from '../../collections/serialize.js';
+import { serializePageCollections } from '../pageCollections.js';
+import { collectionLabel as resolveLabel } from '../../collections/labels.js';
+import { documentEditor, puckCollections } from '../../options.js';
+import { xpOptionsFromReq } from '../../options/fromReq.js';
+import { routeAccess } from './access.model.js';
+export async function buildSurfaceProps({ req, route, id, searchParams }) {
+    if (!req.user) return null;
+    const adminRoute = req.payload.config.routes.admin;
+    const options = xpOptionsFromReq(req);
+    async function permits(access) {
+        try {
+            return await access({
+                req
+            }) === true;
+        } catch  {
+            return false;
+        }
+    }
+    const canManage = await permits(options.access.manage);
+    const isAdmin = options.access.admin ? await permits(options.access.admin) : false;
+    const canReadResults = options.access.readResults ? await permits(options.access.readResults) : canManage;
+    if (routeAccess({
+        route,
+        hasUser: true,
+        canManage,
+        canReadResults
+    }) !== 'ok') {
+        return null;
+    }
+    const flagPoints = serializeFlagPoints(options);
+    // xp-state is manager-readable only. Results-only readers do not edit settings.
+    if (canManage && flagPoints.length) {
+        const state = await req.payload.findGlobal({
+            slug: 'xp-state',
+            req,
+            overrideAccess: false,
+            depth: 0
+        });
+        const defaults = state.flagDefaults;
+        for (const point of flagPoints)point.effectiveDefaults = defaults?.[point.id]?.params ?? point.defaultParams;
+    }
+    const registrations = [
+        ...new Set([
+            ...options.puck?.enabled ? puckCollections(options) : [],
+            ...options.blocks?.collections ?? []
+        ].map((entry)=>entry.slug))
+    ];
+    const pages = route === 'new' && canManage && registrations.length ? (await Promise.all(registrations.map(async (collection)=>{
+        try {
+            const config = req.payload.config.collections.find((item)=>item.slug === collection);
+            const useAsTitle = config?.admin.useAsTitle ?? 'id';
+            const collectionLabel = resolveLabel(config?.labels.plural, collection, req);
+            // appliesTo may inspect any stored field; ordinary Puck lists keep their title-only projection.
+            const predicateFields = options.blocks?.collections.some((entry)=>entry.slug === collection) ? Object.fromEntries(flattenTopLevelFields(config?.fields ?? []).map((field)=>[
+                    field.name,
+                    true
+                ])) : {};
+            const result = await req.payload.find({
+                collection,
+                req,
+                overrideAccess: false,
+                depth: 0,
+                limit: 50,
+                sort: '-updatedAt',
+                draft: true,
+                select: {
+                    [useAsTitle]: true,
+                    ...predicateFields
+                }
+            });
+            // The new-test list uses the latest draft's editing intent, as the "Test a block" field condition does (§4.1).
+            return result.docs.map((doc)=>{
+                const editor = documentEditor(options, collection, doc);
+                if (editor !== 'puck' && editor !== 'blocks') return null;
+                const id = doc.id;
+                const customUrl = options.admin?.editorUrl?.({
+                    collection,
+                    id,
+                    draft: true,
+                    editor,
+                    doc
+                });
+                const title = doc[useAsTitle];
+                return {
+                    collection,
+                    collectionLabel,
+                    id,
+                    editor,
+                    title: typeof title === 'string' || typeof title === 'number' ? String(title) : String(id),
+                    editorUrl: typeof customUrl === 'string' ? customUrl : formatAdminURL({
+                        adminRoute,
+                        path: `/collections/${collection}/${encodeURIComponent(String(id))}`
+                    })
+                };
+            }).filter((page)=>page !== null);
+        } catch  {
+            return [];
+        }
+    }))).flat() : undefined;
+    const descriptions = options.admin?.descriptions;
+    const returnToTest = (await searchParams)?.return;
+    return {
+        ...typeof returnToTest === 'string' && /^[\w-]+$/.test(returnToTest) ? {
+            returnToTest
+        } : {},
+        route,
+        ...id === undefined ? {} : {
+            id
+        },
+        adminRoute,
+        apiRoute: req.payload.config.routes.api,
+        canManage,
+        canReadResults,
+        isAdmin,
+        flagPoints,
+        ...pages === undefined ? {} : {
+            pages
+        },
+        pageCollections: serializePageCollections(options.pages?.collections ?? [], req),
+        collectionTitles: Object.fromEntries(req.payload.config.collections.flatMap((collection)=>{
+            const title = collection.admin.useAsTitle;
+            return title && title !== 'id' ? [
+                [
+                    collection.slug,
+                    title
+                ]
+            ] : [];
+        })),
+        userId: req.user.id,
+        userCollection: req.payload.config.admin.user,
+        attributeKeys: serializeAttributeKeys(options),
+        metricSources: serializeMetricSources(options),
+        ...descriptions ? {
+            admin: {
+                descriptions: {
+                    ...descriptions
+                }
+            }
+        } : {}
+    };
+}

package/dist/admin/views/renderCollectionList.d.ts

@@ -0,0 +1,2 @@
+import type { ListViewServerProps } from 'payload';
+export declare function renderCollectionList({ payload, searchParams }: ListViewServerProps, route: 'home' | 'goals'): Promise<string | number | bigint | boolean | Iterable<import("react").ReactNode> | import("react").JSX.Element | null | undefined>;

package/dist/admin/views/renderCollectionList.js

@@ -0,0 +1,34 @@
+import { createLocalReq } from 'payload';
+import { formatAdminURL } from 'payload/shared';
+import { headers } from 'next/headers.js';
+import { redirect } from 'next/navigation.js';
+import { surfaceUrls } from '../surfaceUrls.js';
+import { buildSurfaceProps } from './buildSurfaceProps.js';
+import { renderTestsSurface } from './renderTestsSurface.js';
+export async function renderCollectionList({ payload, searchParams }, route) {
+    const requestHeaders = await headers();
+    // Authentication, not an access-checked operation; host access callbacks need the full session user.
+    const { user } = await payload.auth({
+        headers: requestHeaders
+    });
+    const adminRoute = payload.config.routes.admin;
+    if (!user) {
+        const { login } = payload.config.admin.routes;
+        const currentPath = route === 'home' ? surfaceUrls.home(adminRoute, await searchParams) : surfaceUrls.goals(adminRoute, await searchParams);
+        return redirect(formatAdminURL({
+            adminRoute,
+            path: `${login}?redirect=${encodeURIComponent(currentPath)}`
+        }));
+    }
+    const req = await createLocalReq({
+        user,
+        req: {
+            headers: requestHeaders
+        }
+    }, payload);
+    return renderTestsSurface(req, await buildSurfaceProps({
+        req,
+        route,
+        searchParams
+    }));
+}

package/dist/admin/views/renderTestsSurface.d.ts

@@ -0,0 +1,3 @@
+import type { PayloadRequest } from 'payload';
+import type { TestsSurfaceProps } from '../../types/surface.js';
+export declare function renderTestsSurface(req: PayloadRequest, clientProps: TestsSurfaceProps | null): Promise<string | number | bigint | boolean | Iterable<import("react").ReactNode> | import("react").JSX.Element | null | undefined>;

package/dist/admin/views/renderTestsSurface.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
+import { accentStyles } from '../../ui/accent.js';
+import { xpOptionsFromReq } from '../../options/fromReq.js';
+import { XP_TESTS_SURFACE } from '../paths.js';
+import { SURFACE_COPY } from '../copy/surface.js';
+export async function renderTestsSurface(req, clientProps) {
+    // Keep the server export importable in plain Node; Next loads the CSS-bearing client boundary on render.
+    const { RootViewMessage } = await import('../components/RootViewMessage.js');
+    if (!clientProps) return /*#__PURE__*/ _jsx(RootViewMessage, {
+        children: SURFACE_COPY.noAccess
+    });
+    function TestsSurfaceFallback() {
+        return /*#__PURE__*/ _jsx(RootViewMessage, {
+            alert: true,
+            children: SURFACE_COPY.notInstalled
+        });
+    }
+    const css = accentStyles(xpOptionsFromReq(req).theme?.accent);
+    const surface = RenderServerComponent({
+        Component: XP_TESTS_SURFACE,
+        Fallback: TestsSurfaceFallback,
+        importMap: req.payload.importMap,
+        clientProps
+    });
+    return css ? /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx("style", {
+                children: css
+            }),
+            surface
+        ]
+    }) : surface;
+}

package/dist/collections/experiments/config.js

@@ -1,3 +1,4 @@
+import { SURFACE_COPY } from '../../admin/copy/surface.js';
 import * as paths from '../../admin/paths.js';
 import { managedAccess } from '../access.js';
 import { serializeAttributeKeys, serializeFlagPoints } from '../serialize.js';
@@ -37,6 +38,10 @@ export function experimentsCollection(options) {
             drafts: false,
             maxPerDoc: 50
         },
+        labels: {
+            singular: SURFACE_COPY.test,
+            plural: SURFACE_COPY.navAllTests
+        },
         access: {
             ...managedAccess(options),
             delete: async ({ req })=>await options.access.manage({
@@ -51,8 +56,7 @@ export function experimentsCollection(options) {
                 } : false
         },
         admin: {
-            // group:false hides navigation while keeping custom view routes reachable (hidden causes 404s).
-            group: false,
+            group: SURFACE_COPY.title,
             useAsTitle: 'name',
             defaultColumns: [
                 'name',
@@ -63,7 +67,7 @@ export function experimentsCollection(options) {
             components: {
                 views: {
                     list: {
-                        Component: paths.XP_TESTS_LIST_REDIRECT
+                        Component: paths.XP_TESTS_COLLECTION_LIST
                     },
                     edit: {
                         default: {
@@ -101,8 +105,8 @@ export function experimentsCollection(options) {
             ],
             afterError: [
                 ({ error })=>{
-                    // Payload preserves public Error status/message, but omits custom codes.
-                    if (error instanceof XpRefusal && error.code === 'stale-edit') {
+                    // Payload preserves public Error status/message, but omits custom codes; the admin maps refusals by code.
+                    if (error instanceof XpRefusal) {
                         return {
                             status: error.status,
                             response: {