@cardinali-studio/adminkit 2.2.12 → 2.2.14

package/dist/app/App.js

@@ -219,7 +219,7 @@ export function App() {
         const p = all.slice(0, i + 1).join("/") + "/";
         return { prefix: p, label: media.labelOf(p) };
     });
-    return (_jsx(ProsePages.Provider, { value: pageLinks, children: _jsxs("div", { className: "app" + (hasList(section) && !offModule ? "" : " is-two"), children: [_jsxs("nav", { className: "rail", children: [_jsxs("div", { className: "rail-brand", children: [_jsx("span", { className: "rail-brand-name", children: site().name }), _jsx("span", { className: "rail-brand-role", children: "pannello" })] }), _jsx("div", { className: "rail-nav", children: navGroups.map((g) => (_jsxs("div", { className: "rail-group", children: [g.title && _jsx("span", { className: "rail-group-title", children: g.title }), g.items.map((n) => (_jsxs("button", { className: "rail-item" + (section === n.id ? " is-on" : ""), onClick: () => go(`/${n.id}`), children: [_jsx(n.icon, {}), _jsx("span", { children: n.label }), "badge" in n && n.badge ? _jsx("span", { className: "rail-badge", children: n.badge }) : null] }, n.id)))] }, g.title ?? "top"))) }), _jsxs("div", { className: "rail-foot", children: [_jsxs("a", { className: "rail-item", href: "/", target: "_blank", rel: "noreferrer", children: [_jsx(Icon.out, {}), _jsx("span", { children: "Vedi il sito" })] }), _jsxs("button", { className: "rail-item", onClick: toggleTheme, children: [theme === "dark" ? _jsx(Icon.sun, {}) : _jsx(Icon.moon, {}), _jsx("span", { children: theme === "dark" ? "Tema chiaro" : "Tema scuro" })] }), _jsxs("button", { className: "rail-item" + (section === "settings" ? " is-on" : ""), onClick: () => go("/settings/site"), children: [_jsx(Icon.settings, {}), _jsx("span", { children: "Impostazioni" })] })] })] }), hasList(section) && !offModule && (_jsxs("div", { className: "col", children: [section === "pages" && (_jsxs(_Fragment, { children: [_jsx("div", { className: "col-head", children: list && _jsx(NewPageButton, { pages: list, onCreate: (p) => pages.update([...list, p]) }) }), _jsx("div", { className: "col-body", children: pages.error ? _jsx("p", { className: "ak-error", children: pages.error })
+    return (_jsx(ProsePages.Provider, { value: pageLinks, children: _jsxs("div", { className: "app" + (hasList(section) && !offModule ? "" : " is-two"), children: [_jsxs("nav", { className: "rail", children: [_jsxs("div", { className: "rail-brand", children: [_jsx("span", { className: "rail-brand-name", children: site().name }), _jsx("span", { className: "rail-brand-role", children: "pannello" })] }), _jsx("div", { className: "rail-nav", children: navGroups.map((g) => (_jsxs("div", { className: "rail-group", children: [g.title && _jsx("span", { className: "rail-group-title", children: g.title }), g.items.map((n) => (_jsxs("button", { className: "rail-item" + (section === n.id ? " is-on" : ""), disabled: section === "media" && media.mutating, onClick: () => go(`/${n.id}`), children: [_jsx(n.icon, {}), _jsx("span", { children: n.label }), "badge" in n && n.badge ? _jsx("span", { className: "rail-badge", children: n.badge }) : null] }, n.id)))] }, g.title ?? "top"))) }), _jsxs("div", { className: "rail-foot", children: [_jsxs("a", { className: "rail-item", href: "/", target: "_blank", rel: "noreferrer", children: [_jsx(Icon.out, {}), _jsx("span", { children: "Vedi il sito" })] }), _jsxs("button", { className: "rail-item", onClick: toggleTheme, children: [theme === "dark" ? _jsx(Icon.sun, {}) : _jsx(Icon.moon, {}), _jsx("span", { children: theme === "dark" ? "Tema chiaro" : "Tema scuro" })] }), _jsxs("button", { className: "rail-item" + (section === "settings" ? " is-on" : ""), disabled: section === "media" && media.mutating, onClick: () => go("/settings/site"), children: [_jsx(Icon.settings, {}), _jsx("span", { children: "Impostazioni" })] })] })] }), hasList(section) && !offModule && (_jsxs("div", { className: "col", children: [section === "pages" && (_jsxs(_Fragment, { children: [_jsx("div", { className: "col-head", children: list && _jsx(NewPageButton, { pages: list, onCreate: (p) => pages.update([...list, p]) }) }), _jsx("div", { className: "col-body", children: pages.error ? _jsx("p", { className: "ak-error", children: pages.error })
                                         : !list ? _jsx("p", { className: "ak-hint", children: "Carico\u2026" })
                                             : _jsx(PagesList, { pages: list, current: editing?.slug, onEdit: (slug) => go(`/pages/${slug}`), languages: languages, onChange: pages.update, onRenamed: (from, to) => {
                                                     if (editing?.slug === from)
@@ -244,7 +244,7 @@ export function App() {
                                             : deliveries.rows.length === 0 ? _jsx("p", { className: "ak-hint", children: "Nessun transfer, per ora." })
                                                 : _jsx(DeliveriesList, { rows: deliveries.rows, current: activeDeliveryId || quickSelectedId, onOpen: (id) => { setQuickSelectedId(undefined); go(`/deliveries/${id}`); } }) }), _jsxs("div", { className: "dl-col-foot", children: [deliveries.rows && _jsx(DeliveriesTotal, { rows: deliveries.rows }), _jsxs("button", { className: "col-item" + (deliverySettingsOpen ? " is-on" : ""), onClick: () => { setQuickSelectedId(undefined); go("/deliveries/settings"); }, children: [_jsx(Icon.settings, {}), _jsx("span", { children: "Impostazioni" })] })] })] })), section === "bookings" && (_jsxs(_Fragment, { children: [_jsx("div", { className: "col-head", children: _jsx("span", { className: "col-title", children: bookings.rows ? `${bookings.rows.length} appuntamenti` : "Prenotazioni" }) }), _jsx("div", { className: "col-body", children: bookings.error ? _jsx("p", { className: "ak-error", children: bookings.error })
                                         : !bookings.rows ? _jsx("p", { className: "ak-hint", children: "Carico\u2026" })
-                                            : _jsx(BookingsList, { rows: bookings.rows, current: bookingSettingsOpen ? "settings" : openBooking?.id, onOpen: (id) => go(`/bookings/${id}`), onAgenda: () => go("/bookings"), onSettings: () => go("/bookings/settings") }) })] })), section === "home" && (_jsxs(_Fragment, { children: [_jsx("div", { className: "col-head", children: _jsx("span", { className: "col-title", children: "Sezioni" }) }), _jsx("div", { className: "col-body", children: _jsx("ul", { className: "col-list", children: homeGroups.map((g) => (_jsx("li", { children: _jsx("button", { className: "col-item" + (g === homeGroup ? " is-on" : ""), onClick: () => go(`/home/${groupSlug(g)}`), children: g || "Generale" }) }, g))) }) })] })), section === "settings" && (_jsxs(_Fragment, { children: [_jsx("div", { className: "col-head", children: _jsx("span", { className: "col-title", children: "Impostazioni" }) }), _jsx("div", { className: "col-body", children: _jsxs("ul", { className: "col-list settings-list", children: [_jsx("li", { children: _jsxs("button", { className: "col-item settings-list-item" + (settingsView === "site" ? " is-on" : ""), onClick: () => go("/settings/site"), children: [_jsx("strong", { children: "Sito" }), _jsx("span", { children: "Favicon, identit\u00E0 e accesso generale." })] }) }), _jsx("li", { children: _jsxs("button", { className: "col-item settings-list-item" + (settingsView === "seo" ? " is-on" : ""), onClick: () => go("/settings/seo"), children: [_jsx("strong", { children: "SEO" }), _jsx("span", { children: "Motori di ricerca e crawler AI." })] }) })] }) })] }))] })), _jsxs("main", { className: "pane", children: [_jsxs("header", { className: "pane-head", children: [editing ? (_jsx(PageHeader, { page: editing, pages: list ?? [], onChange: replace, seoActive: seoEditing, onSeoToggle: () => go(`/pages/${editing.slug}${seoEditing ? "" : "/seo"}`), languages: languages, activeLanguage: pageLanguage, onLanguageChange: setPageLanguage })) : view === "media" && !mediaSettingsOpen ? (_jsxs("nav", { className: "pane-crumbs", "aria-label": "Percorso", children: [_jsx("button", { className: "pane-crumb" + (mediaCrumbs.length ? "" : " is-current"), onClick: () => media.go(""), children: "Senza cartella" }), mediaCrumbs.map((c, i) => (_jsxs("span", { className: "pane-crumb-part", children: [_jsx("span", { className: "pane-crumb-sep", "aria-hidden": "true", children: "\u203A" }), _jsx("button", { className: "pane-crumb" + (i === mediaCrumbs.length - 1 ? " is-current" : ""), onClick: () => media.go(c.prefix), children: c.label })] }, c.prefix)))] })) : (_jsx("h1", { className: "pane-title", children: heading })), view === "media" && !mediaSettingsOpen && _jsx("span", { className: "pane-count", children: media.shown.length }), _jsx("span", { className: "pane-spacer" }), view === "media" && !mediaSettingsOpen && (_jsx("button", { className: "ak-btn ak-btn-primary", onClick: () => media.setUploadOpen(true), children: "Carica immagini" })), saver?.notice && (_jsx("button", { className: "pane-notice", onClick: () => saver.setNotice(null), children: saver.notice })), section === "bookings" && bookings.notice && (_jsx("button", { className: "pane-notice", onClick: bookings.clearNotice, children: bookings.notice })), publish.notice && (_jsx("button", { className: "pane-notice", onClick: publish.clearNotice, children: publish.notice })), !publish.configured && publish.error && (_jsx("span", { className: "pane-notice", title: publish.error, children: publish.error })), saver && (_jsxs(_Fragment, { children: [saver.dirty && _jsx("span", { className: "pane-dot", title: "modifiche non salvate" }), _jsx("button", { className: "ak-btn", disabled: !saver.dirty || saver.saving, 
+                                            : _jsx(BookingsList, { rows: bookings.rows, current: bookingSettingsOpen ? "settings" : openBooking?.id, onOpen: (id) => go(`/bookings/${id}`), onAgenda: () => go("/bookings"), onSettings: () => go("/bookings/settings") }) })] })), section === "home" && (_jsxs(_Fragment, { children: [_jsx("div", { className: "col-head", children: _jsx("span", { className: "col-title", children: "Sezioni" }) }), _jsx("div", { className: "col-body", children: _jsx("ul", { className: "col-list", children: homeGroups.map((g) => (_jsx("li", { children: _jsx("button", { className: "col-item" + (g === homeGroup ? " is-on" : ""), onClick: () => go(`/home/${groupSlug(g)}`), children: g || "Generale" }) }, g))) }) })] })), section === "settings" && (_jsxs(_Fragment, { children: [_jsx("div", { className: "col-head", children: _jsx("span", { className: "col-title", children: "Impostazioni" }) }), _jsx("div", { className: "col-body", children: _jsxs("ul", { className: "col-list settings-list", children: [_jsx("li", { children: _jsxs("button", { className: "col-item settings-list-item" + (settingsView === "site" ? " is-on" : ""), onClick: () => go("/settings/site"), children: [_jsx("strong", { children: "Sito" }), _jsx("span", { children: "Favicon, identit\u00E0 e accesso generale." })] }) }), _jsx("li", { children: _jsxs("button", { className: "col-item settings-list-item" + (settingsView === "seo" ? " is-on" : ""), onClick: () => go("/settings/seo"), children: [_jsx("strong", { children: "SEO" }), _jsx("span", { children: "Motori di ricerca e crawler AI." })] }) })] }) })] }))] })), _jsxs("main", { className: "pane", children: [_jsxs("header", { className: "pane-head", children: [editing ? (_jsx(PageHeader, { page: editing, pages: list ?? [], onChange: replace, seoActive: seoEditing, onSeoToggle: () => go(`/pages/${editing.slug}${seoEditing ? "" : "/seo"}`), languages: languages, activeLanguage: pageLanguage, onLanguageChange: setPageLanguage })) : view === "media" && !mediaSettingsOpen ? (_jsxs("nav", { className: "pane-crumbs", "aria-label": "Percorso", children: [_jsx("button", { className: "pane-crumb" + (mediaCrumbs.length ? "" : " is-current"), disabled: media.mutating, onClick: () => media.go(""), children: "Senza cartella" }), mediaCrumbs.map((c, i) => (_jsxs("span", { className: "pane-crumb-part", children: [_jsx("span", { className: "pane-crumb-sep", "aria-hidden": "true", children: "\u203A" }), _jsx("button", { className: "pane-crumb" + (i === mediaCrumbs.length - 1 ? " is-current" : ""), disabled: media.mutating, onClick: () => media.go(c.prefix), children: c.label })] }, c.prefix)))] })) : (_jsx("h1", { className: "pane-title", children: heading })), view === "media" && !mediaSettingsOpen && _jsx("span", { className: "pane-count", children: media.shown.length }), _jsx("span", { className: "pane-spacer" }), view === "media" && !mediaSettingsOpen && (_jsx("button", { className: "ak-btn ak-btn-primary", disabled: media.busy || media.mutating, onClick: () => media.setUploadOpen(true), children: "Carica immagini" })), saver?.notice && (_jsx("button", { className: "pane-notice", onClick: () => saver.setNotice(null), children: saver.notice })), section === "bookings" && bookings.notice && (_jsx("button", { className: "pane-notice", onClick: bookings.clearNotice, children: bookings.notice })), publish.notice && (_jsx("button", { className: "pane-notice", onClick: publish.clearNotice, children: publish.notice })), !publish.configured && publish.error && (_jsx("span", { className: "pane-notice", title: publish.error, children: publish.error })), saver && (_jsxs(_Fragment, { children: [saver.dirty && _jsx("span", { className: "pane-dot", title: "modifiche non salvate" }), _jsx("button", { className: "ak-btn", disabled: !saver.dirty || saver.saving, 
                                             /* Dopo un salvataggio il conteggio delle modifiche in attesa è cambiato: senza
                                                rileggerlo, «Pubblica» comparirebbe solo al ricaricamento della pagina — cioè
                                                il pannello direbbe che non c'è niente da pubblicare subito dopo aver salvato

package/dist/app/app.css

@@ -70,6 +70,7 @@ body { margin: 0; background: var(--ak-bg); color: var(--ak-ink); font-family: v
   font: 500 13px/1.2 var(--ak-font); color: inherit;
 }
 .rail-item:hover { background: var(--ak-rail-hover); color: var(--ak-rail-ink-on); }
+.rail-item:disabled { opacity: .45; cursor: default; }
 .rail-item.is-on { background: var(--ak-rail-on); color: var(--ak-rail-ink-on); }
 .rail-item .ico { flex: none; opacity: .85; }
 .rail-item.is-on .ico { opacity: 1; }

package/dist/form/media/MediaFolders.js

@@ -44,7 +44,7 @@ export function FolderMenu({ lib, prefix, label, openTo = "left" }) {
     const [name, setName] = useState(label);
     const [side, setSide] = useState("left");
     const close = () => { setOpen(false); setRenaming(false); };
-    return (_jsxs("span", { className: "mf-actions", children: [_jsx("button", { className: "mf-more", title: "Altro", onClick: (e) => {
+    return (_jsxs("span", { className: "mf-actions", children: [_jsx("button", { className: "mf-more", title: "Altro", disabled: lib.busy || lib.mutating, onClick: (e) => {
                     e.stopPropagation();
                     if (openTo === "auto") {
                         const r = e.currentTarget.getBoundingClientRect();
@@ -53,14 +53,14 @@ export function FolderMenu({ lib, prefix, label, openTo = "left" }) {
                     setName(label);
                     setOpen((v) => !v);
                     setRenaming(false);
-                }, children: "\u2022\u2022\u2022" }), open && !renaming && (_jsxs("div", { className: `mf-menu is-${side}`, onMouseLeave: close, children: [_jsx("button", { onClick: () => setRenaming(true), children: "Rinomina\u2026" }), _jsx("button", { className: "mf-danger", onClick: () => { close(); void lib.removeFolder(prefix); }, children: "Elimina la cartella\u2026" })] })), open && renaming && (_jsxs("div", { className: `mf-menu mf-menu-form is-${side}`, children: [_jsx("input", { className: "ak-input", autoFocus: true, value: name, onChange: (e) => setName(e.target.value), onKeyDown: (e) => {
+                }, children: "\u2022\u2022\u2022" }), open && !renaming && (_jsxs("div", { className: `mf-menu is-${side}`, onMouseLeave: close, children: [_jsx("button", { disabled: lib.busy || lib.mutating, onClick: () => setRenaming(true), children: "Rinomina\u2026" }), _jsx("button", { disabled: lib.busy || lib.mutating, className: "mf-danger", onClick: () => { close(); void lib.removeFolder(prefix); }, children: "Elimina la cartella\u2026" })] })), open && renaming && (_jsxs("div", { className: `mf-menu mf-menu-form is-${side}`, children: [_jsx("input", { className: "ak-input", autoFocus: true, value: name, disabled: lib.busy || lib.mutating, onChange: (e) => setName(e.target.value), onKeyDown: (e) => {
                             if (e.key === "Escape")
                                 close();
                             if (e.key === "Enter" && name.trim()) {
                                 close();
                                 void lib.renameFolder(prefix, name);
                             }
-                        } }), _jsx("span", { className: "ak-hint", children: "Cambia anche l'indirizzo delle foto dentro. Le pagine del sito vengono aggiornate; i link scritti a mano altrove no." }), _jsxs("div", { className: "mf-menu-row", children: [_jsx("button", { className: "ak-btn ak-btn-primary", disabled: !name.trim(), onClick: () => { close(); void lib.renameFolder(prefix, name); }, children: "Rinomina" }), _jsx("button", { className: "ak-btn ak-btn-quiet", onClick: close, children: "Annulla" })] })] }))] }));
+                        } }), _jsx("span", { className: "ak-hint", children: "Cambia anche l'indirizzo delle foto dentro. Le pagine del sito vengono aggiornate; i link scritti a mano altrove no." }), _jsxs("div", { className: "mf-menu-row", children: [_jsx("button", { className: "ak-btn ak-btn-primary", disabled: lib.busy || lib.mutating || !name.trim(), onClick: () => { close(); void lib.renameFolder(prefix, name); }, children: "Rinomina" }), _jsx("button", { className: "ak-btn ak-btn-quiet", onClick: close, children: "Annulla" })] })] }))] }));
 }
 const IcoTrash = () => (_jsx("svg", { className: "mf-ico", viewBox: "0 0 16 16", width: "15", height: "15", "aria-hidden": "true", children: _jsx("path", { fill: "none", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round", strokeLinejoin: "round", d: "M3 4.5h10M6 4.5V3h4v1.5M4.5 4.5 5 13.5h6l.5-9" }) }));
 const IcoSettings = () => (_jsxs("svg", { className: "mf-ico", viewBox: "0 0 16 16", width: "15", height: "15", "aria-hidden": "true", children: [_jsx("path", { fill: "none", stroke: "currentColor", strokeWidth: "1.35", strokeLinecap: "round", strokeLinejoin: "round", d: "M6.6 2.2h2.8l.4 1.5c.4.2.8.4 1.1.7l1.5-.4 1.4 2.4-1.1 1.1v1l1.1 1.1-1.4 2.4-1.5-.4c-.3.3-.7.5-1.1.7l-.4 1.5H6.6l-.4-1.5a5 5 0 0 1-1.1-.7l-1.5.4-1.4-2.4 1.1-1.1v-1L2.2 6.4 3.6 4l1.5.4c.3-.3.7-.5 1.1-.7l.4-1.5Z" }), _jsx("circle", { cx: "8", cy: "8", r: "2", fill: "none", stroke: "currentColor", strokeWidth: "1.35" })] }));
@@ -70,7 +70,7 @@ const IcoSettings = () => (_jsxs("svg", { className: "mf-ico", viewBox: "0 0 16
 export function MediaFolders({ lib, trash, settings }) {
     const [over, setOver] = useState(null);
     const [draggingFolder, setDraggingFolder] = useState(false);
-    const canDrop = lib.mode === "manage";
+    const canDrop = lib.mode === "manage" && !lib.busy && !lib.mutating;
     /* Nel cestino non si è in nessuna cartella: senza questo, «Tutte» resterebbe accesa insieme a
        «Cestino» e la colonna indicherebbe due posti nello stesso momento. */
     const here = (p) => !trash?.active && (p === "" ? lib.prefix === "" : lib.prefix.startsWith(p));
@@ -105,7 +105,7 @@ export function MediaFolders({ lib, trash, settings }) {
             removeEventListener("drop", end);
         };
     }, [canDrop]);
-    return (_jsxs("div", { className: "mf", children: [_jsx("ul", { className: "mf-list", children: _jsx("li", { className: "mf-item mf-loose" + (here("") ? " is-on" : ""), children: _jsx("button", { className: "mf-open", onClick: () => goTo(""), children: _jsx("span", { className: "mf-name", children: "Senza cartella" }) }) }) }), _jsx("ul", { className: "mf-list", children: lib.folders.map((f) => (_jsxs("li", { 
+    return (_jsxs("div", { className: "mf", children: [_jsx("ul", { className: "mf-list", children: _jsx("li", { className: "mf-item mf-loose" + (here("") ? " is-on" : ""), children: _jsx("button", { className: "mf-open", disabled: lib.mutating, onClick: () => goTo(""), children: _jsx("span", { className: "mf-name", children: "Senza cartella" }) }) }) }), _jsx("ul", { className: "mf-list", children: lib.folders.map((f) => (_jsxs("li", { 
                     /* Accesa anche quando si è DENTRO una sua sottocartella: la colonna risponde a
                        «dove sono», e stando in food/piatti-2024/ la risposta è ancora food. */
                     className: "mf-item"
@@ -113,5 +113,5 @@ export function MediaFolders({ lib, trash, settings }) {
                         + (over === f.prefix ? " is-over" : ""), onDragOver: (e) => { if (canDrop) {
                         e.preventDefault();
                         setOver(f.prefix);
-                    } }, onDragLeave: () => setOver((p) => (p === f.prefix ? null : p)), onDrop: drop(f.prefix), children: [_jsxs("button", { className: "mf-open", onClick: () => goTo(f.prefix), children: [_jsx("span", { className: "mf-name", children: f.label || f.name }), f.count != null && _jsx("span", { className: "mf-count", children: f.count })] }), canDrop && _jsx(FolderMenu, { lib: lib, prefix: f.prefix, label: f.label || f.name })] }, f.prefix))) }), draggingFolder && (_jsx("div", { className: "mf-root-drop" + (over === "__root" ? " is-over" : ""), onDragOver: (e) => { e.preventDefault(); setOver("__root"); }, onDragLeave: () => setOver((p) => (p === "__root" ? null : p)), onDrop: drop(""), children: "Porta al primo livello" })), canDrop && (_jsx("button", { className: "ak-btn ak-btn-quiet mf-new", onClick: () => void lib.newFolder(""), children: "+ Cartella" })), trash && (_jsx("ul", { className: "mf-list mf-tail", children: _jsx("li", { className: "mf-item" + (trash.active ? " is-on" : ""), children: _jsxs("button", { className: "mf-open", onClick: trash.open, children: [_jsx(IcoTrash, {}), _jsx("span", { className: "mf-name", children: "Cestino" })] }) }) })), settings && (_jsx("ul", { className: "mf-list mf-settings-tail", children: _jsx("li", { className: "mf-item" + (settings.active ? " is-on" : ""), children: _jsxs("button", { className: "mf-open", onClick: settings.open, children: [_jsx(IcoSettings, {}), _jsx("span", { className: "mf-name", children: "Impostazioni" })] }) }) }))] }));
+                    } }, onDragLeave: () => setOver((p) => (p === f.prefix ? null : p)), onDrop: drop(f.prefix), children: [_jsxs("button", { className: "mf-open", disabled: lib.mutating, onClick: () => goTo(f.prefix), children: [_jsx("span", { className: "mf-name", children: f.label || f.name }), f.count != null && _jsx("span", { className: "mf-count", children: f.count })] }), canDrop && _jsx(FolderMenu, { lib: lib, prefix: f.prefix, label: f.label || f.name })] }, f.prefix))) }), draggingFolder && (_jsx("div", { className: "mf-root-drop" + (over === "__root" ? " is-over" : ""), onDragOver: (e) => { e.preventDefault(); setOver("__root"); }, onDragLeave: () => setOver((p) => (p === "__root" ? null : p)), onDrop: drop(""), children: "Porta al primo livello" })), canDrop && (_jsx("button", { className: "ak-btn ak-btn-quiet mf-new", disabled: lib.busy || lib.mutating, onClick: () => void lib.newFolder(""), children: "+ Cartella" })), trash && (_jsx("ul", { className: "mf-list mf-tail", children: _jsx("li", { className: "mf-item" + (trash.active ? " is-on" : ""), children: _jsxs("button", { className: "mf-open", disabled: lib.mutating, onClick: trash.open, children: [_jsx(IcoTrash, {}), _jsx("span", { className: "mf-name", children: "Cestino" })] }) }) })), settings && (_jsx("ul", { className: "mf-list mf-settings-tail", children: _jsx("li", { className: "mf-item" + (settings.active ? " is-on" : ""), children: _jsxs("button", { className: "mf-open", disabled: lib.mutating, onClick: settings.open, children: [_jsx(IcoSettings, {}), _jsx("span", { className: "mf-name", children: "Impostazioni" })] }) }) }))] }));
 }

package/dist/form/media/MediaGrid.js

@@ -23,6 +23,7 @@ import { SORT_LABELS } from "./useMediaLibrary.js";
 import { DRAG_TYPE, DRAG_FOLDERS, readDragged, FolderMenu } from "./MediaFolders.js";
 import { Lightbox } from "./Lightbox.js";
 import { UploadDialog } from "./UploadDialog.js";
+import { summarizeMediaSelection } from "./media-model.js";
 const JOURNAL_LABELS = {
     preparing: "Preparo le copie Media.",
     ready: "Media pronta: pubblica per applicare la modifica.",
@@ -49,8 +50,9 @@ function download(urls) {
 }
 function MoveMenu({ lib, keys }) {
     const [open, setOpen] = useState(false);
-    const dest = lib.folders.filter((f) => f.prefix !== lib.prefix);
-    return (_jsxs("span", { className: "mg-menu-wrap", children: [_jsx("button", { className: "mg-act", onClick: () => setOpen((v) => !v), disabled: !dest.length, children: "Sposta in\u2026" }), open && (_jsx("div", { className: "mg-menu", onMouseLeave: () => setOpen(false), children: dest.map((f) => (_jsxs("button", { onClick: () => { setOpen(false); void lib.move(keys, f.prefix); }, children: [f.label || f.name, " ", _jsx("span", { className: "mf-count", children: f.count })] }, f.prefix))) }))] }));
+    const locked = lib.busy || lib.mutating;
+    const dest = lib.folders.filter((f) => f.prefix !== lib.prefix && lib.canMoveTo(keys, f.prefix));
+    return (_jsxs("span", { className: "mg-menu-wrap", children: [_jsx("button", { className: "mg-act", onClick: () => setOpen((v) => !v), disabled: locked || !dest.length, children: "Sposta in\u2026" }), open && (_jsx("div", { className: "mg-menu", onMouseLeave: () => setOpen(false), children: dest.map((f) => (_jsxs("button", { onClick: () => { setOpen(false); void lib.move(keys, f.prefix); }, children: [f.label || f.name, " ", _jsx("span", { className: "mf-count", children: f.count })] }, f.prefix))) }))] }));
 }
 /* Una cartella dentro la griglia. Fa tre cose che un chip non poteva fare: si apre, si
  * seleziona insieme alle foto, e si trascina — dentro un'altra cartella qui, o sulla colonna di
@@ -60,7 +62,12 @@ function FolderCell({ lib, folder, manage }) {
     const [over, setOver] = useState(false);
     const on = lib.selected.has(folder.prefix);
     const name = folder.label || folder.name;
-    return (_jsxs("figure", { className: "mg-item mg-folder" + (on ? " is-on" : "") + (over ? " is-over" : ""), draggable: manage, onDragStart: (e) => {
+    const locked = lib.busy || lib.mutating;
+    return (_jsxs("figure", { className: "mg-item mg-folder" + (on ? " is-on" : "") + (over ? " is-over" : ""), draggable: manage && !locked, onDragStart: (e) => {
+            if (locked) {
+                e.preventDefault();
+                return;
+            }
             const ids = on && lib.selected.size ? [...lib.selected] : [folder.prefix];
             // Due tipi, non uno: durante il trascinamento i valori non si leggono, i tipi sì —
             // ed è così che la colonna sa di avere in mano una cartella e offre il primo livello.
@@ -77,7 +84,7 @@ function FolderCell({ lib, folder, manage }) {
            "è roba nostra": il tipo dei nostri dati non è leggibile in ogni passaggio del trascinamento,
            e un bersaglio che non si accende sembra un bersaglio che non funziona. */
         onDragOver: (e) => {
-            if (!manage || e.dataTransfer.types.includes("Files"))
+            if (!manage || locked || e.dataTransfer.types.includes("Files"))
                 return;
             /* Si accende anche quando la cartella trascinata è questa stessa: durante il
                trascinamento i valori non sono leggibili, quindi non si può sapere. Il rifiuto
@@ -86,19 +93,22 @@ function FolderCell({ lib, folder, manage }) {
             setOver(true);
         }, onDragLeave: () => setOver(false), onDrop: (e) => {
             setOver(false);
-            if (!manage)
+            if (!manage || locked)
                 return;
             const ids = readDragged(e.dataTransfer);
             if (!ids.length)
                 return; // non è roba nostra: lascia fare a chi sta sopra
             e.preventDefault();
             void lib.move(ids, folder.prefix);
-        }, children: [_jsxs("div", { className: "mg-frame", onClick: () => lib.go(folder.prefix), children: [_jsx("svg", { className: "mg-folder-ico", viewBox: "0 0 48 40", "aria-hidden": "true", children: _jsx("path", { d: "M2 8a4 4 0 0 1 4-4h12l4 5h20a4 4 0 0 1 4 4v21a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8Z" }) }), manage && (_jsx("button", { className: "mg-check", "aria-label": on ? "Deseleziona" : "Seleziona", onClick: (e) => { e.stopPropagation(); lib.toggle(folder.prefix); }, children: on ? "✓" : "" }))] }), _jsx("figcaption", { className: "mg-cap", title: name, children: name }), manage && (_jsx("span", { className: "mg-folder-menu", children: _jsx(FolderMenu, { lib: lib, prefix: folder.prefix, label: name, openTo: "auto" }) }))] }));
+        }, children: [_jsxs("div", { className: "mg-frame", onClick: () => { if (!locked)
+                    lib.go(folder.prefix); }, children: [_jsx("svg", { className: "mg-folder-ico", viewBox: "0 0 48 40", "aria-hidden": "true", children: _jsx("path", { d: "M2 8a4 4 0 0 1 4-4h12l4 5h20a4 4 0 0 1 4 4v21a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8Z" }) }), manage && (_jsx("button", { className: "mg-check", "aria-label": on ? "Deseleziona" : "Seleziona", disabled: locked, onClick: (e) => { e.stopPropagation(); lib.toggle(folder.prefix); }, children: on ? "✓" : "" }))] }), _jsx("figcaption", { className: "mg-cap", title: name, children: name }), manage && (_jsx("span", { className: "mg-folder-menu", children: _jsx(FolderMenu, { lib: lib, prefix: folder.prefix, label: name, openTo: "auto" }) }))] }));
 }
 export function MediaGrid({ lib, onPick, onCancel }) {
     const manage = lib.mode === "manage";
     const sel = lib.selected;
-    const allOn = lib.shown.length > 0 && lib.shown.every((f) => sel.has(f.key));
+    const allOn = lib.allSelected;
+    const locked = lib.busy || lib.mutating;
+    const selection = summarizeMediaSelection(sel);
     /* `dragDepth` e non un booleano: `dragenter`/`dragleave` scattano anche passando da un figlio
        all'altro, quindi con un booleano la zona si spegne mentre ci si muove sopra. Si conta. */
     const [dragDepth, setDragDepth] = useState(0);
@@ -106,8 +116,8 @@ export function MediaGrid({ lib, onPick, onCancel }) {
        zona di caricamento non c'entra. Il controllo è "NON è roba nostra" invece di "è un file":
        `types` non contiene "Files" allo stesso modo in ogni browser, e con quel controllo il
        caricamento non partiva affatto dove il nome era diverso. */
-    const external = (e) => manage && !e.dataTransfer.types.includes(DRAG_TYPE) && !e.dataTransfer.types.includes(DRAG_FOLDERS);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mg-wrap" + (dragDepth > 0 ? " is-dropping" : ""), 
+    const external = (e) => manage && !locked && !e.dataTransfer.types.includes(DRAG_TYPE) && !e.dataTransfer.types.includes(DRAG_FOLDERS);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mg-wrap" + (dragDepth > 0 ? " is-dropping" : ""), "aria-busy": lib.mutating ? "true" : "false", 
                 /* Trascinare file dal Finder sulla griglia carica, senza passare dal dialogo: è il gesto
                    più corto e va lasciato funzionare. Il dialogo serve a chi cerca un bottone.
                    La zona è ALTA QUANTO IL PANNELLO (`.mg-wrap { min-height: 100% }`): prima era alta
@@ -120,15 +130,19 @@ export function MediaGrid({ lib, onPick, onCancel }) {
                     e.preventDefault(); }, onDragLeave: (e) => { if (external(e))
                     setDragDepth((n) => Math.max(0, n - 1)); }, onDrop: (e) => {
                     setDragDepth(0);
-                    if (!manage || !e.dataTransfer.files.length)
+                    if (!manage || locked || !e.dataTransfer.files.length)
                         return;
                     e.preventDefault();
                     void lib.upload(e.dataTransfer.files);
-                }, children: [dragDepth > 0 && (_jsx("div", { className: "mg-dropzone", children: _jsxs("span", { children: ["Rilascia per caricare in ", _jsx("strong", { children: lib.prefix ? lib.labelOf(lib.prefix) : "Senza cartella" })] }) })), _jsx("header", { className: "mg-bar", children: sel.size === 0 ? (_jsxs(_Fragment, { children: [(manage || lib.multiple) && (_jsxs("label", { className: "mg-all", children: [_jsx("input", { type: "checkbox", checked: false, ref: (el) => { if (el)
-                                                el.indeterminate = false; }, onChange: () => lib.setAll(true) }), _jsx("span", { children: "Seleziona tutto" })] })), _jsx("span", { className: "ak-spacer" }), _jsxs("label", { className: "ak-hint", children: ["ordina per", " ", _jsx("select", { className: "mg-sort", value: lib.sortKey, onChange: (e) => lib.setSort(e.target.value), children: Object.entries(SORT_LABELS).map(([k, l]) => _jsx("option", { value: k, children: l }, k)) }), _jsx("button", { className: "ak-icon", onClick: lib.flipDir, title: "Inverti l'ordine", children: lib.sortDir === "asc" ? "↑" : "↓" })] })] })) : (_jsxs(_Fragment, { children: [_jsxs("label", { className: "mg-all", children: [_jsx("input", { type: "checkbox", checked: allOn, ref: (el) => { if (el)
-                                                el.indeterminate = !allOn; }, onChange: () => lib.setAll(!allOn) }), _jsxs("span", { children: [sel.size, " selezionate"] })] }), !allOn && lib.shown.length > sel.size && (_jsxs("button", { className: "mg-act is-link", onClick: () => lib.setAll(true), children: ["Seleziona tutte le ", lib.shown.length] })), manage && (_jsxs(_Fragment, { children: [lib.shown.some((f) => sel.has(f.key)) && (_jsx("button", { className: "mg-act", onClick: () => download(lib.shown.filter((f) => sel.has(f.key)).map((f) => ({ url: f.url, name: f.name }))), children: "Scarica" })), _jsx(MoveMenu, { lib: lib, keys: [...sel] }), _jsx("button", { className: "mg-act is-danger", onClick: () => void lib.remove([...sel]), children: "Elimina" })] })), _jsx("span", { className: "ak-spacer" }), _jsx("button", { className: "mg-act", onClick: () => lib.setAll(false), children: "Deseleziona" })] })) }), lib.error && _jsx("p", { className: "ak-error", onClick: lib.clearError, children: lib.error }), manage && lib.mediaOperations.length > 0 && (_jsx("section", { className: "mg-journal", "aria-live": "polite", "aria-label": "Stato operazioni Media", children: lib.mediaOperations.map((operation) => (_jsxs("div", { className: `mg-journal-row is-${operation.state}`, children: [_jsx("span", { className: "mg-journal-badge", children: operation.type === "move" ? "Spostamento" : "Eliminazione" }), _jsx("span", { children: JOURNAL_LABELS[operation.state] ?? "Operazione Media in attesa." }), operation.failedEntries > 0 && _jsxs("span", { className: "ak-hint", children: [operation.failedEntries, " file da riprovare"] }), _jsx("span", { className: "ak-spacer" }), operation.state === "completed_with_warning" && operation.releaseId && (_jsx("button", { className: "mg-act", disabled: lib.busy, onClick: () => void lib.resumeMedia(operation), children: "Riprendi" })), ["preparing", "ready", "blocked_in_use", "failed"].includes(operation.state) && !operation.releaseId && (_jsx("button", { className: "mg-act is-danger", disabled: lib.busy, onClick: () => void lib.cancelMedia(operation), children: "Annulla" }))] }, operation.operationId))) })), lib.progress && (_jsxs("p", { className: "mg-progress", children: [lib.progress.verb, " ", lib.progress.done, "/", lib.progress.total, "\u2026 \u2014 non chiudere la pagina"] })), lib.prefix !== "" && (manage || lib.subfolders.length > 0) && (_jsxs("section", { className: "mg-section", children: [_jsxs("div", { className: "mg-section-head", children: [_jsx("h2", { className: "mg-section-title", children: "Cartelle" }), manage && (_jsx("button", { className: "mg-act", onClick: () => void lib.newFolder(lib.prefix), children: "+ Cartella" }))] }), lib.subfolders.length > 0 && (_jsx("div", { className: "mg", children: lib.subfolders.map((f) => (_jsx(FolderCell, { lib: lib, folder: f, manage: manage }, f.prefix))) }))] })), lib.prefix !== "" && (manage || lib.subfolders.length > 0) && lib.shown.length > 0 && (_jsx("h2", { className: "mg-section-title", children: "Foto" })), _jsx("div", { className: "mg", children: lib.shown.map((f, i) => {
+                }, children: [dragDepth > 0 && (_jsx("div", { className: "mg-dropzone", children: _jsxs("span", { children: ["Rilascia per caricare in ", _jsx("strong", { children: lib.prefix ? lib.labelOf(lib.prefix) : "Senza cartella" })] }) })), _jsx("header", { className: "mg-bar", children: sel.size === 0 ? (_jsxs(_Fragment, { children: [(manage || lib.multiple) && (_jsxs("label", { className: "mg-all", children: [_jsx("input", { type: "checkbox", checked: false, disabled: locked || !lib.selectableIds.length, ref: (el) => { if (el)
+                                                el.indeterminate = false; }, onChange: () => lib.setAll(true) }), _jsx("span", { children: "Seleziona tutto" })] })), _jsx("span", { className: "ak-spacer" }), _jsxs("label", { className: "ak-hint", children: ["ordina per", " ", _jsx("select", { className: "mg-sort", value: lib.sortKey, disabled: locked, onChange: (e) => lib.setSort(e.target.value), children: Object.entries(SORT_LABELS).map(([k, l]) => _jsx("option", { value: k, children: l }, k)) }), _jsx("button", { className: "ak-icon", disabled: locked, onClick: lib.flipDir, title: "Inverti l'ordine", children: lib.sortDir === "asc" ? "↑" : "↓" })] })] })) : (_jsxs(_Fragment, { children: [_jsxs("label", { className: "mg-all", children: [_jsx("input", { type: "checkbox", checked: allOn, disabled: locked, ref: (el) => { if (el)
+                                                el.indeterminate = lib.someSelected; }, onChange: () => lib.setAll(!allOn) }), _jsx("span", { children: selection.label })] }), !allOn && lib.selectableIds.length > 0 && (_jsxs("button", { className: "mg-act is-link", disabled: locked, onClick: () => lib.setAll(true), children: ["Seleziona tutti gli elementi (", lib.selectableIds.length, ")"] })), manage && (_jsxs(_Fragment, { children: [lib.selectedFiles.length > 0 && (_jsxs("button", { className: "mg-act", disabled: locked, onClick: () => download(lib.shown.filter((f) => sel.has(f.key)).map((f) => ({ url: f.url, name: f.name }))), children: ["Scarica ", lib.selectedFiles.length, " file"] })), _jsx(MoveMenu, { lib: lib, keys: [...sel] }), _jsx("button", { className: "mg-act is-danger", disabled: locked, onClick: () => void lib.remove([...sel]), children: "Elimina" })] })), _jsx("span", { className: "ak-spacer" }), _jsx("button", { className: "mg-act", disabled: locked, onClick: () => lib.setAll(false), children: "Deseleziona" })] })) }), lib.error && _jsx("p", { className: "ak-error", onClick: lib.clearError, children: lib.error }), manage && lib.mediaOperations.length > 0 && (_jsx("section", { className: "mg-journal", "aria-live": "polite", "aria-label": "Stato operazioni Media", children: lib.mediaOperations.map((operation) => (_jsxs("div", { className: `mg-journal-row is-${operation.state}`, children: [_jsx("span", { className: "mg-journal-badge", children: operation.type === "move" ? "Spostamento" : "Eliminazione" }), _jsx("span", { children: JOURNAL_LABELS[operation.state] ?? "Operazione Media in attesa." }), operation.failedEntries > 0 && _jsxs("span", { className: "ak-hint", children: [operation.failedEntries, " file da riprovare"] }), _jsx("span", { className: "ak-spacer" }), operation.state === "completed_with_warning" && operation.releaseId && (_jsx("button", { className: "mg-act", disabled: locked, onClick: () => void lib.resumeMedia(operation), children: "Riprendi" })), ["preparing", "ready", "blocked_in_use", "failed"].includes(operation.state) && !operation.releaseId && (_jsx("button", { className: "mg-act is-danger", disabled: locked, onClick: () => void lib.cancelMedia(operation), children: "Annulla" }))] }, operation.operationId))) })), lib.progress && (_jsxs("p", { className: "mg-progress", children: [lib.progress.verb, " ", lib.progress.done, "/", lib.progress.total, "\u2026 \u2014 non chiudere la pagina"] })), lib.prefix !== "" && (manage || lib.subfolders.length > 0) && (_jsxs("section", { className: "mg-section", children: [_jsxs("div", { className: "mg-section-head", children: [_jsx("h2", { className: "mg-section-title", children: "Cartelle" }), manage && (_jsx("button", { className: "mg-act", disabled: locked, onClick: () => void lib.newFolder(lib.prefix), children: "+ Cartella" }))] }), lib.subfolders.length > 0 && (_jsx("div", { className: "mg", children: lib.subfolders.map((f) => (_jsx(FolderCell, { lib: lib, folder: f, manage: manage }, f.prefix))) }))] })), lib.prefix !== "" && (manage || lib.subfolders.length > 0) && lib.shown.length > 0 && (_jsx("h2", { className: "mg-section-title", children: "Foto" })), _jsx("div", { className: "mg", children: lib.shown.map((f, i) => {
                             const on = sel.has(f.key);
-                            return (_jsxs("figure", { className: "mg-item" + (on ? " is-on" : ""), draggable: manage, onDragStart: (e) => {
+                            return (_jsxs("figure", { className: "mg-item" + (on ? " is-on" : ""), draggable: manage && !locked, onDragStart: (e) => {
+                                    if (locked) {
+                                        e.preventDefault();
+                                        return;
+                                    }
                                     // Si trascina la SELEZIONE se la foto ne fa parte, altrimenti solo quella.
                                     const ids = on && sel.size ? [...sel] : [f.key];
                                     const files = ids.filter((i) => !i.endsWith("/"));
@@ -138,11 +152,12 @@ export function MediaGrid({ lib, onPick, onCancel }) {
                                     if (dirs.length)
                                         e.dataTransfer.setData(DRAG_FOLDERS, JSON.stringify(dirs));
                                     e.dataTransfer.effectAllowed = "move";
-                                }, children: [_jsxs("div", { className: "mg-frame", onClick: () => (manage ? lib.view(i) : lib.toggle(f.key)), children: [_jsx("img", { className: "mg-img", src: f.url, alt: "", loading: "lazy", 
+                                }, children: [_jsxs("div", { className: "mg-frame", onClick: () => { if (!locked)
+                                            (manage ? lib.view(i) : lib.toggle(f.key)); }, children: [_jsx("img", { className: "mg-img", src: f.url, alt: "", loading: "lazy", 
                                                 /* Il rapporto è noto prima che l'immagine arrivi (lo dà l'elenco): la cella
                                                    riserva subito l'ingombro giusto e la griglia non salta mentre si carica. */
-                                                style: { aspectRatio: f.w && f.h ? `${f.w} / ${f.h}` : "3 / 2" } }), _jsx("button", { className: "mg-check", "aria-label": on ? "Deseleziona" : "Seleziona", onClick: (e) => { e.stopPropagation(); lib.toggle(f.key); }, children: on ? "✓" : "" })] }), _jsx("figcaption", { className: "mg-cap", title: f.name, children: f.name })] }, f.key));
+                                                style: { aspectRatio: f.w && f.h ? `${f.w} / ${f.h}` : "3 / 2" } }), _jsx("button", { className: "mg-check", "aria-label": on ? "Deseleziona" : "Seleziona", disabled: locked, onClick: (e) => { e.stopPropagation(); lib.toggle(f.key); }, children: on ? "✓" : "" })] }), _jsx("figcaption", { className: "mg-cap", title: f.name, children: f.name })] }, f.key));
                         }) }), !lib.busy && lib.shown.length === 0 && (_jsx("p", { className: "ak-hint", children: lib.prefix === "" && lib.folders.length
                             ? "Nessuna foto fuori dalle cartelle. Scegline una qui a fianco."
-                            : "Nessun file qui." })), lib.mode === "pick" && (_jsxs("footer", { className: "mg-foot", children: [_jsxs("span", { className: "ak-hint", children: [sel.size, " selezionate"] }), _jsx("span", { className: "ak-spacer" }), _jsx("button", { className: "ak-btn ak-btn-quiet", onClick: () => onCancel?.(), children: "Annulla" }), _jsxs("button", { className: "ak-btn ak-btn-primary", disabled: !sel.size, onClick: () => onPick?.(lib.shown.filter((f) => sel.has(f.key))), children: ["Usa ", sel.size > 0 ? `(${sel.size})` : ""] })] }))] }), _jsx(Lightbox, { lib: lib }), manage && _jsx(UploadDialog, { lib: lib })] }));
+                            : "Nessun file qui." })), lib.mode === "pick" && (_jsxs("footer", { className: "mg-foot", children: [_jsxs("span", { className: "ak-hint", children: [sel.size, " selezionate"] }), _jsx("span", { className: "ak-spacer" }), _jsx("button", { className: "ak-btn ak-btn-quiet", disabled: locked, onClick: () => onCancel?.(), children: "Annulla" }), _jsxs("button", { className: "ak-btn ak-btn-primary", disabled: locked || !sel.size, onClick: () => onPick?.(lib.shown.filter((f) => sel.has(f.key))), children: ["Usa ", sel.size > 0 ? `(${sel.size})` : ""] })] }))] }), _jsx(Lightbox, { lib: lib }), manage && _jsx(UploadDialog, { lib: lib })] }));
 }

