@simmalugnt-se/payload-content-health 0.1.0 → 0.2.0

package/dist/copy.js

@@ -115,3 +115,99 @@ export const COPY = {
         problems: "Några kontroller kunde inte köras:",
     },
 };
+/**
+ * The ready prompt behind "Fix with the assistant", written as the editor would ask. The document is
+ * open in the finding's locale with the field selected, so the prompt does not name either.
+ */
+export const ASK = {
+    en: {
+        "media.alt-missing": () => "Write an alt text for this image.",
+        "seo.title-missing": () => "Write a meta title for this page.",
+        "seo.title-length": ({ length }) => length
+            ? `The meta title is ${length.actual} characters. Rewrite it to ${length.min}–${length.max} characters.`
+            : "Rewrite the meta title to a better length.",
+        "seo.description-missing": () => "Write a meta description for this page.",
+        "seo.description-length": ({ length }) => length
+            ? `The meta description is ${length.actual} characters. Rewrite it to ${length.min}–${length.max} characters.`
+            : "Rewrite the meta description to a better length.",
+        "seo.image-missing": () => "Pick a share image for this page.",
+        "content.h1-missing": () => "This page has no main heading (H1). Suggest how to add one that says what the page is about.",
+        "content.h1-multiple": () => "This page has more than one main heading (H1). Suggest how to keep only one.",
+        "content.heading-skip": ({ heading }) => heading?.previous !== undefined
+            ? `The headings skip a level here (H${heading.previous} → H${heading.level}). Suggest how to fix the heading order.`
+            : "The headings skip a level here. Suggest how to fix the heading order.",
+        "content.thin": ({ words }) => words
+            ? `This page has ${words.actual} words. Suggest how to expand the text to at least ${words.min} words.`
+            : "This page has little text. Suggest how to expand it.",
+    },
+    sv: {
+        "media.alt-missing": () => "Skriv en alt-text för den här bilden.",
+        "seo.title-missing": () => "Skriv en metatitel för den här sidan.",
+        "seo.title-length": ({ length }) => length
+            ? `Metatiteln är ${length.actual} tecken. Skriv om den till ${length.min}–${length.max} tecken.`
+            : "Skriv om metatiteln till en bättre längd.",
+        "seo.description-missing": () => "Skriv en metabeskrivning för den här sidan.",
+        "seo.description-length": ({ length }) => length
+            ? `Metabeskrivningen är ${length.actual} tecken. Skriv om den till ${length.min}–${length.max} tecken.`
+            : "Skriv om metabeskrivningen till en bättre längd.",
+        "seo.image-missing": () => "Välj en delningsbild för den här sidan.",
+        "content.h1-missing": () => "Sidan saknar huvudrubrik (H1). Föreslå hur jag lägger till en som säger vad sidan handlar om.",
+        "content.h1-multiple": () => "Sidan har fler än en huvudrubrik (H1). Föreslå hur jag behåller bara en.",
+        "content.heading-skip": ({ heading }) => heading?.previous !== undefined
+            ? `Rubrikerna hoppar över en nivå här (H${heading.previous} → H${heading.level}). Föreslå hur jag rättar rubrikordningen.`
+            : "Rubrikerna hoppar över en nivå här. Föreslå hur jag rättar rubrikordningen.",
+        "content.thin": ({ words }) => words
+            ? `Sidan har ${words.actual} ord. Föreslå hur jag bygger ut texten till minst ${words.min} ord.`
+            : "Sidan har lite text. Föreslå hur jag bygger ut den.",
+    },
+};
+export const LIST_COPY = {
+    en: {
+        title: "Content health",
+        nav: "Content health",
+        intro: "Everything the checks found, in the latest version of each document, drafts included.",
+        summary: (findings, documents) => `${findings} ${findings === 1 ? "issue" : "issues"} in ${documents} ${documents === 1 ? "document" : "documents"}`,
+        check: "Check",
+        collection: "Collection",
+        locale: "Locale",
+        all: "All",
+        clear: "Clear filters",
+        document: "Document",
+        issue: "Issue",
+        draft: "Draft",
+        fix: "Fix with the assistant",
+        none: "No issues found.",
+        noneFiltered: "No issues match these filters.",
+    },
+    sv: {
+        title: "Innehållshälsa",
+        nav: "Innehållshälsa",
+        intro: "Allt kontrollerna hittade, i den senaste versionen av varje dokument, utkast inräknade.",
+        summary: (findings, documents) => `${findings} problem i ${documents} dokument`,
+        check: "Kontroll",
+        collection: "Samling",
+        locale: "Språk",
+        all: "Alla",
+        clear: "Rensa filter",
+        document: "Dokument",
+        issue: "Problem",
+        draft: "Utkast",
+        fix: "Åtgärda med assistenten",
+        none: "Inga problem hittades.",
+        noneFiltered: "Inga problem matchar filtren.",
+    },
+};
+/** A finding's detail: its length, word count or heading levels, when it has one. */
+export function findingDetail(language, finding) {
+    const copy = COPY[language];
+    const { heading, length, words } = finding;
+    return length
+        ? copy.length(length.actual, length.min, length.max)
+        : words
+            ? copy.words(words.actual, words.min)
+            : heading?.previous !== undefined
+                ? copy.headingSkip(heading.previous, heading.level)
+                : heading?.count
+                    ? copy.h1Count(heading.count)
+                    : undefined;
+}

