smoodly 0.0.28 → 0.0.29

package/dist/admin/shell/health-list.d.ts

@@ -0,0 +1,27 @@
+import type { AdminRegistry } from "../serialize.ts";
+import type { HealthReport } from "../health.ts";
+export type HealthRow = {
+    key: string;
+    title: string;
+    kind: string;
+    locales: string[];
+    draft: boolean;
+    live: boolean;
+    href: string;
+};
+export type HealthGroup = {
+    key: string;
+    headline: string;
+    rows: HealthRow[];
+};
+export type HealthSections = {
+    broken: HealthGroup[];
+    orphan: HealthGroup[];
+    collections: {
+        name: string;
+        headline: string;
+    }[];
+};
+/** A group shows this many rows, then "Show all N". */
+export declare const GROUP_PREVIEW = 10;
+export declare function healthSections(report: HealthReport, registry: AdminRegistry): HealthSections;

package/dist/admin/shell/health-list.js

@@ -0,0 +1,47 @@
+import { SEVERITY, groupKey } from "../drift.js";
+import { driftHeadline } from "../drift-copy.js";
+/** A group shows this many rows, then "Show all N". */
+export const GROUP_PREVIEW = 10;
+const kindLabel = (doc, registry) => doc.kind === "page" ? "Page" : doc.kind === "global" ? "Site" : registry.collections.find((c) => c.name === doc.collection)?.title ?? doc.collection ?? "";
+const href = (doc, locale) => {
+    const q = `?locale=${encodeURIComponent(locale)}`;
+    if (doc.kind === "page")
+        return `/pages/${encodeURIComponent(doc.id)}${q}`;
+    if (doc.kind === "global")
+        return `/globals/${encodeURIComponent(doc.collection ?? "")}${q}`;
+    return `/${doc.collection}/${encodeURIComponent(doc.id)}${q}`;
+};
+export function healthSections(report, registry) {
+    const groups = new Map();
+    for (const doc of report.documents) {
+        for (const f of doc.findings) {
+            const key = groupKey(f);
+            let g = groups.get(key);
+            if (!g)
+                groups.set(key, (g = { severity: SEVERITY[f.kind], headline: driftHeadline(f, registry), rows: new Map() }));
+            const rowKey = `${doc.kind}:${doc.id}`;
+            const row = g.rows.get(rowKey);
+            if (!row) {
+                g.rows.set(rowKey, { key: rowKey, title: doc.title, kind: kindLabel(doc, registry), locales: [f.locale], draft: f.draft, live: f.live, href: href(doc, f.locale) });
+            }
+            else {
+                if (!row.locales.includes(f.locale))
+                    row.locales.push(f.locale);
+                row.draft || (row.draft = f.draft);
+                row.live || (row.live = f.live);
+            }
+        }
+    }
+    const order = registry.locales.supported;
+    const out = (severity) => [...groups].filter(([, g]) => g.severity === severity)
+        .map(([key, g]) => ({ key, headline: g.headline, rows: [...g.rows.values()].map((r) => ({ ...r, locales: [...r.locales].sort((a, b) => order.indexOf(a) - order.indexOf(b)) })) }))
+        .sort((a, b) => b.rows.length - a.rows.length || a.headline.localeCompare(b.headline));
+    return {
+        broken: out("broken"),
+        orphan: out("orphan"),
+        collections: report.collections.map(({ name, count }) => ({
+            name,
+            headline: `Collection \`${name}\` no longer registered · ${count} ${count === 1 ? "entry" : "entries"}. Register it again or delete its ${count} ${count === 1 ? "entry" : "entries"}.`,
+        })),
+    };
+}

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

@@ -7,6 +7,10 @@ export declare const SETTINGS_PAGES: readonly [{
     readonly id: "redirects";
     readonly title: "Redirects";
     readonly capability: "content.write";
+}, {
+    readonly id: "health";
+    readonly title: "Content health";
+    readonly capability: "content.write";
 }];
 export type SettingsPage = (typeof SETTINGS_PAGES)[number];
 export type SettingsPageId = SettingsPage["id"];

package/dist/admin/shell/settings.js

@@ -1,13 +1,16 @@
 // The Settings area's pages (spec 2026-09-25 §5; Roles and API Keys
-// dropped 2026-09-25, Redirects added 2026-09-26 §6): ids are URL
+// dropped 2026-09-25, Redirects added 2026-09-26 §6, Content health added
+// 2026-09-27, editor safety §4): ids are URL
 // segments under /settings, titles are what the secondary nav and each
 // top bar show, and each page names the capability that opens it —