package/dist/form/media/UploadDialog.js

@@ -15,23 +15,29 @@ export function UploadDialog({ lib }) {
     if (!lib.uploadOpen)
         return null;
     const send = async (list) => {
-        if (!list || !list.length)
+        if (lib.mutating || !list || !list.length)
             return;
         // `upload` dice se sono passati tutti. Guardare `lib.error` da qui non funzionerebbe: è il
         // valore catturato prima del render, quindi sarebbe sempre uguale a sé stesso.
         if (await lib.upload(list))
             lib.setUploadOpen(false);
     };
-    return (_jsx("div", { className: "up", onClick: (e) => { if (e.target === e.currentTarget)
-            lib.setUploadOpen(false); }, children: _jsxs("div", { className: "up-panel", children: [_jsx("button", { className: "up-close", onClick: () => lib.setUploadOpen(false), "aria-label": "Chiudi", children: "\u00D7" }), _jsxs("div", { className: "up-drop" + (over ? " is-over" : ""), 
+    return (_jsx("div", { className: "up", onClick: (e) => { if (!lib.mutating && e.target === e.currentTarget)
+            lib.setUploadOpen(false); }, children: _jsxs("div", { className: "up-panel", children: [_jsx("button", { className: "up-close", disabled: lib.mutating, onClick: () => lib.setUploadOpen(false), "aria-label": "Chiudi", children: "\u00D7" }), _jsxs("div", { className: "up-drop" + (over ? " is-over" : ""), 
                     /* `stopPropagation` oltre a `preventDefault`: il dialogo è una sovrapposizione, ma
                        per React resta un nodo dell'albero e l'evento continuerebbe a salire. Oggi sopra
                        non c'è più nessuna zona di rilascio (il dialogo è fuori da `.mg-wrap`), e questa
                        riga serve a che non torni a essercene una senza che nessuno se ne accorga. */
-                    onDragOver: (e) => { e.preventDefault(); e.stopPropagation(); setOver(true); }, onDragLeave: () => setOver(false), onDrop: (e) => {
+                    onDragOver: (e) => { if (!lib.mutating) {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        setOver(true);
+                    } }, onDragLeave: () => setOver(false), onDrop: (e) => {
+                        if (lib.mutating)
+                            return;
                         e.preventDefault();
                         e.stopPropagation();
                         setOver(false);
                         void send(e.dataTransfer.files);
-                    }, children: [_jsxs("svg", { className: "up-cloud", viewBox: "0 0 48 32", width: "56", height: "38", "aria-hidden": "true", children: [_jsx("path", { fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round", d: "M38 30a9 9 0 0 0 .6-18A13 13 0 0 0 13 13.6 8 8 0 0 0 10 30" }), _jsx("path", { fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", d: "M24 30V12m-6 6 6-6 6 6" })] }), _jsx("p", { className: "up-hint", children: "Trascina qui le foto da caricare" }), _jsx("input", { ref: input, type: "file", multiple: true, accept: "image/*,video/*", hidden: true, onChange: (e) => void send(e.target.files) }), _jsx("button", { className: "ak-btn ak-btn-primary", onClick: () => input.current?.click(), children: "Scegli i file" })] }), _jsxs("p", { className: "up-dest", children: ["Finiranno in ", _jsx("strong", { children: lib.prefix ? lib.labelOf(lib.prefix) : "Senza cartella (la radice del bucket)" })] }), lib.progress && (_jsxs("p", { className: "ak-hint", children: [lib.progress.verb, " ", lib.progress.done, "/", lib.progress.total, "\u2026"] })), lib.error && _jsx("p", { className: "ak-error", children: lib.error })] }) }));
+                    }, children: [_jsxs("svg", { className: "up-cloud", viewBox: "0 0 48 32", width: "56", height: "38", "aria-hidden": "true", children: [_jsx("path", { fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round", d: "M38 30a9 9 0 0 0 .6-18A13 13 0 0 0 13 13.6 8 8 0 0 0 10 30" }), _jsx("path", { fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", d: "M24 30V12m-6 6 6-6 6 6" })] }), _jsx("p", { className: "up-hint", children: "Trascina qui le foto da caricare" }), _jsx("input", { ref: input, type: "file", multiple: true, accept: "image/*,video/*", hidden: true, disabled: lib.mutating, onChange: (e) => void send(e.target.files) }), _jsx("button", { className: "ak-btn ak-btn-primary", disabled: lib.mutating, onClick: () => input.current?.click(), children: "Scegli i file" })] }), _jsxs("p", { className: "up-dest", children: ["Finiranno in ", _jsx("strong", { children: lib.prefix ? lib.labelOf(lib.prefix) : "Senza cartella (la radice del bucket)" })] }), lib.progress && (_jsxs("p", { className: "ak-hint", children: [lib.progress.verb, " ", lib.progress.done, "/", lib.progress.total, "\u2026"] })), lib.error && _jsx("p", { className: "ak-error", children: lib.error })] }) }));
 }