package/dist/exports/client.d.ts

@@ -0,0 +1,3 @@
+export { ContentHealthFieldBridge } from "../admin/ContentHealthFieldBridge.tsx";
+export { ContentHealthNavLink } from "../admin/ContentHealthNavLink.tsx";
+export { WorkList } from "../view/WorkList.tsx";

package/dist/exports/client.js

@@ -0,0 +1,3 @@
+export { ContentHealthFieldBridge } from "../admin/ContentHealthFieldBridge.js";
+export { ContentHealthNavLink } from "../admin/ContentHealthNavLink.js";
+export { WorkList } from "../view/WorkList.js";

package/dist/exports/rsc.d.ts

@@ -1 +1,2 @@
+export { ContentHealthView } from "../view/ContentHealthView.tsx";
 export { ContentHealthWidget } from "../widget/ContentHealthWidget.tsx";

package/dist/exports/rsc.js

@@ -1 +1,2 @@
+export { ContentHealthView } from "../view/ContentHealthView.js";
 export { ContentHealthWidget } from "../widget/ContentHealthWidget.js";

package/dist/index.d.ts

@@ -4,7 +4,9 @@ export type { Heading, PageContent } from "./content.ts";
 export { countWords, readContent } from "./content.ts";
 export type { CheckGroup, CheckStats, DocumentFindings } from "./group.ts";
 export { checkStats, countDocuments, groupFindings } from "./group.ts";
-export { contentHealthPlugin, WIDGET_SLUG } from "./plugin.ts";
+export type { ListFilters } from "./links.ts";
+export { ASK_PARAM, ASSISTANT_CUSTOM_KEY, editURL, FIELD_PARAM, listURL, SELECT_EVENT, VIEW_PATH, } from "./links.ts";
+export { contentHealthPlugin, VIEW_KEY, WIDGET_SLUG } from "./plugin.ts";
 export type { ScanArgs, ScanResult } from "./scan.ts";
 export { scanContentHealth } from "./scan.ts";
 export type { AltTextOptions, CheckId, CollectionHealthOptions, ContentHealthPluginOptions, ContentOptions, Finding, HeadingLevels, LengthRange, SeoOptions, } from "./types.ts";

package/dist/index.js

@@ -1,6 +1,7 @@
 export { checkDocument, DEFAULT_MIN_WORDS, rulesFor, SEO_DEFAULTS } from "./checks.js";
 export { countWords, readContent } from "./content.js";
 export { checkStats, countDocuments, groupFindings } from "./group.js";
-export { contentHealthPlugin, WIDGET_SLUG } from "./plugin.js";
+export { ASK_PARAM, ASSISTANT_CUSTOM_KEY, editURL, FIELD_PARAM, listURL, SELECT_EVENT, VIEW_PATH, } from "./links.js";
+export { contentHealthPlugin, VIEW_KEY, WIDGET_SLUG } from "./plugin.js";
 export { scanContentHealth } from "./scan.js";
 export { CHECK_IDS } from "./types.js";

