smoodly 0.0.27 → 0.0.29

package/dist/admin/shell/AddRedirectModal.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Add a redirect by hand (spec 2026-09-26 redirects §5–§6): the old
+// address, checked as typed with redirect-path.ts so the message shows
+// before the op repeats the check, and the target — one type-ahead over
+// every page and routed entry live in the locale, "Title · /path".
+import { useState } from "react";
+import { REDIRECT_PATH_MESSAGE, redirectPathProblem } from "../redirect-path.js";
+import { Combobox } from "../ui/Combobox.js";
+import { Modal } from "../ui/Modal.js";
+import { Banner, Button, Field } from "../ui/primitives.js";
+import { parseTargetValue, targetOptions } from "./redirects-list.js";
+export function AddRedirectModal({ locale, registry, targets, onClose, onAdd }) {
+    const [path, setPath] = useState("");
+    const [target, setTarget] = useState(null);
+    const [error, setError] = useState(null);
+    const [busy, setBusy] = useState(false);
+    const problem = redirectPathProblem(path, { adminPath: registry.adminPath, multilingual: registry.locales.supported.length > 1 });
+    const picked = target ? targets.find((t) => t.target.kind === target.kind && t.target.id === target.id) : undefined;
+    const submit = async (e) => {
+        e.preventDefault();
+        if (!target || problem)
+            return;
+        setBusy(true);
+        setError(await onAdd(path, target));
+        setBusy(false);
+    };
+    return (_jsx(Modal, { title: "Add redirect", width: 480, onClose: onClose, children: _jsxs("form", { onSubmit: submit, style: { display: "flex", flexDirection: "column", gap: 14 }, children: [_jsx(Field, { label: "Old address", error: path !== "" && problem ? REDIRECT_PATH_MESSAGE[problem] : undefined, children: _jsx("input", { className: "sm-input sm-input--mono", autoFocus: true, placeholder: "/old-address", value: path, onChange: (e) => setPath(e.target.value) }) }), _jsx(Field, { label: "Redirects to", asDiv: true, hint: `A page or entry that is live in ${locale}.`, children: _jsx(Combobox, { label: "Redirects to", options: targetOptions(targets), placeholder: "Type a title or an address", emptyText: `Nothing is live in ${locale} yet.`, selected: picked ? `${picked.title} · ${picked.path}` : undefined, onPick: (value) => setTarget(parseTargetValue(value)) }) }), error && _jsx(Banner, { tone: "error", children: error }), _jsxs("div", { style: { display: "flex", justifyContent: "flex-end", gap: 8 }, children: [_jsx(Button, { variant: "secondary", onClick: onClose, children: "Cancel" }), _jsx("button", { type: "submit", className: "sm-btn sm-btn--primary", disabled: busy || !target || path === "" || problem !== null, children: busy ? "Saving…" : "Save redirect" })] })] }) }));
+}

package/dist/admin/shell/AdminApp.js

@@ -28,7 +28,6 @@ import { ConfirmHost } from "../ui/ConfirmDialog.js";
 import { useRoute } from "./router.js";
 import { AdminPathProvider } from "./base.js";
 import { mountMismatch } from "../../admin-path.js";
-import { can } from "../../permissions.js";
 import { ErrorPane } from "./ErrorPane.js";
 import { MediaScreen } from "./MediaScreen.js";
 import { SettingsView } from "./SettingsView.js";
@@ -139,10 +138,10 @@ export function AdminApp({ registry, op, auth, content }) {
     else if (head === "globals" && tail)
         main = _jsx(GlobalForm, { ops: ops, registry: registry, name: decodeURIComponent(tail) });
     else if (head === "settings")
-        main = _jsx(SettingsView, { ops: ops, tail: tail, role: role, userId: userId });
+        main = _jsx(SettingsView, { ops: ops, registry: registry, tail: tail, role: role, userId: userId });
     else if (head === "media")
         main = _jsx(MediaScreen, {});
     else
         main = _jsx(ErrorPane, { message: "Not found." });
-    return (_jsx(AdminPathProvider, { value: registry.adminPath, children: _jsx(PresenceProvider, { value: presence, children: _jsx(ElementsProvider, { elements: registry.elements, children: _jsx(TimeZoneProvider, { zone: registry.timeZone, children: _jsxs(AssetsProvider, { ops: ops, media: registry.media, children: [_jsxs("div", { className: "sm-shell", children: [_jsx(IconRail, { registry: registry, active: head, email: email, settings: role !== null && can(role, "settings"), onSignOut: () => session.client.auth.signOut() }), _jsx("main", { className: "sm-main", children: main }, `${head}/${tail ?? ""}`)] }), _jsx(ConfirmHost, {})] }) }) }) }) }));
+    return (_jsx(AdminPathProvider, { value: registry.adminPath, children: _jsx(PresenceProvider, { value: presence, children: _jsx(ElementsProvider, { elements: registry.elements, children: _jsx(TimeZoneProvider, { zone: registry.timeZone, children: _jsxs(AssetsProvider, { ops: ops, media: registry.media, children: [_jsxs("div", { className: "sm-shell", children: [_jsx(IconRail, { registry: registry, active: head, email: email, settings: role !== null, onSignOut: () => session.client.auth.signOut() }), _jsx("main", { className: "sm-main", children: main }, `${head}/${tail ?? ""}`)] }), _jsx(ConfirmHost, {})] }) }) }) }) }));
 }

package/dist/admin/shell/ContentHealthPage.d.ts

@@ -0,0 +1,10 @@
+import { type ReactElement } from "react";
+import type { AdminOps } from "../ops.ts";
+import type { AdminRegistry } from "../serialize.ts";
+import type { HealthReport } from "../health.ts";
+export declare function ContentHealthPage({ ops, registry, initial }: {
+    ops: AdminOps;
+    registry: AdminRegistry;
+    /** Static-markup tests: a report without a scan. */
+    initial?: HealthReport | null;
+}): ReactElement;