package/dist/form/media/media-model.d.ts

@@ -0,0 +1,41 @@
+import type { AssetFile, AssetFolder } from "../../api.js";
+export type MediaSelectionKind = "file" | "folder";
+export interface MediaSelectableItem {
+    id: string;
+    kind: MediaSelectionKind;
+}
+export interface MediaSelectionSummary {
+    files: string[];
+    folders: string[];
+    total: number;
+    label: string;
+}
+/** L'unico dominio su cui "Seleziona tutto" e la relativa checkbox possono ragionare. */
+export declare function mediaSelectableItems({ mode, prefix, shown, subfolders, }: {
+    mode: "manage" | "pick";
+    prefix: string;
+    shown: Pick<AssetFile, "key">[];
+    subfolders: Pick<AssetFolder, "prefix">[];
+}): MediaSelectableItem[];
+export declare function mediaSelectionState(selectableIds: string[], selected: ReadonlySet<string>): {
+    selectedCount: number;
+    allSelected: boolean;
+    someSelected: boolean;
+};
+export declare function summarizeMediaSelection(ids: Iterable<string>): MediaSelectionSummary;
+/**
+ * Deduplica la selezione e rimuove discendenti già coperti da una cartella selezionata.
+ * L'ordine delle cartelle va dalla più esterna alla più interna per rendere il risultato stabile.
+ */
+export declare function normalizeMediaSelection(ids: Iterable<string>): {
+    files: string[];
+    folders: string[];
+    ids: string[];
+};
+export declare function invalidMediaMoveReason(ids: Iterable<string>, destination: string): string | null;
+export declare function isValidMediaMoveDestination(ids: Iterable<string>, destination: string): boolean;
+export declare function mediaFolderSlug(name: string): string;
+/** Guardia sincrona condivisibile con una ref React; il secondo avvio perde immediatamente. */
+export declare function tryBeginMediaMutation(lock: {
+    current: boolean;
+}): boolean;

