smoodly 0.0.58 → 0.0.59

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/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). */

package/dist/admin/shell/entries-list.js

@@ -1,4 +1,5 @@
 import { localeStatusOf } from "./pages-tree.js";
+import { orderIn } from "../../paths.js";
 /** The entry's title in the selected locale, else the default locale's, else any locale's;
  *  "Untitled" when every one is empty (spec 2026-09-14 §4). Display only — a shared
  *  title field reads the same from every locale. */
@@ -23,7 +24,8 @@ export function localizedFieldKeys(meta) {
     return Object.entries(meta.fields).filter(([key, d]) => key === "slug" || d.localized === true).map(([key]) => key);
 }
 export function entryRows(records, meta, registry, locale) {
-    return records.map((record) => {
+    // A manual order is the selected locale's own (2026-11-13); the list arrives in the default locale's.
+    return (meta.manual ? orderIn(records, locale) : records).map((record) => {
         const row = record.locales[locale];
         return {
             id: record.id,
@@ -34,6 +36,33 @@ export function entryRows(records, meta, registry, locale) {
         };
     });
 }
+/** How many entries a list page shows: 20 unless the editor chose more (2026-11-13). */
+export const PAGE_SIZES = [20, 100, 500];
+const PAGE_SIZE_KEY = "smoodly-page-size";
+/** The stored size when it is one of the three, else 20. */
+export function resolvePageSize(stored) {
+    return PAGE_SIZES.find((s) => String(s) === stored) ?? PAGE_SIZES[0];
+}
+export function rememberedPageSize() {
+    let stored = null;
+    try {
+        stored = window.localStorage.getItem(PAGE_SIZE_KEY);
+    }
+    catch { /* storage unavailable: 20 is fine */ }
+    return resolvePageSize(stored);
+}
+export function rememberPageSize(size) {
+    try {
+        window.localStorage.setItem(PAGE_SIZE_KEY, String(size));
+    }
+    catch { /* a convenience only */ }
+}
+/** The pager's "21–40 of 134": null while the list fits the smallest page, where there is nothing to page. */
+export function pageRange(total, offset, shown) {
+    if (total <= PAGE_SIZES[0] || shown === 0)
+        return null;
+    return { from: offset + 1, to: offset + shown };
+}
 /** 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). */

package/dist/admin/ui/theme.js

@@ -85,7 +85,8 @@ const TOKENS_DARK = `
   --frame:#0F1120; --sheet:${SHEET_DARK};
   --canvas:#131526; --surface:#242840; --surface-form:#242840; --surface-inset:#1B1E30;
   --menu-bg:#242840;
-  --input-bg:#1B1E30; --input-hover-bg:#1B1E30; --input-focus-bg:#1B1E30;
+  /* A field's edge is drawn in dark: a dialog's fields take the card's own tone there (2026-11-13). */
+  --input-bg:#1B1E30; --input-hover-bg:#1B1E30; --input-focus-bg:#1B1E30; --input-border:var(--line-dashed);
   --line:#33384F; --line-dashed:#444A63; --line-soft:#33384F;
   --text:#EEF0F5; --text-secondary:#C5C8D2; --text-muted:#9A9FB3; --text-subtle:#7C819A; --text-disabled:#4F5570;
   --hover:rgba(238,240,245,.05); --press:rgba(238,240,245,.09); --control-hover:#2C3049; --canvas-ground:var(--control-hover);
@@ -233,7 +234,8 @@ html:has(.sm-admin),body:has(.sm-admin){overscroll-behavior:none}
 .sm-rail__btn[aria-current="page"]:hover,.sm-rail__btn[aria-expanded="true"]:hover{color:var(--rail-active-fg)}
 .sm-rail__btn[aria-current="page"] .sm-rail__tile,.sm-rail__btn[aria-expanded="true"] .sm-rail__tile{background:var(--rail-active-bg)}
 .sm-rail__tile svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
-.sm-rail__label{letter-spacing:.01em;white-space:nowrap}
+/* A collection's own title can be long: it ends in an ellipsis inside the rail (2026-11-13). */
+.sm-rail__label{letter-spacing:.01em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
 /* Not greyed: the reference renders every inactive item at --text and marks
    the unavailable ones only by being inert (no pointer, no hover). */
 .sm-rail__btn[aria-disabled="true"]{cursor:default}
@@ -562,6 +564,14 @@ html:has(.sm-admin),body:has(.sm-admin){overscroll-behavior:none}
 /* The rows sit in a centred column of at most 1200px inside the card,
    under --table-top of air reserved for the coming search and filters. */
 .sm-table{display:flex;flex-direction:column;padding:var(--table-pad);padding-top:var(--table-top);max-width:1200px;margin:0 auto}
+/* The filter sits in that air, so the column heads stay where they are on a list without one (2026-11-13). */
+.sm-table--tools{padding-top:20px}
+.sm-table__tools{display:flex;align-items:center;gap:12px;height:40px;margin-bottom:20px;padding:0 8px}
+.sm-table__tools .sm-input{max-width:320px}
+/* The pager: the count on the left, the page size and Previous / Next on the right. */
+.sm-table__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 8px 8px;color:var(--text-muted);font-size:var(--meta-size)}
+.sm-table__pager{display:flex;align-items:center;gap:12px}
+.sm-seg--size .sm-seg__opt{min-width:44px;font-size:var(--text-sm)}
 .sm-table__head,.sm-row{display:grid;gap:12px;align-items:center;padding:0 8px}
 .sm-table__head{
   height:40px;border-bottom:var(--table-rule);font-family:var(--meta-font);font-weight:500;

package/dist/assemble.js

@@ -58,4 +58,7 @@ export function checkEntryQuery(schema, collection, o) {
     if (o.limit !== undefined && (!Number.isInteger(o.limit) || o.limit < 0)) {
         throw new Error(`smoodly: getEntries("${collection}"): limit must be a non-negative integer.`);
     }
+    if (o.offset !== undefined && (!Number.isInteger(o.offset) || o.offset < 0)) {
+        throw new Error(`smoodly: getEntries("${collection}"): offset must be a non-negative integer.`);
+    }
 }

package/dist/collections.d.ts

@@ -26,8 +26,11 @@ export type CollectionSchema<F extends BuilderMap = BuilderMap, N extends string
         depth: number;
     };
     order?: EntryOrder;
+    /** `showInNav`: the collection gets its own item in the admin's main navigation, after Pages, in place of its
+     *  line in the Collections menu (2026-11-13). Absent = in the menu. */
     admin?: {
         listColumns?: string[];
+        showInNav?: boolean;
     };
     /** Entries carry SEO & Social values (spec 2026-09-29 content API contract §7): stored under `$seo`, empty values falling back on `titleField` and the named fields. */
     seo?: CollectionSeo;
@@ -48,6 +51,7 @@ export declare function collection<F extends BuilderMap, const N extends string
     order?: EntryOrder;
     admin?: {
         listColumns?: string[];
+        showInNav?: boolean;
     };
     seo?: CollectionSeo;
 }): CollectionSchema<F, N>;

package/dist/collections.js

@@ -11,6 +11,9 @@ export function collection(input) {
     if (Object.prototype.hasOwnProperty.call(input.fields, SEO_KEY)) {
         throw new Error(`smoodly: collection "${input.name}": "${SEO_KEY}" is a reserved key.`);
     }
+    if (input.admin?.showInNav !== undefined && typeof input.admin.showInNav !== "boolean") {
+        throw new Error(`smoodly: collection "${input.name}": admin.showInNav is true or false.`);
+    }
     if (input.tree !== undefined && (!Number.isInteger(input.tree.depth) || input.tree.depth < 1)) {
         throw new Error(`smoodly: collection "${input.name}" declares an invalid tree depth.`);
     }

package/dist/config.d.ts

@@ -1,6 +1,7 @@
 import type { Descriptor } from "./fields.ts";
 import type { CollectionSchema } from "./collections.ts";
 import type { GlobalSchema } from "./global.ts";
+import { type LocaleOrder } from "./paths.ts";
 import { type Addresses } from "./addresses.ts";
 import type { Anchors } from "./anchors.ts";
 import { type ImageQuality } from "./media-cut.ts";
@@ -32,9 +33,12 @@ export type SmoodlyConfig = {
         /** Global content: code-declared singletons (spec 2026-09-07). */
         globals?: GlobalSchema[];
     };
+    /** `order`: whether the page tree and manually ordered collections keep one order for every locale
+     *  ("shared", the default) or each locale its own ("perLocale"): a drag then reorders the locale on screen alone. */
     locales: {
         default: string;
         supported: string[];
+        order?: LocaleOrder;
     };
     /** The site's time zone, an IANA name such as "Europe/Helsinki" (spec
      *  2026-09-25 date pickers §5): editors pick datetimes in it, views

package/dist/config.js

@@ -155,6 +155,10 @@ function assertLocales(config) {
     const twice = supported.find((code, i) => supported.indexOf(code) !== i);
     if (twice !== undefined)
         throw new Error(`smoodly: the locale "${twice}" is listed twice in supported — list each locale once.`);
+    const order = config.locales.order;
+    if (order !== undefined && order !== "shared" && order !== "perLocale") {
+        throw new Error(`smoodly: locales.order is ${JSON.stringify(order)} — use "shared" (one order for every locale) or "perLocale".`);
+    }
 }
 function assertTimeZone(config) {
     if (config.timeZone === undefined)