@ketvietlab/ketsuite 0.1.2 → 0.1.3

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

@@ -0,0 +1,1332 @@
+import { jsx as _jsx } from "@ketvietlab/ketjs-view/jsx-runtime";
+import { badge, code, dataTable, emptyState, RecordScreen, inline, linkButton, Notice, 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';
+export const sitesScreen = (_, rows, frame, locale = '') => (_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',
+            }),
+        ]),
+        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,
+                            },
+                            {
+                                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' }) => (_jsx(ListScreenFrame, { translator: _, title: _(`website_backend.${kind.titleKey}.title`), frame: frame, 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,
+                    },
+                ], submit: _('website_backend.action.switchSite'), 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)),
+                        },
+                    ],
+                }),
+    ]) }));
+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: _jsx(RecordActions, { action: `${kind.basePath}/${entry.id}/publish${options.locale ?? ''}`, hidden: revision?.id ? { expectedRevisionId: revision.id } : undefined, actions: [
+                                    {
+                                        value: 'publish',
+                                        label: _('website_backend.action.publish'),
+                                        variant: 'primary',
+                                    },
+                                ] }) }) }),
+                ]
+                : []),
+            // 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 ?? '')] : []),
+        ]) }));
+};
+/**
+ * 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) => linkButton({
+                            label: _('website_backend.action.restore'),
+                            href: `${basePath}/${entry.id}/revisions/${row.id}/restore${locale}`,
+                            size: 'compact',
+                        }),
+                    },
+                ],
+            }),
+    ]) }));
+export const previewScreen = (_, entry, token, expiresAt, frame, basePath = '/admin/website/pages') => (_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, method: "get", fields: [
+                    {
+                        name: 'token',
+                        label: _('website_backend.preview.token'),
+                        value: token,
+                        disabled: true,
+                        span: 'full',
+                    },
+                    {
+                        name: 'expiresAt',
+                        label: _('website_backend.preview.expires'),
+                        value: expiresAt,
+                        disabled: true,
+                        span: 'full',
+                    },
+                ], submit: _('website_backend.action.backToContent'), submitVariant: "secondary" }) }),
+    ]) }));
+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;
+    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',
+                                },
+                            ] }) }),
+                ]
+                : []),
+        ]) }));
+};
+/**
+ * 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 = '') => (_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)}` : ''}`,
+            }),
+        ]),
+        ...(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),
+                    },
+                ],
+            }),
+    ]) }));
+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 = '') => (_jsx(ListScreenFrame, { translator: _, title: _('website_backend.forms.title'), frame: frame, body: stack([
+        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) => [
+    _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", fields: [
+                    {
+                        name: 'fields',
+                        label: _('website_backend.submissions.exportFields'),
+                        value: fields.join(', '),
+                        help: _('website_backend.submissions.exportFieldsHint'),
+                        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, body: stack([
+        ...(options.formId
+            ? submissionActions(_, options.formId, options.fields ?? [], options.retentionDays ?? null, options.locale ?? '')
+            : []),
+        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) => linkButton({
+                            label: _('website_backend.action.remove'),
+                            href: `/admin/website/sites/${site.id}/members/${row.id}/remove${options.locale ?? ''}`,
+                            size: 'compact',
+                        }),
+                    },
+                ],
+            }),
+    ]) }));
+/**
+ * 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 = {}) => (_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 ?? ''}`,
+            }),
+        ]),
+        _jsx(Section, { title: _('website_backend.domains.add'), description: _('website_backend.domains.addHint'), body: _jsx(Surface, { padding: "compact", body: _jsx(RecordForm, { action: `/admin/website/sites/${site.id}/domains${options.locale ?? ''}`, layout: "inline", fields: [
+                        {
+                            name: 'host',
+                            label: _('website_backend.domains.host'),
+                            value: options.values?.host,
+                            required: true,
+                        },
+                        {
+                            name: 'primary',
+                            label: _('website_backend.domains.primary'),
+                            type: 'checkbox',
+                            help: _('website_backend.domains.primaryHint'),
+                        },
+                        {
+                            name: 'redirectToPrimary',
+                            label: _('website_backend.domains.redirect'),
+                            type: 'checkbox',
+                        },
+                    ], 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'),
+                    },
+                ],
+            }),
+    ]) }));
+/**
+ * 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 = {}) => (_jsx(ListScreenFrame, { translator: _, title: _('website_backend.redirects.title'), frame: frame, body: stack([
+        siteSwitcher(_, '/admin/website/redirects', sites, siteId, options.locale ?? ''),
+        ...(siteId
+            ? [
+                _jsx(Section, { title: _('website_backend.redirects.add'), description: _('website_backend.redirects.addHint'), body: _jsx(Surface, { padding: "compact", body: _jsx(RecordForm, { action: `/admin/website/redirects${options.locale ?? ''}`, hidden: { siteId }, layout: "inline", fields: [
+                                {
+                                    name: 'fromPath',
+                                    label: _('website_backend.redirects.from'),
+                                    value: options.values?.fromPath,
+                                    required: true,
+                                },
+                                {
+                                    name: 'toPath',
+                                    label: _('website_backend.redirects.to'),
+                                    value: options.values?.toPath,
+                                    required: true,
+                                },
+                                {
+                                    name: 'permanent',
+                                    label: _('website_backend.redirects.permanent'),
+                                    type: 'checkbox',
+                                    help: _('website_backend.redirects.permanentHint'),
+                                },
+                            ], submit: _('website_backend.action.save'), submitVariant: "primary", errors: options.errors }) }) }),
+            ]
+            : []),
+        !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'),
+                        },
+                    ],
+                }),
+    ]) }));
+/**
+ * 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 ?? ''),
+        ...(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'
+                                ? linkButton({
+                                    label: _('website_backend.action.activate'),
+                                    href: `/admin/website/publications/${row.id}/activate${options.locale ?? ''}`,
+                                    size: 'compact',
+                                    variant: 'primary',
+                                })
+                                : row.state === 'active'
+                                    ? linkButton({
+                                        label: _('website_backend.action.rollback'),
+                                        href: `/admin/website/publications/${row.id}/rollback${options.locale ?? ''}`,
+                                        size: 'compact',
+                                    })
+                                    : '',
+                        },
+                    ],
+                }),
+    ]) }));
+/**
+ * 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" }) }) }));
+//# sourceMappingURL=index.js.map