package/dist/form/media/media-model.js

@@ -0,0 +1,78 @@
+/** L'unico dominio su cui "Seleziona tutto" e la relativa checkbox possono ragionare. */
+export function mediaSelectableItems({ mode, prefix, shown, subfolders, }) {
+    const visibleFolders = mode === "manage" && prefix !== ""
+        ? subfolders.map((folder) => ({ id: folder.prefix, kind: "folder" }))
+        : [];
+    return [
+        ...visibleFolders,
+        ...shown.map((file) => ({ id: file.key, kind: "file" })),
+    ];
+}
+export function mediaSelectionState(selectableIds, selected) {
+    const selectedCount = selectableIds.reduce((count, id) => count + Number(selected.has(id)), 0);
+    return {
+        selectedCount,
+        allSelected: selectableIds.length > 0 && selectedCount === selectableIds.length,
+        someSelected: selectedCount > 0 && selectedCount < selectableIds.length,
+    };
+}
+export function summarizeMediaSelection(ids) {
+    const unique = [...new Set(ids)];
+    const files = unique.filter((id) => !id.endsWith("/"));
+    const folders = unique.filter((id) => id.endsWith("/"));
+    const parts = [
+        files.length ? `${files.length} file` : "",
+        folders.length ? `${folders.length} ${folders.length === 1 ? "cartella" : "cartelle"}` : "",
+    ].filter(Boolean);
+    const agreement = folders.length && !files.length
+        ? (folders.length === 1 ? "selezionata" : "selezionate")
+        : (unique.length === 1 ? "selezionato" : "selezionati");
+    return {
+        files,
+        folders,
+        total: unique.length,
+        label: `${parts.join(" e ")} ${agreement}`,
+    };
+}
+/**
+ * Deduplica la selezione e rimuove discendenti già coperti da una cartella selezionata.
+ * L'ordine delle cartelle va dalla più esterna alla più interna per rendere il risultato stabile.
+ */
+export function normalizeMediaSelection(ids) {
+    const unique = [...new Set(ids)].filter((id) => typeof id === "string" && id.length > 0);
+    const folders = unique.filter((id) => id.endsWith("/")).sort((a, b) => a.length - b.length || a.localeCompare(b));
+    const roots = [];
+    for (const folder of folders) {
+        if (!roots.some((root) => folder.startsWith(root)))
+            roots.push(folder);
+    }
+    const files = unique
+        .filter((id) => !id.endsWith("/") && !roots.some((root) => id.startsWith(root)))
+        .sort();
+    return { files, folders: roots, ids: [...roots, ...files] };
+}
+export function invalidMediaMoveReason(ids, destination) {
+    const { folders } = normalizeMediaSelection(ids);
+    for (const source of folders) {
+        if (destination === source) {
+            return `La destinazione «${source}» coincide con una cartella selezionata.`;
+        }
+        if (destination.startsWith(source)) {
+            return `La destinazione «${destination}» si trova dentro la cartella selezionata «${source}».`;
+        }
+    }
+    return null;
+}
+export function isValidMediaMoveDestination(ids, destination) {
+    return invalidMediaMoveReason(ids, destination) === null;
+}
+export function mediaFolderSlug(name) {
+    return name.trim().toLowerCase().replace(/[^a-z0-9._-]+/g, "-").replace(/^-+|-+$/g, "");
+}
+/** Guardia sincrona condivisibile con una ref React; il secondo avvio perde immediatamente. */
+export function tryBeginMediaMutation(lock) {
+    if (lock.current)
+        return false;
+    lock.current = true;
+    return true;
+}

