smoodly 0.0.28 → 0.0.30

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/ActionMenu.d.ts

@@ -4,6 +4,25 @@ export type ActionMenuItem = {
     disabled?: boolean;
     danger?: boolean;
 };
+/** The button's box in viewport pixels, `right` measured from the viewport's right edge. */
+type Anchor = {
+    top: number;
+    bottom: number;
+    right: number;
+};
+export declare const anchorOf: (button: {
+    top: number;
+    bottom: number;
+    right: number;
+}, viewportWidth: number) => Anchor;
+/** Whether a scroll moved the button since the menu opened. */
+export declare const anchorMoved: (open: Anchor, now: Anchor) => boolean;
+/** 6px under the button from its right edge, or above it when it does not fit below and there is more room above. */
+export declare function menuPlacement(anchor: Anchor, viewportHeight: number, height: number): {
+    right: number;
+    top?: number;
+    bottom?: number;
+};
 export declare function ActionMenu({ label, items, disabled, small }: {
     label: string;
     items: ActionMenuItem[];
@@ -11,3 +30,4 @@ export declare function ActionMenu({ label, items, disabled, small }: {
     /** The smaller round button, next to a small Publish. */
     small?: boolean;
 }): import("react").JSX.Element;
+export {};

package/dist/admin/ui/ActionMenu.js

@@ -8,14 +8,35 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // right edge (every control sits at its bar's or card's right). It is
 // position:fixed from the button's rect (2026-09-26): inside a table cell
 // an absolute child was clipped by the cell's overflow, so the Members
-// row menu opened invisibly. A scroll closes it rather than leaving it behind.
-import { useEffect, useRef, useState } from "react";
+// row menu opened invisibly. Near the bottom of the screen it opens upward,
+// the Combobox's rule (2026-09-27: a fixed menu cut off by the viewport
+// cannot be scrolled into view). A scroll that moves the button closes it
+// rather than leaving it behind — only one that moves it: scroll events
+// arrive a frame late, so the one from bringing the row into view could
+// land after the click and close the menu it had just opened.
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { opensUp } from "./combo-box.js";
 import { cx } from "./primitives.js";
+export const anchorOf = (button, viewportWidth) => ({ top: button.top, bottom: button.bottom, right: viewportWidth - button.right });
+/** Whether a scroll moved the button since the menu opened. */
+export const anchorMoved = (open, now) => open.top !== now.top || open.bottom !== now.bottom || open.right !== now.right;
+/** 6px under the button from its right edge, or above it when it does not fit below and there is more room above. */
+export function menuPlacement(anchor, viewportHeight, height) {
+    return opensUp({ below: viewportHeight - anchor.bottom - 6, above: anchor.top - 6, height })
+        ? { right: anchor.right, bottom: viewportHeight - anchor.top + 6 }
+        : { right: anchor.right, top: anchor.bottom + 6 };
+}
 export function ActionMenu({ label, items, disabled, small = false }) {
-    /** Open: the popover's viewport position, under the button's right edge. */
+    /** Open: the button's box when it opened; the popover is placed from it. */
     const [open, setOpen] = useState(null);
+    const [place, setPlace] = useState(null);
     const ref = useRef(null);
     const button = useRef(null);
+    const menu = useRef(null);
+    // Measured before paint, so an upward menu never flashes below first.
+    useLayoutEffect(() => {
+        setPlace(open && menu.current ? menuPlacement(open, window.innerHeight, menu.current.offsetHeight) : null);
+    }, [open]);
     const toggle = () => {
         if (open) {
             setOpen(null);
@@ -23,7 +44,7 @@ export function ActionMenu({ label, items, disabled, small = false }) {
         }
         const r = button.current?.getBoundingClientRect();
         if (r)
-            setOpen({ top: r.bottom + 6, right: window.innerWidth - r.right });
+            setOpen(anchorOf(r, window.innerWidth));
     };
     useEffect(() => {
         if (!open)
@@ -33,14 +54,19 @@ export function ActionMenu({ label, items, disabled, small = false }) {
             close(); };
         const onKey = (e) => { if (e.key === "Escape")
             close(); };
+        const onScroll = () => {
+            const r = button.current?.getBoundingClientRect();
+            if (!r || anchorMoved(open, anchorOf(r, window.innerWidth)))
+                close();
+        };
         document.addEventListener("pointerdown", onDown);
         document.addEventListener("keydown", onKey);
-        document.addEventListener("scroll", close, true);
+        document.addEventListener("scroll", onScroll, true);
         return () => {
             document.removeEventListener("pointerdown", onDown);
             document.removeEventListener("keydown", onKey);
-            document.removeEventListener("scroll", close, true);
+            document.removeEventListener("scroll", onScroll, true);
         };
     }, [open]);
-    return (_jsxs("div", { ref: ref, style: { position: "relative", flex: "none" }, children: [_jsx("button", { ref: button, type: "button", className: cx("sm-dotmenu", small && "sm-dotmenu--sm"), "aria-label": label, title: label, "aria-haspopup": "menu", "aria-expanded": open !== null, disabled: disabled, onClick: toggle, children: "\u00B7\u00B7\u00B7" }), open && (_jsx("div", { role: "menu", className: "sm-picker sm-picker--menu", style: { top: open.top, right: open.right }, children: items.map((item) => (_jsx("button", { type: "button", role: "menuitem", className: cx("sm-picker__item", item.danger && "sm-picker__item--danger"), disabled: item.disabled, onClick: () => { setOpen(null); item.run(); }, children: item.label }, item.label))) }))] }));
+    return (_jsxs("div", { ref: ref, style: { position: "relative", flex: "none" }, children: [_jsx("button", { ref: button, type: "button", className: cx("sm-dotmenu", small && "sm-dotmenu--sm"), "aria-label": label, title: label, "aria-haspopup": "menu", "aria-expanded": open !== null, disabled: disabled, onClick: toggle, children: "\u00B7\u00B7\u00B7" }), open && (_jsx("div", { ref: menu, role: "menu", className: "sm-picker sm-picker--menu", style: place ?? { top: open.bottom + 6, right: open.right, visibility: "hidden" }, children: items.map((item) => (_jsx("button", { type: "button", role: "menuitem", className: cx("sm-picker__item", item.danger && "sm-picker__item--danger"), disabled: item.disabled, onClick: () => { setOpen(null); item.run(); }, children: item.label }, item.label))) }))] }));
 }

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