-// Members for admins, Redirects for every member, as renaming is. Pure,
+// Members for admins, Redirects for every member, as renaming is,
+// Content health for every member (editors do most of the fixing). Pure,
 // so routing is testable without React.
 import { can } from "../../permissions.js";
 export const SETTINGS_PAGES = [
     { id: "members", title: "Members", capability: "settings" },
     { id: "redirects", title: "Redirects", capability: "content.write" },
+    { id: "health", title: "Content health", capability: "content.write" },
 ];
 /** The pages this role may open, in nav order. Every member has content.write, so the area is never empty. */
 export const visibleSettingsPages = (role) => SETTINGS_PAGES.filter((p) => can(role, p.capability));

package/dist/admin/tree-ops.d.ts

@@ -36,3 +36,7 @@ export declare function fillLockedZones(tree: PageTree, policies: Record<string,
 export declare function newNodeId(type: string): string;
 /** A page-level value — the template's page fields or the SEO meta (spec 2026-09-10 page fields §5). */
 export declare function patchPage(tree: PageTree, ns: "fields" | "meta", key: string, value: unknown): PageTree;
+/** A zone the page type no longer declares, dropped from the draft (spec 2026-09-27 editor safety §5: Clear zone). */
+export declare function clearZone(tree: PageTree, zone: string): PageTree;
+/** A key removed from a node: `x` / `a.b` in fields, `settings.x`, `styles.x` (§5: an orphan's Clear). */
+export declare function unsetNodePath(tree: PageTree, id: string, path: string): PageTree;

package/dist/admin/tree-ops.js

@@ -1,5 +1,5 @@
 import { GLOBAL_NODE_TYPE } from "../global.js";
-import { setAtPath } from "./field-paths.js";
+import { setAtPath, unsetAtPath } from "./field-paths.js";
 export function zoneOf(tree, id) {
     for (const [zone, nodes] of Object.entries(tree.zones)) {
         if (nodes.some((n) => n.id === id))
@@ -187,3 +187,17 @@ export function newNodeId(type) {
 export function patchPage(tree, ns, key, value) {
     return { ...tree, [ns]: { ...(tree[ns] ?? {}), [key]: value } };
 }
+/** A zone the page type no longer declares, dropped from the draft (spec 2026-09-27 editor safety §5: Clear zone). */
+export function clearZone(tree, zone) {
+    const { [zone]: _gone, ...zones } = tree.zones;
+    return { ...tree, zones };
+}
+/** A key removed from a node: `x` / `a.b` in fields, `settings.x`, `styles.x` (§5: an orphan's Clear). */
+export function unsetNodePath(tree, id, path) {
+    const zone = zoneOf(tree, id);
+    if (!zone)
+        return tree;
+    const ns = path.startsWith("settings.") ? "settings" : path.startsWith("styles.") ? "styles" : "fields";
+    const rest = ns === "fields" ? path : path.slice(ns.length + 1);
+    return withZone(tree, zone, tree.zones[zone].map((n) => (n.id === id ? { ...n, [ns]: unsetAtPath((n[ns] ?? {}), rest) } : n)));
+}

package/dist/admin/ui/Combobox.d.ts

@@ -18,6 +18,12 @@ export type ComboboxProps = {
     createRow?: boolean;
     /** Every query change passes through; the return value is the query kept. */
     onQueryChange?(next: string): string;
+    /** A single select's pick: shown in the input until the editor types. */
+    selected?: string;
+    /** Inside the control, left of the chevron (a single ref's status, open and remove). */
+    suffix?: ReactNode;
+    /** A modifier for the floating list, which is not inside the root (the tags input's width). */
+    listClassName?: string;
     /** Keys the owner wants first; return true when handled. */
     onInputKey?(e: KeyboardEvent<HTMLInputElement>, query: string): boolean;
     /** Escape, or focus leaving the control; `query` is what was typed and not picked. */
@@ -27,9 +33,9 @@ export type ComboboxProps = {
     initialOpen?: boolean;
     className?: string;
 };
-/** The vertical band the list may occupy: the nearest clipping ancestor's box, cut to the viewport. */
+/** The vertical band a popover may occupy: the nearest clipping ancestor's box, cut to the viewport. */
 export declare function clipBand(el: HTMLElement): {
     top: number;
     bottom: number;
 };
-export declare function Combobox({ options, onPick, label, placeholder, disabled, keepOpen, emptyText, renderOption, onSubmit, createRow, onQueryChange, onInputKey, onClose, autoFocus, initialOpen, className, }: ComboboxProps): import("react").JSX.Element;
+export declare function Combobox({ options, onPick, label, placeholder, disabled, keepOpen, emptyText, renderOption, onSubmit, createRow, onQueryChange, onInputKey, onClose, autoFocus, initialOpen, className, selected, suffix, listClassName, }: ComboboxProps): import("react").JSX.Element;

package/dist/admin/ui/Combobox.js

@@ -4,13 +4,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // picker and the tags input are both this. It knows nothing about entries
 // or tags — options in, a pick out. Decisions live in ./combo-box.ts.
 // Rows keep the input focused (mousedown is swallowed), so "focus left the
-// control" is the one close signal besides Escape.
-import { useId, useLayoutEffect, useRef, useState } from "react";
+// control" is the one close signal besides Escape. The list is portaled
+// into the admin wrapper and fixed to the viewport, so no scrolling form or
+// modal body clips it (2026-09-27); static rendering keeps it inline.
+import { useCallback, useEffect, useId, useLayoutEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
 import { ChevronDown } from "lucide-react";
 import { cx } from "./primitives.js";
-import { filterOptions, opensUp, showsCreate, stepActive } from "./combo-box.js";
+import { filterOptions, listPlacement, showsCreate, stepActive } from "./combo-box.js";
 const keepFocus = (e) => e.preventDefault();
-/** The vertical band the list may occupy: the nearest clipping ancestor's box, cut to the viewport. */
+/** The vertical band a popover may occupy: the nearest clipping ancestor's box, cut to the viewport. */
 export function clipBand(el) {
     let top = 0;
     let bottom = window.innerHeight;
@@ -24,29 +27,53 @@ export function clipBand(el) {
     }
     return { top, bottom };
 }
-export function Combobox({ options, onPick, label, placeholder, disabled, keepOpen, emptyText, renderOption, onSubmit, createRow, onQueryChange, onInputKey, onClose, autoFocus, initialOpen = false, className, }) {
+export function Combobox({ options, onPick, label, placeholder, disabled, keepOpen, emptyText, renderOption, onSubmit, createRow, onQueryChange, onInputKey, onClose, autoFocus, initialOpen = false, className, selected, suffix, listClassName, }) {
     const rest = onSubmit ? -1 : 0; // the active row a fresh query starts from
-    const [query, setQuery] = useState("");
+    // null: nothing typed since the last pick, so the input shows `selected`.
+    const [typed, setTyped] = useState(null);
+    const query = typed ?? "";
     const [open, setOpen] = useState(initialOpen);
     const [active, setActive] = useState(rest);
     const root = useRef(null);
     const list = useRef(null);
-    const [up, setUp] = useState(false);
+    const [host, setHost] = useState(null);
+    const [place, setPlace] = useState(null);
     const id = useId();
+    useLayoutEffect(() => {
+        const el = root.current;
+        if (el)
+            setHost(el.closest(".sm-admin") ?? el.ownerDocument.body);
+    }, []);
     const shown = filterOptions(options, query);
     const create = onSubmit !== undefined && createRow === true && showsCreate(options, query);
     const count = shown.length + (create ? 1 : 0);
     // Free text with nothing to offer shows no popover; a picker says why it is empty.
     const popover = open && !disabled && (count > 0 || !onSubmit);
-    // A field at the bottom of a scrolling form has no room under it: the list hangs above instead.
+    // Under the input, or above it when the viewport has no room below; it follows the input on scroll.
+    const measure = useCallback(() => {
+        const el = root.current;
+        if (!el || !list.current)
+            return;
+        const box = el.getBoundingClientRect();
+        setPlace(listPlacement(box, el.ownerDocument.defaultView?.innerHeight ?? 0, list.current.offsetHeight));
+    }, []);
     useLayoutEffect(() => {
-        if (!popover || !root.current || !list.current)
+        if (popover && host)
+            measure();
+        else
+            setPlace(null);
+    }, [popover, host, count, measure]);
+    useEffect(() => {
+        const view = root.current?.ownerDocument.defaultView;
+        if (!popover || !view)
             return;
-        const box = root.current.getBoundingClientRect();
-        const band = clipBand(root.current);
-        setUp(opensUp({ below: band.bottom - box.bottom - 4, above: box.top - band.top - 4, height: list.current.offsetHeight }));
-    }, [popover, count]);
-    const reset = () => { setQuery(""); setActive(rest); };
+        const onScroll = (e) => { if (e.target !== list.current)
+            measure(); };
+        view.addEventListener("scroll", onScroll, true);
+        view.addEventListener("resize", measure);
+        return () => { view.removeEventListener("scroll", onScroll, true); view.removeEventListener("resize", measure); };
+    }, [popover, measure]);
+    const reset = () => { setTyped(null); setActive(rest); };
     const close = (reason) => {
         setOpen(false);
         onClose?.(query, reason);
@@ -84,6 +111,11 @@ export function Combobox({ options, onPick, label, placeholder, disabled, keepOp
             close("escape");
         }
     };
-    return (_jsxs("div", { ref: root, className: cx("sm-combo", className), children: [_jsx("input", { className: "sm-input", role: "combobox", "aria-label": label, "aria-autocomplete": "list", "aria-expanded": popover, "aria-controls": `${id}-list`, "aria-activedescendant": popover && active >= 0 ? `${id}-opt-${active}` : undefined, placeholder: placeholder, disabled: disabled, autoFocus: autoFocus, value: query, onFocus: () => setOpen(true), onClick: () => setOpen(true), onChange: (e) => { setQuery(onQueryChange ? onQueryChange(e.target.value) : e.target.value); setActive(rest); setOpen(true); }, onKeyDown: onKeyDown, onBlur: (e) => { if (open && !root.current?.contains(e.relatedTarget))
-                    close("blur"); } }), _jsx(ChevronDown, { className: "sm-combo__chevron", size: 14, strokeWidth: 1.75, "aria-hidden": "true" }), popover && (_jsxs("div", { ref: list, id: `${id}-list`, role: "listbox", "aria-label": label, className: cx("sm-picker sm-combo__list", up && "sm-combo__list--up"), children: [count === 0 && _jsx("div", { className: "sm-combo__empty", children: options.length === 0 ? emptyText ?? "No matches" : "No matches" }), shown.map((o, i) => (_jsx("button", { id: `${id}-opt-${i}`, type: "button", role: "option", "aria-selected": i === active, className: cx("sm-picker__item", i === active && "sm-picker__item--active"), onMouseDown: keepFocus, onClick: () => pick(i), children: renderOption ? renderOption(o) : o.label }, o.value))), create && (_jsxs("button", { id: `${id}-opt-${shown.length}`, type: "button", role: "option", "aria-selected": active === shown.length, className: cx("sm-picker__item", active === shown.length && "sm-picker__item--active"), onMouseDown: keepFocus, onClick: () => pick(shown.length), children: ["Create \u201C", query.trim(), "\u201D"] }))] }))] }));
+    const floating = host
+        ? { left: place?.left, top: place?.top, bottom: place?.bottom, ["--combo-w"]: place ? `${place.width}px` : undefined, visibility: place ? undefined : "hidden" }
+        : undefined;
+    const listbox = popover && (_jsxs("div", { ref: list, id: `${id}-list`, role: "listbox", "aria-label": label, onMouseDown: keepFocus, className: cx("sm-picker sm-combo__list", host && "sm-combo__list--floating", listClassName), style: floating, children: [count === 0 && _jsx("div", { className: "sm-combo__empty", children: options.length === 0 ? emptyText ?? "No matches" : "No matches" }), shown.map((o, i) => (_jsx("button", { id: `${id}-opt-${i}`, type: "button", role: "option", "aria-selected": i === active, className: cx("sm-picker__item", i === active && "sm-picker__item--active"), onMouseDown: keepFocus, onClick: () => pick(i), children: renderOption ? renderOption(o) : o.label }, o.value))), create && (_jsxs("button", { id: `${id}-opt-${shown.length}`, type: "button", role: "option", "aria-selected": active === shown.length, className: cx("sm-picker__item", active === shown.length && "sm-picker__item--active"), onMouseDown: keepFocus, onClick: () => pick(shown.length), children: ["Create \u201C", query.trim(), "\u201D"] }))] }));
+    return (_jsxs("div", { ref: root, className: cx("sm-combo", suffix != null && "sm-combo--suffix", className), children: [_jsx("input", { className: "sm-input", role: "combobox", "aria-label": label, "aria-autocomplete": "list", "aria-expanded": popover, "aria-controls": `${id}-list`, "aria-activedescendant": popover && active >= 0 ? `${id}-opt-${active}` : undefined, placeholder: placeholder, disabled: disabled, autoFocus: autoFocus, value: typed ?? selected ?? "", onFocus: (e) => { setOpen(true); if (typed === null && selected)
+                    e.currentTarget.select(); }, onClick: () => setOpen(true), onChange: (e) => { setTyped(onQueryChange ? onQueryChange(e.target.value) : e.target.value); setActive(rest); setOpen(true); }, onKeyDown: onKeyDown, onBlur: (e) => { if (open && !root.current?.contains(e.relatedTarget))
+                    close("blur"); } }), suffix != null && _jsx("span", { className: "sm-combo__suffix", children: suffix }), _jsx(ChevronDown, { className: "sm-combo__chevron", size: 14, strokeWidth: 1.75, "aria-hidden": "true" }), listbox && host ? createPortal(listbox, host) : listbox] }));
 }

package/dist/admin/ui/ConfirmDialog.js

@@ -5,7 +5,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // the consequence, an optional context chip naming the subject, then
 // Cancel and the action verb. Focus opens on Cancel for a destructive
 // action and on the primary otherwise, so Enter runs the primary only
-// when it is safe.
+// when it is safe. A `single` dialog (notify) has the primary alone.
 //
 // <ConfirmHost/> renders the pending question from ui/confirm.ts, once,
 // from the shell; the dialog itself is a plain component so a test can
@@ -15,12 +15,12 @@ import { DialogCard } from "./Dialog.js";
 import { Button } from "./primitives.js";
 import { pendingConfirm, subscribeConfirm } from "./confirm.js";
 export function ConfirmDialog({ options, onAnswer }) {
-    const { title, body, confirmLabel, cancelLabel = "Cancel", destructive = false, subject, option } = options;
+    const { title, body, confirmLabel, cancelLabel = "Cancel", destructive = false, subject, option, single = false } = options;
     const [checked, setChecked] = useState(option?.checked ?? false);
     const uid = useId();
     const bodyId = `sm-confirm-body${uid}`;
     const cancel = () => onAnswer(false);
-    return (_jsxs(DialogCard, { title: title, role: "alertdialog", describedBy: body ? bodyId : undefined, onClose: cancel, className: "sm-confirm", actions: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "secondary", autoFocus: destructive, onClick: cancel, children: cancelLabel }), _jsx(Button, { variant: destructive ? "destructive" : "primary", autoFocus: !destructive, onClick: () => onAnswer(true, checked), children: confirmLabel })] }), children: [body && _jsx("p", { className: "sm-dialog__body", id: bodyId, children: body }), option && (_jsxs("label", { className: "sm-choice sm-confirm__option", children: [_jsx("input", { type: "checkbox", checked: checked, onChange: (e) => setChecked(e.target.checked) }), _jsx("span", { children: option.label })] })), subject && (_jsxs("div", { className: "sm-dialog__context", children: [_jsx("strong", { children: subject.name }), subject.path && _jsx("code", { children: subject.path })] }))] }));
+    return (_jsxs(DialogCard, { title: title, role: "alertdialog", describedBy: body ? bodyId : undefined, onClose: cancel, className: "sm-confirm", actions: _jsxs(_Fragment, { children: [!single && _jsx(Button, { variant: "secondary", autoFocus: destructive, onClick: cancel, children: cancelLabel }), _jsx(Button, { variant: destructive ? "destructive" : "primary", autoFocus: !destructive, onClick: () => onAnswer(true, checked), children: confirmLabel })] }), children: [body && _jsx("p", { className: "sm-dialog__body", id: bodyId, children: body }), option && (_jsxs("label", { className: "sm-choice sm-confirm__option", children: [_jsx("input", { type: "checkbox", checked: checked, onChange: (e) => setChecked(e.target.checked) }), _jsx("span", { children: option.label })] })), subject && (_jsxs("div", { className: "sm-dialog__context", children: [_jsx("strong", { children: subject.name }), subject.path && _jsx("code", { children: subject.path })] }))] }));
 }
 /** Renders the pending question, once, from the shell. */
 export function ConfirmHost() {

package/dist/admin/ui/DriftNotice.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from "react";
+import type { Finding } from "../drift.ts";
+export declare function DriftNotice({ draft, live }: {
+    draft: Finding[];
+    live: Finding[];
+}): ReactElement | null;

package/dist/admin/ui/DriftNotice.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { driftNotice } from "../drift-copy.js";
+import { Banner } from "./primitives.js";
+export function DriftNotice({ draft, live }) {
+    const { summary, liveOnly, sentences } = driftNotice(draft, live);
+    if (!summary && !liveOnly && sentences.length === 0)
+        return null;
+    return (_jsx("div", { className: "sm-drift", "data-testid": "drift-notice", children: _jsxs(Banner, { tone: "warn", children: [summary && _jsx("p", { style: { margin: 0 }, children: summary }), liveOnly && _jsx("p", { style: { margin: 0 }, children: liveOnly }), sentences.map((s) => _jsx("p", { style: { margin: 0 }, children: s }, s))] }) }));
+}

package/dist/admin/ui/combo-box.d.ts

@@ -14,3 +14,16 @@ export declare const opensUp: (room: {
     above: number;
     height: number;
 }) => boolean;
+/** Where the floating list sits (fixed, in viewport pixels): under the input at its width,
+ *  or above it, anchored by its bottom edge, when opensUp says so. */
+export declare function listPlacement(box: {
+    top: number;
+    bottom: number;
+    left: number;
+    width: number;
+}, viewport: number, height: number): {
+    left: number;
+    width: number;
+    top?: number;
+    bottom?: number;
+};

package/dist/admin/ui/combo-box.js

@@ -19,3 +19,11 @@ export function stepActive(active, count, dir) {
 }
 /** Whether the list hangs above the input: only when it does not fit below and there is more room above. */
 export const opensUp = (room) => room.height > room.below && room.above > room.below;
+/** Where the floating list sits (fixed, in viewport pixels): under the input at its width,
+ *  or above it, anchored by its bottom edge, when opensUp says so. */
+export function listPlacement(box, viewport, height) {
+    const at = { left: box.left, width: box.width };
+    return opensUp({ below: viewport - box.bottom - 4, above: box.top - 4, height })
+        ? { ...at, bottom: viewport - box.top + 4 }
+        : { ...at, top: box.bottom + 4 };
+}

package/dist/admin/ui/confirm.d.ts

@@ -22,6 +22,8 @@ export type ConfirmOptions = {
         label: string;
         checked: boolean;
     };
+    /** One OK button, no Cancel — notify's dialog (spec 2026-09-27 editor safety §7). */
+    single?: boolean;
 };
 export type ConfirmAnswer = {
     yes: boolean;
@@ -44,3 +46,9 @@ export declare const pendingConfirm: () => ConfirmRequest | null;
 export declare function subscribeConfirm(fn: () => void): () => void;
 /** Test seam: drop every pending question unanswered. */
 export declare function resetConfirms(): void;
+/** Tell, don't ask (spec 2026-09-27 editor safety §7): a one-button dialog in place of window.alert,
+ *  resolved once it is dismissed; with no host mounted, the native alert. */
+export declare function notify(options: {
+    title: string;
+    message: string;
+}): Promise<void>;

package/dist/admin/ui/confirm.js

@@ -8,6 +8,9 @@
 // One question at a time; a second request waits for the first answer.
 // Without a mounted host (a test, a stray render outside the shell) the
 // question falls back to window.confirm so no caller can hang.
+//
+// `notify` tells rather than asks (spec 2026-09-27 editor safety §7): the
+// same host, one OK button, window.alert as its no-host fallback.
 /** The Discard changes question, shared by the page editor and the entry and global forms (publish flow §4). */
 export const DISCARD_CONFIRM = {
     title: "Discard unsaved changes?",
@@ -18,7 +21,7 @@ export const DISCARD_CONFIRM = {
 const listeners = new Set();
 let queue = [];
 let seq = 0;
-const notify = () => { for (const fn of listeners)
+const emit = () => { for (const fn of listeners)
     fn(); };
 /** Ask; resolves with the answer and the option's final state once the dialog closes. */
 export function confirmWithOption(options) {
@@ -37,12 +40,12 @@ export function confirmWithOption(options) {
                 if (!queue.some((r) => r.id === id))
                     return; // answered already
                 queue = queue.filter((r) => r.id !== id);
-                notify();
+                emit();
                 resolve({ yes, checked });
             },
         };
         queue = [...queue, request];
-        notify();
+        emit();
     });
 }
 /** Ask; resolves with the answer once the dialog closes. */
@@ -57,5 +60,15 @@ export function subscribeConfirm(fn) {
 /** Test seam: drop every pending question unanswered. */
 export function resetConfirms() {
     queue = [];
-    notify();
+    emit();
+}
+/** Tell, don't ask (spec 2026-09-27 editor safety §7): a one-button dialog in place of window.alert,
+ *  resolved once it is dismissed; with no host mounted, the native alert. */
+export function notify(options) {
+    if (listeners.size === 0) {
+        if (typeof window !== "undefined" && typeof window.alert === "function")
+            window.alert(`${options.title}\n\n${options.message}`);
+        return Promise.resolve();
+    }
+    return confirmWithOption({ title: options.title, body: options.message, confirmLabel: "OK", single: true }).then(() => undefined);
 }

package/dist/admin/ui/theme.js

@@ -671,6 +671,13 @@ body:has(.sm-admin){margin:0}
 .sm-cell--title{font-weight:500}
 .sm-cell--grip{overflow:visible;display:flex;align-items:center;margin-left:-4px}
 .sm-empty{padding:28px 8px;color:var(--text-muted)}
+/* Settings › Content health (spec 2026-09-27 editor safety §4): headed sections of grouped rows. */
+.sm-health section+section{margin-top:24px}
+.sm-health__section{font-size:var(--text-sm);font-weight:600;letter-spacing:var(--caps-tracking);text-transform:var(--caps-transform);color:var(--text-muted);margin:0 0 8px;padding:0 8px}
+.sm-health__group{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}
+.sm-health__group > .sm-btn{align-self:flex-start;margin-top:4px}
+.sm-health__headline{display:flex;justify-content:space-between;gap:12px;font-weight:600;padding:6px 8px;margin:0}
+.sm-health__row{grid-template-columns:minmax(160px,1fr) 140px 90px 120px 70px}
 /* ── drag and drop (spec 2026-09-09 §7) ─────────────────────────────── */
 /* The grip is faint until its row is hovered or it has focus. */
 .sm-grip{
@@ -795,6 +802,12 @@ body:has(.sm-admin){margin:0}
   font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-tag);text-transform:uppercase;color:var(--text-muted);
 }
 .sm-stale{padding:8px 20px 0}
+/* Drift (spec 2026-09-27 editor safety §5): the document notice under the stale line, the orphan group at a form's foot. */
+.sm-drift{padding:8px 20px 0}
+.sm-orphans{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}
+.sm-orphans__head{cursor:pointer;font-size:var(--text-sm);font-weight:600;letter-spacing:var(--caps-tracking);text-transform:var(--caps-transform);color:var(--text-muted)}
+.sm-orphans__row{display:grid;grid-template-columns:minmax(80px,auto) 1fr auto auto;gap:8px;align-items:center;margin-top:8px}
+.sm-orphans__value{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-sm)}
 .sm-lock{display:inline-flex;align-items:center;margin-left:6px;color:var(--text-muted);vertical-align:middle}
 .sm-presence{margin:0;padding:6px 20px 0;font-size:13px;color:var(--text-muted)}
 .sm-banner{
@@ -922,6 +935,14 @@ body:has(.sm-admin){margin:0}
 .sm-outline-row__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
 .sm-outline-row__note{font-size:var(--text-sm);font-weight:500;flex:none;letter-spacing:var(--caps-tracking);text-transform:var(--caps-transform)}
 .sm-outline-row__add{color:var(--accent);font-weight:500;flex:none}
+/* Drift marks (spec 2026-09-27 editor safety §5): a stripe inside the row's left edge, red for broken, muted for left over. */
+.sm-outline-row--broken{box-shadow:inset 3px 0 0 var(--danger)}
+.sm-outline-row--orphan{box-shadow:inset 3px 0 0 var(--line-dashed)}
+.sm-outline-note{margin:0;font-size:var(--text-sm);color:var(--danger)}
+/* A removed zone's one row wraps its sentence rather than cutting it: the inspector is narrow. */
+.sm-outline-row--removed{height:auto;min-height:var(--outline-row-h);padding-block:6px}
+.sm-outline-row--removed .sm-outline-row__label{white-space:normal}
+.sm-rtcard--broken{box-shadow:inset 3px 0 0 var(--danger)}
 /* A row with a grip: the grip takes the left padding's place and the label follows it. */
 .sm-outline-row--grip{padding-left:2px}
 .sm-outline-row--grip .sm-outline-row__label{flex:1}
@@ -943,12 +964,17 @@ body:has(.sm-admin){margin:0}
   width:26px;height:26px;flex:none;border-radius:var(--radius-sm);background:var(--accent-soft);
   color:var(--accent);display:grid;place-items:center;font-size:13px;
 }
-/* Combobox (spec 2026-09-17 §1): the input owns the width, the list hangs under it. */
+/* Combobox (spec 2026-09-17 §1): the input owns the width, the list hangs under it —
+   portaled and fixed at the input's width (--combo-w), above modals and below
+   the confirm scrim (2026-09-27); inline under the input in static markup. */
 .sm-combo{position:relative}
 .sm-combo .sm-input{width:100%;padding-right:30px}
+.sm-combo--suffix .sm-input{padding-right:96px}
+.sm-combo__suffix{position:absolute;right:28px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px}
+.sm-combo__suffix a.sm-iconbtn{text-decoration:none}
 .sm-combo__chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted)}
 .sm-combo__list{position:absolute;top:calc(100% + 4px);left:0;right:0;width:auto;max-height:280px;overflow-y:auto;z-index:60}