package/dist/form/media/media-move.d.ts

@@ -0,0 +1,48 @@
+import type { AssetFile, AssetFolder } from "../../api.js";
+export interface PlannedFolderMove {
+    source: string;
+    name: string;
+    target: string;
+    files: AssetFile[];
+    folders: AssetFolder[];
+}
+export interface MediaMovePlan {
+    directFiles: string[];
+    folders: PlannedFolderMove[];
+    totalFiles: number;
+}
+interface MoveResult {
+    moved?: number;
+    urlMap?: Record<string, string>;
+    failed?: {
+        key: string;
+        error: string;
+    }[];
+}
+export interface MediaMoveExecutor {
+    createFolder(parent: string, name: string, opts: {
+        label: string;
+    }): Promise<{
+        prefix: string;
+        exists?: boolean;
+    }>;
+    move(keys: string[], destination: string): Promise<MoveResult>;
+    applyReferences(urlMap: Record<string, string>): Promise<{
+        failed?: {
+            key: string;
+            error: string;
+        }[];
+    }>;
+    removeSourceFolders(prefixes: string[]): Promise<void>;
+}
+export declare function mediaMoveNeedsConfirmation(plan: MediaMovePlan, multiFileThreshold?: number): boolean;
+export declare function mediaMoveConfirmation(plan: MediaMovePlan, destinationLabel: string): string;
+/**
+ * Esegue un piano già validato. Al primo errore non avvia altri gruppi né applica i riferimenti;
+ * le copie riuscite restano duplicati sicuri e gli originali restano disponibili.
+ */
+export declare function executeMediaMovePlan(plan: MediaMovePlan, destination: string, executor: MediaMoveExecutor, onProgress: (done: number, total: number) => void, chunkSize?: number): Promise<{
+    completed: number;
+    total: number;
+}>;
+export {};

