@cardinali-studio/adminkit 2.2.11 → 2.2.13

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,23 +53,24 @@ 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" })] }));
 /* `trash` è facoltativo perché il cestino è una ROTTA, e le rotte le conosce l'applicazione, non
  * questo componente. Sta qui in fondo, sotto «+ Cartella», perché è l'ultimo posto dove finiscono
  * le foto: nella colonna che elenca dove stanno, non in una barra da un'altra parte. */
-export function MediaFolders({ lib, trash }) {
+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));
@@ -104,7 +105,7 @@ export function MediaFolders({ lib, trash }) {
             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"
@@ -112,5 +113,5 @@ export function MediaFolders({ lib, trash }) {
                         + (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" })] }) }) }))] }));
+                    } }, 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/image-conversion.d.ts

@@ -0,0 +1,14 @@
+export declare const MEDIA_WEBP_EDGE = 2500;
+export declare const MEDIA_WEBP_QUALITY = 0.8;
+export declare function isConvertibleImage(file: File): boolean;
+export declare function webpName(name: string): string;
+export declare function fitLongEdge(width: number, height: number, edge?: number): {
+    width: number;
+    height: number;
+};
+/** La conversione canvas rimuove i metadati. Conserviamo almeno DateTimeOriginal, già usato
+ * dalla libreria per l'ordinamento per scatto, leggendo solo l'inizio del JPEG. */
+export declare function jpegCapturedAt(file: File): Promise<string | null>;
+/** I video e gli altri file non-immagine restano intatti. Retry e fallback all'originale sono
+ * responsabilità della coda: questa funzione fa un singolo tentativo e fallisce in modo netto. */
+export declare function convertMediaImage(file: File): Promise<File>;

package/dist/form/media/image-conversion.js

@@ -0,0 +1,163 @@
+/* Conversione prima dell'upload della libreria Media.
+ *
+ * Sta nel browser: il file originale non attraversa la rete e ogni worker della coda può
+ * convertire e caricare in parallelo. HEIC/HEIF è l'unica eccezione ai codec del browser e
+ * viene decodificato, solo quando serve, dal modulo dedicato caricato dinamicamente.
+ */
+export const MEDIA_WEBP_EDGE = 2500;
+export const MEDIA_WEBP_QUALITY = .8;
+const IMAGE_EXT = /\.(?:avif|bmp|gif|heic|heif|jfif|jpe?g|png|tiff?|webp)$/i;
+const HEIC_EXT = /\.(?:heic|heif)$/i;
+export function isConvertibleImage(file) {
+    return file.type.startsWith("image/") || IMAGE_EXT.test(file.name);
+}
+export function webpName(name) {
+    const base = name.replace(/\.[^./\\]+$/, "") || "immagine";
+    return `${base}.webp`;
+}
+export function fitLongEdge(width, height, edge = MEDIA_WEBP_EDGE) {
+    const scale = Math.min(1, edge / Math.max(width, height));
+    return {
+        width: Math.max(1, Math.round(width * scale)),
+        height: Math.max(1, Math.round(height * scale)),
+    };
+}
+/** La conversione canvas rimuove i metadati. Conserviamo almeno DateTimeOriginal, già usato
+ * dalla libreria per l'ordinamento per scatto, leggendo solo l'inizio del JPEG. */
+export async function jpegCapturedAt(file) {
+    if (!(file.type === "image/jpeg" || /\.(?:jpe?g|jfif)$/i.test(file.name)))
+        return null;
+    try {
+        const buffer = await file.slice(0, 512 * 1024).arrayBuffer();
+        const view = new DataView(buffer);
+        if (view.byteLength < 4 || view.getUint16(0) !== 0xffd8)
+            return null;
+        let offset = 2;
+        while (offset + 12 < view.byteLength) {
+            if (view.getUint8(offset) !== 0xff)
+                return null;
+            const marker = view.getUint8(offset + 1);
+            const length = view.getUint16(offset + 2);
+            if (marker === 0xe1) {
+                const app1 = offset + 4;
+                if (app1 + 14 >= view.byteLength || view.getUint32(app1) !== 0x45786966)
+                    return null;
+                const tiff = app1 + 6;
+                const little = view.getUint16(tiff) === 0x4949;
+                const u16 = (at) => view.getUint16(at, little);
+                const u32 = (at) => view.getUint32(at, little);
+                const ifd0 = tiff + u32(tiff + 4);
+                let exif = 0;
+                for (let i = 0, count = u16(ifd0); i < count; i++) {
+                    const entry = ifd0 + 2 + i * 12;
+                    if (u16(entry) === 0x8769) {
+                        exif = tiff + u32(entry + 8);
+                        break;
+                    }
+                }
+                if (!exif)
+                    return null;
+                for (let i = 0, count = u16(exif); i < count; i++) {
+                    const entry = exif + 2 + i * 12;
+                    if (u16(entry) !== 0x9003)
+                        continue;
+                    const start = tiff + u32(entry + 8);
+                    let raw = "";
+                    for (let j = 0; j < 19 && start + j < view.byteLength; j++)
+                        raw += String.fromCharCode(view.getUint8(start + j));
+                    const match = raw.match(/^(\d{4}):(\d{2}):(\d{2}) (\d{2}):(\d{2}):(\d{2})/);
+                    return match ? `${match[1]}-${match[2]}-${match[3]}T${match[4]}:${match[5]}:${match[6]}` : null;
+                }
+                return null;
+            }
+            if (marker === 0xda || length < 2)
+                return null;
+            offset += 2 + length;
+        }
+    }
+    catch { /* metadati assenti o corrotti: non impediscono una conversione valida */ }
+    return null;
+}
+async function bitmapOf(file) {
+    const heic = HEIC_EXT.test(file.name) || /image\/(?:hei[cf]|heif-sequence)/i.test(file.type);
+    const options = {
+        imageOrientation: "from-image",
+        /* `none` lascerebbe i numeri del profilo sorgente senza trasformazione: disegnarli poi su
+           un canvas sRGB è il percorso classico verso colori slavati o troppo saturi. */
+        colorSpaceConversion: "default",
+        premultiplyAlpha: "default",
+    };
+    if (heic) {
+        /* Prima il codec di sistema: quando Safari/il browser sa leggere HEIC, è la strada che ha
+           accesso completo al suo profilo ICC/NCLX. Il decoder WASM è il ripiego interoperabile. */
+        try {
+            return await createImageBitmap(file, options);
+        }
+        catch { /* HEIC non supportato nativamente */ }
+        /* La variante CSP non usa `unsafe-eval`, vietato normalmente dall'admin. Il chunk grande
+           del decoder non entra nel caricamento iniziale: viene scaricato soltanto al primo HEIC. */
+        const { heicTo } = await import("heic-to/csp");
+        return heicTo({ blob: file, type: "bitmap", options });
+    }
+    return createImageBitmap(file, options);
+}
+async function drawWebp(bitmap, width, height) {
+    if (typeof OffscreenCanvas !== "undefined") {
+        const canvas = new OffscreenCanvas(width, height);
+        /* Il WebP generato dal canvas normalmente non porta con sé il profilo sorgente. Rendendo
+           esplicitamente in sRGB, i pixel sono già corretti; la specifica WebP prescrive sRGB
+           quando ICCP manca. Non copiamo l'ICC originale su pixel ormai convertiti. */
+        const context = canvas.getContext("2d", { alpha: true, colorSpace: "srgb" });
+        if (!context)
+            throw new Error("Canvas 2D non disponibile");
+        context.imageSmoothingEnabled = true;
+        context.imageSmoothingQuality = "high";
+        try {
+            context.drawImage(bitmap, 0, 0, width, height);
+            const blob = await canvas.convertToBlob({ type: "image/webp", quality: MEDIA_WEBP_QUALITY });
+            if (blob.type !== "image/webp")
+                throw new Error("Questo browser non supporta la codifica WebP");
+            return blob;
+        }
+        finally {
+            canvas.width = 1;
+            canvas.height = 1;
+        }
+    }
+    const canvas = document.createElement("canvas");
+    canvas.width = width;
+    canvas.height = height;
+    const context = canvas.getContext("2d", { alpha: true, colorSpace: "srgb" });
+    if (!context)
+        throw new Error("Canvas 2D non disponibile");
+    context.imageSmoothingEnabled = true;
+    context.imageSmoothingQuality = "high";
+    try {
+        context.drawImage(bitmap, 0, 0, width, height);
+        return await new Promise((resolve, reject) => canvas.toBlob((blob) => blob?.type === "image/webp"
+            ? resolve(blob)
+            : reject(new Error("Questo browser non supporta la codifica WebP")), "image/webp", MEDIA_WEBP_QUALITY));
+    }
+    finally {
+        canvas.width = 1;
+        canvas.height = 1;
+    }
+}
+/** I video e gli altri file non-immagine restano intatti. Retry e fallback all'originale sono
+ * responsabilità della coda: questa funzione fa un singolo tentativo e fallisce in modo netto. */
+export async function convertMediaImage(file) {
+    if (!isConvertibleImage(file))
+        return file;
+    const bitmap = await bitmapOf(file);
+    try {
+        const size = fitLongEdge(bitmap.width, bitmap.height);
+        const blob = await drawWebp(bitmap, size.width, size.height);
+        return new File([blob], webpName(file.name), {
+            type: "image/webp",
+            lastModified: file.lastModified,
+        });
+    }
+    finally {
+        bitmap.close();
+    }
+}

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 {};