package/dist/admin/shell/ContentHealthPage.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// Settings › Content health (spec 2026-09-27 editor safety §4): the scan on
+// open and on Rescan; "Blocks publishing" then "Left over", each group a
+// headline over its documents with their locales, Draft/Live tags and an
+// Open link. It only points — the editors fix. Every member.
+import { useEffect, useState } from "react";
+import { Button, TopBar } from "../ui/primitives.js";
+import { useAdminHref } from "./base.js";
+import { ErrorPane } from "./ErrorPane.js";
+import { RouteLink } from "./RouteLink.js";
+import { GROUP_PREVIEW, healthSections } from "./health-list.js";
+export function ContentHealthPage({ ops, registry, initial = null }) {
+    const [report, setReport] = useState(initial);
+    const [error, setError] = useState(null);
+    const scan = () => {
+        setError(null);
+        setReport(null);
+        ops.health.scan()
+            .then((r) => (r.ok ? setReport(r.data) : setError(r.message)))
+            .catch(() => setError("Couldn't reach the server."));
+    };
+    useEffect(() => { if (!initial)
+        scan(); }, [ops, initial]); // eslint-disable-line react-hooks/exhaustive-deps
+    if (error)
+        return _jsx(ErrorPane, { message: error, back: false, onRetry: scan });
+    const sections = report ? healthSections(report, registry) : null;
+    const brokenCount = sections ? sections.broken.length + sections.collections.length : 0;
+    return (_jsxs(_Fragment, { children: [_jsx(TopBar, { left: _jsx("span", { className: "sm-title", children: "Content health" }), right: _jsxs(_Fragment, { children: [report && _jsx("span", { className: "sm-hint", children: "Checked just now" }), _jsx(Button, { variant: "secondary", onClick: scan, disabled: !report, children: "Rescan" })] }) }), _jsx("div", { className: "sm-listwrap", children: _jsxs("div", { className: "sm-table sm-health", children: [!sections && _jsx("div", { className: "sm-empty", children: "Checking content\u2026" }), sections && brokenCount === 0 && sections.orphan.length === 0 && _jsx("div", { className: "sm-empty", children: "Everything matches the code." }), sections && brokenCount > 0 && (_jsxs("section", { children: [_jsxs("h2", { className: "sm-health__section", children: ["Blocks publishing \u00B7 ", brokenCount] }), sections.collections.map((c) => _jsx("p", { className: "sm-health__headline", children: c.headline }, c.name)), sections.broken.map((g) => _jsx(Group, { group: g }, g.key))] })), sections && sections.orphan.length > 0 && (_jsxs("section", { children: [_jsxs("h2", { className: "sm-health__section", children: ["Left over \u00B7 ", sections.orphan.length] }), sections.orphan.map((g) => _jsx(Group, { group: g }, g.key))] }))] }) })] }));
+}
+function Group({ group }) {
+    const adminHref = useAdminHref();
+    const [all, setAll] = useState(false);
+    const rows = all ? group.rows : group.rows.slice(0, GROUP_PREVIEW);
+    const n = group.rows.length;
+    return (_jsxs("div", { className: "sm-health__group", children: [_jsxs("div", { className: "sm-health__headline", children: [_jsx("span", { children: group.headline }), _jsxs("span", { className: "sm-hint", children: [n, " ", n === 1 ? "document" : "documents"] })] }), rows.map((r) => (_jsxs("div", { className: "sm-row sm-health__row", children: [_jsx("span", { className: "sm-cell", children: r.title }), _jsx("span", { className: "sm-cell sm-hint", children: r.kind }), _jsx("span", { className: "sm-cell", children: r.locales.join(" ") }), _jsxs("span", { className: "sm-cell", children: [r.draft && _jsx("span", { className: "sm-badge", style: { background: "var(--status-draft-bg)", color: "var(--status-draft-fg)" }, children: "Draft" }), r.live && _jsx("span", { className: "sm-badge", style: { background: "var(--status-published-bg)", color: "var(--status-published-fg)" }, children: "Live" })] }), _jsx("span", { className: "sm-cell", children: _jsx(RouteLink, { href: adminHref(r.href), children: "Open \u2192" }) })] }, r.key))), !all && n > GROUP_PREVIEW && _jsxs(Button, { variant: "secondary", onClick: () => setAll(true), children: ["Show all ", n] })] }));
+}

package/dist/admin/shell/EntriesList.js

@@ -14,7 +14,7 @@ import { relativeTime } from "../ui/format.js";
 import { useSortable } from "../ui/useSortable.js";
 import { useAdminHref } from "./base.js";
 import { navigate } from "./router.js";
-import { confirm } from "../ui/confirm.js";
+import { confirm, notify } from "../ui/confirm.js";
 import { ErrorPane } from "./ErrorPane.js";
 import { rememberLocale, rememberedLocale } from "./locale-memory.js";
 import { usePresenceState } from "./presence-context.js";
@@ -53,7 +53,7 @@ export function EntriesList({ ops, registry, collection }) {
                 result = { ok: false, code: "internal", message: "Couldn't reach the server." };
             }
             if (!result.ok) {
-                window.alert(result.message);
+                void notify({ title: "Couldn't move the entry", message: result.message });
                 throw new Error(result.message);
             }
             await load();
@@ -76,7 +76,7 @@ export function EntriesList({ ops, registry, collection }) {
             result = { ok: false, code: "internal", message: "Couldn't reach the server." };
         }
         if (!result.ok) {
-            window.alert(result.message);
+            void notify({ title: "Couldn't create the entry", message: result.message });
             return;
         }
         open(result.data.id);
@@ -102,7 +102,7 @@ export function EntriesList({ ops, registry, collection }) {
             result = { ok: false, code: "internal", message: "Couldn't reach the server." };
         }
         if (!result.ok) {
-            window.alert(result.message);
+            void notify({ title: `Couldn't add the entry to ${locale}`, message: result.message });
             return;
         }
         open(row.id);

package/dist/admin/shell/EntryForm.js

@@ -35,11 +35,16 @@ import { entrySourceLocale, entryTitle, localizedFieldKeys } from "./entries-lis
 import { useAdminHref } from "./base.js";
 import { localeFromUrl, writeLocaleToUrl } from "../editor/locale-url.js";
 import { navigate, useLeaveGuard } from "./router.js";
-import { LIVE_URL_CONFIRM, liveUrlChanges } from "./live-url.js";
-import { confirm, DISCARD_CONFIRM } from "../ui/confirm.js";
+import { LIVE_URL_CONFIRM, LIVE_URL_OPTION, liveUrlChanges } from "./live-url.js";
+import { confirm, confirmWithOption, DISCARD_CONFIRM } from "../ui/confirm.js";
 import { draftToken } from "../../draft-token.js";
 import { isStale, staleInfoOf } from "./stale.js";
 import { StaleBanner } from "../ui/StaleBanner.js";
+import { DriftNotice } from "../ui/DriftNotice.js";
+import { OrphanFields } from "../forms/OrphanFields.js";
+import { entryDrift } from "../drift.js";
+import { misfitErrors } from "../drift-copy.js";
+import { unsetAtPath } from "../field-paths.js";
 import { usePresence, usePresenceState, useSavedElsewhere, useTrackPresence } from "./presence-context.js";
 import { editorsOf } from "./presence.js";
 import { PresenceLine } from "../ui/PresenceLine.js";
