smoodly 0.0.57 → 0.0.59

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

@@ -1,8 +1,9 @@
-import type { ReactElement } from "react";
+import { type ReactElement } from "react";
 import type { AssetRecord } from "../../media.ts";
-export declare function AssetThumb({ asset, className }: {
+export declare function AssetThumb({ asset, className, width }: {
     asset: AssetRecord;
     className?: string;
+    width?: 320 | 640;
 }): ReactElement;
 export declare function MediaGrid({ items, selectedId, onSelect }: {
     items: AssetRecord[];

package/dist/admin/forms/MediaGrid.js

@@ -1,15 +1,45 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// The library grid the picker and the Media screen share: one card per
+// asset — an image's thumbnail (a small cut where the service cuts, spec
+// 2026-10-18 media on R2 and Images §9), a video's poster, a file's chip.
+import { useEffect, useState } from "react";
 import { formatBytes } from "../shell/media-list.js";
+import { useAssets } from "./assets-context.js";
 import { adminImageSrc } from "./crop-editor.js";
-export function AssetThumb({ asset, className }) {
+/** A video's picture (2026-11-13): its poster, the frame the upload grabbed, drawn as the image it is — a cut where
+ *  the service cuts, and nothing of the video's bytes fetched for a card. A video with no poster (the browser that
+ *  uploaded it could not decode it, or its poster is gone) asks the browser for its opening frame instead: the
+ *  `#t` fragment is what makes Safari draw one, and a browser that cannot decode it leaves the "Video" chip showing. */
+function VideoThumb({ asset, className, width }) {
+    const assets = useAssets();
+    const [poster, setPoster] = useState(null);
+    const [failed, setFailed] = useState(false);
+    useEffect(() => {
+        let live = true;
+        setPoster(null);
+        setFailed(false);
+        if (asset.posterId)
+            void assets.get(asset.posterId).then((p) => { if (live) {
+                if (p && p.status === "ready")
+                    setPoster(p);
+                else
+                    setFailed(true);
+            } });
+        return () => { live = false; };
+    }, [assets, asset.posterId]);
+    if (poster && !failed)
+        return _jsx("img", { className: className, src: adminImageSrc(poster, width), alt: "", loading: "lazy", onError: () => setFailed(true) });
+    // The poster is on its way: an empty box, never a flash of the chip.
+    if (asset.posterId && !failed)
+        return _jsx("span", { className: className });
+    return (_jsxs("span", { className: `${className ?? ""} sm-thumb--chip sm-thumb--video`, children: ["Video", _jsx("video", { src: `${asset.url}#t=0.1`, muted: true, playsInline: true, preload: "metadata", tabIndex: -1 })] }));
+}
+export function AssetThumb({ asset, className, width = 320 }) {
     if (asset.kind === "image")
-        return _jsx("img", { className: className, src: adminImageSrc(asset, 320), alt: "", loading: "lazy" });
-    if (asset.kind === "video") {
-        return asset.posterId
-            ? _jsx("video", { className: className, src: asset.url, muted: true, playsInline: true, preload: "metadata" })
-            : _jsx("span", { className: `${className ?? ""} sm-thumb--chip`, children: "Video" });
-    }
+        return _jsx("img", { className: className, src: adminImageSrc(asset, width), alt: "", loading: "lazy" });
+    if (asset.kind === "video")
+        return _jsx(VideoThumb, { asset: asset, className: className, width: width });
     return _jsx("span", { className: `${className ?? ""} sm-thumb--chip`, children: asset.filename.split(".").pop()?.toUpperCase() ?? "File" });
 }
 export function MediaGrid({ items, selectedId, onSelect }) {

package/dist/admin/forms/RichtextElementCard.js

@@ -15,6 +15,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // takes the broken stripe and lists its stored fields read-only; a
 // registered one the field's toolset leaves out says so in its head.
 import { useState } from "react";
+import { GripVertical } from "lucide-react";
 import { NodeViewWrapper } from "@tiptap/react";
 import { isHidden } from "../../conditions.js";
 import { IconButton, SectionLabel, cx } from "../ui/primitives.js";
@@ -45,5 +46,5 @@ export function RichtextElementCard({ node, editor, getPos, updateAttributes, de
     const scope = { fields, settings };
     const visibleFields = Object.entries(element?.fields ?? {}).filter(([, d]) => !isHidden(d, { self: fields, ...scope }));
     const visibleSettings = Object.entries(element?.settings ?? {}).filter(([, d]) => !isHidden(d, { self: settings, ...scope }));
-    return (_jsxs(NodeViewWrapper, { className: cx(cardClass(selected, form.canvas), state.unknown && "sm-rtcard--broken"), "data-theme": form.canvas ? "light" : undefined, children: [_jsxs("div", { className: "sm-rtcard__head", "data-drag-handle": true, onClick: select, children: [_jsx("span", { className: "sm-rtcard__icon", "aria-hidden": "true", children: element?.icon ?? "▤" }), _jsx("span", { className: "sm-rtcard__title", children: element?.title ?? `Unknown element "${name}"` }), state.outside && _jsx("span", { className: "sm-hint", children: "Not in this field's toolset" }), _jsx(IconButton, { label: open ? "Collapse" : "Expand", onClick: (e) => { e.stopPropagation(); setOpen((o) => !o); }, children: open ? "▾" : "▸" }), _jsx(IconButton, { label: "Delete element", onClick: (e) => { e.stopPropagation(); deleteNode(); }, children: "\u00D7" })] }), open && !element && (_jsx("div", { className: "sm-rtcard__body", contentEditable: false, children: Object.entries(fields).map(([key, value]) => (_jsxs("div", { className: "sm-orphans__row", children: [_jsx("code", { children: key }), _jsx("span", { className: "sm-orphans__value", children: typeof value === "string" ? value : JSON.stringify(value) })] }, key))) })), open && element && (_jsxs("div", { className: "sm-rtcard__body", contentEditable: false, children: [visibleFields.map(([key, d]) => (_jsx(FieldWidget, { fieldKey: key, descriptor: d, value: fields[key], errors: form.errors, path: `${base}.${key}`, scope: scope, onChange: (v) => updateAttributes({ fields: { ...fields, [key]: v } }) }, key))), visibleSettings.length > 0 && _jsx(SectionLabel, { caps: true, children: "Settings" }), visibleSettings.map(([key, d]) => (_jsx(FieldWidget, { fieldKey: key, descriptor: d, value: settings[key], errors: form.errors, path: `${base}.settings.${key}`, scope: scope, onChange: (v) => updateAttributes({ settings: { ...settings, [key]: v } }) }, `setting-${key}`)))] }))] }));
+    return (_jsxs(NodeViewWrapper, { className: cx(cardClass(selected, form.canvas), state.unknown && "sm-rtcard--broken"), "data-theme": form.canvas ? "light" : undefined, children: [_jsxs("div", { className: "sm-rtcard__head", "data-drag-handle": true, onClick: select, children: [_jsx("span", { className: "sm-rtcard__grip", title: "Drag to reorder", "aria-hidden": "true", children: _jsx(GripVertical, { size: 14, strokeWidth: 1.75 }) }), _jsx("span", { className: "sm-rtcard__icon", "aria-hidden": "true", children: element?.icon ?? "▤" }), _jsx("span", { className: "sm-rtcard__title", children: element?.title ?? `Unknown element "${name}"` }), state.outside && _jsx("span", { className: "sm-hint", children: "Not in this field's toolset" }), _jsx(IconButton, { label: open ? "Collapse" : "Expand", onClick: (e) => { e.stopPropagation(); setOpen((o) => !o); }, children: open ? "▾" : "▸" }), _jsx(IconButton, { label: "Delete element", onClick: (e) => { e.stopPropagation(); deleteNode(); }, children: "\u00D7" })] }), open && !element && (_jsx("div", { className: "sm-rtcard__body", contentEditable: false, children: Object.entries(fields).map(([key, value]) => (_jsxs("div", { className: "sm-orphans__row", children: [_jsx("code", { children: key }), _jsx("span", { className: "sm-orphans__value", children: typeof value === "string" ? value : JSON.stringify(value) })] }, key))) })), open && element && (_jsxs("div", { className: "sm-rtcard__body", contentEditable: false, children: [visibleFields.map(([key, d]) => (_jsx(FieldWidget, { fieldKey: key, descriptor: d, value: fields[key], errors: form.errors, path: `${base}.${key}`, scope: scope, onChange: (v) => updateAttributes({ fields: { ...fields, [key]: v } }) }, key))), visibleSettings.length > 0 && _jsx(SectionLabel, { caps: true, children: "Settings" }), visibleSettings.map(([key, d]) => (_jsx(FieldWidget, { fieldKey: key, descriptor: d, value: settings[key], errors: form.errors, path: `${base}.settings.${key}`, scope: scope, onChange: (v) => updateAttributes({ settings: { ...settings, [key]: v } }) }, `setting-${key}`)))] }))] }));
 }

package/dist/admin/forms/RichtextImageCard.js

@@ -9,6 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // store there; the bound renderer applies them. Attribute edits go
 // through updateAttributes so the outer history sees them.
 import { useEffect, useState } from "react";
+import { GripVertical } from "lucide-react";
 import { NodeViewWrapper } from "@tiptap/react";
 import { useAssets } from "./assets-context.js";
 import { MediaPicker } from "./MediaPicker.js";
@@ -43,5 +44,5 @@ export function RichtextImageCard({ node, editor, getPos, updateAttributes, dele
         updateAttributes({ image: value.alt ? { asset: record.id, alt: value.alt } : { asset: record.id } });
     };
     const editable = asset !== null && asset.kind === "image" && !!asset.width && !!asset.height;
-    return (_jsxs(NodeViewWrapper, { className: cardClass(selected, form.canvas), "data-theme": form.canvas ? "light" : undefined, "data-drag-handle": true, children: [_jsxs("div", { className: "sm-rtcard__head", onClick: select, children: [_jsx("span", { className: "sm-rtcard__icon", "aria-hidden": "true", children: "\u25A3" }), _jsx("span", { className: "sm-rtcard__title", children: "Image" }), _jsxs("span", { className: "sm-field__actions", children: [editable && _jsx("button", { type: "button", className: "sm-field__action", onClick: () => setCrop(true), children: "Edit" }), _jsx("button", { type: "button", className: "sm-field__action", onClick: () => setPicker(true), children: "Replace" }), _jsx("button", { type: "button", className: "sm-field__action", onClick: () => deleteNode(), children: "Remove" })] })] }), _jsxs("div", { className: "sm-rtcard__body", contentEditable: false, children: [asset && id ? _jsx(ImagePreview, { asset: asset, value: { ...value, asset: id }, height: 160 }) : _jsx("div", { className: "sm-rtcard__thumb", style: { height: 80 } }), caption !== "" && _jsx("span", { className: "sm-rtcard__caption", children: caption })] }), picker && _jsx(MediaPicker, { kinds: ["image"], onPick: replace, onClose: () => setPicker(false) }), crop && asset && id && (_jsx(CropEditor, { asset: asset, descriptor: { type: "image" }, value: { ...value, asset: id }, caption: caption, onSave: (next, cap) => { updateAttributes({ image: next, caption: cap ?? "" }); setCrop(false); }, onClose: () => setCrop(false) }))] }));
+    return (_jsxs(NodeViewWrapper, { className: cardClass(selected, form.canvas), "data-theme": form.canvas ? "light" : undefined, "data-drag-handle": true, children: [_jsxs("div", { className: "sm-rtcard__head", onClick: select, children: [_jsx("span", { className: "sm-rtcard__grip", title: "Drag to reorder", "aria-hidden": "true", children: _jsx(GripVertical, { size: 14, strokeWidth: 1.75 }) }), _jsx("span", { className: "sm-rtcard__icon", "aria-hidden": "true", children: "\u25A3" }), _jsx("span", { className: "sm-rtcard__title", children: "Image" }), _jsxs("span", { className: "sm-field__actions", children: [editable && _jsx("button", { type: "button", className: "sm-field__action", onClick: () => setCrop(true), children: "Edit" }), _jsx("button", { type: "button", className: "sm-field__action", onClick: () => setPicker(true), children: "Replace" }), _jsx("button", { type: "button", className: "sm-field__action", onClick: () => deleteNode(), children: "Remove" })] })] }), _jsxs("div", { className: "sm-rtcard__body", contentEditable: false, children: [asset && id ? _jsx(ImagePreview, { asset: asset, value: { ...value, asset: id }, height: 160 }) : _jsx("div", { className: "sm-rtcard__thumb", style: { height: 80 } }), caption !== "" && _jsx("span", { className: "sm-rtcard__caption", children: caption })] }), picker && _jsx(MediaPicker, { kinds: ["image"], onPick: replace, onClose: () => setPicker(false) }), crop && asset && id && (_jsx(CropEditor, { asset: asset, descriptor: { type: "image" }, value: { ...value, asset: id }, caption: caption, onSave: (next, cap) => { updateAttributes({ image: next, caption: cap ?? "" }); setCrop(false); }, onClose: () => setCrop(false) }))] }));
 }

package/dist/admin/forms/richtext-extensions.js

@@ -4,7 +4,12 @@
 // and keyboard shortcuts here, the toolbar in RichtextToolbar, paste in
 // richtext-paste. StarterKit supplies document, paragraph, text, hard
 // break, list item, list keymap and undo/redo; every gated node or mark
-// is switched off there and added back extended.
+// is switched off there and added back extended. The gap cursor stays on:
+// a card is an atom, so beside one that opens or closes the document it is
+// the only place a caret can stand (2026-11-13: a field holding one card
+// took no text, and typing replaced the selected card).
+// The drop cursor too: a card is dragged by its head, and the line says
+// where it lands; its look is the theme's (.sm-dropcursor), in both mounts.
 import { Extension, textblockTypeInputRule } from "@tiptap/core";
 import StarterKit from "@tiptap/starter-kit";
 import Heading from "@tiptap/extension-heading";
@@ -41,7 +46,7 @@ export function richtextExtensions(allowed, hooks) {
             heading: false, bold: false, italic: false, link: false, blockquote: false,
             bulletList: false, orderedList: false,
             code: false, codeBlock: false, strike: false, underline: false, horizontalRule: false,
-            dropcursor: false, gapcursor: false, trailingNode: false,
+            dropcursor: { color: false, width: 2, class: "sm-dropcursor" }, trailingNode: false,
         }),
         Heading.extend({
             // Exact `#` counts, and only the allowed levels; `# ` does nothing when h1 is forbidden.

package/dist/admin/ops.d.ts

@@ -177,10 +177,12 @@ export type AdminOps = {
             title?: string;
             redirect?: boolean;
         }): Promise<OpResult<PageRecord>>;
+        /** `locale`: the locale whose list `index` counts in, the one on screen; under `locales.order: "perLocale"` only its order changes. */
         move(id: string, to: {
             parentId: string | null;
             index?: number;
             redirect?: boolean;
+            locale?: string;
         }): Promise<OpResult<PageRecord>>;
         /** "Add page here": a folder becomes a page. */
         setTemplate(id: string, template: string): Promise<OpResult<PageRecord>>;
@@ -203,6 +205,18 @@ export type AdminOps = {
         distinct(collection: string, field: string, locale: string): Promise<OpResult<string[]>>;
         /** not_found only when the entry is missing; an absent locale comes back with `fields: null`. */
         get(collection: string, id: string, locale: string): Promise<OpResult<EntryGetResult>>;
+        /** One page of a collection's list (2026-11-13): every entry, present in `locale` or not, in the collection's order
+         *  as `locale` lists it, `limit` (1–500) of them after `offset`; `search` keeps the entries whose title field holds
+         *  the text. Filtered, ordered and cut in the store; `total` counts every match. */
+        page(collection: string, query: {
+            locale: string;
+            limit: number;
+            offset?: number;
+            search?: string;
+        }): Promise<OpResult<{
+            entries: EntryRecord[];
+            total: number;
+        }>>;
         create(collection: string, input: EntryCreateInput): Promise<OpResult<EntryRecord>>;
         /** `expected` as on pages: the token the client last saw; `undefined` skips the check. */
         save(collection: string, id: string, locale: string, fields: Record<string, unknown>, expected?: DraftToken | null, options?: {
@@ -212,10 +226,12 @@ export type AdminOps = {
         /** The live row back to the published snapshot (§4); `blocked` when the locale has no published version. */
         discardDraft(collection: string, id: string, locale: string, expected?: DraftToken | null): Promise<OpResult<EntryRecord>>;
         delete(collection: string, id: string): Promise<OpResult<null>>;
+        /** `locale` as on pages.move. */
         move(collection: string, id: string, to: {
             parentId: string | null;
             index?: number;
             redirect?: boolean;
+            locale?: string;
         }): Promise<OpResult<EntryRecord>>;
         /** Copies `from`'s localized fields and slug as the new locale's draft (spec 2026-09-06 §7). Expires nothing. */
         addLocale(collection: string, id: string, locale: string, options: {

package/dist/admin/serialize.d.ts

@@ -34,6 +34,8 @@ export type AdminCollection = {
     depth: number;
     /** `order: "manual"` — the list drags into the `sort` order (spec 2026-09-09 §5). */
     manual: boolean;
+    /** `admin.showInNav` — its own item on the rail, out of the Collections menu (2026-11-13). */
+    inNav?: boolean;
     /** The collection has SEO & Social values (spec 2026-09-29 content API contract §7); each label
      *  names, in lower case, the field an empty value falls back on — the hints' copy. */
     seo?: {
@@ -81,6 +83,7 @@ export type AdminRegistry = {
     locales: {
         default: string;
         supported: string[];
+        order?: "shared" | "perLocale";
     };
     /** The site's time zone when configured (spec 2026-09-25 date pickers §5); the datetime widget edits in it. */
     timeZone?: string;

package/dist/admin/serialize.js

@@ -81,6 +81,7 @@ export function serializeAdminConfig(config) {
                 ...(c.path !== undefined ? { path: perLocale(c.path) } : {}),
                 depth: collectionDepth(c),
                 manual: collectionOrder(c) === "manual",
+                ...(c.admin?.showInNav === true ? { inNav: true } : {}),
                 ...(c.seo !== undefined ? { seo: seoLabels(c) } : {}),
             };
         }),

package/dist/admin/shell/EntriesList.js

@@ -1,13 +1,17 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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";
+// The list is read a page at a time (2026-11-13): 20 entries by default,
+// 100 or 500 on the editor's choice (remembered), Previous / Next under
+// the rows, and a filter on the title field above them. The service
+// filters, orders and cuts; a change of any of them is a new read.
+import { useCallback, useEffect, useRef, useState } from "react";
 import { ListView } from "./ListView.js";
-import { canReorder, entryRows, entrySourceLocale } from "./entries-list.js";
-import { Button, StatusBadge } from "../ui/primitives.js";
+import { PAGE_SIZES, canReorder, entryRows, entrySourceLocale, pageRange, rememberPageSize, rememberedPageSize } from "./entries-list.js";
+import { Button, Segmented, StatusBadge } from "../ui/primitives.js";
 import { statusLabel } from "../ui/status-label.js";
 import { LocalePicker } from "../ui/LocaleSwitcher.js";
 import { relativeTime } from "../ui/format.js";
@@ -24,6 +28,12 @@ export function EntriesList({ ops, registry, collection }) {
     const adminHref = useAdminHref();
     const meta = registry.collections.find((c) => c.name === collection);
     const [records, setRecords] = useState(null);
+    const [total, setTotal] = useState(0);
+    const [size, setSize] = useState(() => rememberedPageSize());
+    const [offset, setOffset] = useState(0);
+    /** The filter box's text, and the text the list was last asked for (the box's, a moment later). */
+    const [typed, setTyped] = useState("");
+    const [search, setSearch] = useState("");
     const [error, setError] = useState(null);
     const [locale, setLocale] = useState(() => rememberedLocale(registry.locales));
     const { others } = usePresenceState();
@@ -32,10 +42,46 @@ export function EntriesList({ ops, registry, collection }) {
         setLocale(next);
         rememberLocale(next);
     };
-    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]);
+    // Only the latest read lands: a slow answer to an earlier filter never replaces a later one's.
+    const asked = useRef(0);
+    const load = useCallback(() => {
+        const mine = ++asked.current;
+        return ops.entries.page(collection, { locale, limit: size, offset, ...(search ? { search } : {}) })
+            .then((r) => {
+            if (mine !== asked.current)
+                return;
+            if (!r.ok) {
+                setError(r.message);
+                return;
+            }
+            // The page emptied under the reader (a delete, a narrower filter): step back to the last one that has rows.
+            if (r.data.entries.length === 0 && r.data.total > 0 && offset > 0) {
+                setOffset(Math.floor((r.data.total - 1) / size) * size);
+                return;
+            }
+            setRecords(r.data.entries);
+            setTotal(r.data.total);
+        })
+            .catch(() => { if (mine === asked.current)
+            setError("Couldn't reach the server."); });
+    }, [ops, collection, locale, size, offset, search]);
     useEffect(() => { void load(); }, [load]);
+    // Another collection starts at its first page with no filter.
+    useEffect(() => { setOffset(0); setTyped(""); setSearch(""); }, [collection]);
+    // The filter follows the typing after a short pause, back on the first page.
+    useEffect(() => {
+        const next = typed.trim();
+        if (next === search)
+            return;
+        const timer = setTimeout(() => { setSearch(next); setOffset(0); }, 250);
+        return () => clearTimeout(timer);
+    }, [typed, search]);
+    const pickSize = (next) => {
+        setSize(next);
+        rememberPageSize(next);
+        // Stay on the page that holds the first row on screen.
+        setOffset(Math.floor(offset / next) * next);
+    };
     // 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) : [];
@@ -46,8 +92,9 @@ export function EntriesList({ ops, registry, collection }) {
             if (!record || from === to)
                 return;
             let result;
+            // The index counts in the whole list, not in the page on screen.
             try {
-                result = await ops.entries.move(collection, record.id, { parentId: record.parentId, index: to });
+                result = await ops.entries.move(collection, record.id, { parentId: record.parentId, index: offset + to, locale });
             }
             catch {
                 result = { ok: false, code: "internal", message: "Couldn't reach the server." };
@@ -63,6 +110,7 @@ export function EntriesList({ ops, registry, collection }) {
         return _jsx(ErrorPane, { message: "No such collection." });
     if (error)
         return _jsx(ErrorPane, { message: error });
+    const range = pageRange(total, offset, rows.length);
     const open = (id) => {
         void navigate(adminHref(`/${collection}/${encodeURIComponent(id)}?locale=${encodeURIComponent(locale)}`));
     };
@@ -111,7 +159,9 @@ export function EntriesList({ ops, registry, collection }) {
             { label: "Title", width: "minmax(160px,1fr)" },
             { label: "Updated", width: "minmax(110px,160px)" },
             { label: "Status", width: "170px" },
-        ], empty: records ? "Nothing here yet." : "Loading…", sortable: canReorder(meta) ? { hook: sortable, canDrag: () => true } : undefined, rows: rows.map((row) => {
+        ], tools: meta.titleField && (_jsx("input", { className: "sm-input", type: "search", placeholder: "Filter by title\u2026", "aria-label": "Filter entries", value: typed, onChange: (e) => setTyped(e.target.value) })), foot: range && (_jsxs(_Fragment, { children: [_jsxs("span", { role: "status", children: [range.from, "\u2013", range.to, " of ", total] }), _jsxs("span", { className: "sm-table__pager", children: [_jsx("span", { children: "Per page" }), _jsx(Segmented, { options: PAGE_SIZES.map(String), value: String(size), onChange: (v) => pickSize(Number(v)), className: "sm-seg--size", option: (o) => ({ "aria-label": `Show ${o} entries a page` }) }), _jsx(Button, { variant: "secondary", size: "sm", disabled: offset === 0, onClick: () => setOffset(Math.max(0, offset - size)), children: "Previous" }), _jsx(Button, { variant: "secondary", size: "sm", disabled: offset + size >= total, onClick: () => setOffset(offset + size), children: "Next" })] })] })), empty: !records ? "Loading…" : search ? "No entries match the filter." : "Nothing here yet.", 
+        // A filtered list is not the collection's order: its rows do not drag.
+        sortable: canReorder(meta) && !search ? { 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/IconRail.js

@@ -7,8 +7,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // 200px SideNav so the visual editor gets the width. Ported markup-for-markup;
 // the handoff's click handlers are the shell's router.
 //
-// Items are registry-derived, never separately configured: Pages, then
-// Collections — one rail item whose flyout lists every collection — then
+// Items are registry-derived, never separately configured: Pages, then a
+// rail item for each collection registered with `admin.showInNav`
+// (2026-11-13), then Collections — one rail item whose flyout lists every
+// other collection, absent when none is left — then
 // Media, Globals (the global content items, when the registry has any;
 // the route is /globals), and Settings (the Settings area, spec
 // 2026-09-25; the route is /settings; every member has a page there since
@@ -21,7 +23,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 { ExternalLink, Globe, Image, LibraryBig, PanelTop, RadioTower, Settings } from "lucide-react";
+import { ExternalLink, Globe, Image, Layers, LibraryBig, PanelTop, RadioTower, Settings } from "lucide-react";
 import { tileCopy } from "./deploy-tile.js";
 import { ThemeToggle } from "../ui/primitives.js";
 import { useAdminHref } from "./base.js";
@@ -91,13 +93,15 @@ export function IconRail({ registry, active, email, settings = true, deploy, onS
             items[(i + (e.key === "ArrowDown" ? 1 : -1) + items.length) % items.length].focus();
         }
     };
-    const link = (key, label, icon, href) => (_jsx("li", { className: "sm-rail__item", children: _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 })] }) }));
-    const collections = registry.collections;
+    const link = (key, label, icon, href) => (_jsx("li", { className: "sm-rail__item", children: _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", title: label, children: label })] }) }, key));
+    // A collection with `admin.showInNav` is a rail item of its own; the rest stay in the Collections menu.
+    const pinned = registry.collections.filter((c) => c.inNav);
+    const collections = registry.collections.filter((c) => !c.inNav);
     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: [_jsxs("div", { className: "sm-rail__item", children: [_jsx("button", { type: "button", className: "sm-rail__brand", title: "Smoodly", "aria-haspopup": "menu", "aria-expanded": open === "brand", "aria-controls": menuId("brand"), onClick: () => toggle("brand"), children: _jsx(AppIcon, {}) }), _jsxs("ul", { className: "sm-rail__menu sm-rail__menu--brand", role: "menu", id: menuId("brand"), "data-open": open === "brand", children: [_jsx("li", { role: "none", children: _jsx(ExtLink, { href: consoleLinks().project, onClick: close, children: "This site at smoodly.io" }) }), _jsx("li", { role: "none", children: _jsx(ExtLink, { href: consoleLinks().docs, onClick: close, children: "Documentation" }) }), _jsxs("li", { className: "sm-rail__menu-version", role: "presentation", children: ["Smoodly ", SMOODLY_VERSION] })] })] }), _jsxs("ul", { className: "sm-rail__list", children: [link("pages", "Pages", _jsx(PanelTop, { ...ICON }), adminHref("/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: adminHref(`/${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 }), adminHref("/media")), registry.globals.length > 0 && link("globals", "Site", _jsx(Globe, { ...ICON }), adminHref("/globals")), settings && link("settings", "Settings", _jsx(Settings, { ...ICON }), adminHref("/settings"))] }), deploy && (() => {
+    return (_jsxs("nav", { className: "sm-rail", "aria-label": "Primary", ref: root, onKeyDown: onKeyDown, children: [_jsxs("div", { className: "sm-rail__item", children: [_jsx("button", { type: "button", className: "sm-rail__brand", title: "Smoodly", "aria-haspopup": "menu", "aria-expanded": open === "brand", "aria-controls": menuId("brand"), onClick: () => toggle("brand"), children: _jsx(AppIcon, {}) }), _jsxs("ul", { className: "sm-rail__menu sm-rail__menu--brand", role: "menu", id: menuId("brand"), "data-open": open === "brand", children: [_jsx("li", { role: "none", children: _jsx(ExtLink, { href: consoleLinks().project, onClick: close, children: "This site at smoodly.io" }) }), _jsx("li", { role: "none", children: _jsx(ExtLink, { href: consoleLinks().docs, onClick: close, children: "Documentation" }) }), _jsxs("li", { className: "sm-rail__menu-version", role: "presentation", children: ["Smoodly ", SMOODLY_VERSION] })] })] }), _jsxs("ul", { className: "sm-rail__list", children: [link("pages", "Pages", _jsx(PanelTop, { ...ICON }), adminHref("/pages")), pinned.map((c) => link(c.name, c.title, _jsx(Layers, { ...ICON }), adminHref(`/${c.name}`))), 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: adminHref(`/${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 }), adminHref("/media")), registry.globals.length > 0 && link("globals", "Site", _jsx(Globe, { ...ICON }), adminHref("/globals")), settings && link("settings", "Settings", _jsx(Settings, { ...ICON }), adminHref("/settings"))] }), deploy && (() => {
                 const copy = tileCopy(deploy.status, Date.now());
                 const id = menuId("deploy");
                 return (_jsxs("div", { className: "sm-rail__item sm-rail__deploy", "data-state": deploy.status.state, children: [_jsxs("button", { type: "button", className: "sm-rail__btn", "aria-haspopup": "menu", "aria-expanded": open === "deploy", "aria-controls": id, onClick: () => toggle("deploy"), title: copy.detail, children: [_jsxs("span", { className: `sm-rail__tile${copy.lit ? " sm-rail__tile--lit" : ""}${copy.warn ? " sm-rail__tile--warn" : ""}`, children: [_jsx(RadioTower, { ...ICON }), copy.badge && _jsx("span", { className: "sm-rail__badge", "aria-label": `${copy.badge} changes waiting`, children: copy.badge })] }), _jsx("span", { className: "sm-rail__label", children: copy.label })] }), _jsxs("ul", { className: "sm-rail__menu sm-rail__menu--up", role: "menu", id: id, "data-open": open === "deploy", children: [_jsx("li", { className: "sm-rail__menu-detail", role: "presentation", children: copy.detail }), _jsx("li", { role: "none", children: _jsx("button", { type: "button", role: "menuitem", className: "sm-rail__menu-item", disabled: copy.action === null || deploy.busy, title: copy.disabledReason ?? undefined, onClick: () => { close(); deploy.onDeploy(); }, children: copy.action === "retry" ? "Deploy again" : "Deploy now" }) }), copy.disabledReason && _jsx("li", { className: "sm-rail__menu-note", role: "presentation", children: copy.disabledReason })] })] }));

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

@@ -4,13 +4,17 @@ export type ListColumn = {
     label: string;
     width: string;
 };
-export declare function ListView({ title, titleTrailing, actions, notice, columns, rows, empty, sortable }: {
+export declare function ListView({ title, titleTrailing, actions, notice, tools, foot, columns, rows, empty, sortable }: {
     title: string;
     /** Rides right after the title — the locale picker, in the place every form's switch has. */
     titleTrailing?: ReactNode;
     actions?: ReactNode;
     /** Between the top bar and the list card — a Banner, as the Media screen places its error. */
     notice?: ReactNode;
+    /** In the gap above the column heads: the list's filter. */
+    tools?: ReactNode;
+    /** Under the last row: the count, the page size and the pager. */
+    foot?: ReactNode;
     columns: ListColumn[];
     rows: {
         key: string;

package/dist/admin/shell/ListView.js

@@ -3,10 +3,10 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Grip, TopBar, cx } from "../ui/primitives.js";
 import { navigate } from "./router.js";
-export function ListView({ title, titleTrailing, actions, notice, columns, rows, empty, sortable }) {
+export function ListView({ title, titleTrailing, actions, notice, tools, foot, 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 }), notice && _jsx("div", { className: "sm-listnotice", children: notice }), _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) => {
+    return (_jsxs(_Fragment, { children: [_jsx(TopBar, { left: _jsxs(_Fragment, { children: [_jsx("span", { className: "sm-title", children: title }), titleTrailing] }), right: actions }), notice && _jsx("div", { className: "sm-listnotice", children: notice }), _jsx("div", { className: "sm-listwrap", children: _jsxs("div", { className: cx("sm-table", tools ? "sm-table--tools" : undefined), children: [tools && _jsx("div", { className: "sm-table__tools", children: tools }), _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 ? () => { void navigate(href); } : undefined);
@@ -14,5 +14,5 @@ export function ListView({ title, titleTrailing, actions, notice, columns, rows,
                                             e.preventDefault();
                                             go();
                                         } }, 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." })] })] }) })] }));
+                                }), rows.length === 0 && _jsx("div", { className: "sm-empty", children: empty ?? "Nothing here yet." })] }), foot && _jsx("div", { className: "sm-table__foot", children: foot })] }) })] }));
 }

package/dist/admin/shell/MediaScreen.js

@@ -7,7 +7,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useCallback, useEffect, useState } from "react";
 import { useAssets } from "../forms/assets-context.js";
 import { uploadFile } from "../forms/upload.js";
-import { MediaGrid } from "../forms/MediaGrid.js";
+import { AssetThumb, MediaGrid } from "../forms/MediaGrid.js";
 import { Banner, Button, Field, Segmented, TopBar, UploadProgress } from "../ui/primitives.js";
 import { confirm } from "../ui/confirm.js";
 import { adminImageSrc } from "../forms/crop-editor.js";
@@ -93,7 +93,7 @@ export function MediaScreen({ initialItems = [], initialSelected = null, initial
         setSelected(null);
         load();
     };
-    return (_jsxs(_Fragment, { children: [_jsx(TopBar, { left: _jsxs(_Fragment, { children: [_jsx("span", { className: "sm-title", children: "Media" }), _jsx("span", { className: "sm-count", children: items.length })] }), right: _jsxs("div", { className: "sm-picker-bar", children: [_jsx("input", { className: "sm-input", placeholder: "Search media", value: search, onChange: (e) => setSearch(e.target.value), style: { width: 220 } }), _jsx(Segmented, { options: KIND_FILTERS, value: filter, onChange: setFilter }), _jsxs("label", { className: "sm-btn sm-btn--primary", children: [busy ? "Uploading…" : "Upload", _jsx("input", { type: "file", accept: acceptFor(["image", "video", "file"], assets.media.accept), hidden: true, disabled: busy, onChange: (e) => { void onFiles(e.target.files); } })] })] }) }), error && _jsx(Banner, { tone: "error", onDismiss: () => setError(null), children: error }), progress !== null && _jsx("div", { className: "sm-mediascreen__upload", children: _jsx(UploadProgress, { fraction: progress }) }), _jsxs("div", { className: "sm-mediascreen", style: selected ? undefined : { gridTemplateColumns: "1fr" }, children: [_jsx("div", { className: "sm-mediascreen__grid", children: _jsx(MediaGrid, { items: items, selectedId: selected?.id, onSelect: (a) => setSelected(a.id === selected?.id ? null : a) }) }), selected && (_jsxs("aside", { className: "sm-mediascreen__inspector", children: [_jsx("div", { className: "sm-media__thumb", style: { aspectRatio: selected.width && selected.height ? `${selected.width} / ${selected.height}` : "4 / 3" }, children: selected.kind === "image" && _jsx("img", { src: adminImageSrc(selected, 640), alt: "", style: { left: 0, top: 0, width: "100%", height: "100%" } }) }), META.map((key) => (_jsx(Field, { label: key === "alt" ? "Alt text" : key[0].toUpperCase() + key.slice(1), children: _jsx("input", { className: "sm-input", value: meta[key], onChange: (e) => setMeta((m) => ({ ...m, [key]: e.target.value })), onBlur: () => { void saveMeta(key); } }) }, key))), _jsxs("div", { className: "sm-facts", children: [_jsx("span", { children: "File" }), _jsx("span", { children: selected.filename }), _jsx("span", { children: "Type" }), _jsx("span", { children: selected.mime }), _jsx("span", { children: "Size" }), _jsx("span", { children: formatBytes(selected.size) }), selected.width && selected.height && _jsxs(_Fragment, { children: [_jsx("span", { children: "Dimensions" }), _jsxs("span", { children: [selected.width, "\u00D7", selected.height] })] }), selected.duration !== null && _jsxs(_Fragment, { children: [_jsx("span", { children: "Duration" }), _jsxs("span", { children: [Math.round(selected.duration), " s"] })] })] }), _jsxs("div", { className: "sm-usage", children: [_jsx("span", { className: "sm-label", children: usageLabel(usage.length) }), usage.map((u, i) => u.href
+    return (_jsxs(_Fragment, { children: [_jsx(TopBar, { left: _jsxs(_Fragment, { children: [_jsx("span", { className: "sm-title", children: "Media" }), _jsx("span", { className: "sm-count", children: items.length })] }), right: _jsxs("div", { className: "sm-picker-bar", children: [_jsx("input", { className: "sm-input", placeholder: "Search media", value: search, onChange: (e) => setSearch(e.target.value), style: { width: 220 } }), _jsx(Segmented, { options: KIND_FILTERS, value: filter, onChange: setFilter }), _jsxs("label", { className: "sm-btn sm-btn--primary", children: [busy ? "Uploading…" : "Upload", _jsx("input", { type: "file", accept: acceptFor(["image", "video", "file"], assets.media.accept), hidden: true, disabled: busy, onChange: (e) => { void onFiles(e.target.files); } })] })] }) }), error && _jsx(Banner, { tone: "error", onDismiss: () => setError(null), children: error }), progress !== null && _jsx("div", { className: "sm-mediascreen__upload", children: _jsx(UploadProgress, { fraction: progress }) }), _jsxs("div", { className: "sm-mediascreen", style: selected ? undefined : { gridTemplateColumns: "1fr" }, children: [_jsx("div", { className: "sm-mediascreen__grid", children: _jsx(MediaGrid, { items: items, selectedId: selected?.id, onSelect: (a) => setSelected(a.id === selected?.id ? null : a) }) }), selected && (_jsxs("aside", { className: "sm-mediascreen__inspector", children: [_jsxs("div", { className: "sm-media__thumb", style: { aspectRatio: selected.width && selected.height ? `${selected.width} / ${selected.height}` : "4 / 3" }, children: [selected.kind === "image" && _jsx("img", { src: adminImageSrc(selected, 640), alt: "", style: { left: 0, top: 0, width: "100%", height: "100%" } }), selected.kind === "video" && _jsx(AssetThumb, { asset: selected, className: "sm-mediacard__img", width: 640 })] }), META.map((key) => (_jsx(Field, { label: key === "alt" ? "Alt text" : key[0].toUpperCase() + key.slice(1), children: _jsx("input", { className: "sm-input", value: meta[key], onChange: (e) => setMeta((m) => ({ ...m, [key]: e.target.value })), onBlur: () => { void saveMeta(key); } }) }, key))), _jsxs("div", { className: "sm-facts", children: [_jsx("span", { children: "File" }), _jsx("span", { children: selected.filename }), _jsx("span", { children: "Type" }), _jsx("span", { children: selected.mime }), _jsx("span", { children: "Size" }), _jsx("span", { children: formatBytes(selected.size) }), selected.width && selected.height && _jsxs(_Fragment, { children: [_jsx("span", { children: "Dimensions" }), _jsxs("span", { children: [selected.width, "\u00D7", selected.height] })] }), selected.duration !== null && _jsxs(_Fragment, { children: [_jsx("span", { children: "Duration" }), _jsxs("span", { children: [Math.round(selected.duration), " s"] })] })] }), _jsxs("div", { className: "sm-usage", children: [_jsx("span", { className: "sm-label", children: usageLabel(usage.length) }), usage.map((u, i) => u.href
                                         ? _jsxs(RouteLink, { href: u.href, children: [u.title, " \u00B7 ", u.sourceField] }, `${u.sourceId}-${i}`)
                                         : _jsxs("span", { children: [u.title, " \u00B7 ", u.sourceField] }, `${u.sourceId}-${i}`))] }), _jsx(Button, { variant: "secondary", disabled: usage.length > 0, title: usage.length > 0 ? "Remove it from those places first." : undefined, onClick: () => { void remove(); }, children: "Delete" })] }))] })] }));
 }

package/dist/admin/shell/PagesList.js

@@ -4,7 +4,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 // 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/subpath, Add page here, Add <locale>, Rename, Move, Remove
-// from <locale>, Delete) as a floating popover positioned from the
+// from <locale>, Duplicate, 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";
@@ -24,6 +24,7 @@ import { PageFormDialog } from "./PageDialogs.js";
 import { usePresenceState } from "./presence-context.js";
 import { editorsOf } from "./presence.js";
 import { LockIcon } from "../ui/LockIcon.js";
+import { draftToken } from "../../draft-token.js";
 export function PagesList({ ops, registry }) {
     const { others } = usePresenceState();
     const adminHref = useAdminHref();
@@ -71,7 +72,7 @@ export function PagesList({ ops, registry }) {
             const live = await confirmLiveUrl({ status: current?.status, from: row.parentId ?? "", to: projection.parentId ?? "" }, { name: row.title, path: row.path }, codeAddressNote(row.path, registry, locale));
             if (!live.ok)
                 return;
-            const ok = await run(() => ops.pages.move(row.id, { parentId: projection.parentId, index: projection.index, redirect: live.redirect }));
+            const ok = await run(() => ops.pages.move(row.id, { parentId: projection.parentId, index: projection.index, redirect: live.redirect, locale }));
             if (!ok)
                 throw new Error("move refused");
         },
@@ -120,6 +121,10 @@ export function PagesList({ ops, registry }) {
     };
     const rename = (row) => { if (row.record.locales[locale])
         setDialog({ kind: "rename", row }); };
+    /** Only a page of an open registration can be created again; a fixed page is code's one address. */
+    const canDuplicate = (row) => row.present && row.template !== null && creatable.some((t) => t.name === row.template);
+    const duplicate = (row) => { if (canDuplicate(row))
+        setDialog({ kind: "duplicate", row }); };
     const closeDialog = () => setDialog(null);
     /** The parent's path from a row's own: "/company/about-us" → "/company", "/about" → "/". */
     const parentPathOf = (path) => {
@@ -145,6 +150,8 @@ export function PagesList({ ops, registry }) {
             return attempt(() => ops.pages.setTemplate(dialog.row.id, values.template), (page) => openEditor(page.id));
         }
         const { row } = dialog;
+        if (dialog.kind === "duplicate")
+            return duplicateInto(row, values);
         const current = row.record.locales[locale];
         if (!current)
             return null;
@@ -156,6 +163,38 @@ export function PagesList({ ops, registry }) {
             return null;
         return attempt(() => ops.pages.rename(row.id, { locale, title: values.title, slug: values.slug, redirect: live.redirect }));
     };
+    /** Duplicate: a new draft page beside the original, in the SELECTED locale, carrying a copy of its draft
+     *  (sections, page fields, SEO). Two ops, so a copy that fails after the create leaves the page and says so. */
+    const duplicateInto = async (row, values) => {
+        let source;
+        try {
+            source = await ops.pages.get(row.id, locale);
+        }
+        catch {
+            return "Couldn't reach the server.";
+        }
+        if (!source.ok)
+            return source.message;
+        const tree = source.data.draft;
+        return attempt(async () => {
+            const created = await ops.pages.create({ parentId: row.parentId, locale, slug: values.slug, title: values.title, template: row.template });
+            if (!created.ok || !tree)
+                return created;
+            const target = created.data.locales[locale];
+            let saved;
+            try {
+                saved = await ops.pages.saveDraft(created.data.id, locale, tree, target ? draftToken(target) : null);
+            }
+            catch {
+                saved = { ok: false, code: "internal", message: "Couldn't reach the server." };
+            }
+            if (!saved.ok) {
+                await load();
+                return { ...saved, message: `The page was created, but its content was not copied: ${saved.message}` };
+            }
+            return created;
+        }, (page) => openEditor(page.id));
+    };
     const addLocale = async (row) => {
         const from = sourceLocaleOf(row.record, registry);
         const ok = await confirm({
@@ -216,6 +255,8 @@ export function PagesList({ ops, registry }) {
             items.push({ label: "Add page here", run: () => addPageHere(row) });
         if (!row.fixed)
             items.push({ label: "Rename…", run: () => rename(row) });
+        if (canDuplicate(row))
+            items.push({ label: "Duplicate…", run: () => duplicate(row) });
         // 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) });
@@ -284,5 +325,6 @@ export function PagesList({ ops, registry }) {
                     }, children: [items.map((item) => (_jsx("button", { type: "button", className: "sm-picker__item", onClick: () => { setMenu(null); item.run(); }, children: item.label }, item.label))), items.length === 0 && (_jsx("p", { style: { color: "var(--text-muted)", padding: 10 }, children: menu?.row.orphan ? "No longer in code — move its child pages out, then delete it." : "Owned by code — nothing to change here." }))] }) })), dialog?.kind === "new" && (_jsx(PageFormDialog, { title: dialog.node === "page" ? (dialog.parentId ? "New subpage" : "New page") : (dialog.parentId ? "New subpath" : "New path"), submitLabel: dialog.node === "page" ? "Create page" : "Create path", fields: { title: true, slug: true, template: dialog.node === "page" }, templates: creatable, parentPath: dialog.parentId ? (rows.find((r) => r.id === dialog.parentId)?.path ?? "/") : "/", onClose: closeDialog, onSubmit: (values) => submitDialog(values).then((message) => { if (message === null)
                     closeDialog(); return message; }) })), dialog?.kind === "template" && (_jsx(PageFormDialog, { title: "Add page here", submitLabel: "Add page", fields: { template: true }, templates: creatable, onClose: closeDialog, onSubmit: (values) => submitDialog(values).then((message) => { if (message === null)
                     closeDialog(); return message; }) })), dialog?.kind === "rename" && (_jsx(PageFormDialog, { title: "Rename page", submitLabel: "Rename", fields: { title: true, slug: !dialog.row.isHome }, initial: { title: dialog.row.record.locales[locale]?.title ?? "", slug: dialog.row.record.locales[locale]?.slug ?? "" }, parentPath: dialog.row.isHome ? undefined : parentPathOf(dialog.row.path), onClose: closeDialog, onSubmit: (values) => submitDialog(values).then((message) => { if (message === null)
+                    closeDialog(); return message; }) })), dialog?.kind === "duplicate" && (_jsx(PageFormDialog, { title: "Duplicate page", submitLabel: "Duplicate", fields: { title: true, slug: true }, initial: { title: `${dialog.row.title} copy`, slug: `${dialog.row.record.locales[locale]?.slug ?? ""}-copy` }, parentPath: dialog.row.isHome ? "/" : parentPathOf(dialog.row.path), onClose: closeDialog, onSubmit: (values) => submitDialog(values).then((message) => { if (message === null)
                     closeDialog(); return message; }) }))] }));
 }

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

@@ -19,6 +19,18 @@ 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[];
+/** How many entries a list page shows: 20 unless the editor chose more (2026-11-13). */
+export declare const PAGE_SIZES: readonly [20, 100, 500];
+export type PageSize = (typeof PAGE_SIZES)[number];
+/** The stored size when it is one of the three, else 20. */
+export declare function resolvePageSize(stored: string | null | undefined): PageSize;
+export declare function rememberedPageSize(): PageSize;
+export declare function rememberPageSize(size: PageSize): void;
+/** The pager's "21–40 of 134": null while the list fits the smallest page, where there is nothing to page. */
+export declare function pageRange(total: number, offset: number, shown: number): {
+    from: number;
+    to: number;
+} | null;
 /** 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). */