@cardinali-studio/adminkit 2.2.25 → 2.2.34

package/dist/app/routes/Deliveries.js

@@ -22,7 +22,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * Il vocabolario completo (e il perché di ogni parola) sta in DELIVERY-REDESIGN.md §2.
  */
 import { useEffect, useRef, useState } from "react";
-import { deliverySelectionName, deliverySourceFingerprint, uploadDeliveryHeroObject, } from "../lib/delivery-upload";
+import { deliverySelectionName, deliverySourceFingerprint, uploadDeliveryHeroObject, preflightDeliverySelection, } from "../lib/delivery-upload";
 import { isBusy, startUpload, uploadFor, useUploadCompletions, useUploads, } from "../lib/upload-queue";
 import { filesFromDrop } from "../lib/delivery-drop";
 /* ============================================================================================
@@ -56,12 +56,30 @@ export function DeliveryWorkspace({ delivery: fromServer, busy, onAction, onRefr
     const [heroes, setHeroes] = useState(fromServer?.heroes || []);
     const [heroesClean, setHeroesClean] = useState(fromServer?.heroes || []);
     const [saving, setSaving] = useState(false);
+    const [jpegEnabled, setJpegEnabled] = useState(false);
+    const [downloadLabelsEnabled, setDownloadLabelsEnabled] = useState(false);
+    useEffect(() => {
+        const controller = new AbortController();
+        fetch("/admin/api/deliveries?capabilities=1", { signal: controller.signal, credentials: "same-origin" })
+            .then(response => response.ok ? response.json() : null)
+            .then(value => {
+            if (!controller.signal.aborted) {
+                setJpegEnabled(value?.jpegEnabled === true);
+                setDownloadLabelsEnabled(value?.downloadLabelsEnabled === true);
+            }
+        })
+            .catch(() => { });
+        return () => controller.abort();
+    }, []);
     const [failure, setFailure] = useState(null);
     const [notice, setNotice] = useState(null);
     const [confirmDelete, setConfirmDelete] = useState(false);
     /* Anche «Rimuovi» su un pacchetto cancella i byte all'istante: chiede conferma
      * come il fondo pagina, ma dentro la riga, che è dove si è guardato. */
     const [confirmPackage, setConfirmPackage] = useState(null);
+    const [moreImages, setMoreImages] = useState({});
+    const [loadingImages, setLoadingImages] = useState(false);
+    const [previewAttempt, setPreviewAttempt] = useState(0);
     const [copied, setCopied] = useState(null);
     const folderRef = useRef(null);
     const filesRef = useRef(null);
