@cardinali-studio/adminkit 2.2.34 → 2.2.36

package/dist/api.d.ts

@@ -207,6 +207,7 @@ export declare const api: {
         } | null;
         activeReleaseId?: string | null;
         previousReleaseId?: string | null;
+        verified?: boolean;
     }>;
     contentPreview: (target: ContentDocumentPublishTarget) => Promise<{
         ok: true;

package/dist/app/App.js

@@ -14,7 +14,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * separati (una collezione e un singleton), ma da qui dentro sono lo stesso gesto e non c'è
  * ragione di farli sembrare due funzioni diverse.
  */
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useState, useRef } from "react";
 /* L'ordine di questi tre import È la separazione motore/cliente, e non va scambiato:
  * i default del kit, poi l'identità di questo sito che li sovrascrive, poi l'impaginazione. */
 import "../theme.css";
@@ -61,6 +61,8 @@ export function App() {
 }
 function CurrentAdminApp({ adminInterface, setAdminInterface, }) {
     const [route, go] = useHashRoute();
+    const [releaseOpen, setReleaseOpen] = useState(false);
+    const [rollbackConfirm, setRollbackConfirm] = useState(false);
     const { theme, toggle: toggleTheme } = useTheme();
     /* Si entra dalla Panoramica, non dalle Pagine: aprendo il pannello la domanda è quasi sempre
        «è successo qualcosa?», e la risposta stava sparsa in tre sezioni da visitare una per una. */
@@ -99,6 +101,20 @@ function CurrentAdminApp({ adminInterface, setAdminInterface, }) {
        finito uno, non all'avanzamento — altrimenti il pannello si ridisegnerebbe due volte al
        secondo per tutta la durata dell'upload. */
     const uploadCompletions = useUploadCompletions();
+    useEffect(() => { if (site().directPublication && section === "media")
+        void publish.reload(); }, [media.mediaOperations]);
+    const lastObservedRelease = useRef(null);
+    useEffect(() => {
+        if (lastObservedRelease.current && publish.activeReleaseId && lastObservedRelease.current !== publish.activeReleaseId) {
+            if (!pages.dirty)
+                void pages.load();
+            if (home.data && !home.dirty)
+                void home.load();
+            if (settings.data && !settings.dirty)
+                void settings.load();
+        }
+        lastObservedRelease.current = publish.activeReleaseId;
+    }, [publish.activeReleaseId]);
     useEffect(() => {
         if (section === "deliveries")
             void deliveries.load();
@@ -261,7 +277,7 @@ function CurrentAdminApp({ adminInterface, setAdminInterface, }) {
         || (section === "requests" && !openReq)
         || (section === "bookings" && !openBooking)
         || (section === "media" && (view === "trash" || mediaSettingsOpen || mediaCrumbs.length === 0));
-    return (_jsx(ProsePages.Provider, { value: pageLinks, children: _jsxs("div", { className: "app" + (hasList(section) && !(section === "media" && MediaEditorView) && !offModule ? "" : " is-two"), children: [_jsxs("nav", { className: "rail", children: [_jsxs("div", { className: "rail-brand", children: [_jsx("span", { className: "rail-brand-name", children: site().name }), _jsx("span", { className: "rail-brand-role", children: "pannello" })] }), _jsx("div", { className: "rail-nav", children: navGroups.map((g) => (_jsxs("div", { className: "rail-group", children: [g.title && _jsx("span", { className: "rail-group-title", children: g.title }), g.items.map((n) => (_jsxs("button", { className: "rail-item" + (section === n.id ? " is-on" : ""), "aria-label": n.label, disabled: section === "media" && media.mutating, onClick: () => go(`/${n.id}`), children: [_jsx(n.icon, {}), _jsx("span", { children: n.label }), "badge" in n && n.badge ? _jsx("span", { className: "rail-badge", children: n.badge }) : null] }, n.id)))] }, g.title ?? "top"))) }), _jsxs("div", { className: "rail-foot", children: [_jsxs("a", { className: "rail-item", href: "/", target: "_blank", rel: "noreferrer", "aria-label": "Vedi il sito", children: [_jsx(Icon.out, {}), _jsx("span", { children: "Vedi il sito" })] }), _jsxs("button", { className: "rail-item", onClick: toggleTheme, "aria-label": theme === "dark" ? "Tema chiaro" : "Tema scuro", children: [theme === "dark" ? _jsx(Icon.sun, {}) : _jsx(Icon.moon, {}), _jsx("span", { children: theme === "dark" ? "Tema chiaro" : "Tema scuro" })] }), _jsxs("button", { className: "rail-item" + (section === "settings" ? " is-on" : ""), "aria-label": "Impostazioni", disabled: section === "media" && media.mutating, onClick: () => go("/settings/site"), children: [_jsx(Icon.settings, {}), _jsx("span", { children: "Impostazioni" })] })] })] }), hasList(section) && !(section === "media" && MediaEditorView) && !offModule && (_jsxs("div", { className: "col", children: [section === "pages" && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "col-head col-head-actions", children: [_jsx("span", { className: "col-title", children: "Pagine" }), list && _jsx(NewPageButton, { pages: list, onCreate: (p) => pages.update([...list, p]) })] }), _jsx("div", { className: "col-body", children: pages.error ? _jsx("p", { className: "ak-error", children: pages.error })
+    return (_jsx(ProsePages.Provider, { value: pageLinks, children: _jsxs("div", { className: "app" + (hasList(section) && !(section === "media" && MediaEditorView) && !offModule ? "" : " is-two"), children: [_jsxs("nav", { className: "rail", children: [_jsxs("div", { className: "rail-brand", children: [_jsx("span", { className: "rail-brand-name", children: site().name }), _jsx("span", { className: "rail-brand-role", children: "pannello" })] }), _jsx("div", { className: "rail-nav", children: navGroups.map((g) => (_jsxs("div", { className: "rail-group", children: [g.title && _jsx("span", { className: "rail-group-title", children: g.title }), g.items.map((n) => (_jsxs("button", { className: "rail-item" + (section === n.id ? " is-on" : ""), "aria-label": n.label, disabled: section === "media" && media.mutating, onClick: () => go(`/${n.id}`), children: [_jsx(n.icon, {}), _jsx("span", { children: n.label }), "badge" in n && n.badge ? _jsx("span", { className: "rail-badge", children: n.badge }) : null] }, n.id)))] }, g.title ?? "top"))) }), _jsxs("div", { className: "rail-foot", children: [site().directPublication && _jsxs("div", { className: "ak-release-control", children: [_jsxs("button", { className: "ak-release-trigger", "aria-haspopup": "dialog", "aria-expanded": releaseOpen, onClick: () => { setReleaseOpen(!releaseOpen); setRollbackConfirm(false); }, children: [_jsx("span", { className: "ak-release-dot" + (publish.verified ? " is-ok" : "") }), publish.configured ? (publish.verified ? "Online" : "In attesa") : "Non disponibile"] }), releaseOpen && _jsxs("section", { className: "ak-release-menu", role: "dialog", "aria-label": "Stato della pubblicazione", children: [_jsx("strong", { children: publish.verified ? "Online" : "Verifica in attesa" }), _jsx("p", { children: publish.verified ? "Il sito mostra gli ultimi contenuti pubblicati." : "I contenuti sono salvati in D1; verifica la versione visibile sul dominio pubblico." }), _jsx("dl", { children: _jsxs("div", { children: [_jsx("dt", { children: "Versione" }), _jsx("dd", { children: publish.activeReleaseId?.slice(0, 8) || "—" })] }) }), _jsx("button", { className: "ak-btn", onClick: () => void publish.verify(), children: "Verifica sito pubblico" }), publish.previousReleaseId && !rollbackConfirm && _jsx("button", { className: "ak-btn", disabled: publish.publishing || pages.dirty || home.dirty || settings.dirty, onClick: () => setRollbackConfirm(true), children: "Ripristina la versione precedente" }), rollbackConfirm && _jsxs("div", { children: [_jsx("p", { children: "Ripristinare la versione precedente? Le bozze restano salvate." }), _jsx("button", { className: "ak-btn ak-btn-primary", disabled: publish.publishing, onClick: () => void publish.rollback().then(async () => { await pages.load(); await home.load(); await settings.load(); setRollbackConfirm(false); }), children: "Conferma ripristino" }), _jsx("button", { className: "ak-btn", onClick: () => setRollbackConfirm(false), children: "Annulla" })] }), _jsx("button", { className: "ak-btn ak-btn-quiet", onClick: () => setReleaseOpen(false), children: "Chiudi" })] })] }), _jsxs("a", { className: "rail-item", href: "/", target: "_blank", rel: "noreferrer", "aria-label": "Vedi il sito", children: [_jsx(Icon.out, {}), _jsx("span", { children: "Vedi il sito" })] }), _jsxs("button", { className: "rail-item", onClick: toggleTheme, "aria-label": theme === "dark" ? "Tema chiaro" : "Tema scuro", children: [theme === "dark" ? _jsx(Icon.sun, {}) : _jsx(Icon.moon, {}), _jsx("span", { children: theme === "dark" ? "Tema chiaro" : "Tema scuro" })] }), _jsxs("button", { className: "rail-item" + (section === "settings" ? " is-on" : ""), "aria-label": "Impostazioni", disabled: section === "media" && media.mutating, onClick: () => go("/settings/site"), children: [_jsx(Icon.settings, {}), _jsx("span", { children: "Impostazioni" })] })] })] }), hasList(section) && !(section === "media" && MediaEditorView) && !offModule && (_jsxs("div", { className: "col", children: [section === "pages" && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "col-head col-head-actions", children: [_jsx("span", { className: "col-title", children: "Pagine" }), list && _jsx(NewPageButton, { pages: list, onCreate: (p) => pages.update([...list, p]) })] }), _jsx("div", { className: "col-body", children: pages.error ? _jsx("p", { className: "ak-error", children: pages.error })
                                         : !list ? _jsx("p", { className: "ak-hint", children: "Carico\u2026" })
                                             : _jsx(PagesList, { pages: list, current: editing?.slug, onEdit: (slug) => go(`/pages/${slug}`), languages: languages, onChange: pages.update, onRenamed: (from, to) => {
                                                     if (editing?.slug === from)
@@ -294,8 +310,7 @@ function CurrentAdminApp({ adminInterface, setAdminInterface, }) {
                                             onClick: () => void saver.save().then(() => publish.reload()), children: saver.saving ? "Salvo…" : "Salva" })] })), contentPersistenceMode() === "d1" && d1ContextPending && otherPendingCount > 0 && (_jsx("span", { className: "pane-count", title: "Queste modifiche restano in bozza", children: otherPendingCount === 1 ? "1 altra bozza" : `${otherPendingCount} altre bozze` })), site().directPublication && _jsxs(_Fragment, { children: [d1ContextPending && d1PublishTarget && _jsx("button", { className: "ak-btn", disabled: publish.publishing || !!saver?.dirty || !!saver?.saving, onClick: () => void publish.preview(d1PublishTarget), children: "Anteprima" }), d1ContextPending && d1PublishTarget && _jsx("button", { className: "ak-btn", disabled: publish.publishing || !!saver?.dirty || !!saver?.saving, onClick: () => void api.discardContent(d1PublishTarget.documentId, d1PublishTarget.expectedDraftRevisionId, null).then(async () => { if (section === "pages")
                                                 await pages.load(); if (section === "home")
                                                 await home.load(); if (section === "settings")
-                                                await settings.load(); await publish.reload(); }), children: "Scarta bozza" }), _jsx("button", { className: "ak-btn", onClick: () => void publish.verify(), children: "Verifica sito pubblico" }), publish.previousReleaseId && _jsx("button", { className: "ak-btn", disabled: publish.publishing || pages.dirty || home.dirty || settings.dirty, onClick: () => { if (confirm("Ripristinare la release precedente del sito? Le bozze restano salvate."))
-                                                void publish.rollback().then(async () => { await pages.load(); await home.load(); await settings.load(); }); }, children: "Ripristina precedente" })] }), ((contentPersistenceMode() === "d1" && d1ContextPending)
+                                                await settings.load(); await publish.reload(); }), children: "Scarta bozza" })] }), ((contentPersistenceMode() === "d1" && d1ContextPending)
                                     || (contentPersistenceMode() !== "d1" && publish.ahead > 0)) && (_jsx("button", { className: "ak-btn ak-btn-primary", disabled: publish.publishing || !!saver?.dirty || !!saver?.saving || (site().directPublication === true && !publish.previewApproved(d1PublishTarget)), onClick: () => void publish.publish(d1PublishTarget ?? undefined).then(async () => { if (!saver?.dirty) {
                                         if (section === "pages")
                                             await pages.load();

package/dist/app/BugReport.d.ts

@@ -0,0 +1,7 @@
+type BugReportOptions = {
+    siteName: string;
+    email: string;
+    whatsapp: string;
+};
+export declare function mountBugReport(options: BugReportOptions): void;
+export {};

package/dist/app/BugReport.js

@@ -0,0 +1,212 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { domToBlob } from "modern-screenshot";
+import { StrictMode, useEffect, useRef, useState } from "react";
+import { createRoot } from "react-dom/client";
+function BugIcon() {
+    return _jsxs("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: [_jsx("path", { d: "M9 4.5h6M10 2.5v2m4-2v2M7.5 9H4m3.5 4H4m12.5-4H20m-3.5 4H20M8 6.5h8v7.25a4 4 0 0 1-8 0V6.5Z" }), _jsx("path", { d: "M8 10.5h8M12 10.5v7" })] });
+}
+function DownloadIcon() {
+    return _jsx("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { d: "M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3" }) });
+}
+function CloseIcon() {
+    return _jsx("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { d: "m6 6 12 12M18 6 6 18" }) });
+}
+function MailIcon() {
+    return _jsx("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { d: "M3.5 6.5h17v12h-17zM4 7l8 6 8-6" }) });
+}
+function WhatsAppIcon() {
+    return _jsxs("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: [_jsx("path", { d: "M5.2 18.8 3.8 22l3.5-1.2A9 9 0 1 0 5.2 18.8Z" }), _jsx("path", { d: "M9 7.7c.2-.5.5-.5.8-.5h.5c.2 0 .4.1.5.4l.8 1.9c.1.3 0 .5-.2.7l-.6.7c-.2.2-.1.4 0 .6.7 1.2 1.6 2.1 2.8 2.7.2.1.4.1.6-.1l.8-1c.2-.2.4-.3.7-.2l1.8.9c.3.1.4.3.4.5 0 .4-.2 1.5-1.1 2.1-.8.5-1.8.7-3.4.2-1.2-.4-2.7-1.1-4.2-2.7-1.2-1.2-2.1-2.8-2.4-4-.3-1.2.2-1.9.5-2.2.3-.4.6-.5.8-.5" })] });
+}
+function IconButton({ children, label, onClick, disabled = false }) {
+    return _jsx("button", { type: "button", className: "ak-bug-icon-button", "aria-label": label, title: label, onClick: onClick, disabled: disabled, children: children });
+}
+async function capturePage() {
+    await new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(() => resolve())));
+    const scale = Math.min(1, 1600 / window.innerWidth, 1200 / window.innerHeight);
+    const blob = await domToBlob(document.body, {
+        type: "image/webp",
+        quality: .68,
+        backgroundColor: getComputedStyle(document.body).backgroundColor,
+        scale,
+        width: window.innerWidth,
+        height: window.innerHeight,
+        filter: (node) => !(node instanceof Element && node.closest("#ak-bug-report-root")),
+        features: { restoreScrollPosition: true },
+        fetch: { requestInit: { cache: "force-cache", credentials: "same-origin" } },
+    });
+    if (!blob)
+        throw new Error("Screenshot non disponibile");
+    const extension = blob.type === "image/webp" ? "webp" : "jpg";
+    const day = new Date().toISOString().slice(0, 10);
+    return { blob, objectUrl: URL.createObjectURL(blob), filename: `bug-report-${day}.${extension}` };
+}
+function currentPageLabel() {
+    const hash = location.hash.replace(/^#\/?/, "");
+    return hash ? `${location.pathname}#/${hash}` : location.pathname;
+}
+function BugReport({ siteName, email, whatsapp }) {
+    const [enabled, setEnabled] = useState(() => document.documentElement.dataset.adminInterface === "next");
+    const [open, setOpen] = useState(false);
+    const [capturing, setCapturing] = useState(false);
+    const [sending, setSending] = useState(null);
+    const [message, setMessage] = useState("");
+    const [screenshot, setScreenshot] = useState(null);
+    const [uploaded, setUploaded] = useState(null);
+    const [error, setError] = useState(null);
+    const dialogRef = useRef(null);
+    const messageRef = useRef(null);
+    useEffect(() => {
+        const observer = new MutationObserver(() => {
+            setEnabled(document.documentElement.dataset.adminInterface === "next");
+        });
+        observer.observe(document.documentElement, { attributes: true, attributeFilter: ["data-admin-interface"] });
+        return () => observer.disconnect();
+    }, []);
+    useEffect(() => () => {
+        if (screenshot)
+            URL.revokeObjectURL(screenshot.objectUrl);
+    }, [screenshot]);
+    /* Ogni apertura è una nuova segnalazione. Lo screenshot viene già rigenerato; anche il testo
+     * deve perdere il report precedente quando il dialog viene chiuso, qualunque sia il gesto. */
+    useEffect(() => {
+        if (!open)
+            setMessage("");
+    }, [open]);
+    useEffect(() => {
+        if (!open)
+            return;
+        const app = document.getElementById("root");
+        if (app)
+            app.inert = true;
+        messageRef.current?.focus();
+        const keydown = (event) => {
+            if (event.key === "Escape" && !sending)
+                setOpen(false);
+            if (event.key !== "Tab")
+                return;
+            const focusable = [...(dialogRef.current?.querySelectorAll("button:not(:disabled), a[href], textarea:not(:disabled)") || [])];
+            if (!focusable.length)
+                return;
+            const first = focusable[0];
+            const last = focusable[focusable.length - 1];
+            if (event.shiftKey && document.activeElement === first) {
+                event.preventDefault();
+                last.focus();
+            }
+            else if (!event.shiftKey && document.activeElement === last) {
+                event.preventDefault();
+                first.focus();
+            }
+        };
+        addEventListener("keydown", keydown);
+        return () => {
+            if (app)
+                app.inert = false;
+            removeEventListener("keydown", keydown);
+        };
+    }, [open, sending]);
+    const begin = async () => {
+        if (capturing)
+            return;
+        setCapturing(true);
+        setError(null);
+        setUploaded(null);
+        try {
+            const next = await capturePage();
+            setScreenshot(next);
+            setOpen(true);
+        }
+        catch {
+            setScreenshot(null);
+            setOpen(true);
+            setError("Non sono riuscito a creare lo screenshot. Riprova.");
+        }
+        finally {
+            setCapturing(false);
+        }
+    };
+    const retry = async () => {
+        setOpen(false);
+        await begin();
+    };
+    const upload = async () => {
+        if (uploaded)
+            return uploaded;
+        if (!screenshot)
+            throw new Error("Crea prima lo screenshot.");
+        const form = new FormData();
+        form.set("image", screenshot.blob, screenshot.filename);
+        form.set("site", siteName);
+        form.set("page", location.href);
+        form.set("title", document.title);
+        const response = await fetch("/admin/api/bug-report", { method: "POST", body: form });
+        const result = await response.json().catch(() => null);
+        if (!response.ok || !result?.url)
+            throw new Error(result?.error || "Non sono riuscito a caricare lo screenshot.");
+        setUploaded(result);
+        return result;
+    };
+    const reportText = (screenshotUrl) => [
+        message.trim(),
+        "",
+        `Screenshot: ${screenshotUrl}`,
+        `Pagina: ${currentPageLabel()}`,
+        `AdminKit · nuova interfaccia`,
+        `Data: ${new Intl.DateTimeFormat("it-IT", { dateStyle: "medium", timeStyle: "short" }).format(new Date())}`,
+    ].join("\n");
+    const send = async (channel) => {
+        if (!message.trim()) {
+            setError("Scrivi una breve descrizione del problema.");
+            messageRef.current?.focus();
+            return;
+        }
+        if (!screenshot) {
+            setError("Crea prima lo screenshot.");
+            return;
+        }
+        const whatsappWindow = channel === "whatsapp" ? window.open("", "_blank") : null;
+        if (whatsappWindow)
+            whatsappWindow.opener = null;
+        setSending(channel);
+        setError(null);
+        try {
+            const saved = await upload();
+            const text = reportText(saved.url);
+            if (channel === "email") {
+                const subject = `Report Bug ${siteName}`;
+                location.href = `mailto:${encodeURIComponent(email)}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(text)}`;
+            }
+            else {
+                const target = `https://wa.me/${whatsapp.replace(/\D/g, "")}?text=${encodeURIComponent(text)}`;
+                if (whatsappWindow)
+                    whatsappWindow.location.replace(target);
+                else
+                    window.open(target, "_blank", "noopener,noreferrer");
+            }
+        }
+        catch (reason) {
+            whatsappWindow?.close();
+            setError(reason instanceof Error ? reason.message : "Non sono riuscito a preparare il report.");
+        }
+        finally {
+            setSending(null);
+        }
+    };
+    if (!enabled)
+        return null;
+    return _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "ak-bug-trigger", "aria-label": "Segnala un bug", title: "Segnala un bug", onClick: () => void begin(), disabled: capturing, children: [_jsx(BugIcon, {}), capturing && _jsx("span", { className: "ak-bug-capturing", "aria-hidden": "true" })] }), open && _jsx("div", { className: "ak-bug-backdrop", onMouseDown: (event) => {
+                    if (event.target === event.currentTarget && !sending)
+                        setOpen(false);
+                }, children: _jsxs("div", { className: "ak-bug-dialog", ref: dialogRef, role: "dialog", "aria-modal": "true", "aria-labelledby": "ak-bug-title", children: [_jsxs("header", { className: "ak-bug-head", children: [_jsxs("div", { children: [_jsx("span", { className: "ak-bug-kicker", children: "Segnalazione" }), _jsx("h2", { id: "ak-bug-title", children: "Riporta un problema" }), _jsx("p", { children: "Descrivi cosa non ha funzionato. La schermata ci aiuter\u00E0 a capirlo." })] }), _jsx(IconButton, { label: "Chiudi", onClick: () => setOpen(false), disabled: Boolean(sending), children: _jsx(CloseIcon, {}) })] }), _jsxs("div", { className: "ak-bug-content", children: [_jsxs("section", { className: "ak-bug-shot-card", "aria-label": "Screenshot del problema", children: [_jsxs("div", { className: "ak-bug-shot-head", children: [_jsx("strong", { children: "Schermata" }), screenshot && _jsxs("a", { className: "ak-bug-download", href: screenshot.objectUrl, download: screenshot.filename, children: [_jsx(DownloadIcon, {}), " Scarica"] })] }), screenshot
+                                            ? _jsx("img", { src: screenshot.objectUrl, alt: "Anteprima della schermata segnalata" })
+                                            : _jsxs("div", { className: "ak-bug-shot-missing", children: [_jsx("span", { children: "Screenshot non disponibile" }), _jsx("button", { type: "button", onClick: () => void retry(), children: "Riprova" })] }), screenshot && _jsxs("small", { children: [Math.max(1, Math.round(screenshot.blob.size / 1024)), " KB \u00B7 il link scade dopo 30 giorni"] })] }), _jsxs("label", { className: "ak-bug-message", children: [_jsx("span", { children: "Cosa \u00E8 successo?" }), _jsx("textarea", { ref: messageRef, value: message, onChange: (event) => setMessage(event.target.value), placeholder: "Es. Ho premuto Salva, ma il titolo \u00E8 tornato come prima\u2026", rows: 8, maxLength: 3000 }), _jsxs("small", { children: [message.length, "/3000"] })] })] }), error && _jsx("p", { className: "ak-bug-error", role: "alert", children: error }), _jsxs("footer", { className: "ak-bug-actions", children: [_jsx("span", { children: sending ? "Carico lo screenshot e preparo il messaggio…" : "Lo screenshot sarà caricato solo quando invii." }), _jsxs("div", { children: [_jsxs("button", { type: "button", className: "ak-bug-send is-email", disabled: Boolean(sending) || !screenshot, onClick: () => void send("email"), children: [_jsx(MailIcon, {}), sending === "email" ? "Preparo…" : "Invia email"] }), whatsapp && _jsxs("button", { type: "button", className: "ak-bug-send is-whatsapp", disabled: Boolean(sending) || !screenshot, onClick: () => void send("whatsapp"), children: [_jsx(WhatsAppIcon, {}), sending === "whatsapp" ? "Preparo…" : "Invia WhatsApp"] })] })] })] }) })] });
+}
+export function mountBugReport(options) {
+    let host = document.getElementById("ak-bug-report-root");
+    if (!host) {
+        host = document.createElement("div");
+        host.id = "ak-bug-report-root";
+        document.body.append(host);
+    }
+    createRoot(host).render(_jsx(StrictMode, { children: _jsx(BugReport, { ...options }) }));
+}

package/dist/app/app.css

@@ -2229,3 +2229,127 @@ body:has(.uk) .pane-body { padding-bottom: 190px; }
 .ak-conflict-image { display: grid; gap: 6px; margin-top: 5px; }.ak-conflict-image img { width: 72px; height: 48px; object-fit: cover; border-radius: 3px; }.ak-conflict-image code { overflow-wrap: anywhere; font-size: 11px; }
 .ak-conflict-dialog footer { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }
 @media (max-width: 620px) { .ak-conflict-options { grid-template-columns: 1fr; } .ak-conflict-backdrop { padding: 12px; } }
+
+/* Direct SSR publication status lives with the global site controls. */
+.ak-release-control{position:relative;flex:none}.ak-release-trigger{min-width:104px;height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 14px;border:0;border-radius:14px;background:color-mix(in srgb,var(--ak-rail-bg) 74%,var(--ak-line));color:var(--ak-rail-ink-on);cursor:pointer;font:600 12px/1 var(--ak-font);white-space:nowrap}.ak-release-dot{width:8px;height:8px;border-radius:50%;background:#c68b3c}.ak-release-dot.is-ok{background:#35a66f}.ak-release-menu{position:absolute;z-index:100;top:calc(100% + 10px);right:0;width:min(330px,calc(100vw - 24px));display:flex;flex-direction:column;gap:14px;padding:18px;border:0;border-radius:18px;background:var(--ak-panel);color:var(--ak-ink);box-shadow:var(--ak-lift-3);font:400 13px/1.5 var(--ak-font)}.ak-release-menu p{margin:0;color:var(--ak-ink-quiet)}.ak-release-menu dl{margin:0;padding:12px;border-radius:12px;background:var(--ak-inset)}.ak-release-menu dl>div{display:flex;justify-content:space-between;gap:16px}.ak-release-menu dd{margin:0;font-family:var(--ak-font-mono)}:root[data-admin-interface="next"] .rail{overflow:visible}
+
+/* Bug report della nuova interfaccia: il root vive fuori dall'app per poter sfocare l'intero
+ * pannello senza includere il dialog nello screenshot. Nella UI corrente non viene renderizzato. */
+.ak-bug-trigger {
+  position: fixed; z-index: 70; right: 18px; bottom: 18px;
+  width: 46px; height: 46px; display: grid; place-items: center;
+  border: 0; border-radius: 15px; background: var(--ak-ink); color: var(--ak-panel);
+  box-shadow: 0 5px 18px rgba(35, 30, 32, .18); cursor: pointer;
+  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
+}
+.ak-bug-trigger:hover { transform: translateY(-2px); box-shadow: 0 9px 25px rgba(35, 30, 32, .23); }
+.ak-bug-trigger:focus-visible { outline: 0; box-shadow: var(--ak-ring), 0 9px 25px rgba(35, 30, 32, .23); }
+.ak-bug-trigger:disabled { cursor: wait; opacity: .78; }
+.ak-bug-trigger svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
+.ak-bug-capturing {
+  position: absolute; inset: 5px; border: 2px solid transparent; border-top-color: currentColor;
+  border-radius: 12px; animation: ak-bug-spin .8s linear infinite;
+}
+@keyframes ak-bug-spin { to { transform: rotate(1turn); } }
+
+.ak-bug-backdrop {
+  position: fixed; z-index: 200; inset: 0; display: grid; place-items: center; padding: 24px;
+  background: rgba(31, 29, 30, .2); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);
+  animation: ak-bug-backdrop-in 180ms ease-out both;
+}
+@keyframes ak-bug-backdrop-in { from { opacity: 0; } }
+.ak-bug-dialog {
+  width: min(780px, 100%); max-height: min(760px, calc(100vh - 48px)); overflow: auto;
+  display: flex; flex-direction: column; gap: 20px; padding: 24px;
+  border: 0; border-radius: 24px; background: var(--ak-panel); color: var(--ak-ink);
+  box-shadow: 0 28px 80px -28px rgba(18, 15, 16, .48); font-family: var(--ak-font);
+  animation: ak-bug-dialog-in 220ms cubic-bezier(.2, .8, .2, 1) both;
+}
+@keyframes ak-bug-dialog-in {
+  from { opacity: 0; transform: translateY(12px) scale(.985); }
+}
+.ak-bug-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; }
+.ak-bug-head > div { min-width: 0; }
+.ak-bug-kicker {
+  display: block; margin-bottom: 6px; color: var(--ak-accent);
+  font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
+}
+.ak-bug-head h2 { margin: 0; font-size: 22px; line-height: 1.15; letter-spacing: -.025em; }
+.ak-bug-head p { max-width: 560px; margin: 7px 0 0; color: var(--ak-ink-quiet); font-size: 13px; line-height: 1.45; }
+.ak-bug-icon-button {
+  width: 40px; height: 40px; flex: none; display: grid; place-items: center;
+  border: 0; border-radius: 12px; background: var(--ak-inset); color: var(--ak-ink-quiet); cursor: pointer;
+}
+.ak-bug-icon-button:hover { color: var(--ak-ink); background: var(--ak-inset-deep); }
+.ak-bug-icon-button:focus-visible { outline: 0; box-shadow: var(--ak-ring); }
+.ak-bug-icon-button:disabled { opacity: .5; cursor: default; }
+.ak-bug-icon-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
+
+.ak-bug-content { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 18px; }
+.ak-bug-shot-card {
+  min-width: 0; display: flex; flex-direction: column; gap: 10px; padding: 12px;
+  border-radius: 17px; background: var(--ak-inset);
+}
+.ak-bug-shot-head { min-height: 30px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
+.ak-bug-shot-head strong { font-size: 12px; font-weight: 650; }
+.ak-bug-download {
+  min-height: 30px; display: inline-flex; align-items: center; gap: 6px; padding: 0 9px;
+  border-radius: 9px; background: var(--ak-panel); color: var(--ak-ink); font-size: 11px; font-weight: 600;
+  text-decoration: none;
+}
+.ak-bug-download:hover { background: var(--ak-inset-deep); }
+.ak-bug-download:focus-visible { outline: 0; box-shadow: var(--ak-ring); }
+.ak-bug-download svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
+.ak-bug-shot-card img {
+  width: 100%; aspect-ratio: 16 / 10; display: block; object-fit: contain;
+  border-radius: 11px; background: var(--ak-inset-deep);
+}
+.ak-bug-shot-card small { color: var(--ak-ink-faint); font-size: 10px; line-height: 1.35; }
+.ak-bug-shot-missing {
+  min-height: 185px; display: grid; place-items: center; align-content: center; gap: 10px;
+  border-radius: 11px; color: var(--ak-ink-quiet); font-size: 12px; text-align: center;
+}
+.ak-bug-shot-missing button { border: 0; background: transparent; color: var(--ak-accent); font: 600 12px var(--ak-font); cursor: pointer; }
+
+.ak-bug-message { min-width: 0; display: flex; flex-direction: column; gap: 8px; }
+.ak-bug-message > span { font-size: 12px; font-weight: 650; }
+.ak-bug-message textarea {
+  min-height: 218px; width: 100%; resize: vertical; padding: 13px 14px;
+  border: 1px solid transparent; border-radius: 15px; background: var(--ak-inset); color: var(--ak-ink);
+  font: 400 13px/1.5 var(--ak-font);
+}
+.ak-bug-message textarea::placeholder { color: var(--ak-ink-faint); }
+.ak-bug-message textarea:focus { outline: 0; border-color: color-mix(in srgb, var(--ak-accent) 30%, transparent); box-shadow: var(--ak-ring); background: var(--ak-panel); }
+.ak-bug-message small { align-self: flex-end; color: var(--ak-ink-faint); font-size: 10px; }
+.ak-bug-error { margin: -5px 0 0; padding: 10px 12px; border-radius: 11px; background: color-mix(in srgb, var(--ak-danger) 11%, transparent); color: var(--ak-danger); font-size: 12px; }
+
+.ak-bug-actions { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-top: 18px; border-top: 1px solid var(--ak-line); }
+.ak-bug-actions > span { color: var(--ak-ink-faint); font-size: 10px; line-height: 1.4; }
+.ak-bug-actions > div { flex: none; display: flex; gap: 8px; }
+.ak-bug-send {
+  min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
+  padding: 0 14px; border: 0; border-radius: 12px; background: var(--ak-inset); color: var(--ak-ink);
+  font: 650 12px/1 var(--ak-font); cursor: pointer;
+}
+.ak-bug-send.is-whatsapp { background: var(--ak-accent); color: var(--ak-accent-ink); }
+.ak-bug-send:hover { filter: brightness(.97); }
+.ak-bug-send:focus-visible { outline: 0; box-shadow: var(--ak-ring); }
+.ak-bug-send:disabled { opacity: .5; cursor: wait; }
+.ak-bug-send svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
+
+@media (max-width: 680px) {
+  .ak-bug-trigger { right: 12px; bottom: 12px; }
+  .ak-bug-backdrop { padding: 10px; place-items: end center; }
+  .ak-bug-dialog { max-height: calc(100vh - 20px); padding: 20px; border-radius: 22px; }
+  .ak-bug-content { grid-template-columns: minmax(0, 1fr); }
+  .ak-bug-shot-card img { max-height: 220px; }
+  .ak-bug-message textarea { min-height: 140px; }
+  .ak-bug-actions { align-items: stretch; flex-direction: column; }
+  .ak-bug-actions > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .ak-bug-trigger, .ak-bug-backdrop, .ak-bug-dialog { animation: none; transition: none; }
+}
+:root[data-admin-interface="next"] .rail-foot > .ak-release-control.ak-release-control{width:auto;height:auto;overflow:visible}
+:root[data-admin-interface="next"] .rail-foot > .ak-release-control.ak-release-control > .ak-release-trigger{width:auto;min-width:104px;display:inline-flex;gap:9px;padding:0 14px;color:var(--ak-rail-ink-on);font:600 12px/1 var(--ak-font);overflow:visible}

package/dist/app/index.js

@@ -15,6 +15,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import { setStoragePrefix } from "../index.js";
+import { mountBugReport } from "./BugReport.js";
 import { App } from "./App.js";
 import { applyTheme, initialTheme } from "./lib/theme.js";
 import { setSiteConfig } from "./site.js";
@@ -31,4 +32,6 @@ export function mountAdmin({ site, root, storagePrefix, workspace }) {
         throw new Error("adminkit: elemento di montaggio non trovato (atteso #root)");
     const Workspace = workspace ?? App;
     createRoot(el).render(_jsx(StrictMode, { children: _jsx(Workspace, {}) }));
+    if (site.bugReport)
+        mountBugReport({ siteName: site.name, email: site.bugReport.email, whatsapp: site.bugReport.whatsapp || "" });
 }

package/dist/app/lib/publish.d.ts

@@ -20,6 +20,8 @@ export interface PublishState {
     preview(target: ContentPublishTarget): Promise<void>;
     previewApproved(target: ContentPublishTarget | null): boolean;
     previousReleaseId: string | null;
+    activeReleaseId: string | null;
+    verified: boolean;
     rollback(): Promise<void>;
     verify(): Promise<void>;
 }

package/dist/app/lib/publish.js

@@ -25,6 +25,7 @@ export function usePublish() {
     const [publishing, setPublishing] = useState(false);
     const [notice, setNotice] = useState(null);
     const [error, setError] = useState(null);
+    const [verified, setVerified] = useState(false);
     const [approval, setApproval] = useState(null);
     const [activeReleaseId, setActiveReleaseId] = useState(null);
     const [previousReleaseId, setPreviousReleaseId] = useState(null);
@@ -71,6 +72,7 @@ export function usePublish() {
             return;
         try {
             const result = await api.contentVerification(activeReleaseId);
+            setVerified(result.publicOriginVerified);
             setNotice(result.publicOriginVerified ? "Release verificata sul dominio pubblico." : result.reason);
         }
         catch (error) {
@@ -83,6 +85,7 @@ export function usePublish() {
                 const d = await api.contentPublishState();
                 setActiveReleaseId(d.activeReleaseId ?? null);
                 setPreviousReleaseId(d.previousReleaseId ?? null);
+                setVerified(d.verified === true);
                 setAhead(d.ahead ?? 0);
                 setDocuments(d.documents ?? []);
                 setSiteAccessPending(Boolean(d.siteAccess));
@@ -173,6 +176,6 @@ export function usePublish() {
     }, [reload, approval, activeReleaseId]);
     return {
         ahead, commits, documents, siteAccessPending, configured, publishing, notice, error,
-        reload, publish, preview, previewApproved, previousReleaseId, rollback, verify, clearNotice: () => setNotice(null),
+        reload, publish, preview, previewApproved, previousReleaseId, activeReleaseId, verified, rollback, verify, clearNotice: () => setNotice(null),
     };
 }

package/dist/app/site.d.ts

@@ -52,6 +52,11 @@ export interface SiteAdminConfig {
     mediaEditor?: ComponentType;
     /** Preview approval, public observation and rollback for direct SSR publishing. */
     directPublication?: boolean;
+    /** Optional support workflow: screenshot stays local until the user sends. */
+    bugReport?: {
+        email: string;
+        whatsapp?: string;
+    };
     /** 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

@@ -17,4 +17,6 @@ export declare function commitDirectRelease(db: D1DatabaseLike, input: {
     }[];
     authorSubject: string;
     now: number;
+    /** Trusted site-owned transactional preconditions; never from an HTTP payload. */
+    guards?: readonly D1Statement[];
 }): Promise<void>;

package/dist/direct-publication.js

@@ -33,6 +33,7 @@ export async function commitDirectRelease(db, input) {
     const statements = [
         transactionAssertion(db, `EXISTS(SELECT 1 FROM content_site_state WHERE singleton=1 AND current_release_id=?) AND NOT EXISTS(SELECT 1 FROM content_release_site_access WHERE release_id=?) AND NOT EXISTS(SELECT 1 FROM production_deployment_attempts WHERE phase NOT IN ('succeeded','failed','superseded'))`, [expectedBaseReleaseId, expectedBaseReleaseId]),
     ];
+    statements.push(...(input.guards ?? []));
     for (const d of selectedDrafts)
         statements.push(transactionAssertion(db, "EXISTS(SELECT 1 FROM content_documents WHERE document_id=? AND draft_revision_id=?)", [d.documentId, d.revisionId]));
     for (const e of release.entries)

package/dist/form/Trash.js

@@ -23,20 +23,35 @@ export function Trash() {
     return (_jsxs("div", { className: "tr", children: [_jsxs("header", { className: "mb-top", children: [_jsx("span", { className: "ak-spacer" }), !!items?.length && (_jsx("button", { className: "ak-btn", onClick: async () => {
                             if (!confirm(`Svuotare il cestino? ${items.length} file cancellati per sempre.`))
                                 return;
-                            await api.trashEmpty();
-                            await load();
+                            try {
+                                await api.trashEmpty();
+                                await load();
+                            }
+                            catch (e) {
+                                setError(e instanceof Error ? e.message : String(e));
+                            }
                         }, children: "Svuota il cestino" }))] }), error && _jsx("p", { className: "ak-error", children: error }), !items && _jsx("p", { className: "ak-hint", children: "Carico\u2026" }), items?.length === 0 && _jsx("p", { className: "ak-hint", children: "Il cestino \u00E8 vuoto." }), _jsx("ul", { className: "tr-list", children: items?.map((it) => (_jsxs("li", { className: "tr-row", children: [_jsx("img", { src: it.previewUrl, alt: "", className: "tr-thumb", loading: "lazy" }), _jsx("span", { className: "tr-name", children: it.name }), _jsx("code", { className: "tr-orig", children: it.originalKey }), _jsx("span", { className: "ak-hint", children: fmtSize(it.size) }), _jsx("button", { className: "ak-btn ak-btn-quiet", onClick: async () => {
-                                const r = await api.trashRestore([it.trashKey]);
-                                if (r.conflicts?.length) {
-                                    alert(`Esisteva già un file con quel nome: ripristinato come ${r.conflicts[0].restoredAs}.`);
+                                try {
+                                    const r = await api.trashRestore([it.trashKey]);
+                                    if (r.conflicts?.length) {
+                                        alert(`Esisteva già un file con quel nome: ripristinato come ${r.conflicts[0].restoredAs}.`);
+                                    }
+                                    // NB: il ripristino NON rimette i riferimenti nelle pagine — li aveva tolti la
+                                    // cancellazione. Va rifatto a mano, ed è documentato nell'endpoint.
+                                    await load();
+                                }
+                                catch (e) {
+                                    setError(e instanceof Error ? e.message : String(e));
                                 }
-                                // NB: il ripristino NON rimette i riferimenti nelle pagine — li aveva tolti la
-                                // cancellazione. Va rifatto a mano, ed è documentato nell'endpoint.
-                                await load();
                             }, children: "Ripristina" }), _jsx("button", { className: "ak-btn", onClick: async () => {
                                 if (!confirm(`Cancellare ${it.name} per sempre? Non è più recuperabile.`))
                                     return;
-                                await api.trashDelete([it.trashKey]);
-                                await load();
+                                try {
+                                    await api.trashDelete([it.trashKey]);
+                                    await load();
+                                }
+                                catch (e) {
+                                    setError(e instanceof Error ? e.message : String(e));
+                                }
                             }, children: "Elimina" })] }, it.trashKey))) })] }));
 }

package/dist/form/media/MediaFolders.js

@@ -81,6 +81,12 @@ export function MediaFolders({ lib, trash, settings }) {
         trash.leave(); lib.go(p); };
     const drop = (dest) => (e) => {
         setOver(null);
+        const ids = readDragged(e.dataTransfer);
+        if (canMove && ids.length) {
+            e.preventDefault();
+            void lib.move(ids, dest);
+            return;
+        }
         if (canUpload && e.dataTransfer.files.length) {
             e.preventDefault();
             if (lib.mode === "pick")
@@ -92,7 +98,6 @@ export function MediaFolders({ lib, trash, settings }) {
         if (!canMove)
             return;
         e.preventDefault();
-        const ids = readDragged(e.dataTransfer);
         if (ids.length)
             void lib.move(ids, dest);
     };

package/dist/form/media/MediaGrid.js

@@ -173,7 +173,7 @@ export function MediaGrid({ lib, notice, onPick, onCancel }) {
                                         e.dataTransfer.setData(DRAG_FOLDERS, JSON.stringify(dirs));
                                     e.dataTransfer.effectAllowed = "move";
                                 }, children: [_jsxs("div", { className: "mg-frame", onClick: () => { if (!locked)
-                                            (manage ? lib.view(i) : lib.toggle(f.key)); }, children: [_jsx("img", { className: "mg-img", src: f.url, alt: "", loading: "lazy", 
+                                            (manage ? lib.view(i) : lib.toggle(f.key)); }, children: [_jsx("img", { className: "mg-img", draggable: false, src: f.url, alt: "", loading: "lazy", 
                                                 /* Il rapporto è noto prima che l'immagine arrivi (lo dà l'elenco): la cella
                                                    riserva subito l'ingombro giusto e la griglia non salta mentre si carica. */
                                                 style: { aspectRatio: f.w && f.h ? `${f.w} / ${f.h}` : "3 / 2" } }), manage && altStatus && (_jsx("span", { className: `mg-alt-badge is-${altStatus}`, children: altStatus === "missing" ? "ALT da completare" : altStatus === "decorative" ? "Decorativa" : "ALT completo" })), _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));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cardinali-studio/adminkit",
-  "version": "2.2.34",
+  "version": "2.2.36",
   "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": "0BSD",
@@ -108,6 +108,7 @@
     "zod": "^4.4.3"
   },
   "dependencies": {
-    "heic-to": "^1.3.0"
+    "heic-to": "^1.3.0",
+    "modern-screenshot": "4.7.0"
   }
 }