@cardinali-studio/adminkit 2.2.15 → 2.2.16

package/dist/app/App.js

@@ -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"), 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, 
+                                            : _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.openUpload(), 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/form/media/MediaFolders.js

@@ -12,9 +12,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * stesso giro. Il bersaglio si illumina mentre ci passi sopra: senza, non si capisce se il drop
  * sta per funzionare, e uno spostamento andato a vuoto sembra un bug.
  *
- * «Tutte» accetta solo CARTELLE: è così che una sottocartella torna al primo livello. Una foto
- * no — la Function rifiuta una destinazione vuota per un file, e chi ce la lascia cadere se lo
- * sente dire invece di veder sparire il gesto nel nulla.
+ * «Senza cartella» accetta un file esterno come destinazione ESPLICITA di upload; per gli
+ * spostamenti interni continua ad accettare solo CARTELLE, perché la Function rifiuta una
+ * destinazione vuota per un file esistente.
  */
 import { useEffect, useState } from "react";
 export const DRAG_TYPE = "application/x-adminkit-keys";
@@ -70,7 +70,8 @@ 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" && !lib.busy && !lib.mutating;
+    const canMove = lib.mode === "manage" && !lib.busy && !lib.mutating;
+    const canUpload = !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));
@@ -80,19 +81,34 @@ export function MediaFolders({ lib, trash, settings }) {
         trash.leave(); lib.go(p); };
     const drop = (dest) => (e) => {
         setOver(null);
-        if (!canDrop)
+        if (canUpload && e.dataTransfer.files.length) {
+            e.preventDefault();
+            if (lib.mode === "pick")
+                lib.openUpload(e.dataTransfer.files, dest);
+            else
+                void lib.upload(e.dataTransfer.files, dest);
+            return;
+        }
+        if (!canMove)
             return;
         e.preventDefault();
         const ids = readDragged(e.dataTransfer);
         if (ids.length)
             void lib.move(ids, dest);
     };
+    const dragOver = (dest) => (e) => {
+        const files = e.dataTransfer.types.includes("Files");
+        if ((files && canUpload) || (!files && canMove)) {
+            e.preventDefault();
+            setOver(dest);
+        }
+    };
     /* Vero mentre si trascina una cartella, ovunque nella pagina. Serve a far comparire il
        bersaglio del primo livello solo in quel momento: una riga fissa «porta qui» sarebbe rumore
        per il 99% del tempo, e prima quel bersaglio non esisteva proprio — la sola via era «Tutte»,
        che nessuno poteva indovinare. */
     useEffect(() => {
-        if (!canDrop)
+        if (!canMove)
             return;
         const start = (e) => setDraggingFolder(!!e.dataTransfer?.types.includes(DRAG_FOLDERS));
         const end = () => setDraggingFolder(false);
@@ -104,14 +120,11 @@ export function MediaFolders({ lib, trash, settings }) {
             removeEventListener("dragend", end);
             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", 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", { 
+    }, [canMove]);
+    return (_jsxs("div", { className: "mf", children: [_jsx("ul", { className: "mf-list", children: _jsx("li", { className: "mf-item mf-loose" + (here("") ? " is-on" : "") + (over === "" ? " is-over" : ""), onDragOver: dragOver(""), onDragLeave: () => setOver((p) => (p === "" ? null : p)), onDrop: drop(""), 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"
                         + (here(f.prefix) ? " is-on" : "")
-                        + (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", 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" })] }) }) }))] }));
+                        + (over === f.prefix ? " is-over" : ""), onDragOver: dragOver(f.prefix), 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 })] }), canMove && _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" })), canMove && (_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