@@ -53,6 +58,7 @@ export function EntryForm({ ops, registry, collection, id }) {
     const [record, setRecord] = useState(null);
     const [fields, setFields] = useState(null);
     const [urls, setUrls] = useState({});
+    const [redirects, setRedirects] = useState({});
     const [parentLocales, setParentLocales] = useState(registry.locales.supported);
     const [notice, setNotice] = useState(null);
     const [fieldErrors, setFieldErrors] = useState({});
@@ -68,6 +74,7 @@ export function EntryForm({ ops, registry, collection, id }) {
     const [history, setHistory] = useState(null);
     const [snapshot, setSnapshot] = useState(null);
     const [stale, setStale] = useState(null);
+    const [liveFindings, setLiveFindings] = useState([]);
     const formRef = useRef(null);
     const fieldsRef = useRef(fields);
     fieldsRef.current = fields;
@@ -75,6 +82,8 @@ export function EntryForm({ ops, registry, collection, id }) {
     recordRef.current = record;
     /** The slug the editor already confirmed as a live-URL change, so the next autosave does not ask again. */
     const confirmedSlug = useRef(null);
+    /** The confirm's "Redirect the old address" answer for the save that follows it (spec 2026-09-26 redirects §6). */
+    const redirectRef = useRef(true);
     // The page editor's controller: debounced, retrying, flushable (spec 2026-09-14 §3).
     /** The token of the row on screen — what every guarded op sends (spec 2026-09-26 concurrency §1). */
     const token = () => { const row = recordRef.current?.locales[locale]; return row ? draftToken(row) : null; };
@@ -93,15 +102,19 @@ export function EntryForm({ ops, registry, collection, id }) {
             if (next !== confirmedSlug.current && liveUrlChanges({ status: row?.status, from: stored, to: next })) {
                 const current = recordRef.current;
                 const subject = current && meta ? { name: entryTitle(current, meta, registry, locale), path: slugPrefix && stored ? `${slugPrefix}${stored}` : null } : undefined;
-                if (await confirm({ ...LIVE_URL_CONFIRM, subject }))
+                const { yes, checked } = await confirmWithOption({ ...LIVE_URL_CONFIRM, option: { ...LIVE_URL_OPTION }, subject });
+                if (yes) {
                     confirmedSlug.current = next;
+                    redirectRef.current = checked;
+                }
                 else {
                     value = { ...value, slug: stored };
                     setFields((f) => ({ ...(f ?? {}), slug: stored }));
                 }
             }
-            const r = await ops.entries.save(collection, id, locale, value, token());
+            const r = await ops.entries.save(collection, id, locale, value, token(), { redirect: redirectRef.current });
             if (r.ok) {
+                redirectRef.current = true;
                 setRecord(r.data);
                 presence?.announce(target, r.data.locales[locale]?.draftSavedAt ?? null);
             }
@@ -140,7 +153,9 @@ export function EntryForm({ ops, registry, collection, id }) {
                 setRecord(r.data.record);
                 setFields(r.data.fields);
                 setUrls(r.data.urls);
+                setRedirects(r.data.redirects);
                 setParentLocales(r.data.parentLocales);
+                setLiveFindings(r.data.liveFindings);
             }
             else
                 setNotice({ tone: "error", text: r.message });
@@ -148,6 +163,11 @@ export function EntryForm({ ops, registry, collection, id }) {
             setNotice({ tone: "error", text: "Couldn't reach the server." }); });
         return () => { cancelled = true; };
     }, [ops, collection, id, locale, reloadKey]);
+    // Drift (spec 2026-09-27 editor safety §5): the draft on screen against the registry.
+    const findings = useMemo(() => (fields && record?.locales[locale]
+        ? entryDrift(registry, collection, { fields, shared: record.fields, own: record.locales[locale].fields })
+        : []), [fields, record, locale, registry, collection]);
+    const markerErrors = useMemo(() => ({ ...misfitErrors(findings), ...fieldErrors }), [findings, fieldErrors]);
     if (!meta)
         return _jsx("p", { style: { padding: 32 }, children: "No such collection." });
     const row = record?.locales[locale];
@@ -398,7 +418,7 @@ export function EntryForm({ ops, registry, collection, id }) {
         return record ? { name: heading, path: slugPrefix && slug ? `${slugPrefix}${slug}` : null } : undefined;
     };
     const present = record ? registry.locales.supported.filter((l) => record.locales[l]) : [locale];
-    const widget = ([key, d]) => (_jsx(FieldWidget, { fieldKey: key, descriptor: d, value: fields?.[key], errors: fieldErrors, refOptions: refTargets[key] ? refOptions[refTargets[key]] : undefined, suggestions: tagSuggestions[key], prefix: d.type === "slug" ? slugPrefix : undefined, mark: multilingual && !localeKeys.includes(key) ? _jsx(UnlocalizedMark, {}) : undefined, onChange: (value) => {
+    const widget = ([key, d]) => (_jsx(FieldWidget, { fieldKey: key, descriptor: d, value: fields?.[key], errors: markerErrors, refOptions: refTargets[key] ? refOptions[refTargets[key]] : undefined, suggestions: tagSuggestions[key], prefix: d.type === "slug" ? slugPrefix : undefined, mark: multilingual && !localeKeys.includes(key) ? _jsx(UnlocalizedMark, {}) : undefined, onChange: (value) => {
             setFields((f) => ({ ...(f ?? {}), [key]: value }));
             setDirty(true);
             setTouched(true);
@@ -411,6 +431,11 @@ export function EntryForm({ ops, registry, collection, id }) {
                                 trailing: multilingual && (_jsx(LocaleSwitcher, { registry: registry, present: present, parentLocales: parentLocales, value: locale, adding: adding, onSwitch: (l) => { void switchLocale(l); }, onAdd: (l) => void doAddLocale(l) })),
                             },
                             { label: heading },
-                        ] }) }), right: _jsxs(_Fragment, { children: [(touched || saveState === "error") && _jsx(SaveIndicator, { state: saveState, pending: dirty }), urls[locale] && (_jsx(LinkButton, { icon: true, href: urls[locale], target: "_blank", rel: "noreferrer", "aria-label": "View live", title: "View live \u2014 opens the site route. While the admin's draft-mode cookie is on, this shows the DRAFT \u2014 open it in a private window to see what visitors see.", children: _jsx(Eye, { size: 16, strokeWidth: 1.5, "aria-hidden": "true" }) })), _jsx(PublishControl, { status: status, pending: dirty || saveState !== "saved", busy: busy, flash: published, disabled: !row, onPublish: () => { void publish(); }, onUnpublish: () => { void unpublish(); }, onDiscard: () => { void discard(); }, onHistory: () => { void openHistory(); } })] }) }), history && row && (_jsx(HistoryModal, { rows: history, draftId: row.draftVersionId, onSelect: (v) => { void loadSnapshot(v); }, onClose: () => setHistory(null), onRestore: restore, render: (versionId) => snapshot?.id === versionId ? (_jsx("fieldset", { disabled: true, className: "sm-history__form", children: Object.entries(meta.fields).map(([key, d]) => (_jsx(FieldWidget, { fieldKey: key, descriptor: d, value: snapshot.fields[key], refOptions: refTargets[key] ? refOptions[refTargets[key]] : undefined, prefix: d.type === "slug" ? slugPrefix : undefined, onChange: () => { } }, key))) })) : _jsx("p", { className: "sm-hint", style: { padding: 16 }, children: "Loading\u2026" }) })), _jsx(PresenceLine, { names: editorsOf(others, target), noun: "entry" }), stale && _jsx(StaleBanner, { info: stale, onReload: loadTheirs }), _jsxs("div", { className: "sm-editor", inert: stale ? true : undefined, children: [_jsxs("div", { className: "sm-form", ref: formRef, children: [notice && (_jsxs(Banner, { tone: notice.tone, onDismiss: () => setNotice(null), children: [_jsx("p", { style: { margin: 0 }, children: notice.text }), _jsx(FieldErrorList, { fields: notice.fields ?? [], onReveal: (path) => { if (formRef.current)
-                                            revealField(formRef.current, path); } })] })), absent ? (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: [_jsxs("p", { children: ["This entry doesn't exist in ", locale, " yet. Adding it copies the ", entrySourceLocale(record, registry), " fields as the first ", locale, " draft."] }), _jsxs("div", { style: { display: "flex", gap: 8 }, children: [_jsxs(Button, { onClick: () => void doAddLocale(locale), disabled: adding || !parentLocales.includes(locale), title: parentLocales.includes(locale) ? undefined : `add ${locale} to the parent first`, children: ["Add ", locale] }), _jsxs(Button, { variant: "secondary", onClick: () => { void switchLocale(entrySourceLocale(record, registry)); }, children: ["Back to ", entrySourceLocale(record, registry)] })] })] })) : fields !== null ? (Object.entries(meta.fields).map(widget)) : !notice && _jsx("p", { style: { color: "var(--text-muted)" }, children: "Loading\u2026" })] }), _jsx(ResizeHandle, {}), _jsxs("aside", { className: "sm-inspector", children: [record && row && (_jsxs("div", { className: "sm-card", children: [_jsx(SectionLabel, { children: "Document info" }), _jsx(InfoRow, { label: "Created", value: relativeTime(record.createdAt) }), _jsx(InfoRow, { label: "Updated", value: updatedLine(row.updatedAt, row.updatedBy) }), multilingual && _jsx(InfoRow, { label: "Languages", value: Object.keys(record.locales).join(", ") }), _jsx(InfoRow, { label: "ID", value: id, mono: true })] })), record && (_jsxs("div", { className: "sm-card", children: [multilingual && row && Object.keys(record.locales).length > 1 && (_jsxs(Button, { variant: "secondary", onClick: () => void doRemoveLocale(), children: ["Remove from ", locale] })), _jsx(Button, { variant: "danger", onClick: destroy, children: "Delete" })] }))] })] })] }));
+                        ] }) }), right: _jsxs(_Fragment, { children: [(touched || saveState === "error") && _jsx(SaveIndicator, { state: saveState, pending: dirty }), urls[locale] && (_jsx(LinkButton, { icon: true, href: urls[locale], target: "_blank", rel: "noreferrer", "aria-label": "View live", title: "View live \u2014 opens the site route. While the admin's draft-mode cookie is on, this shows the DRAFT \u2014 open it in a private window to see what visitors see.", children: _jsx(Eye, { size: 16, strokeWidth: 1.5, "aria-hidden": "true" }) })), _jsx(PublishControl, { status: status, pending: dirty || saveState !== "saved", busy: busy, flash: published, disabled: !row, onPublish: () => { void publish(); }, onUnpublish: () => { void unpublish(); }, onDiscard: () => { void discard(); }, onHistory: () => { void openHistory(); } })] }) }), history && row && (_jsx(HistoryModal, { rows: history, draftId: row.draftVersionId, onSelect: (v) => { void loadSnapshot(v); }, onClose: () => setHistory(null), onRestore: restore, render: (versionId) => snapshot?.id === versionId ? (_jsx("fieldset", { disabled: true, className: "sm-history__form", children: Object.entries(meta.fields).map(([key, d]) => (_jsx(FieldWidget, { fieldKey: key, descriptor: d, value: snapshot.fields[key], refOptions: refTargets[key] ? refOptions[refTargets[key]] : undefined, prefix: d.type === "slug" ? slugPrefix : undefined, onChange: () => { } }, key))) })) : _jsx("p", { className: "sm-hint", style: { padding: 16 }, children: "Loading\u2026" }) })), _jsx(PresenceLine, { names: editorsOf(others, target), noun: "entry" }), stale && _jsx(StaleBanner, { info: stale, onReload: loadTheirs }), _jsx(DriftNotice, { draft: findings, live: liveFindings }), _jsxs("div", { className: "sm-editor", inert: stale ? true : undefined, children: [_jsxs("div", { className: "sm-form", ref: formRef, children: [notice && (_jsxs(Banner, { tone: notice.tone, onDismiss: () => setNotice(null), children: [_jsx("p", { style: { margin: 0 }, children: notice.text }), _jsx(FieldErrorList, { fields: notice.fields ?? [], onReveal: (path) => { if (formRef.current)
+                                            revealField(formRef.current, path); } })] })), absent ? (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: [_jsxs("p", { children: ["This entry doesn't exist in ", locale, " yet. Adding it copies the ", entrySourceLocale(record, registry), " fields as the first ", locale, " draft."] }), _jsxs("div", { style: { display: "flex", gap: 8 }, children: [_jsxs(Button, { onClick: () => void doAddLocale(locale), disabled: adding || !parentLocales.includes(locale), title: parentLocales.includes(locale) ? undefined : `add ${locale} to the parent first`, children: ["Add ", locale] }), _jsxs(Button, { variant: "secondary", onClick: () => { void switchLocale(entrySourceLocale(record, registry)); }, children: ["Back to ", entrySourceLocale(record, registry)] })] })] })) : fields !== null ? (_jsxs(_Fragment, { children: [Object.entries(meta.fields).map(widget), _jsx(OrphanFields, { orphans: findings, onClear: (path) => {
+                                            setFields((f) => unsetAtPath(f ?? {}, path));
+                                            setDirty(true);
+                                            setTouched(true);
+                                            mark();
+                                        } })] })) : !notice && _jsx("p", { style: { color: "var(--text-muted)" }, children: "Loading\u2026" })] }), _jsx(ResizeHandle, {}), _jsxs("aside", { className: "sm-inspector", children: [record && row && (_jsxs("div", { className: "sm-card", children: [_jsx(SectionLabel, { children: "Document info" }), _jsx(InfoRow, { label: "Created", value: relativeTime(record.createdAt) }), _jsx(InfoRow, { label: "Updated", value: updatedLine(row.updatedAt, row.updatedBy) }), (redirects[locale] ?? []).length > 0 && _jsx(InfoRow, { label: "Redirects from", value: redirects[locale].join(", "), mono: true }), multilingual && _jsx(InfoRow, { label: "Languages", value: Object.keys(record.locales).join(", ") }), _jsx(InfoRow, { label: "ID", value: id, mono: true })] })), record && (_jsxs("div", { className: "sm-card", children: [multilingual && row && Object.keys(record.locales).length > 1 && (_jsxs(Button, { variant: "secondary", onClick: () => void doRemoveLocale(), children: ["Remove from ", locale] })), _jsx(Button, { variant: "danger", onClick: destroy, children: "Delete" })] }))] })] })] }));
 }