package/dist/links.d.ts

@@ -0,0 +1,37 @@
+import { type CheckId, type Finding } from "./types.ts";
+/** Admin path of the work list. */
+export declare const VIEW_PATH = "/content-health";
+/**
+ * Edit view parameter, read by this plugin's field bridge: the form path to bring into view,
+ * focus and highlight, e.g. `meta.title` or `layout.1.items.0.title`.
+ */
+export declare const FIELD_PARAM = "field";
+/**
+ * Edit view parameter, read by `@simmalugnt-se/payload-editor-assistant`: a prompt to put in the
+ * assistant's message box. The assistant opens and fills it in; the editor sends it.
+ */
+export declare const ASK_PARAM = "ask";
+/**
+ * Announced once the field bridge has brought a field into view: `detail: { path }`. The assistant
+ * takes it as the editor's selection, like a click in the visual editing preview.
+ */
+export declare const SELECT_EVENT = "content-health:select";
+/**
+ * Where `@simmalugnt-se/payload-editor-assistant` lists the collections it works in:
+ * `config.admin.custom.editorAssistant.collections`. The work list offers the assistant only there.
+ */
+export declare const ASSISTANT_CUSTOM_KEY = "editorAssistant";
+export declare function assistantCollections(adminCustom: unknown): string[];
+/** The document in the finding's locale with its field brought into view, and a prompt when given. */
+export declare function editURL(adminRoute: string, finding: Finding, ask?: string): string;
+export type ListFilters = {
+    check?: CheckId;
+    collection?: string;
+    locale?: string;
+};
+/** The work list, filtered. */
+export declare function listURL(adminRoute: string, filters?: ListFilters): string;
+export declare function filterQuery(filters: ListFilters): string;
+/** Filters from the list's search params; unknown checks are dropped. */
+export declare function readFilters(searchParams: Record<string, string | string[] | undefined> | undefined): ListFilters;
+export declare function matchesFilters(finding: Pick<Finding, "check" | "collection" | "locale">, filters: ListFilters): boolean;

package/dist/links.js

