smoodly 0.0.11 → 0.0.13

package/dist/admin/serialize.d.ts

@@ -27,6 +27,8 @@ export type AdminCollection = {
     path?: Record<string, string>;
     /** How deep entries may nest; 1 = flat. */
     depth: number;
+    /** `order: "manual"` — the list drags into the `sort` order (spec 2026-09-09 §5). */
+    manual: boolean;
 };
 export type AdminPageTemplate = {
     name: string;
@@ -47,8 +49,13 @@ export type AdminShared = {
     /** Resolved (the config's standard set merged in) for a visual item; empty for an object item. */
     styles: Record<string, AdminField>;
 };
+/** A registered Element (spec 2026-09-08 block nodes §1): a section shape plus its contexts. */
+export type AdminElement = AdminSection & {
+    contexts: string[];
+};
 export type AdminRegistry = {
     sections: AdminSection[];
+    elements: AdminElement[];
     collections: AdminCollection[];
     pages: AdminPageTemplate[];
     shared: AdminShared[];

package/dist/admin/serialize.js

@@ -1,5 +1,5 @@
 import { fixedSlug } from "../page.js";
-import { collectionDepth } from "../collections.js";
+import { collectionDepth, collectionOrder } from "../collections.js";
 import { perLocaleSegments } from "../paths.js";
 function serializeDescriptor(d) {
     const out = { type: d.type };
@@ -38,10 +38,25 @@ export function serializeAdminConfig(config) {
                 sample: s.sample,
             };
         }),
+        elements: (config.registry.elements ?? []).map(({ schema }) => {
+            const e = schema;
+            return {
+                name: e.name,
+                title: e.title ?? e.name,
+                icon: e.icon,
+                description: e.description,
+                contexts: [...(e.contexts ?? [])],
+                fields: serializeMap(e.fields),
+                styles: serializeMap(e.styles),
+                meta: serializeMap(e.meta),
+                sample: e.sample,
+            };
+        }),
         collections: (config.registry.collections ?? []).map((c) => ({
             name: c.name, title: c.title, titleField: c.titleField, fields: serializeMap(c.fields),
             ...(c.path !== undefined ? { path: perLocale(c.path) } : {}),
             depth: collectionDepth(c),
+            manual: collectionOrder(c) === "manual",
         })),
         pages: (config.registry.pages ?? [])
             .filter(({ schema }) => schema.kind === "page")

package/dist/admin/shell/AdminApp.js

@@ -27,6 +27,7 @@ import { useRoute } from "./router.js";
 import { ErrorPane } from "./ErrorPane.js";
 import { MediaScreen } from "./MediaScreen.js";
 import { AssetsProvider } from "../forms/assets-context.js";
+import { ElementsProvider } from "../forms/elements-context.js";
 export function AdminApp({ registry, op, auth }) {
     const session = useAdminSession(auth);
     const [ops] = useState(() => makeClientOps(op, session.token));
@@ -56,5 +57,5 @@ export function AdminApp({ registry, op, auth }) {
         main = _jsx(MediaScreen, {});
     else
         main = _jsx(ErrorPane, { message: "Not found." });
-    return (_jsx(AssetsProvider, { ops: ops, media: registry.media, children: _jsxs("div", { className: "sm-shell", children: [_jsx(IconRail, { registry: registry, active: head, email: email, onSignOut: () => session.client.auth.signOut() }), _jsx("main", { className: "sm-main", children: main }, `${head}/${tail ?? ""}`)] }) }));
+    return (_jsx(ElementsProvider, { elements: registry.elements, children: _jsx(AssetsProvider, { ops: ops, media: registry.media, children: _jsxs("div", { className: "sm-shell", children: [_jsx(IconRail, { registry: registry, active: head, email: email, onSignOut: () => session.client.auth.signOut() }), _jsx("main", { className: "sm-main", children: main }, `${head}/${tail ?? ""}`)] }) }) }));
 }

package/dist/admin/shell/EntriesList.js

@@ -1,14 +1,16 @@
 "use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // A collection's list for ONE selected locale: every record is a row;
 // a record absent from the selected locale is dimmed and its click is
 // "Add <locale>" (a confirm, then addLocale copying the source locale).
 // Opening a present row opens the form in the selected locale.
 import { useCallback, useEffect, useState } from "react";
 import { ListView } from "./ListView.js";
-import { entryRows, entrySourceLocale } from "./entries-list.js";
-import { Button, Segmented, StatusBadge } from "../ui/primitives.js";
+import { canReorder, entryRows, entrySourceLocale } from "./entries-list.js";
+import { Button, StatusBadge } from "../ui/primitives.js";
+import { LocalePicker } from "../ui/LocaleSwitcher.js";
 import { relativeTime } from "../ui/format.js";
+import { useSortable } from "../ui/useSortable.js";
 import { BASE } from "./base.js";
 import { navigate } from "./router.js";
 import { ErrorPane } from "./ErrorPane.js";
@@ -39,12 +41,33 @@ export function EntriesList({ ops, registry, collection }) {
         }
         catch { /* see rememberedLocale */ }
     };
-    const load = useCallback(() => {
-        ops.entries.list(collection)
-            .then((r) => (r.ok ? setRecords(r.data) : setError(r.message)))
-            .catch(() => setError("Couldn't reach the server."));
-    }, [ops, collection]);
-    useEffect(load, [load]);
+    const load = useCallback(() => ops.entries.list(collection)
+        .then((r) => (r.ok ? setRecords(r.data) : setError(r.message)))
+        .catch(() => setError("Couldn't reach the server.")), [ops, collection]);
+    useEffect(() => { void load(); }, [load]);
+    // Drag (spec 2026-09-09 §5): a manual-order flat collection reorders
+    // through entries.move; the rows are held in place until the reload lands.
+    const rows = records && meta ? entryRows(records, meta, registry, locale) : [];
+    const sortable = useSortable({
+        count: rows.length,
+        onDrop: async (from, to) => {
+            const record = records?.find((r) => r.id === rows[from].id);
+            if (!record || from === to)
+                return;
+            let result;
+            try {
+                result = await ops.entries.move(collection, record.id, { parentId: record.parentId, index: to });
+            }
+            catch {
+                result = { ok: false, code: "internal", message: "Couldn't reach the server." };
+            }
+            if (!result.ok) {
+                window.alert(result.message);
+                throw new Error(result.message);
+            }
+            await load();
+        },
+    });
     if (!meta)
         return _jsx(ErrorPane, { message: "No such collection." });
     if (error)
@@ -72,12 +95,11 @@ export function EntriesList({ ops, registry, collection }) {
         }
         open(row.id);
     };
