@cardinali-studio/adminkit 2.2.33 → 2.2.35

package/dist/api.d.ts

@@ -71,6 +71,8 @@ export type ContentDocumentPublishTarget = {
     documentId: string;
     expectedDraftRevisionId: string | null;
     includeSiteAccess?: boolean;
+    expectedBaseReleaseId?: string;
+    previewChecksum?: string;
 };
 export type ContentMediaPublishTarget = {
     mediaOperationId: string;
@@ -204,6 +206,24 @@ export declare const api: {
             enabled: boolean;
         } | null;
         activeReleaseId?: string | null;
+        previousReleaseId?: string | null;
+        verified?: boolean;
+    }>;
+    contentPreview: (target: ContentDocumentPublishTarget) => Promise<{
+        ok: true;
+        previewUrl: string;
+        expectedBaseReleaseId: string;
+        expectedDraftRevisionId: string;
+        previewChecksum: string;
+    }>;
+    contentRollback: (expectedCurrentReleaseId: string, targetReleaseId: string) => Promise<{
+        ok: true;
+        releaseId: string;
+    }>;
+    contentVerification: (releaseId: string) => Promise<{
+        ok: true;
+        publicOriginVerified: boolean;
+        reason: string;
     }>;
     contentPublish: (target: ContentPublishTarget) => Promise<{
         ok: true;

package/dist/api.js

@@ -73,6 +73,9 @@ export const api = {
     /** D1 publication is site-owned: the site chooses which documents it can
      * materialize, while the panel only displays the pending immutable inputs. */
     contentPublishState: () => call("/admin/api/content/publish"),
+    contentPreview: (target) => post("/admin/api/content/preview", target),
+    contentRollback: (expectedCurrentReleaseId, targetReleaseId) => post("/admin/api/content/rollback", { expectedCurrentReleaseId, targetReleaseId }),
+    contentVerification: (releaseId) => call("/admin/api/publication-status?releaseId=" + encodeURIComponent(releaseId)),
     contentPublish: (target) => post("/admin/api/content/publish", target),
     contentPublishMedia: (mediaOperationId) => post("/admin/api/content/publish", { mediaOperationId }),
     // ---- pubblicazione

package/dist/app/App.js

@@ -14,14 +14,16 @@ 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";
 import "./app.css";
 import "./next.css";
-import { MediaFolders, MediaGrid, ProsePages, Trash, useMediaLibrary, usePicker } from "../form/index.js";
+import { MediaFolders, MediaGrid, ProsePages, Trash, SchemaForm, useMediaLibrary, usePicker } from "../form/index.js";
 import { Preview, isLocalPreview } from "../preview.js";
+import { api } from "../api.js";
+import { ui } from "../registries.js";
 import { contentPersistenceMode, site } from "./site.js";
 import { useHashRoute } from "./lib/router";
 import { usePages, legacyDraft, legacyDraftTitles, discardLegacyDraft } from "./lib/pages";
@@ -59,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. */
@@ -71,6 +75,7 @@ function CurrentAdminApp({ adminInterface, setAdminInterface, }) {
     const pages = usePages();
     const home = useHome(section === "home");
     const HomeEditorView = site().homeEditor ?? HomeEditor;
+    const MediaEditorView = site().mediaEditor;
     /* Anche la Panoramica: le sue card devono sapere quali funzioni aggiuntive sono attive, e
        lo stato è quello — non una seconda copia. È una lettura sola, e la Panoramica è la
        schermata da cui si entra, quindi arriva prima che serva. */
@@ -78,7 +83,7 @@ function CurrentAdminApp({ adminInterface, setAdminInterface, }) {
     /* La libreria media vive QUI, non dentro un componente: le cartelle stanno nella seconda
        colonna e la griglia nella terza, e sono due punti dello schermo lontani. Uno stato per
        ciascuno vorrebbe dire due idee diverse di quale cartella si sta guardando. */
-    const media = useMediaLibrary({ mode: "manage", active: section === "media" });
+    const media = useMediaLibrary({ mode: "manage", active: section === "media" && !MediaEditorView });
     const mediaSettingsOpen = view === "media" && route[1] === "settings";
     /* Le richieste si caricano SUBITO, non entrando nella sezione: il numero «da gestire» nella
        prima colonna è il motivo per cui uno ci entra, e un badge che compare solo dopo essere
@@ -96,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();
@@ -258,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) && !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) && !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)
@@ -283,13 +302,23 @@ function CurrentAdminApp({ adminInterface, setAdminInterface, }) {
                                             : deliveries.rows.length === 0 ? _jsx("p", { className: "ak-hint", children: "Nessun transfer, per ora." })
                                                 : _jsx(DeliveriesList, { rows: deliveries.rows, current: activeDeliveryId || quickSelectedId, onOpen: (id) => { setQuickSelectedId(undefined); go(`/deliveries/${id}`); } }) }), _jsxs("div", { className: "dl-col-foot", children: [deliveries.rows && _jsx(DeliveriesTotal, { rows: deliveries.rows }), _jsxs("button", { className: "col-item" + (deliverySettingsOpen ? " is-on" : ""), onClick: () => { setQuickSelectedId(undefined); go("/deliveries/settings"); }, children: [_jsx(Icon.settings, {}), _jsx("span", { children: "Impostazioni" })] })] })] })), section === "bookings" && (_jsxs(_Fragment, { children: [_jsx("div", { className: "col-head", children: _jsx("span", { className: "col-title", children: bookings.rows ? `${bookings.rows.length} appuntamenti` : "Prenotazioni" }) }), _jsx("div", { className: "col-body", children: bookings.error ? _jsx("p", { className: "ak-error", children: bookings.error })
                                         : !bookings.rows ? _jsx("p", { className: "ak-hint", children: "Carico\u2026" })
-                                            : _jsx(BookingsList, { rows: bookings.rows, current: bookingSettingsOpen ? "settings" : openBooking?.id, onOpen: (id) => go(`/bookings/${id}`), onAgenda: () => go("/bookings"), onSettings: () => go("/bookings/settings") }) })] })), section === "home" && (_jsxs(_Fragment, { children: [_jsx("div", { className: "col-head", children: _jsx("span", { className: "col-title", children: "Sezioni" }) }), _jsx("div", { className: "col-body", children: _jsx("ul", { className: "col-list", children: homeGroups.map((g) => (_jsx("li", { children: _jsx("button", { className: "col-item" + (g === homeGroup ? " is-on" : ""), onClick: () => go(`/home/${groupSlug(g)}`), children: g || "Generale" }) }, g))) }) })] })), section === "settings" && (_jsxs(_Fragment, { children: [_jsx("div", { className: "col-head", children: _jsx("span", { className: "col-title", children: "Impostazioni" }) }), _jsx("div", { className: "col-body", children: _jsxs("ul", { className: "col-list settings-list", children: [_jsx("li", { children: _jsxs("button", { className: "col-item settings-list-item" + (settingsView === "site" ? " is-on" : ""), onClick: () => go("/settings/site"), children: [_jsx("strong", { children: "Sito" }), _jsx("span", { children: "Favicon, identit\u00E0 e accesso generale." })] }) }), _jsx("li", { children: _jsxs("button", { className: "col-item settings-list-item" + (settingsView === "seo" ? " is-on" : ""), onClick: () => go("/settings/seo"), children: [_jsx("strong", { children: "SEO" }), _jsx("span", { children: "Motori di ricerca e crawler AI." })] }) })] }) })] }))] })), _jsxs("main", { className: "pane", children: [_jsxs("header", { className: "pane-head", children: [editing ? (_jsx(PageHeader, { page: editing, pages: list ?? [], onChange: replace, seoActive: seoEditing, onSeoToggle: () => go(`/pages/${editing.slug}${seoEditing ? "" : "/seo"}`), languages: languages, activeLanguage: pageLanguage, onLanguageChange: setPageLanguage })) : view === "media" && !mediaSettingsOpen && mediaCrumbs.length > 0 ? (_jsxs("nav", { className: "pane-crumbs", "aria-label": "Percorso", children: [_jsx("button", { className: "pane-crumb" + (mediaCrumbs.length ? "" : " is-current"), disabled: media.mutating, onClick: () => media.go(""), children: "Senza cartella" }), mediaCrumbs.map((c, i) => (_jsxs("span", { className: "pane-crumb-part", children: [_jsx("span", { className: "pane-crumb-sep", "aria-hidden": "true", children: "\u203A" }), _jsx("button", { className: "pane-crumb" + (i === mediaCrumbs.length - 1 ? " is-current" : ""), disabled: media.mutating, onClick: () => media.go(c.prefix), children: c.label })] }, c.prefix)))] })) : !redundantPaneContext ? (_jsx("h1", { className: "pane-title", children: heading })) : null, view === "media" && !mediaSettingsOpen && _jsx("span", { className: "pane-count", children: media.shown.length }), _jsx("span", { className: "pane-spacer" }), view === "media" && !mediaSettingsOpen && (_jsx("button", { className: "ak-btn ak-btn-primary", disabled: media.busy || media.mutating, onClick: () => media.openUpload(), children: "Carica immagini" })), saver?.notice && (_jsx("button", { className: "pane-notice", onClick: () => saver.setNotice(null), children: saver.notice })), section === "bookings" && bookings.notice && (_jsx("button", { className: "pane-notice", onClick: bookings.clearNotice, children: bookings.notice })), publish.notice && (_jsx("button", { className: "pane-notice", onClick: publish.clearNotice, children: publish.notice })), !publish.configured && publish.error && (_jsx("span", { className: "pane-notice", title: publish.error, children: publish.error })), saver && (_jsxs(_Fragment, { children: [saver.dirty && _jsx("span", { className: "pane-dot", title: "modifiche non salvate" }), _jsx("button", { className: "ak-btn", disabled: !saver.dirty || saver.saving, 
+                                            : _jsx(BookingsList, { rows: bookings.rows, current: bookingSettingsOpen ? "settings" : openBooking?.id, onOpen: (id) => go(`/bookings/${id}`), onAgenda: () => go("/bookings"), onSettings: () => go("/bookings/settings") }) })] })), section === "home" && (_jsxs(_Fragment, { children: [_jsx("div", { className: "col-head", children: _jsx("span", { className: "col-title", children: "Sezioni" }) }), _jsx("div", { className: "col-body", children: _jsx("ul", { className: "col-list", children: homeGroups.map((g) => (_jsx("li", { children: _jsx("button", { className: "col-item" + (g === homeGroup ? " is-on" : ""), onClick: () => go(`/home/${groupSlug(g)}`), children: g || "Generale" }) }, g))) }) })] })), section === "settings" && (_jsxs(_Fragment, { children: [_jsx("div", { className: "col-head", children: _jsx("span", { className: "col-title", children: "Impostazioni" }) }), _jsx("div", { className: "col-body", children: _jsxs("ul", { className: "col-list settings-list", children: [_jsx("li", { children: _jsxs("button", { className: "col-item settings-list-item" + (settingsView === "site" ? " is-on" : ""), onClick: () => go("/settings/site"), children: [_jsx("strong", { children: "Sito" }), _jsx("span", { children: "Favicon, identit\u00E0 e accesso generale." })] }) }), _jsx("li", { children: _jsxs("button", { className: "col-item settings-list-item" + (settingsView === "seo" ? " is-on" : ""), onClick: () => go("/settings/seo"), children: [_jsx("strong", { children: "SEO" }), _jsx("span", { children: "Motori di ricerca e crawler AI." })] }) })] }) })] }))] })), _jsxs("main", { className: "pane", children: [_jsxs("header", { className: "pane-head", children: [editing ? (_jsx(PageHeader, { page: editing, pages: list ?? [], onChange: replace, seoActive: seoEditing, onSeoToggle: () => go(`/pages/${editing.slug}${seoEditing ? "" : "/seo"}`), languages: languages, activeLanguage: pageLanguage, onLanguageChange: setPageLanguage })) : view === "media" && !mediaSettingsOpen && mediaCrumbs.length > 0 ? (_jsxs("nav", { className: "pane-crumbs", "aria-label": "Percorso", children: [_jsx("button", { className: "pane-crumb" + (mediaCrumbs.length ? "" : " is-current"), disabled: media.mutating, onClick: () => media.go(""), children: "Senza cartella" }), mediaCrumbs.map((c, i) => (_jsxs("span", { className: "pane-crumb-part", children: [_jsx("span", { className: "pane-crumb-sep", "aria-hidden": "true", children: "\u203A" }), _jsx("button", { className: "pane-crumb" + (i === mediaCrumbs.length - 1 ? " is-current" : ""), disabled: media.mutating, onClick: () => media.go(c.prefix), children: c.label })] }, c.prefix)))] })) : !redundantPaneContext ? (_jsx("h1", { className: "pane-title", children: heading })) : null, view === "media" && !mediaSettingsOpen && _jsx("span", { className: "pane-count", children: media.shown.length }), _jsx("span", { className: "pane-spacer" }), view === "media" && !mediaSettingsOpen && !MediaEditorView && (_jsx("button", { className: "ak-btn ak-btn-primary", disabled: media.busy || media.mutating, onClick: () => media.openUpload(), children: "Carica immagini" })), saver?.notice && (_jsx("button", { className: "pane-notice", onClick: () => saver.setNotice(null), children: saver.notice })), section === "bookings" && bookings.notice && (_jsx("button", { className: "pane-notice", onClick: bookings.clearNotice, children: bookings.notice })), publish.notice && (_jsx("button", { className: "pane-notice", onClick: publish.clearNotice, children: publish.notice })), !publish.configured && publish.error && (_jsx("span", { className: "pane-notice", title: publish.error, children: publish.error })), saver && (_jsxs(_Fragment, { children: [saver.dirty && _jsx("span", { className: "pane-dot", title: "modifiche non salvate" }), _jsx("button", { className: "ak-btn", disabled: !saver.dirty || saver.saving, 
                                             /* Dopo un salvataggio il conteggio delle modifiche in attesa è cambiato: senza
                                                rileggerlo, «Pubblica» comparirebbe solo al ricaricamento della pagina — cioè
                                                il pannello direbbe che non c'è niente da pubblicare subito dopo aver salvato
                                                qualcosa da pubblicare. */
-                                            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` })), ((contentPersistenceMode() === "d1" && d1ContextPending)
-                                    || (contentPersistenceMode() !== "d1" && publish.ahead > 0)) && (_jsx("button", { className: "ak-btn ak-btn-primary", disabled: publish.publishing, onClick: () => void publish.publish(d1PublishTarget ?? undefined), title: publish.commits.map((c) => c.message).join("\n"), children: publish.publishing ? "Pubblico…"
+                                            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" })] }), ((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();
+                                        if (section === "home")
+                                            await home.load();
+                                        if (section === "settings")
+                                            await settings.load();
+                                    } }), title: publish.commits.map((c) => c.message).join("\n"), children: publish.publishing ? "Pubblico…"
                                         : contentPersistenceMode() === "d1" ? contextualPublishLabel
                                             : publish.ahead === 1 ? "Pubblica (1 modifica)"
                                                 : `Pubblica (${publish.ahead} modifiche)` }))] }), offModule ? _jsx(FeatureOff, { info: offModule }) : _jsxs(_Fragment, { children: [draft !== null && (_jsxs("div", { className: "app-legacy", children: [_jsxs("p", { className: "app-legacy-row", children: [_jsxs("span", { children: ["Questo browser conserva una bozza del ", _jsx("strong", { children: "vecchio" }), " pannello (", draft, " pagine). Non viene usata: quello che si vede qui \u00E8 il sito pubblicato."] }), _jsx("button", { className: "ak-btn ak-btn-quiet", onClick: () => setDraftOpen((v) => !v), children: draftOpen ? "Nascondi" : "Cosa contiene" }), _jsx("button", { className: "ak-btn ak-btn-quiet", onClick: () => { discardLegacyDraft(); setDraft(null); }, children: "Butta" })] }), draftOpen && _jsx("p", { className: "app-legacy-list", children: legacyDraftTitles().join(" · ") })] })), _jsxs("div", { className: "pane-body" + (wide ? " is-wide" : ""), children: [section === "overview" && (
@@ -304,9 +333,9 @@ function CurrentAdminApp({ adminInterface, setAdminInterface, }) {
                                            se non ricaricando il pannello a mano. Le altre sezioni il bottone ce l'hanno. */
                                         home.error ? (_jsxs("div", { className: "pane-empty", children: [_jsx("p", { className: "ak-error", children: home.error }), _jsx("button", { className: "ak-btn", onClick: () => void home.load(), children: "Riprova" })] }))
                                             : home.data ? _jsx(HomeEditorView, { data: home.data, group: homeGroup, onChange: home.change, pickMedia: pickMedia })
-                                                : _jsx("p", { className: "ak-hint", children: "Carico\u2026" })), section === "settings" && (settings.error ? (settingsView === "site" ? (_jsx(SiteSettingsUnavailable, { error: settings.error, onRetry: () => void settings.load(), adminInterface: adminInterface, onAdminInterfaceChange: setAdminInterface })) : (_jsxs("div", { className: "pane-empty", children: [_jsx("p", { className: "ak-error", children: settings.error }), _jsx("button", { className: "ak-btn", onClick: () => void settings.load(), children: "Riprova" })] }))) : settings.data ? (settingsView === "seo"
+                                                : _jsx("p", { className: "ak-hint", children: "Carico\u2026" })), section === "settings" && (settings.error ? (settingsView === "site" ? (_jsx(SiteSettingsUnavailable, { error: settings.error, onRetry: () => void settings.load(), adminInterface: adminInterface, onAdminInterfaceChange: setAdminInterface })) : (_jsxs("div", { className: "pane-empty", children: [_jsx("p", { className: "ak-error", children: settings.error }), _jsx("button", { className: "ak-btn", onClick: () => void settings.load(), children: "Riprova" })] }))) : settings.data ? site().settingsShape ? _jsx(SchemaForm, { shape: site().settingsShape, omit: Object.entries(site().settingsShape).filter(([, field]) => settingsView === "seo" ? ui.get(field)?.group !== "seo" : ui.get(field)?.group === "seo").map(([key]) => key), value: settings.data, onChange: (next) => settings.change(next), pickMedia: pickMedia, pickMediaFiles: pickMediaFiles }) : (settingsView === "seo"
                                             ? _jsx(WebsiteSeoSettingsEditor, { value: settings.data, onChange: settings.change })
-                                            : _jsx(SiteSettingsEditor, { value: settings.data, onChange: settings.change, pickMediaFiles: pickMediaFiles, adminInterface: adminInterface, onAdminInterfaceChange: setAdminInterface, focus: route[1], passwordDraftPending: settings.accessDraftPending, onDiscardPasswordDraft: () => void settings.discardSiteAccess().then(() => publish.reload()) })) : _jsx("p", { className: "pane-empty ak-hint", children: "Carico\u2026" })), view === "media" && (mediaSettingsOpen
+                                            : _jsx(SiteSettingsEditor, { value: settings.data, onChange: settings.change, pickMediaFiles: pickMediaFiles, adminInterface: adminInterface, onAdminInterfaceChange: setAdminInterface, focus: route[1], passwordDraftPending: settings.accessDraftPending, onDiscardPasswordDraft: () => void settings.discardSiteAccess().then(() => publish.reload()) })) : _jsx("p", { className: "pane-empty ak-hint", children: "Carico\u2026" })), view === "media" && (MediaEditorView ? _jsx(MediaEditorView, {}) : mediaSettingsOpen
                                             ? _jsx(MediaSettingsEditor, { lib: media })
                                             : _jsx(MediaGrid, { lib: media })), view === "trash" && _jsx(Trash, {}), section === "requests" && (requests.error ? _jsx("p", { className: "ak-error", children: requests.error })
                                             : openReq ? (_jsx(RequestDetail, { row: openReq, onMark: (h) => void requests.mark([openReq.id], h), onRemove: () => { void requests.remove([openReq.id]); go("/requests"); } }))

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{width:auto;height:auto;overflow:visible}
+:root[data-admin-interface="next"] .rail-foot > .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/bookings.js

@@ -1,3 +1,4 @@
+import { site } from "../site.js";
 import { useCallback, useEffect, useState } from "react";
 async function call(path, init) {
     const response = await fetch(`/admin/api/booking${path}`, {
@@ -17,6 +18,10 @@ export function useBookings() {
         loading: true, busy: false, error: null, notice: null,
     });
     const load = useCallback(async () => {
+        if (site().modules?.booking !== true) {
+            setState(value => ({ ...value, rows: [], pending: 0, upcoming: 0, loading: false, error: null }));
+            return;
+        }
         setState((value) => ({ ...value, loading: true, error: null }));
         try {
             const [list, types, settings, availability, google, activation, blocks] = await Promise.all([

package/dist/app/lib/deliveries.js

@@ -1,3 +1,4 @@
+import { site } from "../site.js";
 import { useCallback, useEffect, useState } from "react";
 import { ApiError } from "../../index.js";
 export function useDeliveries(activeId) {
@@ -8,6 +9,12 @@ export function useDeliveries(activeId) {
     const [error, setError] = useState(null);
     const [busy, setBusy] = useState(false);
     const load = useCallback(async () => {
+        if (site().modules?.delivery !== true) {
+            setRows([]);
+            setExpiring(0);
+            setError(null);
+            return;
+        }
         try {
             const out = await getJson("/admin/api/deliveries");
             setRows(out.deliveries);

package/dist/app/lib/home.js

@@ -8,7 +8,7 @@
  * l'admin per riordinare le pagine non ha motivo di pagare una chiamata in più — e senza
  * GITHUB_TOKEN, in anteprima locale, quella chiamata è un 500.
  */
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useState, useRef } from "react";
 import { ApiError } from "../../index.js";
 import { api } from "../../api.js";
 import { contentPersistenceMode, site } from "../site.js";
@@ -27,6 +27,7 @@ export function useHome(active) {
     const [saving, setSaving] = useState(false);
     const [notice, setNotice] = useState(null);
     const [revision, setRevision] = useState(null);
+    const pending = useRef(null);
     const load = useCallback(async () => {
         try {
             const mapped = site().homeDocument;
@@ -59,12 +60,14 @@ export function useHome(active) {
         try {
             const mapped = site().homeDocument;
             if (contentPersistenceMode() === "d1" && mapped && revision) {
-                const revisionId = crypto.randomUUID();
+                const revisionId = pending.current?.revisionId ?? crypto.randomUUID();
                 /* The Worker validates and may normalize a document before checking its signed
                  * representation. Sign the site-owned canonical payload here too, otherwise an
                  * obsolete/unknown client field becomes a misleading "documento non valido". */
                 const payload = mapped.toPayload ? mapped.toPayload(data) : data;
-                await api.saveContent({ revisionId, documentId: mapped.documentId, baseRevisionId: revision.base, expectedDraftRevisionId: revision.expected, kind: mapped.kind, locale: mapped.locale, schemaVersion: mapped.schemaVersion, payload: payload, tombstone: false });
+                pending.current ||= { revisionId, documentId: mapped.documentId, baseRevisionId: revision.base, expectedDraftRevisionId: revision.expected, kind: mapped.kind, locale: mapped.locale, schemaVersion: mapped.schemaVersion, payload: payload, tombstone: false };
+                await api.saveContent(pending.current);
+                pending.current = null;
                 setRevision({ base: revisionId, expected: revisionId });
                 setNotice("Bozza D1 salvata");
                 setDirty(false);
@@ -88,7 +91,7 @@ export function useHome(active) {
             setSaving(false);
         }
     }, [data, revision]);
-    const change = useCallback((next) => { setData(next); setDirty(true); }, []);
+    const change = useCallback((next) => { pending.current = null; setData(next); setDirty(true); }, []);
     const mapped = site().homeDocument;
     return { data, error, dirty, saving, notice, load, change, save, setNotice,
         publishTarget: contentPersistenceMode() === "d1" && mapped && revision

package/dist/app/lib/pages.js

@@ -48,7 +48,8 @@ export function usePages() {
     }, []);
     useEffect(() => { void load(); }, [load]);
     const update = useCallback((next) => {
-        next.forEach((p, i) => { p.weight = site().positionWeight(p, i, next); });
+        if (site().pagesReorderable !== false)
+            next.forEach((p, i) => { p.weight = site().positionWeight(p, i, next); });
         setPages(next);
         setDirty(true);
     }, []);

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

@@ -17,6 +17,13 @@ export interface PublishState {
     reload(): Promise<void>;
     publish(target?: ContentPublishTarget): Promise<void>;
     clearNotice(): void;
+    preview(target: ContentPublishTarget): Promise<void>;
+    previewApproved(target: ContentPublishTarget | null): boolean;
+    previousReleaseId: string | null;
+    activeReleaseId: string | null;
+    verified: boolean;
+    rollback(): Promise<void>;
+    verify(): Promise<void>;
 }
 export declare function contentPublicationNotice(result: {
     published: boolean;

package/dist/app/lib/publish.js

@@ -7,7 +7,7 @@
  */
 import { useCallback, useEffect, useState } from "react";
 import { api, ApiError } from "../../index.js";
-import { contentPersistenceMode } from "../site.js";
+import { contentPersistenceMode, site } from "../site.js";
 export function contentPublicationNotice(result) {
     if (result.published === false) {
         return result.message ?? "Non c'erano modifiche salvate da pubblicare.";
@@ -25,10 +25,67 @@ 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);
+    const previewApproved = (target) => !!target && "documentId" in target && !!approval && approval.documentId === target.documentId && approval.expectedDraftRevisionId === target.expectedDraftRevisionId && approval.expectedBaseReleaseId === activeReleaseId;
+    const preview = async (target) => {
+        if (!("documentId" in target))
+            return;
+        setPublishing(true);
+        setNotice(null);
+        try {
+            const result = await api.contentPreview(target);
+            setApproval({ ...result, documentId: target.documentId });
+            window.open(result.previewUrl, "_blank", "noopener");
+            setNotice("Anteprima della bozza salvata pronta.");
+        }
+        catch (error) {
+            setApproval(null);
+            setNotice(error.message);
+        }
+        finally {
+            setPublishing(false);
+        }
+    };
+    const rollback = async () => {
+        if (!activeReleaseId || !previousReleaseId)
+            return;
+        setPublishing(true);
+        setNotice(null);
+        try {
+            await api.contentRollback(activeReleaseId, previousReleaseId);
+            setApproval(null);
+            await reload();
+            setNotice("Ripristinata la release precedente. Le bozze sono conservate.");
+        }
+        catch (error) {
+            setNotice(error.message);
+        }
+        finally {
+            setPublishing(false);
+        }
+    };
+    const verify = async () => {
+        if (!activeReleaseId)
+            return;
+        try {
+            const result = await api.contentVerification(activeReleaseId);
+            setVerified(result.publicOriginVerified);
+            setNotice(result.publicOriginVerified ? "Release verificata sul dominio pubblico." : result.reason);
+        }
+        catch (error) {
+            setNotice(error.message);
+        }
+    };
     const reload = useCallback(async () => {
         if (contentPersistenceMode() === "d1") {
             try {
                 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));
@@ -78,7 +135,10 @@ export function usePublish() {
             try {
                 if (!target)
                     throw new ApiError("Apri il contenuto che vuoi pubblicare.", "invalid_request", 400);
-                const r = await api.contentPublish(target);
+                if (site().directPublication && !previewApproved(target))
+                    throw new ApiError("Apri una nuova anteprima della bozza prima di pubblicare.", "stale_preview", 409);
+                const r = await api.contentPublish(site().directPublication ? { ...target, ...approval } : target);
+                setApproval(null);
                 setNotice(contentPublicationNotice(r));
                 await reload();
             }
@@ -113,9 +173,9 @@ export function usePublish() {
         finally {
             setPublishing(false);
         }
-    }, [reload]);
+    }, [reload, approval, activeReleaseId]);
     return {
         ahead, commits, documents, siteAccessPending, configured, publishing, notice, error,
-        reload, publish, clearNotice: () => setNotice(null),
+        reload, publish, preview, previewApproved, previousReleaseId, activeReleaseId, verified, rollback, verify, clearNotice: () => setNotice(null),
     };
 }

package/dist/app/lib/requests.js

@@ -1,3 +1,4 @@
+import { site } from "../site.js";
 /* Le richieste dal form di contatto.
  *
  * L'archivio è la SORGENTE, non l'email: `functions/api/contact.js` salva PRIMA e manda dopo, e
@@ -15,6 +16,11 @@ export function useRequests() {
     const [error, setError] = useState(null);
     const [busy, setBusy] = useState(false);
     const load = useCallback(async () => {
+        if (site().modules?.requests !== true) {
+            setRows([]);
+            setError(null);
+            return;
+        }
         try {
             setRows((await api.requests()).requests);
             setError(null);

package/dist/app/lib/settings.js

@@ -4,7 +4,7 @@
  * protegge il sito. La password digitata resta soltanto nello stato del form: il backend
  * restituisce sempre il campo vuoto e conserva esclusivamente la verifica crittografica.
  */
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useState, useRef } from "react";
 import { ApiError } from "../../index.js";
 import { api } from "../../api.js";
 import { contentPersistenceMode, site } from "../site.js";
@@ -43,6 +43,7 @@ export function useSiteSettings(active) {
         const { password: _password, passwordEnabled: _passwordEnabled, ...editorial } = settings;
         return JSON.stringify(editorial);
     };
+    const pending = useRef(null);
     const load = useCallback(async () => {
         try {
             const mapped = site().siteSettingsDocument;
@@ -88,9 +89,11 @@ export function useSiteSettings(active) {
             const mapped = site().siteSettingsDocument;
             if (contentPersistenceMode() === "d1" && mapped && revision) {
                 if (editorialSnapshot(data) !== editorialBaseline) {
-                    const revisionId = crypto.randomUUID();
+                    const revisionId = pending.current?.revisionId ?? crypto.randomUUID();
                     const payload = mapped.toPayload ? mapped.toPayload(data) : data;
-                    await api.saveContent({ revisionId, documentId: mapped.documentId, baseRevisionId: revision.base, expectedDraftRevisionId: revision.expected, kind: mapped.kind, locale: mapped.locale, schemaVersion: mapped.schemaVersion, payload: payload, tombstone: false });
+                    pending.current ||= { revisionId, documentId: mapped.documentId, baseRevisionId: revision.base, expectedDraftRevisionId: revision.expected, kind: mapped.kind, locale: mapped.locale, schemaVersion: mapped.schemaVersion, payload: payload, tombstone: false };
+                    await api.saveContent(pending.current);
+                    pending.current = null;
                     setRevision({ base: revisionId, expected: revisionId });
                     setEditorialBaseline(editorialSnapshot(data));
                 }
@@ -124,6 +127,7 @@ export function useSiteSettings(active) {
         }
     }, [data, revision, accessState, editorialBaseline]);
     const change = useCallback((next) => {
+        pending.current = null;
         setData(next);
         setDirty(true);
     }, []);

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/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,18 @@ 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 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/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.33",
+  "version": "2.2.35",
   "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"
   }
 }