@@ -76,8 +94,34 @@ export function DeliveryWorkspace({ delivery: fromServer, busy, onAction, onRefr
     const jobs = useUploads();
     const job = delivery ? uploadFor(delivery.id, jobs) : undefined;
     const uploading = isBusy(job) || startingRef.current;
-    const dirty = !same(draft, clean) || !sameHeroes(heroes, heroesClean);
-    const photos = packages.flatMap((pkg) => pkg.images.map((image) => ({ pkg, image })));
+    const heroesDirty = !sameHeroes(heroes, heroesClean);
+    const dirty = !same(draft, clean) || heroesDirty;
+    const photos = packages.filter(pkg => pkg.state === "ready").flatMap((pkg) => [...pkg.images, ...(moreImages[pkg.id]?.images || [])].map((image) => ({ pkg, image })));
+    async function loadMoreImages() {
+        if (loadingImages || !delivery)
+            return;
+        setLoadingImages(true);
+        try {
+            for (const pkg of packages) {
+                const cursor = moreImages[pkg.id] ? moreImages[pkg.id].nextCursor : pkg.nextCursor;
+                if (cursor == null)
+                    continue;
+                const page = await onAction({
+                    action: "manifestPage", id: delivery.id, packageId: pkg.id, after: cursor,
+                }, { reload: false });
+                setMoreImages(current => ({ ...current, [pkg.id]: {
+                        images: [...(current[pkg.id]?.images || []), ...page.images], nextCursor: page.nextCursor,
+                    } }));
+            }
+        }
+        catch (error) {
+            setFailure(errorText(error));
+        }
+        finally {
+            setLoadingImages(false);
+        }
+    }
+    useEffect(() => { setMoreImages({}); }, [delivery?.id]);
     useEffect(() => {
         if (!fromServer)
             return;
@@ -105,7 +149,8 @@ export function DeliveryWorkspace({ delivery: fromServer, busy, onAction, onRefr
     const change = (patch) => setDraft((current) => ({ ...current, ...patch }));
     /* ---- caricamento ------------------------------------------------------------------- */
     /* Qui si prepara e si consegna alla coda: transfer, pacchetto, impronta. Poi si esce
-       subito. Il caricamento vero, la chiusura del pacchetto e l'attivazione li fa la coda,
+       dalla preparazione; la promessa resta aperta per conservare il file input fino a lettura finita.
+       Il caricamento vero, la chiusura del pacchetto e l'attivazione li fa la coda,
        che non muore quando questa schermata sparisce. */
     const beginUpload = async (files, resume = null) => {
         if (!files.length || startingRef.current)
@@ -115,16 +160,23 @@ export function DeliveryWorkspace({ delivery: fromServer, busy, onAction, onRefr
         setNotice(null);
         let target = delivery;
         let packageId = resume?.id || "";
-        let options = { galleryEnabled: draft.gallery, webEnabled: draft.light };
+        let options = resume ? { galleryEnabled: resume.galleryEnabled, webEnabled: resume.webEnabled, webFormat: resume.webFormat || "webp" } : { galleryEnabled: draft.gallery, webEnabled: draft.light, webFormat: draft.light ? draft.webFormat : "webp" };
         try {
+            // Verifica i limiti fisici prima della richiesta delle capacità del sito.
+            preflightDeliverySelection(files, { ...options, manifestVersion: 2 });
+            const capabilities = resume ? { manifestVersion: resume.manifestVersion || 1 } :
+                await onAction({ action: "capabilities" }, { reload: false });
+            options.manifestVersion = capabilities.manifestVersion;
+            const { sourceBytes } = preflightDeliverySelection(files, options);
             /* L'impronta si legge PRIMA di creare qualsiasi cosa: se il browser ha perso il
                permesso su un file, non resta un transfer a metà né un oggetto orfano. */
-            const fingerprint = await deliverySourceFingerprint(files);
+            const fingerprint = await deliverySourceFingerprint(files, options.manifestVersion);
             const title = draft.title.trim() || deliverySelectionName(files) || "Transfer";
             if (!target) {
                 change({ title });
                 target = (await onAction({
                     action: "quickCreate", title, filesExpiresAt: expiryFrom(draft.duration),
+                    ...(downloadLabelsEnabled ? { downloadOriginalsLabel: draft.downloadOriginalsLabel, downloadWebLabel: draft.downloadWebLabel } : {}),
                 }, { reload: false })).delivery;
                 setMade(target);
             }
@@ -133,18 +185,25 @@ export function DeliveryWorkspace({ delivery: fromServer, busy, onAction, onRefr
                     throw new Error("Questi non sono gli stessi file di prima. Riseleziona esattamente la cartella " +
                         "(o i file) del caricamento interrotto.");
                 }
-                options = { galleryEnabled: resume.galleryEnabled, webEnabled: resume.webEnabled };
+                options = { galleryEnabled: resume.galleryEnabled, webEnabled: resume.webEnabled, webFormat: resume.webFormat || "webp", manifestVersion: resume.manifestVersion || 1 };
             }
             else {
                 const created = await onAction({
                     action: "createPackage", id: target.id, label: title,
                     ...options, sourceFingerprint: fingerprint, fileCount: files.length,
-                    sourceBytes: files.reduce((sum, file) => sum + file.size, 0),
+                    sourceBytes,
                 }, { reload: false });
                 packageId = created.package.id;
+                options.webFormat = created.package.webFormat || "webp";
+            }
+            const completion = startUpload({ deliveryId: target.id, packageId, title, files, options });
+            try {
+                await refreshAll(target.id);
+            }
+            finally {
+                startingRef.current = false;
+                await completion;
             }
-            startUpload({ deliveryId: target.id, packageId, title, files, options });
-            await refreshAll(target.id);
         }
         catch (error) {
             setFailure(uploadFailure(error) + (packageId
@@ -184,7 +243,7 @@ export function DeliveryWorkspace({ delivery: fromServer, busy, onAction, onRefr
         if (files.length)
             void beginUpload(files, resume).finally(() => { input.value = ""; });
     };
-    const choose = (input, resume = null) => {
+    const choose = (input, resume = resumeRef.current) => {
         resumeRef.current = resume;
         if (input)
             input.value = "";
@@ -203,7 +262,8 @@ export function DeliveryWorkspace({ delivery: fromServer, busy, onAction, onRefr
                 clientName: draft.clientName, description: draft.description,
                 licenseNotes: draft.licenseNotes, ctaEnabled: draft.ctaEnabled,
                 ctaLabel: draft.ctaLabel, ctaUrl: draft.ctaUrl, syncPackageLabel: true,
-                expiresAt: null,
+                ...(downloadLabelsEnabled ? { downloadOriginalsLabel: draft.downloadOriginalsLabel, downloadWebLabel: draft.downloadWebLabel } : {}),
+                expiresAt: delivery.expiresAt,
                 filesExpiresAt: draft.duration === "keep"
                     ? delivery.filesExpiresAt : expiryFrom(draft.duration),
             }, { reload: false })).delivery;
@@ -223,8 +283,9 @@ export function DeliveryWorkspace({ delivery: fromServer, busy, onAction, onRefr
                     action: "createLink", id: delivery.id, label: "Link del cliente", pin: draft.pin,
                 }, { reload: false });
             }
-            if (ready)
-                await onAction({ action: "activate", id: delivery.id }, { reload: false }).catch(() => { });
+            if (ready && delivery.status !== "archived") {
+                await onAction({ action: "activate", id: delivery.id }, { reload: false });
+            }
             setClean({ ...draft, duration: "keep" });
             setDraft((current) => ({ ...current, duration: "keep" }));
             setHeroesClean(heroes);
@@ -324,35 +385,47 @@ export function DeliveryWorkspace({ delivery: fromServer, busy, onAction, onRefr
     const state = delivery ? transferState(delivery) : null;
     const expiry = draft.duration === "keep"
         ? delivery?.filesExpiresAt || null : expiryFrom(draft.duration);
-    return (_jsxs("div", { className: "dl-work", children: [_jsxs("header", { className: "dl-work-head", children: [_jsxs("div", { className: "dl-work-title", children: [state && _jsx("span", { className: "dl-pill is-" + state.kind, children: state.label }), _jsx("h2", { children: draft.title.trim() || (delivery ? delivery.title : "Nuovo transfer") })] }), _jsxs("div", { className: "dl-work-actions", children: [link && (_jsx("a", { className: "ak-btn", href: link.url, target: "_blank", rel: "noreferrer", children: "Guarda come lo vede il cliente" })), link && (_jsx("button", { className: "ak-btn ak-btn-primary", disabled: !dirty || saving || busy, onClick: () => void save(), children: saving ? "Salvo…" : "Salva" }))] })] }), (failure || notice) && (_jsxs("p", { className: failure ? "ak-error dl-feedback" : "dl-feedback is-ok", children: [failure || notice, _jsx("button", { type: "button", "aria-label": "Chiudi", onClick: () => { setFailure(null); setNotice(null); }, children: "\u00D7" })] })), _jsxs("div", { className: "dl-grid", children: [_jsxs("div", { className: "dl-main", children: [_jsxs("section", { className: "dl-card", children: [_jsxs("div", { className: "dl-pick", children: [_jsxs("button", { className: "dl-pick-tile", disabled: uploading, onClick: () => choose(filesRef.current), children: [_jsx(FileIcon, {}), "Aggiungi file"] }), _jsxs("button", { className: "dl-pick-tile", disabled: uploading, onClick: () => choose(folderRef.current), children: [_jsx(FolderIcon, {}), "Aggiungi una cartella"] }), _jsx("input", { ref: folderRef, type: "file", multiple: true, hidden: true, onChange: picked }), _jsx("input", { ref: filesRef, type: "file", multiple: true, hidden: true, onChange: picked })] }), _jsx(DropArea, { disabled: uploading, resuming: !!resumeRef.current, onFiles: (files) => {
+    return (_jsxs("div", { className: "dl-work", children: [_jsxs("header", { className: "dl-work-head", children: [_jsxs("div", { className: "dl-work-title", children: [state && _jsx("span", { className: "dl-pill is-" + state.kind, children: state.label }), _jsx("h2", { children: draft.title.trim() || (delivery ? delivery.title : "Nuovo transfer") })] }), _jsxs("div", { className: "dl-work-actions", children: [link && (_jsx("a", { className: "ak-btn", href: link.url, target: "_blank", rel: "noreferrer", children: "Guarda come lo vede il cliente" })), link && (_jsx("button", { className: "ak-btn ak-btn-primary", disabled: !dirty || saving || busy, onClick: () => void save(), children: saving ? "Salvo…" : "Salva" }))] })] }), (failure || notice) && (_jsxs("p", { className: failure ? "ak-error dl-feedback" : "dl-feedback is-ok", children: [failure || notice, _jsx("button", { type: "button", "aria-label": "Chiudi", onClick: () => { setFailure(null); setNotice(null); }, children: "\u00D7" })] })), _jsxs("div", { className: "dl-grid", children: [_jsxs("div", { className: "dl-main", children: [_jsxs("section", { className: "dl-card", children: [_jsxs("div", { className: "dl-pick", children: [_jsxs("button", { className: "dl-pick-tile", disabled: uploading, onClick: () => choose(filesRef.current), children: [_jsx(FileIcon, {}), "Aggiungi file"] }), _jsxs("button", { className: "dl-pick-tile", disabled: uploading, onClick: () => choose(folderRef.current), children: [_jsx(FolderIcon, {}), "Aggiungi una cartella"] }), _jsx("input", { ref: folderRef, type: "file", multiple: true, hidden: true, onChange: picked }), _jsx("input", { ref: filesRef, type: "file", multiple: true, hidden: true, onChange: picked })] }), _jsx("p", { className: "ak-help", children: "Fino a 150 GB di file per invio." }), _jsx(DropArea, { disabled: uploading, resuming: !!resumeRef.current, onFiles: (files) => {
                                             const resume = resumeRef.current;
                                             resumeRef.current = null;
                                             void beginUpload(files, resume);
-                                        }, onError: (error) => setFailure(errorText(error)) }), job && isBusy(job) && _jsx(Progress, { job: job }), !!packages.length && (_jsx("ul", { className: "dl-files", children: packages.map((pkg) => (_jsxs("li", { className: "dl-file is-" + pkg.state + (confirmPackage === pkg.id ? " is-confirming" : ""), children: [_jsx("span", { className: "dl-file-icon", "aria-hidden": "true", children: pkg.state === "ready" ? "✓" : "…" }), confirmPackage === pkg.id ? (_jsxs(_Fragment, { children: [_jsxs("span", { className: "dl-file-main", children: [_jsxs("strong", { children: ["Rimuovo ", pkg.fileCount || "queste", " foto?"] }), _jsx("span", { children: "Spariscono adesso, e non si torna indietro." })] }), _jsxs("span", { className: "dl-file-actions", children: [_jsx("button", { className: "ak-btn", onClick: () => setConfirmPackage(null), children: "Annulla" }), _jsx("button", { className: "ak-btn dl-danger-btn", disabled: uploading, onClick: () => {
+                                        }, onError: (error) => setFailure(errorText(error)) }), job && isBusy(job) && _jsx(Progress, { job: job }), !!packages.length && (_jsx("ul", { className: "dl-files", children: packages.map((pkg) => (_jsxs("li", { className: "dl-file is-" + pkg.state + (confirmPackage === pkg.id ? " is-confirming" : ""), children: [_jsx("span", { className: "dl-file-icon", "aria-hidden": "true", children: pkg.state === "ready" ? "✓" : "…" }), confirmPackage === pkg.id ? (_jsxs(_Fragment, { children: [_jsxs("span", { className: "dl-file-main", children: [_jsxs("strong", { children: ["Rimuovo ", pkg.fileCount || "questi", " file?"] }), _jsx("span", { children: "Spariscono adesso, e non si torna indietro." })] }), _jsxs("span", { className: "dl-file-actions", children: [_jsx("button", { className: "ak-btn", onClick: () => setConfirmPackage(null), children: "Annulla" }), _jsx("button", { className: "ak-btn dl-danger-btn", disabled: uploading, onClick: () => {
                                                                         setConfirmPackage(null);
                                                                         void run({ action: "deletePackage", id: delivery?.id, packageId: pkg.id }, "File rimossi");
-                                                                    }, children: "S\u00EC, rimuovi" })] })] })) : (_jsxs(_Fragment, { children: [_jsxs("span", { className: "dl-file-main", children: [_jsxs("strong", { children: [pkg.fileCount || "—", " foto \u00B7 ", formatBytes(pkg.sourceBytes)] }), _jsx("span", { children: pkg.state === "ready"
+                                                                    }, children: "S\u00EC, rimuovi" })] })] })) : (_jsxs(_Fragment, { children: [_jsxs("span", { className: "dl-file-main", children: [_jsxs("strong", { children: [pkg.fileCount || "—", " file \u00B7 ", formatBytes(pkg.sourceBytes)] }), _jsx("span", { children: pkg.state === "ready"
                                                                         ? [pkg.galleryEnabled ? "si vedono sulla pagina" : "", pkg.webEnabled ? "versione leggera" : ""]
                                                                             .filter(Boolean).join(" · ") || "solo originali"
                                                                         : job?.id === pkg.id && isBusy(job)
                                                                             ? (job.state === "paused" ? "caricamento in pausa" : "caricamento in corso")
-                                                                            : "caricamento interrotto" })] }), _jsxs("span", { className: "dl-file-actions", children: [pkg.state !== "ready" && !(job?.id === pkg.id && isBusy(job)) && (_jsx("button", { className: "ak-btn", disabled: uploading, onClick: () => { resumeRef.current = pkg; setNotice(resumeHint); }, children: "Riprendi" })), !(job?.id === pkg.id && isBusy(job)) && (_jsx("button", { className: "ak-btn ak-btn-quiet", disabled: uploading, onClick: () => setConfirmPackage(pkg.id), children: "Rimuovi" }))] })] }))] }, pkg.id))) }))] }), _jsxs("section", { className: "dl-card dl-about", children: [_jsx(Field, { label: "Nome del transfer", hint: "Lo vede il cliente, ed \u00E8 il nome dello ZIP che scarica.", children: _jsx("input", { value: draft.title, placeholder: "Es. Matrimonio Rossi", onChange: (e) => change({ title: e.target.value }) }) }), _jsx(Field, { label: "Per", hint: "Il nome del cliente, grande in cima alla pagina.", children: _jsx("input", { value: draft.clientName, placeholder: "Es. Marta Rossi", onChange: (e) => change({ clientName: e.target.value }) }) }), _jsx(Field, { label: "Messaggio", wide: true, hint: "Due righe di accompagnamento. Si pu\u00F2 lasciare vuoto.", children: _jsx("textarea", { rows: 3, value: draft.description, onChange: (e) => change({ description: e.target.value }) }) })] }), link ? (_jsxs("section", { className: "dl-card dl-link", children: [_jsxs("div", { className: "dl-link-head", children: [_jsx("span", { className: "dl-step", children: "Il link per il cliente" }), _jsx("code", { children: link.url })] }), _jsxs("div", { className: "dl-link-actions", children: [_jsx("button", { className: "ak-btn ak-btn-primary", onClick: () => void copy(link.url, "link"), children: copied === "link" ? "Copiato" : "Copia il link" }), _jsx("button", { className: "ak-btn", onClick: () => void copy(messageFor(draft, link, expiry), "messaggio"), children: copied === "messaggio" ? "Copiato" : "Copia il messaggio" }), _jsx("a", { className: "ak-btn", target: "_blank", rel: "noreferrer", href: `https://wa.me/?text=${encodeURIComponent(messageFor(draft, link, expiry))}`, children: "Apri in WhatsApp" })] }), _jsx("p", { className: "dl-link-stats", children: linkStory(link) }), draft.pin && (_jsxs("p", { className: "dl-link-stats", children: ["Codice di accesso ", _jsx("strong", { children: draft.pin }), " \u2014 \u00E8 gi\u00E0 dentro il messaggio."] }))] })) : (_jsxs("section", { className: "dl-card dl-get", children: [_jsx("button", { className: "ak-btn ak-btn-primary dl-get-btn", disabled: !delivery || saving || busy, onClick: () => void save(), children: saving ? "Preparo…" : "Ottieni il link" }), _jsx("p", { children: delivery
-                                            ? "Il link vale già mentre l'upload continua: chi lo apre vede che le foto stanno arrivando."
+                                                                            : "caricamento interrotto" })] }), _jsxs("span", { className: "dl-file-actions", children: [pkg.state !== "ready" && !(job?.id === pkg.id && isBusy(job)) && (_jsx("button", { className: "ak-btn", disabled: uploading, onClick: () => { resumeRef.current = pkg; setNotice(resumeHint); }, children: "Riprendi" })), !(job?.id === pkg.id && isBusy(job)) && (_jsx("button", { className: "ak-btn ak-btn-quiet", disabled: uploading, onClick: () => setConfirmPackage(pkg.id), children: "Rimuovi" }))] })] }))] }, pkg.id))) }))] }), _jsxs("section", { className: "dl-card dl-about", children: [_jsx(Field, { label: "Nome del transfer", hint: "Lo vede il cliente, ed \u00E8 il nome dello ZIP che scarica.", children: _jsx("input", { value: draft.title, placeholder: "Es. Matrimonio Rossi", onChange: (e) => change({ title: e.target.value }) }) }), _jsx(Field, { label: "Per", hint: "Il nome del cliente, grande in cima alla pagina.", children: _jsx("input", { value: draft.clientName, placeholder: "Es. Marta Rossi", onChange: (e) => change({ clientName: e.target.value }) }) }), _jsx(Field, { label: "Messaggio", wide: true, hint: "Due righe di accompagnamento. Si pu\u00F2 lasciare vuoto.", children: _jsx("textarea", { rows: 3, value: draft.description, onChange: (e) => change({ description: e.target.value }) }) })] }), link ? (_jsxs("section", { className: "dl-card dl-link", children: [_jsxs("div", { className: "dl-link-head", children: [_jsx("span", { className: "dl-step", children: "Il link per il cliente" }), _jsx("code", { children: link.url })] }), _jsxs("div", { className: "dl-link-actions", children: [delivery?.canShortenLinks && link.token.length > 16 && (_jsx("button", { className: "ak-btn", disabled: dirty || saving || busy, title: dirty ? "Salva prima le modifiche del transfer" : "Il vecchio indirizzo continuerà a funzionare", onClick: async () => {
+                                                    setSaving(true);
+                                                    try {
+                                                        await run({ action: "shortenLink", id: delivery.id, linkId: link.id }, "Link accorciato. Anche il vecchio indirizzo resta valido.");
+                                                    }
+                                                    finally {
+                                                        setSaving(false);
+                                                    }
+                                                }, children: "Accorcia link" })), _jsx("button", { className: "ak-btn ak-btn-primary", onClick: () => void copy(link.url, "link"), children: copied === "link" ? "Copiato" : "Copia il link" }), _jsx("button", { className: "ak-btn", onClick: () => void copy(messageFor(draft, link, expiry), "messaggio"), children: copied === "messaggio" ? "Copiato" : "Copia il messaggio" }), _jsx("a", { className: "ak-btn", target: "_blank", rel: "noreferrer", href: `https://wa.me/?text=${encodeURIComponent(messageFor(draft, link, expiry))}`, children: "Apri in WhatsApp" })] }), _jsx("p", { className: "dl-link-stats", children: linkStory(link) }), draft.pin && (_jsxs("p", { className: "dl-link-stats", children: ["Codice di accesso ", _jsx("strong", { children: draft.pin }), " \u2014 \u00E8 gi\u00E0 dentro il messaggio."] }))] })) : (_jsxs("section", { className: "dl-card dl-get", children: [_jsx("button", { className: "ak-btn ak-btn-primary dl-get-btn", disabled: !delivery || saving || busy, onClick: () => void save(), children: saving ? "Preparo…" : "Ottieni il link" }), _jsx("p", { children: delivery
+                                            ? "Il link vale già mentre l'upload continua: chi lo apre vede che i file stanno arrivando."
                                             : "Aggiungi i file: il caricamento parte subito e il resto si compila mentre va." })] }))] }), _jsxs("div", { className: "dl-side", children: [_jsxs(Group, { title: "Chi pu\u00F2 aprirlo", children: [_jsxs("label", { className: "dl-radio", children: [_jsx("input", { type: "radio", name: "dl-access", checked: !draft.pin, onChange: () => change({ pin: "" }) }), _jsxs("span", { children: [_jsx("strong", { children: "Chiunque abbia il link" }), _jsx("small", { children: "Il link \u00E8 lungo e casuale: non si indovina." })] })] }), _jsxs("label", { className: "dl-radio", children: [_jsx("input", { type: "radio", name: "dl-access", checked: !!draft.pin, onChange: () => change({ pin: draft.pin || makeCode() }) }), _jsxs("span", { children: [_jsx("strong", { children: "Serve anche un codice" }), _jsx("small", { children: "Da mandare insieme al link. Dopo dieci errori si blocca per un'ora." })] })] }), !!draft.pin && (_jsxs("div", { className: "dl-code", children: [_jsx("input", { value: draft.pin, spellCheck: false, onChange: (e) => change({ pin: e.target.value.toUpperCase() }) }), _jsx("button", { className: "ak-btn", onClick: () => change({ pin: makeCode() }), children: "Altro" })] }))] }), _jsxs(Group, { title: "Cosa riceve", note: packages.length
                                     ? "Si decide prima di caricare: per cambiarle bisognerebbe ricaricare i file."
-                                    : undefined, children: [_jsxs("label", { className: "dl-check", children: [_jsx("input", { type: "checkbox", checked: draft.gallery, disabled: !!packages.length, onChange: (e) => change({ gallery: e.target.checked }) }), _jsxs("span", { children: [_jsx("strong", { children: "Vede le foto sulla pagina" }), _jsx("small", { children: "Anteprime e ingrandimento, senza scaricare niente. Da telefono \u00E8 la differenza fra un link e un Transfer." })] })] }), _jsxs("label", { className: "dl-check", children: [_jsx("input", { type: "checkbox", checked: draft.light, disabled: !!packages.length, onChange: (e) => change({ light: e.target.checked }) }), _jsxs("span", { children: [_jsx("strong", { children: "Pu\u00F2 scaricare una versione leggera" }), _jsx("small", { children: "Un secondo download, adatto a social e web. Gli originali ci sono sempre." })] })] })] }), _jsxs(Group, { title: "Per quanto resta scaricabile", children: [_jsxs("select", { className: "dl-select", value: draft.duration, onChange: (e) => change({ duration: e.target.value }), children: [delivery && _jsx("option", { value: "keep", children: delivery.filesExpiresAt
+                                    : undefined, children: [_jsxs("label", { className: "dl-check", children: [_jsx("input", { type: "checkbox", checked: draft.gallery, disabled: !!packages.length, onChange: (e) => change({ gallery: e.target.checked }) }), _jsxs("span", { children: [_jsx("strong", { children: "Vede le foto sulla pagina" }), _jsx("small", { children: "Anteprime e ingrandimento, senza scaricare niente. Da telefono \u00E8 la differenza fra un link e un Transfer." })] })] }), _jsxs("label", { className: "dl-check", children: [_jsx("input", { type: "checkbox", checked: draft.light, disabled: !!packages.length, onChange: (e) => change({ light: e.target.checked }) }), _jsxs("span", { children: [_jsx("strong", { children: "Pu\u00F2 scaricare una versione leggera" }), _jsx("small", { children: "Un secondo download, adatto a social e web. Gli originali ci sono sempre." })] })] }), draft.light && (_jsxs("label", { className: "dl-field", children: [_jsx("span", { children: "Formato della versione leggera" }), _jsxs("select", { className: "dl-select", "aria-label": "Formato della versione leggera", value: draft.webFormat, disabled: !!packages.length || uploading, onChange: (e) => change({ webFormat: e.target.value === "jpg" ? "jpg" : "webp" }), children: [_jsx("option", { value: "webp", children: "WebP \u2014 file pi\u00F9 piccoli" }), _jsx("option", { value: "jpg", disabled: !jpegEnabled && draft.webFormat !== "jpg", children: "JPG \u2014 massima compatibilit\u00E0" })] }), _jsxs("small", { children: ["2048 px sul lato lungo, senza ingrandire le foto pi\u00F9 piccole. Qualit\u00E0 ", draft.webFormat === "jpg" ? "82%" : "80%", "."] })] }))] }), downloadLabelsEnabled && (_jsxs(Group, { title: "Testi dei pulsanti di download", note: "Lascia vuoto per usare il testo predefinito. Puoi cambiarli anche dopo l\u2019invio, senza ricaricare i file.", children: [delivery?.status !== "archived" && (_jsx(Field, { label: "Pulsante degli originali", children: _jsx("input", { value: draft.downloadOriginalsLabel, maxLength: 80, placeholder: "Scarica i file", onChange: (e) => change({ downloadOriginalsLabel: e.target.value }) }) })), (packages.length ? packages.some(pkg => pkg.webEnabled) : draft.light) && (_jsx(Field, { label: "Pulsante della versione leggera", children: _jsx("input", { value: draft.downloadWebLabel, maxLength: 80, placeholder: "Versione leggera", onChange: (e) => change({ downloadWebLabel: e.target.value }) }) }))] })), _jsxs(Group, { title: "Per quanto resta scaricabile", children: [_jsxs("select", { className: "dl-select", value: draft.duration, onChange: (e) => change({ duration: e.target.value }), children: [delivery && _jsx("option", { value: "keep", children: delivery.filesExpiresAt
                                                     ? `Fino al ${formatDate(delivery.filesExpiresAt)}`
                                                     : "Per sempre" }), _jsx("option", { value: "7", children: "7 giorni" }), _jsx("option", { value: "30", children: "30 giorni" }), _jsx("option", { value: "180", children: "6 mesi" }), _jsx("option", { value: "365", children: "1 anno" }), _jsx("option", { value: "forever", children: "Per sempre" })] }), _jsx("p", { className: "dl-note", children: expiry
                                             ? `Dopo il ${formatDate(expiry)} il link continua ad aprirsi, ma i file non si scaricano più.`
                                             : "I file restano finché non li togli tu." })] }), _jsxs(Group, { title: "Alla fine della pagina", children: [_jsxs("label", { className: "dl-check", children: [_jsx("input", { type: "checkbox", checked: draft.ctaEnabled, onChange: (e) => change({ ctaEnabled: e.target.checked }) }), _jsxs("span", { children: [_jsx("strong", { children: "Chiedi una recensione" }), _jsx("small", { children: "Un pulsante in fondo, dopo le fotografie." })] })] }), draft.ctaEnabled && (_jsxs(_Fragment, { children: [_jsx(Field, { label: "Testo del pulsante", children: _jsx("input", { value: draft.ctaLabel, onChange: (e) => change({ ctaLabel: e.target.value }) }) }), _jsx(Field, { label: "Indirizzo", hint: "Il link alla tua pagina delle recensioni.", children: _jsx("input", { type: "url", value: draft.ctaUrl, placeholder: "https://\u2026", onChange: (e) => change({ ctaUrl: e.target.value }) }) })] })), _jsx(Field, { label: "Note d'uso", hint: "Cosa pu\u00F2 farci il cliente. Appaiono in fondo alla pagina.", children: _jsx("textarea", { rows: 3, value: draft.licenseNotes, onChange: (e) => change({ licenseNotes: e.target.value }) }) })] })] })] }), !!delivery && (_jsxs("section", { className: "dl-card dl-cover", children: [_jsxs("div", { className: "dl-cover-head", children: [_jsxs("div", { children: [_jsx("span", { className: "dl-step", children: "Copertina" }), _jsxs("p", { children: ["Le foto grandi in cima alla pagina del cliente, fino a otto.", " ", heroes.length
                                                 ? `Ne hai scelte ${heroes.length}.`
-                                                : "Nessuna scelta: si userà quella predefinita."] })] }), _jsxs("div", { className: "dl-cover-actions", children: [_jsx("button", { className: "ak-btn", disabled: saving || !ready, onClick: () => { if (coverRef.current)
-                                            coverRef.current.value = ""; coverRef.current?.click(); }, children: "Carica un'immagine" }), !!heroes.length && (_jsx("button", { className: "ak-btn ak-btn-quiet", onClick: () => setHeroes([]), children: "Usa quella predefinita" })), _jsx("input", { ref: coverRef, type: "file", accept: "image/jpeg,image/png,image/webp", multiple: true, hidden: true, onChange: (event) => void uploadCovers(event) })] })] }), photos.length ? (_jsx("div", { className: "dl-cover-grid", children: photos.map(({ pkg, image }) => {
+                                                : "Nessuna scelta: si userà quella predefinita."] }), _jsx("p", { role: "status", children: heroesDirty
+                                            ? "Scelta non ancora salvata: premi Salva modifiche per mostrarla al cliente."
+                                            : heroes.length
+                                                ? "Copertine salvate. Una sola immagine resta fissa; più immagini compongono la sequenza."
+                                                : "Scegli le copertine qui: la galleria sotto nella pagina del cliente è separata." })] }), _jsxs("div", { className: "dl-cover-actions", children: [!!photos.length && (_jsx("button", { className: "ak-btn", onClick: () => setPreviewAttempt(value => value + 1), title: "Riprova a caricare le miniature senza cambiare le copertine selezionate", children: "Ricarica anteprime" })), _jsx("button", { className: "ak-btn ak-btn-primary", disabled: !dirty || saving || busy, onClick: () => void save(), children: saving ? "Salvo…" : "Salva modifiche" }), _jsx("button", { className: "ak-btn", disabled: saving || !ready, onClick: () => { if (coverRef.current)
+                                            coverRef.current.value = ""; coverRef.current?.click(); }, children: "Carica un'immagine" }), !!heroes.length && (_jsx("button", { className: "ak-btn ak-btn-quiet", disabled: saving, onClick: () => setHeroes([]), children: "Usa quella predefinita" })), _jsx("input", { ref: coverRef, type: "file", accept: "image/jpeg,image/png,image/webp", multiple: true, hidden: true, onChange: (event) => void uploadCovers(event) })] })] }), packages.some(pkg => (moreImages[pkg.id] ? moreImages[pkg.id].nextCursor : pkg.nextCursor) != null) && (_jsx("button", { className: "ak-btn", disabled: loadingImages, onClick: () => void loadMoreImages(), children: loadingImages ? "Caricamento…" : "Mostra altre foto" })), photos.length ? (_jsx("div", { className: "dl-cover-grid", children: photos.map(({ pkg, image }) => {
                             const chosen = heroes.some((item) => item.type === "package" && item.packageId === pkg.id && item.index === image.index);
-                            return (_jsxs("button", { type: "button", className: chosen ? "is-chosen" : "", "aria-pressed": chosen, onClick: () => toggleCover(pkg.id, image.index, image.previewUrl), children: [_jsx("img", { src: image.previewUrl, alt: image.name, loading: "lazy" }), chosen && _jsx("em", { "aria-hidden": "true", children: "\u2713" })] }, `${pkg.id}-${image.index}`));
+                            return (_jsxs("button", { type: "button", className: chosen ? "is-chosen" : "", disabled: saving, "aria-pressed": chosen, onClick: () => toggleCover(pkg.id, image.index, image.previewUrl), children: [_jsx("img", { src: previewAttempt ? `${image.previewUrl}&previewRetry=${previewAttempt}` : image.previewUrl, alt: image.name, width: image.width, height: image.height, loading: "lazy" }), chosen && _jsx("em", { "aria-hidden": "true", children: "\u2713" })] }, `${pkg.id}-${image.index}`));
                         }) })) : (_jsx("p", { className: "dl-note dl-cover-empty", children: heroes.some((item) => item.type === "object")
                             ? `${heroes.length} immagini caricate a mano.`
-                            : "Questo transfer non ha anteprime da cui scegliere: carica un'immagine, oppure resta quella predefinita." }))] })), !!delivery && (_jsxs("section", { className: "dl-danger", children: [_jsxs("div", { children: [_jsx("button", { className: "ak-btn ak-btn-quiet", disabled: busy, onClick: () => void duplicate(), children: "Usa come modello" }), delivery.status === "active" && (_jsx("button", { className: "ak-btn ak-btn-quiet", disabled: busy, onClick: () => void run({ action: "archive", id: delivery.id }, "Originali tolti: recuperabili per sette giorni"), children: "Libera spazio: togli gli originali" }))] }), confirmDelete ? (_jsxs("div", { className: "dl-confirm", children: [_jsxs("p", { children: ["Elimino ", _jsx("strong", { children: delivery.title }), photos.length ? ` (${countPhotos(packages)} foto, ${formatBytes(delivery.storedBytes)})` : "", "? Il link smette subito di funzionare e i file vengono cancellati adesso. Non si torna indietro."] }), _jsx("button", { className: "ak-btn", onClick: () => setConfirmDelete(false), children: "Annulla" }), _jsx("button", { className: "ak-btn dl-danger-btn", onClick: () => void remove(), children: "S\u00EC, elimina" })] })) : (_jsx("button", { className: "ak-btn ak-btn-quiet", onClick: () => setConfirmDelete(true), children: "Elimina il transfer" }))] }))] }));
+                            : "Questo transfer non ha anteprime da cui scegliere: carica un'immagine, oppure resta quella predefinita." }))] })), !!delivery && (_jsxs("section", { className: "dl-danger", children: [_jsxs("div", { children: [_jsx("button", { className: "ak-btn ak-btn-quiet", disabled: busy, onClick: () => void duplicate(), children: "Usa come modello" }), delivery.status === "active" && (_jsx("button", { className: "ak-btn ak-btn-quiet", disabled: busy, onClick: () => void run({ action: "archive", id: delivery.id }, "Originali tolti: recuperabili per sette giorni"), children: "Libera spazio: togli gli originali" }))] }), confirmDelete ? (_jsxs("div", { className: "dl-confirm", children: [_jsxs("p", { children: ["Elimino ", _jsx("strong", { children: delivery.title }), photos.length ? ` (${countPhotos(packages)} file, ${formatBytes(delivery.storedBytes)})` : "", "? Il link smette subito di funzionare e i file vengono cancellati adesso. Non si torna indietro."] }), _jsx("button", { className: "ak-btn", onClick: () => setConfirmDelete(false), children: "Annulla" }), _jsx("button", { className: "ak-btn dl-danger-btn", onClick: () => void remove(), children: "S\u00EC, elimina" })] })) : (_jsx("button", { className: "ak-btn ak-btn-quiet", onClick: () => setConfirmDelete(true), children: "Elimina il transfer" }))] }))] }));
 }
 /* ============================================================================================
    Impostazioni
@@ -419,9 +492,11 @@ function Progress({ job }) {
     }
     const done = progress.totalFiles ? Math.min(1, progress.doneFiles / progress.totalFiles) : 0;
     const phase = job.state === "paused" ? "In pausa"
-        : progress.phase === "originals" ? "Carico le foto"
-            : progress.phase === "derivatives" ? "Preparo le anteprime"
-                : "Ultimi controlli";
+        : job.state === "cancelling" ? "Annullamento in corso"
+            : job.waitingForNetwork ? "Attendo la connessione e riprovo…"
+                : progress.phase === "originals" ? "Carico gli originali"
+                    : progress.phase === "derivatives" ? "Preparo le anteprime"
+                        : "Ultimi controlli";
     const seconds = progress.transferStartedAt
         ? Math.max(1, (Date.now() - progress.transferStartedAt) / 1000) : 0;
     const mbps = seconds ? progress.transferredBytes * 8 / seconds / 1_000_000 : 0;
@@ -440,12 +515,15 @@ function draftOf(delivery, keep) {
         return {
             title: "", clientName: "", description: "", licenseNotes: "",
             ctaEnabled: false, ctaLabel: "Lascia una recensione", ctaUrl: "",
-            duration: "30", pin: "", gallery: true, light: true,
+            duration: "30", pin: "", gallery: true, light: true, webFormat: "webp",
+            downloadOriginalsLabel: "", downloadWebLabel: "",
         };
     }
     const link = primaryLink(delivery);
     return {
         title: delivery.title,
+        downloadOriginalsLabel: delivery.downloadOriginalsLabel || "",
+        downloadWebLabel: delivery.downloadWebLabel || "",
         clientName: delivery.clientName,
         description: delivery.description,
         licenseNotes: delivery.licenseNotes,
@@ -458,6 +536,7 @@ function draftOf(delivery, keep) {
            transfer che ha già i file, la verità è quella dei file. */
         gallery: delivery.packages[0]?.galleryEnabled ?? keep?.gallery ?? true,
         light: delivery.packages[0]?.webEnabled ?? keep?.light ?? true,
+        webFormat: delivery.packages.length ? (delivery.packages[0].webFormat || "webp") : keep?.webFormat || "webp",
     };
 }
 function same(a, b) {
@@ -506,7 +585,7 @@ function makeCode() {
 function messageFor(draft, link, expiry) {
     const who = draft.clientName.trim().split(/\s+/)[0];
     return [
-        `Ciao${who ? ` ${who}` : ""}, le fotografie di ${draft.title.trim() || "questo lavoro"} sono pronte:`,
+        `Ciao${who ? ` ${who}` : ""}, i file di ${draft.title.trim() || "questo lavoro"} sono pronti:`,
         link.url,
         draft.pin ? `Codice di accesso: ${draft.pin}` : "",
         expiry ? `Puoi scaricarle fino al ${formatDate(expiry)}.` : "",

package/dist/app/routes/PageActions.d.ts

@@ -9,4 +9,4 @@ export declare function RowMenu({ page, pages, onChange, onRemove, onDuplicate,
     onChange: (next: PageModel) => void;
     onRemove: () => void;
     onDuplicate: () => void;
-}): import("react").JSX.Element;
+}): import("react").JSX.Element | null;

package/dist/app/routes/PageActions.js

@@ -32,7 +32,7 @@ import { Icon } from "../ui/icons";
  * modulo andava bene: è il genere di cosa che cambia quando una dipendenza smette di essere
  * statica e diventa iniettata. */
 function tipiDisponibili() {
-    const tipi = Object.entries(site().pages).map(([value, page]) => ({ value, label: page.label }));
+    const tipi = Object.entries(site().pages).filter(([, page]) => page.creatable !== false).map(([value, page]) => ({ value, label: page.label }));
     /* La preselezione: "Pagina" se c'è (è la scelta di gran lunga più frequente), altrimenti la
      * prima opzione — così questo elenco non può restare senza un valore valido. */
     const iniziale = tipi.some((t) => t.value === "page") ? "page" : (tipi[0]?.value ?? "page");
@@ -56,6 +56,7 @@ export function NewPageButton({ pages, onCreate }) {
             isHome: false,
             inMenu: false,
             r2Prefix: "",
+            ...site().pages[type]?.create?.(t, uniqueSlug(t, pages.map((p) => p.slug))),
             _orig: null, // pagina nuova: nessuna sorgente da cui conservare
         });
         setTitle("");
@@ -73,10 +74,12 @@ export function RowMenu({ page, pages, onChange, onRemove, onDuplicate, }) {
     const [open, setOpen] = useState(false);
     const [renaming, setRenaming] = useState(false);
     const [title, setTitle] = useState(String(page.title ?? ""));
+    if (site().pages[String(page.type)]?.fixed)
+        return null;
     const taken = pages.filter((p) => p.slug !== page.slug).map((p) => p.slug);
     const nuovo = slugify(title);
     const cambia = nuovo !== page.slug;
-    return (_jsxs("span", { className: "pa", children: [_jsx("button", { className: "pa-more", onClick: () => { setOpen(!open); setRenaming(false); }, title: "Altro", children: _jsx(Icon.more, {}) }), open && !renaming && (_jsxs("div", { className: "pa-menu", onMouseLeave: () => setOpen(false), children: [_jsx("button", { onClick: () => { setTitle(String(page.title ?? "")); setRenaming(true); }, children: "Rinomina\u2026" }), _jsx("button", { onClick: () => { onChange({ ...page, inMenu: !page.inMenu }); setOpen(false); }, children: page.inMenu ? "Togli dal menu" : "Aggiungi al menu" }), _jsx("button", { onClick: () => { onChange({ ...page, published: page.published === false }); setOpen(false); }, children: page.published === false ? "Pubblica" : "Nascondi" }), _jsx("button", { onClick: () => { onDuplicate(); setOpen(false); }, children: "Duplica" }), _jsx("button", { className: "pa-danger", onClick: () => {
+    return (_jsxs("span", { className: "pa", children: [_jsx("button", { className: "pa-more", onClick: () => { setOpen(!open); setRenaming(false); }, title: "Altro", children: _jsx(Icon.more, {}) }), open && !renaming && (_jsxs("div", { className: "pa-menu", onMouseLeave: () => setOpen(false), children: [_jsx("button", { onClick: () => { setTitle(String(page.title ?? "")); setRenaming(true); }, children: "Rinomina\u2026" }), site().pages[String(page.type)]?.menuEditable !== false && _jsx("button", { onClick: () => { onChange({ ...page, inMenu: !page.inMenu }); setOpen(false); }, children: page.inMenu ? "Togli dal menu" : "Aggiungi al menu" }), _jsx("button", { onClick: () => { onChange({ ...page, published: page.published === false }); setOpen(false); }, children: page.published === false ? "Pubblica" : "Nascondi" }), _jsx("button", { onClick: () => { onDuplicate(); setOpen(false); }, children: "Duplica" }), _jsx("button", { className: "pa-danger", onClick: () => {
                             if (confirm(`Eliminare "${page.title}"?\n\nLa pagina e il suo testo spariscono dal sito al prossimo salvataggio. ` +
                                 `Le foto restano nel bucket.`))
                                 onRemove();

package/dist/app/routes/PageEditor.js

@@ -69,14 +69,15 @@ export function PageHeader({ page, pages, onChange, seoActive, onSeoToggle, lang
         });
         setTitleOpen(false);
     };
+    const fixed = pageType(page.type)?.fixed === true;
     const online = page.published !== false;
     const translationActive = !!languages && activeLanguage !== languages.default;
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "pe-head-main", children: [_jsx("button", { type: "button", className: "pe-title", title: "Modifica nome e indirizzo", disabled: translationActive, onClick: () => {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "pe-head-main", children: [_jsx("button", { type: "button", className: "pe-title", title: "Modifica nome e indirizzo", disabled: translationActive || fixed, onClick: () => {
                             setTitle(String(page.title ?? ""));
                             setSlug(page.slug);
                             setVisibilityOpen(false);
                             setTitleOpen(true);
-                        }, children: String(page.title ?? page.slug) }), languages && (_jsx("div", { className: "pe-language", "aria-label": "Lingua del contenuto", children: languages.available.map((language) => (_jsx("button", { type: "button", className: activeLanguage === language ? "is-active" : "", "aria-pressed": activeLanguage === language, onClick: () => onLanguageChange?.(language), children: language.toUpperCase() }, language))) })), _jsxs("button", { type: "button", className: "pe-seo-button" + (seoActive ? " is-active" : ""), "aria-pressed": seoActive, disabled: translationActive, onClick: onSeoToggle, children: [_jsx(Icon.search, {}), "SEO"] }), _jsxs("div", { className: "pe-visibility", ref: visibilityRef, children: [_jsxs("button", { type: "button", className: "pe-status" + (online ? " is-online" : " is-offline"), "aria-haspopup": "menu", "aria-expanded": visibilityOpen, disabled: translationActive, onClick: () => setVisibilityOpen((open) => !open), children: [_jsx("span", { className: "pe-status-dot" }), online ? "Online" : "Offline", _jsx("span", { className: "pe-chevron", "aria-hidden": "true", children: "\u2304" })] }), visibilityOpen && (_jsxs("div", { className: "pe-status-menu", role: "menu", children: [_jsx("span", { className: "pe-status-label", children: "Visibilit\u00E0 della pagina" }), _jsxs("button", { type: "button", className: online ? "is-selected" : "", onClick: () => {
+                        }, children: String(page.title ?? page.slug) }), languages && (_jsx("div", { className: "pe-language", "aria-label": "Lingua del contenuto", children: languages.available.map((language) => (_jsx("button", { type: "button", className: activeLanguage === language ? "is-active" : "", "aria-pressed": activeLanguage === language, onClick: () => onLanguageChange?.(language), children: language.toUpperCase() }, language))) })), _jsxs("button", { type: "button", className: "pe-seo-button" + (seoActive ? " is-active" : ""), "aria-pressed": seoActive, disabled: translationActive, onClick: onSeoToggle, children: [_jsx(Icon.search, {}), "SEO"] }), _jsxs("div", { className: "pe-visibility", ref: visibilityRef, children: [_jsxs("button", { type: "button", className: "pe-status" + (online ? " is-online" : " is-offline"), "aria-haspopup": "menu", "aria-expanded": visibilityOpen, disabled: translationActive || fixed, onClick: () => setVisibilityOpen((open) => !open), children: [_jsx("span", { className: "pe-status-dot" }), online ? "Online" : "Offline", _jsx("span", { className: "pe-chevron", "aria-hidden": "true", children: "\u2304" })] }), visibilityOpen && (_jsxs("div", { className: "pe-status-menu", role: "menu", children: [_jsx("span", { className: "pe-status-label", children: "Visibilit\u00E0 della pagina" }), _jsxs("button", { type: "button", className: online ? "is-selected" : "", onClick: () => {
                                             if (!online)
                                                 onChange({ ...page, published: true });
                                             setVisibilityOpen(false);
@@ -84,7 +85,7 @@ export function PageHeader({ page, pages, onChange, seoActive, onSeoToggle, lang
                                             if (online)
                                                 onChange({ ...page, published: false });
                                             setVisibilityOpen(false);
-                                        }, children: [_jsx("span", { className: "pe-radio", children: _jsx("span", {}) }), _jsxs("span", { children: [_jsx("strong", { children: "Offline" }), _jsx("small", { children: "La pagina non \u00E8 visibile sul sito." })] })] })] }))] }), _jsxs("label", { className: "pe-menu-toggle", children: [_jsx("input", { type: "checkbox", checked: !!page.inMenu, disabled: translationActive, onChange: (event) => onChange({ ...page, inMenu: event.target.checked }) }), _jsx("span", { children: "Aggiungi al menu" })] })] }), titleOpen && (_jsx("div", { className: "pe-modal", role: "presentation", onMouseDown: (event) => {
+                                        }, children: [_jsx("span", { className: "pe-radio", children: _jsx("span", {}) }), _jsxs("span", { children: [_jsx("strong", { children: "Offline" }), _jsx("small", { children: "La pagina non \u00E8 visibile sul sito." })] })] })] }))] }), pageType(page.type)?.menuEditable !== false && _jsxs("label", { className: "pe-menu-toggle", children: [_jsx("input", { type: "checkbox", checked: !!page.inMenu, disabled: translationActive || fixed, onChange: (event) => onChange({ ...page, inMenu: event.target.checked }) }), _jsx("span", { children: "Aggiungi al menu" })] })] }), titleOpen && (_jsx("div", { className: "pe-modal", role: "presentation", onMouseDown: (event) => {
                     if (event.target === event.currentTarget)
                         setTitleOpen(false);
                 }, children: _jsxs("div", { className: "pe-modal-card", role: "dialog", "aria-modal": "true", "aria-labelledby": "pe-title-dialog", children: [_jsxs("header", { children: [_jsx("h2", { id: "pe-title-dialog", children: "Modifica pagina" }), _jsx("button", { type: "button", onClick: () => setTitleOpen(false), "aria-label": "Chiudi", children: "\u00D7" })] }), _jsxs("div", { className: "pe-modal-fields", children: [_jsxs("label", { children: [_jsx("span", { children: "Nome pagina" }), _jsx("input", { autoFocus: true, value: title, onChange: (event) => setTitle(event.target.value), onKeyDown: (event) => {
@@ -340,7 +341,8 @@ export function PageEditor({ page, onChange, onRefresh, pristine, pickMedia, pic
         ...(translationActive ? [] : ["title"]),
         "published", "inMenu",
         "seoTitle", "seoDescription", "ogTitle", "ogDescription", "ogImage",
-    ], [translationActive]);
+        ...(definition?.seoShape ? ["seo"] : []),
+    ], [translationActive, definition]);
     /* Come la gallery: una pagina portfolio È la sua selezione di lavori, quindi la schermata
        mostra quella e basta. Il `SchemaForm` generico qui elencava anche «Foto», «Edizioni»,
        «Ritratto» e «Riconoscimenti» — campi di altri tipi di pagina, che compaiono perché il

package/dist/app/routes/PageSeoEditor.js

@@ -8,7 +8,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { api } from "../../index.js";
 import { Icon } from "../ui/icons";
-import { site } from "../site.js";
+import { SchemaForm } from "../../form/index.js";
+import { pageType, site } from "../site.js";
 /* ⚠️ Non costanti di modulo: `site()` è disponibile solo dopo `mountAdmin`, e un `const` qui
  * verrebbe valutato all'import — cioè prima. Si leggono dentro il componente.
  *
@@ -93,6 +94,10 @@ export function PageSeoEditor({ page, onChange, onRefresh, pristine, pickMediaFi
     const socialImage = explicitImage || automaticImage(page);
     const pageUrl = `${site().publicBase}/${page.slug}/`;
     const complete = !!seoTitle.trim() && !!seoDescription.trim() && !!socialImage;
+    const customShape = pageType(page.type)?.seoShape;
+    if (customShape)
+        return _jsxs("section", { className: "seo-editor", children: [_jsx("h2", { children: "SEO e GEO" }), loadError && _jsx("p", { className: "ak-error", children: "Non sono riuscito a rileggere la pagina." }), _jsx(SchemaForm, { shape: customShape, value: (page.seo ?? {}), onChange: (seo) => { if (!readOnly)
+                        onChange({ ...page, seo }); }, pickMediaFiles: pickMediaFiles })] });
     const chooseImage = async () => {
         const selected = await pickMediaFiles?.({ multiple: false });
         if (selected?.[0])

package/dist/app/routes/PagesList.js

@@ -14,6 +14,7 @@ import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
 import { SortableContext, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy, arrayMove } from "@dnd-kit/sortable";
 import { KeyboardSensor } from "@dnd-kit/core";
 import { CSS } from "@dnd-kit/utilities";
+import { site } from "../site.js";
 import { RowMenu } from "./PageActions";
 import { uniqueSlug } from "../lib/slug";
 import { Icon } from "../ui/icons";
@@ -23,7 +24,7 @@ const ICONS = {
 function Row({ p, pages, current, onEdit, onChange, onRemove, onDuplicate, languages }) {
     const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id: p.slug });
     const TypeIcon = ICONS[String(p.type)] ?? Icon.doc;
-    return (_jsxs("li", { ref: setNodeRef, className: "pg-row" + (isDragging ? " is-dragging" : "") + (p.slug === current ? " is-on" : ""), style: { transform: CSS.Transform.toString(transform), transition }, children: [_jsx("button", { className: "pg-handle", ...attributes, ...listeners, title: "Trascina per riordinare", children: _jsx(Icon.grip, {}) }), _jsxs("button", { className: "pg-open", onClick: () => onEdit(p.slug), children: [_jsx("span", { className: "pg-icon", children: _jsx(TypeIcon, {}) }), _jsx("span", { className: "pg-title", children: String(p.title ?? p.slug) }), languages?.available.filter((language) => language !== languages.default).map((language) => {
+    return (_jsxs("li", { ref: setNodeRef, className: "pg-row" + (isDragging ? " is-dragging" : "") + (p.slug === current ? " is-on" : ""), style: { transform: CSS.Transform.toString(transform), transition }, children: [_jsx("button", { disabled: site().pagesReorderable === false, className: "pg-handle", ...attributes, ...listeners, title: "Trascina per riordinare", children: _jsx(Icon.grip, {}) }), _jsxs("button", { className: "pg-open", onClick: () => onEdit(p.slug), children: [_jsx("span", { className: "pg-icon", children: _jsx(TypeIcon, {}) }), _jsx("span", { className: "pg-title", children: String(p.title ?? p.slug) }), languages?.available.filter((language) => language !== languages.default).map((language) => {
                         const saved = p.translations?.[language]?.exists;
                         const draft = !!p._translations?.[language];
                         return (_jsx("span", { className: "pg-language" + (saved ? " is-saved" : draft ? " is-draft" : " is-inherited"), title: saved ? `${language.toUpperCase()} tradotta` : draft
@@ -37,6 +38,8 @@ function Group({ title, items, all, current, onEdit, onReorder, onChange, onRemo
         const { active, over } = e;
         if (!over || active.id === over.id)
             return;
+        if (site().pagesReorderable === false)
+            return;
         onReorder(items.findIndex((p) => p.slug === active.id), items.findIndex((p) => p.slug === over.id));
     };
     return (_jsxs("section", { className: "pg-group", children: [_jsx("h2", { className: "pg-group-title", children: title }), items.length === 0 && _jsx("p", { className: "pg-empty", children: "nessuna" }), _jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, modifiers: [restrictToVerticalAxis], onDragEnd: onDragEnd, children: _jsx(SortableContext, { items: items.map((p) => p.slug), strategy: verticalListSortingStrategy, children: _jsx("ul", { className: "pg-list", children: items.map((p) => (_jsx(Row, { p: p, pages: all, current: current, onEdit: onEdit, onChange: onChange, languages: languages, onRemove: () => onRemove(p.slug), onDuplicate: () => onDuplicate(p.slug) }, p.slug))) }) }) })] }));
@@ -73,6 +76,7 @@ export function PagesList({ pages, current, onEdit, onChange, onRenamed, languag
             inMenu: false, // una copia non entra nel menu da sola
             published: false, // né va online prima che qualcuno l'abbia guardata
             _orig: null, // pagina nuova: niente da cui conservare
+            _sha: undefined, _documentId: undefined, _draftRevisionId: null, _publishedRevisionId: null,
         };
         const i = pages.indexOf(src);
         onChange([...pages.slice(0, i + 1), copia, ...pages.slice(i + 1)]);

package/dist/app/routes/UploadDock.js

@@ -11,7 +11,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * sempre.
  */
 import { useEffect, useState } from "react";
-import { cancelUpload, dismissUpload, isBusy, pauseUpload, resumeUpload, useUploads, } from "../lib/upload-queue";
+import { cancelUpload, dismissUpload, isBusy, pauseUpload, resumeUpload, retryUpload, useUploads, } from "../lib/upload-queue";
 import { dismissMediaUpload, useMediaUploads, } from "../../form/media/media-upload-queue.js";
 export function UploadDock() {
     const jobs = useUploads();
@@ -28,7 +28,7 @@ export function UploadDock() {
     }, [busy]);
     if (!jobs.length && !mediaJobs.length)
         return null;
-    return (_jsxs("aside", { className: "uk" + (open ? "" : " is-closed"), "aria-label": "Caricamenti", children: [_jsxs("button", { className: "uk-head", onClick: () => setOpen((value) => !value), "aria-expanded": open, children: [_jsx("span", { className: "uk-head-text", children: summary(jobs, mediaJobs) }), _jsx("span", { className: "uk-chevron", "aria-hidden": "true", children: open ? "▾" : "▴" })] }), open && (_jsxs("ul", { className: "uk-list", children: [mediaJobs.map((job) => _jsx(MediaJob, { job: job }, job.id)), jobs.map((job) => (_jsxs("li", { className: "uk-job is-" + job.state, children: [_jsxs("div", { className: "uk-job-top", children: [_jsx("strong", { children: job.title }), _jsx("span", { children: line(job) })] }), isBusy(job) && (_jsx("div", { className: "uk-track", children: _jsx("i", { style: { width: `${percent(job)}%` } }) })), job.error && _jsx("p", { className: "uk-error", children: job.error }), _jsxs("div", { className: "uk-job-actions", children: [job.state === "running" && (_jsx("button", { className: "ak-btn", onClick: () => pauseUpload(job.id), children: "Pausa" })), job.state === "paused" && (_jsx("button", { className: "ak-btn", onClick: () => resumeUpload(job.id), children: "Riprendi" })), isBusy(job) && (confirmStop === job.id ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "uk-confirm", children: "I file gi\u00E0 caricati verranno buttati." }), _jsx("button", { className: "ak-btn", onClick: () => setConfirmStop(null), children: "No" }), _jsx("button", { className: "ak-btn dl-danger-btn", onClick: () => { cancelUpload(job.id); setConfirmStop(null); }, children: "Annulla il caricamento" })] })) : (_jsx("button", { className: "ak-btn ak-btn-quiet", onClick: () => setConfirmStop(job.id), children: "Annulla" }))), !isBusy(job) && (_jsx("button", { className: "ak-btn ak-btn-quiet", onClick: () => dismissUpload(job.id), children: "Togli dall'elenco" }))] })] }, job.id)))] }))] }));
+    return (_jsxs("aside", { className: "uk" + (open ? "" : " is-closed"), "aria-label": "Caricamenti", children: [_jsxs("button", { className: "uk-head", onClick: () => setOpen((value) => !value), "aria-expanded": open, children: [_jsx("span", { className: "uk-head-text", children: summary(jobs, mediaJobs) }), _jsx("span", { className: "uk-chevron", "aria-hidden": "true", children: open ? "▾" : "▴" })] }), open && (_jsxs("ul", { className: "uk-list", children: [mediaJobs.map((job) => _jsx(MediaJob, { job: job }, job.id)), jobs.map((job) => (_jsxs("li", { className: "uk-job is-" + job.state, children: [_jsxs("div", { className: "uk-job-top", children: [_jsx("strong", { children: job.title }), _jsx("span", { children: line(job) })] }), isBusy(job) && (_jsx("div", { className: "uk-track", children: _jsx("i", { style: { width: `${percent(job)}%` } }) })), job.error && _jsx("p", { className: "uk-error", children: job.error }), _jsxs("div", { className: "uk-job-actions", children: [job.state === "running" && (_jsx("button", { className: "ak-btn", onClick: () => pauseUpload(job.id), children: "Pausa" })), job.state === "paused" && (_jsx("button", { className: "ak-btn", onClick: () => resumeUpload(job.id), children: "Riprendi" })), isBusy(job) && job.state !== "cancelling" && (confirmStop === job.id ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "uk-confirm", children: "I file gi\u00E0 caricati verranno buttati." }), _jsx("button", { className: "ak-btn", onClick: () => setConfirmStop(null), children: "No" }), _jsx("button", { className: "ak-btn dl-danger-btn", onClick: () => { cancelUpload(job.id); setConfirmStop(null); }, children: "Annulla il caricamento" })] })) : (_jsx("button", { className: "ak-btn ak-btn-quiet", onClick: () => setConfirmStop(job.id), children: "Annulla" }))), job.state === "failed" && job.retryable && _jsx("button", { className: "ak-btn", onClick: () => void retryUpload(job.id), children: "Riprova" }), !isBusy(job) && (_jsx("button", { className: "ak-btn ak-btn-quiet", onClick: () => dismissUpload(job.id), children: "Togli dall'elenco" }))] })] }, job.id)))] }))] }));
 }
 function MediaJob({ job }) {
     const conversionPercent = job.total ? (job.conversionDone / job.total) * 100 : 0;
@@ -68,10 +68,14 @@ function line(job) {
             ? `Pronto · ${job.skipped} senza anteprima`
             : "Pronto";
     }
+    if (job.state === "cancelling")
+        return "Annullamento in corso";
     if (job.state === "failed")
         return "Interrotto";
     if (job.state === "paused")
         return "In pausa";
+    if (job.waitingForNetwork)
+        return "Attendo la connessione e riprovo…";
     const progress = job.progress;
     if (!progress)
         return "Preparo…";

package/dist/app/site.d.ts

@@ -10,6 +10,12 @@ export interface PageTypeConfig {
     object: z.ZodType;
     payload: z.ZodType;
     hasBody: boolean;
+    /** Fixed routes cannot be renamed, hidden, duplicated or removed. */
+    fixed?: boolean;
+    menuEditable?: boolean;
+    creatable?: boolean;
+    create?: (title: string, slug: string) => Record<string, unknown>;
+    seoShape?: Shape;
 }
 /** Lingue dei contenuti, assenti nei siti monolingui. I codici sono quelli dei sibling Hugo
  * (`index.md`, `index.en.md`): la lingua predefinita non porta alcun suffisso. */
@@ -39,6 +45,13 @@ export interface SiteAdminConfig {
     languages?: LanguagesConfig;
     /** Forma del singleton home: i suoi `group` diventano le voci della seconda colonna. */
     home: Shape;
+    /** Schema-owned fields rendered inside the native Settings surface. */
+    settingsShape?: Shape;
+    pagesReorderable?: boolean;
+    /** Optional storage-policy surface inside the native Media pane. */
+    mediaEditor?: ComponentType;
+    /** Preview approval, public observation and rollback for direct SSR publishing. */
+    directPublication?: boolean;
     /** Optional site-owned Home surface. The kit keeps its legacy visual editor
      * as a fallback, while a site with a different document shape can render its
      * own schema-driven editor without teaching the shared package its fields. */

package/dist/direct-publication.d.ts

@@ -0,0 +1,20 @@
+import { type D1DatabaseLike, type D1Statement } from "./persistence.js";
+import { type ImmutableReleaseExport } from "./release.js";
+/** A SELECT guard belongs inside the batch: a failed conditional must abort
+ * every mutation, including when an UPDATE would silently affect zero rows. */
+export declare function transactionAssertion(db: D1DatabaseLike, condition: string, values?: unknown[]): D1Statement;
+export declare function previewCandidateChecksum(baseReleaseId: string, entries: readonly {
+    documentId: string;
+    revisionId: string;
+    payloadChecksum: string;
+}[]): Promise<string>;
+export declare function commitDirectRelease(db: D1DatabaseLike, input: {
+    release: ImmutableReleaseExport;
+    expectedBaseReleaseId: string;
+    selectedDrafts: readonly {
+        documentId: string;
+        revisionId: string;
+    }[];
+    authorSubject: string;
+    now: number;
+}): Promise<void>;