package/dist/form/media/media-move.js

@@ -0,0 +1,92 @@
+export function mediaMoveNeedsConfirmation(plan, multiFileThreshold = 2) {
+    return plan.folders.length > 0 || plan.directFiles.length >= multiFileThreshold;
+}
+export function mediaMoveConfirmation(plan, destinationLabel) {
+    const selectedParts = [
+        plan.directFiles.length
+            ? `${plan.directFiles.length} file ${plan.directFiles.length === 1 ? "selezionato direttamente" : "selezionati direttamente"}`
+            : "",
+        plan.folders.length ? `${plan.folders.length} ${plan.folders.length === 1 ? "cartella" : "cartelle"}` : "",
+    ].filter(Boolean).join(" e ");
+    return `Stai per spostare ${selectedParts} in ${destinationLabel}.\n\n`
+        + `File complessivi coinvolti, inclusi i discendenti: ${plan.totalFiles}.\n\n`
+        + "Gli indirizzi pubblici cambieranno e i riferimenti gestiti verranno aggiornati. Continuare?";
+}
+/**
+ * Esegue un piano già validato. Al primo errore non avvia altri gruppi né applica i riferimenti;
+ * le copie riuscite restano duplicati sicuri e gli originali restano disponibili.
+ */
+export async function executeMediaMovePlan(plan, destination, executor, onProgress, chunkSize = 10) {
+    for (const folder of plan.folders) {
+        const created = await executor.createFolder(destination, folder.name, { label: folder.name });
+        if (created.exists || created.prefix !== folder.target) {
+            throw new Error(`La destinazione della cartella «${folder.name}» non è più disponibile.`);
+        }
+        for (const sub of [...folder.folders].sort((a, b) => a.prefix.length - b.prefix.length)) {
+            const rel = sub.prefix.slice(folder.source.length);
+            const subName = rel.replace(/\/$/, "").split("/").pop();
+            await executor.createFolder(folder.target + rel.replace(/[^/]+\/$/, ""), sub.label || subName, {
+                label: sub.label || subName,
+            });
+        }
+    }
+    const transfers = [];
+    for (const folder of plan.folders) {
+        const byDir = new Map();
+        for (const file of folder.files) {
+            const rel = file.key.slice(folder.source.length);
+            const cut = rel.lastIndexOf("/");
+            const dir = cut >= 0 ? rel.slice(0, cut + 1) : "";
+            const keys = byDir.get(dir) ?? [];
+            keys.push(file.key);
+            byDir.set(dir, keys);
+        }
+        for (const [dir, keys] of byDir)
+            transfers.push({ keys, destination: folder.target + dir });
+    }
+    if (plan.directFiles.length)
+        transfers.push({ keys: plan.directFiles, destination });
+    let done = 0;
+    const urlMap = {};
+    onProgress(done, plan.totalFiles);
+    for (const transfer of transfers) {
+        for (let i = 0; i < transfer.keys.length; i += chunkSize) {
+            const group = transfer.keys.slice(i, i + chunkSize);
+            let result;
+            try {
+                result = await executor.move(group, transfer.destination);
+            }
+            catch (error) {
+                const notStarted = Math.max(0, plan.totalFiles - done - group.length);
+                throw new Error(`Spostamento interrotto: ${done} file copiati, ${group.length} con esito non confermato, ${notStarted} non iniziati. `
+                    + `Gli originali sono stati conservati. Dettaglio: ${error instanceof Error ? error.message : String(error)}`);
+            }
+            Object.assign(urlMap, result.urlMap ?? {});
+            done += result.moved ?? 0;
+            onProgress(done, plan.totalFiles);
+            if (result.failed?.length || (result.moved ?? 0) !== group.length) {
+                const failed = result.failed?.length ?? group.length - (result.moved ?? 0);
+                const notStarted = Math.max(0, plan.totalFiles - done - failed);
+                throw new Error(`Spostamento interrotto: ${done} file copiati, ${failed} falliti, ${notStarted} non iniziati. `
+                    + "Gli originali sono stati conservati; le copie già create possono restare come duplicati.");
+            }
+        }
+    }
+    if (Object.keys(urlMap).length) {
+        let applied;
+        try {
+            applied = await executor.applyReferences(urlMap);
+        }
+        catch (error) {
+            throw new Error(`Tutte le ${done} copie sono state create, ma i riferimenti non sono stati applicati. `
+                + `Gli originali sono stati conservati e le copie possono restare come duplicati. Dettaglio: ${error instanceof Error ? error.message : String(error)}`);
+        }
+        if (applied.failed?.length) {
+            throw new Error(`Spostamento applicato con ${applied.failed.length} originali rimasti come duplicati.`);
+        }
+    }
+    if (plan.folders.length) {
+        await executor.removeSourceFolders(plan.folders.map((folder) => folder.source));
+    }
+    return { completed: done, total: plan.totalFiles };
+}

package/dist/form/media/useMediaLibrary.d.ts

@@ -1,5 +1,6 @@
 import { type AssetFile, type AssetFolder } from "../../api.js";
 import type { MediaOperationStatus } from "../../media.js";