-    const rows = records ? entryRows(records, meta, registry, locale) : [];
-    return (_jsx(ListView, { title: meta.title, count: records?.length, actions: _jsxs(_Fragment, { children: [multilingual && _jsx(Segmented, { options: registry.locales.supported, value: locale, onChange: pickLocale }), _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: () => { navigate(`${BASE}/${collection}/new?locale=${encodeURIComponent(locale)}`); }, children: "+ New entry" }), columns: [
             { label: "Title", width: "minmax(160px,1fr)" },
             { label: "Updated", width: "minmax(110px,160px)" },
             { label: "Status", width: "120px" },
-        ], empty: records ? "Nothing here yet." : "Loading…", rows: rows.map((row) => {
+        ], 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 {
                 key: row.id,

package/dist/admin/shell/EntryForm.js

@@ -1,18 +1,22 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // The classic field view for ONE locale of an entry (spec 2026-09-06
-// §7): shared fields (every locale sees them) above, the locale's own
-// fields — the .localized() ones and the slug — below, the same
-// FieldWidget renderer as the editor sidebar, no tabs. The locale
-// switcher loads that locale's merged fields; "Add locale" 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 renders verbatim — it is product surface.
+// §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
+// renders verbatim — it is product surface.
 import { useEffect, useMemo, useState } from "react";
 import { FieldWidget } from "../forms/FieldWidget.js";
 import { relativeTime } from "../ui/format.js";
 import { LocaleSwitcher } from "../ui/LocaleSwitcher.js";
-import { Banner, Breadcrumb, Button, Divider, SectionLabel, Segmented, TopBar } from "../ui/primitives.js";
+import { Banner, Breadcrumb, Button, SectionLabel, Segmented, TopBar, UnlocalizedMark } from "../ui/primitives.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";
@@ -205,14 +209,17 @@ export function EntryForm({ ops, registry, collection, id }) {
     const base = meta.path?.[locale];
     const slugPrefix = base ? `/${base}/` : undefined;
     const present = record ? registry.locales.supported.filter((l) => record.locales[l]) : [locale];
-    const shared = Object.entries(meta.fields).filter(([key]) => !localeKeys.includes(key));
-    const own = Object.entries(meta.fields).filter(([key]) => localeKeys.includes(key));
-    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, onChange: (value) => { setFields((f) => ({ ...(f ?? {}), [key]: value })); setDirty(true); } }, key));
+    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];
-    return (_jsxs(_Fragment, { children: [_jsx(TopBar, { left: _jsxs(_Fragment, { children: [_jsx(Breadcrumb, { backHref: `${BASE}/${collection}`, items: [{ label: meta.title, href: `${BASE}/${collection}` }, { label: heading }] }), multilingual && !isNew && (_jsx(LocaleSwitcher, { registry: registry, present: present, parentLocales: parentLocales, value: locale, adding: adding, onSwitch: switchLocale, onAdd: (l) => void doAddLocale(l) })), multilingual && isNew && _jsxs("span", { className: "sm-hint", children: ["\u00B7 ", locale] })] }), right: _jsx(Button, { onClick: save, disabled: fields === null, children: isNew ? "Create" : "Save" }) }), _jsxs("div", { style: { flex: 1, minHeight: 0, display: "grid", gridTemplateColumns: "1fr var(--inspector-w)" }, children: [_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 18, padding: "24px 32px", minWidth: 0, overflow: "auto" }, 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 ? (_jsxs(_Fragment, { children: [shared.length > 0 && (_jsxs(_Fragment, { children: [multilingual && _jsx(SectionLabel, { children: "Shared across languages" }), shared.map(widget)] })), own.length > 0 && (_jsxs(_Fragment, { children: [multilingual && _jsxs(SectionLabel, { children: ["In ", locale] }), own.map(widget)] }))] })) : !banner && _jsx("p", { style: { color: "var(--text-muted)" }, children: "Loading\u2026" })] }), _jsxs("aside", { style: {
-                            display: "flex", flexDirection: "column", gap: 16, padding: "16px 14px",
-                            minHeight: 0, overflow: "auto", borderLeft: "var(--border)",
-                        }, children: [_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, 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 && (_jsxs(_Fragment, { children: [_jsx(Divider, { bleed: 14 }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, 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 && (_jsxs(_Fragment, { children: [_jsx(Divider, { bleed: 14 }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, 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" })] })] }))] })] })] }));
+    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) })),
+                            },
+                            { 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: {

package/dist/admin/shell/IconRail.js

@@ -8,10 +8,11 @@ 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
-// Shared when the registry has shared items, Media, 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.
+// Media, Globals (the shared content items, when the registry has any;
+// the route stays /shared), 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.
 //
 // Flyouts: click toggles, Esc closes and returns focus to the trigger,
 // ↑/↓ move between entries, a pointer down outside closes. A child being
@@ -69,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)))] })] })), registry.shared.length > 0 && link("shared", "Shared", _jsx(LayoutPanelTop, { ...ICON }), `${BASE}/shared`), link("media", "Media", _jsx(Image, { ...ICON }), `${BASE}/media`), 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(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" }) })] })] })] }));
 }

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

@@ -1,11 +1,13 @@
 import type { ReactNode } from "react";
+import type { Sortable } from "../ui/useSortable.ts";
 export type ListColumn = {
     label: string;
     width: string;
 };
-export declare function ListView({ title, count, actions, columns, rows, empty }: {
+export declare function ListView({ title, titleTrailing, actions, columns, rows, empty, sortable }: {
     title: string;
-    count?: number;
+    /** Rides right after the title — the locale picker, in the place every form's switch has. */
+    titleTrailing?: ReactNode;
     actions?: ReactNode;
     columns: ListColumn[];
     rows: {
@@ -15,4 +17,9 @@ export declare function ListView({ title, count, actions, columns, rows, empty }
         cells: ReactNode[];
     }[];
     empty?: ReactNode;
+    /** Rows drag (spec 2026-09-09 §6): a 24px grip column first; `canDrag` false leaves a row's cell empty. */
+    sortable?: {
+        hook: Sortable;
+        canDrag(rowIndex: number): boolean;
+    };
 }): import("react").JSX.Element;

package/dist/admin/shell/ListView.js

@@ -1,17 +1,18 @@
 // packages/smoodly/src/admin/shell/ListView.tsx
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { TopBar } from "../ui/primitives.js";
+import { Grip, TopBar, cx } from "../ui/primitives.js";
 import { navigate } from "./router.js";
-export function ListView({ title, count, actions, columns, rows, empty }) {
-    const grid = { gridTemplateColumns: columns.map((c) => c.width).join(" ") };
-    return (_jsxs(_Fragment, { children: [_jsx(TopBar, { left: _jsxs(_Fragment, { children: [_jsx("span", { className: "sm-title", children: title }), count !== undefined && _jsx("span", { className: "sm-count", children: count })] }), right: actions }), _jsx("div", { style: { flex: 1, minHeight: 0, overflow: "auto" }, children: _jsxs("div", { className: "sm-table", children: [_jsx("div", { className: "sm-table__head", style: grid, children: columns.map((c) => _jsx("span", { children: c.label }, c.label)) }), _jsxs("div", { className: "sm-table__body", children: [rows.map((r) => {
+export function ListView({ title, titleTrailing, actions, columns, rows, empty, sortable }) {
+    const widths = sortable ? ["24px", ...columns.map((c) => c.width)] : columns.map((c) => c.width);
+    const grid = { gridTemplateColumns: widths.join(" ") };
+    return (_jsxs(_Fragment, { children: [_jsx(TopBar, { left: _jsxs(_Fragment, { children: [_jsx("span", { className: "sm-title", children: title }), titleTrailing] }), right: actions }), _jsx("div", { className: "sm-listwrap", children: _jsxs("div", { className: "sm-table", children: [_jsxs("div", { className: "sm-table__head", style: grid, children: [sortable && _jsx("span", { "aria-hidden": "true" }), columns.map((c) => _jsx("span", { children: c.label }, c.label))] }), _jsxs("div", { className: "sm-table__body", ref: sortable?.hook.containerRef, children: [rows.map((r, i) => {
                                     const clickable = Boolean(r.href || r.onClick);
                                     const href = r.href;
                                     const go = r.onClick ?? (href ? () => { navigate(href); } : undefined);
-                                    return (_jsx("div", { style: grid, role: clickable ? "button" : undefined, tabIndex: clickable ? 0 : undefined, className: clickable ? "sm-row sm-row--clickable" : "sm-row", onClick: go, onKeyDown: (e) => { if (go && (e.key === "Enter" || e.key === " ")) {
+                                    return (_jsxs("div", { style: { ...grid, ...sortable?.hook.rowStyle(i) }, role: clickable ? "button" : undefined, tabIndex: clickable ? 0 : undefined, className: cx("sm-row", clickable && "sm-row--clickable", sortable?.hook.rowClass(i)), onClick: go, onKeyDown: (e) => { if (go && (e.key === "Enter" || e.key === " ")) {
                                             e.preventDefault();
                                             go();
-                                        } }, children: r.cells.map((cell, i) => _jsx("span", { className: "sm-cell", children: cell }, i)) }, r.key));
+                                        } }, children: [sortable && (_jsx("span", { className: "sm-cell sm-cell--grip", children: sortable.canDrag(i) && _jsx(Grip, { ...sortable.hook.handleProps(i) }) })), r.cells.map((cell, i) => _jsx("span", { className: "sm-cell", children: cell }, i))] }, r.key));
                                 }), rows.length === 0 && _jsx("div", { className: "sm-empty", children: empty ?? "Nothing here yet." })] })] }) })] }));
 }

package/dist/admin/shell/LoginView.js

@@ -45,7 +45,7 @@ export function LoginView({ client, providers = [] }) {
     };
     return (_jsx("div", { style: { minHeight: "100vh", display: "grid", placeItems: "center", background: "var(--bg)" }, children: _jsxs("form", { onSubmit: submit, style: {
                 width: 320, display: "flex", flexDirection: "column", gap: 14,
-                background: "var(--surface)", padding: 24, borderRadius: "var(--radius-md)",
-                border: "var(--border)", boxShadow: "var(--shadow-page)",
+                background: "var(--surface)", padding: 28, borderRadius: "var(--radius-card-lg)",
+                border: "var(--menu-border)", boxShadow: "var(--shadow-page)",
             }, children: [_jsx(Logo, { height: 20 }), _jsx(Field, { label: "Email", children: _jsx("input", { className: "sm-input", type: "email", value: email, required: true, autoComplete: "email", onChange: (e) => setEmail(e.target.value) }) }), _jsx(Field, { label: "Password", children: _jsx("input", { className: "sm-input", type: "password", value: password, required: true, autoComplete: "current-password", onChange: (e) => setPassword(e.target.value) }) }), error && _jsx(Banner, { tone: "error", children: error }), _jsx("button", { type: "submit", disabled: busy, className: "sm-btn sm-btn--primary sm-btn--lg", children: busy ? "Signing in…" : "Sign in" }), providers.map((p) => (_jsx(Button, { variant: "secondary", size: "lg", disabled: busy, onClick: () => oauth(p), children: LABELS[p] }, p)))] }) }));
 }

package/dist/admin/shell/PagesList.js

@@ -3,14 +3,16 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 // The Pages list: the tree of the design system's TreeTable for ONE
 // selected locale (spec 2026-09-06 §6), plus the row menu (New
-// subpage/subfolder, Add page here, Add <locale>, Rename, Move, Remove
+// subpage/subpath, Add page here, Add <locale>, Rename, Move, Remove
 // from <locale>, Delete) as a floating popover positioned from the
 // triggering click. Structure is shared, so every node has a row; a node
 // absent from the selected locale is dimmed and offers "Add <locale>".
 import { useCallback, useEffect, useState } from "react";
 import { ListView } from "./ListView.js";
-import { openTemplates, pagesTreeRows, sourceLocaleOf } from "./pages-tree.js";
-import { Button, Segmented, StatusBadge } from "../ui/primitives.js";
+import { canDragRow, openTemplates, pagesTreeRows, projectDrop, sourceLocaleOf, subtreeHeight } from "./pages-tree.js";
+import { Button, StatusBadge } from "../ui/primitives.js";
+import { LocalePicker } from "../ui/LocaleSwitcher.js";
+import { useSortable } from "../ui/useSortable.js";
 import { BASE } from "./base.js";
 import { navigate } from "./router.js";
 import { ErrorPane } from "./ErrorPane.js";
@@ -42,12 +44,10 @@ export function PagesList({ ops, registry }) {
         }
         catch { /* see rememberedLocale */ }
     };
-    const load = useCallback(() => {
-        ops.pages.list()
-            .then((r) => (r.ok ? setPages(r.data) : setError(r.message)))
-            .catch(() => setError("Couldn't reach the server."));
-    }, [ops]);
-    useEffect(load, [load]);
+    const load = useCallback(() => ops.pages.list()
+        .then((r) => (r.ok ? setPages(r.data) : setError(r.message)))
+        .catch(() => setError("Couldn't reach the server.")), [ops]);
+    useEffect(() => { void load(); }, [load]);
     const rows = pages ? pagesTreeRows(pages, registry, locale, collapsed) : [];
     const creatable = openTemplates(registry.pages);
     const noOpen = creatable.length === 0;
@@ -55,11 +55,33 @@ export function PagesList({ ops, registry }) {
         next.delete(id);
     else
         next.add(id); return next; });
+    // Drag (spec 2026-09-09 §4–§5): the dragged subtree collapses at drag
+    // start so it travels whole; the slot is read as a tree position by
+    // projectDrop; the drop is one pages.move, rows held until the reload.
+    const sortable = useSortable({
+        count: rows.length,
+        onDragStart: (from) => {
+            const row = rows[from];
+            if (row.hasChildren && row.expanded)
+                toggle(row.id);
+        },
+        project: (slot, from, xDrift) => projectDrop(rows, from, slot, xDrift, subtreeHeight(pages ?? [], rows[from].id), registry.pageDepth),
+        onDrop: async (from, _to, projection) => {
+            const row = rows[from];
+            if (!projection)
+                return;
+            if (projection.parentId === row.parentId && projection.index === row.index)
+                return;
+            const ok = await run(() => ops.pages.move(row.id, { parentId: projection.parentId, index: projection.index }));
+            if (!ok)
+                throw new Error("move refused");
+        },
+    });
     /** The editor opens in the locale selected here. */
     const openEditor = (id) => {
         navigate(`${BASE}/pages/${encodeURIComponent(id)}?locale=${encodeURIComponent(locale)}`);
     };
-    /** Run an op; on success reload the list (and maybe navigate), else show the op's message. */
+    /** Run an op; on success reload the list (and maybe navigate), else show the op's message. Resolves to whether it succeeded. */
     const run = async (work, then) => {
         let result;
         try {
@@ -70,10 +92,11 @@ export function PagesList({ ops, registry }) {
         }
         if (!result.ok) {
             window.alert(result.message);
-            return;
+            return false;
         }
         then?.(result.data);
-        load();
+        await load();
+        return true;
     };
     const pickTemplate = () => {
         if (noOpen)
@@ -82,11 +105,11 @@ export function PagesList({ ops, registry }) {
             return creatable[0].name;
         return window.prompt(`Template? (${creatable.map((p) => p.name).join(", ")})`) || null;
     };
-    /** New page and New folder create in the SELECTED locale (spec §6). */
+    /** New page and New path (a folder in the tree) create in the SELECTED locale (spec §6). */
     const newNode = (parentId, kind) => {
         if (kind === "page" && noOpen)
             return;
-        const slug = window.prompt(`Slug for the new ${kind} (e.g. about):`);
+        const slug = window.prompt(`Slug for the new ${kind === "folder" ? "path" : "page"} (e.g. about):`);
         if (!slug)
             return;
         const template = kind === "page" ? pickTemplate() : null;
@@ -143,19 +166,18 @@ export function PagesList({ ops, registry }) {
             items.push({ label: `Add ${locale}`, run: () => addLocale(row) });
             return items;
         }
-        if (row.kind === "mount" && row.template !== null)
-            items.push({ label: "Edit index page", run: () => openEditor(row.id) });
         if (row.canHaveChildren && !noOpen)
             items.push({ label: "New subpage", run: () => newNode(row.id, "page") });
         if (row.canHaveChildren)
-            items.push({ label: "New subfolder", run: () => newNode(row.id, "folder") });
+            items.push({ label: "New subpath", run: () => newNode(row.id, "folder") });
         if (row.kind === "folder" && !noOpen)
             items.push({ label: "Add page here", run: () => addPageHere(row) });
         if (!row.fixed)
             items.push({ label: "Rename…", run: () => rename(row) });
-        if (!row.fixed && !row.isHome && row.index > 0)
+        // 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.fixed && !row.isHome && row.index < row.siblingCount - 1)
+        if (row.index < row.siblingCount - 1)
             items.push({ label: "Move down", run: () => move(row, 1) });
         if (multilingual && !row.fixed && !row.isHome && row.locales.length > 1) {
             items.push({ label: `Remove from ${locale}`, run: () => removeLocale(row) });
@@ -164,33 +186,40 @@ export function PagesList({ ops, registry }) {
             items.push({ label: "Delete", run: () => destroy(row) });
         return items;
     };
+    // A mount row is a page like any other when a fixed page claims the
+    // collection's segments (its index page): the click opens that editor.
+    // Only a mount with no index page has nowhere else to go, so it opens
+    // the collection list. The collection itself lives on the rail.
     const onRow = (row) => {
         if (!row.present)
             addLocale(row);
-        else if (row.kind === "mount" && row.collection)
-            navigate(`${BASE}/${row.collection}`);
         else if (row.template !== null)
             openEditor(row.id);
+        else if (row.kind === "mount" && row.collection)
+            navigate(`${BASE}/${row.collection}`);
         else if (row.hasChildren)
             toggle(row.id);
     };
     if (error)
         return _jsx(ErrorPane, { message: error });
     const items = menu ? menuItems(menu.row) : [];
-    return (_jsxs(_Fragment, { children: [_jsx(ListView, { title: "Pages", count: pages?.length, actions: _jsxs(_Fragment, { children: [multilingual && _jsx(Segmented, { options: registry.locales.supported, value: locale, onChange: pickLocale }), _jsx(Button, { variant: "secondary", onClick: () => newNode(null, "folder"), children: "+ New folder" }), _jsx(Button, { onClick: () => newNode(null, "page"), disabled: noOpen, title: noOpen ? "Every page registration is fixed — add an open one (a page schema with no `slug`) to create pages here." : undefined, children: "+ New page" })] }), columns: [
+    return (_jsxs(_Fragment, { children: [_jsx(ListView, { title: "Pages", titleTrailing: multilingual && _jsx(LocalePicker, { locales: registry.locales.supported, value: locale, onChange: pickLocale }), actions: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "secondary", onClick: () => newNode(null, "folder"), children: "+ New path" }), _jsx(Button, { onClick: () => newNode(null, "page"), disabled: noOpen, title: noOpen ? "Every page registration is fixed — add an open one (a page schema with no `slug`) to create pages here." : undefined, children: "+ New page" })] }), columns: [
                     { label: "Title", width: "minmax(160px,1fr)" },
                     { label: "Path", width: "minmax(140px,260px)" },
                     { label: "Template", width: "minmax(100px,160px)" },
                     { label: "Status", width: "110px" },
                     { label: "", width: "32px" },
-                ], empty: pages ? "No pages yet." : "Loading…", rows: rows.map((row) => {
+                ], 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.
                     const dim = row.present ? undefined : { opacity: 0.45 };
+                    // The lifted row's indent follows the projected depth, so the pointer's drift reads as a level.
+                    const lifted = sortable.active?.from === i ? sortable.active : null;
+                    const depth = lifted?.projection ? lifted.projection.depth : row.depth;
                     return {
                         key: row.id,
                         onClick: () => onRow(row),
                         cells: [
-                            _jsxs("span", { className: row.hasChildren ? "sm-cell sm-cell--tree sm-cell--parent" : "sm-cell sm-cell--tree", style: { paddingLeft: row.depth * 20, ...dim }, children: [_jsx("button", { type: "button", className: "sm-chevron", "aria-label": row.expanded ? "Collapse" : "Expand", "aria-expanded": row.hasChildren ? row.expanded : undefined, style: { visibility: row.hasChildren ? "visible" : "hidden" }, onClick: (e) => { e.stopPropagation(); toggle(row.id); }, onKeyDown: (e) => e.stopPropagation(), children: row.expanded ? "▾" : "▸" }), _jsx("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: row.title })] }, "t"),
+                            _jsxs("span", { className: row.hasChildren ? "sm-cell sm-cell--tree sm-cell--parent" : "sm-cell sm-cell--tree", style: { paddingLeft: depth * 20, ...dim }, children: [_jsx("button", { type: "button", className: "sm-chevron", "aria-label": row.expanded ? "Collapse" : "Expand", "aria-expanded": row.hasChildren ? row.expanded : undefined, style: { visibility: row.hasChildren ? "visible" : "hidden" }, onClick: (e) => { e.stopPropagation(); toggle(row.id); }, onKeyDown: (e) => e.stopPropagation(), children: row.expanded ? "▾" : "▸" }), _jsx("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: row.title })] }, "t"),
                             row.present
                                 ? _jsx("span", { className: "sm-cell sm-cell--mono", children: row.path }, "p")
                                 : _jsxs("span", { className: "sm-cell sm-cell--muted", children: ["not in ", locale, " \u2014 click to add"] }, "p"),

package/dist/admin/shell/SharedForm.js

@@ -1,10 +1,11 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-// One shared item, one locale (spec 2026-09-07 §6): the entry form's
-// shape without what a singleton never has — no slug, no "new", no
-// delete, no add/remove locale (every supported locale exists by
-// construction). Shared fields above, the locale's own below, and for a
-// visual item a Styles group edited under the reserved `$styles` key.
+// One Globals item (shared content, spec 2026-09-07 §6), one locale: the
+// entry form's shape without what a singleton never has — no slug, no
+// "new", no delete, no add/remove locale (every supported locale exists
+// by construction). 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.
 // Status is per locale and immediate. "Used on N pages" is the refs
 // index's answer.
 import { useEffect, useMemo, useState } from "react";
@@ -12,7 +13,8 @@ import { STYLES_KEY } from "../../shared.js";
 import { FieldWidget } from "../forms/FieldWidget.js";
 import { relativeTime } from "../ui/format.js";
 import { LocaleSwitcher } from "../ui/LocaleSwitcher.js";
-import { Banner, Breadcrumb, Button, Divider, SectionLabel, Segmented, TopBar } from "../ui/primitives.js";
+import { Banner, Breadcrumb, Button, SectionLabel, Segmented, TopBar, UnlocalizedMark } from "../ui/primitives.js";
+import { ResizeHandle } from "../ui/ResizeHandle.js";
 import { entryTitle } from "./entries-list.js";
 import { BASE } from "./base.js";
 import { localeFromUrl, writeLocaleToUrl } from "../editor/locale-url.js";
@@ -113,15 +115,19 @@ export function SharedForm({ ops, registry, name }) {
         setBanner(null);
         setLocale(next);
     };
-    const shared = Object.entries(item.fields).filter(([key]) => !localeKeys.includes(key));
-    const own = Object.entries(item.fields).filter(([key]) => localeKeys.includes(key));
     const styles = (fields?.[STYLES_KEY] ?? {});
     const pages = new Set(usage.filter((u) => u.sourceKind === "page").map((u) => u.sourceId));
-    const widget = ([key, d]) => (_jsx(FieldWidget, { fieldKey: key, descriptor: d, value: fields?.[key], errors: fieldErrors, refOptions: refTargets[key] ? refOptions[refTargets[key]] ?? [] : undefined, onChange: (value) => { setFields((f) => ({ ...(f ?? {}), [key]: value })); setDirty(true); } }, key));
-    return (_jsxs(_Fragment, { children: [_jsx(TopBar, { left: _jsxs(_Fragment, { children: [_jsx(Breadcrumb, { backHref: `${BASE}/shared`, items: [{ label: "Shared content", href: `${BASE}/shared` }, { label: item.title }] }), multilingual && (_jsx(LocaleSwitcher, { registry: registry, present: registry.locales.supported, parentLocales: [], value: locale, adding: false, onSwitch: switchLocale, onAdd: () => undefined }))] }), right: _jsx(Button, { onClick: save, disabled: fields === null, children: "Save" }) }), _jsxs("div", { style: { flex: 1, minHeight: 0, display: "grid", gridTemplateColumns: "1fr var(--inspector-w)" }, children: [_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 18, padding: "24px 32px", minWidth: 0, overflow: "auto" }, children: [banner && _jsx(Banner, { tone: banner.tone, onDismiss: () => setBanner(null), children: banner.text }), 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: [shared.length > 0 && (_jsxs(_Fragment, { children: [multilingual && _jsx(SectionLabel, { children: "Shared across languages" }), shared.map(widget)] })), own.length > 0 && (_jsxs(_Fragment, { children: [multilingual && _jsxs(SectionLabel, { children: ["In ", locale] }), own.map(widget)] })), item.section !== undefined && Object.keys(item.styles).length > 0 && (_jsxs(_Fragment, { children: [_jsx(SectionLabel, { children: "Styles" }), Object.entries(item.styles).map(([key, d]) => (_jsx(FieldWidget, { fieldKey: key, descriptor: d, value: styles[key], onChange: (value) => {
+    const widget = ([key, d]) => (_jsx(FieldWidget, { fieldKey: key, descriptor: d, value: fields?.[key], errors: fieldErrors, refOptions: refTargets[key] ? refOptions[refTargets[key]] ?? [] : undefined, mark: multilingual && !localeKeys.includes(key) ? _jsx(UnlocalizedMark, {}) : undefined, onChange: (value) => { setFields((f) => ({ ...(f ?? {}), [key]: value })); setDirty(true); } }, key));
+    return (_jsxs(_Fragment, { children: [_jsx(TopBar, { left: _jsx(_Fragment, { children: _jsx(Breadcrumb, { backHref: `${BASE}/shared`, items: [
+                            {
+                                label: "Globals", href: `${BASE}/shared`,
+                                trailing: multilingual && (_jsx(LocaleSwitcher, { registry: registry, present: registry.locales.supported, parentLocales: [], value: locale, adding: false, onSwitch: switchLocale, onAdd: () => undefined })),
+                            },
+                            { label: item.title },
+                        ] }) }), right: _jsx(Button, { onClick: save, disabled: fields === null, children: "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 }), 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: [Object.entries(item.fields).map(widget), item.section !== undefined && Object.keys(item.styles).length > 0 && (_jsxs(_Fragment, { children: [_jsx(SectionLabel, { children: "Styles" }), Object.entries(item.styles).map(([key, d]) => (_jsx(FieldWidget, { fieldKey: key, descriptor: d, value: styles[key], onChange: (value) => {
                                                     setFields((f) => ({ ...(f ?? {}), [STYLES_KEY]: { ...(f?.[STYLES_KEY] ?? {}), [key]: value } }));
                                                     setDirty(true);
-                                                } }, key)))] }))] })) : !banner && _jsx("p", { style: { color: "var(--text-muted)" }, children: "Loading\u2026" })] }), _jsxs("aside", { style: { display: "flex", flexDirection: "column", gap: 16, padding: "16px 14px", minHeight: 0, overflow: "auto", borderLeft: "var(--border)" }, children: [_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [_jsxs(SectionLabel, { children: ["Status", multilingual ? ` · ${locale}` : ""] }), _jsx(Segmented, { options: STATUSES, stretch: true, disabled: !row, value: status === "published" ? "Published" : "Draft", onChange: (v) => { void setPublished(v === "Published" ? "published" : "draft"); } })] }), record && row && (_jsxs(_Fragment, { children: [_jsx(Divider, { bleed: 14 }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [_jsx(SectionLabel, { children: "Document info" }), _jsx(InfoRow, { label: "Kind", value: item.section !== undefined ? `Visual · ${item.section}` : "Fields" }), _jsx(InfoRow, { label: "Updated", value: relativeTime(row.updatedAt) }), _jsx(InfoRow, { label: "ID", value: record.id, mono: true })] })] }))] })] })] }));
+                                                } }, key)))] }))] })) : !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: !row, value: status === "published" ? "Published" : "Draft", onChange: (v) => { void setPublished(v === "Published" ? "published" : "draft"); } })] }), record && row && (_jsx(_Fragment, { children: _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: relativeTime(row.updatedAt) }), _jsx(InfoRow, { label: "ID", value: record.id, mono: true })] }) }))] })] })] }));
 }
 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 })] }));

package/dist/admin/shell/SharedList.js

@@ -1,13 +1,15 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-// The Shared content list (spec 2026-09-07 §6): every registered item is
+// 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
 // a row, edited on its own page. Nothing here is created or deleted by
 // editors — the registry declares the items and ops.shared.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 { Segmented, StatusBadge } from "../ui/primitives.js";
+import { StatusBadge } from "../ui/primitives.js";
+import { LocalePicker } from "../ui/LocaleSwitcher.js";
 import { relativeTime } from "../ui/format.js";
 import { BASE } from "./base.js";
 import { ErrorPane } from "./ErrorPane.js";
@@ -44,7 +46,7 @@ export function SharedList({ ops, registry }) {
     if (error)
         return _jsx(ErrorPane, { message: error });
     const rows = items ? sharedRows(items, registry, locale) : [];
-    return (_jsx(ListView, { title: "Shared content", count: items ? rows.length : undefined, actions: multilingual ? _jsx(Segmented, { options: registry.locales.supported, value: locale, onChange: pickLocale }) : undefined, columns: [
+    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)" },

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

@@ -19,3 +19,7 @@ export declare function entrySourceLocale(record: EntryRecord, registry: AdminRe
  *  (the same split entry-store.ts's splitFields makes). */
 export declare function localizedFieldKeys(meta: AdminCollection): string[];
 export declare function entryRows(records: EntryRecord[], meta: AdminCollection, registry: AdminRegistry, locale: string): EntryRow[];
+/** The list drags only when the order IS the `sort` column and the rows
+ *  are siblings: a nested collection's flat index is not a sibling index
+ *  (spec 2026-09-09 §5; nested manual collections wait for the entry tree UI). */
+export declare function canReorder(meta: AdminCollection): boolean;