@@ -0,0 +1,86 @@
+/**
+ * How the work list talks to the edit view and the editor assistant without importing either: URL
+ * parameters on the edit view's address and one `window` event. Pure, so the server components and
+ * the client bridge build and read the same addresses.
+ */
+import { formatAdminURL } from "payload/shared";
+import { CHECK_IDS } from "./types.js";
+/** Admin path of the work list. */
+export const VIEW_PATH = "/content-health";
+/**
+ * Edit view parameter, read by this plugin's field bridge: the form path to bring into view,
+ * focus and highlight, e.g. `meta.title` or `layout.1.items.0.title`.
+ */
+export const FIELD_PARAM = "field";
+/**
+ * Edit view parameter, read by `@simmalugnt-se/payload-editor-assistant`: a prompt to put in the
+ * assistant's message box. The assistant opens and fills it in; the editor sends it.
+ */
+export const ASK_PARAM = "ask";
+/**
+ * Announced once the field bridge has brought a field into view: `detail: { path }`. The assistant
+ * takes it as the editor's selection, like a click in the visual editing preview.
+ */
+export const SELECT_EVENT = "content-health:select";
+/**
+ * Where `@simmalugnt-se/payload-editor-assistant` lists the collections it works in:
+ * `config.admin.custom.editorAssistant.collections`. The work list offers the assistant only there.
+ */
+export const ASSISTANT_CUSTOM_KEY = "editorAssistant";
+export function assistantCollections(adminCustom) {
+    const entry = adminCustom?.[ASSISTANT_CUSTOM_KEY];
+    const collections = entry?.collections;
+    return Array.isArray(collections)
+        ? collections.filter((slug) => typeof slug === "string")
+        : [];
+}
+/** The document in the finding's locale with its field brought into view, and a prompt when given. */
+export function editURL(adminRoute, finding, ask) {
+    const path = `/collections/${finding.collection}/${encodeURIComponent(String(finding.id))}`;
+    const params = new URLSearchParams();
+    if (finding.locale) {
+        params.set("locale", finding.locale);
+    }
+    params.set(FIELD_PARAM, finding.path);
+    if (ask) {
+        params.set(ASK_PARAM, ask);
+    }
+    return `${formatAdminURL({ adminRoute, path })}?${params}`;
+}
+/** The work list, filtered. */
+export function listURL(adminRoute, filters = {}) {
+    const url = formatAdminURL({ adminRoute, path: VIEW_PATH });
+    const query = filterQuery(filters);
+    return query ? `${url}?${query}` : url;
+}
+export function filterQuery(filters) {
+    const params = new URLSearchParams();
+    for (const key of ["check", "collection", "locale"]) {
+        const value = filters[key];
+        if (value) {
+            params.set(key, value);
+        }
+    }
+    return params.toString();
+}
+/** Filters from the list's search params; unknown checks are dropped. */
+export function readFilters(searchParams) {
+    const first = (key) => {
+        const value = searchParams?.[key];
+        return (Array.isArray(value) ? value[0] : value) || undefined;
+    };
+    const check = first("check");
+    const collection = first("collection");
+    const locale = first("locale");
+    return {
+        ...(check && CHECK_IDS.includes(check) ? { check: check } : {}),
+        ...(collection ? { collection } : {}),
+        ...(locale ? { locale } : {}),
+    };
+}
+export function matchesFilters(finding, filters) {
+    return ((!filters.check || finding.check === filters.check) &&
+        (!filters.collection || finding.collection === filters.collection) &&
+        // Unlocalized fields belong to every locale.
+        (!filters.locale || !finding.locale || finding.locale === filters.locale));
+}

package/dist/package-name.d.ts

@@ -1,2 +1,3 @@
 export declare const PACKAGE_NAME = "@simmalugnt-se/payload-content-health";
 export declare const RSC_ENTRY = "@simmalugnt-se/payload-content-health/rsc";
+export declare const CLIENT_ENTRY = "@simmalugnt-se/payload-content-health/client";

package/dist/package-name.js

@@ -1,2 +1,3 @@
 export const PACKAGE_NAME = "@simmalugnt-se/payload-content-health";
 export const RSC_ENTRY = `${PACKAGE_NAME}/rsc`;
+export const CLIENT_ENTRY = `${PACKAGE_NAME}/client`;

package/dist/plugin.d.ts

@@ -1,4 +1,6 @@
 import type { Plugin } from "payload";
 import { type ContentHealthPluginOptions } from "./types.ts";
 export declare const WIDGET_SLUG = "content-health";
+/** Key of the work list in `admin.components.views`. */
+export declare const VIEW_KEY = "contentHealth";
 export declare function contentHealthPlugin(options: ContentHealthPluginOptions): Plugin;

package/dist/plugin.js

@@ -1,8 +1,11 @@
 import { CHECK_LABELS } from "./copy.js";
-import { RSC_ENTRY } from "./package-name.js";
+import { VIEW_PATH } from "./links.js";
+import { CLIENT_ENTRY, RSC_ENTRY } from "./package-name.js";
 import { CUSTOM_KEY } from "./scan.js";
 import { CHECK_IDS } from "./types.js";
 export const WIDGET_SLUG = "content-health";
+/** Key of the work list in `admin.components.views`. */
+export const VIEW_KEY = "contentHealth";
 const widget = {
     slug: WIDGET_SLUG,
     Component: `${RSC_ENTRY}#ContentHealthWidget`,
@@ -35,10 +38,27 @@ export function contentHealthPlugin(options) {
                     { widgetSlug: "collections", width: "full" },
                     { widgetSlug: WIDGET_SLUG, width: "full" },
                 ]);
