smoodly 0.0.32 → 0.0.33

package/README.md

@@ -627,6 +627,21 @@ after both are on the registry. From the repo root:
 `prepublishOnly` rebuilds each package. The Claude Code skill
 `.claude/skills/releasing-smoodly` carries the same order with its checks.
 
+## Follow-ups (logged 2026-09-28, ASCII slugs spec)
+
+- Unicode redirect sources: a replaced site's old address may hold `ä`
+  (`/sää-tänään`). Unchecked whether the catch-all hands `site.locate`
+  the decoded or the percent-encoded path, so a source typed with `ä`
+  may never match. Test it with a real old URL; normalize (decode + NFC)
+  on both sides if it fails.
+- Content health does not report an entry slug outside the grammar: the
+  scan and the markers use drift's `fits` (a slug fits if it is text), and
+  the grammar is checked only at publish and on a published row's save.
+- `f.slug()` under a key other than `slug` is accepted by `collection()`
+  but never follows its `from` and is not the entry's URL; refuse it, or
+  say so in the Fields guide, which already says the field must be named
+  `slug`.
+
 ## Follow-ups (logged 2026-09-28, export/import spec)
 
 - `import --replace`: delete the space's content and media first, after
@@ -798,14 +813,6 @@ after both are on the registry. From the repo root:
 - A Deploying guide (nav lists it, unwritten) should show
   `npx smoodly migrate --check` as a build step.
 
-## Follow-ups (logged 2026-09-25, docs session)
-
-- `f.slug({ from })` stores `from` on the descriptor, but nothing reads it:
-  the admin never derives a slug from the named field. Either wire it (fill
-  the slug from `from` while the slug is untouched, in the entry form) or
-  drop the option. The Fields guide documents the slug as a plain text box
-  with the URL prefix and does not mention `from`.
-
 ## Follow-ups (logged 2026-09-17, admin path spec)
 
 - A robots `Disallow` for the admin path from `next/meta`.