-.sm-combo__list--up{top:auto;bottom:calc(100% + 4px)}
+.sm-combo__list--floating{position:fixed;top:auto;right:auto;width:var(--combo-w,300px);z-index:75}
 .sm-combo__empty{padding:8px 10px;color:var(--text-muted);font-size:var(--text-sm)}
 /* Reference picker (spec 2026-09-17 §2): the picked entries under the search input. */
 .sm-refpicker{display:flex;flex-direction:column;gap:6px;min-width:0}
@@ -978,7 +1004,7 @@ body:has(.sm-admin){margin:0}
 .sm-combo--tag{width:180px}
 .sm-combo--tag .sm-input{height:var(--control-h-sm);padding-right:10px}
 .sm-combo--tag .sm-combo__chevron{display:none}
-.sm-combo--tag .sm-combo__list{right:auto;width:240px}
+.sm-combo__list.sm-combo__list--tag{right:auto;width:240px}
 /* ── date and datetime pickers (spec 2026-09-25) ──────────────────────
    The text box with a calendar button as its suffix; for datetime an hour
    and a minute select beside it; the popover a month grid on the menu

package/dist/admin/validate.js

@@ -5,7 +5,6 @@
 // A field whose `.hidden()` condition holds is skipped entirely — a hidden
 // required field is not required (spec 2026-09-14 §12); the same isHidden
 // the form uses decides, over the same scope.
-import { optionValues } from "../fields.js";
 import { isHidden } from "../conditions.js";
 import { cssProblem } from "../css.js";
 import { normalizeTag, sameTag } from "../tags.js";
@@ -13,6 +12,7 @@ import { hasContent } from "./richtext-doc.js";
 import { ELEMENT_NODE, richtextBlocks } from "../richtext-walk.js";
 import { rowsProblems } from "../custom/rows.js";
 import { isCalendarDay, isInstant } from "./forms/date-picker.js";
+import { fits, misfitMessage } from "./drift.js";
 const subfields = (d) => d.fields && typeof d.fields === "object" ? d.fields : {};
 const itemOf = (d) => d.item && typeof d.item === "object" ? d.item : undefined;
 const isEmpty = (v) => v === undefined || v === null || v === "" || (Array.isArray(v) && v.length === 0);
@@ -32,6 +32,11 @@ function validateValue(path, value, d, errors, elements, scope) {
             errors.push({ field: path, message: "Required." });
         return;
     }
+    // The one type check (spec 2026-09-27 editor safety §2): drift and publish share it.
+    if (!fits(d, value)) {
+        errors.push({ field: path, message: misfitMessage(d, value) });
+        return;
+    }
     if (d.type === "richtext") {
         if (!hasContent(value)) {
             if (!mayBeAbsent(d))
@@ -58,26 +63,20 @@ function validateValue(path, value, d, errors, elements, scope) {
     }
     // Dates (spec 2026-09-25 date pickers §2): the stored formats exactly, and a day the calendar has.
     if (d.type === "date") {
-        if (typeof value !== "string" || !isCalendarDay(value))
+        if (!isCalendarDay(value))
             errors.push({ field: path, message: "Not a date (2026-09-02)." });
         return;
     }
     if (d.type === "datetime") {
-        if (typeof value !== "string" || !isInstant(value))
+        if (!isInstant(value))
             errors.push({ field: path, message: "Not a date and time." });
         return;
     }
-    if (d.type === "image" || d.type === "video" || d.type === "file") {
-        if (typeof value !== "object" || Array.isArray(value) || typeof value.asset !== "string") {
-            errors.push({ field: path, message: "Must be an uploaded file." });
-        }
+    if (d.type === "image" || d.type === "video" || d.type === "file")
         return;
-    }
     if (d.type === "list") {
-        if (!Array.isArray(value)) {
-            errors.push({ field: path, message: "Must be a list." });
+        if (!Array.isArray(value))
             return;
-        }
         if (typeof d.min === "number" && value.length < d.min)
             errors.push({ field: path, message: `At least ${plural(d.min, "item")}.` });
         if (typeof d.max === "number" && value.length > d.max)
@@ -89,37 +88,19 @@ function validateValue(path, value, d, errors, elements, scope) {
         return;
     }
     if (d.type === "object") {
-        if (typeof value !== "object" || Array.isArray(value)) {
-            errors.push({ field: path, message: "Must be an object." });
-            return;
-        }
         validateMap(path, value, subfields(d), errors, elements, { ...scope, self: value });
         return;
     }
-    if (d.type === "boolean") {
-        if (typeof value !== "boolean")
-            errors.push({ field: path, message: "Must be on or off." });
-        return;
-    }
-    if (d.type === "select" || d.type === "radio") {
-        const allowed = optionValues(d.options);
-        if (allowed.length > 0 && !allowed.includes(value)) {
-            errors.push({ field: path, message: `Must be one of: ${allowed.join(", ")}.` });
-        }
+    // The shape of these is fits' (above); what is left is the count.
+    if (d.type === "boolean" || d.type === "select" || d.type === "radio" || d.type === "checkboxes")
         return;
-    }
     // Refs (spec 2026-09-17 §3): the shape and the count. Whether a target exists
     // and is published is publish integrity's question (store.ts), not this one's.
-    if (d.type === "ref") {
-        if (typeof value !== "string")
-            errors.push({ field: path, message: "Must be an entry." });
+    if (d.type === "ref")
         return;
-    }
     if (d.type === "refList") {
-        if (!Array.isArray(value) || value.some((v) => typeof v !== "string" || v === "")) {
-            errors.push({ field: path, message: "Must be a list of entries." });
+        if (!Array.isArray(value))
             return;
-        }
         if (typeof d.min === "number" && value.length < d.min)
             errors.push({ field: path, message: `At least ${plural(d.min, "item")}.` });
         if (typeof d.max === "number" && value.length > d.max)
@@ -130,10 +111,8 @@ function validateValue(path, value, d, errors, elements, scope) {
         return;
     }
     if (d.type === "tags") {
-        if (!Array.isArray(value)) {
-            errors.push({ field: path, message: "Must be a list of tags." });
+        if (!Array.isArray(value))
             return;
-        }
         if (typeof d.min === "number" && value.length < d.min)
             errors.push({ field: path, message: `At least ${plural(d.min, "item")}.` });
         if (typeof d.max === "number" && value.length > d.max)
@@ -146,17 +125,6 @@ function validateValue(path, value, d, errors, elements, scope) {
         });
         return;
     }
-    if (d.type === "checkboxes") {
-        if (!Array.isArray(value)) {
-            errors.push({ field: path, message: "Must be a list." });
-            return;
-        }
-        const allowed = optionValues(d.options);
-        if (value.some((v) => !allowed.includes(v))) {
-            errors.push({ field: path, message: `Must be one of: ${allowed.join(", ")}.` });
-        }
-        return;
-    }
     if (typeof d.max === "number" && typeof value === "string" && value.length > d.max) {
         errors.push({ field: path, message: `Must be at most ${d.max} characters.` });
     }