smoodly 0.0.16 → 0.0.18

package/dist/admin/serialize.js

@@ -1,6 +1,8 @@
 import { fixedSlug } from "../page.js";
 import { collectionDepth, collectionOrder } from "../collections.js";
 import { perLocaleSegments } from "../paths.js";
+import { styleDescriptors } from "../styles.js";
+import { CUSTOM_NODE_TYPE, customFields, defaultRow } from "../custom/index.js";
 function serializeDescriptor(d) {
     const out = { type: d.type };
     for (const [key, value] of Object.entries(d)) {
@@ -22,6 +24,14 @@ function serializeDescriptor(d) {
 function serializeMap(map) {
     return Object.fromEntries(Object.entries(map ?? {}).map(([k, d]) => [k, serializeDescriptor(d)]));
 }
+/** A registered section's settings descriptors — what a visual global's form shows (spec 2026-09-14 §3). */
+export function sectionSettings(config, name) {
+    return (config.registry.sections ?? []).find((s) => s.schema.name === name)?.schema.settings ?? {};
+}
+/** Whether a section gets the custom-CSS box: the project flag, unless the schema opts out (spec 2026-09-14 §4). */
+function sectionCss(config, name) {
+    return config.css && (config.registry.sections ?? []).find((s) => s.schema.name === name)?.schema.css !== false;
+}
 export function serializeAdminConfig(config) {
     const perLocale = (v) => perLocaleSegments(v, config.locales.supported);
     return {
@@ -33,8 +43,9 @@ export function serializeAdminConfig(config) {
                 icon: s.icon,
                 description: s.description,
                 fields: serializeMap(s.fields),
+                settings: serializeMap(s.settings),
                 styles: serializeMap(config.resolvedStyles(s.name)),
-                meta: serializeMap(s.meta),
+                css: sectionCss(config, s.name),
                 sample: s.sample,
             };
         }),
@@ -47,8 +58,7 @@ export function serializeAdminConfig(config) {
                 description: e.description,
                 contexts: [...(e.contexts ?? [])],
                 fields: serializeMap(e.fields),
-                styles: serializeMap(e.styles),
-                meta: serializeMap(e.meta),
+                settings: serializeMap(e.settings),
                 sample: e.sample,
             };
         }),
@@ -73,13 +83,26 @@ export function serializeAdminConfig(config) {
                 seo: p.meta?.seo === true,
             };
         }),