package/dist/admin/shell/ErrorPane.d.ts

@@ -1,6 +1,8 @@
 /** A whole-column failure: nothing to show but the message and a way
- *  back — none when the shell is mounted outside its own path. */
-export declare function ErrorPane({ message, back }: {
+ *  back — none when the shell is mounted outside its own path — and a
+ *  Retry when the caller can run the load again (Content health, 2026-09-27). */
+export declare function ErrorPane({ message, back, onRetry }: {
     message: string;
     back?: boolean;
+    onRetry?: () => void;
 }): import("react").JSX.Element;

package/dist/admin/shell/ErrorPane.js

@@ -1,11 +1,12 @@
 // packages/smoodly/src/admin/shell/ErrorPane.tsx
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Banner } from "../ui/primitives.js";
+import { Banner, Button } from "../ui/primitives.js";
 import { useAdminHref } from "./base.js";
 /** A whole-column failure: nothing to show but the message and a way
- *  back — none when the shell is mounted outside its own path. */
-export function ErrorPane({ message, back = true }) {
+ *  back — none when the shell is mounted outside its own path — and a
+ *  Retry when the caller can run the load again (Content health, 2026-09-27). */
+export function ErrorPane({ message, back = true, onRetry }) {
     const adminHref = useAdminHref();
-    return (_jsx("div", { style: { display: "grid", placeItems: "center", flex: 1, padding: 40 }, children: _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 12, maxWidth: 420 }, children: [_jsx(Banner, { tone: "error", children: message }), back && _jsx("a", { href: adminHref("/pages"), style: { fontSize: "var(--text-md)" }, children: "\u2190 Back to pages" })] }) }));
+    return (_jsx("div", { style: { display: "grid", placeItems: "center", flex: 1, padding: 40 }, children: _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 12, maxWidth: 420 }, children: [_jsx(Banner, { tone: "error", children: message }), onRetry && _jsx(Button, { variant: "secondary", style: { alignSelf: "flex-start" }, onClick: onRetry, children: "Retry" }), back && _jsx("a", { href: adminHref("/pages"), style: { fontSize: "var(--text-md)" }, children: "\u2190 Back to pages" })] }) }));
 }

