smoodly 0.0.14 → 0.0.16

package/dist/admin/serialize.js

@@ -77,7 +77,6 @@ export function serializeAdminConfig(config) {
             name: s.name,
             title: s.title,
             ...(s.section !== undefined ? { section: s.section } : {}),
-            versions: s.versions === true,
             fields: serializeMap(s.fields),
             styles: serializeMap(s.section !== undefined ? config.resolvedStyles(s.section) : {}),
         })),

package/dist/admin/shared-items.js

@@ -55,6 +55,20 @@ export async function ensureSharedItems(entries, config) {
                 }
             }
         }
+        // Every shared item is versioned (decided 2026-09-13). A row published before that has
+        // no pointers, so its next save would go live: publish it once more here, which snapshots
+        // what is live and points both pointers at it. Idempotent — pointed rows are skipped.
+        for (const locale of supported) {
+            const row = record.locales[locale];
+            if (!row || row.status !== "published" || row.publishedVersionId !== null)
+                continue;
+            try {
+                record = await entries.setStatus(item.name, record.id, locale, "published");
+            }
+            catch (e) {
+                console.warn(`smoodly: could not version shared item "${item.name}" in "${locale}": ${e instanceof Error ? e.message : String(e)}`);
+            }
+        }
         out[item.name] = record;
     }
     return out;

package/dist/admin/shell/AdminApp.js