-        shared: (config.registry.shared ?? []).map((s) => ({
+        globals: (config.registry.globals ?? []).map((s) => ({
             name: s.name,
             title: s.title,
             ...(s.section !== undefined ? { section: s.section } : {}),
             fields: serializeMap(s.fields),
+            settings: serializeMap(s.section !== undefined ? sectionSettings(config, s.section) : {}),
             styles: serializeMap(s.section !== undefined ? config.resolvedStyles(s.section) : {}),
+            css: s.section !== undefined ? sectionCss(config, s.section) : false,
         })),
+        custom: {
+            name: CUSTOM_NODE_TYPE,
+            title: "Custom section",
+            description: "Your own rows of columns",
+            fields: serializeMap(customFields(config.custom.toolset)),
+            settings: {},
+            styles: serializeMap(styleDescriptors(config.styles)),
+            css: config.css,
+            sample: { rows: [defaultRow()] },
+        },
+        css: config.css,
         locales: config.locales,
         homePageSlug: config.homePageSlug,
         pageDepth: config.pageDepth,

package/dist/admin/shell/AdminApp.js

@@ -17,8 +17,8 @@ import { makeClientOps } from "../client-ops.js";
 import { PagesList } from "./PagesList.js";
 import { EntriesList } from "./EntriesList.js";
 import { EntryForm } from "./EntryForm.js";
-import { SharedList } from "./SharedList.js";
-import { SharedForm } from "./SharedForm.js";
+import { GlobalList } from "./GlobalList.js";
+import { GlobalForm } from "./GlobalForm.js";
 import { EditorView } from "../editor/EditorView.js";
 import { LoginView } from "./LoginView.js";
 import { useAdminSession } from "./session.js";
@@ -49,10 +49,10 @@ export function AdminApp({ registry, op, auth }) {
         main = _jsx(EntriesList, { ops: ops, registry: registry, collection: head });
     else if (isCollection && 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)
-        main = _jsx(SharedForm, { ops: ops, registry: registry, name: decodeURIComponent(tail) });
+    else if (head === "globals" && !tail)
+        main = _jsx(GlobalList, { ops: ops, registry: registry });
+    else if (head === "globals" && tail)
+        main = _jsx(GlobalForm, { ops: ops, registry: registry, name: decodeURIComponent(tail) });
     else if (head === "media")
         main = _jsx(MediaScreen, {});
     else

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

@@ -0,0 +1,24 @@
+import type { AdminGlobal } from "../serialize.ts";
+import type { Group } from "../forms/tabs.ts";
+import { type NodeValues } from "../editor/InspectorFields.tsx";
+export type RefOption = {
+    id: string;
+    title: string;
+    status: string;
+};
+/** The item's value map as the inspector reads it: the reserved keys pulled out into their namespaces. */
+export declare function globalValues(fields: Record<string, unknown>): NodeValues;
+export declare function GlobalFields({ item, groups, fields, errors, refOptions, multilingual, inlinePath, onEditHere, onChange }: {
+    item: AdminGlobal;
+    groups: Group[];
+    /** The merged draft fields; a visual item's settings, styles and css under their reserved keys. */
+    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" | "settings" | "styles" | "css", key: string, value: unknown): void;
+}): import("react").JSX.Element;

package/dist/admin/shell/GlobalFields.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CSS_KEY, SETTINGS_KEY, STYLES_KEY } from "../../global.js";
+import { FieldWidget } from "../forms/FieldWidget.js";
+import { InspectorFields, valueOf } from "../editor/InspectorFields.js";
+import { UnlocalizedMark } from "../ui/primitives.js";
+/** The item's value map as the inspector reads it: the reserved keys pulled out into their namespaces. */
+export function globalValues(fields) {
+    const ns = (key) => (fields[key] && typeof fields[key] === "object" ? fields[key] : {});
+    return { fields, settings: ns(SETTINGS_KEY), styles: ns(STYLES_KEY), css: typeof fields[CSS_KEY] === "string" ? fields[CSS_KEY] : undefined };
+}
+export function GlobalFields({ item, groups, fields, errors, refOptions, multilingual, inlinePath, onEditHere, onChange }) {
+    const values = globalValues(fields);
+    return (_jsx(InspectorFields, { groups: groups, values: values, render: ({ key, ns, descriptor }, { emptyLabel, scope }) => {
+            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: valueOf(values, { key, ns, descriptor }), emptyLabel: emptyLabel, scope: scope, 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}`));
+        } }));
+}

package/dist/admin/shell/{SharedForm.d.ts → GlobalForm.d.ts}

@@ -1,6 +1,6 @@
 import type { AdminOps } from "../ops.ts";
 import type { AdminRegistry } from "../serialize.ts";
-export declare function SharedForm({ ops, registry, name }: {
+export declare function GlobalForm({ ops, registry, name }: {
     ops: AdminOps;
     registry: AdminRegistry;
     name: string;

package/dist/admin/shell/{SharedForm.js → GlobalForm.js}

@@ -1,17 +1,19 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-// One Globals item (shared content, spec 2026-09-07 §6), one locale: the
+// One Globals item (global content, spec 2026-09-07 §6), one locale: the
 // entry form's shape without what a singleton never has — no slug, no
 // delete, no add/remove locale (every supported locale exists by
 // construction), no site URL. The fields in schema order, a globe-off
 // mark after the name of each that is not .localized(), and for a visual
-// item a Styles group edited under the reserved `$styles` key. Since
+// item the Settings tab's groups stacked after the content, edited under
+// the reserved `$settings` / `$styles` / `$css` keys (spec 2026-09-14 §5). Since
 // 2026-09-14 it autosaves like the entry form: no Save button, the top
 // bar carries the indicator and the one publish control, publish
 // validates the draft and lists the fields in an amber banner. "Used on
 // N pages" is the refs index's answer.
 import { useEffect, useMemo, useRef, useState } from "react";
-import { STYLES_KEY } from "../../shared.js";
+import { CSS_KEY, SETTINGS_KEY, STYLES_KEY } from "../../global.js";
+import { tabsFor } from "../forms/tabs.js";
 import { revealField } from "../forms/reveal.js";
 import { useDraftAutosave } from "../editor/autosave.js";
 import { updatedLine } from "../ui/format.js";
@@ -23,11 +25,11 @@ import { localeStatusOf } from "./pages-tree.js";
 import { ResizeHandle } from "../ui/ResizeHandle.js";
 import { entryTitle } from "./entries-list.js";
 import { BASE } from "./base.js";
-import { SharedFields } from "./SharedFields.js";
+import { GlobalFields } from "./GlobalFields.js";
 import { localeFromUrl, writeLocaleToUrl } from "../editor/locale-url.js";
 import { useLeaveGuard } from "./router.js";
-export function SharedForm({ ops, registry, name }) {
-    const item = registry.shared.find((s) => s.name === name);
+export function GlobalForm({ ops, registry, name }) {
+    const item = registry.globals.find((s) => s.name === name);
     const multilingual = registry.locales.supported.length > 1;
     const [locale, setLocale] = useState(() => localeFromUrl(registry));
     const [record, setRecord] = useState(null);
@@ -49,7 +51,7 @@ export function SharedForm({ ops, registry, name }) {
     const { saveState, mark, flush } = useDraftAutosave({
         read: () => fieldsRef.current,
         persist: async (value) => {
-            const r = await ops.shared.save(name, locale, value);
+            const r = await ops.globals.save(name, locale, value);
             if (r.ok)
                 setRecord(r.data);
             return r;
@@ -71,7 +73,7 @@ export function SharedForm({ ops, registry, name }) {
         setFieldErrors({});
         setDirty(false);
         setTouched(false);
-        ops.shared.get(name, locale).then((r) => {
+        ops.globals.get(name, locale).then((r) => {
             if (cancelled)
                 return;
             if (r.ok) {
@@ -102,7 +104,7 @@ export function SharedForm({ ops, registry, name }) {
         return () => { cancelled = true; };
     }, [ops, refTargets, registry, locale]);
     if (!item)
-        return _jsx("p", { style: { padding: 32 }, children: "No such shared item." });
+        return _jsx("p", { style: { padding: 32 }, children: "No such global item." });
     const row = record?.locales[locale];
     const status = row ? localeStatusOf(row) : null;
     const fail = (r) => {
@@ -123,7 +125,7 @@ export function SharedForm({ ops, registry, name }) {
         }
         let r;
         try {
-            r = await ops.shared.setStatus(name, locale, "published");
+            r = await ops.globals.setStatus(name, locale, "published");
         }
         catch {
             r = { ok: false, code: "internal", message: "Couldn't reach the server." };
@@ -143,7 +145,7 @@ export function SharedForm({ ops, registry, name }) {
         setBusy("unpublish");
         let r;
         try {
-            r = await ops.shared.setStatus(name, locale, "draft");
+            r = await ops.globals.setStatus(name, locale, "draft");
         }
         catch {
             r = { ok: false, code: "internal", message: "Couldn't reach the server." };
@@ -166,7 +168,7 @@ export function SharedForm({ ops, registry, name }) {
         }
         let r;
         try {
-            r = await ops.shared.discardDraft(name, locale);
+            r = await ops.globals.discardDraft(name, locale);
         }
         catch {
             r = { ok: false, code: "internal", message: "Couldn't reach the server." };
@@ -187,7 +189,7 @@ export function SharedForm({ ops, registry, name }) {
             setNotice({ tone: "error", text: "Couldn't save your latest changes — history not opened." });
             return;
         }
-        const r = await ops.shared.listVersions(name, locale);
+        const r = await ops.globals.listVersions(name, locale);
         if (!r.ok) {
             fail(r);
             return;
@@ -196,14 +198,14 @@ export function SharedForm({ ops, registry, name }) {
         setHistory(historyRows(r.data, row));
     };
     const loadSnapshot = async (versionId) => {
-        const r = await ops.shared.getVersion(name, versionId);
+        const r = await ops.globals.getVersion(name, versionId);
         if (r.ok)
             setSnapshot({ id: r.data.id, fields: r.data.fields });
         else
             fail(r);
     };
     const restore = async (versionId) => {
-        const r = await ops.shared.restore(name, locale, versionId);
+        const r = await ops.globals.restore(name, locale, versionId);
         if (!r.ok) {
             fail(r);
             return false;
@@ -225,24 +227,32 @@ export function SharedForm({ ops, registry, name }) {
         setLocale(next);
     };
     const pages = new Set(usage.filter((u) => u.sourceKind === "page").map((u) => u.sourceId));
-    const fieldEntries = Object.entries(item.fields).map(([key, descriptor]) => ({ key, ns: "fields", descriptor }));
-    const styleEntries = item.section !== undefined
-        ? Object.entries(item.styles).map(([key, descriptor]) => ({ key, ns: "styles", descriptor }))
-        : [];
+    // The Globals page has no tab row: Content's groups, then Settings' under one title.
+    const tabs = tabsFor(item);
+    const contentGroups = tabs.find((t) => t.tab === "Content")?.groups ?? [];
+    const settingGroups = tabs.find((t) => t.tab === "Settings")?.groups ?? [];
     const onChange = (ns, key, value) => {
-        setFields((f) => ns === "fields"
-            ? { ...(f ?? {}), [key]: value }
-            : { ...(f ?? {}), [STYLES_KEY]: { ...(f?.[STYLES_KEY] ?? {}), [key]: value } });
+        setFields((f) => {
+            const cur = f ?? {};
+            if (ns === "fields")
+                return { ...cur, [key]: value };
+            if (ns === "css") {
+                const { [CSS_KEY]: _old, ...rest } = cur;
+                return value === undefined || value === "" ? rest : { ...rest, [CSS_KEY]: value };
+            }
+            const nsKey = ns === "settings" ? SETTINGS_KEY : STYLES_KEY;
+            return { ...cur, [nsKey]: { ...(cur[nsKey] ?? {}), [key]: value } };
+        });
         setDirty(true);
         setTouched(true);
         mark();
     };
-    return (_jsxs(_Fragment, { children: [_jsx(TopBar, { left: _jsx(_Fragment, { children: _jsx(Breadcrumb, { backHref: `${BASE}/shared`, items: [
+    return (_jsxs(_Fragment, { children: [_jsx(TopBar, { left: _jsx(_Fragment, { children: _jsx(Breadcrumb, { backHref: `${BASE}/globals`, items: [
                             {
-                                label: "Globals", href: `${BASE}/shared`,
+                                label: "Globals", href: `${BASE}/globals`,
                                 trailing: multilingual && (_jsx(LocaleSwitcher, { registry: registry, present: registry.locales.supported, parentLocales: [], value: locale, adding: false, onSwitch: (l) => { void switchLocale(l); }, onAdd: () => undefined })),
                             },
                             { label: item.title },
-                        ] }) }), right: _jsxs(_Fragment, { children: [(touched || saveState === "error") && _jsx(SaveIndicator, { state: saveState }), _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(SharedFields, { item: item, entries: fieldEntries, fields: snapshot.fields, refOptions: refOptions, multilingual: multilingual, onChange: () => { } }), styleEntries.length > 0 && (_jsxs(_Fragment, { children: [_jsx(SectionLabel, { children: "Styles" }), _jsx(SharedFields, { item: item, entries: styleEntries, fields: snapshot.fields, refOptions: refOptions, multilingual: multilingual, onChange: () => { } })] }))] })) : _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); } })] })), 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: `${BASE}/pages/${encodeURIComponent(id)}?locale=${encodeURIComponent(locale)}`, children: id })] }, id)))] })), fields !== null ? (_jsxs(_Fragment, { children: [_jsx(SharedFields, { item: item, entries: fieldEntries, fields: fields, errors: fieldErrors, refOptions: refOptions, multilingual: multilingual, onChange: onChange }), styleEntries.length > 0 && (_jsxs(_Fragment, { children: [_jsx(SectionLabel, { children: "Styles" }), _jsx(SharedFields, { item: item, entries: styleEntries, fields: fields, errors: fieldErrors, refOptions: refOptions, multilingual: multilingual, onChange: onChange })] }))] })) : !notice && _jsx("p", { style: { color: "var(--text-muted)" }, children: "Loading\u2026" })] }), _jsx(ResizeHandle, {}), _jsx("aside", { className: "sm-inspector", children: record && row && (_jsxs("div", { className: "sm-card", children: [_jsx(SectionLabel, { children: "Document info" }), _jsx(InfoRow, { label: "Kind", value: item.section !== undefined ? `Visual · ${item.section}` : "Fields" }), _jsx(InfoRow, { label: "Updated", value: updatedLine(row.updatedAt, row.updatedBy) }), _jsx(InfoRow, { label: "ID", value: record.id, mono: true })] })) })] })] }));
+                        ] }) }), right: _jsxs(_Fragment, { children: [(touched || saveState === "error") && _jsx(SaveIndicator, { state: saveState }), _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" }) })), _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); } })] })), 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: `${BASE}/pages/${encodeURIComponent(id)}?locale=${encodeURIComponent(locale)}`, children: id })] }, id)))] })), fields !== null ? (_jsxs(_Fragment, { children: [_jsx(GlobalFields, { item: item, groups: contentGroups, fields: fields, errors: fieldErrors, refOptions: refOptions, multilingual: multilingual, onChange: onChange }), settingGroups.length > 0 && (_jsxs(_Fragment, { children: [_jsx(SectionLabel, { children: "Settings" }), _jsx(GlobalFields, { item: item, groups: settingGroups, fields: fields, errors: fieldErrors, refOptions: refOptions, multilingual: multilingual, onChange: onChange })] }))] })) : !notice && _jsx("p", { style: { color: "var(--text-muted)" }, children: "Loading\u2026" })] }), _jsx(ResizeHandle, {}), _jsx("aside", { className: "sm-inspector", children: record && row && (_jsxs("div", { className: "sm-card", children: [_jsx(SectionLabel, { children: "Document info" }), _jsx(InfoRow, { label: "Kind", value: item.section !== undefined ? `Visual · ${item.section}` : "Fields" }), _jsx(InfoRow, { label: "Updated", value: updatedLine(row.updatedAt, row.updatedBy) }), _jsx(InfoRow, { label: "ID", value: record.id, mono: true })] })) })] })] }));
 }

package/dist/admin/shell/{SharedList.d.ts → GlobalList.d.ts}

@@ -1,6 +1,6 @@
 import type { AdminOps } from "../ops.ts";
 import type { AdminRegistry } from "../serialize.ts";
-export declare function SharedList({ ops, registry }: {
+export declare function GlobalList({ ops, registry }: {
     ops: AdminOps;
     registry: AdminRegistry;
 }): import("react").JSX.Element;

package/dist/admin/shell/{SharedList.js → GlobalList.js}

@@ -1,13 +1,13 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-// The Globals list (shared content, spec 2026-09-07 §6; renamed in the
-// UI 2026-09-09, the route stays /shared): every registered item is
+// The Globals list (global content, spec 2026-09-07 §6; renamed in the
+// UI 2026-09-09, the route is /globals): every registered item is
 // a row, edited on its own page. Nothing here is created or deleted by
-// editors — the registry declares the items and ops.shared.list
+// editors — the registry declares the items and ops.globals.list
 // materializes them — so there is no "+ New".
 import { useCallback, useEffect, useState } from "react";
 import { ListView } from "./ListView.js";
-import { sharedRows } from "./shared-list.js";
+import { globalRows } from "./global-list.js";
 import { statusLabel } from "../ui/status-label.js";
 import { StatusBadge } from "../ui/primitives.js";
 import { LocalePicker } from "../ui/LocaleSwitcher.js";
@@ -26,7 +26,7 @@ function rememberedLocale(registry) {
     }
     return registry.locales.default;
 }
-export function SharedList({ ops, registry }) {
+export function GlobalList({ ops, registry }) {
     const [items, setItems] = useState(null);
     const [error, setError] = useState(null);
     const [locale, setLocale] = useState(() => rememberedLocale(registry));
@@ -39,22 +39,22 @@ export function SharedList({ ops, registry }) {
         catch { /* see rememberedLocale */ }
     };
     const load = useCallback(() => {
-        ops.shared.list()
+        ops.globals.list()
             .then((r) => (r.ok ? setItems(r.data) : setError(r.message)))
             .catch(() => setError("Couldn't reach the server."));
     }, [ops]);
     useEffect(load, [load]);
     if (error)
         return _jsx(ErrorPane, { message: error });
-    const rows = items ? sharedRows(items, registry, locale) : [];
+    const rows = items ? globalRows(items, registry, locale) : [];
     return (_jsx(ListView, { title: "Globals", titleTrailing: multilingual && _jsx(LocalePicker, { locales: registry.locales.supported, value: locale, onChange: pickLocale }), columns: [
             { label: "Title", width: "minmax(160px,1fr)" },
             { label: "Kind", width: "90px" },
             { label: "Updated", width: "minmax(110px,160px)" },
             { label: "Status", width: "170px" },
-        ], empty: items ? "No shared content is registered." : "Loading…", rows: rows.map((row) => ({
+        ], empty: items ? "No globals are registered." : "Loading…", rows: rows.map((row) => ({
             key: row.name,
-            href: `${BASE}/shared/${encodeURIComponent(row.name)}?locale=${encodeURIComponent(locale)}`,
+            href: `${BASE}/globals/${encodeURIComponent(row.name)}?locale=${encodeURIComponent(locale)}`,
             cells: [
                 _jsx("span", { className: "sm-cell sm-cell--title", children: row.title }, "t"),
                 _jsx("span", { className: "sm-cell sm-cell--muted", children: row.flavour }, "k"),

package/dist/admin/shell/IconRail.js

@@ -8,8 +8,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 //
 // Items are registry-derived, never separately configured: Pages, then
 // Collections — one rail item whose flyout lists every collection — then
-// Media, Globals (the shared content items, when the registry has any;
-// the route stays /shared), and Settings, shown but inert until it
+// Media, Globals (the global content items, when the registry has any;
+// the route is /globals), and Settings, shown but inert until it
 // exists. The user avatar is pinned to the bottom and opens the same
 // flyout with the theme toggle and Sign out, which the old nav's footer
 // held.
@@ -18,7 +18,7 @@ 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, Globe, Image, LibraryBig, PanelTop, Settings } from "lucide-react";
+import { Globe, Image, LibraryBig, PanelTop, Settings } from "lucide-react";
 import { ThemeToggle } from "../ui/primitives.js";
 import { BASE } from "./base.js";
 import { RouteLink } from "./RouteLink.js";
@@ -33,14 +33,20 @@ export function IconRail({ registry, active, email, onSignOut }) {
     const root = useRef(null);
     const uid = useId();
     const [open, setOpen] = useState(null);
+    // Collections opens on hover as well (spec 2026-09-15 rail tweaks): a hover
+    // open closes when the pointer leaves and never steals focus; a click open
+    // is sticky and moves focus into the menu for the keyboard.
+    const [hovered, setHovered] = useState(false);
     const menuId = (key) => `sm-rail-menu${uid}${key}`;
     const toggle = (key) => setOpen((cur) => (cur === key ? null : key));
     const close = () => setOpen(null);
-    // Opening moves focus into the menu; a pointer down outside closes it.
+    const hoverLeave = () => setHovered(false);
+    // A click open moves focus into the menu; a pointer down outside closes it.
     useEffect(() => {
         if (!open || !root.current)
             return;
-        root.current.querySelector(`#${CSS.escape(menuId(open))} [role=menuitem]`)?.focus();
+        if (!hovered)
+            root.current.querySelector(`#${CSS.escape(menuId(open))} [role=menuitem]`)?.focus();
         const onPointerDown = (e) => {
             if (e.target instanceof Node && !root.current?.contains(e.target))
                 close();
@@ -68,7 +74,8 @@ export function IconRail({ registry, active, email, onSignOut }) {
     const link = (key, label, icon, href) => (_jsx("li", { className: "sm-rail__item", children: href ? (_jsxs(RouteLink, { className: "sm-rail__btn", href: href, "aria-current": key === active ? "page" : undefined, onClick: close, children: [_jsx("span", { className: "sm-rail__tile", children: icon }), _jsx("span", { className: "sm-rail__label", children: label })] })) : (_jsxs("a", { className: "sm-rail__btn", "aria-disabled": true, children: [_jsx("span", { className: "sm-rail__tile", children: icon }), _jsx("span", { className: "sm-rail__label", children: label })] })) }));
     const collections = registry.collections;
     const collectionActive = collections.some((c) => c.name === active);
+    const collectionsOpen = open === "collections" || (hovered && open === null);
     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(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" }) })] })] })] }));
+    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", onMouseEnter: () => setHovered(true), onMouseLeave: hoverLeave, children: [_jsxs("button", { type: "button", className: "sm-rail__btn", "aria-current": collectionActive ? "page" : undefined, "aria-haspopup": "menu", "aria-expanded": collectionsOpen, "aria-controls": menuId("collections"), onClick: () => toggle("collections"), children: [_jsx("span", { className: "sm-rail__tile", children: _jsx(LibraryBig, { ...ICON }) }), _jsx("span", { className: "sm-rail__label", children: "Collections" })] }), _jsx("ul", { className: "sm-rail__menu sm-rail__menu--collections", role: "menu", id: menuId("collections"), "data-open": collectionsOpen, children: 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(); hoverLeave(); }, children: _jsx("span", { children: c.title }) }) }, c.name))) })] })), link("media", "Media", _jsx(Image, { ...ICON }), `${BASE}/media`), registry.globals.length > 0 && link("globals", "Globals", _jsx(Globe, { ...ICON }), `${BASE}/globals`), 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

@@ -154,7 +154,6 @@ export function PagesList({ ops, registry }) {
             return;
         void run(() => ops.pages.rename(row.id, { locale, title, slug }));
     };
-    const move = (row, dir) => void run(() => ops.pages.move(row.id, { parentId: row.parentId, index: row.index + dir }));
     const destroy = (row) => {
         const scope = row.locales.length > 1 ? ` in every language (${row.locales.join(", ")})` : "";
         if (!window.confirm(`Delete "${row.title}"${scope}?`))
@@ -175,11 +174,7 @@ export function PagesList({ ops, registry }) {
             items.push({ label: "Add page here", run: () => addPageHere(row) });
         if (!row.fixed)
             items.push({ label: "Rename…", run: () => rename(row) });
-        // Every row reorders among its siblings, fixed nodes and the home page included (root order is nothing code owns).
-        if (row.index > 0)
-            items.push({ label: "Move up", run: () => move(row, -1) });
-        if (row.index < row.siblingCount - 1)
-            items.push({ label: "Move down", run: () => move(row, 1) });
+        // Reordering is the grip's (drag, or its arrow keys) — no Move up / Move down here.
         if (multilingual && !row.fixed && !row.isHome && row.locales.length > 1) {
             items.push({ label: `Remove from ${locale}`, run: () => removeLocale(row) });
         }

package/dist/admin/shell/{shared-list.d.ts → global-list.d.ts}

@@ -1,14 +1,14 @@
 import type { EntryRecord } from "../../entry-store.ts";
 import type { AdminRegistry } from "../serialize.ts";
 import { type LocaleStatus } from "./pages-tree.ts";
-export type SharedRow = {
+export type GlobalRow = {
     name: string;
     title: string;
     flavour: "Visual" | "Fields";
     status: LocaleStatus;
     updatedAt: number;
 };
-export declare function sharedRows(items: {
+export declare function globalRows(items: {
     name: string;
     record: EntryRecord;
-}[], registry: AdminRegistry, locale: string): SharedRow[];
+}[], registry: AdminRegistry, locale: string): GlobalRow[];

package/dist/admin/shell/{shared-list.js → global-list.js}

@@ -1,7 +1,7 @@
 import { localeStatusOf } from "./pages-tree.js";
-export function sharedRows(items, registry, locale) {
+export function globalRows(items, registry, locale) {
     const byName = new Map(items.map((i) => [i.name, i.record]));
-    return registry.shared.flatMap((item) => {
+    return registry.globals.flatMap((item) => {
         const record = byName.get(item.name);
         const row = record?.locales[locale];
         if (!record || !row)

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

@@ -1,6 +1,6 @@
 import type { PageTree, TreeNode } from "../render.tsx";
 import type { ZonePolicy } from "../zones.ts";
-import type { AdminSection, AdminShared } from "./serialize.ts";
+import type { AdminSection, AdminGlobal } from "./serialize.ts";
 export declare function zoneOf(tree: PageTree, id: string): string | null;
 export declare function findNode(tree: PageTree, id: string): TreeNode | null;
 export declare function insertNode(tree: PageTree, zone: string, index: number, node: TreeNode): PageTree;
@@ -10,7 +10,9 @@ export declare function moveNode(tree: PageTree, id: string, dir: -1 | 1): PageT
  *  then spliced in — moveItem's convention); clamped, and the same tree
  *  when nothing changes. The drop path; `moveNode` stays for the arrows. */
 export declare function moveNodeTo(tree: PageTree, id: string, index: number): PageTree;
-export declare function patchNode(tree: PageTree, id: string, ns: "fields" | "styles" | "meta", key: string, value: unknown): PageTree;
+export declare function patchNode(tree: PageTree, id: string, ns: "fields" | "settings" | "styles", key: string, value: unknown): PageTree;
+/** The node's custom CSS (spec 2026-09-14 §4); undefined or "" removes the key. */
+export declare function patchNodeCss(tree: PageTree, id: string, css: string | undefined): PageTree;
 /** patchNode for a dotted path inside `fields` (spec 2026-09-10 §1):
  *  `points.2.heading` sets one item's heading and copies only the spine. */
 export declare function patchNodePath(tree: PageTree, id: string, path: string, value: unknown): PageTree;
@@ -18,19 +20,19 @@ export declare function canInsert(policy: ZonePolicy | undefined, count: number)
 export declare function allowedSections(policy: ZonePolicy | undefined, all: AdminSection[]): AdminSection[];
 /** The visual items the picker offers in a zone: materialized (an id is
  *  known) and rendering a section the zone's policy allows. */
-export declare function allowedShared(policy: ZonePolicy | undefined, shared: AdminShared[], sharedIds: Record<string, string>): AdminShared[];
+export declare function allowedGlobals(policy: ZonePolicy | undefined, globals: AdminGlobal[], globalIds: Record<string, string>): AdminGlobal[];
 /** A page places a visual item as this node (spec 2026-09-07 §6): `item`
  *  names the registration, `ref` is the item's row id. */
-export declare function placementNode(item: AdminShared, ref: string, id: string): TreeNode;
-/** Also fills an element node (an `AdminElement` is a section shape plus contexts). */
-export declare function nodeFromSample(section: Pick<AdminSection, "name" | "fields" | "styles" | "sample">, id: string): TreeNode;
+export declare function placementNode(item: AdminGlobal, ref: string, id: string): TreeNode;
+/** Also fills an element node (an `AdminElement` is a section shape plus contexts). Never seeds `styles` or `css`: Default stores nothing (spec 2026-09-14 §2). */
+export declare function nodeFromSample(section: Pick<AdminSection, "name" | "fields" | "settings" | "sample">, id: string): TreeNode;
 /** A locked zone holds exactly one node the editor can never insert or
  * remove — so someone has to put it there. This does, from the component's
- * sample (or, for a zone bound to a shared item, a placement), for every
+ * sample (or, for a zone bound to a global item, a placement), for every
  * locked zone that is empty or missing. Runs when the editor loads a draft,
  * which also covers pages that predate a locked zone being added to their
  * schema. Returns the same tree when nothing changed. */
-export declare function fillLockedZones(tree: PageTree, policies: Record<string, ZonePolicy>, sections: AdminSection[], sharedIds?: Record<string, string>): PageTree;
+export declare function fillLockedZones(tree: PageTree, policies: Record<string, ZonePolicy>, sections: AdminSection[], globalIds?: Record<string, string>): PageTree;
 export declare function newNodeId(type: string): string;
 /** A page-level value — the template's page fields or the SEO meta (spec 2026-09-10 page fields §5). */
 export declare function patchPage(tree: PageTree, ns: "fields" | "meta", key: string, value: unknown): PageTree;