package/dist/admin/shell/GlobalForm.js

@@ -34,6 +34,11 @@ import { confirm, DISCARD_CONFIRM } from "../ui/confirm.js";
 import { draftToken } from "../../draft-token.js";
 import { isStale, staleInfoOf } from "./stale.js";
 import { StaleBanner } from "../ui/StaleBanner.js";
+import { DriftNotice } from "../ui/DriftNotice.js";
+import { OrphanFields } from "../forms/OrphanFields.js";
+import { entryDrift } from "../drift.js";
+import { misfitErrors } from "../drift-copy.js";
+import { unsetAtPath } from "../field-paths.js";
 import { usePresence, usePresenceState, useSavedElsewhere, useTrackPresence } from "./presence-context.js";
 import { editorsOf } from "./presence.js";
 import { PresenceLine } from "../ui/PresenceLine.js";
@@ -55,6 +60,7 @@ export function GlobalForm({ ops, registry, name }) {
     const [history, setHistory] = useState(null);
     const [snapshot, setSnapshot] = useState(null);
     const [stale, setStale] = useState(null);
+    const [liveFindings, setLiveFindings] = useState([]);
     const formRef = useRef(null);
     const fieldsRef = useRef(fields);
     fieldsRef.current = fields;
@@ -106,6 +112,7 @@ export function GlobalForm({ ops, registry, name }) {
                 setRecord(r.data.record);
                 setFields(r.data.fields);
                 setUsage(r.data.usage);
+                setLiveFindings(r.data.liveFindings);
             }
             else
                 setNotice({ tone: "error", text: r.message });
@@ -113,6 +120,11 @@ export function GlobalForm({ ops, registry, name }) {
             setNotice({ tone: "error", text: "Couldn't reach the server." }); });
         return () => { cancelled = true; };
     }, [ops, name, locale, reloadKey]);
+    // Drift (spec 2026-09-27 editor safety §5): the draft on screen against the registry.
+    const findings = useMemo(() => (fields && record?.locales[locale]
+        ? entryDrift(registry, name, { fields, shared: record.fields, own: record.locales[locale].fields })
+        : []), [fields, record, locale, registry, name]);
+    const markerErrors = useMemo(() => ({ ...misfitErrors(findings), ...fieldErrors }), [findings, fieldErrors]);
     if (!item)
         return _jsx("p", { style: { padding: 32 }, children: "No such global item." });
     const row = record?.locales[locale];
@@ -292,12 +304,20 @@ export function GlobalForm({ ops, registry, name }) {
         setTouched(true);
         mark();
     };