@@ -58,7 +58,7 @@ function MoveMenu({ lib, keys }) {
  * seleziona insieme alle foto, e si trascina — dentro un'altra cartella qui, o sulla colonna di
  * sinistra per riportarla al primo livello. Ed è anche un BERSAGLIO: ci si lasciano cadere foto
  * o altre cartelle. */
-function FolderCell({ lib, folder, manage }) {
+function FolderCell({ lib, folder, manage, onExternalDrop }) {
     const [over, setOver] = useState(false);
     const on = lib.selected.has(folder.prefix);
     const name = folder.label || folder.name;
@@ -84,6 +84,11 @@ 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 && !locked && e.dataTransfer.types.includes("Files")) {
+                e.preventDefault();
+                setOver(true);
+                return;
+            }
             if (!manage || locked || e.dataTransfer.types.includes("Files"))
                 return;
             /* Si accende anche quando la cartella trascinata è questa stessa: durante il
@@ -93,6 +98,13 @@ function FolderCell({ lib, folder, manage }) {
             setOver(true);
         }, onDragLeave: () => setOver(false), onDrop: (e) => {
             setOver(false);
+            if (!manage && !locked && e.dataTransfer.files.length) {
+                e.preventDefault();
+                e.stopPropagation();
+                onExternalDrop();
+                lib.openUpload(e.dataTransfer.files, folder.prefix);
+                return;
+            }
             if (!manage || locked)
                 return;
             const ids = readDragged(e.dataTransfer);
@@ -116,7 +128,7 @@ 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 && !locked && !e.dataTransfer.types.includes(DRAG_TYPE) && !e.dataTransfer.types.includes(DRAG_FOLDERS);
+    const external = (e) => !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.
@@ -130,13 +142,18 @@ 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 || locked || !e.dataTransfer.files.length)
+                    if (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, 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) => {
+                    if (manage)
+                        void lib.upload(e.dataTransfer.files);
+                    else
+                        lib.openUpload(e.dataTransfer.files);
+                }, children: [dragDepth > 0 && (_jsx("div", { className: "mg-dropzone", children: manage
+                            ? _jsxs("span", { children: ["Rilascia per caricare in ", _jsx("strong", { children: lib.prefix ? lib.labelOf(lib.prefix) : "Senza cartella" })] })
+                            : _jsx("span", { children: "Rilascia le immagini \u2014 sceglierai la cartella prima del caricamento" }) })), _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" })] })), !manage && (_jsx("button", { className: "ak-btn ak-btn-quiet mg-upload", disabled: locked, onClick: () => lib.openUpload(), children: "Carica nuove foto" })), _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.pickUploadJob?.state === "running" && (_jsxs("p", { className: "mg-progress", children: ["Nuove immagini: preparo ", lib.pickUploadJob.conversionDone, "/", lib.pickUploadJob.total, ", carico ", lib.pickUploadJob.uploadDone, "/", lib.pickUploadJob.total, "\u2026"] })), 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, onExternalDrop: () => setDragDepth(0) }, 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 && !locked, onDragStart: (e) => {
                                     if (locked) {
@@ -159,5 +176,5 @@ export function MediaGrid({ lib, onPick, onCancel }) {
                                                 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", 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 })] }));
+                            : "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 }), _jsx(UploadDialog, { lib: lib })] }));
 }

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

@@ -1,4 +1,11 @@
 import type { MediaLibrary } from "./useMediaLibrary.js";
+/** Le destinazioni che il picker può dichiarare senza inventarsi un secondo browser di
+ * cartelle: primo livello, cartella aperta e sue figlie. I duplicati spariscono mantenendo
+ * l'ordine più comprensibile. */
+export declare function uploadDestinations(lib: MediaLibrary): {
+    prefix: string;
+    label: string;
+}[];
 export declare function UploadDialog({ lib }: {
     lib: MediaLibrary;
 }): import("react").JSX.Element | null;

package/dist/form/media/UploadDialog.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* Il dialogo di caricamento.
+/* Il dialogo di caricamento, condiviso da Media e picker.
  *
  * Dice sempre DOVE finiranno le foto. Il caricamento va nella cartella che si sta guardando, e
  * senza scriverlo è una scommessa: si carica dalla vista «Tutte» e le foto atterrano nella
@@ -9,21 +9,54 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * il messaggio resta sullo schermo invece di sparire con la finestra.
  */
 import { useRef, useState } from "react";
+const UNSET = "__adminkit_unset_destination__";
+/** Le destinazioni che il picker può dichiarare senza inventarsi un secondo browser di
+ * cartelle: primo livello, cartella aperta e sue figlie. I duplicati spariscono mantenendo
+ * l'ordine più comprensibile. */
+export function uploadDestinations(lib) {
+    const out = [{ prefix: "", label: "Senza cartella" }];
+    const seen = new Set([""]);
+    const add = (prefix, label) => {
+        if (seen.has(prefix))
+            return;
+        seen.add(prefix);
+        out.push({ prefix, label });
+    };
+    for (const folder of lib.folders)
+        add(folder.prefix, folder.label || folder.name);
+    if (lib.prefix)
+        add(lib.prefix, lib.labelOf(lib.prefix));
+    for (const folder of lib.subfolders) {
+        const parent = lib.prefix ? `${lib.labelOf(lib.prefix)} › ` : "";
+        add(folder.prefix, parent + (folder.label || folder.name));
+    }
+    return out;
+}
 export function UploadDialog({ lib }) {
     const input = useRef(null);
     const [over, setOver] = useState(false);
-    if (!lib.uploadOpen)
+    const draft = lib.uploadDraft;
+    if (!draft)
         return null;
+    const picker = lib.mode === "pick";
     const send = async (list) => {
         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);
+        if (picker)
+            return lib.setUploadFiles(list);
+        /* Media conserva il gesto storico: scegliere o lasciare i file li accoda subito nella
+           cartella aperta. Nel picker restano invece in attesa finché la destinazione è esplicita. */
+        if (await lib.upload(list, draft.destination ?? lib.prefix))
+            lib.closeUpload();
+    };
+    const start = async () => {
+        if (!picker || draft.destination === null || !draft.files.length)
+            return;
+        if (await lib.upload(draft.files, draft.destination))
+            lib.closeUpload();
     };
     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" : ""), 
+            lib.closeUpload(); }, children: _jsxs("div", { className: "up-panel", children: [_jsx("button", { className: "up-close", disabled: lib.mutating, onClick: lib.closeUpload, "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
@@ -39,5 +72,11 @@ export function UploadDialog({ lib }) {
                         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, 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 })] }) }));