@@ -1144,14 +1151,15 @@ tool — reset and reseed a development database (`supabase db reset`,
 - The Pages list's prompts are dialogs on the same card since the same
   day (`shell/PageDialogs.tsx` over `ui/Dialog.tsx`): New page / New
   path / New subpage / New subpath (title, slug following the title
-  through `slugify` in `shell/page-dialogs.ts`, page type when more than
+  through `slugify` in `paths.ts`, page type when more than
   one open template), Add page here (page type; skipped with one), Rename
   (title and slug; the home page's title alone). Still native: the
   `window.alert`s on a refused list op outside a dialog (`run` in
   PagesList, EntriesList's add/remove) — a notice banner is the follow-up.
-- `slugify` is the admin's first slugifier (title → segment); the slug
-  field widget (`f.slug`) does not use it yet, and neither does the entry
-  create-on-click. OQ 24 (unicode slugs) would relax its grammar.
+- `slugify` (`paths.ts`, exported) is the one slugifier; the slug-box
+  helpers in `admin/forms/slug-field.ts` (`followsTitle`, `tidySlug`,
+  `slugHint`, `withFollowingSlug`) serve the page dialogs, page Settings,
+  the `f.slug` widget and the entry form (spec 2026-09-28 ASCII slugs).
 - The dialog's fields take the tile tone on the white card
   (`.sm-dialog__form .sm-input`), the reverse of fields on tiles.
 - The confirm's copy lives at each call site (`title` / `body` /

package/dist/admin/editor/EditorView.js

@@ -891,7 +891,7 @@ export function EditorView({ ops, registry, id }) {
                                 trailing: registry.locales.supported.length > 1 && (_jsx(LocaleSwitcher, { registry: registry, present: record ? registry.locales.supported.filter((l) => record.locales[l]) : [locale], parentLocales: parentLocales, value: locale, adding: adding, onSwitch: (l) => { void switchLocale(l); }, onAdd: (l) => { void doAddLocale(l); } })),
                             },
                             { label },
-                        ] }) }), right: _jsxs(_Fragment, { children: [(touched || saveState === "error") && _jsx(SaveIndicator, { state: saveState, pending: dirty }), ready && (_jsx(LinkButton, { icon: true, href: siteUrl, 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: record?.locales[locale] ? localeStatusOf(record.locales[locale]) : null, pending: dirty || saveState !== "saved", busy: pageBusy, flash: published, onPublish: () => { void doPublish(); }, onDiscard: () => { void doDiscard(); }, onUnpublish: () => { void doUnpublish(); }, onHistory: () => { void doHistory(); } })] }) }), target && _jsx(PresenceLine, { names: editorsOf(others, target), noun: "page" }), stale && _jsx(StaleBanner, { info: stale, onReload: loadTheirs }), _jsx(DriftNotice, { draft: findings, live: liveFindings }), history && record?.locales[locale] && (_jsx(HistoryModal, { rows: history, draftId: record.locales[locale].draftVersionId, onClose: () => setHistory(null), onRestore: doRestore, render: (versionId) => _jsx("iframe", { className: "sm-history__frame", title: "Version preview", src: withVersionParam(siteUrl, versionId) }) })), _jsxs("div", { className: "sm-editor", inert: stale ? true : undefined, children: [_jsxs("div", { className: "sm-canvas", children: [(banner || diagnosis || crashedLines.length > 0) && (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8, padding: "0 20px 10px" }, children: [banner && (_jsxs(BannerBox, { tone: banner.fields && banner.fields.length > 0 ? "warn" : "error", onDismiss: () => setBanner(null), children: [_jsx("p", { children: banner.text }), _jsx(FieldErrorList, { fields: banner.fields ?? [] })] })), diagnosis && _jsx(CanvasWarning, { cause: diagnosis.cause, path: diagnosis.path }), crashedLines.length > 0 && (_jsx(BannerBox, { tone: "warn", children: crashedLines.map((line, i) => _jsx("p", { children: line }, i)) }))] })), _jsx("div", { className: "sm-canvas__scroll", ref: scrollerRef, onClick: (e) => { if (e.target === e.currentTarget)
+                        ] }) }), right: _jsxs(_Fragment, { children: [(touched || saveState === "error" || saveState === "refused") && _jsx(SaveIndicator, { state: saveState, pending: dirty }), ready && (_jsx(LinkButton, { icon: true, href: siteUrl, 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: record?.locales[locale] ? localeStatusOf(record.locales[locale]) : null, pending: dirty || saveState !== "saved", busy: pageBusy, flash: published, onPublish: () => { void doPublish(); }, onDiscard: () => { void doDiscard(); }, onUnpublish: () => { void doUnpublish(); }, onHistory: () => { void doHistory(); } })] }) }), target && _jsx(PresenceLine, { names: editorsOf(others, target), noun: "page" }), stale && _jsx(StaleBanner, { info: stale, onReload: loadTheirs }), _jsx(DriftNotice, { draft: findings, live: liveFindings }), history && record?.locales[locale] && (_jsx(HistoryModal, { rows: history, draftId: record.locales[locale].draftVersionId, onClose: () => setHistory(null), onRestore: doRestore, render: (versionId) => _jsx("iframe", { className: "sm-history__frame", title: "Version preview", src: withVersionParam(siteUrl, versionId) }) })), _jsxs("div", { className: "sm-editor", inert: stale ? true : undefined, children: [_jsxs("div", { className: "sm-canvas", children: [(banner || diagnosis || crashedLines.length > 0) && (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8, padding: "0 20px 10px" }, children: [banner && (_jsxs(BannerBox, { tone: banner.fields && banner.fields.length > 0 ? "warn" : "error", onDismiss: () => setBanner(null), children: [_jsx("p", { children: banner.text }), _jsx(FieldErrorList, { fields: banner.fields ?? [] })] })), diagnosis && _jsx(CanvasWarning, { cause: diagnosis.cause, path: diagnosis.path }), crashedLines.length > 0 && (_jsx(BannerBox, { tone: "warn", children: crashedLines.map((line, i) => _jsx("p", { children: line }, i)) }))] })), _jsx("div", { className: "sm-canvas__scroll", ref: scrollerRef, onClick: (e) => { if (e.target === e.currentTarget)
                                     setSelectedId(null); }, children: _jsxs("div", { className: "sm-page", style: { overflow: "hidden" }, children: [iframeSrc ? (_jsx("iframe", { ref: iframeRef, src: iframeSrc, title: "Page canvas", onLoad: onFrameLoad, style: { width: "100%", height: docH, border: 0, display: "block" } })) : (_jsx("div", { className: "sm-canvas__loading", children: "Loading canvas\u2026" })), _jsx(CanvasOverlay, { emptyZones: emptyZones, hoverRect: hoverRect, hoverGlobal: hoverGlobal, selection: selection, fieldHover: fieldHover, editing: editing, plusButtons: plusButtons, onPlus: (p, x, y) => setPicker({ zone: p.zone, index: p.index, x: x - 150, y: y + 12 }), onMove: doMove, onDuplicate: doDuplicate, onRemove: doRemove }), inline.richtext && (() => {
                                             const { session } = inline.richtext;
                                             const item = globalItemOf(session.node);
@@ -907,7 +907,7 @@ export function EditorView({ ops, registry, id }) {
                                                     else
                                                         mutate((t) => patchNodePath(t, session.node, session.path, doc));
                                                 }, onEscape: inline.end }));
-                                        })()] }) })] }), _jsx(ResizeHandle, {}), _jsxs("aside", { className: "sm-inspector", ref: inspectorRef, children: [_jsxs("div", { className: "sm-card", children: [selected && !selectedSection && !selectedItem ? (_jsx(UnknownNode, { node: selected, label: labelOf(selected), onRemove: () => { void doRemove(selected.id, true); } })) : selectedSection || selectedItem ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "sm-inspector__head", children: [_jsxs("span", { style: { display: "flex", alignItems: "center", gap: 8, minWidth: 0 }, children: [_jsx("span", { className: "sm-blockglyph" }), _jsx("span", { className: "sm-title", style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: selectedSection?.title ?? (selectedItem ? `${selectedItem.title} · global` : null) }), selectedItem && (globalTouched || globalEdit.saveState === "error") && _jsx(SaveIndicator, { state: globalEdit.saveState, pending: globalDirty })] }), _jsx(IconButton, { label: "Clear selection", onClick: () => setSelectedId(null), children: "\u00D7" })] }), tabs.length > 0 && selectedSection && (_jsx(Tabs, { tabs: tabs.map((t) => t.tab), value: activeTab, onChange: (t) => setTab(t) }))] })) : record ? (_jsx(PageInspector, { record: record, locale: locale, registry: registry, tree: tree, path: paths[locale], redirects: redirects[locale] ?? [], fixed: isFixedNode(record, registry), onRename: onRename, onPatch: doPatchPage, drift: findingsAt.get("page") ?? [], onClearPageField: (key) => mutate((t) => ({ ...t, fields: unsetAtPath(t.fields ?? {}, key) })), onRemoveLocale: Object.keys(record.locales).length > 1 &&
+                                        })()] }) })] }), _jsx(ResizeHandle, {}), _jsxs("aside", { className: "sm-inspector", ref: inspectorRef, children: [_jsxs("div", { className: "sm-card", children: [selected && !selectedSection && !selectedItem ? (_jsx(UnknownNode, { node: selected, label: labelOf(selected), onRemove: () => { void doRemove(selected.id, true); } })) : selectedSection || selectedItem ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "sm-inspector__head", children: [_jsxs("span", { style: { display: "flex", alignItems: "center", gap: 8, minWidth: 0 }, children: [_jsx("span", { className: "sm-blockglyph" }), _jsx("span", { className: "sm-title", style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: selectedSection?.title ?? (selectedItem ? `${selectedItem.title} · global` : null) }), selectedItem && (globalTouched || globalEdit.saveState === "error" || globalEdit.saveState === "refused") && _jsx(SaveIndicator, { state: globalEdit.saveState, pending: globalDirty })] }), _jsx(IconButton, { label: "Clear selection", onClick: () => setSelectedId(null), children: "\u00D7" })] }), tabs.length > 0 && selectedSection && (_jsx(Tabs, { tabs: tabs.map((t) => t.tab), value: activeTab, onChange: (t) => setTab(t) }))] })) : record ? (_jsx(PageInspector, { record: record, locale: locale, registry: registry, tree: tree, path: paths[locale], redirects: redirects[locale] ?? [], fixed: isFixedNode(record, registry), onRename: onRename, onPatch: doPatchPage, drift: findingsAt.get("page") ?? [], onClearPageField: (key) => mutate((t) => ({ ...t, fields: unsetAtPath(t.fields ?? {}, key) })), onRemoveLocale: Object.keys(record.locales).length > 1 &&
                                             !isFixedNode(record, registry) &&
                                             !(record.parentId === null && record.locales[registry.locales.default]?.slug === registry.homePageSlug)
                                             ? () => { void doRemoveLocale(); }

package/dist/admin/editor/PageSettings.js

@@ -13,6 +13,7 @@ import { Field, InfoRow, SectionLabel } from "../ui/primitives.js";
 import { confirmLiveUrl } from "../shell/live-url.js";
 import { RouteLink } from "../shell/RouteLink.js";
 import { useAdminHref } from "../shell/base.js";
+import { tidySlug } from "../forms/slug-field.js";
 export function PageSettings({ record, locale, registry, path, fixed, redirects, onRename }) {
     const row = record.locales[locale];
     const [draft, setDraft] = useState({ title: row?.title ?? "", slug: row?.slug ?? "" });
@@ -33,7 +34,10 @@ export function PageSettings({ record, locale, registry, path, fixed, redirects,
         committing.current = true;
         try {
             setError(null);
-            const next = draft[key];
+            // A slug tidies before it is committed (spec 2026-09-28 ASCII slugs §4).
+            const next = key === "slug" ? tidySlug(draft.slug) : draft[key];
+            if (next !== draft[key])
+                setDraft((d) => ({ ...d, [key]: next }));
             if (next === row[key])
                 return;
             if (next === "") {

package/dist/admin/editor/autosave.d.ts

@@ -1,5 +1,6 @@
 import type { OpResult } from "../ops.ts";
-export type SaveState = "saved" | "saving" | "error" | "stale";
+/** `refused`: the op refused the value itself (a validation error) — not retried; the next edit saves. */
+export type SaveState = "saved" | "saving" | "error" | "stale" | "refused";
 export type DraftAutosave = {
     /** Record a local change; a debounced save follows. */
     mark(): void;

package/dist/admin/editor/autosave.js

@@ -52,6 +52,12 @@ export function createDraftAutosave(opts) {
             setState("stale");
             return false;
         }
+        else if (result.code === "validation") {
+            // The same value would be refused again (spec 2026-09-28 ASCII slugs): no
+            // retry — the caller shows the field errors, and the next edit saves.
+            setState("refused");
+            return false;
+        }
         else {
             // Keep local state; retry with a doubling, capped delay.
             setState("error");

package/dist/admin/forms/FieldWidget.d.ts

@@ -6,7 +6,7 @@ export type WidgetScope = {
     fields?: Record<string, unknown>;
     settings?: Record<string, unknown>;
 };
-export declare function FieldWidget({ descriptor: d, value: valueProp, onChange, errors, path: pathProp, bare, refOptions, suggestions, fieldKey, prefix, mark, inlinePath, onEditHere, scope, emptyLabel, }: {
+export declare function FieldWidget({ descriptor: d, value: valueProp, onChange, errors, path: pathProp, bare, refOptions, suggestions, fieldKey, prefix, mark, inlinePath, onEditHere, scope, emptyLabel, hint, onBlur, }: {
     descriptor: AdminField;
     value: unknown;
     onChange(value: unknown): void;
@@ -30,6 +30,10 @@ export declare function FieldWidget({ descriptor: d, value: valueProp, onChange,
     scope?: WidgetScope;
     /** An optional radio's empty pill; `None` unless the caller says otherwise (`Default` for a styles step). */
     emptyLabel?: string;
+    /** A line under the field — the slug field's no-letters hint (spec 2026-09-28 ASCII slugs §6). */
+    hint?: string;
+    /** After a slug field's tidy on blur — the entry form commits a held live slug here. */
+    onBlur?(): void;
 }): ReactElement;
 /** The richtext field while it is edited in the canvas (spec 2026-09-10 §5). */
 export declare function InlineNote({ onEditHere }: {

package/dist/admin/forms/FieldWidget.js

@@ -12,9 +12,10 @@ import { isHidden } from "../../conditions.js";
 import { cssProblem } from "../../css.js";
 import { Button, Field, Switch } from "../ui/primitives.js";
 import { patchObject } from "./list.js";
+import { tidySlug } from "./slug-field.js";
 /** A key as a caption, sentence case: `spacingTop` → "Spacing top", `css` → "Custom CSS". */
 const label = (key) => key === "css" ? "Custom CSS" : key.replace(/([A-Z])/g, (c) => ` ${c.toLowerCase()}`).replace(/^./, (c) => c.toUpperCase());
-export function FieldWidget({ descriptor: d, value: valueProp, onChange, errors, path: pathProp, bare, refOptions, suggestions, fieldKey, prefix, mark, inlinePath, onEditHere, scope, emptyLabel, }) {
+export function FieldWidget({ descriptor: d, value: valueProp, onChange, errors, path: pathProp, bare, refOptions, suggestions, fieldKey, prefix, mark, inlinePath, onEditHere, scope, emptyLabel, hint, onBlur, }) {
     const path = pathProp ?? fieldKey;
     // A tags field has no per-chip slot: the first item error shows under the field.
     const below = d.type === "tags" && errors ? Object.keys(errors).find((k) => k.startsWith(`${path}.`)) : undefined;
@@ -33,7 +34,9 @@ export function FieldWidget({ descriptor: d, value: valueProp, onChange, errors,
         case "text":
         case "link":
         case "slug": {
-            const input = (_jsx("input", { className: d.type === "slug" ? "sm-input sm-input--mono" : "sm-input", value: String(value ?? ""), onChange: (e) => onChange(e.target.value) }));
+            // A slug tidies when it loses focus (spec 2026-09-28 ASCII slugs §4).
+            const input = (_jsx("input", { className: d.type === "slug" ? "sm-input sm-input--mono" : "sm-input", value: String(value ?? ""), onChange: (e) => onChange(e.target.value), onBlur: d.type === "slug" ? (e) => { const tidy = tidySlug(e.target.value); if (tidy !== e.target.value)
+                    onChange(tidy); onBlur?.(); } : undefined }));
             control = d.type === "slug" && prefix
                 ? _jsxs("span", { className: "sm-inputwrap", children: [_jsx("span", { className: "sm-prefix", children: prefix }), input] })
                 : input;
@@ -143,7 +146,7 @@ export function FieldWidget({ descriptor: d, value: valueProp, onChange, errors,
     // A <label> activates its first labelable descendant, so it may only wrap a
     // single control — around refList's rows, an object's fieldset or a list's
     // rows it would turn every click into a press of the first button.
-    return (_jsx(Field, { label: label(fieldKey), mark: mark, counter: counter, error: message, asDiv: asDiv, path: path, children: control }));
+    return (_jsx(Field, { label: label(fieldKey), mark: mark, counter: counter, hint: hint, error: message, asDiv: asDiv, path: path, children: control }));
 }
 /** The richtext field while it is edited in the canvas (spec 2026-09-10 §5). */
 export function InlineNote({ onEditHere }) {

package/dist/admin/forms/slug-field.d.ts

@@ -0,0 +1,17 @@
+/** The slug follows its title until the editor types a slug of their
+ *  own; a slug equal to what the previous title produced is still
+ *  "following". */
+export declare function followsTitle(slug: string, previousTitle: string): boolean;
+/** Under a slug box whose source text makes no slug (§6). */
+export declare const NO_LETTERS_HINT = "This title has no letters a slug can use \u2014 type one, like novosti.";
+/** What a slug box holds after blur (§4): the slugified text; when
+ *  nothing survives, the text as typed if it has letters (Новости), so
+ *  publish can name the problem, and "" if it had none ("  ", "---"). */
+export declare function tidySlug(value: string): string;
+/** NO_LETTERS_HINT when `source` has text but no slug in it (§6). */
+export declare function slugHint(source: unknown): string | undefined;
+/** The entry form's fields after `key` changed to `value` (§5): while the
+ *  row has never been published, an `f.slug({ from })` slug that still
+ *  follows the previous `from` value follows the new one. A published
+ *  row's slug is a live URL and never moves on its own. */
+export declare function withFollowingSlug(fields: Record<string, unknown>, key: string, value: unknown, from: string | undefined, neverPublished: boolean): Record<string, unknown>;

package/dist/admin/forms/slug-field.js

@@ -0,0 +1,39 @@
+// What a slug box does (spec 2026-09-28 ASCII slugs §4–§6): pure, shared
+// by the page dialogs, page Settings, the slug field widget and the entry
+// form. The grammar and the slugifier live in paths.ts.
+import { slugify } from "../../paths.js";
+/** The slug follows its title until the editor types a slug of their
+ *  own; a slug equal to what the previous title produced is still
+ *  "following". */
+export function followsTitle(slug, previousTitle) {
+    return slug === "" || slug === slugify(previousTitle);
+}
+/** Under a slug box whose source text makes no slug (§6). */
+export const NO_LETTERS_HINT = "This title has no letters a slug can use — type one, like novosti.";
+/** What a slug box holds after blur (§4): the slugified text; when
+ *  nothing survives, the text as typed if it has letters (Новости), so
+ *  publish can name the problem, and "" if it had none ("  ", "---"). */
+export function tidySlug(value) {
+    const tidy = slugify(value);
+    if (tidy !== "")
+        return tidy;
+    return /[\p{L}\p{N}]/u.test(value) ? value : "";
+}
+/** NO_LETTERS_HINT when `source` has text but no slug in it (§6). */
+export function slugHint(source) {
+    return typeof source === "string" && source.trim() !== "" && slugify(source) === "" ? NO_LETTERS_HINT : undefined;
+}
+/** The entry form's fields after `key` changed to `value` (§5): while the
+ *  row has never been published, an `f.slug({ from })` slug that still
+ *  follows the previous `from` value follows the new one. A published
+ *  row's slug is a live URL and never moves on its own. */
+export function withFollowingSlug(fields, key, value, from, neverPublished) {
+    const next = { ...fields, [key]: value };
+    if (from === undefined || key !== from || !neverPublished)
+        return next;
+    const slug = typeof fields.slug === "string" ? fields.slug : "";
+    const previous = typeof fields[from] === "string" ? fields[from] : "";
+    if (!followsTitle(slug, previous))
+        return next;
+    return { ...next, slug: slugify(typeof value === "string" ? value : "") };
+}

package/dist/admin/ops-impl.js

@@ -1,4 +1,5 @@
-import { entryFieldsIn, entryTitleIn } from "../entry-store.js";
+import { entryErrors, entryFieldsIn, entryTitleIn } from "../entry-store.js";
+import { isSegment } from "../paths.js";
 import { distinctTags } from "../tags.js";
 import { can, isMemberRole, normalizeRole } from "../permissions.js";
 import { ASSET_COLLECTION } from "../media.js";
@@ -6,7 +7,7 @@ import { adminHref, adminSlugTaken, isAdminSlug } from "../admin-path.js";
 import { affectedTargets, collectionTag, entryTag, pageTag, pagesTreeTag, globalTag } from "../revalidate.js";
 import { ensureFixedNodes, fixedNodeOf } from "./fixed-nodes.js";
 import { ensureGlobalItems } from "./global-items.js";
-import { validateCustomNode, validateFields, validateNode } from "./validate.js";
+import { SLUG_GRAMMAR_MESSAGE, validateCustomNode, validateFields, validateNode } from "./validate.js";
 import { serializeAdminConfig } from "./serialize.js";
 import { entryDrift, pageDrift } from "./drift.js";
 import { publishErrors } from "./drift-copy.js";
@@ -675,7 +676,27 @@ export function createAdminOps(deps) {
                 const descriptors = collectionFields(collection);
                 if (!descriptors)
                     return err("not_found", `smoodly: no collection named "${collection}".`);
-                const entry = await entries.update(collection, id, locale, fields, by, token, { redirect: options?.redirect ?? true });
+                // A published row's slug is its live address and is never versioned, so this
+                // save is its publish: the grammar holds here (spec 2026-09-28 ASCII slugs §3).
+                const slug = typeof fields.slug === "string" && fields.slug !== "" ? fields.slug : null;
+                if (descriptors.slug !== undefined && (slug === null || !isSegment(slug))) {
+                    const row = (await entries.get(collection, id))?.locales[locale];
+                    if (row?.status === "published" && row.slug !== null && row.slug !== slug) {
+                        const message = slug === null ? "Required while the entry is published." : SLUG_GRAMMAR_MESSAGE;
+                        return err("validation", "Some fields need attention.", [{ field: "slug", message }]);
+                    }
+                }
+                let entry;
+                try {
+                    entry = await entries.update(collection, id, locale, fields, by, token, { redirect: options?.redirect ?? true });
+                }
+                catch (e) {
+                    // A sibling's slug is the slug field's problem, not the whole draft's (spec 2026-09-28 ASCII slugs §5).
+                    if (e instanceof Error && e.message === entryErrors.slugTaken(collection).message) {
+                        return err("validation", "Some fields need attention.", [{ field: "slug", message: "Another entry here already uses this slug." }]);
+                    }
+                    throw e;
+                }
                 await fanOut(id);
                 expireCollection(collection);
                 return ok(entry);

package/dist/admin/shell/EntryForm.js

@@ -48,8 +48,11 @@ 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";
+import { slugHint, tidySlug, withFollowingSlug } from "../forms/slug-field.js";
 /** A stable empty map for the hooks that run before the "no such collection" return. */
 const NO_FIELDS = {};
+/** True while the entry's slug box has focus: its field wrapper carries the path. */
+const slugBoxFocused = () => typeof document !== "undefined" && document.activeElement instanceof HTMLElement && document.activeElement.closest('[data-sm-path="slug"]') !== null;
 export function EntryForm({ ops, registry, collection, id }) {
     const adminHref = useAdminHref();
     const meta = registry.collections.find((c) => c.name === collection);
@@ -62,6 +65,9 @@ export function EntryForm({ ops, registry, collection, id }) {
     const [parentLocales, setParentLocales] = useState(registry.locales.supported);
     const [notice, setNotice] = useState(null);
     const [fieldErrors, setFieldErrors] = useState({});
+    /** A refused save's field errors (spec 2026-09-28 ASCII slugs): kept apart from the publish refusal's, which
+     *  revalidation shrinks — a sibling's slug is no rule the form can check. Cleared by the next save that lands. */
+    const [saveErrors, setSaveErrors] = useState({});
     const [adding, setAdding] = useState(false);
     const [reloadKey, setReloadKey] = useState(0);
     /** An edit since the last save ack — Publish wakes on it, before the autosave runs (spec 2026-09-13 publish flow §2). */
@@ -84,6 +90,8 @@ export function EntryForm({ ops, registry, collection, id }) {
     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);
+    /** A live slug change the autosave held back while its box had focus (spec 2026-09-28 ASCII slugs §4). */
+    const slugHeld = useRef(false);
     // 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; };
@@ -98,7 +106,23 @@ export function EntryForm({ ops, registry, collection, id }) {
             // A published entry's slug is a live URL: one confirm at the save, Cancel restores it (members management §5).
             const row = recordRef.current?.locales[locale];
             const stored = row?.slug ?? null;
-            const next = typeof value.slug === "string" ? value.slug : null;
+            let next = typeof value.slug === "string" ? value.slug : null;
+            // A live slug changes when its box loses focus, never at a pause mid-typing (spec
+            // 2026-09-28 ASCII slugs §4): until then the rest of the draft saves with the live slug.
+            if (liveUrlChanges({ status: row?.status, from: stored, to: next }) && slugBoxFocused()) {
+                slugHeld.current = true;
+                value = { ...value, slug: stored };
+                next = stored;
+            }
+            // Tidied before the question, so the dialog asks about the URL that is saved.
+            if (next !== null && liveUrlChanges({ status: row?.status, from: stored, to: next })) {
+                const tidy = tidySlug(next);
+                if (tidy !== next) {
+                    next = tidy;
+                    value = { ...value, slug: tidy };
+                    setFields((f) => ({ ...(f ?? {}), slug: tidy }));
+                }
+            }
             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;
@@ -116,13 +140,19 @@ export function EntryForm({ ops, registry, collection, id }) {
             if (r.ok) {
                 redirectRef.current = true;
                 setRecord(r.data);
+                setSaveErrors({});
                 presence?.announce(target, r.data.locales[locale]?.draftSavedAt ?? null);
             }
             else if (isStale(r))
                 setStale(staleInfoOf(r));
+            // A refused save (a sibling's slug, a live slug outside the grammar) marks its fields until a save lands.
+            else if (r.code === "validation" && r.fields)
+                setSaveErrors(Object.fromEntries(r.fields.map((f) => [f.field, f.message])));
             return r;
         },
-        onSaved: () => setDirty(false),
+        // A held slug is still unsaved: the form stays dirty until its box loses focus.
+        onSaved: () => { if (!slugHeld.current)
+            setDirty(false); },
     });
     // Reload and close ask only while a save is pending or in flight.
     useLeaveGuard(dirty || saveState !== "saved");
@@ -143,6 +173,8 @@ export function EntryForm({ ops, registry, collection, id }) {
         let cancelled = false;
         setFields(null);
         setFieldErrors({});
+        setSaveErrors({});
+        slugHeld.current = false;
         setDirty(false);
         setStale(null);
         setTouched(false);
@@ -167,7 +199,7 @@ export function EntryForm({ ops, registry, collection, id }) {
     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]);
+    const markerErrors = useMemo(() => ({ ...misfitErrors(findings), ...fieldErrors, ...saveErrors }), [findings, fieldErrors, saveErrors]);
     if (!meta)
         return _jsx("p", { style: { padding: 32 }, children: "No such collection." });
     const row = record?.locales[locale];
@@ -418,8 +450,16 @@ 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: 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 }));
+    // f.slug({ from }) (spec 2026-09-28 ASCII slugs §5–§6): the field a never-published slug follows.
+    const declaredFrom = meta.fields.slug?.from;
+    const slugFrom = typeof declaredFrom === "string" ? declaredFrom : undefined;
+    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, hint: key === "slug" && slugFrom && !fields?.slug ? slugHint(fields?.[slugFrom]) : undefined, onBlur: key === "slug" ? () => { if (slugHeld.current) {
+            slugHeld.current = false;
+            setDirty(true);
+            mark();
+        } } : undefined, mark: multilingual && !localeKeys.includes(key) ? _jsx(UnlocalizedMark, {}) : undefined, onChange: (value) => {
+            const neverPublished = (recordRef.current?.locales[locale]?.publishedVersionId ?? null) === null;
+            setFields((f) => withFollowingSlug(f ?? {}, key, value, slugFrom, neverPublished));
             setDirty(true);
             setTouched(true);
             mark();
@@ -431,7 +471,7 @@ 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 }), _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)
+                        ] }) }), right: _jsxs(_Fragment, { children: [(touched || saveState === "error" || saveState === "refused") && _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);

package/dist/admin/shell/GlobalForm.js

@@ -318,6 +318,6 @@ export function GlobalForm({ ops, registry, name }) {
                                 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 }), _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)
+                        ] }) }), right: _jsxs(_Fragment, { children: [(touched || saveState === "error" || saveState === "refused") && _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/PageDialogs.js

@@ -10,7 +10,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useId, useState } from "react";
 import { DialogCard } from "../ui/Dialog.js";
 import { Banner, Button, Field } from "../ui/primitives.js";
-import { followsTitle, slugify } from "./page-dialogs.js";
+import { slugify } from "../../paths.js";
+import { followsTitle, slugHint, tidySlug } from "../forms/slug-field.js";
 export function PageFormDialog({ title: heading, submitLabel, fields, templates = [], parentPath, initial, onClose, onSubmit }) {
     const [values, setValues] = useState({
         title: initial?.title ?? "",
@@ -22,17 +23,22 @@ export function PageFormDialog({ title: heading, submitLabel, fields, templates
     const chooseTemplate = fields.template && templates.length > 1;
     const prefix = parentPath === undefined ? undefined : parentPath === "/" ? "/" : `${parentPath}/`;
     const setTitle = (title) => setValues((v) => ({ ...v, title, slug: fields.slug && followsTitle(v.slug, v.title) ? slugify(title) : v.slug }));
+    // The slug tidies when it loses focus (spec 2026-09-28 ASCII slugs §4).
+    const tidy = () => setValues((v) => ({ ...v, slug: tidySlug(v.slug) }));
     const submit = async (e) => {
         e.preventDefault();
         if (busy)
             return;
         setError(null);
         setBusy(true);
-        setError(await onSubmit({ ...values, title: values.title.trim(), slug: values.slug.trim() }));
+        // Enter submits without a blur: the slug is tidied here too (spec 2026-09-28 ASCII slugs §4).
+        const slug = tidySlug(values.slug.trim());
+        setValues((v) => ({ ...v, slug }));
+        setError(await onSubmit({ ...values, title: values.title.trim(), slug }));
         setBusy(false);
     };
     const formId = `sm-page-form${useId()}`;
-    return (_jsx(DialogCard, { title: heading, onClose: onClose, actions: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "secondary", onClick: onClose, children: "Cancel" }), _jsx("button", { type: "submit", form: formId, className: "sm-btn sm-btn--primary", disabled: busy, children: busy ? "Saving…" : submitLabel })] }), children: _jsxs("form", { id: formId, className: "sm-dialog__form", onSubmit: submit, children: [fields.title && (_jsx(Field, { label: "Title", children: _jsx("input", { className: "sm-input", required: true, autoFocus: true, value: values.title, onChange: (e) => setTitle(e.target.value) }) })), fields.slug && (_jsx(Field, { label: "Slug", hint: "The URL segment: lowercase letters, digits and hyphens.", children: prefix
-                        ? (_jsxs("span", { className: "sm-inputwrap", children: [_jsx("span", { className: "sm-prefix", children: prefix }), _jsx("input", { className: "sm-input sm-input--mono", required: true, autoFocus: !fields.title, value: values.slug, onChange: (e) => setValues((v) => ({ ...v, slug: e.target.value })) })] }))
-                        : (_jsx("input", { className: "sm-input sm-input--mono", required: true, autoFocus: !fields.title, value: values.slug, onChange: (e) => setValues((v) => ({ ...v, slug: e.target.value })) })) })), chooseTemplate && (_jsx(Field, { label: "Page type", children: _jsx("select", { className: "sm-select", autoFocus: !fields.title && !fields.slug, value: values.template ?? "", onChange: (e) => setValues((v) => ({ ...v, template: e.target.value })), children: templates.map((t) => _jsx("option", { value: t.name, children: t.title }, t.name)) }) })), error && _jsx(Banner, { tone: "error", children: error })] }) }));
+    return (_jsx(DialogCard, { title: heading, onClose: onClose, actions: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "secondary", onClick: onClose, children: "Cancel" }), _jsx("button", { type: "submit", form: formId, className: "sm-btn sm-btn--primary", disabled: busy, children: busy ? "Saving…" : submitLabel })] }), children: _jsxs("form", { id: formId, className: "sm-dialog__form", onSubmit: submit, children: [fields.title && (_jsx(Field, { label: "Title", children: _jsx("input", { className: "sm-input", required: true, autoFocus: true, value: values.title, onChange: (e) => setTitle(e.target.value) }) })), fields.slug && (_jsx(Field, { label: "Slug", hint: (values.slug === "" ? slugHint(values.title) : undefined) ?? "The URL segment: lowercase letters, digits and hyphens.", children: prefix
+                        ? (_jsxs("span", { className: "sm-inputwrap", children: [_jsx("span", { className: "sm-prefix", children: prefix }), _jsx("input", { className: "sm-input sm-input--mono", required: true, autoFocus: !fields.title, value: values.slug, onChange: (e) => setValues((v) => ({ ...v, slug: e.target.value })), onBlur: tidy })] }))
+                        : (_jsx("input", { className: "sm-input sm-input--mono", required: true, autoFocus: !fields.title, value: values.slug, onChange: (e) => setValues((v) => ({ ...v, slug: e.target.value })), onBlur: tidy })) })), chooseTemplate && (_jsx(Field, { label: "Page type", children: _jsx("select", { className: "sm-select", autoFocus: !fields.title && !fields.slug, value: values.template ?? "", onChange: (e) => setValues((v) => ({ ...v, template: e.target.value })), children: templates.map((t) => _jsx("option", { value: t.name, children: t.title }, t.name)) }) })), error && _jsx(Banner, { tone: "error", children: error })] }) }));
 }

package/dist/admin/ui/primitives.js

@@ -132,6 +132,7 @@ export function SaveIndicator({ state, pending = false }) {
         saving: { label: "Saving", dot: "var(--warn)", color: "var(--text-muted)" },
         error: { label: "Save failed — retrying", dot: "var(--danger)", color: "var(--danger)" },
         stale: { label: "Not saved — newer version exists", dot: "var(--danger)", color: "var(--danger)" },
+        refused: { label: "Not saved — fix the marked fields", dot: "var(--danger)", color: "var(--danger)" },
     };
     const { label, dot, color } = map[pending && state === "saved" ? "saving" : state];
     return (_jsxs("span", { className: "sm-savestate", "data-testid": "save-status", style: { color }, title: label, children: [_jsx("span", { className: "sm-dot", style: { background: dot } }), label] }));

package/dist/admin/validate.d.ts

@@ -1,3 +1,5 @@
+/** A slug outside the path grammar, at publish (spec 2026-09-28 ASCII slugs §3). */
+export declare const SLUG_GRAMMAR_MESSAGE = "Use lowercase letters, digits and single hyphens, like my-post.";
 export type FieldError = {
     field: string;
     message: string;

package/dist/admin/validate.js

@@ -13,6 +13,9 @@ 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";
+import { isSegment } from "../paths.js";
+/** A slug outside the path grammar, at publish (spec 2026-09-28 ASCII slugs §3). */
+export const SLUG_GRAMMAR_MESSAGE = "Use lowercase letters, digits and single hyphens, like my-post.";
 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);
@@ -37,6 +40,12 @@ function validateValue(path, value, d, errors, elements, scope) {
         errors.push({ field: path, message: misfitMessage(d, value) });
         return;
     }
+    // Slugs (spec 2026-09-28 ASCII slugs §3): the path grammar, checked at
+    // publish only — saves stay lenient, since the form autosaves mid-typing.
+    if (d.type === "slug" && !isSegment(value)) {
+        errors.push({ field: path, message: SLUG_GRAMMAR_MESSAGE });
+        return;
+    }
     if (d.type === "richtext") {
         if (!hasContent(value)) {
             if (!mayBeAbsent(d))

package/dist/collections.js

@@ -34,6 +34,16 @@ export function collection(input) {
         input.fields[input.order.by]?.descriptor.localized === true) {
         throw new Error(`smoodly: collection "${input.name}" orders by "${input.order.by}", which is localized — order fields are shared across locales.`);
     }
+    // f.slug({ from }) follows a field in the entry form (spec 2026-09-28
+    // ASCII slugs §5): a typo would silently never follow, so it fails here.
+    for (const [key, builder] of Object.entries(input.fields)) {
+        const from = builder.descriptor.type === "slug" ? builder.descriptor.from : undefined;
+        if (from === key)
+            throw new Error(`smoodly: collection "${input.name}" slug field "${key}" cannot follow itself.`);
+        if (typeof from === "string" && !Object.prototype.hasOwnProperty.call(input.fields, from)) {
+            throw new Error(`smoodly: collection "${input.name}" slug field "${key}" follows an unknown field "${from}".`);
+        }
+    }
     return {
         kind: "collection",
         name: input.name,

package/dist/index.d.ts

@@ -57,7 +57,7 @@ export { affectedTargets, pageTag, entryTag, globalTag, pagesTreeTag, collection
 export type { AffectedTargets } from "./revalidate.ts";
 export { resolveTree, resolveFields, resolveMedia } from "./resolve.ts";
 export type { EntryFetcher, ResolveFieldsOptions, AssetFetcher } from "./resolve.ts";
-export { SEGMENT_RE, isSegment, assertSegment, joinPath, splitPath, segmentFor, isHomeNode, pagePathIn, chainOf, assertDepth, pagePath, pagePathRows, entryPathRows, collectionSegment, buildPageTree, perLocaleSegments, assertSupportedLocale, unsupportedLocale, pageAlternates, entryAlternates, } from "./paths.ts";
+export { SEGMENT_RE, isSegment, assertSegment, slugify, joinPath, splitPath, segmentFor, isHomeNode, pagePathIn, chainOf, assertDepth, pagePath, pagePathRows, entryPathRows, collectionSegment, buildPageTree, perLocaleSegments, assertSupportedLocale, unsupportedLocale, pageAlternates, entryAlternates, } from "./paths.ts";
 export type { LocaleSet, PathTarget, PathRow, PageLike, EntryLike, PageTreeNode, PagePathOptions, LocaleAlternate, PageAlternate } from "./paths.ts";
 export { fixedPathFor } from "./localize.ts";
 export type { PageStore, PageRecord, PageLocale, PageVersion, PageScan, PageStoreOptions, CreatePageInput, AddLocaleOptions } from "./store.ts";

package/dist/index.js

@@ -41,7 +41,7 @@ export { SupabasePathIndex } from "./supabase-path-index.js";
 export { entryErrors, compareEntries, DEFAULT_ENTRY_LOCALES, localizedKeys, splitFields, entryLocaleRow, entryFieldsIn, entryRefEdges, entryTitleIn, matchesWhere, } from "./entry-store.js";
 export { affectedTargets, pageTag, entryTag, globalTag, pagesTreeTag, collectionTag } from "./revalidate.js";
 export { resolveTree, resolveFields, resolveMedia } from "./resolve.js";
-export { SEGMENT_RE, isSegment, assertSegment, joinPath, splitPath, segmentFor, isHomeNode, pagePathIn, chainOf, assertDepth, pagePath, pagePathRows, entryPathRows, collectionSegment, buildPageTree, perLocaleSegments, assertSupportedLocale, unsupportedLocale, pageAlternates, entryAlternates, } from "./paths.js";
+export { SEGMENT_RE, isSegment, assertSegment, slugify, joinPath, splitPath, segmentFor, isHomeNode, pagePathIn, chainOf, assertDepth, pagePath, pagePathRows, entryPathRows, collectionSegment, buildPageTree, perLocaleSegments, assertSupportedLocale, unsupportedLocale, pageAlternates, entryAlternates, } from "./paths.js";
 export { fixedPathFor } from "./localize.js";
 export { pathOptions, pageErrors, localeRow, pageRefEdges, DEFAULT_LOCALES } from "./store.js";
 export { DEFAULT_TOOLSET } from "./toolset.js";

package/dist/paths.d.ts

@@ -1,6 +1,13 @@
 export declare const SEGMENT_RE: RegExp;
 export declare const isSegment: (s: string) => boolean;
 export declare function assertSegment(s: string, what: string): void;
+/** A segment from any text, the one slugifier (spec 2026-09-28 ASCII
+ *  slugs §2): compatibility forms folded (NFKD: fi → fi, Ａ → a),
+ *  diacritics stripped (ä → a, é → e), the letters in TRANSLITERATE
+ *  spelled out (ø → o, ß → ss), everything else a hyphen, no leading,
+ *  trailing or doubled hyphens. The result passes isSegment
+ *  or is "" — a title with no Latin letters or digits makes no slug. */
+export declare function slugify(text: string): string;
 export type LocaleSet = {
     default: string;
     supported: string[];

package/dist/paths.js

@@ -9,6 +9,27 @@ export function assertSegment(s, what) {
         throw new Error(`smoodly: ${what} "${s}" is not a valid slug — use lowercase letters, digits and single hyphens.`);
     }
 }
+/** Letters with no Unicode decomposition, which NFKD cannot strip to a base
+ *  letter (spec 2026-09-28 ASCII slugs §2). Applied after lowercasing. */
+const TRANSLITERATE = {
+    ø: "o", æ: "ae", œ: "oe", ß: "ss", ł: "l", đ: "d", ð: "d", þ: "th", ħ: "h", ı: "i",
+};
+const TRANSLITERATE_RE = new RegExp(`[${Object.keys(TRANSLITERATE).join("")}]`, "g");
+/** A segment from any text, the one slugifier (spec 2026-09-28 ASCII
+ *  slugs §2): compatibility forms folded (NFKD: fi → fi, Ａ → a),
+ *  diacritics stripped (ä → a, é → e), the letters in TRANSLITERATE
+ *  spelled out (ø → o, ß → ss), everything else a hyphen, no leading,
+ *  trailing or doubled hyphens. The result passes isSegment
+ *  or is "" — a title with no Latin letters or digits makes no slug. */
+export function slugify(text) {
+    return text
+        .normalize("NFKD")
+        .replace(/[\u0300-\u036f]/g, "")
+        .toLowerCase()
+        .replace(TRANSLITERATE_RE, (ch) => TRANSLITERATE[ch])
+        .replace(/[^a-z0-9]+/g, "-")
+        .replace(/^-+|-+$/g, "");
+}
 /** ONE text for both stores: a locale outside the config set. */
 export const unsupportedLocale = (locale) => new Error(`smoodly: "${locale}" is not a supported locale.`);
 export function assertSupportedLocale(locale, set) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "smoodly",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "description": "Open-source, code-first CMS for Next.js on Supabase: define a component once, it becomes a typed, editable building block.",
   "license": "MIT",
   "repository": {

package/dist/admin/shell/page-dialogs.d.ts

@@ -1,9 +0,0 @@
-/** A URL segment from a title: lowercase ASCII letters, digits and
- *  hyphens (the path grammar, DESIGN.md OQ 24), diacritics stripped
- *  (ä → a, é → e), everything else a hyphen, no leading, trailing or
- *  doubled hyphens. */
-export declare function slugify(title: string): string;
-/** The slug field follows the title until the editor types a slug of
- *  their own; a slug equal to what the previous title produced is still
- *  "following". */
-export declare function followsTitle(slug: string, previousTitle: string): boolean;

package/dist/admin/shell/page-dialogs.js

@@ -1,19 +0,0 @@
-// Pure helpers for the page dialogs (PageDialogs.tsx).
-/** A URL segment from a title: lowercase ASCII letters, digits and
- *  hyphens (the path grammar, DESIGN.md OQ 24), diacritics stripped
- *  (ä → a, é → e), everything else a hyphen, no leading, trailing or
- *  doubled hyphens. */
-export function slugify(title) {
-    return title
-        .normalize("NFD")
-        .replace(/[̀-ͯ]/g, "")
-        .toLowerCase()
-        .replace(/[^a-z0-9]+/g, "-")
-        .replace(/^-+|-+$/g, "");
-}
-/** The slug field follows the title until the editor types a slug of
- *  their own; a slug equal to what the previous title produced is still
- *  "following". */
-export function followsTitle(slug, previousTitle) {
-    return slug === "" || slug === slugify(previousTitle);
-}