+export type MediaOperationState = "idle" | "planning" | "awaiting_confirmation" | "moving" | "deleting" | "renaming" | "creating_folder" | "journal";
 export type SortKey = "uploaded" | "capturedAt" | "name" | "size";
 export declare const SORT_LABELS: Record<SortKey, string>;
 export interface MediaLibrary {
@@ -10,7 +11,14 @@ export interface MediaLibrary {
     subfolders: AssetFolder[];
     shown: AssetFile[];
     selected: Set<string>;
+    selectableIds: string[];
+    selectedFiles: string[];
+    selectedFolders: string[];
+    allSelected: boolean;
+    someSelected: boolean;
     busy: boolean;
+    mutating: boolean;
+    operationState: MediaOperationState;
     error: string | null;
     mediaOperations: MediaOperationStatus[];
     /** Avanzamento di un'operazione lunga. `verb` è quello che si sta facendo ("Carico",
@@ -41,6 +49,7 @@ export interface MediaLibrary {
     step(delta: number): void;
     /** File e cartelle insieme: una cartella si riconosce dalla chiave, che finisce con "/". */
     move(ids: string[], dest: string): Promise<void>;
+    canMoveTo(ids: string[], dest: string): boolean;
     remove(ids: string[]): Promise<void>;
     /** `parent` esplicito: chi preme il pulsante sa dove sta creando, il pulsante non lo indovina. */
     newFolder(parent: string): Promise<void>;

package/dist/form/media/useMediaLibrary.js

@@ -13,11 +13,14 @@ import { api, ApiError } from "../../api.js";
 import { storageKey } from "../../config.js";
 import { contentPersistenceMode } from "../../app/site.js";
 import { startMediaUpload, useMediaUploadCompletions } from "./media-upload-queue.js";
+import { invalidMediaMoveReason, isValidMediaMoveDestination, mediaFolderSlug, mediaSelectableItems, mediaSelectionState, normalizeMediaSelection, summarizeMediaSelection, tryBeginMediaMutation, } from "./media-model.js";
+import { executeMediaMovePlan, mediaMoveConfirmation, mediaMoveNeedsConfirmation, } from "./media-move.js";
 /* Quanti file per richiesta nelle operazioni lunghe (cestina, sposta). Ogni file costa al
  * server tre operazioni su R2 — legge, riscrive altrove, cancella — su oggetti da qualche MB.
  * Dieci tiene una richiesta sotto i pochi secondi, che è la soglia oltre la quale chi guarda
  * pensa che sia bloccato. Alzarlo fa tornare il difetto: richieste lunghe che muoiono a metà. */
 const CHUNK = 10;
+const MOVE_CONFIRM_FILE_THRESHOLD = 2;
 export const SORT_LABELS = {
     uploaded: "caricamento", capturedAt: "scatto", name: "nome", size: "peso",
 };
@@ -34,6 +37,7 @@ export function useMediaLibrary({ mode, multiple = true, active = true, remember
     const [subfolders, setSubfolders] = useState([]);
     const [selected, setSelected] = useState(new Set());
     const [busy, setBusy] = useState(false);
+    const [operationState, setOperationState] = useState("idle");
     const [loaded, setLoaded] = useState(false);
     const [error, setError] = useState(null);
     const [mediaOperations, setMediaOperations] = useState([]);
@@ -45,6 +49,20 @@ export function useMediaLibrary({ mode, multiple = true, active = true, remember
     const [settingsLoaded, setSettingsLoaded] = useState(false);
     const mediaUploadCompletions = useMediaUploadCompletions();
     const seenMediaUploadCompletions = useRef(mediaUploadCompletions);
+    /* Lo stato React disabilita la UI; la ref chiude anche la finestra nello stesso batch React,
+     * prima che il render successivo possa applicare i disabled. */
+    const mutationRef = useRef(false);
+    const mutating = operationState !== "idle";
+    const beginMutation = useCallback((state) => {
+        if (!tryBeginMediaMutation(mutationRef))
+            return false;
+        setOperationState(state);
+        return true;
+    }, []);
+    const endMutation = useCallback(() => {
+        mutationRef.current = false;
+        setOperationState("idle");
+    }, []);
     // Le preferenze di ordinamento restano dov'erano — il prefisso che il sito dichiara al
     // bootstrap ricostruisce le chiavi di prima: la memoria muscolare di chi usa il pannello
     // tutti i giorni non ha motivo di azzerarsi per una riorganizzazione dei sorgenti.
@@ -151,7 +169,9 @@ export function useMediaLibrary({ mode, multiple = true, active = true, remember
         if (!active || seenMediaUploadCompletions.current === mediaUploadCompletions)
             return;
         seenMediaUploadCompletions.current = mediaUploadCompletions;
-        if (loaded)
+        // Se nel frattempo c'è una mutazione, il suo reload finale comprende anche l'upload appena
+        // concluso. Un secondo load qui potrebbe invece cambiare busy e selezione a metà progresso.
+        if (loaded && !mutationRef.current)
             void load(prefix);
     }, [active, mediaUploadCompletions, loaded, load, prefix]);
     /* Chiudere o ricaricare mentre un'operazione è in corso la interrompe: il gruppo in volo non
@@ -172,11 +192,18 @@ export function useMediaLibrary({ mode, multiple = true, active = true, remember
             return (x < y ? -1 : x > y ? 1 : 0) * dir;
         });
     }, [files, sortKey, sortDir, mode]);
+    const selectableItems = useMemo(() => mediaSelectableItems({ mode, prefix, shown, subfolders }), [mode, prefix, shown, subfolders]);
+    const selectableIds = useMemo(() => selectableItems.map((item) => item.id), [selectableItems]);
+    const selectableIdSet = useMemo(() => new Set(selectableIds), [selectableIds]);
+    const { allSelected, someSelected } = useMemo(() => mediaSelectionState(selectableIds, selected), [selectableIds, selected]);
+    const selectionSummary = useMemo(() => summarizeMediaSelection(selected), [selected]);
     /* Aggiornamento FUNZIONALE, non `setSelected(new Set(selected))`: due click ravvicinati
      * finiscono nello stesso batch di React e leggerebbero entrambi lo stesso stato vecchio,
      * quindi il secondo cancellerebbe il primo. Con un umano che clicca piano non si vedrebbe
      * quasi mai — motivo per cui è un bug peggiore, non migliore. */
     const toggle = useCallback((key) => {
+        if (mutationRef.current || !selectableIdSet.has(key))
+            return;
         setSelected((prev) => {
             const next = new Set(prev);
             if (next.has(key))
@@ -188,17 +215,20 @@ export function useMediaLibrary({ mode, multiple = true, active = true, remember
             }
             return next;
         });
-    }, [multiple, mode]);
+    }, [multiple, mode, selectableIdSet]);
     /* «Seleziona tutto» prende anche le SOTTOCARTELLE mostrate, non solo le foto: sono lì, si
      * vedono, e sarebbe strano che «tutto» ne escludesse una parte. Nel modale di scelta no —
      * là si scelgono foto. */
     const setAll = useCallback((on) => {
+        if (mutationRef.current)
+            return;
         if (!on)
             return setSelected(new Set());
-        const ids = mode === "manage" ? subfolders.map((f) => f.prefix) : [];
-        setSelected(new Set([...ids, ...shown.map((f) => f.key)]));
-    }, [shown, subfolders, mode]);
+        setSelected(new Set(selectableIds));
+    }, [selectableIds]);
     const upload = useCallback(async (list) => {
+        if (mutationRef.current)
+            return false;
         const arr = Array.from(list);
         if (!arr.length)
             return true;
@@ -229,6 +259,8 @@ export function useMediaLibrary({ mode, multiple = true, active = true, remember
         return true;
     }, [prefix, autoWebp, settingsLoaded]);
     const setAutoWebp = useCallback(async (on) => {
+        if (mutationRef.current)
+            return;
         const previous = autoWebp;
         setAutoWebpState(on);
         setSettingsBusy(true);
@@ -264,14 +296,24 @@ export function useMediaLibrary({ mode, multiple = true, active = true, remember
         const name = prompt(`Nome della cartella${dove}`);
         if (!name || !name.trim())
             return;
+        if (!beginMutation("creating_folder"))
+            return;
+        setBusy(true);
+        let failure = null;
         try {
             await api.createFolder(parent, name.trim(), { label: name.trim() });
-            await load(prefix);
         }
         catch (e) {
-            setError(e instanceof ApiError ? e.message : String(e));
+            failure = e instanceof ApiError ? e.message : String(e);
+        }
+        finally {
+            setBusy(false);
+            await load(prefix);
+            endMutation();
+            if (failure)
+                setError(failure);
         }
-    }, [prefix, load, labelOf]);
+    }, [prefix, load, labelOf, beginMutation, endMutation]);
     /* Nella selezione convivono file e cartelle, e si riconoscono da soli: la chiave di una
      * cartella finisce con "/". Ogni operazione da qui in poi le separa in due liste. */
     const filesIn = (ids) => ids.filter((id) => !id.endsWith("/"));
@@ -294,6 +336,8 @@ export function useMediaLibrary({ mode, multiple = true, active = true, remember
     const remove = useCallback(async (ids) => {
         if (!ids.length)
             return;
+        if (!beginMutation("deleting"))
+            return;
         setBusy(true);
         // L'errore va tenuto da parte: `load` in coda azzera il messaggio, quindi va rimesso DOPO,
         // o l'operazione fallisce in silenzio e l'elenco aggiornato sembra dire che è andata bene.
@@ -371,10 +415,11 @@ export function useMediaLibrary({ mode, multiple = true, active = true, remember
             // SEMPRE, anche dopo un errore: l'elenco di prima è una bugia, perché una parte dei file
             // può essere passata davvero.
             await load(prefix);
+            endMutation();
             if (failure)
                 setError(failure);
         }
-    }, [prefix, load, labelOf]);
+    }, [prefix, load, labelOf, beginMutation, endMutation]);
     /* SPOSTARE UNA CARTELLA è spostare tutto ciò che contiene: in R2 la cartella non esiste, è un
      * pezzo di chiave. Cambia quindi l'indirizzo pubblico di ogni foto dentro, ed è per questo che
      * i riferimenti nelle pagine si riscrivono nello stesso giro — altrimenti le gallery che le
@@ -447,72 +492,96 @@ export function useMediaLibrary({ mode, multiple = true, active = true, remember
         await api.remove({ prefixes: [from] }, { skipRefs: true });
         return null;
     }, [labelOf]);
-    /* Spostare NON è solo copiare l'oggetto: la Function sposta il file dentro R2 e nello stesso
-     * giro riscrive i riferimenti /media/<vecchia> nelle pagine. Vale per i file come per le
-     * cartelle, che nella selezione stanno insieme. */
+    /* Il planning legge ed espande TUTTA la selezione prima della prima mutazione. Oltre alla
+     * relazione sorgente/destinazione controlla le collisioni già visibili e calcola il totale
+     * fisico che verrà usato sia nella conferma sia nel progresso. */
+    const planMove = useCallback(async (ids, dest) => {
+        const normalized = normalizeMediaSelection(ids);
+        const invalid = invalidMediaMoveReason(normalized.ids, dest);
+        if (invalid)
+            throw new Error(invalid);
+        if (!dest && normalized.files.length)
+            throw new Error("I file devono stare in una cartella.");
+        const directFiles = normalized.files.filter((key) => {
+            const slash = key.lastIndexOf("/");
+            return key.slice(0, slash < 0 ? 0 : slash + 1) !== dest;
+        });
+        const [destination, ...expanded] = await Promise.all([
+            normalized.folders.length ? api.assets(dest) : Promise.resolve(null),
+            ...normalized.folders.map((source) => api.assets(source, { recursive: true })),
+        ]);
+        const occupied = new Set(destination?.folders.map((folder) => folder.prefix) ?? []);
+        const plannedTargets = new Set();
+        const plannedFolders = normalized.folders.map((source, index) => {
+            const name = labelOf(source).trim();
+            const slug = mediaFolderSlug(name);
+            if (!slug)
+                throw new Error(`La cartella «${source}» non ha un nome valido.`);
+            const target = `${dest}${slug}/`;
+            if (target === source)
+                throw new Error(`La cartella «${name}» si trova già in quella posizione.`);
+            if (occupied.has(target) || plannedTargets.has(target)) {
+                throw new Error(`C'è già una cartella «${name}» nella destinazione scelta.`);
+            }
+            plannedTargets.add(target);
+            const inside = expanded[index];
+            return { source, name, target, files: inside.files ?? [], folders: inside.folders ?? [] };
+        });
+        if (!directFiles.length && !plannedFolders.length)
+            throw new Error("Nessun elemento da spostare.");
+        return {
+            directFiles,
+            folders: plannedFolders,
+            totalFiles: directFiles.length + plannedFolders.reduce((total, folder) => total + folder.files.length, 0),
+        };
+    }, [labelOf]);
+    /* Spostare NON è solo copiare l'oggetto: il batch conserva gli originali, accumula una sola
+     * mappa dei riferimenti e la applica soltanto dopo che TUTTE le copie sono riuscite. Al primo
+     * errore il ciclo si ferma: gli elementi non ancora iniziati non vengono toccati. */
     const move = useCallback(async (ids, dest) => {
-        if (!ids.length)
+        if (!ids.length || !beginMutation("planning"))
             return;
-        const keys = filesIn(ids);
-        const prefixes = foldersIn(ids);
         setBusy(true);
+        setError(null);
         let failure = null;
         try {
-            for (const p of prefixes) {
-                const err = await moveFolder(p, dest);
-                if (err)
-                    failure = err;
-            }
-            if (keys.length) {
-                // La radice non è una destinazione valida per un FILE: la Function la rifiuta, e senza
-                // questo controllo il rifiuto arriverebbe come un errore criptico a metà operazione.
-                if (!dest) {
-                    failure = "Le foto devono stare in una cartella.";
-                }
-                else {
-                    setProgress({ done: 0, total: keys.length, verb: "Sposto" });
-                    // A gruppi per la stessa ragione della cancellazione. Ogni gruppo COPIA conservando
-                    // gli originali e restituisce la mappa scelta dal server; la chiamata finale aggiorna
-                    // i riferimenti in un commit solo e soltanto dopo elimina gli originali.
-                    let done = 0;
-                    const urlMap = {};
-                    const copyFailures = [];
-                    for (let i = 0; i < keys.length; i += CHUNK) {
-                        const group = keys.slice(i, i + CHUNK);
-                        const r = await api.move(group, dest, { skipRefs: true });
-                        Object.assign(urlMap, r.urlMap ?? {});
-                        copyFailures.push(...(r.failed ?? []));
-                        done += r.moved ?? 0;
-                        setProgress({ done, total: keys.length, verb: "Sposto" });
-                    }
-                    const applied = Object.keys(urlMap).length ? await api.moveApplyRefs(urlMap) : null;
-                    const cleanupFailures = applied?.failed ?? [];
-                    if (copyFailures.length || cleanupFailures.length) {
-                        failure = [
-                            copyFailures.length ? `${copyFailures.length} file non spostati` : "",
-                            cleanupFailures.length ? `${cleanupFailures.length} originali rimasti come duplicati` : "",
-                        ].filter(Boolean).join("; ") + ".";
-                    }
-                }
+            const normalized = normalizeMediaSelection(ids);
+            const plan = await planMove(normalized.ids, dest);
+            const needsConfirmation = mediaMoveNeedsConfirmation(plan, MOVE_CONFIRM_FILE_THRESHOLD);
+            if (needsConfirmation) {
+                setOperationState("awaiting_confirmation");
+                const destination = dest ? `«${labelOf(dest)}»` : "il primo livello";
+                if (!confirm(mediaMoveConfirmation(plan, destination)))
+                    return;
             }
+            setOperationState("moving");
+            await executeMediaMovePlan(plan, dest, {
+                createFolder: (parent, name, opts) => api.createFolder(parent, name, opts),
+                move: (keys, destination) => api.move(keys, destination, { skipRefs: true }),
+                applyReferences: (urlMap) => api.moveApplyRefs(urlMap),
+                removeSourceFolders: async (prefixes) => { await api.remove({ prefixes }, { skipRefs: true }); },
+            }, (done, total) => setProgress({ done, total, verb: "Sposto" }), CHUNK);
         }
         catch (e) {
-            failure = e instanceof ApiError ? e.message : String(e);
+            failure = e instanceof Error ? e.message : String(e);
         }
         finally {
             setProgress(null);
             setBusy(false);
             await load(prefix);
+            endMutation();
             if (failure)
                 setError(failure);
         }
-    }, [prefix, load, moveFolder]);
+    }, [prefix, load, labelOf, planMove, beginMutation, endMutation]);
     /* Rinominare è spostare nello stesso posto con un nome nuovo: stessa strada, stesse cautele.
      * Se il nome nuovo dà lo stesso slug (è cambiata solo una maiuscola, o un «&»), non si sposta
      * niente e si riscrive la sola etichetta. */
     const renameFolder = useCallback(async (from, label) => {
         if (!label.trim())
             return;
+        if (!beginMutation("renaming"))
+            return;
         setBusy(true);
         let failure = null;
         try {
@@ -525,15 +594,18 @@ export function useMediaLibrary({ mode, multiple = true, active = true, remember
             setProgress(null);
             setBusy(false);
             await load(prefix);
+            endMutation();
             if (failure)
                 setError(failure);
         }
-    }, [prefix, load, moveFolder]);
+    }, [prefix, load, moveFolder, beginMutation, endMutation]);
     /** Cestina una cartella con tutto quello che contiene. È `remove` con una lista di uno. */
     const removeFolder = useCallback((target) => remove([target]), [remove]);
     const resumeMedia = useCallback(async (operation) => {
         if (!operation.releaseId)
             return;
+        if (!beginMutation("journal"))
+            return;
         setBusy(true);
         setError(null);
         let failure = null;
@@ -546,13 +618,16 @@ export function useMediaLibrary({ mode, multiple = true, active = true, remember
         finally {
             setBusy(false);
             await load(prefix);
+            endMutation();
             if (failure)
                 setError(failure);
         }
-    }, [load, prefix]);
+    }, [load, prefix, beginMutation, endMutation]);
     const cancelMedia = useCallback(async (operation) => {
         if (!confirm("Annullare questa operazione Media? Le copie già preparate resteranno disponibili nella libreria."))
             return;
+        if (!beginMutation("journal"))
+            return;
         setBusy(true);
         setError(null);
         let failure = null;
@@ -565,10 +640,11 @@ export function useMediaLibrary({ mode, multiple = true, active = true, remember
         finally {
             setBusy(false);
             await load(prefix);
+            endMutation();
             if (failure)
                 setError(failure);
         }
-    }, [load, prefix]);
+    }, [load, prefix, beginMutation, endMutation]);
     const step = useCallback((delta) => {
         setViewing((i) => {
             if (i === null)
@@ -578,19 +654,26 @@ export function useMediaLibrary({ mode, multiple = true, active = true, remember
         });
     }, [shown.length]);
     return {
-        mode, multiple, prefix, folders, subfolders, shown, selected, busy, error, mediaOperations, progress,
+        mode, multiple, prefix, folders, subfolders, shown, selected, selectableIds,
+        selectedFiles: selectionSummary.files, selectedFolders: selectionSummary.folders,
+        allSelected, someSelected, busy, mutating, operationState, error, mediaOperations, progress,
         sortKey, sortDir, uploadOpen, viewing, autoWebp, settingsBusy,
-        go: (p) => void load(p),
-        reload: () => void load(prefix),
+        go: (p) => { if (!mutationRef.current)
+            void load(p); },
+        reload: () => { if (!mutationRef.current)
+            void load(prefix); },
         toggle, setAll,
         setSort: setSortKey,
         flipDir: () => setSortDir((d) => (d === "asc" ? "desc" : "asc")),
         upload,
-        setUploadOpen,
+        setUploadOpen: (open) => { if (!open || !mutationRef.current)
+            setUploadOpen(open); },
         setAutoWebp,
         view: setViewing,
         step,
-        move, remove, newFolder, renameFolder, removeFolder, resumeMedia, cancelMedia, labelOf,
+        move,
+        canMoveTo: (ids, dest) => !mutationRef.current && isValidMediaMoveDestination(ids, dest),
+        remove, newFolder, renameFolder, removeFolder, resumeMedia, cancelMedia, labelOf,
         clearError: () => setError(null),
     };
 }

package/dist/persistence.js

@@ -304,8 +304,10 @@ export class D1ContentRepository {
             .bind(input.releaseId, input.requestChecksum, input.manifestChecksum, input.schemaPackageVersion, input.materializerVersion, input.authorSubject, input.now, state.current_release_id, ...selected.flatMap((entry) => [entry.documentId, entry.revisionId]));
         const statements = [candidate];
         for (const [documentId, revisionId] of manifest)
-            statements.push(this.db.prepare("INSERT INTO content_release_entries (release_id, document_id, revision_id) SELECT ?, ?, ? WHERE EXISTS (SELECT 1 FROM content_revisions WHERE document_id = ? AND revision_id = ?)")
-                .bind(input.releaseId, documentId, revisionId, documentId, revisionId));
+            statements.push(this.db.prepare(`INSERT INTO content_release_entries (release_id, document_id, revision_id)
+      SELECT ?, ?, ? WHERE EXISTS (SELECT 1 FROM content_releases WHERE release_id = ? AND status = 'publishing')
+        AND EXISTS (SELECT 1 FROM content_revisions WHERE document_id = ? AND revision_id = ?)`)
+                .bind(input.releaseId, documentId, revisionId, input.releaseId, documentId, revisionId));
         const results = await this.db.batch(statements);
         if (results[0]?.meta?.changes !== 1)
             throw new Error("stale_revision");
@@ -362,14 +364,22 @@ export class D1ContentRepository {
         }
         const candidateIndex = statements.length;
         statements.push(candidate);
+        /* Every dependent write is guarded by the exact candidate. D1 batches are
+         * atomic on SQL errors, but a guarded INSERT that affects zero rows is not
+         * an error: without this predicate, a busy lane made these FK inserts
+         * reference a candidate that was never created and hid the intended
+         * deployment_lane_busy conflict behind a generic persistence failure. */
         for (const [documentId, revisionId] of manifest)
-            statements.push(this.db.prepare("INSERT INTO content_release_entries (release_id, document_id, revision_id) SELECT ?, ?, ? WHERE EXISTS (SELECT 1 FROM content_revisions WHERE document_id = ? AND revision_id = ?)")
-                .bind(input.releaseId, documentId, revisionId, documentId, revisionId));
+            statements.push(this.db.prepare(`INSERT INTO content_release_entries (release_id, document_id, revision_id)
+      SELECT ?, ?, ? WHERE EXISTS (SELECT 1 FROM content_releases WHERE release_id = ? AND status = 'publishing')
+        AND EXISTS (SELECT 1 FROM content_revisions WHERE document_id = ? AND revision_id = ?)`)
+                .bind(input.releaseId, documentId, revisionId, input.releaseId, documentId, revisionId));
         if (input.siteAccessVersionId)
             statements.push(this.db.prepare(`INSERT INTO content_release_site_access (release_id, version_id)
-      SELECT ?, ? WHERE EXISTS (SELECT 1 FROM site_access_versions version JOIN site_access_state access_state ON access_state.singleton = 1
-        WHERE version.version_id = ? AND version.state IN ('draft','active') AND version.version_id IN (access_state.draft_version_id, access_state.active_version_id))`)
-                .bind(input.releaseId, input.siteAccessVersionId, input.siteAccessVersionId));
+      SELECT ?, ? WHERE EXISTS (SELECT 1 FROM content_releases WHERE release_id = ? AND status = 'publishing')
+        AND EXISTS (SELECT 1 FROM site_access_versions version JOIN site_access_state access_state ON access_state.singleton = 1
+          WHERE version.version_id = ? AND version.state IN ('draft','active') AND version.version_id IN (access_state.draft_version_id, access_state.active_version_id))`)
+                .bind(input.releaseId, input.siteAccessVersionId, input.releaseId, input.siteAccessVersionId));
         for (const operationId of mediaOperationIds) {
             /* `instr` is intentionally evaluated against the frozen release entries,
              * not drafts or a mutable current pointer. A URL is JSON-escaped neither
@@ -384,8 +394,9 @@ export class D1ContentRepository {
               AND revision.payload_json IS NOT NULL AND instr(revision.payload_json, '/media/' || source.source_key) > 0)`)
                 .bind(input.now, operationId, input.releaseId));
             statements.push(this.db.prepare(`INSERT INTO content_release_media_operations (release_id, operation_id)
-        SELECT ?, ? WHERE EXISTS (SELECT 1 FROM media_operations WHERE operation_id = ? AND state = 'bound')`)
-                .bind(input.releaseId, operationId, operationId));
+        SELECT ?, ? WHERE EXISTS (SELECT 1 FROM content_releases WHERE release_id = ? AND status = 'publishing')
+          AND EXISTS (SELECT 1 FROM media_operations WHERE operation_id = ? AND state = 'bound')`)
+                .bind(input.releaseId, operationId, input.releaseId, operationId));
         }
         statements.push(this.db.prepare(`INSERT INTO production_deployment_attempts
       (attempt_id, intent_kind, requested_release_id, requested_code_sha, code_sha, release_id, expected_fingerprint, phase, active_slot, created_at, updated_at)

package/dist/theme.css

@@ -262,6 +262,7 @@ a.ak-btn { text-decoration: none; display: inline-flex; align-items: center; }
   border: 0; background: transparent; cursor: pointer;
   padding: 8px 10px; font: 500 13px/1.3 var(--ak-font); color: var(--ak-ink);
 }
+.mf-open:disabled { opacity: .5; cursor: default; }
 .mf-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .mf-count { font: 400 var(--ak-fs-small)/1 var(--ak-font); color: var(--ak-ink-quiet); font-variant-numeric: tabular-nums; }
 .mf-item:hover { background: var(--ak-hover); }
@@ -303,6 +304,7 @@ a.ak-btn { text-decoration: none; display: inline-flex; align-items: center; }
 }
 .mf-item:hover .mf-more, .mf-item.is-on .mf-more, .mf-more:focus-visible { opacity: 1; }
 .mf-more:hover { background: var(--ak-bg); color: var(--ak-ink); }
+.mf-more:disabled, .mf-menu > button:disabled { opacity: .5; cursor: default; }
 .mf-menu {
   position: absolute; top: calc(100% + 2px); z-index: 30;
   min-width: 200px; padding: 4px; display: flex; flex-direction: column; gap: 1px;
@@ -335,6 +337,7 @@ a.ak-btn { text-decoration: none; display: inline-flex; align-items: center; }
 .mg-bar { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; min-height: 32px; }
 .mg-all { display: flex; align-items: center; gap: 8px; cursor: pointer; font: 500 13px/1 var(--ak-font); }
 .mg-all input { width: 15px; height: 15px; margin: 0; }
+.mg-all:has(input:disabled) { opacity: .5; cursor: default; }
 .mg-act {
   border: 0; background: transparent; cursor: pointer; padding: 4px 0;
   font: 500 13px/1 var(--ak-font); color: var(--ak-accent);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cardinali-studio/adminkit",
-  "version": "2.2.12",
+  "version": "2.2.14",
   "type": "module",
   "description": "Motore riusabile di un pannello di amministrazione per siti Hugo su Cloudflare Pages: codec del front matter guidato dallo schema, form React, libreria media su R2. NIENTE di specifico di un sito qui dentro.",
   "license": "UNLICENSED",