+    // An orphan's path names a visual item's namespaces as drift does (`settings.x`); the stored keys are `$settings` / `$styles`.
+    const storedPath = (p) => p.startsWith("settings.") ? `${SETTINGS_KEY}.${p.slice(9)}` : p.startsWith("styles.") ? `${STYLES_KEY}.${p.slice(7)}` : p;
+    const clearOrphan = (path) => {
+        setFields((f) => unsetAtPath(f ?? {}, storedPath(path)));
+        setDirty(true);
+        setTouched(true);
+        mark();
+    };
     return (_jsxs(_Fragment, { children: [_jsx(TopBar, { left: _jsx(_Fragment, { children: _jsx(Breadcrumb, { backHref: adminHref("/globals"), items: [
                             {
                                 label: "Site", href: adminHref("/globals"),
                                 trailing: multilingual && (_jsx(LocaleSwitcher, { registry: registry, present: registry.locales.supported, parentLocales: [], value: locale, adding: false, onSwitch: (l) => { void switchLocale(l); }, onAdd: () => undefined })),
                             },
                             { label: item.title },
-                        ] }) }), right: _jsxs(_Fragment, { children: [(touched || saveState === "error") && _jsx(SaveIndicator, { state: saveState, pending: dirty }), _jsx(PublishControl, { status: status, pending: dirty || saveState !== "saved", busy: busy, flash: published, disabled: !row, onPublish: () => { void publish(); }, onUnpublish: () => { void unpublish(); }, onDiscard: () => { void discard(); }, onHistory: () => { void openHistory(); } })] }) }), history && row && (_jsx(HistoryModal, { rows: history, draftId: row.draftVersionId, onSelect: (v) => { void loadSnapshot(v); }, onClose: () => setHistory(null), onRestore: restore, render: (versionId) => snapshot?.id === versionId ? (_jsxs("fieldset", { disabled: true, className: "sm-history__form", children: [_jsx(GlobalFields, { item: item, groups: contentGroups, fields: snapshot.fields, refOptions: refOptions, multilingual: multilingual, onChange: () => { } }), settingGroups.length > 0 && (_jsxs(_Fragment, { children: [_jsx(SectionLabel, { children: "Settings" }), _jsx(GlobalFields, { item: item, groups: settingGroups, fields: snapshot.fields, refOptions: refOptions, multilingual: multilingual, onChange: () => { } })] }))] })) : _jsx("p", { className: "sm-hint", style: { padding: 16 }, children: "Loading\u2026" }) })), _jsx(PresenceLine, { names: editorsOf(others, target), noun: "item" }), stale && _jsx(StaleBanner, { info: stale, onReload: loadTheirs }), _jsxs("div", { className: "sm-editor", inert: stale ? true : undefined, children: [_jsxs("div", { className: "sm-form", ref: formRef, children: [notice && (_jsxs(Banner, { tone: notice.tone, onDismiss: () => setNotice(null), children: [_jsx("p", { style: { margin: 0 }, children: notice.text }), _jsx(FieldErrorList, { fields: notice.fields ?? [], onReveal: (path) => { if (formRef.current)
-                                            revealField(formRef.current, path); } })] })), record && (_jsxs("p", { className: "sm-hint", children: [pages.size === 0 ? "Not placed on any page yet." : `Used on ${pages.size} page${pages.size === 1 ? "" : "s"}: `, [...pages].map((id, i) => (_jsxs("span", { children: [i > 0 && ", ", _jsx("a", { href: adminHref(`/pages/${encodeURIComponent(id)}?locale=${encodeURIComponent(locale)}`), children: id })] }, id)))] })), fields !== null ? (_jsxs(_Fragment, { children: [_jsx(GlobalFields, { item: item, groups: contentGroups, fields: fields, errors: fieldErrors, refOptions: refOptions, multilingual: multilingual, onChange: onChange }), settingGroups.length > 0 && (_jsxs(_Fragment, { children: [_jsx(SectionLabel, { children: "Settings" }), _jsx(GlobalFields, { item: item, groups: settingGroups, fields: fields, errors: fieldErrors, refOptions: refOptions, multilingual: multilingual, onChange: onChange })] }))] })) : !notice && _jsx("p", { style: { color: "var(--text-muted)" }, children: "Loading\u2026" })] }), _jsx(ResizeHandle, {}), _jsx("aside", { className: "sm-inspector", children: record && row && (_jsxs("div", { className: "sm-card", children: [_jsx(SectionLabel, { children: "Document info" }), _jsx(InfoRow, { label: "Kind", value: item.section !== undefined ? `Visual · ${item.section}` : "Fields" }), _jsx(InfoRow, { label: "Updated", value: updatedLine(row.updatedAt, row.updatedBy) }), _jsx(InfoRow, { label: "ID", value: record.id, mono: true })] })) })] })] }));
+                        ] }) }), right: _jsxs(_Fragment, { children: [(touched || saveState === "error") && _jsx(SaveIndicator, { state: saveState, pending: dirty }), _jsx(PublishControl, { status: status, pending: dirty || saveState !== "saved", busy: busy, flash: published, disabled: !row, onPublish: () => { void publish(); }, onUnpublish: () => { void unpublish(); }, onDiscard: () => { void discard(); }, onHistory: () => { void openHistory(); } })] }) }), history && row && (_jsx(HistoryModal, { rows: history, draftId: row.draftVersionId, onSelect: (v) => { void loadSnapshot(v); }, onClose: () => setHistory(null), onRestore: restore, render: (versionId) => snapshot?.id === versionId ? (_jsxs("fieldset", { disabled: true, className: "sm-history__form", children: [_jsx(GlobalFields, { item: item, groups: contentGroups, fields: snapshot.fields, refOptions: refOptions, multilingual: multilingual, onChange: () => { } }), settingGroups.length > 0 && (_jsxs(_Fragment, { children: [_jsx(SectionLabel, { children: "Settings" }), _jsx(GlobalFields, { item: item, groups: settingGroups, fields: snapshot.fields, refOptions: refOptions, multilingual: multilingual, onChange: () => { } })] }))] })) : _jsx("p", { className: "sm-hint", style: { padding: 16 }, children: "Loading\u2026" }) })), _jsx(PresenceLine, { names: editorsOf(others, target), noun: "item" }), stale && _jsx(StaleBanner, { info: stale, onReload: loadTheirs }), _jsx(DriftNotice, { draft: findings, live: liveFindings }), _jsxs("div", { className: "sm-editor", inert: stale ? true : undefined, children: [_jsxs("div", { className: "sm-form", ref: formRef, children: [notice && (_jsxs(Banner, { tone: notice.tone, onDismiss: () => setNotice(null), children: [_jsx("p", { style: { margin: 0 }, children: notice.text }), _jsx(FieldErrorList, { fields: notice.fields ?? [], onReveal: (path) => { if (formRef.current)
+                                            revealField(formRef.current, path); } })] })), record && (_jsxs("p", { className: "sm-hint", children: [pages.size === 0 ? "Not placed on any page yet." : `Used on ${pages.size} page${pages.size === 1 ? "" : "s"}: `, [...pages].map((id, i) => (_jsxs("span", { children: [i > 0 && ", ", _jsx("a", { href: adminHref(`/pages/${encodeURIComponent(id)}?locale=${encodeURIComponent(locale)}`), children: id })] }, id)))] })), fields !== null ? (_jsxs(_Fragment, { children: [_jsx(GlobalFields, { item: item, groups: contentGroups, fields: fields, errors: markerErrors, refOptions: refOptions, multilingual: multilingual, onChange: onChange }), settingGroups.length > 0 && (_jsxs(_Fragment, { children: [_jsx(SectionLabel, { children: "Settings" }), _jsx(GlobalFields, { item: item, groups: settingGroups, fields: fields, errors: markerErrors, refOptions: refOptions, multilingual: multilingual, onChange: onChange })] })), _jsx(OrphanFields, { orphans: findings, onClear: clearOrphan })] })) : !notice && _jsx("p", { style: { color: "var(--text-muted)" }, children: "Loading\u2026" })] }), _jsx(ResizeHandle, {}), _jsx("aside", { className: "sm-inspector", children: record && row && (_jsxs("div", { className: "sm-card", children: [_jsx(SectionLabel, { children: "Document info" }), _jsx(InfoRow, { label: "Kind", value: item.section !== undefined ? `Visual · ${item.section}` : "Fields" }), _jsx(InfoRow, { label: "Updated", value: updatedLine(row.updatedAt, row.updatedBy) }), _jsx(InfoRow, { label: "ID", value: record.id, mono: true })] })) })] })] }));
 }