@@ -48,7 +48,7 @@ export function AdminApp({ registry, op, auth }) {
     else if (isCollection && !tail)
         main = _jsx(EntriesList, { ops: ops, registry: registry, collection: head });
     else if (isCollection && tail)
-        main = _jsx(EntryForm, { ops: ops, registry: registry, collection: head, id: tail === "new" ? "new" : decodeURIComponent(tail) });
+        main = _jsx(EntryForm, { ops: ops, registry: registry, collection: head, id: decodeURIComponent(tail) });
     else if (head === "shared" && !tail)
         main = _jsx(SharedList, { ops: ops, registry: registry });
     else if (head === "shared" && tail)

package/dist/admin/shell/EntriesList.js

@@ -8,6 +8,7 @@ import { useCallback, useEffect, useState } from "react";
 import { ListView } from "./ListView.js";
 import { canReorder, entryRows, entrySourceLocale } from "./entries-list.js";
 import { Button, StatusBadge } from "../ui/primitives.js";
+import { statusLabel } from "../ui/status-label.js";
 import { LocalePicker } from "../ui/LocaleSwitcher.js";
 import { relativeTime } from "../ui/format.js";
 import { useSortable } from "../ui/useSortable.js";
@@ -75,6 +76,21 @@ export function EntriesList({ ops, registry, collection }) {
     const open = (id) => {
         navigate(`${BASE}/${collection}/${encodeURIComponent(id)}?locale=${encodeURIComponent(locale)}`);
     };
+    /** "+ New entry" creates an empty draft in the locale on screen and opens it (spec 2026-09-14 §4). */
+    const createEntry = async () => {
+        let result;
+        try {
+            result = await ops.entries.create(collection, { locale, fields: {} });
+        }
+        catch {
+            result = { ok: false, code: "internal", message: "Couldn't reach the server." };
+        }
+        if (!result.ok) {
+            window.alert(result.message);
+            return;
+        }
+        open(result.data.id);
+    };
     const addLocale = async (row) => {
         const record = records?.find((r) => r.id === row.id);
         if (!record)
@@ -95,10 +111,10 @@ export function EntriesList({ ops, registry, collection }) {
         }
         open(row.id);
     };
-    return (_jsx(ListView, { title: meta.title, titleTrailing: multilingual && _jsx(LocalePicker, { locales: registry.locales.supported, value: locale, onChange: pickLocale }), actions: _jsx(Button, { onClick: () => { navigate(`${BASE}/${collection}/new?locale=${encodeURIComponent(locale)}`); }, children: "+ New entry" }), columns: [
+    return (_jsx(ListView, { title: meta.title, titleTrailing: multilingual && _jsx(LocalePicker, { locales: registry.locales.supported, value: locale, onChange: pickLocale }), actions: _jsx(Button, { onClick: () => { void createEntry(); }, children: "+ New entry" }), columns: [
             { label: "Title", width: "minmax(160px,1fr)" },
             { label: "Updated", width: "minmax(110px,160px)" },
-            { label: "Status", width: "120px" },
+            { label: "Status", width: "170px" },
         ], empty: records ? "Nothing here yet." : "Loading…", sortable: canReorder(meta) ? { hook: sortable, canDrag: () => true } : undefined, rows: rows.map((row) => {
             const dim = row.present ? undefined : { opacity: 0.45 };
             return {
@@ -110,7 +126,7 @@ export function EntriesList({ ops, registry, collection }) {
                         ? _jsx("span", { className: "sm-cell sm-cell--muted", children: relativeTime(row.updatedAt) }, "u")
                         : _jsxs("span", { className: "sm-cell sm-cell--muted", children: ["not in ", locale, " \u2014 click to add"] }, "u"),
                     row.status
-                        ? _jsx(StatusBadge, { status: row.status }, "c")
+                        ? _jsx(StatusBadge, { status: statusLabel(row.status) }, "c")
                         : _jsx("span", { className: "sm-cell sm-cell--muted", children: "\u2014" }, "c"),
                 ],
             };

package/dist/admin/shell/EntryForm.js

@@ -1,44 +1,73 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 // The classic field view for ONE locale of an entry (spec 2026-09-06
 // §7): the fields in schema order, the same FieldWidget renderer as the
 // editor sidebar, no tabs. In a multilingual project a field that is
 // NOT .localized() (nor the slug) carries a globe-off mark after its
-// name — every locale sees it — instead of the two "Shared across
-// languages" / "In <locale>" groups (dropped 2026-09-09). The locale
-// switcher loads that locale's merged fields; switching to a locale the
-// entry lacks shows the "Add <locale>" pane, which copies the locale on
-// screen; "Remove from <locale>" sits in the sidebar behind a confirm.
-// Status is per locale and immediate. The safe-delete guard's message
+// name — every locale sees it. The locale switcher loads that locale's
+// merged fields; switching to a locale the entry lacks shows the
+// "Add <locale>" pane, which copies the locale on screen; "Remove from
+// <locale>" sits in the sidebar behind a confirm.
+//
+// Since 2026-09-14 (spec collections draft/publish) the form autosaves
+// like the page editor: no Save button, every edit persists after a
+// debounce, the top bar carries the indicator, View live and the one
+// publish control. A draft may be incomplete; publish validates it and
+// lists the fields in an amber banner. The safe-delete guard's message
 // renders verbatim — it is product surface.
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { FieldWidget } from "../forms/FieldWidget.js";
-import { relativeTime } from "../ui/format.js";
+import { revealField } from "../forms/reveal.js";
+import { useDraftAutosave } from "../editor/autosave.js";
+import { relativeTime, updatedLine } from "../ui/format.js";
 import { LocaleSwitcher } from "../ui/LocaleSwitcher.js";
-import { Banner, Breadcrumb, Button, SectionLabel, Segmented, TopBar, UnlocalizedMark } from "../ui/primitives.js";
+import { Banner, Breadcrumb, Button, FieldErrorList, InfoRow, LinkButton, SaveIndicator, SectionLabel, TopBar, UnlocalizedMark, } from "../ui/primitives.js";
+import { PublishControl } from "../ui/PublishControl.js";
+import { HistoryModal, historyRows } from "../ui/HistoryModal.js";
+import { localeStatusOf } from "./pages-tree.js";
 import { ResizeHandle } from "../ui/ResizeHandle.js";
 import { entrySourceLocale, entryTitle, localizedFieldKeys } from "./entries-list.js";
 import { BASE } from "./base.js";
 import { localeFromUrl, writeLocaleToUrl } from "../editor/locale-url.js";
 import { navigate, useLeaveGuard } from "./router.js";
-const STATUSES = ["Draft", "Published"];
 export function EntryForm({ ops, registry, collection, id }) {
     const meta = registry.collections.find((c) => c.name === collection);
-    const isNew = id === "new";
     const multilingual = registry.locales.supported.length > 1;
     const [locale, setLocale] = useState(() => localeFromUrl(registry));
     const [record, setRecord] = useState(null);
-    const [fields, setFields] = useState(isNew ? {} : null);
+    const [fields, setFields] = useState(null);
+    const [urls, setUrls] = useState({});
     const [parentLocales, setParentLocales] = useState(registry.locales.supported);
     const [refOptions, setRefOptions] = useState({});
-    const [banner, setBanner] = useState(null);
+    const [notice, setNotice] = useState(null);
     const [fieldErrors, setFieldErrors] = 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). */
     const [dirty, setDirty] = useState(false);
-    // A nav click, the Back arrow, a list row: the router asks before
-    // leaving unsaved changes; reload and close ask through beforeunload.
-    useLeaveGuard(dirty);
+    /** Any edit on this screen yet: the indicator stays hidden until the first one (§6). */
+    const [touched, setTouched] = useState(false);
+    const [busy, setBusy] = useState(null);
+    /** The moment after a publish: the button reads "Published ✓". */
+    const [published, setPublished] = useState(false);
+    const [history, setHistory] = useState(null);
+    const [snapshot, setSnapshot] = useState(null);
+    const formRef = useRef(null);
+    const fieldsRef = useRef(fields);
+    fieldsRef.current = fields;
+    // The page editor's controller: debounced, retrying, flushable (spec 2026-09-14 §3).
+    const { saveState, mark, flush } = useDraftAutosave({
+        read: () => fieldsRef.current,
+        persist: async (value) => {
+            const r = await ops.entries.save(collection, id, locale, value);
+            if (r.ok)
+                setRecord(r.data);
+            return r;
+        },
+        onSaved: () => setDirty(false),
+    });
+    // Reload and close ask only while a save is pending or in flight.
+    useLeaveGuard(dirty || saveState !== "saved");
     const refTargets = useMemo(() => {
         const out = {};
         for (const [key, d] of Object.entries(meta?.fields ?? {})) {
@@ -50,26 +79,26 @@ export function EntryForm({ ops, registry, collection, id }) {
     const localeKeys = useMemo(() => (meta ? localizedFieldKeys(meta) : []), [meta]);
     // Load the locale's merged fields; an absent locale comes back with fields: null.
     useEffect(() => {
-        if (isNew)
-            return;
         let cancelled = false;
         setFields(null);
         setFieldErrors({});
+        setDirty(false);
+        setTouched(false);
         ops.entries.get(collection, id, locale).then((r) => {
             if (cancelled)
                 return;
             if (r.ok) {
                 setRecord(r.data.record);
                 setFields(r.data.fields);
+                setUrls(r.data.urls);
                 setParentLocales(r.data.parentLocales);
-                setDirty(false);
             }
             else
-                setBanner({ tone: "error", text: r.message });
+                setNotice({ tone: "error", text: r.message });
         }).catch(() => { if (!cancelled)
-            setBanner({ tone: "error", text: "Couldn't reach the server." }); });
+            setNotice({ tone: "error", text: "Couldn't reach the server." }); });
         return () => { cancelled = true; };
-    }, [ops, collection, id, isNew, locale, reloadKey]);
+    }, [ops, collection, id, locale, reloadKey]);
     // Ref options in the locale being edited: a target absent there is not offered.
     useEffect(() => {
         let cancelled = false;
@@ -93,64 +122,145 @@ export function EntryForm({ ops, registry, collection, id }) {
     }, [ops, refTargets, registry, locale]);
     if (!meta)
         return _jsx("p", { style: { padding: 32 }, children: "No such collection." });
-    const applyResult = (r, okText) => {
-        if (r.ok) {
-            setBanner({ tone: "ok", text: okText });
-            setFieldErrors({});
-            return true;
-        }
-        setBanner({ tone: "error", text: r.message });
-        setFieldErrors(Object.fromEntries((r.fields ?? []).map((f) => [f.field, f.message])));
-        return false;
+    const row = record?.locales[locale];
+    const status = row ? localeStatusOf(row) : null;
+    /** An op's failure onto the screen: amber with the fields for a validation result, red otherwise. */
+    const fail = (r) => {
+        if (r.code === "validation" && r.fields && r.fields.length > 0) {
+            setFieldErrors(Object.fromEntries(r.fields.map((f) => [f.field, f.message])));
+            setNotice({ tone: "warn", text: r.message, fields: r.fields });
+        }
+        else
+            setNotice({ tone: "error", text: r.message });
     };
-    const save = async () => {
-        if (!fields)
-            return;
-        if (isNew) {
-            const r = await ops.entries.create(collection, { locale, fields });
-            if (applyResult(r, "Created.") && r.ok) {
-                setDirty(false);
-                // force: the create just landed, but React has not flushed setDirty(false) yet.
-                navigate(`${BASE}/${collection}/${encodeURIComponent(r.data.id)}?locale=${encodeURIComponent(locale)}`, { force: true });
-            }
+    /** Publish what is on screen: the pending edit is flushed first, and a failed flush cancels the publish. */
+    const publish = async () => {
+        setNotice(null);
+        setBusy("publish");
+        if (!(await flush())) {
+            setBusy(null);
+            setNotice({ tone: "error", text: "Couldn't save your latest changes — publish cancelled." });
+            return;
         }
-        else {
-            const r = await ops.entries.save(collection, id, locale, fields);
-            if (applyResult(r, "Saved.") && r.ok) {
-                setRecord(r.data);
-                setDirty(false);
-            }
+        let r;
+        try {
+            r = await ops.entries.setStatus(collection, id, locale, "published");
         }
-    };
-    const row = record?.locales[locale];
-    const status = row?.status ?? "draft";
-    const setPublished = async (next) => {
-        if (next === status)
+        catch {
+            r = { ok: false, code: "internal", message: "Couldn't reach the server." };
+        }
+        setBusy(null);
+        if (!r.ok) {
+            fail(r);
             return;
-        const r = await ops.entries.setStatus(collection, id, locale, next);
-        if (applyResult(r, next === "published" ? "Published." : "Unpublished.") && r.ok)
+        }
+        setRecord(r.data);
+        setFieldErrors({});
+        setPublished(true);
+        setTimeout(() => setPublished(false), 1600);
+    };
+    const unpublish = async () => {
+        setNotice(null);
+        setBusy("unpublish");
+        let r;
+        try {
+            r = await ops.entries.setStatus(collection, id, locale, "draft");
+        }
+        catch {
+            r = { ok: false, code: "internal", message: "Couldn't reach the server." };
+        }
+        setBusy(null);
+        if (r.ok)
             setRecord(r.data);
+        else
+            fail(r);
+    };
+    /** Discard (spec 2026-09-13 publish flow §4): confirm, flush so a late save cannot re-dirty the row, restore, reload. */
+    const discard = async () => {
+        if (!window.confirm("Discard your changes and restore the published version?"))
+            return;
+        setNotice(null);
+        setBusy("discard");
+        if (!(await flush())) {
+            setBusy(null);
+            setNotice({ tone: "error", text: "Couldn't save your latest changes — discard cancelled." });
+            return;
+        }
+        let r;
+        try {
+            r = await ops.entries.discardDraft(collection, id, locale);
+        }
+        catch {
+            r = { ok: false, code: "internal", message: "Couldn't reach the server." };
+        }
+        setBusy(null);
+        if (!r.ok) {
+            fail(r);
+            return;
+        }
+        setRecord(r.data);
+        setReloadKey((k) => k + 1);
+        setNotice({ tone: "ok", text: "Changes discarded." });
+    };
+    /** History (spec 2026-09-13 history §5): flush first so the list's draft row is current. */
+    const openHistory = async () => {
+        if (!row)
+            return;
+        if (!(await flush())) {
+            setNotice({ tone: "error", text: "Couldn't save your latest changes — history not opened." });
+            return;
+        }
+        const r = await ops.entries.listVersions(collection, id, locale);
+        if (!r.ok) {
+            fail(r);
+            return;
+        }
+        setSnapshot(null);
+        setHistory(historyRows(r.data, row));
+    };
+    const loadSnapshot = async (versionId) => {
+        const r = await ops.entries.getVersion(collection, id, versionId);
+        if (r.ok)
+            setSnapshot({ id: r.data.id, fields: r.data.fields });
+        else
+            fail(r);
+    };
+    const restore = async (versionId) => {
+        const r = await ops.entries.restore(collection, id, locale, versionId);
+        if (!r.ok) {
+            fail(r);
+            return false;
+        }
+        setRecord(r.data);
+        setReloadKey((k) => k + 1);
+        setNotice({ tone: "ok", text: "Version restored." });
+        return true;
     };
     const goToLocale = (next) => {
         if (next === locale)
             return;
         writeLocaleToUrl(next);
-        setBanner(null);
+        setNotice(null);
         setLocale(next);
     };
-    const switchLocale = (next) => {
+    /** A switch flushes the pending edit first: nothing is ever unsaved past the debounce. */
+    const switchLocale = async (next) => {
         if (next === locale)
             return;
-        if (dirty && !window.confirm("Discard unsaved changes?"))
+        if (!(await flush())) {
+            setNotice({ tone: "error", text: "Couldn't save your latest changes — stayed on this locale." });
             return;
+        }
         goToLocale(next);
     };
     /** Add a locale, copying the locale on screen (or the record's source locale when this one is absent). */
     const doAddLocale = async (target) => {
         if (!record || adding)
             return;
-        if (dirty && !window.confirm("Discard unsaved changes?"))
+        if (!(await flush())) {
+            setNotice({ tone: "error", text: "Couldn't save your latest changes — locale not added." });
             return;
+        }
         const from = record.locales[locale] ? locale : entrySourceLocale(record, registry);
         setAdding(true);
         let result;
@@ -162,7 +272,7 @@ export function EntryForm({ ops, registry, collection, id }) {
         }
         setAdding(false);
         if (!result.ok) {
-            setBanner({ tone: "error", text: result.message });
+            fail(result);
             return;
         }
         setRecord(result.data);
@@ -177,8 +287,6 @@ export function EntryForm({ ops, registry, collection, id }) {
         const remaining = Object.keys(record.locales).filter((l) => l !== locale);
         if (remaining.length === 0)
             return;
-        if (dirty && !window.confirm("Discard unsaved changes?"))
-            return;
         if (!window.confirm(`Remove this entry from ${locale}? Its ${locale} fields and history are deleted.`))
             return;
         let result;
@@ -189,7 +297,7 @@ export function EntryForm({ ops, registry, collection, id }) {
             result = { ok: false, code: "internal", message: "Couldn't reach the server." };
         }
         if (!result.ok) {
-            setBanner({ tone: "error", text: result.message });
+            fail(result);
             return;
         }
         setRecord(result.data);
@@ -202,28 +310,26 @@ export function EntryForm({ ops, registry, collection, id }) {
         if (r.ok)
             navigate(`${BASE}/${collection}`, { force: true });
         else
-            setBanner({ tone: "error", text: r.message });
+            fail(r);
     };
-    const heading = isNew ? "New entry" : record ? entryTitle(record, meta, registry, locale) : id;
+    const heading = record ? entryTitle(record, meta, registry, locale) : "…";
     // The mount's path in the ACTIVE locale prefixes the slug; no path, no prefix.
     const base = meta.path?.[locale];
     const slugPrefix = base ? `/${base}/` : undefined;
     const present = record ? registry.locales.supported.filter((l) => record.locales[l]) : [locale];
-    const widget = ([key, d]) => (_jsx(FieldWidget, { fieldKey: key, descriptor: d, value: fields?.[key], errors: fieldErrors, refOptions: refTargets[key] ? refOptions[refTargets[key]] ?? [] : undefined, prefix: d.type === "slug" ? slugPrefix : undefined, mark: multilingual && !localeKeys.includes(key) ? _jsx(UnlocalizedMark, {}) : undefined, onChange: (value) => { setFields((f) => ({ ...(f ?? {}), [key]: value })); setDirty(true); } }, key));
-    const absent = !isNew && record !== null && fields === null && !record.locales[locale];
+    const widget = ([key, d]) => (_jsx(FieldWidget, { fieldKey: key, descriptor: d, value: fields?.[key], errors: fieldErrors, refOptions: refTargets[key] ? refOptions[refTargets[key]] ?? [] : undefined, prefix: d.type === "slug" ? slugPrefix : undefined, mark: multilingual && !localeKeys.includes(key) ? _jsx(UnlocalizedMark, {}) : undefined, onChange: (value) => {
+            setFields((f) => ({ ...(f ?? {}), [key]: value }));
+            setDirty(true);
+            setTouched(true);
+            mark();
+        } }, key));
+    const absent = record !== null && fields === null && !record.locales[locale];
     return (_jsxs(_Fragment, { children: [_jsx(TopBar, { left: _jsx(_Fragment, { children: _jsx(Breadcrumb, { backHref: `${BASE}/${collection}`, items: [
                             {
                                 label: meta.title, href: `${BASE}/${collection}`,
-                                trailing: multilingual && (isNew
-                                    ? _jsxs("span", { className: "sm-hint", children: ["\u00B7 ", locale] })
-                                    : _jsx(LocaleSwitcher, { registry: registry, present: present, parentLocales: parentLocales, value: locale, adding: adding, onSwitch: switchLocale, onAdd: (l) => void doAddLocale(l) })),
+                                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: _jsx(Button, { onClick: save, disabled: fields === null, children: isNew ? "Create" : "Save" }) }), _jsxs("div", { className: "sm-editor", children: [_jsxs("div", { className: "sm-form", children: [banner && _jsx(Banner, { tone: banner.tone, onDismiss: () => setBanner(null), children: banner.text }), 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: () => switchLocale(entrySourceLocale(record, registry)), children: ["Back to ", entrySourceLocale(record, registry)] })] })] })) : fields !== null ? (Object.entries(meta.fields).map(widget)) : !banner && _jsx("p", { style: { color: "var(--text-muted)" }, children: "Loading\u2026" })] }), _jsx(ResizeHandle, {}), _jsxs("aside", { className: "sm-inspector", children: [_jsxs("div", { className: "sm-card", children: [_jsxs(SectionLabel, { children: ["Status", multilingual ? ` · ${locale}` : ""] }), _jsx(Segmented, { options: STATUSES, stretch: true, disabled: isNew || !row, value: status === "published" ? "Published" : "Draft", onChange: (v) => { void setPublished(v === "Published" ? "published" : "draft"); } }), isNew && _jsx("span", { className: "sm-hint", children: "Create the entry first \u2014 it starts as a draft." })] }), !isNew && record && row && (_jsx(_Fragment, { children: _jsxs("div", { className: "sm-card", children: [_jsx(SectionLabel, { children: "Document info" }), _jsx(InfoRow, { label: "Created", value: relativeTime(record.createdAt) }), _jsx(InfoRow, { label: "Updated", value: relativeTime(row.updatedAt) }), multilingual && _jsx(InfoRow, { label: "Languages", value: Object.keys(record.locales).join(", ") }), _jsx(InfoRow, { label: "ID", value: id, mono: true })] }) })), !isNew && record && (_jsx(_Fragment, { children: _jsxs("div", { className: "sm-card", children: [multilingual && row && Object.keys(record.locales).length > 1 && (_jsxs(Button, { variant: "secondary", onClick: () => void doRemoveLocale(), children: ["Remove from ", locale] })), _jsx(Button, { variant: "danger", onClick: destroy, children: "Delete" })] }) }))] })] })] }));
-}
-function InfoRow({ label, value, mono }) {
-    return (_jsxs("div", { style: { display: "flex", justifyContent: "space-between", gap: 10, fontSize: "var(--text-sm)", color: "var(--text-muted)" }, children: [_jsx("span", { children: label }), _jsx("span", { style: {
-                    color: "var(--text)", fontFamily: mono ? "var(--font-mono)" : undefined,
-                    overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap",
-                }, children: value })] }));
+                        ] }) }), right: _jsxs(_Fragment, { children: [(touched || saveState === "error") && _jsx(SaveIndicator, { state: saveState }), urls[locale] && (_jsx(LinkButton, { href: urls[locale], target: "_blank", rel: "noreferrer", title: "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: "View live" })), _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" }) })), _jsxs("div", { className: "sm-editor", children: [_jsxs("div", { className: "sm-form", ref: formRef, children: [notice && (_jsxs(Banner, { tone: notice.tone, onDismiss: () => setNotice(null), children: [_jsx("p", { style: { margin: 0 }, children: notice.text }), _jsx(FieldErrorList, { fields: notice.fields ?? [], onReveal: (path) => { if (formRef.current)
+                                            revealField(formRef.current, path); } })] })), absent ? (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: [_jsxs("p", { children: ["This entry doesn't exist in ", locale, " yet. Adding it copies the ", entrySourceLocale(record, registry), " fields as the first ", locale, " draft."] }), _jsxs("div", { style: { display: "flex", gap: 8 }, children: [_jsxs(Button, { onClick: () => void doAddLocale(locale), disabled: adding || !parentLocales.includes(locale), title: parentLocales.includes(locale) ? undefined : `add ${locale} to the parent first`, children: ["Add ", locale] }), _jsxs(Button, { variant: "secondary", onClick: () => { void switchLocale(entrySourceLocale(record, registry)); }, children: ["Back to ", entrySourceLocale(record, registry)] })] })] })) : fields !== null ? (Object.entries(meta.fields).map(widget)) : !notice && _jsx("p", { style: { color: "var(--text-muted)" }, children: "Loading\u2026" })] }), _jsx(ResizeHandle, {}), _jsxs("aside", { className: "sm-inspector", children: [record && row && (_jsxs("div", { className: "sm-card", children: [_jsx(SectionLabel, { children: "Document info" }), _jsx(InfoRow, { label: "Created", value: relativeTime(record.createdAt) }), _jsx(InfoRow, { label: "Updated", value: updatedLine(row.updatedAt, row.updatedBy) }), multilingual && _jsx(InfoRow, { label: "Languages", value: Object.keys(record.locales).join(", ") }), _jsx(InfoRow, { label: "ID", value: id, mono: true })] })), record && (_jsxs("div", { className: "sm-card", children: [multilingual && row && Object.keys(record.locales).length > 1 && (_jsxs(Button, { variant: "secondary", onClick: () => void doRemoveLocale(), children: ["Remove from ", locale] })), _jsx(Button, { variant: "danger", onClick: destroy, children: "Delete" })] }))] })] })] }));
 }

package/dist/admin/shell/IconRail.js

@@ -18,12 +18,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // ↑/↓ move between entries, a pointer down outside closes. A child being
 // active highlights its parent tile and the entry inside the menu.
 import { useEffect, useId, useRef, useState } from "react";
-import { ChevronDown, Image, LayoutPanelTop, Library, Settings2, Square } from "lucide-react";
+import { ChevronDown, Globe, Image, LibraryBig, PanelTop, Settings } from "lucide-react";
 import { ThemeToggle } from "../ui/primitives.js";
 import { BASE } from "./base.js";
 import { RouteLink } from "./RouteLink.js";
 /** Lucide at the rail's size and stroke (the tile's CSS restates both). */
-const ICON = { size: 18, strokeWidth: 1.75, "aria-hidden": true };
+const ICON = { size: 18, strokeWidth: 2, "aria-hidden": true };
 /** The app icon, inlined: a package can't ship a file into the host app's
  *  /public. Brand blue on white in both themes, so no --logo-filter. */
 function AppIcon() {
@@ -70,5 +70,5 @@ export function IconRail({ registry, active, email, onSignOut }) {
     const collectionActive = collections.some((c) => c.name === active);
     const name = email?.split("@")[0] ?? "Editor";
     const initials = name.slice(0, 2).toUpperCase();
-    return (_jsxs("nav", { className: "sm-rail", "aria-label": "Primary", ref: root, onKeyDown: onKeyDown, children: [_jsx(AppIcon, {}), _jsxs("ul", { className: "sm-rail__list", children: [link("pages", "Pages", _jsx(Square, { ...ICON }), `${BASE}/pages`), collections.length > 0 && (_jsxs("li", { className: "sm-rail__item", children: [_jsxs("button", { type: "button", className: "sm-rail__btn", "aria-current": collectionActive ? "page" : undefined, "aria-haspopup": "menu", "aria-expanded": open === "collections", "aria-controls": menuId("collections"), onClick: () => toggle("collections"), children: [_jsxs("span", { className: "sm-rail__tile", children: [_jsx(Library, { ...ICON }), _jsx("span", { className: "sm-rail__chev", children: _jsx(ChevronDown, { ...ICON, size: 8, strokeWidth: 3 }) })] }), _jsx("span", { className: "sm-rail__label", children: "Collections" })] }), _jsxs("ul", { className: "sm-rail__menu", role: "menu", id: menuId("collections"), "data-open": open === "collections", children: [_jsx("li", { className: "sm-rail__menu-title", role: "presentation", children: "Collections" }), collections.map((c) => (_jsx("li", { role: "none", children: _jsx(RouteLink, { role: "menuitem", className: "sm-rail__menu-item", href: `${BASE}/${c.name}`, "aria-current": c.name === active ? "page" : undefined, onClick: close, children: _jsx("span", { children: c.title }) }) }, c.name)))] })] })), link("media", "Media", _jsx(Image, { ...ICON }), `${BASE}/media`), registry.shared.length > 0 && link("shared", "Globals", _jsx(LayoutPanelTop, { ...ICON }), `${BASE}/shared`), link("settings", "Settings", _jsx(Settings2, { ...ICON }), null)] }), _jsxs("div", { className: "sm-rail__item sm-rail__foot", children: [_jsx("button", { type: "button", className: "sm-rail__user", title: name, "aria-haspopup": "menu", "aria-expanded": open === "user", "aria-controls": menuId("user"), onClick: () => toggle("user"), children: initials }), _jsxs("ul", { className: "sm-rail__menu sm-rail__menu--up", role: "menu", id: menuId("user"), "data-open": open === "user", children: [_jsx("li", { className: "sm-rail__menu-title", role: "presentation", children: name }), _jsx("li", { role: "none", children: _jsx(ThemeToggle, {}) }), _jsx("li", { role: "none", children: _jsx("button", { type: "button", role: "menuitem", className: "sm-rail__menu-item", onClick: () => { close(); onSignOut(); }, children: "Sign out" }) })] })] })] }));
+    return (_jsxs("nav", { className: "sm-rail", "aria-label": "Primary", ref: root, onKeyDown: onKeyDown, children: [_jsx(AppIcon, {}), _jsxs("ul", { className: "sm-rail__list", children: [link("pages", "Pages", _jsx(PanelTop, { ...ICON }), `${BASE}/pages`), collections.length > 0 && (_jsxs("li", { className: "sm-rail__item", children: [_jsxs("button", { type: "button", className: "sm-rail__btn", "aria-current": collectionActive ? "page" : undefined, "aria-haspopup": "menu", "aria-expanded": open === "collections", "aria-controls": menuId("collections"), onClick: () => toggle("collections"), children: [_jsxs("span", { className: "sm-rail__tile", children: [_jsx(LibraryBig, { ...ICON }), _jsx("span", { className: "sm-rail__chev", children: _jsx(ChevronDown, { ...ICON, size: 8, strokeWidth: 3 }) })] }), _jsx("span", { className: "sm-rail__label", children: "Collections" })] }), _jsxs("ul", { className: "sm-rail__menu", role: "menu", id: menuId("collections"), "data-open": open === "collections", children: [_jsx("li", { className: "sm-rail__menu-title", role: "presentation", children: "Collections" }), collections.map((c) => (_jsx("li", { role: "none", children: _jsx(RouteLink, { role: "menuitem", className: "sm-rail__menu-item", href: `${BASE}/${c.name}`, "aria-current": c.name === active ? "page" : undefined, onClick: close, children: _jsx("span", { children: c.title }) }) }, c.name)))] })] })), link("media", "Media", _jsx(Image, { ...ICON }), `${BASE}/media`), registry.shared.length > 0 && link("shared", "Globals", _jsx(Globe, { ...ICON }), `${BASE}/shared`), link("settings", "Settings", _jsx(Settings, { ...ICON }), null)] }), _jsxs("div", { className: "sm-rail__item sm-rail__foot", children: [_jsx("button", { type: "button", className: "sm-rail__user", title: name, "aria-haspopup": "menu", "aria-expanded": open === "user", "aria-controls": menuId("user"), onClick: () => toggle("user"), children: initials }), _jsxs("ul", { className: "sm-rail__menu sm-rail__menu--up", role: "menu", id: menuId("user"), "data-open": open === "user", children: [_jsx("li", { className: "sm-rail__menu-title", role: "presentation", children: name }), _jsx("li", { role: "none", children: _jsx(ThemeToggle, {}) }), _jsx("li", { role: "none", children: _jsx("button", { type: "button", role: "menuitem", className: "sm-rail__menu-item", onClick: () => { close(); onSignOut(); }, children: "Sign out" }) })] })] })] }));
 }

package/dist/admin/shell/PagesList.js

@@ -11,6 +11,7 @@ import { useCallback, useEffect, useState } from "react";
 import { ListView } from "./ListView.js";
 import { canDragRow, openTemplates, pagesTreeRows, projectDrop, sourceLocaleOf, subtreeHeight } from "./pages-tree.js";
 import { Button, StatusBadge } from "../ui/primitives.js";
+import { statusLabel } from "../ui/status-label.js";
 import { LocalePicker } from "../ui/LocaleSwitcher.js";
 import { useSortable } from "../ui/useSortable.js";
 import { BASE } from "./base.js";
@@ -207,7 +208,7 @@ export function PagesList({ ops, registry }) {
                     { label: "Title", width: "minmax(160px,1fr)" },
                     { label: "Path", width: "minmax(140px,260px)" },
                     { label: "Template", width: "minmax(100px,160px)" },
-                    { label: "Status", width: "110px" },
+                    { label: "Status", width: "170px" },
                     { label: "", width: "32px" },
                 ], empty: pages ? "No pages yet." : "Loading…", sortable: { hook: sortable, canDrag: (i) => canDragRow(rows[i]) }, rows: rows.map((row, i) => {
                     // An absent node is still a row (structure is shared) but reads as dimmed.
@@ -225,7 +226,7 @@ export function PagesList({ ops, registry }) {
                                 : _jsxs("span", { className: "sm-cell sm-cell--muted", children: ["not in ", locale, " \u2014 click to add"] }, "p"),
                             _jsx("span", { className: "sm-cell sm-cell--muted", style: dim, children: row.templateTitle }, "k"),
                             row.status
-                                ? _jsx(StatusBadge, { status: row.status }, "s")
+                                ? _jsx(StatusBadge, { status: statusLabel(row.status) }, "s")
                                 : _jsx("span", { className: "sm-cell sm-cell--muted", children: "\u2014" }, "s"),
                             _jsx("button", { type: "button", className: "sm-rowmenu", "aria-label": "Row menu", onClick: (e) => { e.stopPropagation(); setMenu({ row, x: e.clientX, y: e.clientY }); }, onKeyDown: (e) => e.stopPropagation(), children: "\u00B7\u00B7\u00B7" }, "m"),
                         ],

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

@@ -0,0 +1,21 @@
+import type { AdminShared } from "../serialize.ts";
+import type { TabEntry } from "../forms/tabs.ts";
+export type RefOption = {
+    id: string;
+    title: string;
+    status: string;
+};
+export declare function SharedFields({ item, entries, fields, errors, refOptions, multilingual, inlinePath, onEditHere, onChange }: {
+    item: AdminShared;
+    entries: TabEntry[];
+    /** The merged draft fields; a visual item's styles under `$styles`. */
+    fields: Record<string, unknown>;
+    errors?: Record<string, string>;
+    /** Loaded ref options by target collection. */
+    refOptions: Record<string, RefOption[]>;
+    multilingual: boolean;
+    /** The content field with an active inline session: its richtext widget yields to a note. */
+    inlinePath?: string;
+    onEditHere?(): void;
+    onChange(ns: "fields" | "styles", key: string, value: unknown): void;
+}): import("react").JSX.Element;

package/dist/admin/shell/SharedFields.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { STYLES_KEY } from "../../shared.js";
+import { FieldWidget } from "../forms/FieldWidget.js";
+import { UnlocalizedMark } from "../ui/primitives.js";
+export function SharedFields({ item, entries, fields, errors, refOptions, multilingual, inlinePath, onEditHere, onChange }) {
+    const styles = (fields[STYLES_KEY] ?? {});
+    return (_jsx(_Fragment, { children: entries.map(({ key, ns, descriptor }) => {
+            if (ns === "meta")
+                return null; // a shared item has no meta namespace
+            const target = (descriptor.type === "ref" || descriptor.type === "refList") && typeof descriptor.target === "string" ? descriptor.target : null;
+            const localized = ns === "fields" && item.fields[key]?.localized === true;
+            return (_jsx(FieldWidget, { fieldKey: key, descriptor: descriptor, value: ns === "fields" ? fields[key] : styles[key], errors: errors, refOptions: target ? refOptions[target] ?? [] : undefined, mark: ns === "fields" && multilingual && !localized ? _jsx(UnlocalizedMark, {}) : undefined, inlinePath: ns === "fields" ? inlinePath : undefined, onEditHere: onEditHere, onChange: (value) => onChange(ns, key, value) }, `${ns}.${key}`));
+        }) }));
+}