+                    }, 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: picker && draft.files.length
+                                ? `${draft.files.length} ${draft.files.length === 1 ? "immagine pronta" : "immagini pronte"}`
+                                : "Trascina qui le foto da caricare" }), picker && draft.files.length > 0 && (_jsxs("p", { className: "up-files", title: draft.files.map((file) => file.name).join("\n"), children: [draft.files.slice(0, 3).map((file) => file.name).join(", "), draft.files.length > 3 ? ` e altre ${draft.files.length - 3}` : ""] })), _jsx("input", { ref: input, type: "file", multiple: true, accept: picker ? "image/*" : "image/*,video/*", hidden: true, disabled: lib.mutating, onChange: (e) => {
+                                const files = Array.from(e.target.files ?? []);
+                                e.target.value = ""; // lo stesso file può essere scelto di nuovo dopo un errore
+                                void send(files);
+                            } }), _jsx("button", { className: "ak-btn ak-btn-primary", disabled: lib.mutating, onClick: () => input.current?.click(), children: picker && draft.files.length ? "Cambia i file" : "Scegli i file" })] }), picker ? (_jsxs("label", { className: "up-dest-field", children: [_jsx("span", { children: "Destinazione" }), _jsxs("select", { className: "ak-input", value: draft.destination === null ? UNSET : draft.destination, onChange: (event) => lib.setUploadDestination(event.target.value === UNSET ? null : event.target.value), children: [_jsx("option", { value: UNSET, children: "Scegli una cartella\u2026" }), uploadDestinations(lib).map((destination) => (_jsx("option", { value: destination.prefix, children: destination.label }, destination.prefix || "__root")))] }), _jsx("small", { children: "La cartella aperta o ricordata non viene usata automaticamente." })] })) : (_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 }), picker && (_jsxs("div", { className: "up-actions", children: [_jsx("button", { className: "ak-btn ak-btn-quiet", disabled: lib.mutating, onClick: lib.closeUpload, children: "Annulla" }), _jsxs("button", { className: "ak-btn ak-btn-primary", disabled: lib.mutating || !draft.files.length || draft.destination === null, onClick: () => void start(), children: ["Carica ", draft.files.length > 0 ? `(${draft.files.length})` : ""] })] }))] }) }));
 }

package/dist/form/media/media-upload-queue.d.ts