package/dist/admin/shell/IconRail.d.ts

@@ -3,7 +3,7 @@ export declare function IconRail({ registry, active, email, settings, onSignOut
     registry: AdminRegistry;
     active: string;
     email?: string;
-    /** Whether the Settings tile shows — `can(role, "settings")` in the shell. */
+    /** Whether the Settings tile shows — once the role is known, in the shell (every member has a Settings page). */
     settings?: boolean;
     onSignOut: () => void;
 }): import("react").JSX.Element;

package/dist/admin/shell/IconRail.js

@@ -10,8 +10,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Collections — one rail item whose flyout lists every collection — then
 // Media, Globals (the global content items, when the registry has any;
 // the route is /globals), and Settings (the Settings area, spec
-// 2026-09-25; the route is /settings; admins only, so the shell passes
-// `settings` false for an editor). The user avatar is pinned to the bottom and opens the same
+// 2026-09-25; the route is /settings; every member has a page there since
+// Redirects, 2026-09-26, so the shell passes `settings` once the role is
+// known). The user avatar is pinned to the bottom and opens the same
 // flyout with the theme toggle and Sign out, which the old nav's footer
 // held.
 //

package/dist/admin/shell/PagesList.js

@@ -19,7 +19,7 @@ import { navigate } from "./router.js";
 import { ErrorPane } from "./ErrorPane.js";
 import { rememberLocale, rememberedLocale } from "./locale-memory.js";
 import { confirmLiveUrl } from "./live-url.js";
-import { confirm } from "../ui/confirm.js";
+import { confirm, notify } from "../ui/confirm.js";
 import { PageFormDialog } from "./PageDialogs.js";
 import { usePresenceState } from "./presence-context.js";
 import { editorsOf } from "./presence.js";
@@ -68,9 +68,10 @@ export function PagesList({ ops, registry }) {
                 return;
             // A published page under a new parent is a new live URL (members management §5).
             const current = row.record.locales[locale];
-            if (!(await confirmLiveUrl({ status: current?.status, from: row.parentId ?? "", to: projection.parentId ?? "" }, { name: row.title, path: row.path })))
+            const live = await confirmLiveUrl({ status: current?.status, from: row.parentId ?? "", to: projection.parentId ?? "" }, { name: row.title, path: row.path });
+            if (!live.ok)
                 return;
-            const ok = await run(() => ops.pages.move(row.id, { parentId: projection.parentId, index: projection.index }));
+            const ok = await run(() => ops.pages.move(row.id, { parentId: projection.parentId, index: projection.index, redirect: live.redirect }));
             if (!ok)
                 throw new Error("move refused");
         },
@@ -94,11 +95,11 @@ export function PagesList({ ops, registry }) {
         await load();
         return null;
     };
-    /** `attempt` for an action outside a dialog: the message goes to an alert. Resolves to whether it succeeded. */
+    /** `attempt` for an action outside a dialog: the message goes to a notify dialog. Resolves to whether it succeeded. */
     const run = async (work, then) => {
         const message = await attempt(work, then);
         if (message)
-            window.alert(message);
+            void notify({ title: "That didn't work", message });
         return message === null;
     };
     /** New page and New path (a folder in the tree) create in the SELECTED locale (spec §6),
@@ -150,9 +151,10 @@ export function PagesList({ ops, registry }) {
         // The site root's slug is the config's homePageSlug — title only there.
         if (row.isHome)
             return attempt(() => ops.pages.rename(row.id, { locale, title: values.title }));
-        if (!(await confirmLiveUrl({ status: current.status, from: current.slug, to: values.slug }, { name: row.title, path: row.path })))
+        const live = await confirmLiveUrl({ status: current.status, from: current.slug, to: values.slug }, { name: row.title, path: row.path });
+        if (!live.ok)
             return null;
-        return attempt(() => ops.pages.rename(row.id, { locale, title: values.title, slug: values.slug }));
+        return attempt(() => ops.pages.rename(row.id, { locale, title: values.title, slug: values.slug, redirect: live.redirect }));
     };
     const addLocale = async (row) => {
         const from = sourceLocaleOf(row.record, registry);

package/dist/admin/shell/RedirectsPage.d.ts

@@ -0,0 +1,11 @@
+import type { AdminOps, RedirectItem } from "../ops.ts";
+import type { AdminRegistry } from "../serialize.ts";
+export declare function RedirectsPage({ ops, registry, initial }: {
+    ops: AdminOps;
+    registry: AdminRegistry;
+    /** Static-markup tests: the rows without a load. */
+    initial?: {
+        locale: string;
+        items: RedirectItem[];
+    } | null;
+}): import("react").JSX.Element;

package/dist/admin/shell/RedirectsPage.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Settings › Redirects (spec 2026-09-26 redirects §6): the active
+// locale's redirect rows — old address → the target's title (opens its
+// editor) and current URL — with Add redirect and a row menu whose one
+// item removes the row after a confirm. Every member, as renaming is.
+import { useEffect, useState } from "react";
+import { ActionMenu } from "../ui/ActionMenu.js";
+import { LocalePicker } from "../ui/LocaleSwitcher.js";
+import { confirm } from "../ui/confirm.js";
+import { Banner, Button } from "../ui/primitives.js";
+import { AddRedirectModal } from "./AddRedirectModal.js";
+import { useAdminHref } from "./base.js";
+import { ErrorPane } from "./ErrorPane.js";
+import { ListView } from "./ListView.js";
+import { RouteLink } from "./RouteLink.js";
+import { rememberLocale, rememberedLocale } from "./locale-memory.js";
+import { REMOVE_REDIRECT_CONFIRM, editorHref } from "./redirects-list.js";
+export function RedirectsPage({ ops, registry, initial = null }) {
+    const adminHref = useAdminHref();
+    const multilingual = registry.locales.supported.length > 1;
+    const [locale, setLocale] = useState(initial?.locale ?? rememberedLocale(registry.locales));
+    const [items, setItems] = useState(initial?.items ?? null);
+    const [error, setError] = useState(null);
+    const [notice, setNotice] = useState(null);
+    const [adding, setAdding] = useState(null);
+    const load = (l) => ops.redirects.list(l)
+        .then((r) => (r.ok ? setItems(r.data) : setError(r.message)))
+        .catch(() => setError("Couldn't reach the server."));
+    useEffect(() => { if (!initial)
+        void load(locale); }, [ops, locale, initial]); // eslint-disable-line react-hooks/exhaustive-deps
+    const pickLocale = (next) => { rememberLocale(next); setLocale(next); setItems(null); };
+    const openAdd = async () => {
+        const r = await ops.redirects.targets(locale);
+        if (!r.ok) {
+            setNotice({ tone: "error", text: r.message });
+            return;
+        }
+        setAdding(r.data);
+    };
+    const add = async (path, target) => {
+        const r = await ops.redirects.add(locale, path, target);
+        if (!r.ok)
+            return r.message;
+        setAdding(null);
+        setNotice({ tone: "ok", text: `${path} now redirects.` });
+        void load(locale);
+        return null;
+    };
+    const remove = async (item) => {
+        if (!(await confirm({ ...REMOVE_REDIRECT_CONFIRM, subject: { name: item.title, path: item.path } })))
+            return;
+        const r = await ops.redirects.remove(locale, item.path);
+        if (!r.ok) {
+            setNotice({ tone: "error", text: r.message });
+            return;
+        }
+        setNotice(null); // an earlier "now redirects" must not outlive the row
+        void load(locale);
+    };
+    if (error)
+        return _jsx(ErrorPane, { message: error });
+    return (_jsxs(_Fragment, { children: [_jsx(ListView, { title: "Redirects", titleTrailing: multilingual && _jsx(LocalePicker, { locales: registry.locales.supported, value: locale, onChange: pickLocale }), actions: _jsx(Button, { onClick: () => void openAdd(), children: "Add redirect" }), notice: notice && _jsx(Banner, { tone: notice.tone, onDismiss: () => setNotice(null), children: notice.text }), columns: [
+                    { label: "Old address", width: "minmax(200px,1fr)" },
+                    { label: "Redirects to", width: "minmax(200px,1fr)" },
+                    { label: "", width: "48px" },
+                ], rows: (items ?? []).map((item) => ({
+                    key: item.path,
+                    cells: [
+                        _jsx("code", { children: item.path }),
+                        _jsxs("span", { style: { display: "flex", gap: 8, alignItems: "baseline", minWidth: 0 }, children: [_jsx(RouteLink, { href: adminHref(editorHref(item, locale)), children: item.title }), item.currentPath ? _jsx("code", { children: item.currentPath }) : _jsxs("span", { className: "sm-hint", children: ["not published in ", locale] })] }),
+                        _jsx(ActionMenu, { label: "Redirect actions", small: true, items: [{ label: "Remove redirect", danger: true, run: () => void remove(item) }] }),
+                    ],
+                })), empty: items === null ? "Loading…" : `No redirects in ${locale}` }), adding && _jsx(AddRedirectModal, { locale: locale, registry: registry, targets: adding, onClose: () => setAdding(null), onAdd: add })] }));
+}