+        const components = config.admin?.components;
         return {
             ...config,
+            collections: (config.collections ?? []).map((collection) => options.collections[collection.slug] ? withFieldBridge(collection) : collection),
             admin: {
                 ...config.admin,
+                components: {
+                    ...components,
+                    beforeNavLinks: [
+                        ...(components?.beforeNavLinks ?? []),
+                        `${CLIENT_ENTRY}#ContentHealthNavLink`,
+                    ],
+                    views: {
+                        ...components?.views,
+                        [VIEW_KEY]: {
+                            Component: `${RSC_ENTRY}#ContentHealthView`,
+                            path: VIEW_PATH,
+                            meta: { title: "Content health" },
+                        },
+                    },
+                },
                 dashboard: {
                     ...dashboard,
                     widgets: [...(dashboard?.widgets ?? []), widget],
@@ -49,3 +69,23 @@ export function contentHealthPlugin(options) {
         };
     };
 }
+/** Brings the field a work list link names (`?field=`) into view in the edit form. */
+function withFieldBridge(collection) {
+    const edit = collection.admin?.components?.edit;
+    return {
+        ...collection,
+        admin: {
+            ...collection.admin,
+            components: {
+                ...collection.admin?.components,
+                edit: {
+                    ...edit,
+                    beforeDocumentControls: [
+                        ...(edit?.beforeDocumentControls ?? []),
+                        `${CLIENT_ENTRY}#ContentHealthFieldBridge`,
+                    ],
+                },
+            },
+        },
+    };
+}

package/dist/styles/admin.css

@@ -0,0 +1,27 @@
+/*
+ * Edit view and nav. The field highlight is the one visual editing uses (.pve-highlight), so both
+ * read as the same selection.
+ */
+.content-health-highlight {
+  border-radius: 4px;
+  animation: content-health-highlight 1.6s ease-out;
+}
+
+@keyframes content-health-highlight {
+  0%,
+  40% {
+    outline: 2px solid #2563eb;
+    outline-offset: 4px;
+    background-color: rgba(37, 99, 235, 0.12);
+  }
+  100% {
+    outline: 2px solid transparent;
+    outline-offset: 4px;
+    background-color: transparent;
+  }
+}
+
+/* The work list's nav link sits above Payload's groups; space it like a group. */
+.content-health-nav {
+  margin-bottom: calc(var(--base) * 0.75);
+}

package/dist/styles/view.css

@@ -0,0 +1,148 @@
+/* The work list. Colors come from Payload's theme; the accent is the blue the widget uses. */
+.content-health-list {
+  --content-health-accent: #2563eb;
+  padding-bottom: calc(var(--base) * 2);
+}
+
+html[data-theme="dark"] .content-health-list {
+  --content-health-accent: #60a5fa;
+}
+
+.content-health-list__header {
+  padding: calc(var(--base) * 1.5) 0 var(--base);
+}
+
+.content-health-list__header h1 {
+  margin: 0;
+}
+
+.content-health-list__intro {
+  margin: calc(var(--base) * 0.5) 0 0;
+  max-width: 44rem;
+  color: var(--theme-elevation-600);
+}
+
+.content-health-list__filters {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  gap: calc(var(--base) * 0.75);
+}
+
+.content-health-list__filter {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--base) * 0.25);
+  font-size: 0.9em;
+  color: var(--theme-elevation-600);
+}
+
+.content-health-list__filter select {
+  min-width: 12rem;
+  height: calc(var(--base) * 1.6);
+  padding: 0 calc(var(--base) * 0.5);
+  border: 1px solid var(--theme-elevation-150);
+  border-radius: var(--style-radius-s);
+  background: var(--theme-input-bg, var(--theme-elevation-0));
+  color: var(--theme-text);
+  font: inherit;
+}
+
+.content-health-list__summary {
+  min-height: 1.5em;
+  margin: var(--base) 0 calc(var(--base) * 0.5);
+  color: var(--theme-elevation-600);
+}
+
+/* One grid for all rows, so the columns line up; each row takes its tracks through subgrid. */
+.content-health-list__rows {
+  display: grid;
+  grid-template-columns: minmax(12rem, 1fr) minmax(12rem, 1.5fr) auto;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  border: 1px solid var(--theme-elevation-150);
+  border-radius: var(--style-radius-m);
+  background: var(--theme-elevation-0);
+}
+
+.content-health-list__row {
+  display: grid;
+  grid-column: 1 / -1;
+  grid-template-columns: subgrid;
+  align-items: center;
+  gap: calc(var(--base) * 0.75);
+  padding: calc(var(--base) * 0.6) calc(var(--base) * 0.8);
+}
+
+.content-health-list__row + .content-health-list__row {
+  border-top: 1px solid var(--theme-elevation-100);
+}
+
+.content-health-list__what,
+.content-health-list__document {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: calc(var(--base) * 0.25) calc(var(--base) * 0.5);
+  min-width: 0;
+}
+
+.content-health-list__what {
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.content-health-list__check {
+  font-weight: 500;
+}
+
+.content-health-list__detail {
+  color: var(--theme-elevation-600);
+  font-size: 0.9em;
+}
+
+.content-health-list__document a {
+  color: var(--content-health-accent);
+  text-decoration: none;
+}
+
+.content-health-list__document a:hover {
+  text-decoration: underline;
+}
+
+.content-health-list__pill {
+  padding: 0 calc(var(--base) * 0.3);
+  border-radius: var(--style-radius-s);
+  background: var(--theme-elevation-100);
+  color: var(--theme-elevation-800);
+  font-size: 0.8em;
+  text-transform: uppercase;
+}
+
+.content-health-list__pill--draft {
+  text-transform: none;
+}
+
+.content-health-list__actions {
+  justify-self: end;
+}
+
+.content-health-list__empty {
+  color: var(--theme-elevation-600);
+}
+
+.content-health-list__problems {
+  margin-top: var(--base);
+  color: var(--theme-error-600);
+}
+
+@media (max-width: 768px) {
+  .content-health-list__rows {
+    grid-template-columns: 1fr;
+  }
+
+  .content-health-list__actions {
+    justify-self: start;
+  }
+}

package/dist/styles/widget.css

@@ -115,7 +115,7 @@ html[data-theme="dark"] .content-health {
 .content-health__rows {
   display: flex;
   flex-direction: column;
-  gap: calc(var(--base) * 0.3);
+  gap: calc(var(--base) * 0.6);
   margin: 0;
   padding: calc(var(--base) * 0.6) 0 0;
   border-top: 1px solid var(--theme-elevation-100);
@@ -123,16 +123,28 @@ html[data-theme="dark"] .content-health {
 }
 
 .content-health__row {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--base) * 0.25);
+}
+
+.content-health__locales {
   display: flex;
   flex-wrap: wrap;
-  align-items: baseline;
-  gap: calc(var(--base) * 0.3);
+  gap: calc(var(--base) * 0.25);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.content-health__locales--stacked {
+  flex-direction: column;
 }
 
 .content-health__locale {
-  display: inline-flex;
+  display: flex;
   align-items: baseline;
-  gap: calc(var(--base) * 0.2);
+  gap: calc(var(--base) * 0.3);
 }
 
 .content-health__pill {
@@ -171,3 +183,7 @@ html[data-theme="dark"] .content-health {
     height: 5.5rem;
   }
 }
+
+.content-health__more a {
+  color: inherit;
+}

package/dist/view/ContentHealthView.d.ts

@@ -0,0 +1,8 @@
+import type { AdminViewServerProps } from "payload";
+import "../styles/view.css";
+/**
+ * The work list: every finding with filters on check, collection and locale. Each row opens the
+ * document in the finding's locale with the field selected; where the editor assistant works, a
+ * second link opens it with a ready prompt too. Scans once per visit; the filters work in the browser.
+ */
+export declare function ContentHealthView({ initPageResult, params, searchParams, }: AdminViewServerProps): Promise<import("react").JSX.Element>;

package/dist/view/ContentHealthView.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DefaultTemplate } from "@payloadcms/next/templates";
+import { Gutter, SetStepNav } from "@payloadcms/ui";
+import { ASK, CHECK_LABELS, findingDetail, LIST_COPY, uiLanguage } from "../copy.js";
+import { assistantCollections, editURL, readFilters } from "../links.js";
+import { scanContentHealth } from "../scan.js";
+import { CHECK_IDS } from "../types.js";
+import { WorkList } from "./WorkList.js";
+import "../styles/view.css";
+/**
+ * The work list: every finding with filters on check, collection and locale. Each row opens the
+ * document in the finding's locale with the field selected; where the editor assistant works, a
+ * second link opens it with a ready prompt too. Scans once per visit; the filters work in the browser.
+ */
+export async function ContentHealthView({ initPageResult, params, searchParams, }) {
+    const { req, locale, permissions, visibleEntities } = initPageResult;
+    const language = uiLanguage(req.i18n?.language);
+    const copy = LIST_COPY[language];
+    const { config } = req.payload;
+    const adminRoute = config.routes.admin;
+    const result = await scanContentHealth({ payload: req.payload, user: req.user });
+    const withAssistant = new Set(assistantCollections(config.admin?.custom));
+    const rows = sortFindings(result.findings).map((finding, index) => {
+        const detail = findingDetail(language, finding);
+        return {
+            key: `${index}:${finding.collection}:${finding.id}:${finding.check}:${finding.path}:${finding.locale ?? ""}`,
+            check: finding.check,
+            checkLabel: CHECK_LABELS[language][finding.check],
+            collection: finding.collection,
+            title: finding.title,
+            draft: finding.status === "draft",
+            href: editURL(adminRoute, finding),
+            ...(finding.locale ? { locale: finding.locale } : {}),
+            ...(detail ? { detail } : {}),
+            ...(withAssistant.has(finding.collection)
+                ? { askHref: editURL(adminRoute, finding, ASK[language][finding.check](finding)) }
+                : {}),
+        };
+    });
+    const checks = result.checks.map((check) => ({
+        value: check,
+        label: CHECK_LABELS[language][check],
+    }));
+    const collections = Object.keys(result.documents).map((slug) => ({
+        value: slug,
+        label: label(req.payload.collections[slug]?.config.labels?.plural, language) ?? slug,
+    }));
+    const locales = config.localization
+        ? config.localization.locales.map((locale) => ({
+            value: locale.code,
+            label: label(locale.label, language) ?? locale.code,
+        }))
+        : [];
+    // Payload wraps only its own views in the Admin shell; a custom view brings nav and header itself.
+    return (_jsx(DefaultTemplate, { i18n: req.i18n, locale: locale, params: params, payload: req.payload, permissions: permissions, req: req, searchParams: searchParams, user: req.user ?? undefined, visibleEntities: visibleEntities, children: _jsxs(Gutter, { className: "content-health-list", children: [_jsx(SetStepNav, { nav: [{ label: copy.title }] }), _jsxs("header", { className: "content-health-list__header", children: [_jsx("h1", { children: copy.title }), _jsx("p", { className: "content-health-list__intro", children: copy.intro })] }), _jsx(WorkList, { checks: checks, collections: collections, initialFilters: readFilters(searchParams), language: language, locales: locales, rows: rows }), result.problems.length ? (_jsx("ul", { className: "content-health-list__problems", children: result.problems.map((problem) => (_jsx("li", { children: problem }, problem))) })) : null] }) }));
+}
+/** By check, then document, then locale, so a document's locales sit together. */
+function sortFindings(findings) {
+    return [...findings].sort((a, b) => CHECK_IDS.indexOf(a.check) - CHECK_IDS.indexOf(b.check) ||
+        a.collection.localeCompare(b.collection) ||
+        a.title.localeCompare(b.title) ||
+        String(a.id).localeCompare(String(b.id)) ||
+        a.path.localeCompare(b.path) ||
+        (a.locale ?? "").localeCompare(b.locale ?? ""));
+}
+/** A config label: a string, or one per language. Functions are left to Payload. */
+function label(value, language) {
+    if (typeof value === "string") {
+        return value;
+    }
+    if (value && typeof value === "object") {
+        const labels = value;
+        const text = labels[language] ?? labels.en ?? Object.values(labels)[0];
+        return typeof text === "string" ? text : undefined;
+    }
+    return undefined;
+}