@@ -1,3 +1,4 @@
+import { type AssetFile } from "../../api.js";
 export type MediaUploadState = "running" | "done" | "failed";
 export interface MediaUploadJob {
     id: string;
@@ -12,6 +13,10 @@ export interface MediaUploadJob {
     failed: number;
     autoWebp: boolean;
     errors: string[];
+    /** I file come esistono DAVVERO nel bucket dopo conversione, naming e upload. Il picker li
+     * usa per selezionare i nuovi arrivi: non può ricostruirne l'URL dal nome originale, perché
+     * una conversione può cambiare estensione e `uniqueKey` può aggiungere un suffisso. */
+    uploaded: AssetFile[];
 }
 interface StartInput {
     prefix: string;

package/dist/form/media/media-upload-queue.js

@@ -45,7 +45,7 @@ export function startMediaUpload(input) {
     jobs = [...jobs, {
             id, title: input.title, prefix: input.prefix, state: "running", total: input.files.length,
             conversionDone: 0, uploadDone: 0, converted: 0, originals: 0, failed: 0,
-            autoWebp: input.autoWebp, errors: [],
+            autoWebp: input.autoWebp, errors: [], uploaded: [],
         }];
     emit();
     void run(id, input);
@@ -80,9 +80,9 @@ async function run(id, input) {
             if (!prepared)
                 return;
             try {
-                await uploadWithRetry(input.prefix, prepared.upload, prepared.capturedAt);
+                const uploaded = await uploadWithRetry(input.prefix, prepared.upload, prepared.capturedAt);
                 const job = current(id);
-                patch(id, { uploadDone: job.uploadDone + 1 });
+                patch(id, { uploadDone: job.uploadDone + 1, uploaded: [...job.uploaded, uploaded] });
             }
             catch (error) {
                 const job = current(id);

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";
+import { type MediaUploadJob } from "./media-upload-queue.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>;
@@ -31,7 +32,13 @@ export interface MediaLibrary {
     } | null;
     sortKey: SortKey;
     sortDir: "asc" | "desc";
-    uploadOpen: boolean;
+    uploadDraft: {
+        files: File[];
+        destination: string | null;
+    } | null;
+    /** Il job nato da QUESTO picker. Gli upload sono globali, ma solo questo va riportato qui
+     * per mostrare il progresso e selezionare i file appena arrivati. */
+    pickUploadJob: MediaUploadJob | null;
     viewing: number | null;
     autoWebp: boolean;
     settingsBusy: boolean;
@@ -41,9 +48,13 @@ export interface MediaLibrary {
     setAll(on: boolean): void;
     setSort(k: SortKey): void;
     flipDir(): void;
-    /** Vero se sono passati tutti: chi ha aperto un dialogo lo chiude solo in quel caso. */
-    upload(files: File[] | FileList): Promise<boolean>;
-    setUploadOpen(open: boolean): void;
+    /** Accoda lo STESSO lavoro usato da Media. `destination` è esplicita nel picker; in gestione
+     * il ripiego resta la cartella aperta, che è il comportamento storico. */
+    upload(files: File[] | FileList, destination?: string): Promise<string | null>;
+    openUpload(files?: File[] | FileList, destination?: string): void;
+    closeUpload(): void;
+    setUploadFiles(files: File[] | FileList): void;
+    setUploadDestination(destination: string | null): void;
     setAutoWebp(on: boolean): Promise<void>;
     view(i: number | null): void;
     step(delta: number): void;

package/dist/form/media/useMediaLibrary.js

@@ -12,7 +12,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 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 { startMediaUpload, useMediaUploadCompletions, useMediaUploads, } 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
@@ -42,12 +42,14 @@ export function useMediaLibrary({ mode, multiple = true, active = true, remember
     const [error, setError] = useState(null);
     const [mediaOperations, setMediaOperations] = useState([]);
     const [progress, setProgress] = useState(null);
-    const [uploadOpen, setUploadOpen] = useState(false);
+    const [uploadDraft, setUploadDraft] = useState(null);
+    const [pickUploadJobId, setPickUploadJobId] = useState(null);
     const [viewing, setViewing] = useState(null);
     const [autoWebp, setAutoWebpState] = useState(true);
     const [settingsBusy, setSettingsBusy] = useState(false);
     const [settingsLoaded, setSettingsLoaded] = useState(false);
     const mediaUploadCompletions = useMediaUploadCompletions();
+    const mediaUploads = useMediaUploads();
     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. */
@@ -151,8 +153,8 @@ export function useMediaLibrary({ mode, multiple = true, active = true, remember
     useEffect(() => { localStorage.setItem(storageKey("sortKey"), sortKey); localStorage.setItem(storageKey("sortDir"), sortDir); }, [sortKey, sortDir]);
     /* Questa preferenza è del SITO, non del browser: il backend la conserva nel bucket Media.
      * Finché non arriva la risposta vale il default ON, così anche i siti già esistenti hanno il
-     * nuovo comportamento senza migrazioni. Si carica solo nella vista di gestione: il picker non
-     * offre upload e non deve fare una richiesta che non userà. */
+     * nuovo comportamento senza migrazioni. In gestione si anticipa la richiesta; il picker la
+     * farà pigramente solo quando parte davvero un upload. */
     useEffect(() => {
         if (mode !== "manage" || !active || settingsLoaded)
             return;
@@ -169,11 +171,32 @@ export function useMediaLibrary({ mode, multiple = true, active = true, remember
         if (!active || seenMediaUploadCompletions.current === mediaUploadCompletions)
             return;
         seenMediaUploadCompletions.current = mediaUploadCompletions;
+        /* Il job nato da questo picker ha un effetto dedicato qui sotto: deve andare nella propria
+           destinazione e selezionare i nuovi file. Un reload generico della cartella che si stava
+           guardando correrebbe in parallelo e potrebbe vincere per ultimo. */
+        if (mode === "pick" && pickUploadJobId)
+            return;
         // 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]);
+    }, [active, mediaUploadCompletions, loaded, load, prefix, mode, pickUploadJobId]);
+    const pickUploadJob = pickUploadJobId
+        ? mediaUploads.find((job) => job.id === pickUploadJobId) ?? null
+        : null;
+    /* Quando il lavoro del picker finisce, apre la destinazione e seleziona gli oggetti restituiti
+     * dall'API. Sono quelli reali: magari `.webp`, magari `foto-2.webp`. In scelta singola se ne
+     * evidenzia uno solo, pur avendo correttamente caricato tutto il gruppo. */
+    useEffect(() => {
+        if (mode !== "pick" || !pickUploadJobId || !pickUploadJob || pickUploadJob.state === "running")
+            return;
+        const uploaded = pickUploadJob.uploaded.map((file) => file.key);
+        const chosen = multiple ? uploaded : uploaded.slice(0, 1);
+        setPickUploadJobId(null);
+        if (!uploaded.length)
+            return;
+        void load(pickUploadJob.prefix).then(() => setSelected(new Set(chosen)));
+    }, [mode, multiple, pickUploadJobId, pickUploadJob, load]);
     /* Chiudere o ricaricare mentre un'operazione è in corso la interrompe: il gruppo in volo non
      * arriva mai. Ora ogni gruppo è definitivo, quindi si perde poco — ma vale comunque la pena
      * chiedere, perché è esattamente il gesto che uno fa quando "non sta succedendo niente". */
@@ -226,12 +249,12 @@ export function useMediaLibrary({ mode, multiple = true, active = true, remember
             return setSelected(new Set());
         setSelected(new Set(selectableIds));
     }, [selectableIds]);
-    const upload = useCallback(async (list) => {
+    const upload = useCallback(async (list, requestedDestination) => {
         if (mutationRef.current)
-            return false;
+            return null;
         const arr = Array.from(list);
         if (!arr.length)
-            return true;
+            return null;
         let convert = autoWebp;
         /* Evita la piccola finestra fra apertura dei Media e arrivo dell'impostazione: se sul sito
            la conversione è OFF, un upload immediato non deve partire col default ON. */
@@ -244,20 +267,23 @@ export function useMediaLibrary({ mode, multiple = true, active = true, remember
             }
             catch (e) {
                 setError(e instanceof ApiError ? e.message : String(e));
-                return false;
+                return null;
             }
         }
-        const destination = prefix
-            ? seenLabels.current[prefix] || prefix.replace(/\/$/, "").split("/").pop() || prefix
+        const target = requestedDestination ?? prefix;
+        const destination = target
+            ? seenLabels.current[target] || target.replace(/\/$/, "").split("/").pop() || target
             : "Senza cartella";
-        startMediaUpload({
-            prefix,
+        const id = startMediaUpload({
+            prefix: target,
             title: `${arr.length} file · ${destination}`,
             files: arr,
             autoWebp: convert,
         });
-        return true;
-    }, [prefix, autoWebp, settingsLoaded]);
+        if (mode === "pick")
+            setPickUploadJobId(id);
+        return id;
+    }, [prefix, autoWebp, settingsLoaded, mode]);
     const setAutoWebp = useCallback(async (on) => {
         if (mutationRef.current)
             return;
@@ -657,7 +683,7 @@ export function useMediaLibrary({ mode, multiple = true, active = true, remember
         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,
+        sortKey, sortDir, uploadDraft, pickUploadJob, viewing, autoWebp, settingsBusy,
         go: (p) => { if (!mutationRef.current)
             void load(p); },
         reload: () => { if (!mutationRef.current)
@@ -666,8 +692,18 @@ export function useMediaLibrary({ mode, multiple = true, active = true, remember
         setSort: setSortKey,
         flipDir: () => setSortDir((d) => (d === "asc" ? "desc" : "asc")),
         upload,
-        setUploadOpen: (open) => { if (!open || !mutationRef.current)
-            setUploadOpen(open); },
+        openUpload: (files = [], destination) => {
+            if (mutationRef.current)
+                return;
+            setUploadDraft({
+                files: Array.from(files),
+                destination: mode === "manage" ? (destination ?? prefix) : (destination === undefined ? null : destination),
+            });
+        },
+        closeUpload: () => { if (!mutationRef.current)
+            setUploadDraft(null); },
+        setUploadFiles: (files) => setUploadDraft((draft) => (draft ? { ...draft, files: Array.from(files) } : draft)),
+        setUploadDestination: (destination) => setUploadDraft((draft) => (draft ? { ...draft, destination } : draft)),
         setAutoWebp,
         view: setViewing,
         step,

package/dist/theme.css

@@ -345,6 +345,7 @@ a.ak-btn { text-decoration: none; display: inline-flex; align-items: center; }
 .mg-act:hover:not(:disabled) { text-decoration: underline; }
 .mg-act:disabled { color: var(--ak-ink-quiet); cursor: default; }
 .mg-act.is-danger { color: var(--ak-danger); }
+.mg-upload { white-space: nowrap; }
 .mg-menu-wrap { position: relative; display: inline-flex; }
 .mg-menu {
   position: absolute; top: calc(100% + 4px); left: 0; z-index: 30;
@@ -507,7 +508,16 @@ a.ak-btn { text-decoration: none; display: inline-flex; align-items: center; }
 .up-drop.is-over { border-color: var(--ak-accent); background: #fdf4f2; }
 .up-cloud { color: var(--ak-ink-quiet); }
 .up-hint { margin: 0; font: 400 13px/1.4 var(--ak-font); color: var(--ak-ink-quiet); }
+.up-files {
+  max-width: 100%; margin: -7px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+  color: var(--ak-ink); font: 500 var(--ak-fs-small)/1.4 var(--ak-font);
+}
 .up-dest { margin: 0; font: 400 var(--ak-fs-small)/1.4 var(--ak-font); color: var(--ak-ink-quiet); }
+.up-dest-field { display: flex; flex-direction: column; gap: 6px; }
+.up-dest-field > span { font: 600 var(--ak-fs-small)/1.3 var(--ak-font); color: var(--ak-ink); }
+.up-dest-field select { width: 100%; }
+.up-dest-field small { color: var(--ak-ink-quiet); font: 400 11px/1.4 var(--ak-font); }
+.up-actions { display: flex; justify-content: flex-end; gap: 7px; padding-top: 2px; }
 
 /* ---- Cestino ------------------------------------------------------------------------ */
 .tr { display: flex; flex-direction: column; gap: 10px; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cardinali-studio/adminkit",
-  "version": "2.2.15",
+  "version": "2.2.16",
   "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",