package/dist/admin/shell/SettingsView.d.ts

@@ -1,7 +1,9 @@
-import { type MemberRole } from "../../permissions.ts";
+import type { MemberRole } from "../../permissions.ts";
 import type { AdminOps } from "../ops.ts";
-export declare function SettingsView({ ops, tail, role, userId }: {
+import type { AdminRegistry } from "../serialize.ts";
+export declare function SettingsView({ ops, registry, tail, role, userId }: {
     ops: AdminOps;
+    registry: AdminRegistry;
     tail: string | undefined;
     /** The caller's role from `members.me`; null while it loads. */
     role: MemberRole | null;

package/dist/admin/shell/SettingsView.js

@@ -4,31 +4,39 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // The Settings area (spec 2026-09-25 §5): a 200px secondary nav at the
 // left of the main column, its card starting where the page's card starts (no heading since 2026-09-26) —
 // then the page with its own top bar. The head segment alone replaces
-// itself with the default page, so Back skips the empty URL. An unknown
-// page is the shell's Not found pane. Admins only (members management
-// §2): an editor gets the error pane, and until the role is known the
-// area is loading. Members is the only page (the Roles table moved into
-// the invite modal's role descriptions; API Keys never had contents).
+// itself with the role's first page, so Back skips the empty URL. An
+// unknown page is the shell's Not found pane. Each page names its
+// capability (settings.ts): Members is for admins (members management
+// §2) and an editor opening it gets the error pane; Redirects (spec
+// 2026-09-26 redirects §6) and Content health (spec 2026-09-27 editor
+// safety §4) are for every member. Until the role is known
+// the area is loading.
 import { useEffect } from "react";
-import { can } from "../../permissions.js";
 import { useAdminHref } from "./base.js";
 import { ErrorPane } from "./ErrorPane.js";
+import { ContentHealthPage } from "./ContentHealthPage.js";
 import { MembersPage } from "./MembersPage.js";
+import { RedirectsPage } from "./RedirectsPage.js";
 import { RouteLink } from "./RouteLink.js";
 import { navigate } from "./router.js";
-import { DEFAULT_SETTINGS_PAGE, SETTINGS_PAGES, settingsPage } from "./settings.js";
-export function SettingsView({ ops, tail, role, userId }) {
+import { defaultSettingsPage, settingsPage, visibleSettingsPages } from "./settings.js";
+export function SettingsView({ ops, registry, tail, role, userId }) {
     const adminHref = useAdminHref();
     const page = settingsPage(tail);
     useEffect(() => {
-        if (tail === undefined)
-            void navigate(adminHref(`/settings/${DEFAULT_SETTINGS_PAGE}`), { replace: true });
-    }, [tail, adminHref]);
+        if (tail === undefined && role !== null)
+            void navigate(adminHref(`/settings/${defaultSettingsPage(role)}`), { replace: true });
+    }, [tail, role, adminHref]);
     if (role === null)
         return _jsx("div", { className: "sm-empty", children: "Loading\u2026" });
-    if (!can(role, "settings"))
-        return _jsx(ErrorPane, { message: "Settings are for admins." });
+    const visible = visibleSettingsPages(role);
+    if (tail === undefined)
+        return _jsx("div", { className: "sm-empty", children: "Loading\u2026" });
     if (!page)
         return _jsx(ErrorPane, { message: "Not found." });
-    return (_jsxs("div", { className: "sm-settings", children: [_jsx("nav", { className: "sm-settings__nav", "aria-label": "Settings", children: SETTINGS_PAGES.map((p) => (_jsx(RouteLink, { className: "sm-settings__link", href: adminHref(`/settings/${p.id}`), "aria-current": p.id === page ? "page" : undefined, children: p.title }, p.id))) }), _jsx("section", { className: "sm-settings__page", children: _jsx(MembersPage, { ops: ops, userId: userId }) })] }));
+    if (!visible.some((p) => p.id === page))
+        return _jsx(ErrorPane, { message: "Settings are for admins." });
+    return (_jsxs("div", { className: "sm-settings", children: [_jsx("nav", { className: "sm-settings__nav", "aria-label": "Settings", children: visible.map((p) => (_jsx(RouteLink, { className: "sm-settings__link", href: adminHref(`/settings/${p.id}`), "aria-current": p.id === page ? "page" : undefined, children: p.title }, p.id))) }), _jsx("section", { className: "sm-settings__page", children: page === "members" ? _jsx(MembersPage, { ops: ops, userId: userId })
+                    : page === "redirects" ? _jsx(RedirectsPage, { ops: ops, registry: registry })
+                        : _jsx(ContentHealthPage, { ops: ops, registry: registry }) })] }));
 }