@ketvietlab/ketsuite 0.1.2 → 0.1.5

package/dist/modules/website_backend/screens/index.js

@@ -0,0 +1,1778 @@
+import { jsx as _jsx } from "@ketvietlab/ketjs-view/jsx-runtime";
+import { badge, code, dataTable, emptyState, RecordScreen, inline, linkButton, Notice, pagerBar, RecordActions, RecordForm, Section, stack, Surface, } from '../../../ui/index.js';
+import { FormScreenFrame, ListScreenFrame } from './page-frame.js';
+const statusTone = (status) => status === 'published'
+    ? 'positive'
+    : status === 'scheduled'
+        ? 'info'
+        : status === 'trash'
+            ? 'warning'
+            : 'neutral';
+/**
+ * All / on / off, as three links.
+ *
+ * `active` is on every one of these list contracts and no screen passed it, so
+ * a suspended site and a retired form were indistinguishable from a live one
+ * in the only place anybody looks.
+ */
+const activeFilter = (_, href, chosen) => inline([
+    linkButton({ label: _('website_backend.state.all'), href: href('all'), size: 'compact' }),
+    linkButton({
+        label: _('website_backend.state.active'),
+        href: href('active'),
+        size: 'compact',
+        variant: chosen === 'active' ? 'secondary' : 'tertiary',
+    }),
+    linkButton({
+        label: _('website_backend.state.inactive'),
+        href: href('inactive'),
+        size: 'compact',
+        variant: chosen === 'inactive' ? 'secondary' : 'tertiary',
+    }),
+]);
+export const sitesScreen = (_, rows, frame, locale = '', active = 'all') => (_jsx(ListScreenFrame, { translator: _, title: _('website_backend.sites.title'), frame: frame, body: stack([
+        inline([
+            linkButton({
+                label: _('website_backend.action.newSite'),
+                href: `/admin/website/sites/new${locale}`,
+                variant: 'primary',
+            }),
+            linkButton({
+                label: _('website_backend.action.pages'),
+                href: `/admin/website/pages${locale}`,
+                variant: 'secondary',
+            }),
+        ]),
+        activeFilter(_, (state) => `/admin/website/sites?state=${state}${locale ? `&${locale.slice(1)}` : ''}`, active),
+        rows.length === 0
+            ? emptyState(_('website_backend.sites.empty'), _('website_backend.sites.emptyHint'))
+            : dataTable(_, {
+                rows,
+                id: (row) => row.id,
+                rowHref: (row) => `/admin/website/sites/${row.id}${locale}`,
+                columns: [
+                    {
+                        key: 'name',
+                        label: _('website_backend.field.name'),
+                        priority: 'primary',
+                        cell: (row) => row.name,
+                    },
+                    {
+                        key: 'title',
+                        label: _('website_backend.field.siteTitle'),
+                        priority: 'primary',
+                        cell: (row) => row.title,
+                    },
+                    {
+                        key: 'locale',
+                        label: _('website_backend.field.locale'),
+                        cell: (row) => code(row.defaultLocale),
+                    },
+                    { key: 'theme', label: _('website_backend.field.theme'), cell: (row) => code(row.theme) },
+                    {
+                        key: 'state',
+                        label: _('website_backend.field.status'),
+                        kind: 'status',
+                        cell: (row) => badge(row.active ? _('website_backend.state.active') : _('website_backend.state.inactive'), row.active ? 'positive' : 'neutral'),
+                    },
+                ],
+            }),
+    ]) }));
+export const siteFormScreen = (_, row, themes, frame, options = {}) => {
+    const existing = !!row.id;
+    return (_jsx(FormScreenFrame, { translator: _, title: existing ? String(row.title ?? row.name) : _('website_backend.sites.newTitle'), frame: frame, body: stack([
+            // Only on a site that exists: membership, domains and the index all
+            // need something to hang off, and offering them while creating would
+            // be offering to configure a thing that is not there yet.
+            ...(existing
+                ? [
+                    inline([
+                        linkButton({
+                            label: _('website_backend.members.title'),
+                            href: `/admin/website/sites/${row.id}/members${options.locale ?? ''}`,
+                        }),
+                        linkButton({
+                            label: _('website_backend.domains.title'),
+                            href: `/admin/website/sites/${row.id}/domains${options.locale ?? ''}`,
+                        }),
+                        linkButton({
+                            label: _('website_backend.index.title'),
+                            href: `/admin/website/sites/${row.id}/index${options.locale ?? ''}`,
+                        }),
+                    ]),
+                ]
+                : []),
+            _jsx(Section, { eyebrow: _('website_backend.sites.eyebrow'), title: existing ? String(row.title ?? row.name) : _('website_backend.sites.newTitle'), description: _('website_backend.sites.formHint'), body: _jsx(Surface, { body: _jsx(RecordForm, { action: existing
+                            ? `/admin/website/sites/${row.id}${options.locale ?? ''}`
+                            : `/admin/website/sites/new${options.locale ?? ''}`, fields: [
+                            { name: 'name', label: _('website_backend.field.name'), value: row.name, required: true },
+                            {
+                                name: 'title',
+                                label: _('website_backend.field.siteTitle'),
+                                value: row.title,
+                                required: true,
+                            },
+                            {
+                                name: 'defaultLocale',
+                                label: _('website_backend.field.locale'),
+                                type: 'select',
+                                value: row.defaultLocale ?? 'vi',
+                                options: [
+                                    { value: 'vi', label: 'Tiếng Việt' },
+                                    { value: 'en', label: 'English' },
+                                ],
+                                required: true,
+                            },
+                            {
+                                name: 'theme',
+                                label: _('website_backend.field.theme'),
+                                type: 'select',
+                                value: row.theme,
+                                options: themes,
+                                required: true,
+                            },
+                            {
+                                // The layer order already puts a site above its theme, so
+                                // these override rather than replace: a site that sets
+                                // nothing looks exactly as it did.
+                                name: 'tokens',
+                                label: _('website_backend.field.tokens'),
+                                type: 'textarea',
+                                value: JSON.stringify(row.tokens ?? {}, null, 2),
+                                help: _('website_backend.field.tokensHint'),
+                                span: 'full',
+                            },
+                            {
+                                name: 'active',
+                                label: _('website_backend.field.active'),
+                                type: 'checkbox',
+                                value: row.active ?? true,
+                                span: 'full',
+                            },
+                        ], submit: _('website_backend.action.save'), submitVariant: "primary", errors: options.errors, cancelHref: `/admin/website/sites${options.locale ?? ''}`, cancelLabel: _('website_backend.action.cancel') }) }) }),
+        ]) }));
+};
+export const contentScreen = (_, rows, sites, siteId, frame, locale = '', kind = { basePath: '/admin/website/pages', titleKey: 'pages' }, pager = null, 
+/** What the URL asked for, so the controls come back showing it. */
+query = {}) => (_jsx(ListScreenFrame, { translator: _, title: _(`website_backend.${kind.titleKey}.title`), frame: frame, footer: pager ? pagerBar(_, pager) : null, body: stack([
+        _jsx(Surface, { padding: "compact", body: _jsx(RecordForm, { action: `${kind.basePath}${locale}`, method: "get", layout: "inline", fields: [
+                    {
+                        name: 'site',
+                        label: _('website_backend.field.site'),
+                        type: 'select',
+                        value: siteId,
+                        options: sites,
+                    },
+                    {
+                        name: 'q',
+                        label: _('website_backend.field.search'),
+                        value: query.search ?? '',
+                    },
+                    {
+                        name: 'status',
+                        label: _('website_backend.field.status'),
+                        type: 'select',
+                        value: query.status ?? 'all',
+                        options: [
+                            { value: 'all', label: _('website_backend.state.all') },
+                            { value: 'draft', label: _('website_backend.state.draft') },
+                            { value: 'scheduled', label: _('website_backend.state.scheduled') },
+                            { value: 'published', label: _('website_backend.state.published') },
+                            // Only by asking: the list leaves the bin out otherwise, the
+                            // way every other reader in the module already does.
+                            { value: 'trash', label: _('website_backend.state.trash') },
+                        ],
+                    },
+                ], submit: _('website_backend.action.apply'), submitVariant: "secondary" }) }),
+        inline([
+            linkButton({
+                label: _(`website_backend.action.new${kind.titleKey === 'pages' ? 'Page' : 'Post'}`),
+                href: `${kind.basePath}/new?site=${encodeURIComponent(siteId ?? '')}${locale ? `&${locale.slice(1)}` : ''}`,
+                variant: 'primary',
+            }),
+            linkButton({
+                label: _('website_backend.action.taxonomies'),
+                href: `/admin/website/taxonomies?site=${encodeURIComponent(siteId ?? '')}${locale ? `&${locale.slice(1)}` : ''}`,
+            }),
+            linkButton({
+                label: _('website_backend.action.preflight'),
+                href: `/admin/website/preflight?site=${encodeURIComponent(siteId ?? '')}${locale ? `&${locale.slice(1)}` : ''}`,
+            }),
+        ]),
+        !siteId
+            ? emptyState(_('website_backend.content.noSite'), _('website_backend.content.noSiteHint'))
+            : rows.length === 0
+                ? emptyState(_('website_backend.content.empty'), _('website_backend.content.emptyHint'))
+                : dataTable(_, {
+                    rows,
+                    id: (row) => row.id,
+                    rowHref: (row) => `${kind.basePath}/${row.id}${locale}`,
+                    columns: [
+                        {
+                            key: 'title',
+                            label: _('website_backend.field.title'),
+                            priority: 'primary',
+                            cell: (row) => row.title,
+                        },
+                        {
+                            key: 'path',
+                            label: _('website_backend.field.path'),
+                            kind: 'identifier',
+                            cell: (row) => code(row.path),
+                        },
+                        {
+                            key: 'status',
+                            label: _('website_backend.field.status'),
+                            kind: 'status',
+                            cell: (row) => badge(_(`website_backend.state.${row.status}`), statusTone(row.status)),
+                        },
+                    ],
+                }),
+    ]) }));
+/**
+ * Which taxonomy terms this entry carries.
+ *
+ * assignTerm shipped with the taxonomy module and nothing ever read the
+ * assignment back or took it off, so a term put on a page went invisible the
+ * moment it was assigned - and deleteTerm refuses while an assignment exists,
+ * which made the term itself permanent as well.
+ */
+export const entryTermsSection = (_, entryId, assigned, available, locale = '') => {
+    const unassigned = available.filter((term) => !assigned.some((row) => row.termId === term.id));
+    return (_jsx(Section, { title: _('website_backend.terms.title'), description: _('website_backend.terms.hint'), body: _jsx(Surface, { body: stack([
+                assigned.length === 0
+                    ? emptyState(_('website_backend.terms.empty'), _('website_backend.terms.emptyHint'))
+                    : dataTable(_, {
+                        rows: assigned,
+                        id: (row) => row.id,
+                        columns: [
+                            {
+                                key: 'taxonomy',
+                                label: _('website_backend.field.taxonomy'),
+                                cell: (row) => badge(row.taxonomy, 'info'),
+                            },
+                            {
+                                key: 'name',
+                                label: _('website_backend.terms.name'),
+                                priority: 'primary',
+                                cell: (row) => row.name,
+                            },
+                            {
+                                key: 'slug',
+                                label: _('website_backend.field.slug'),
+                                kind: 'identifier',
+                                cell: (row) => code(row.slug),
+                            },
+                            {
+                                key: 'remove',
+                                label: _('website_backend.action.remove'),
+                                cell: (row) => (_jsx(RecordActions, { action: `/admin/website/content/${entryId}/terms/${row.termId}/remove${locale}`, size: "compact", actions: [
+                                        {
+                                            value: 'remove',
+                                            label: _('website_backend.action.remove'),
+                                            variant: 'destructive',
+                                        },
+                                    ] })),
+                            },
+                        ],
+                    }),
+                ...(unassigned.length
+                    ? [
+                        _jsx(RecordForm, { action: `/admin/website/content/${entryId}/terms${locale}`, layout: "inline", fields: [
+                                {
+                                    name: 'termId',
+                                    label: _('website_backend.terms.add'),
+                                    type: 'select',
+                                    options: unassigned.map((term) => ({
+                                        value: term.id,
+                                        label: `${term.taxonomy} / ${term.name}`,
+                                    })),
+                                },
+                            ], submit: _('website_backend.action.assign'), submitVariant: "secondary" }),
+                    ]
+                    : [emptyState(_('website_backend.terms.none'), _('website_backend.terms.noneHint'))]),
+            ]) }) }));
+};
+export const entryFormScreen = (_, detail, siteId, kind, frame, options = {}) => {
+    const entry = detail?.entry;
+    const revision = detail?.revision;
+    const values = options.values ?? {};
+    const existing = !!entry;
+    const action = existing
+        ? `${kind.basePath}/${entry.id}${options.locale ?? ''}`
+        : `${kind.basePath}/new${options.locale ?? ''}`;
+    const layout = values.layout ??
+        JSON.stringify(revision?.layout ?? [{ type: 'website.rich_text', settings: { body: '' } }], null, 2);
+    const fields = values.fields ?? JSON.stringify(revision?.fields ?? {}, null, 2);
+    return (_jsx(FormScreenFrame, { translator: _, title: existing ? String(entry.title) : _(`website_backend.${kind.titleKey}.newTitle`), frame: frame, body: stack([
+            ...(existing
+                ? [
+                    inline([
+                        badge(_(`website_backend.state.${entry.status}`), statusTone(entry.status)),
+                        linkButton({
+                            label: _('website_backend.action.revisions'),
+                            href: `${kind.basePath}/${entry.id}/revisions${options.locale ?? ''}`,
+                        }),
+                        linkButton({
+                            label: _('website_backend.action.preview'),
+                            href: `${kind.basePath}/${entry.id}/preview${options.locale ?? ''}`,
+                        }),
+                    ]),
+                ]
+                : []),
+            _jsx(Section, { eyebrow: _('website_backend.content.eyebrow'), title: existing ? String(entry.title) : _(`website_backend.${kind.titleKey}.newTitle`), description: _(`website_backend.${kind.titleKey}.formHint`), body: _jsx(Surface, { body: _jsx(RecordForm, { action: action, hidden: {
+                            siteId,
+                            ...(revision?.id ? { expectedRevisionId: revision.id } : {}),
+                        }, fields: [
+                            {
+                                name: 'title',
+                                label: _('website_backend.field.title'),
+                                value: values.title ?? revision?.title ?? entry?.title,
+                                required: true,
+                                span: 'full',
+                            },
+                            {
+                                name: 'slug',
+                                label: _('website_backend.field.slug'),
+                                value: values.slug ?? entry?.slug,
+                                required: true,
+                            },
+                            {
+                                name: 'path',
+                                label: _('website_backend.field.path'),
+                                value: values.path ?? entry?.path,
+                                required: true,
+                            },
+                            {
+                                name: 'excerpt',
+                                label: _('website_backend.field.excerpt'),
+                                type: 'textarea',
+                                value: values.excerpt ?? revision?.excerpt,
+                                span: 'full',
+                            },
+                            {
+                                name: 'fields',
+                                label: _('website_backend.field.fields'),
+                                type: 'textarea',
+                                value: fields,
+                                help: _('website_backend.field.fieldsHint'),
+                                span: 'full',
+                            },
+                            {
+                                name: 'layout',
+                                label: _('website_backend.field.layout'),
+                                type: 'textarea',
+                                value: layout,
+                                help: _('website_backend.field.layoutHint'),
+                                required: true,
+                                span: 'full',
+                            },
+                        ], submit: _('website_backend.action.saveDraft'), submitVariant: "primary", errors: options.errors, cancelHref: `${kind.basePath}?site=${encodeURIComponent(siteId)}${options.locale ? `&${options.locale.slice(1)}` : ''}`, cancelLabel: _('website_backend.action.cancel') }) }) }),
+            ...(existing
+                ? [
+                    _jsx(Section, { title: _('website_backend.publish.title'), description: _('website_backend.publish.hint'), body: _jsx(Surface, { body: stack([
+                                _jsx(RecordForm, { action: `${kind.basePath}/${entry.id}/publish${options.locale ?? ''}`, hidden: revision?.id ? { expectedRevisionId: revision.id } : undefined, layout: "inline", fields: [
+                                        {
+                                            name: 'publishAt',
+                                            label: _('website_backend.publish.at'),
+                                            type: 'datetime-local',
+                                            value: entry.publishAt ? String(entry.publishAt).slice(0, 16) : '',
+                                            help: _('website_backend.publish.atHint'),
+                                        },
+                                    ], submit: _('website_backend.action.publish'), submitVariant: "primary" }),
+                                ...(entry.status === 'trash'
+                                    ? [
+                                        _jsx(RecordActions, { action: `${kind.basePath}/${entry.id}/untrash${options.locale ?? ''}`, label: _('website_backend.publish.untrashHint'), actions: [
+                                                {
+                                                    value: 'untrash',
+                                                    label: _('website_backend.action.untrash'),
+                                                    variant: 'primary',
+                                                },
+                                            ] }),
+                                    ]
+                                    : [
+                                        _jsx(RecordActions, { action: `${kind.basePath}/${entry.id}/trash${options.locale ?? ''}`, label: _('website_backend.publish.trashHint'), actions: [
+                                                {
+                                                    value: 'trash',
+                                                    label: _('website_backend.action.trash'),
+                                                    variant: 'destructive',
+                                                },
+                                            ] }),
+                                    ]),
+                                ...(entry.status === 'published' || entry.status === 'scheduled'
+                                    ? [
+                                        _jsx(RecordActions, { action: `${kind.basePath}/${entry.id}/unpublish${options.locale ?? ''}`, label: entry.status === 'scheduled'
+                                                ? _('website_backend.publish.cancelHint')
+                                                : _('website_backend.publish.downHint'), actions: [
+                                                {
+                                                    value: 'unpublish',
+                                                    label: entry.status === 'scheduled'
+                                                        ? _('website_backend.action.cancelSchedule')
+                                                        : _('website_backend.action.unpublish'),
+                                                    variant: 'destructive',
+                                                },
+                                            ] }),
+                                    ]
+                                    : []),
+                            ]) }) }),
+                ]
+                : []),
+            // Only on a page that exists: the head tags describe a revision, and
+            // there is no revision until the page has been saved once.
+            ...(existing && options.seo ? [entrySeoSection(_, entry.id, options.seo, options.locale ?? '')] : []),
+            // Same reason: an assignment points at an entry, and there is no entry
+            // to point at until the page has been saved once.
+            ...(existing && options.terms
+                ? [
+                    entryTermsSection(_, entry.id, options.terms.assigned, options.terms.available, options.locale ?? ''),
+                ]
+                : []),
+        ]) }));
+};
+/**
+ * What a revision did, without restoring it to find out.
+ *
+ * The list was dates and authors: to see what a revision changed, someone had
+ * to restore it and look. `diffRevisions` has been able to answer since it was
+ * written and nothing asked it. It defaults to the newest two, because "what
+ * changed?" is the question people arrive at this screen holding.
+ */
+const revisionCompare = (_, entry, rows, diff, basePath, locale) => {
+    const options = rows.map((row) => ({
+        value: row.id,
+        label: `${_('website_backend.field.version')} ${row.version} · ${row.kind}`,
+    }));
+    return (_jsx(Section, { title: _('website_backend.revisions.compare'), description: _('website_backend.revisions.compareHint'), body: stack([
+            _jsx(Surface, { padding: "compact", body: _jsx(RecordForm, { action: `${basePath}/${entry.id}/revisions${locale}`, method: "get", layout: "inline", fields: [
+                        {
+                            name: 'from',
+                            label: _('website_backend.revisions.from'),
+                            type: 'select',
+                            options,
+                            value: diff ? rows.find((row) => row.version === diff.fromVersion)?.id : undefined,
+                        },
+                        {
+                            name: 'to',
+                            label: _('website_backend.revisions.to'),
+                            type: 'select',
+                            options,
+                            value: diff ? rows.find((row) => row.version === diff.toVersion)?.id : undefined,
+                        },
+                    ], submit: _('website_backend.revisions.compare'), submitVariant: "secondary" }) }),
+            ...(diff && !diff.identified
+                ? [
+                    _jsx(Notice, { tone: "info", title: _('website_backend.revisions.unidentified'), message: _('website_backend.revisions.unidentifiedHint') }),
+                ]
+                : []),
+            ...(diff
+                ? [
+                    diff.changes.length === 0
+                        ? emptyState(_('website_backend.revisions.noChanges'), _('website_backend.revisions.noChangesHint'))
+                        : dataTable(_, {
+                            rows: diff.changes,
+                            id: (row) => `${row.id}:${row.change}`,
+                            columns: [
+                                {
+                                    key: 'change',
+                                    label: _('website_backend.revisions.change'),
+                                    priority: 'primary',
+                                    cell: (row) => badge(row.change, row.change === 'removed' ? 'neutral' : 'info'),
+                                },
+                                {
+                                    key: 'section',
+                                    label: _('website_backend.revisions.section'),
+                                    cell: (row) => row.type,
+                                },
+                                {
+                                    key: 'where',
+                                    label: _('website_backend.revisions.where'),
+                                    cell: (row) => row.change === 'moved' && row.from !== undefined
+                                        ? `${row.from} → ${row.path}`
+                                        : row.path,
+                                },
+                                {
+                                    key: 'detail',
+                                    label: _('website_backend.revisions.detail'),
+                                    cell: (row) => row.fields?.length
+                                        ? row.fields.join(', ')
+                                        : row.change === 'retyped' && row.from !== undefined
+                                            ? String(row.from)
+                                            : '',
+                                },
+                            ],
+                        }),
+                ]
+                : []),
+        ]) }));
+};
+export const revisionsScreen = (_, entry, rows, frame, locale = '', basePath = '/admin/website/pages', diff = null) => (_jsx(ListScreenFrame, { translator: _, title: _('website_backend.revisions.title'), frame: frame, body: stack([
+        inline([
+            linkButton({
+                label: _('website_backend.action.backToEntry'),
+                href: `${basePath}/${entry.id}${locale}`,
+            }),
+        ]),
+        ...(rows.length > 1 ? [revisionCompare(_, entry, rows, diff, basePath, locale)] : []),
+        rows.length === 0
+            ? emptyState(_('website_backend.revisions.empty'), _('website_backend.revisions.emptyHint'))
+            : dataTable(_, {
+                rows,
+                id: (row) => row.id,
+                columns: [
+                    {
+                        key: 'version',
+                        label: _('website_backend.field.version'),
+                        kind: 'number',
+                        cell: (row) => String(row.version),
+                    },
+                    {
+                        key: 'kind',
+                        label: _('website_backend.field.kind'),
+                        cell: (row) => badge(row.kind, 'neutral'),
+                    },
+                    { key: 'author', label: _('website_backend.field.author'), cell: (row) => row.authorId ?? '—' },
+                    {
+                        key: 'created',
+                        label: _('website_backend.field.createdAt'),
+                        kind: 'date',
+                        cell: (row) => row.createdAt,
+                    },
+                    {
+                        // A restore makes a draft; it does not change what a visitor
+                        // reads. That is why it is offered on every row, including a
+                        // revision the current deployment can no longer draw - getting
+                        // the content back is how it gets repaired.
+                        key: 'restore',
+                        label: _('website_backend.action.restore'),
+                        cell: (row) => (_jsx(RecordActions, { action: `${basePath}/${entry.id}/revisions/${row.id}/restore${locale}`, size: "compact", actions: [{ value: 'restore', label: _('website_backend.action.restore') }] })),
+                    },
+                ],
+            }),
+    ]) }));
+/**
+ * One preview link, and the way to withdraw all of them.
+ *
+ * Every visit here mints another token, so the links accumulate: a preview
+ * pasted into a chat outlives the reason it was shared, and until now nothing
+ * could call any of them back.
+ */
+export const previewScreen = (_, entry, minted, frame, basePath = '/admin/website/pages', locale = '') => (_jsx(RecordScreen, { translator: _, title: _('website_backend.preview.title'), frame: frame, body: stack([
+        _jsx(Notice, { tone: "info", title: entry.title, message: _('website_backend.preview.hint') }),
+        _jsx(Surface, { body: _jsx(RecordForm, { action: `${basePath}/${entry.id}/preview${locale}`, fields: [
+                    {
+                        name: 'ttlSeconds',
+                        label: _('website_backend.preview.ttl'),
+                        type: 'select',
+                        value: '900',
+                        options: [
+                            { value: '300', label: _('website_backend.preview.ttl5') },
+                            { value: '900', label: _('website_backend.preview.ttl15') },
+                            { value: '3600', label: _('website_backend.preview.ttl60') },
+                        ],
+                        help: _('website_backend.preview.ttlHint'),
+                    },
+                    {
+                        name: 'oneTime',
+                        label: _('website_backend.preview.oneTime'),
+                        type: 'checkbox',
+                        help: _('website_backend.preview.oneTimeHint'),
+                        span: 'full',
+                    },
+                ], submit: _('website_backend.action.createPreview'), submitVariant: "primary" }) }),
+        ...(minted
+            ? [
+                _jsx(Surface, { body: _jsx(RecordForm, { action: basePath, method: "get", fields: [
+                            {
+                                name: 'link',
+                                label: _('website_backend.preview.link'),
+                                value: `/_ket/preview?token=${encodeURIComponent(minted.token)}`,
+                                disabled: true,
+                                help: _('website_backend.preview.linkHint'),
+                                span: 'full',
+                            },
+                            {
+                                name: 'expiresAt',
+                                label: _('website_backend.preview.expires'),
+                                value: minted.expiresAt,
+                                disabled: true,
+                                span: 'full',
+                            },
+                        ], submit: _('website_backend.action.backToContent'), submitVariant: "secondary" }) }),
+            ]
+            : []),
+        _jsx(Section, { title: _('website_backend.preview.revokeTitle'), description: _('website_backend.preview.revokeHint'), body: _jsx(Surface, { body: _jsx(RecordActions, { action: `${basePath}/${entry.id}/preview/revoke${locale}`, actions: [
+                        {
+                            value: 'revoke',
+                            label: _('website_backend.action.revokePreviews'),
+                            variant: 'destructive',
+                        },
+                    ] }) }) }),
+    ]) }));
+const siteSwitcher = (_, action, sites, siteId, locale) => (_jsx(Surface, { padding: "compact", body: _jsx(RecordForm, { action: `${action}${locale}`, method: "get", layout: "inline", fields: [
+            {
+                name: 'site',
+                label: _('website_backend.field.site'),
+                type: 'select',
+                value: siteId,
+                options: sites,
+            },
+        ], submit: _('website_backend.action.switchSite'), submitVariant: "secondary" }) }));
+export const taxonomyScreen = (_, rows, sites, siteId, frame, locale = '') => (_jsx(ListScreenFrame, { translator: _, title: _('website_backend.taxonomies.title'), frame: frame, body: stack([
+        siteSwitcher(_, '/admin/website/taxonomies', sites, siteId, locale),
+        inline([
+            linkButton({
+                label: _('website_backend.action.newTerm'),
+                href: `/admin/website/taxonomies/new?site=${encodeURIComponent(siteId ?? '')}${locale ? `&${locale.slice(1)}` : ''}`,
+                variant: 'primary',
+            }),
+        ]),
+        rows.length === 0
+            ? emptyState(_('website_backend.taxonomies.empty'), _('website_backend.taxonomies.emptyHint'))
+            : dataTable(_, {
+                rows,
+                id: (row) => row.id,
+                rowHref: (row) => `/admin/website/taxonomies/${row.id}${locale}`,
+                columns: [
+                    {
+                        key: 'name',
+                        label: _('website_backend.field.name'),
+                        priority: 'primary',
+                        cell: (row) => row.name,
+                    },
+                    {
+                        key: 'taxonomy',
+                        label: _('website_backend.field.taxonomy'),
+                        cell: (row) => code(row.taxonomy),
+                    },
+                    { key: 'slug', label: _('website_backend.field.slug'), cell: (row) => code(row.slug) },
+                    { key: 'parent', label: _('website_backend.field.parent'), cell: (row) => row.parentId ?? '—' },
+                ],
+            }),
+    ]) }));
+export const taxonomyFormScreen = (_, row, taxonomies, parents, frame, options = {}) => {
+    const existing = !!row.id;
+    return (_jsx(FormScreenFrame, { translator: _, title: existing ? String(row.name) : _('website_backend.taxonomies.newTitle'), frame: frame, body: stack([
+            _jsx(Section, { title: existing ? String(row.name) : _('website_backend.taxonomies.newTitle'), description: _('website_backend.taxonomies.formHint'), body: _jsx(Surface, { body: _jsx(RecordForm, { action: existing
+                            ? `/admin/website/taxonomies/${row.id}${options.locale ?? ''}`
+                            : `/admin/website/taxonomies/new${options.locale ?? ''}`, hidden: { siteId: String(row.siteId ?? '') }, fields: [
+                            { name: 'name', label: _('website_backend.field.name'), value: row.name, required: true },
+                            { name: 'slug', label: _('website_backend.field.slug'), value: row.slug, required: true },
+                            {
+                                name: 'taxonomy',
+                                label: _('website_backend.field.taxonomy'),
+                                type: 'select',
+                                value: row.taxonomy ?? taxonomies[0]?.value,
+                                options: taxonomies,
+                                required: true,
+                                disabled: existing,
+                            },
+                            {
+                                name: 'parentId',
+                                label: _('website_backend.field.parent'),
+                                type: 'select',
+                                value: row.parentId ?? '',
+                                options: [{ value: '', label: '—' }, ...parents],
+                            },
+                            {
+                                name: 'description',
+                                label: _('website_backend.field.description'),
+                                type: 'textarea',
+                                value: row.description,
+                                span: 'full',
+                            },
+                        ], submit: _('website_backend.action.save'), submitVariant: "primary", errors: options.errors, cancelHref: `/admin/website/taxonomies?site=${encodeURIComponent(String(row.siteId ?? ''))}${options.locale ? `&${options.locale.slice(1)}` : ''}`, cancelLabel: _('website_backend.action.cancel') }) }) }),
+            ...(existing
+                ? [
+                    _jsx(Surface, { body: _jsx(RecordActions, { action: `/admin/website/taxonomies/${row.id}/delete${options.locale ?? ''}`, actions: [
+                                {
+                                    value: 'delete',
+                                    label: _('website_backend.action.deleteTerm'),
+                                    variant: 'destructive',
+                                },
+                            ] }) }),
+                ]
+                : []),
+        ]) }));
+};
+export const mediaScreen = (_, rows, sites, siteId, frame, locale = '') => (_jsx(ListScreenFrame, { translator: _, title: _('website_backend.media.title'), frame: frame, body: stack([
+        siteSwitcher(_, '/admin/website/media', sites, siteId, locale),
+        inline([
+            linkButton({
+                label: _('website_backend.action.newMedia'),
+                href: `/admin/website/media/new?site=${encodeURIComponent(siteId ?? '')}${locale ? `&${locale.slice(1)}` : ''}`,
+                variant: 'primary',
+            }),
+        ]),
+        rows.length === 0
+            ? emptyState(_('website_backend.media.empty'), _('website_backend.media.emptyHint'))
+            : dataTable(_, {
+                rows,
+                id: (row) => row.id,
+                rowHref: (row) => `/admin/website/media/${row.id}${locale}`,
+                columns: [
+                    {
+                        key: 'attachment',
+                        label: _('website_backend.field.attachment'),
+                        priority: 'primary',
+                        cell: (row) => code(row.attachmentId),
+                    },
+                    { key: 'alt', label: _('website_backend.field.alt'), cell: (row) => row.alt ?? '—' },
+                    {
+                        key: 'size',
+                        label: _('website_backend.field.size'),
+                        cell: (row) => (row.width && row.height ? `${row.width} × ${row.height}` : '—'),
+                    },
+                ],
+            }),
+    ]) }));
+export const mediaFormScreen = (_, row, frame, options = {}) => {
+    const existing = !!row.id;
+    const usage = options.usage ?? null;
+    return (_jsx(FormScreenFrame, { translator: _, title: existing ? String(row.attachmentId) : _('website_backend.media.newTitle'), frame: frame, body: stack([
+            _jsx(Section, { title: existing ? String(row.attachmentId) : _('website_backend.media.newTitle'), description: _('website_backend.media.formHint'), body: _jsx(Surface, { body: _jsx(RecordForm, { action: existing
+                            ? `/admin/website/media/${row.id}${options.locale ?? ''}`
+                            : `/admin/website/media/new${options.locale ?? ''}`, hidden: { siteId: String(row.siteId ?? '') }, fields: [
+                            {
+                                name: 'attachmentId',
+                                label: _('website_backend.field.attachment'),
+                                value: row.attachmentId,
+                                required: true,
+                                span: 'full',
+                            },
+                            { name: 'alt', label: _('website_backend.field.alt'), value: row.alt, span: 'full' },
+                            {
+                                name: 'caption',
+                                label: _('website_backend.field.caption'),
+                                type: 'textarea',
+                                value: row.caption,
+                                span: 'full',
+                            },
+                            {
+                                name: 'width',
+                                label: _('website_backend.field.width'),
+                                type: 'number',
+                                value: row.width,
+                            },
+                            {
+                                name: 'height',
+                                label: _('website_backend.field.height'),
+                                type: 'number',
+                                value: row.height,
+                            },
+                        ], submit: _('website_backend.action.save'), submitVariant: "primary", errors: options.errors, cancelHref: `/admin/website/media?site=${encodeURIComponent(String(row.siteId ?? ''))}${options.locale ? `&${options.locale.slice(1)}` : ''}`, cancelLabel: _('website_backend.action.cancel') }) }) }),
+            ...(existing
+                ? [
+                    _jsx(Surface, { body: _jsx(RecordActions, { action: `/admin/website/media/${row.id}/delete${options.locale ?? ''}`, actions: [
+                                {
+                                    value: 'delete',
+                                    label: _('website_backend.action.deleteMedia'),
+                                    variant: 'destructive',
+                                },
+                            ] }) }),
+                ]
+                : []),
+            // Delete refuses while a page draws this, so saying which pages is the
+            // difference between a refusal an editor can act on and one they argue
+            // with.
+            ...(existing && usage
+                ? [
+                    _jsx(Section, { title: _('website_backend.media.usage'), description: _('website_backend.media.usageHint'), body: _jsx(Surface, { body: usage.capped ? (_jsx(Notice, { tone: "warning", title: _('website_backend.media.usageUnknown'), message: _('website_backend.media.usageUnknownHint') })) : usage.uses.length === 0 ? (emptyState(_('website_backend.media.usageNone'), _('website_backend.media.usageNoneHint'))) : (dataTable(_, {
+                                rows: usage.uses,
+                                id: (use) => use.entryId,
+                                rowHref: (use) => `/admin/website/pages/${use.entryId}`,
+                                columns: [
+                                    {
+                                        key: 'title',
+                                        label: _('website_backend.field.title'),
+                                        priority: 'primary',
+                                        cell: (use) => use.title,
+                                    },
+                                    {
+                                        key: 'path',
+                                        label: _('website_backend.field.path'),
+                                        kind: 'identifier',
+                                        cell: (use) => code(use.path),
+                                    },
+                                    {
+                                        key: 'state',
+                                        label: _('website_backend.field.status'),
+                                        cell: (use) => badge(use.published
+                                            ? _('website_backend.state.published')
+                                            : _('website_backend.state.draft'), use.published ? 'positive' : 'neutral'),
+                                    },
+                                ],
+                            })) }) }),
+                ]
+                : []),
+        ]) }));
+};
+/**
+ * What would break if this site were published now.
+ *
+ * Not on the content list, which renders on every visit: the check reads a
+ * revision per page, and a list that quietly costs a thousand reads is a list
+ * nobody should have to think about. It is a button, and this is where it
+ * lands.
+ */
+export const preflightScreen = (_, result, siteId, frame, locale = '', scope = 'all') => (_jsx(RecordScreen, { translator: _, title: _('website_backend.preflight.title'), frame: frame, body: stack([
+        inline([
+            linkButton({
+                label: _('website_backend.action.backToContent'),
+                href: `/admin/website/pages?site=${encodeURIComponent(siteId)}${locale ? `&${locale.slice(1)}` : ''}`,
+            }),
+            // The scan over every page is the one that can be capped; asking about
+            // the published set is a bounded question with a definite answer.
+            linkButton({
+                label: _('website_backend.preflight.scopeAll'),
+                href: `/admin/website/preflight?site=${encodeURIComponent(siteId)}&scope=all${locale ? `&${locale.slice(1)}` : ''}`,
+                size: 'compact',
+                variant: scope === 'all' ? 'secondary' : 'tertiary',
+            }),
+            linkButton({
+                label: _('website_backend.preflight.scopePublished'),
+                href: `/admin/website/preflight?site=${encodeURIComponent(siteId)}&scope=published${locale ? `&${locale.slice(1)}` : ''}`,
+                size: 'compact',
+                variant: scope === 'published' ? 'secondary' : 'tertiary',
+            }),
+        ]),
+        ...(result.capped
+            ? [
+                _jsx(Notice, { tone: "warning", title: _('website_backend.preflight.capped'), message: _('website_backend.preflight.cappedHint') }),
+            ]
+            : []),
+        _jsx(Notice, { tone: result.ok ? 'positive' : 'warning', title: result.ok ? _('website_backend.preflight.clean') : _('website_backend.preflight.broken'), message: `${_('website_backend.preflight.checked')}: ${result.checked}` }),
+        ...(result.unrenderable.length
+            ? [
+                _jsx(Surface, { body: dataTable(_, {
+                        rows: result.unrenderable,
+                        id: (row) => row.entryId,
+                        columns: [
+                            {
+                                key: 'path',
+                                label: _('website_backend.field.path'),
+                                priority: 'primary',
+                                cell: (row) => row.path,
+                            },
+                            {
+                                key: 'why',
+                                label: _('website_backend.preflight.why'),
+                                cell: (row) => row.errors.map((error) => error.message).join(' · '),
+                            },
+                        ],
+                    }) }),
+            ]
+            : []),
+    ]) }));
+/**
+ * Links that lead nowhere, said on the screen where they are edited.
+ *
+ * A menu item and the page it names are edited on different screens on
+ * different days, so nobody was ever looking at both. The check has existed
+ * since website_menu.preflightMenu; this is it, where the links are.
+ */
+const danglingNotice = (_, dangling) => dangling.length === 0
+    ? []
+    : [
+        _jsx(Notice, { tone: "warning", title: _('website_backend.menus.dangling'), message: `${_('website_backend.menus.danglingHint')} ${dangling
+                .map((item) => `${item.label} (${item.href})`)
+                .join(' · ')}` }),
+    ];
+export const menusScreen = (_, rows, sites, siteId, frame, locale = '', dangling = []) => (_jsx(ListScreenFrame, { translator: _, title: _('website_backend.menus.title'), frame: frame, body: stack([
+        siteSwitcher(_, '/admin/website/menus', sites, siteId, locale),
+        ...danglingNotice(_, dangling),
+        inline([
+            linkButton({
+                label: _('website_backend.action.newMenuItem'),
+                href: `/admin/website/menus/new?site=${encodeURIComponent(siteId ?? '')}${locale ? `&${locale.slice(1)}` : ''}`,
+                variant: 'primary',
+            }),
+        ]),
+        rows.length === 0
+            ? emptyState(_('website_backend.menus.empty'), _('website_backend.menus.emptyHint'))
+            : dataTable(_, {
+                rows,
+                id: (row) => row.id,
+                rowHref: (row) => `/admin/website/menus/${row.id}?site=${encodeURIComponent(row.siteId)}${locale ? `&${locale.slice(1)}` : ''}`,
+                columns: [
+                    {
+                        key: 'label',
+                        label: _('website_backend.field.label'),
+                        priority: 'primary',
+                        cell: (row) => row.label,
+                    },
+                    { key: 'href', label: _('website_backend.field.href'), cell: (row) => code(row.href) },
+                    {
+                        key: 'position',
+                        label: _('website_backend.field.position'),
+                        kind: 'number',
+                        cell: (row) => String(row.position),
+                    },
+                    {
+                        // Buttons, so the order is editable from a keyboard without
+                        // anything having to be dragged - and without an editor doing
+                        // arithmetic in the position box, which was the only way.
+                        key: 'move',
+                        label: _('website_backend.menus.move'),
+                        cell: (row) => (_jsx(RecordActions, { action: `/admin/website/menus/${row.id}/move${locale}`, hidden: { site: row.siteId }, size: "compact", actions: [
+                                { value: 'up', label: _('website_backend.menus.up') },
+                                { value: 'down', label: _('website_backend.menus.down') },
+                            ] })),
+                    },
+                ],
+            }),
+    ]) }));
+export const menuFormScreen = (_, row, parents, frame, options = {}) => {
+    const existing = !!row.id;
+    return (_jsx(FormScreenFrame, { translator: _, title: existing ? String(row.label) : _('website_backend.menus.newTitle'), frame: frame, body: stack([
+            _jsx(Section, { title: existing ? String(row.label) : _('website_backend.menus.newTitle'), description: _('website_backend.menus.formHint'), body: _jsx(Surface, { body: _jsx(RecordForm, { action: existing
+                            ? `/admin/website/menus/${row.id}${options.locale ?? ''}`
+                            : `/admin/website/menus/new${options.locale ?? ''}`, hidden: { siteId: String(row.siteId ?? '') }, fields: [
+                            {
+                                name: 'label',
+                                label: _('website_backend.field.label'),
+                                value: row.label,
+                                required: true,
+                            },
+                            { name: 'href', label: _('website_backend.field.href'), value: row.href, required: true },
+                            {
+                                name: 'position',
+                                label: _('website_backend.field.position'),
+                                type: 'number',
+                                value: row.position ?? 0,
+                                required: true,
+                            },
+                            {
+                                name: 'parentId',
+                                label: _('website_backend.field.parent'),
+                                type: 'select',
+                                value: row.parentId ?? '',
+                                options: [{ value: '', label: '—' }, ...parents],
+                            },
+                        ], submit: _('website_backend.action.save'), submitVariant: "primary", errors: options.errors, cancelHref: `/admin/website/menus?site=${encodeURIComponent(String(row.siteId ?? ''))}${options.locale ? `&${options.locale.slice(1)}` : ''}`, cancelLabel: _('website_backend.action.cancel') }) }) }),
+            ...(existing
+                ? [
+                    _jsx(Surface, { body: _jsx(RecordActions, { action: `/admin/website/menus/${row.id}/delete${options.locale ?? ''}`, hidden: { siteId: String(row.siteId ?? '') }, actions: [
+                                {
+                                    value: 'delete',
+                                    label: _('website_backend.action.deleteMenuItem'),
+                                    variant: 'destructive',
+                                },
+                            ] }) }),
+                ]
+                : []),
+        ]) }));
+};
+export const formsScreen = (_, rows, siteId, frame, locale = '', active = 'all') => (_jsx(ListScreenFrame, { translator: _, title: _('website_backend.forms.title'), frame: frame, body: stack([
+        activeFilter(_, (state) => `/admin/website/forms?site=${encodeURIComponent(siteId ?? '')}&state=${state}${locale ? `&${locale.slice(1)}` : ''}`, active),
+        inline([
+            linkButton({
+                label: _('website_backend.action.newForm'),
+                href: `/admin/website/forms/new?site=${encodeURIComponent(siteId ?? '')}${locale ? `&${locale.slice(1)}` : ''}`,
+                variant: 'primary',
+            }),
+        ]),
+        rows.length === 0
+            ? emptyState(_('website_backend.forms.empty'), _('website_backend.forms.emptyHint'))
+            : dataTable(_, {
+                rows,
+                id: (row) => row.id,
+                // The row opens the form, the way a row opens the record on every
+                // other list here. Submissions were the row's destination only
+                // because there was nothing else to open.
+                rowHref: (row) => `/admin/website/forms/${row.id}${locale}`,
+                columns: [
+                    {
+                        key: 'name',
+                        label: _('website_backend.field.name'),
+                        priority: 'primary',
+                        cell: (row) => row.name,
+                    },
+                    {
+                        key: 'status',
+                        label: _('website_backend.field.status'),
+                        cell: (row) => badge(row.active ? _('website_backend.state.active') : _('website_backend.state.inactive'), row.active ? 'positive' : 'neutral'),
+                    },
+                    {
+                        key: 'retention',
+                        label: _('website_backend.field.retentionDays'),
+                        cell: (row) => row.retentionDays == null
+                            ? badge(_('website_backend.state.kept'), 'neutral')
+                            : String(row.retentionDays),
+                    },
+                    {
+                        key: 'submissions',
+                        label: _('website_backend.submissions.title'),
+                        cell: (row) => linkButton({
+                            label: _('website_backend.action.open'),
+                            href: `/admin/website/forms/${row.id}/submissions${locale}`,
+                            size: 'compact',
+                        }),
+                    },
+                ],
+            }),
+    ]) }));
+/**
+ * One editor, for a new form and an existing one.
+ *
+ * A form could be created and never edited: there was no route for it. So the
+ * privacy notice could not be set at all, and the versioned-consent machinery
+ * behind it was unreachable from the product. Retention has the same problem in
+ * a sharper form - it is decided after a privacy review, which is never the
+ * moment someone is typing a form's name.
+ */
+export const formEditorScreen = (_, siteId, frame, options = {}) => (_jsx(FormScreenFrame, { translator: _, title: _(options.id ? 'website_backend.forms.editTitle' : 'website_backend.forms.newTitle'), frame: frame, body: _jsx(Section, { title: _(options.id ? 'website_backend.forms.editTitle' : 'website_backend.forms.newTitle'), description: _('website_backend.forms.formHint'), body: _jsx(Surface, { body: _jsx(RecordForm, { action: options.id
+                    ? `/admin/website/forms/${encodeURIComponent(options.id)}${options.locale ?? ''}`
+                    : `/admin/website/forms/new${options.locale ?? ''}`, hidden: { siteId }, fields: [
+                    {
+                        name: 'name',
+                        label: _('website_backend.field.name'),
+                        value: options.values?.name,
+                        required: true,
+                    },
+                    {
+                        name: 'notifyTo',
+                        label: _('website_backend.field.notifyTo'),
+                        type: 'text',
+                        value: options.values?.notifyTo,
+                    },
+                    {
+                        name: 'successMessage',
+                        label: _('website_backend.field.successMessage'),
+                        value: options.values?.successMessage,
+                        required: true,
+                        span: 'full',
+                    },
+                    {
+                        name: 'consentText',
+                        label: _('website_backend.field.consentText'),
+                        type: 'textarea',
+                        value: options.values?.consentText,
+                        help: _('website_backend.help.consentText'),
+                        span: 'full',
+                    },
+                    {
+                        name: 'summaryFields',
+                        label: _('website_backend.field.summaryFields'),
+                        type: 'text',
+                        value: options.values?.summaryFields,
+                        help: _('website_backend.help.summaryFields'),
+                    },
+                    {
+                        name: 'retentionDays',
+                        label: _('website_backend.field.retentionDays'),
+                        type: 'number',
+                        value: options.values?.retentionDays,
+                        help: _('website_backend.help.retentionDays'),
+                    },
+                    {
+                        name: 'schema',
+                        label: _('website_backend.field.schema'),
+                        type: 'textarea',
+                        value: options.values?.schema ??
+                            JSON.stringify({ fields: [{ name: 'email', type: 'email', required: true }] }, null, 2),
+                        required: true,
+                        span: 'full',
+                    },
+                ], submit: _('website_backend.action.save'), submitVariant: "primary", errors: options.errors, cancelHref: `/admin/website/forms?site=${encodeURIComponent(siteId)}${options.locale ? `&${options.locale.slice(1)}` : ''}`, cancelLabel: _('website_backend.action.cancel') }) }) }) }));
+/**
+ * One submission, opened on purpose.
+ *
+ * The queue deliberately carries no answers, so this is the only screen where
+ * anyone reads what a visitor wrote - and the only place the audit trail
+ * records a person rather than a call that never happened. The trail is shown
+ * on the same page as the answers: a record of who looked is worth more when
+ * the person looking can see it too.
+ */
+export const submissionRecordScreen = (_, record, audit, frame, locale = '') => {
+    const answers = Object.entries(record.payload ?? {}).map(([field, value]) => ({
+        id: field,
+        field,
+        value: typeof value === 'string' ? value : JSON.stringify(value),
+    }));
+    return (_jsx(RecordScreen, { translator: _, title: _('website_backend.submission.title'), frame: frame, body: stack([
+            ...(record.purgedAt
+                ? [
+                    _jsx(Notice, { tone: "info", title: _('website_backend.state.purged'), message: _('website_backend.submission.purgedHint') }),
+                ]
+                : []),
+            ...(record.holdReason
+                ? [_jsx(Notice, { tone: "warning", title: _('website_backend.field.hold'), message: record.holdReason })]
+                : []),
+            _jsx(Section, { title: _('website_backend.submission.answers'), body: _jsx(Surface, { body: answers.length === 0
+                        ? emptyState(_('website_backend.submission.noAnswers'), _('website_backend.submission.noAnswersHint'))
+                        : dataTable(_, {
+                            rows: answers,
+                            id: (row) => row.id,
+                            columns: [
+                                {
+                                    key: 'field',
+                                    label: _('website_backend.field.name'),
+                                    priority: 'primary',
+                                    cell: (row) => row.field,
+                                },
+                                {
+                                    key: 'value',
+                                    label: _('website_backend.submission.answer'),
+                                    cell: (row) => row.value,
+                                },
+                            ],
+                        }) }) }),
+            _jsx(Section, { title: _('website_backend.field.consent'), 
+                // The notice is stored verbatim on the submission, because a Form is
+                // one mutable row and the version alone cannot recover the text.
+                description: _('website_backend.submission.consentHint'), body: _jsx(Surface, { body: stack([
+                        badge(record.consent ? _('website_backend.state.yes') : _('website_backend.state.no'), record.consent ? 'positive' : 'neutral'),
+                        ...(record.consentText ? [code(record.consentText)] : []),
+                    ]) }) }),
+            _jsx(Section, { title: _('website_backend.field.hold'), description: _('website_backend.submission.holdHint'), body: _jsx(Surface, { body: _jsx(RecordForm, { action: `/admin/website/forms/${record.formId}/submissions/${record.id}${locale}`, fields: [
+                            {
+                                name: 'holdReason',
+                                label: _('website_backend.submission.holdReason'),
+                                value: record.holdReason ?? '',
+                                help: _('website_backend.submission.holdReasonHint'),
+                                span: 'full',
+                            },
+                        ], submit: _('website_backend.action.save'), submitVariant: "secondary" }) }) }),
+            _jsx(Section, { title: _('website_backend.submission.audit'), description: _('website_backend.submission.auditHint'), body: _jsx(Surface, { body: audit.length === 0
+                        ? emptyState(_('website_backend.submission.noAudit'), _('website_backend.submission.noAuditHint'))
+                        : dataTable(_, {
+                            rows: audit,
+                            id: (row) => row.id,
+                            columns: [
+                                {
+                                    key: 'occurredAt',
+                                    label: _('website_backend.field.createdAt'),
+                                    kind: 'date',
+                                    priority: 'primary',
+                                    cell: (row) => row.occurredAt,
+                                },
+                                {
+                                    key: 'action',
+                                    label: _('website_backend.submission.action'),
+                                    cell: (row) => badge(row.action, 'info'),
+                                },
+                                {
+                                    key: 'actorKey',
+                                    label: _('website_backend.submission.actor'),
+                                    cell: (row) => row.actorKey,
+                                },
+                                {
+                                    key: 'reason',
+                                    label: _('website_backend.submission.reason'),
+                                    cell: (row) => row.reason ?? '',
+                                },
+                            ],
+                        }) }) }),
+        ]) }));
+};
+/**
+ * The queue, showing what the queue is allowed to show.
+ *
+ * This column used to print the whole payload. It cannot any more, and should
+ * not have: working a contact form meant reading everyone's phone number
+ * whether or not that was the job. What it shows now is whichever answers the
+ * form itself declares safe to preview - nothing, unless someone chose
+ * otherwise - and it says which of the two empty cases it is looking at, so a
+ * blank column reads as a decision rather than as a broken screen.
+ */
+/**
+ * Taking the answers out, and erasing them, from the screen they live on.
+ *
+ * Both name what they will touch before they touch it. An export lists the
+ * fields it will carry, because "export everything" is how personal data ends
+ * up somewhere nobody can account for; an erasure says the window it will
+ * apply and asks to be confirmed, because it cannot be undone.
+ */
+const submissionActions = (_, formId, fields, retentionDays, locale, status = 'all') => [
+    _jsx(Section, { title: _('website_backend.submissions.export'), description: _('website_backend.submissions.exportHint'), body: _jsx(Surface, { padding: "compact", body: _jsx(RecordForm, { action: `/admin/website/forms/${formId}/submissions/export${locale}`, method: "get", layout: "inline", hidden: { status }, fields: [
+                    {
+                        name: 'fields',
+                        label: _('website_backend.submissions.exportFields'),
+                        value: fields.join(', '),
+                        help: status === 'all'
+                            ? _('website_backend.submissions.exportFieldsHint')
+                            : `${_('website_backend.submissions.exportFieldsHint')} ${_('website_backend.submissions.exportScoped')}`,
+                        required: true,
+                    },
+                ], submit: _('website_backend.submissions.export'), submitVariant: "secondary" }) }) }),
+    ...(retentionDays == null
+        ? []
+        : [
+            _jsx(Section, { title: _('website_backend.submissions.purge'), description: _('website_backend.submissions.purgeHint'), body: _jsx(Surface, { padding: "compact", body: _jsx(RecordForm, { action: `/admin/website/forms/${formId}/submissions/purge${locale}`, layout: "inline", fields: [
+                            {
+                                name: 'confirm',
+                                label: _('website_backend.submissions.purgeConfirm'),
+                                type: 'checkbox',
+                                help: `${_('website_backend.field.retentionDays')}: ${retentionDays}`,
+                            },
+                        ], submit: _('website_backend.submissions.purge'), submitVariant: "secondary" }) }) }),
+        ]),
+];
+export const submissionsScreen = (_, rows, frame, options = {}) => (_jsx(ListScreenFrame, { translator: _, title: _('website_backend.submissions.title'), frame: frame, footer: options.pager ? pagerBar(_, options.pager) : null, body: stack([
+        // `listSubmissions` and `countSubmissions` have both taken this since
+        // they were written. Without it a form with a year of entries is read
+        // thirty at a time and the erased rows sit among the live ones.
+        ...(options.formId
+            ? [
+                _jsx(Surface, { padding: "compact", body: _jsx(RecordForm, { action: `/admin/website/forms/${options.formId}/submissions${options.locale ?? ''}`, method: "get", layout: "inline", fields: [
+                            {
+                                name: 'status',
+                                label: _('website_backend.field.status'),
+                                type: 'select',
+                                value: options.status ?? 'all',
+                                options: [
+                                    { value: 'all', label: _('website_backend.state.all') },
+                                    { value: 'new', label: _('website_backend.state.new') },
+                                    { value: 'purged', label: _('website_backend.state.purged') },
+                                ],
+                            },
+                        ], submit: _('website_backend.action.apply'), submitVariant: "secondary" }) }),
+            ]
+            : []),
+        ...(options.formId
+            ? submissionActions(_, options.formId, options.fields ?? [], options.retentionDays ?? null, options.locale ?? '', options.status ?? 'all')
+            : []),
+        rows.length === 0
+            ? emptyState(_('website_backend.submissions.empty'), _('website_backend.submissions.emptyHint'))
+            : dataTable(_, {
+                rows,
+                id: (row) => row.id,
+                rowHref: (row) => `/admin/website/forms/${row.formId}/submissions/${row.id}`,
+                columns: [
+                    {
+                        key: 'created',
+                        label: _('website_backend.field.createdAt'),
+                        kind: 'date',
+                        priority: 'primary',
+                        cell: (row) => row.createdAt,
+                    },
+                    {
+                        key: 'summary',
+                        label: _('website_backend.field.summary'),
+                        cell: (row) => row.purgedAt
+                            ? badge(_('website_backend.state.purged'), 'neutral')
+                            : Object.keys(row.summary ?? {}).length
+                                ? code(JSON.stringify(row.summary))
+                                : badge(_('website_backend.state.noPreview'), 'neutral'),
+                    },
+                    {
+                        key: 'hold',
+                        label: _('website_backend.field.hold'),
+                        cell: (row) => row.held
+                            ? badge(row.holdReason ?? _('website_backend.state.yes'), 'warning')
+                            : badge(_('website_backend.state.no'), 'neutral'),
+                    },
+                    {
+                        key: 'consent',
+                        label: _('website_backend.field.consent'),
+                        cell: (row) => badge(row.consent ? _('website_backend.state.yes') : _('website_backend.state.no'), row.consent ? 'positive' : 'neutral'),
+                    },
+                    {
+                        key: 'status',
+                        label: _('website_backend.field.status'),
+                        cell: (row) => badge(row.status, 'info'),
+                    },
+                ],
+            }),
+    ]) }));
+/** The four site roles the access layer recognises, in the order they widen. */
+const SITE_ROLES = ['contributor', 'author', 'editor', 'administrator'];
+/**
+ * Who may work on this site.
+ *
+ * Membership decided every authorization in the module and could only be
+ * changed by calling the function directly. A permission that can be granted
+ * and never reviewed is the kind that quietly outlives the reason for it.
+ */
+export const siteMembersScreen = (_, site, rows, frame, options = {}) => (_jsx(ListScreenFrame, { translator: _, title: _('website_backend.members.title'), frame: frame, body: stack([
+        inline([
+            linkButton({
+                label: _('website_backend.action.backToSite'),
+                href: `/admin/website/sites/${site.id}${options.locale ?? ''}`,
+            }),
+        ]),
+        _jsx(Section, { title: _('website_backend.members.add'), description: _('website_backend.members.addHint'), body: _jsx(Surface, { padding: "compact", body: _jsx(RecordForm, { action: `/admin/website/sites/${site.id}/members${options.locale ?? ''}`, layout: "inline", fields: [
+                        {
+                            name: 'userId',
+                            label: _('website_backend.members.user'),
+                            value: options.values?.userId,
+                            required: true,
+                        },
+                        {
+                            name: 'role',
+                            label: _('website_backend.members.role'),
+                            type: 'select',
+                            value: options.values?.role ?? 'editor',
+                            options: SITE_ROLES.map((role) => ({
+                                value: role,
+                                label: _(`website_backend.role.${role}`),
+                            })),
+                        },
+                    ], submit: _('website_backend.action.save'), submitVariant: "primary", errors: options.errors }) }) }),
+        rows.length === 0
+            ? emptyState(_('website_backend.members.empty'), _('website_backend.members.emptyHint'))
+            : dataTable(_, {
+                rows,
+                id: (row) => row.id,
+                columns: [
+                    {
+                        key: 'user',
+                        label: _('website_backend.members.user'),
+                        priority: 'primary',
+                        cell: (row) => row.userId,
+                    },
+                    {
+                        key: 'role',
+                        label: _('website_backend.members.role'),
+                        cell: (row) => badge(_(`website_backend.role.${row.role}`), 'info'),
+                    },
+                    {
+                        key: 'remove',
+                        label: _('website_backend.action.remove'),
+                        cell: (row) => (_jsx(RecordActions, { action: `/admin/website/sites/${site.id}/members/${row.id}/remove${options.locale ?? ''}`, size: "compact", actions: [
+                                {
+                                    value: 'remove',
+                                    label: _('website_backend.action.remove'),
+                                    variant: 'destructive',
+                                },
+                            ] })),
+                    },
+                ],
+            }),
+    ]) }));
+/**
+ * Which hosts answer for this site, and which one the others defer to.
+ *
+ * A primary domain is not decoration: canonical URLs and the sitemap are built
+ * from it, so a site with the wrong primary publishes the wrong address to
+ * every crawler that asks.
+ */
+export const siteDomainsScreen = (_, site, rows, frame, options = {}) => {
+    const editing = options.editing ?? null;
+    const values = options.values ?? {};
+    return (_jsx(ListScreenFrame, { translator: _, title: _('website_backend.domains.title'), frame: frame, body: stack([
+            inline([
+                linkButton({
+                    label: _('website_backend.action.backToSite'),
+                    href: `/admin/website/sites/${site.id}${options.locale ?? ''}`,
+                }),
+                ...(editing
+                    ? [
+                        linkButton({
+                            label: _('website_backend.action.cancel'),
+                            href: `/admin/website/sites/${site.id}/domains${options.locale ?? ''}`,
+                        }),
+                    ]
+                    : []),
+            ]),
+            _jsx(Section, { title: editing ? _('website_backend.domains.edit') : _('website_backend.domains.add'), description: _('website_backend.domains.addHint'), body: _jsx(Surface, { padding: "compact", body: _jsx(RecordForm, { action: `/admin/website/sites/${site.id}/domains${editing ? `/${editing.id}` : ''}${options.locale ?? ''}`, layout: "inline", fields: [
+                            {
+                                name: 'host',
+                                label: _('website_backend.domains.host'),
+                                value: values.host ?? editing?.host,
+                                required: true,
+                            },
+                            {
+                                name: 'primary',
+                                label: _('website_backend.domains.primary'),
+                                type: 'checkbox',
+                                value: values.primary != null ? values.primary === '1' : (editing?.primary ?? false),
+                                help: _('website_backend.domains.primaryHint'),
+                            },
+                            {
+                                name: 'redirectToPrimary',
+                                label: _('website_backend.domains.redirect'),
+                                type: 'checkbox',
+                                value: values.redirectToPrimary != null
+                                    ? values.redirectToPrimary === '1'
+                                    : (editing?.redirectToPrimary ?? false),
+                            },
+                        ], submit: _('website_backend.action.save'), submitVariant: "primary", errors: options.errors }) }) }),
+            rows.length === 0
+                ? emptyState(_('website_backend.domains.empty'), _('website_backend.domains.emptyHint'))
+                : dataTable(_, {
+                    rows,
+                    id: (row) => row.id,
+                    columns: [
+                        {
+                            key: 'host',
+                            label: _('website_backend.domains.host'),
+                            priority: 'primary',
+                            cell: (row) => row.host,
+                        },
+                        {
+                            key: 'primary',
+                            label: _('website_backend.domains.primary'),
+                            cell: (row) => row.primary
+                                ? badge(_('website_backend.state.yes'), 'positive')
+                                : badge(_('website_backend.state.no'), 'neutral'),
+                        },
+                        {
+                            key: 'redirect',
+                            label: _('website_backend.domains.redirect'),
+                            cell: (row) => badge(row.redirectToPrimary ? _('website_backend.state.yes') : _('website_backend.state.no'), 'neutral'),
+                        },
+                        {
+                            key: 'edit',
+                            label: _('website_backend.action.edit'),
+                            cell: (row) => linkButton({
+                                label: _('website_backend.action.edit'),
+                                href: `/admin/website/sites/${site.id}/domains?edit=${encodeURIComponent(row.id)}${options.locale ? `&${options.locale.slice(1)}` : ''}`,
+                                size: 'compact',
+                            }),
+                        },
+                        {
+                            key: 'remove',
+                            label: _('website_backend.action.remove'),
+                            cell: (row) => (_jsx(RecordActions, { action: `/admin/website/sites/${site.id}/domains/${row.id}/remove${options.locale ?? ''}`, size: "compact", actions: [
+                                    {
+                                        value: 'remove',
+                                        label: _('website_backend.action.remove'),
+                                        variant: 'destructive',
+                                    },
+                                ] })),
+                        },
+                    ],
+                }),
+        ]) }));
+};
+/**
+ * Where an address that used to work now goes.
+ *
+ * The cycle guard and the path rules were written and there was no screen, so
+ * the one operation that keeps old links alive after a restructure could only
+ * be performed by an agent.
+ */
+export const redirectsScreen = (_, rows, sites, siteId, frame, options = {}) => {
+    const editing = options.editing ?? null;
+    const values = options.values ?? {};
+    const query = (params) => {
+        const search = new URLSearchParams({ site: siteId ?? '', ...params });
+        if (options.locale)
+            search.set('lang', options.locale.slice('?lang='.length));
+        return `/admin/website/redirects?${search.toString()}`;
+    };
+    return (_jsx(ListScreenFrame, { translator: _, title: _('website_backend.redirects.title'), frame: frame, body: stack([
+            siteSwitcher(_, '/admin/website/redirects', sites, siteId, options.locale ?? ''),
+            ...(siteId
+                ? [
+                    _jsx(Section, { title: editing ? _('website_backend.redirects.edit') : _('website_backend.redirects.add'), description: _('website_backend.redirects.addHint'), body: _jsx(Surface, { padding: "compact", body: _jsx(RecordForm, { action: `/admin/website/redirects${editing ? `/${editing.id}` : ''}${options.locale ?? ''}`, hidden: { siteId }, layout: "inline", fields: [
+                                    {
+                                        name: 'fromPath',
+                                        label: _('website_backend.redirects.from'),
+                                        value: values.fromPath ?? editing?.fromPath,
+                                        required: true,
+                                    },
+                                    {
+                                        name: 'toPath',
+                                        label: _('website_backend.redirects.to'),
+                                        value: values.toPath ?? editing?.toPath,
+                                        required: true,
+                                    },
+                                    {
+                                        name: 'permanent',
+                                        label: _('website_backend.redirects.permanent'),
+                                        type: 'checkbox',
+                                        value: values.permanent != null
+                                            ? values.permanent === '1'
+                                            : (editing?.permanent ?? true),
+                                        help: _('website_backend.redirects.permanentHint'),
+                                    },
+                                ], submit: _('website_backend.action.save'), submitVariant: "primary", errors: options.errors }) }) }),
+                    // The list already had a column for a state nothing could produce:
+                    // the route wrote `active: true` every time, so every row read
+                    // "active" for ever and the off switch on the contract was unreachable.
+                    inline([
+                        linkButton({ label: _('website_backend.redirects.all'), href: query({}) }),
+                        linkButton({
+                            label: _('website_backend.state.active'),
+                            href: query({ state: 'active' }),
+                        }),
+                        linkButton({
+                            label: _('website_backend.state.inactive'),
+                            href: query({ state: 'inactive' }),
+                        }),
+                    ]),
+                ]
+                : []),
+            !siteId
+                ? emptyState(_('website_backend.content.noSite'), _('website_backend.content.noSiteHint'))
+                : rows.length === 0
+                    ? emptyState(_('website_backend.redirects.empty'), _('website_backend.redirects.emptyHint'))
+                    : dataTable(_, {
+                        rows,
+                        id: (row) => row.id,
+                        columns: [
+                            {
+                                key: 'from',
+                                label: _('website_backend.redirects.from'),
+                                priority: 'primary',
+                                cell: (row) => row.fromPath,
+                            },
+                            { key: 'to', label: _('website_backend.redirects.to'), cell: (row) => row.toPath },
+                            {
+                                key: 'kind',
+                                label: _('website_backend.redirects.permanent'),
+                                cell: (row) => badge(row.permanent
+                                    ? _('website_backend.redirects.p301')
+                                    : _('website_backend.redirects.p302'), row.permanent ? 'info' : 'neutral'),
+                            },
+                            {
+                                key: 'status',
+                                label: _('website_backend.field.status'),
+                                cell: (row) => badge(row.active ? _('website_backend.state.active') : _('website_backend.state.inactive'), row.active ? 'positive' : 'neutral'),
+                            },
+                            {
+                                key: 'edit',
+                                label: _('website_backend.action.edit'),
+                                cell: (row) => linkButton({
+                                    label: _('website_backend.action.edit'),
+                                    href: query({ edit: row.id }),
+                                    size: 'compact',
+                                }),
+                            },
+                            {
+                                // Off rather than deleted: the unique index holds one row per
+                                // `fromPath`, so deleting to "free" the path and deactivating
+                                // to stop it are the same reversible act, and one of them
+                                // keeps the history of what that address used to do.
+                                key: 'state',
+                                label: _('website_backend.redirects.state'),
+                                cell: (row) => (_jsx(RecordActions, { action: `/admin/website/redirects/${row.id}/state${options.locale ?? ''}`, size: "compact", actions: [
+                                        row.active
+                                            ? { value: 'deactivate', label: _('website_backend.action.deactivate') }
+                                            : { value: 'activate', label: _('website_backend.action.activate') },
+                                    ] })),
+                            },
+                        ],
+                    }),
+        ]) }));
+};
+/**
+ * Whether search is answering from the content that is actually live.
+ *
+ * The index rebuilds itself when a reader notices it is behind, so this is not
+ * a button anyone must press. It is here because "the site says it found
+ * nothing" and "the index has not caught up yet" look identical from outside,
+ * and only one of them is a content problem.
+ */
+export const searchIndexScreen = (_, site, status, frame, options = {}) => (_jsx(RecordScreen, { translator: _, title: _('website_backend.index.title'), frame: frame, body: stack([
+        inline([
+            linkButton({
+                label: _('website_backend.action.backToSite'),
+                href: `/admin/website/sites/${site.id}${options.locale ?? ''}`,
+            }),
+        ]),
+        ...(options.built
+            ? [
+                _jsx(Notice, { tone: options.built.done ? 'positive' : 'info', title: options.built.done
+                        ? _('website_backend.index.rebuilt')
+                        : _('website_backend.index.rebuilding'), message: `${_('website_backend.index.written')}: ${options.built.written}` }),
+            ]
+            : []),
+        _jsx(Notice, { tone: status.current ? 'positive' : 'warning', title: status.current ? _('website_backend.index.current') : _('website_backend.index.stale'), message: `${_('website_backend.index.documents')}: ${status.documentCount}` }),
+        _jsx(Surface, { body: _jsx(RecordForm, { action: `/admin/website/sites/${site.id}/index${options.locale ?? ''}`, fields: [
+                    {
+                        name: 'state',
+                        label: _('website_backend.field.status'),
+                        value: status.state,
+                        disabled: true,
+                    },
+                    {
+                        name: 'completedAt',
+                        label: _('website_backend.index.completedAt'),
+                        value: status.completedAt ?? '—',
+                        disabled: true,
+                    },
+                ], submit: _('website_backend.index.rebuild'), submitVariant: "secondary" }) }),
+    ]) }));
+const publicationTone = (state) => state === 'active' ? 'positive' : state === 'prepared' ? 'info' : 'neutral';
+/**
+ * Publishing a set, from a screen.
+ *
+ * `preparePublication` freezes which revision of which page goes out and
+ * `activatePublication` moves all of them or none — the machinery that stops a
+ * menu link reaching visitors before the page it points at. It was reachable
+ * only by an agent, so the atomic path existed and the one-page-at-a-time path
+ * was the only one a person could take.
+ */
+export const publicationsScreen = (_, rows, entries, sites, siteId, frame, options = {}) => (_jsx(ListScreenFrame, { translator: _, title: _('website_backend.publications.title'), frame: frame, body: stack([
+        siteSwitcher(_, '/admin/website/publications', sites, siteId, options.locale ?? ''),
+        // Superseded sets accumulate one per activation and are the majority of
+        // the list within a week, which buries the two rows anybody came to see.
+        ...(siteId
+            ? [
+                _jsx(Surface, { padding: "compact", body: _jsx(RecordForm, { action: `/admin/website/publications${options.locale ?? ''}`, method: "get", layout: "inline", hidden: { site: siteId }, fields: [
+                            {
+                                name: 'state',
+                                label: _('website_backend.field.status'),
+                                type: 'select',
+                                value: options.state ?? 'all',
+                                options: [
+                                    { value: 'all', label: _('website_backend.state.all') },
+                                    { value: 'prepared', label: _('website_backend.pubstate.prepared') },
+                                    { value: 'active', label: _('website_backend.pubstate.active') },
+                                    { value: 'superseded', label: _('website_backend.pubstate.superseded') },
+                                ],
+                            },
+                        ], submit: _('website_backend.action.apply'), submitVariant: "secondary" }) }),
+            ]
+            : []),
+        ...(options.notice
+            ? [_jsx(Notice, { tone: "positive", title: _('website_backend.publications.done'), message: options.notice })]
+            : []),
+        ...(siteId && entries.length
+            ? [
+                _jsx(Section, { title: _('website_backend.publications.prepare'), description: _('website_backend.publications.prepareHint'), body: _jsx(Surface, { body: _jsx(RecordForm, { action: `/admin/website/publications${options.locale ?? ''}`, hidden: { siteId }, fields: [
+                                {
+                                    name: 'entryIds',
+                                    label: _('website_backend.publications.entries'),
+                                    type: 'textarea',
+                                    value: entries.map((entry) => entry.id).join('\n'),
+                                    help: _('website_backend.publications.entriesHint'),
+                                    span: 'full',
+                                    required: true,
+                                },
+                            ], submit: _('website_backend.publications.prepare'), submitVariant: "primary", errors: options.errors }) }) }),
+            ]
+            : []),
+        !siteId
+            ? emptyState(_('website_backend.content.noSite'), _('website_backend.content.noSiteHint'))
+            : rows.length === 0
+                ? emptyState(_('website_backend.publications.empty'), _('website_backend.publications.emptyHint'))
+                : dataTable(_, {
+                    rows,
+                    id: (row) => row.id,
+                    columns: [
+                        {
+                            key: 'prepared',
+                            label: _('website_backend.publications.preparedAt'),
+                            kind: 'date',
+                            priority: 'primary',
+                            cell: (row) => row.preparedAt,
+                        },
+                        {
+                            key: 'state',
+                            label: _('website_backend.field.status'),
+                            cell: (row) => badge(_(`website_backend.pubstate.${row.state}`), publicationTone(row.state)),
+                        },
+                        {
+                            key: 'count',
+                            label: _('website_backend.publications.entryCount'),
+                            kind: 'number',
+                            cell: (row) => String(row.entryCount),
+                        },
+                        {
+                            key: 'act',
+                            label: _('website_backend.publications.action'),
+                            cell: (row) => row.state === 'prepared' ? (_jsx(RecordActions, { action: `/admin/website/publications/${row.id}/activate${options.locale ?? ''}`, hidden: { expectedPublicationId: options.activeId ?? '' }, size: "compact", actions: [
+                                    {
+                                        value: 'activate',
+                                        label: _('website_backend.action.activate'),
+                                        variant: 'primary',
+                                    },
+                                ] })) : row.state === 'active' ? (_jsx(RecordActions, { action: `/admin/website/publications/${row.id}/rollback${options.locale ?? ''}`, size: "compact", actions: [{ value: 'rollback', label: _('website_backend.action.rollback') }] })) : (''),
+                        },
+                    ],
+                }),
+    ]) }));
+/**
+ * The head tags for one page, on the page's own screen.
+ *
+ * These four fields freeze into the publication alongside the revision they
+ * describe, so a description edited after publishing does not reach visitors
+ * until the next one. `noindex` is the exception and takes effect at once,
+ * because delisting a page is not a thing to make somebody wait for.
+ */
+export const entrySeoSection = (_, entryId, seo, locale = '') => (_jsx(Section, { title: _('website_backend.seo.title'), description: _('website_backend.seo.hint'), body: _jsx(Surface, { body: _jsx(RecordForm, { action: `/admin/website/content/${entryId}/seo${locale}`, fields: [
+                {
+                    name: 'metaDescription',
+                    label: _('website_backend.seo.description'),
+                    type: 'textarea',
+                    value: seo.metaDescription ?? '',
+                    span: 'full',
+                },
+                {
+                    name: 'canonical',
+                    label: _('website_backend.seo.canonical'),
+                    value: seo.canonical ?? '',
+                    help: _('website_backend.seo.canonicalHint'),
+                },
+                {
+                    name: 'ogImage',
+                    label: _('website_backend.seo.ogImage'),
+                    value: seo.ogImage ?? '',
+                },
+                {
+                    name: 'noindex',
+                    label: _('website_backend.seo.noindex'),
+                    type: 'checkbox',
+                    value: seo.noindex ?? false,
+                    help: _('website_backend.seo.noindexHint'),
+                    span: 'full',
+                },
+            ], submit: _('website_backend.action.save'), submitVariant: "secondary" }) }) }));
+/** One row's worth of trouble, in the order somebody would act on it. */
+export const concernsOf = (_, health) => {
+    const concerns = [];
+    // A site with no host answers nowhere, which outranks anything about content.
+    if (health.domainCount === 0)
+        concerns.push({ key: 'noDomain', label: _('website_backend.health.noDomain'), tone: 'danger' });
+    else if (!health.primaryHost)
+        concerns.push({ key: 'noPrimary', label: _('website_backend.health.noPrimary'), tone: 'danger' });
+    if (!health.active)
+        concerns.push({ key: 'suspended', label: _('website_backend.health.suspended'), tone: 'warning' });
+    if (health.preparedCount > 0)
+        concerns.push({ key: 'prepared', label: _('website_backend.health.prepared'), tone: 'info' });
+    if (!health.indexCurrent && health.indexState !== 'absent')
+        concerns.push({ key: 'staleIndex', label: _('website_backend.health.staleIndex'), tone: 'warning' });
+    return concerns;
+};
+/**
+ * Which site needs looking at, across all of them.
+ *
+ * Every other screen here is scoped to one site, because every contract behind
+ * them takes a `siteId`. That makes "is anything wrong" a question you can only
+ * answer by opening each site in turn and remembering - and the things worth
+ * knowing are exactly the ones nobody goes looking for: a site with no primary
+ * host publishing the wrong canonical to every crawler, a publication prepared
+ * last week and never activated, an index that has not caught up.
+ *
+ * Read-only and built from reads that already existed. It is a place to notice,
+ * and every row leads to the screen that fixes the thing.
+ */
+export const siteHealthScreen = (_, rows, frame, locale = '') => {
+    const troubled = rows.filter((row) => concernsOf(_, row).length > 0);
+    return (_jsx(ListScreenFrame, { translator: _, title: _('website_backend.health.title'), frame: frame, body: stack([
+            rows.length === 0 ? (emptyState(_('website_backend.sites.empty'), _('website_backend.sites.emptyHint'))) : troubled.length === 0 ? (_jsx(Notice, { tone: "positive", title: _('website_backend.health.allWell'), message: _('website_backend.health.allWellHint') })) : (dataTable(_, {
+                rows: troubled,
+                id: (row) => row.siteId,
+                rowHref: (row) => `/admin/website/sites/${row.siteId}${locale}`,
+                columns: [
+                    {
+                        key: 'site',
+                        label: _('website_backend.field.site'),
+                        priority: 'primary',
+                        cell: (row) => row.title,
+                    },
+                    {
+                        key: 'host',
+                        label: _('website_backend.domains.host'),
+                        kind: 'identifier',
+                        cell: (row) => row.primaryHost ? code(row.primaryHost) : badge(_('website_backend.health.none'), 'danger'),
+                    },
+                    {
+                        key: 'concerns',
+                        label: _('website_backend.health.concerns'),
+                        cell: (row) => inline(concernsOf(_, row).map((concern) => badge(concern.label, concern.tone))),
+                    },
+                ],
+            })),
+            // The quiet sites are worth showing too: a list that only ever holds
+            // problems cannot tell "nothing is wrong" from "nothing was checked".
+            ...(rows.length
+                ? [_jsx(Notice, { tone: "info", title: _('website_backend.health.checked'), message: `${rows.length}` })]
+                : []),
+        ]) }));
+};
+//# sourceMappingURL=index.js.map