smoodly 0.0.54 → 0.0.56

package/dist/admin/editor/EditorView.js

@@ -1132,7 +1132,7 @@ export function EditorView({ ops, registry, id }) {
                                                         if (current)
                                                             syncTexts(selectedId, selectedItem, { ...current.fields, [key]: value });
                                                     }
-                                                }, onPublish: () => { void doPublishGlobal(selectedItem.name); }, onDiscard: () => { void doDiscardGlobal(selectedItem.name); }, onUnpublish: () => { void doUnpublishGlobal(selectedItem.name); } }))] }))] }), view === "canvas" && (_jsx("div", { className: "sm-card", children: _jsx(Outline, { selectedId: selectedId, onSelect: select, onMoveTo: doMoveTo, onRemove: doRemove, zones: outlineZones, onClearZone: clearZoneAsked, onAddFirst: (zone) => {
+                                                }, onPublish: () => { void doPublishGlobal(selectedItem.name); }, onDiscard: () => { void doDiscardGlobal(selectedItem.name); }, onUnpublish: () => { void doUnpublishGlobal(selectedItem.name); } }))] }))] }), view === "canvas" && (_jsx("div", { className: "sm-card", children: _jsx(Outline, { selectedId: selectedId, onSelect: select, onMoveTo: doMoveTo, onRemove: doRemove, zones: outlineZones, onClearZone: clearZoneAsked, cardActions: cardActions, onAddFirst: (zone) => {
                                         const first = allowedSections(policyOf(zone), registry.sections)[0];
                                         if (first)
                                             doInsert(zone, 0, first);

package/dist/admin/editor/Outline.d.ts

@@ -1,4 +1,5 @@
 import type { TreeNode } from "../../render.tsx";
+import { type ActionMenuItem } from "../ui/ActionMenu.tsx";
 export type ZoneRows = {
     zone: string;
     locked: boolean;
@@ -23,7 +24,15 @@ export type Handlers = {
     onRemove(id: string): void;
     /** A removed zone's Clear zone. */
     onClearZone?(zone: string): void;
+    /** The row's ⋯ entries before Remove: Copy and the Paste entries (spec 2026-10-19 editor at launch §3). */
+    cardActions?(node: TreeNode, zone: string, index: number): ActionMenuItem[];
 };
+/** The row's menu, shared with the structure view's cards: the given entries, then Remove (danger; disabled in a locked zone). */
+export declare function cardMenu({ locked, onRemove, actions }: {
+    locked: boolean;
+    onRemove(): void;
+    actions: ActionMenuItem[];
+}): ActionMenuItem[];
 export declare function Outline({ zones, ...handlers }: {
     zones: ZoneRows[];
 } & Handlers): import("react").JSX.Element;

package/dist/admin/editor/Outline.js

@@ -1,11 +1,20 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Grip, IconButton, SectionLabel, cx } from "../ui/primitives.js";
+import { ActionMenu } from "../ui/ActionMenu.js";
+import { Button, Grip, SectionLabel, cx } from "../ui/primitives.js";
 import { useSortable } from "../ui/useSortable.js";
+/** The row's menu, shared with the structure view's cards: the given entries, then Remove (danger; disabled in a locked zone). */
+export function cardMenu({ locked, onRemove, actions }) {
+    return [...actions, { label: "Remove", run: onRemove, danger: true, disabled: locked }];
+}
+const stop = (e) => e.stopPropagation();
+/** The ⋯'s Enter and Space must not select the row; every other key (the editor's Cmd+Z) bubbles on. */
+const stopActivation = (e) => { if (e.key === "Enter" || e.key === " ")
+    e.stopPropagation(); };
 export function Outline({ zones, ...handlers }) {
     return (_jsxs(_Fragment, { children: [_jsx(SectionLabel, { children: "Page Outline" }), zones.map((z) => _jsx(OutlineZone, { ...z, ...handlers }, z.zone))] }));
 }
-function OutlineZone({ zone, locked, canTake, nodes, removed, note, selectedId, onSelect, onAddFirst, onMoveTo, onRemove, onClearZone }) {
+function OutlineZone({ zone, locked, canTake, nodes, removed, note, selectedId, onSelect, onAddFirst, onMoveTo, onRemove, onClearZone, cardActions }) {
     const sortable = useSortable({
         count: locked || removed ? 0 : nodes.length,
         onDrop: (from, to) => onMoveTo(nodes[from].node.id, to),
@@ -14,5 +23,5 @@ function OutlineZone({ zone, locked, canTake, nodes, removed, note, selectedId,
         return (_jsx("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, "data-testid": "removed-zone", children: _jsxs("div", { className: "sm-outline-row sm-outline-row--orphan sm-outline-row--removed", children: [_jsxs("span", { className: "sm-outline-row__label", children: ["Removed zone `", zone, "` \u00B7 ", nodes.length, " ", nodes.length === 1 ? "section" : "sections"] }), _jsx(Button, { variant: "danger", size: "sm", onClick: () => onClearZone?.(zone), children: "Clear zone" })] }) }));
     }
     return (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [_jsxs(SectionLabel, { caps: true, children: [zone, locked && " · locked"] }), note && _jsx("p", { className: "sm-outline-note", children: note }), nodes.length === 0 && (_jsxs("div", { className: cx("sm-outline-row", "sm-outline-row--empty", canTake && "sm-outline-row--clickable"), onClick: () => { if (canTake)
-                    onAddFirst(zone); }, children: [_jsx("span", { className: "sm-outline-row__label", children: "Empty" }), canTake && _jsx("span", { className: "sm-outline-row__add", children: "+ Add" })] })), locked && nodes.map(({ node, label, mark }) => (_jsxs("div", { className: cx("sm-outline-row sm-outline-row--locked sm-outline-row--clickable", mark && `sm-outline-row--${mark}`), "data-testid": "outline-row", onClick: () => onSelect(node.id), children: [_jsx("span", { className: "sm-outline-row__label", children: label }), _jsx("span", { className: "sm-outline-row__note", children: "Locked" })] }, node.id))), !locked && nodes.length > 0 && (_jsx("div", { ref: sortable.containerRef, style: { display: "flex", flexDirection: "column", gap: 4 }, children: nodes.map(({ node, label, mark }, i) => (_jsxs("div", { onClick: () => onSelect(node.id), style: sortable.rowStyle(i), "data-testid": "outline-row", className: cx("sm-outline-row", "sm-outline-row--clickable", "sm-outline-row--grip", node.id === selectedId && "sm-outline-row--selected", mark && `sm-outline-row--${mark}`, sortable.rowClass(i)), children: [_jsx(Grip, { ...sortable.handleProps(i) }), _jsx("span", { className: "sm-outline-row__label", children: label }), _jsx(IconButton, { label: "Remove", size: 22, onClick: (e) => { e.stopPropagation(); onRemove(node.id); }, children: "\u00D7" })] }, node.id))) }))] }));
+                    onAddFirst(zone); }, children: [_jsx("span", { className: "sm-outline-row__label", children: "Empty" }), canTake && _jsx("span", { className: "sm-outline-row__add", children: "+ Add" })] })), locked && nodes.map(({ node, label, mark }) => (_jsxs("div", { className: cx("sm-outline-row sm-outline-row--locked sm-outline-row--clickable", mark && `sm-outline-row--${mark}`), "data-testid": "outline-row", onClick: () => onSelect(node.id), children: [_jsx("span", { className: "sm-outline-row__label", children: label }), _jsx("span", { className: "sm-outline-row__note", children: "Locked" })] }, node.id))), !locked && nodes.length > 0 && (_jsx("div", { ref: sortable.containerRef, style: { display: "flex", flexDirection: "column", gap: 4 }, children: nodes.map(({ node, label, mark }, i) => (_jsxs("div", { onClick: () => onSelect(node.id), style: sortable.rowStyle(i), "data-testid": "outline-row", className: cx("sm-outline-row", "sm-outline-row--clickable", "sm-outline-row--grip", node.id === selectedId && "sm-outline-row--selected", mark && `sm-outline-row--${mark}`, sortable.rowClass(i)), children: [_jsx(Grip, { ...sortable.handleProps(i) }), _jsx("span", { className: "sm-outline-row__label", children: label }), _jsx("span", { className: "sm-outline-row__menu", onClick: stop, onKeyDown: stopActivation, children: _jsx(ActionMenu, { small: true, label: "Section actions", items: cardMenu({ locked: false, onRemove: () => onRemove(node.id), actions: cardActions?.(node, zone, i) ?? [] }) }) })] }, node.id))) }))] }));
 }

package/dist/admin/editor/PageSettings.js

@@ -23,10 +23,11 @@ export function PageSettings({ record, locale, registry, path, fixed, redirects,
     /** One commit at a time: Enter commits, then the confirm's autofocus blurs the input, and that blur must not ask again. */
     const committing = useRef(false);
     const isHome = record.parentId === null && record.locales[registry.locales.default]?.slug === registry.homePageSlug;
-    // The record changes identity on every rename; re-seed the inputs from it.
+    // Re-seed the inputs when the stored title or slug changes (a rename, a locale switch, a restore) — not on the
+    // record's identity: every autosave ack replaces the record, and typing in a field meanwhile must survive it.
     useEffect(() => {
         setDraft({ title: row?.title ?? "", slug: row?.slug ?? "" });
-    }, [record, locale]); // eslint-disable-line react-hooks/exhaustive-deps
+    }, [row?.title, row?.slug, locale]); // eslint-disable-line react-hooks/exhaustive-deps
     if (!row)
         return null;
     const commit = async (key) => {

package/dist/admin/editor/StructureView.d.ts

@@ -1,8 +1,8 @@
 import { type ReactElement } from "react";
-import type { TreeNode } from "../../page-context.ts";
 import { type ActionMenuItem } from "../ui/ActionMenu.tsx";
 import type { CardPreview } from "./card-preview.ts";
-import type { Handlers, ZoneRows } from "./Outline.tsx";
+import { cardMenu, type Handlers, type ZoneRows } from "./Outline.tsx";
+export { cardMenu };
 /** A card: the outline's row plus the section's icon from the registry (`icon ?? "▤"`), its preview, and whether it is a placed global item. */
 export type StructureNode = ZoneRows["nodes"][number] & {
     icon: string;
@@ -15,17 +15,9 @@ export type StructureZone = Omit<ZoneRows, "nodes"> & {
 export type StructureViewProps = {
     zones: StructureZone[];
 } & Omit<Handlers, "onAddFirst"> & {
-    /** "+ Add section" at a boundary, or the empty zone's first slot: opens the picker there. */
+    /** "+ Add section" at the zone's end, or the empty zone's first slot: opens the picker there. */
     onAdd(zone: string, index: number, clientX: number, clientY: number): void;
-    /** The card's ⋯ entries beyond Remove; plan (c) adds Copy and the Paste entries here. */
-    cardActions?(node: TreeNode, zone: string, index: number): ActionMenuItem[];
-    /** The zone heading's ⋯ entries; plan (c) adds Paste. Absent or empty: no ⋯ on the heading. */
+    /** The zone heading's ⋯ entries (Paste). Absent or empty: no ⋯ on the heading. */
     zoneActions?(zone: string): ActionMenuItem[];
 };
-/** The card's menu: the given entries, then Remove (danger; disabled in a locked zone). */
-export declare function cardMenu({ locked, onRemove, actions }: {
-    locked: boolean;
-    onRemove(): void;
-    actions: ActionMenuItem[];
-}): ActionMenuItem[];
 export declare function StructureView({ zones, ...rest }: StructureViewProps): ReactElement;

package/dist/admin/editor/StructureView.js

@@ -8,17 +8,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // nothing here touches the tree. A card is a `div[role=button]`, not a
 // <button>: it holds the grip and the menu, and a button inside a button
 // is invalid HTML. The outline's marks carry over: broken red, orphan
-// muted, a removed zone as one row with Clear zone.
+// muted, a removed zone as one row with Clear zone. One "+ Add section"
+// per zone, at its end (revised 2026-10-20: one between every pair of
+// cards read as noise); a place in the middle is a paste or a drag.
 import { useEffect, useState } from "react";
 import { ActionMenu } from "../ui/ActionMenu.js";
 import { Button, Grip, SectionLabel, cx } from "../ui/primitives.js";
 import { useSortable } from "../ui/useSortable.js";
 import { AssetThumb } from "../forms/MediaGrid.js";
 import { useAssets } from "../forms/assets-context.js";
-/** The card's menu: the given entries, then Remove (danger; disabled in a locked zone). */
-export function cardMenu({ locked, onRemove, actions }) {
-    return [...actions, { label: "Remove", run: onRemove, danger: true, disabled: locked }];
-}
+import { cardMenu } from "./Outline.js";
+export { cardMenu };
 export function StructureView({ zones, ...rest }) {
     return (_jsx("div", { className: "sm-structure", "data-testid": "structure", children: zones.map((z) => _jsx(StructureZoneView, { ...z, ...rest }, z.zone)) }));
 }
@@ -36,12 +36,12 @@ function StructureZoneView({ zone, locked, canTake, nodes, removed, note, select
     }
     const actions = zoneActions?.(zone) ?? [];
     const add = (index) => (_jsx("span", { className: "sm-structure__slot", children: _jsxs("button", { type: "button", className: "sm-structure__add", "aria-label": `Add to ${zone}`, title: `Add to ${zone}`, onClick: (e) => { e.stopPropagation(); onAdd(zone, index, e.clientX, e.clientY); }, children: [_jsx("span", { className: "sm-structure__add-icon", "aria-hidden": "true", children: "+" }), "Add section"] }) }));
-    return (_jsxs("div", { className: "sm-structure__group", children: [_jsxs("div", { className: "sm-structure__zone", children: [_jsxs(SectionLabel, { caps: true, children: [zone, locked && " · locked"] }), actions.length > 0 && _jsx(ActionMenu, { small: true, label: "Zone actions", items: actions })] }), note && _jsx("p", { className: "sm-outline-note", children: note }), nodes.length === 0 && (_jsxs("div", { className: "sm-structure__empty", children: [_jsx("span", { children: "Empty" }), canTake && add(0)] })), nodes.length > 0 && canTake && add(0), nodes.length > 0 && (_jsx("div", { ref: sortable.containerRef, className: "sm-structure__rows", children: nodes.map(({ node, label, mark, icon, preview, global }, i) => (_jsxs("div", { className: cx("sm-structure__row", sortable.rowClass(i)), style: sortable.rowStyle(i), children: [_jsxs("div", { role: "button", tabIndex: 0, "data-testid": "structure-card", "data-node": node.id, className: cx("sm-structure__card", node.id === selectedId && "sm-structure__card--selected", locked && "sm-structure__card--locked", mark && `sm-structure__card--${mark}`), onClick: () => onSelect(node.id), onKeyDown: (e) => { if (e.key === "Enter" || e.key === " ") {
-                                e.preventDefault();
-                                onSelect(node.id);
-                            } }, children: [locked ? _jsx("span", { className: "sm-structure__gripslot", "aria-hidden": "true" }) : _jsx(Grip, { ...sortable.handleProps(i) }), _jsx("span", { className: "sm-structure__icon", "aria-hidden": "true", children: icon }), _jsxs("span", { className: "sm-structure__text", children: [_jsxs("span", { className: "sm-structure__title", children: [label, global && _jsx("span", { className: "sm-structure__badge", children: "global" })] }), global
-                                            ? _jsx("span", { className: "sm-structure__preview", children: "Global \u00B7 edited in one place" })
-                                            : preview.text !== null && _jsx("span", { className: "sm-structure__preview", children: preview.text })] }), !global && preview.image && _jsx(Thumb, { image: preview.image }), _jsx("span", { className: "sm-structure__menu", onClick: stop, onKeyDown: stopActivation, children: _jsx(ActionMenu, { small: true, label: "Section actions", items: cardMenu({ locked, onRemove: () => onRemove(node.id), actions: cardActions?.(node, zone, i) ?? [] }) }) })] }), canTake && add(i + 1)] }, node.id))) }))] }));
+    return (_jsxs("div", { className: "sm-structure__group", children: [_jsxs("div", { className: "sm-structure__zone", children: [_jsxs(SectionLabel, { caps: true, children: [zone, locked && " · locked"] }), actions.length > 0 && _jsx(ActionMenu, { small: true, label: "Zone actions", items: actions })] }), note && _jsx("p", { className: "sm-outline-note", children: note }), nodes.length === 0 && (_jsxs("div", { className: "sm-structure__empty", children: [_jsx("span", { children: "Empty" }), canTake && add(0)] })), nodes.length > 0 && (_jsx("div", { ref: sortable.containerRef, className: "sm-structure__rows", children: nodes.map(({ node, label, mark, icon, preview, global }, i) => (_jsx("div", { className: cx("sm-structure__row", sortable.rowClass(i)), style: sortable.rowStyle(i), children: _jsxs("div", { role: "button", tabIndex: 0, "data-testid": "structure-card", "data-node": node.id, className: cx("sm-structure__card", node.id === selectedId && "sm-structure__card--selected", locked && "sm-structure__card--locked", mark && `sm-structure__card--${mark}`), onClick: () => onSelect(node.id), onKeyDown: (e) => { if (e.key === "Enter" || e.key === " ") {
+                            e.preventDefault();
+                            onSelect(node.id);
+                        } }, children: [locked ? _jsx("span", { className: "sm-structure__gripslot", "aria-hidden": "true" }) : _jsx(Grip, { ...sortable.handleProps(i) }), _jsx("span", { className: "sm-structure__icon", "aria-hidden": "true", children: icon }), _jsxs("span", { className: "sm-structure__text", children: [_jsxs("span", { className: "sm-structure__title", children: [label, global && _jsx("span", { className: "sm-structure__badge", children: "global" })] }), global
+                                        ? _jsx("span", { className: "sm-structure__preview", children: "Global \u00B7 edited in one place" })
+                                        : preview.text !== null && _jsx("span", { className: "sm-structure__preview", children: preview.text })] }), !global && preview.image && _jsx(Thumb, { image: preview.image }), _jsx("span", { className: "sm-structure__menu", onClick: stop, onKeyDown: stopActivation, children: _jsx(ActionMenu, { small: true, label: "Section actions", items: cardMenu({ locked, onRemove: () => onRemove(node.id), actions: cardActions?.(node, zone, i) ?? [] }) }) })] }) }, node.id))) })), nodes.length > 0 && canTake && add(nodes.length)] }));
 }
 /** The thumbnail: the asset record fetched through the assets context (cached per shell lifetime), the box drawn at once. */
 function Thumb({ image }) {

package/dist/admin/editor/global-edit.js

@@ -102,12 +102,15 @@ export function createGlobalEdit(opts) {
         },
         flush: autosave.flush,
         async setStatus(name, status) {
-            const item = items[name];
-            if (!item)
+            if (!items[name])
                 return { ok: false, code: "not_found", message: "This item hasn't loaded yet." };
             if (!(await autosave.flush())) {
                 return { ok: false, code: "internal", message: "Couldn't save your latest changes — publish cancelled." };
             }
+            // Read the item after the flush: a save it landed replaced the record, and with it the token.
+            const item = items[name];
+            if (!item)
+                return { ok: false, code: "not_found", message: "This item hasn't loaded yet." };
             let r;
             try {
                 r = await opts.ops.globals.setStatus(name, item.locale, status, draftToken(item.record.locales[item.locale]));