@cardinali-studio/adminkit 2.2.19 → 2.2.21

package/dist/api.d.ts

@@ -46,6 +46,10 @@ export interface RepoPage {
     url: string;
     /** Lo `sha` del blob su GitHub: identifica la VERSIONE di questo file, non il suo contenuto. */
     sha: string;
+    /** Identità D1 site-owned. Assenti nella corsia Git/Hugo. */
+    documentId?: string;
+    draftRevisionId?: string | null;
+    publishedRevisionId?: string | null;
     page: Record<string, unknown>;
     /** Le sibling dichiarate dal sito, senza caricare il loro contenuto nell'elenco. */
     translations?: Record<string, {
@@ -53,6 +57,18 @@ export interface RepoPage {
         sha?: string;
     }>;
 }
+export type ContentPublishTarget = {
+    documentId: string;
+    expectedDraftRevisionId: string | null;
+    includeSiteAccess?: boolean;
+};
+export type ContentPublishDocument = {
+    documentId: string;
+    kind: string;
+    updatedAt: number;
+    draftRevisionId: string;
+    publishedRevisionId: string | null;
+};
 export type ContentSaveCommand = {
     revisionId: string;
     documentId: string;
@@ -122,6 +138,11 @@ export declare const api: {
         files: number;
         skipped: string[];
         shas?: Record<string, string>;
+        documents?: Record<string, {
+            documentId: string;
+            draftRevisionId: string | null;
+            publishedRevisionId: string | null;
+        }>;
     }>;
     contentState: () => Promise<{
         ok: true;
@@ -163,23 +184,24 @@ export declare const api: {
         ok: true;
         configured: true;
         ahead: number;
-        documents: {
-            documentId: string;
-            kind: string;
-            updatedAt: number;
-        }[];
+        documents: ContentPublishDocument[];
         mediaOperations?: MediaOperationStatus[];
         siteAccess?: {
             enabled: boolean;
         } | null;
         activeReleaseId?: string | null;
     }>;
-    contentPublish: () => Promise<{
+    contentPublish: (target: ContentPublishTarget) => Promise<{
         ok: true;
         published: boolean;
         releaseId?: string;
         attemptId?: string;
         message?: string;
+        verified?: boolean;
+        observedReleaseId?: string | null;
+        documents?: number;
+        dependentDocuments?: number;
+        remainingAhead?: number;
     }>;
     publishState: () => Promise<{
         ok: true;

package/dist/api.js

@@ -66,7 +66,7 @@ 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"),
-    contentPublish: () => post("/admin/api/content/publish", {}),
+    contentPublish: (target) => post("/admin/api/content/publish", target),
     // ---- pubblicazione
     /* Salvare scrive sulla bozza e non fa partire nessuna build; è questo che manda online. Due
      * gesti separati, quindi due chiamate: una chiede quanto c'è di non pubblicato, l'altra lo

package/dist/app/App.d.ts

@@ -1,3 +1,4 @@
 import "../theme.css";
 import "./app.css";
+import "./next.css";
 export declare function App(): import("react").JSX.Element;

package/dist/app/App.js

@@ -19,9 +19,10 @@ import { useEffect, useMemo, useState } from "react";
  * 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 { Preview, isLocalPreview } from "../preview.js";
-import { site } from "./site.js";
+import { contentPersistenceMode, site } from "./site.js";
 import { useHashRoute } from "./lib/router";
 import { usePages, legacyDraft, legacyDraftTitles, discardLegacyDraft } from "./lib/pages";
 import { useHome } from "./lib/home";
@@ -31,7 +32,8 @@ import { Overview } from "./routes/Overview";
 import { PagesList } from "./routes/PagesList";
 import { PageEditor, PageHeader } from "./routes/PageEditor";
 import { PageSeoEditor } from "./routes/PageSeoEditor";
-import { SiteSettingsEditor, WebsiteSeoSettingsEditor } from "./routes/SiteSettingsEditor";
+import { SiteSettingsEditor, WebsiteSeoSettingsEditor, } from "./routes/SiteSettingsEditor";
+import { SiteSettingsUnavailable } from "./routes/AdminInterfaceSettings";
 import { MediaSettingsEditor } from "./routes/MediaSettingsEditor";
 import { HomeEditor } from "./routes/HomeEditor";
 import { RequestsList, RequestDetail } from "./routes/Requests";
@@ -46,7 +48,16 @@ import { NewPageButton } from "./routes/PageActions";
 import { BookingAgenda, BookingDetail, BookingsList, BookingSettingsHub, } from "./routes/Bookings";
 import { Icon } from "./ui/icons";
 import { useTheme } from "./lib/theme";
+import { useAdminInterface } from "./lib/admin-interface";
+import { NextAdminApp } from "./NextAdminApp";
 export function App() {
+    const { adminInterface, setAdminInterface } = useAdminInterface();
+    const current = (_jsx(CurrentAdminApp, { adminInterface: adminInterface, setAdminInterface: setAdminInterface }));
+    return adminInterface === "next"
+        ? _jsx(NextAdminApp, { current: current, adminInterface: adminInterface, setAdminInterface: setAdminInterface })
+        : current;
+}
+function CurrentAdminApp({ adminInterface, setAdminInterface, }) {
     const [route, go] = useHashRoute();
     const { theme, toggle: toggleTheme } = useTheme();
     /* Si entra dalla Panoramica, non dalle Pagine: aprendo il pannello la domanda è quasi sempre
@@ -176,7 +187,7 @@ export function App() {
          * Il badge invece sparisce: un contatore su una funzione spenta conterebbe un elenco che il
          * server non serve nemmeno (le sue rotte rispondono 404). */
         { title: "Attività", items: [
-                { id: "deliveries", label: "Consegne", icon: Icon.delivery, badge: moduleOn("delivery") ? deliveries.expiring : 0 },
+                { id: "deliveries", label: "Transfer", icon: Icon.delivery, badge: moduleOn("delivery") ? deliveries.expiring : 0 },
                 { id: "bookings", label: "Prenotazioni", icon: Icon.calendar, badge: moduleOn("booking") ? bookings.pending : 0 },
                 { id: "requests", label: "Richieste", icon: Icon.mail, badge: moduleOn("requests") ? requests.pending : 0 },
                 ...(local ? [{ id: "preview", label: "Anteprima", icon: Icon.play }] : []),
@@ -185,14 +196,32 @@ export function App() {
     /* Chi risponde del «Salva»: le pagine, la home, o nessuno (media e richieste si scrivono nel
      * momento in cui si fa il gesto — un bottone di salvataggio lì sarebbe una promessa falsa).
      *
-     * «Pubblica» invece NON passa di qui: è globale. Salvare scrive sulla bozza, e pubblicare
-     * manda online tutto ciò che c'è sulla bozza — pagine, home e impostazioni insieme — non la
-     * sezione che si sta guardando. Metterlo dentro `saver` avrebbe voluto dire tre pulsanti che
-     * fanno la stessa identica cosa. */
+     * In D1 «Pubblica» usa invece l'identità del contenuto aperto: le altre bozze rimangono
+     * salvate. La corsia Git/Hugo conserva il suo publish globale. */
     const saver = section === "pages" ? pages
         : section === "home" ? home
             : section === "settings" ? settings
                 : null;
+    const removedPageTarget = section === "pages" && route[1]
+        ? pages.removedPublishTargets[route[1]] ?? null : null;
+    const d1PublishTarget = section === "pages" && editing?._documentId
+        ? { documentId: editing._documentId, expectedDraftRevisionId: editing._draftRevisionId ?? null }
+        : section === "pages" && removedPageTarget ? removedPageTarget
+            : section === "home" ? home.publishTarget
+                : section === "settings" ? settings.publishTarget
+                    : null;
+    const d1DocumentPending = d1PublishTarget
+        ? publish.documents.some((document) => document.documentId === d1PublishTarget.documentId
+            && document.draftRevisionId === d1PublishTarget.expectedDraftRevisionId)
+        : false;
+    const d1ContextPending = Boolean(d1PublishTarget && (d1DocumentPending
+        || (section === "settings" && publish.siteAccessPending)));
+    const contextualPublishLabel = section === "pages" ? (removedPageTarget ? "Pubblica eliminazione" : "Pubblica questa pagina")
+        : section === "home" ? "Pubblica la Home"
+            : "Pubblica le impostazioni";
+    const contextualPendingCount = (d1DocumentPending ? 1 : 0)
+        + (section === "settings" && publish.siteAccessPending ? 1 : 0);
+    const otherPendingCount = Math.max(0, publish.ahead - contextualPendingCount);
     const heading = section === "overview" ? "Panoramica"
         : section === "pages" ? (editing ? String(editing.title ?? editing.slug) : "Pagine")
             : section === "home" ? (homeGroup || "Home")
@@ -203,7 +232,7 @@ export function App() {
                         /* Consegne non ripete il titolo qui: il nome del transfer sta nella sua schermata, dove
                            si modifica, e si aggiorna mentre lo si scrive. Averlo in due posti significa averne
                            uno dei due sempre vecchio. */
-                        : section === "deliveries" ? (deliverySettingsOpen ? "Impostazioni" : "Consegne")
+                        : section === "deliveries" ? (deliverySettingsOpen ? "Impostazioni" : "Transfer")
                             : section === "bookings" ? (bookingSettingsOpen ? "Impostazioni prenotazioni" : openBooking ? openBooking.visitorName || openBooking.referenceCode : "Prenotazioni")
                                 : section === "requests" ? (openReq ? openReq.name : "Richieste")
                                     : section === "settings" ? (settingsView === "seo" ? "SEO" : "Sito")
@@ -219,7 +248,17 @@ export function App() {
         const p = all.slice(0, i + 1).join("/") + "/";
         return { prefix: p, label: media.labelOf(p) };
     });
-    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" : ""), 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", children: [_jsx(Icon.out, {}), _jsx("span", { children: "Vedi il sito" })] }), _jsxs("button", { className: "rail-item", onClick: toggleTheme, 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" : ""), 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: [_jsx("div", { className: "col-head", children: 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 })
+    /* La testata non ripete il contesto già interamente leggibile nella colonna sinistra.
+     * Resta invece quando porta informazione ulteriore: controlli della pagina, antenati di una
+     * cartella, oppure il nome di un elemento che nell'elenco può essere troncato. */
+    const redundantPaneContext = (section === "pages" && !editing)
+        || section === "home"
+        || section === "deliveries"
+        || section === "settings"
+        || (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 })
                                         : !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)
@@ -235,23 +274,25 @@ export function App() {
                                                         else
                                                             next.add(id);
                                                         return next;
-                                                    }) }) })] })), section === "deliveries" && (_jsxs(_Fragment, { children: [_jsx("div", { className: "col-head", children: _jsx(NewDeliveryButton, { onCreate: () => {
-                                            setQuickSelectedId(undefined);
-                                            setQuickKey((value) => value + 1);
-                                            go("/deliveries");
-                                        } }) }), _jsx("div", { className: "col-body", children: deliveries.error ? _jsx("p", { className: "ak-error", children: deliveries.error })
+                                                    }) }) })] })), section === "deliveries" && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "col-head col-head-actions", children: [_jsx("span", { className: "col-title", children: "Transfer" }), _jsx(NewDeliveryButton, { onCreate: () => {
+                                                setQuickSelectedId(undefined);
+                                                setQuickKey((value) => value + 1);
+                                                go("/deliveries");
+                                            } })] }), _jsx("div", { className: "col-body", children: deliveries.error ? _jsx("p", { className: "ak-error", children: deliveries.error })
                                         : !deliveries.rows ? _jsx("p", { className: "ak-hint", children: "Carico\u2026" })
                                             : deliveries.rows.length === 0 ? _jsx("p", { className: "ak-hint", children: "Nessun transfer, per ora." })
                                                 : _jsx(DeliveriesList, { rows: deliveries.rows, current: activeDeliveryId || quickSelectedId, onOpen: (id) => { setQuickSelectedId(undefined); go(`/deliveries/${id}`); } }) }), _jsxs("div", { className: "dl-col-foot", children: [deliveries.rows && _jsx(DeliveriesTotal, { rows: deliveries.rows }), _jsxs("button", { className: "col-item" + (deliverySettingsOpen ? " is-on" : ""), onClick: () => { setQuickSelectedId(undefined); go("/deliveries/settings"); }, children: [_jsx(Icon.settings, {}), _jsx("span", { children: "Impostazioni" })] })] })] })), section === "bookings" && (_jsxs(_Fragment, { children: [_jsx("div", { className: "col-head", children: _jsx("span", { className: "col-title", children: bookings.rows ? `${bookings.rows.length} appuntamenti` : "Prenotazioni" }) }), _jsx("div", { className: "col-body", children: bookings.error ? _jsx("p", { className: "ak-error", children: bookings.error })
                                         : !bookings.rows ? _jsx("p", { className: "ak-hint", children: "Carico\u2026" })
-                                            : _jsx(BookingsList, { rows: bookings.rows, current: bookingSettingsOpen ? "settings" : openBooking?.id, onOpen: (id) => go(`/bookings/${id}`), onAgenda: () => go("/bookings"), onSettings: () => go("/bookings/settings") }) })] })), section === "home" && (_jsxs(_Fragment, { children: [_jsx("div", { className: "col-head", children: _jsx("span", { className: "col-title", children: "Sezioni" }) }), _jsx("div", { className: "col-body", children: _jsx("ul", { className: "col-list", children: homeGroups.map((g) => (_jsx("li", { children: _jsx("button", { className: "col-item" + (g === homeGroup ? " is-on" : ""), onClick: () => go(`/home/${groupSlug(g)}`), children: g || "Generale" }) }, g))) }) })] })), section === "settings" && (_jsxs(_Fragment, { children: [_jsx("div", { className: "col-head", children: _jsx("span", { className: "col-title", children: "Impostazioni" }) }), _jsx("div", { className: "col-body", children: _jsxs("ul", { className: "col-list settings-list", children: [_jsx("li", { children: _jsxs("button", { className: "col-item settings-list-item" + (settingsView === "site" ? " is-on" : ""), onClick: () => go("/settings/site"), children: [_jsx("strong", { children: "Sito" }), _jsx("span", { children: "Favicon, identit\u00E0 e accesso generale." })] }) }), _jsx("li", { children: _jsxs("button", { className: "col-item settings-list-item" + (settingsView === "seo" ? " is-on" : ""), onClick: () => go("/settings/seo"), children: [_jsx("strong", { children: "SEO" }), _jsx("span", { children: "Motori di ricerca e crawler AI." })] }) })] }) })] }))] })), _jsxs("main", { className: "pane", children: [_jsxs("header", { className: "pane-head", children: [editing ? (_jsx(PageHeader, { page: editing, pages: list ?? [], onChange: replace, seoActive: seoEditing, onSeoToggle: () => go(`/pages/${editing.slug}${seoEditing ? "" : "/seo"}`), languages: languages, activeLanguage: pageLanguage, onLanguageChange: setPageLanguage })) : view === "media" && !mediaSettingsOpen ? (_jsxs("nav", { className: "pane-crumbs", "aria-label": "Percorso", children: [_jsx("button", { className: "pane-crumb" + (mediaCrumbs.length ? "" : " is-current"), disabled: media.mutating, onClick: () => media.go(""), children: "Senza cartella" }), mediaCrumbs.map((c, i) => (_jsxs("span", { className: "pane-crumb-part", children: [_jsx("span", { className: "pane-crumb-sep", "aria-hidden": "true", children: "\u203A" }), _jsx("button", { className: "pane-crumb" + (i === mediaCrumbs.length - 1 ? " is-current" : ""), disabled: media.mutating, onClick: () => media.go(c.prefix), children: c.label })] }, c.prefix)))] })) : (_jsx("h1", { className: "pane-title", children: heading })), view === "media" && !mediaSettingsOpen && _jsx("span", { className: "pane-count", children: media.shown.length }), _jsx("span", { className: "pane-spacer" }), view === "media" && !mediaSettingsOpen && (_jsx("button", { className: "ak-btn ak-btn-primary", disabled: media.busy || media.mutating, onClick: () => media.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 && (_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" })] })), publish.ahead > 0 && (_jsx("button", { className: "ak-btn ak-btn-primary", disabled: publish.publishing, onClick: () => void publish.publish(), title: publish.commits.map((c) => c.message).join("\n"), children: publish.publishing ? "Pubblico…"
-                                        : 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" && (
+                                            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…"
+                                        : 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" && (
                                         /* Transfer e richieste arrivano da QUI, già caricati per i badge della prima
                                            colonna: la Panoramica non li richiede una seconda volta, altrimenti lo stesso
                                            numero avrebbe due sorgenti e una delle due sarebbe sempre indietro. */
@@ -263,9 +304,9 @@ export function App() {
                                            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 ? (_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 ? (settingsView === "seo"
                                             ? _jsx(WebsiteSeoSettingsEditor, { value: settings.data, onChange: settings.change })
-                                            : _jsx(SiteSettingsEditor, { value: settings.data, onChange: settings.change, pickMediaFiles: pickMediaFiles, 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" && (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"); } }))
@@ -297,10 +338,10 @@ function hasList(section) {
 const OPTIONAL_SECTIONS = {
     deliveries: {
         module: "delivery",
-        title: "Consegne",
+        title: "Transfer",
         lead: "Manda le fotografie a un cliente con un link privato, senza allegati e senza servizi di terze parti.",
         points: [
-            "Un indirizzo riservato per ogni consegna, che scade da solo",
+            "Un indirizzo riservato per ogni Transfer, che scade da solo",
             "Il cliente scarica tutto in una volta, o solo le foto che gli servono",
             "Vedi quante volte è stato scaricato, e da quando",
         ],
@@ -321,7 +362,7 @@ const OPTIONAL_SECTIONS = {
         lead: "Le richieste che arrivano dal modulo di contatto del sito, raccolte qui invece che in una casella di posta.",
         points: [
             "Nessuna richiesta persa fra le altre email",
-            "Segni quali hai già gestito",
+            "Segni quali hai già letto",
             "Rispondi con un click, dall'indirizzo di sempre",
         ],
     },

package/dist/app/NextAdminApp.d.ts

@@ -0,0 +1,8 @@
+import type { Dispatch, ReactNode, SetStateAction } from "react";
+import type { AdminInterface } from "./lib/admin-interface.js";
+export interface NextAdminAppProps {
+    current: ReactNode;
+    adminInterface: AdminInterface;
+    setAdminInterface: Dispatch<SetStateAction<AdminInterface>>;
+}
+export declare function NextAdminApp({ current }: NextAdminAppProps): ReactNode;

package/dist/app/NextAdminApp.js

@@ -0,0 +1,3 @@
+export function NextAdminApp({ current }) {
+    return current;
+}

package/dist/app/app.css

@@ -745,49 +745,63 @@ body { margin: 0; background: var(--ak-bg); color: var(--ak-ink); font-family: v
 }
 .pe-photo-overlay img { max-width: 100%; max-height: 100%; display: block; }
 
-/* La modalità masonry replica il flusso del sito: le foto riempiono ogni colonna dall'alto
-   verso il basso e conservano il proprio rapporto d'aspetto. Le regole base qui sopra restano
-   quindi intatte per tutte le gallery con layout ordinario. */
-.pe-gallery.is-masonry > .pe-photo-grid {
+/* Il masonry verticale usa il flusso CSS a colonne: riempie una colonna dall'alto verso il
+   basso prima di passare alla successiva. `.is-masonry` resta come alias visuale per markup
+   legacy; i nuovi consumer ricevono sempre il nome esplicito. */
+.pe-gallery:is(.is-masonry, .is-masonry-vertical) > .pe-photo-grid {
   display: block; column-count: 3; column-gap: 1.5vw;
   padding: 4px 2px 40px;
 }
-.pe-gallery.is-masonry > .pe-photo-grid > .pe-photo {
+.pe-gallery:is(.is-masonry, .is-masonry-vertical) > .pe-photo-grid > .pe-photo {
   width: 100%; margin: 0 0 1.5vw; padding: 0;
   display: inline-block; break-inside: avoid; -webkit-column-break-inside: avoid;
   vertical-align: top;
 }
-.pe-gallery.is-masonry > .pe-photo-grid .pe-photo-frame {
+.pe-gallery:is(.is-masonry, .is-masonry-vertical) > .pe-photo-grid .pe-photo-frame {
   width: 100%; height: auto; display: block; overflow: hidden;
 }
-.pe-gallery.is-masonry > .pe-photo-grid .pe-photo-frame img {
+.pe-gallery:is(.is-masonry, .is-masonry-vertical) > .pe-photo-grid .pe-photo-frame img {
   width: 100%; height: auto; max-width: none; max-height: none;
 }
-.pe-gallery.is-masonry > .pe-photo-grid .pe-photo-actions {
+.pe-gallery:is(.is-masonry, .is-masonry-vertical) > .pe-photo-grid .pe-photo-actions {
   top: 8px; transform: translate(-50%, 0);
 }
-.pe-gallery.is-masonry > .pe-photo-grid .pe-photo:hover .pe-photo-actions,
-.pe-gallery.is-masonry > .pe-photo-grid .pe-photo:focus-within .pe-photo-actions {
+.pe-gallery:is(.is-masonry, .is-masonry-vertical) > .pe-photo-grid .pe-photo:hover .pe-photo-actions,
+.pe-gallery:is(.is-masonry, .is-masonry-vertical) > .pe-photo-grid .pe-photo:focus-within .pe-photo-actions {
   transform: translate(-50%, -2px);
 }
-.pe-gallery.is-masonry > .pe-photo-grid .pe-photo figcaption {
+.pe-gallery:is(.is-masonry, .is-masonry-vertical) > .pe-photo-grid .pe-photo figcaption {
   position: absolute; z-index: 2; right: 8px; bottom: 8px; left: 8px;
   padding: 6px 8px; border-radius: 4px; background: rgba(20,20,22,.72);
   color: #fff; text-align: left; opacity: 0; pointer-events: none;
   transition: opacity .12s;
 }
-.pe-gallery.is-masonry > .pe-photo-grid .pe-photo:hover figcaption,
-.pe-gallery.is-masonry > .pe-photo-grid .pe-photo:focus-within figcaption { opacity: 1; }
-.pe-gallery.is-masonry > .pe-photo-grid .pe-photo.is-insert-before::before,
-.pe-gallery.is-masonry > .pe-photo-grid .pe-photo.is-insert-after::after {
+.pe-gallery:is(.is-masonry, .is-masonry-vertical) > .pe-photo-grid .pe-photo:hover figcaption,
+.pe-gallery:is(.is-masonry, .is-masonry-vertical) > .pe-photo-grid .pe-photo:focus-within figcaption { opacity: 1; }
+.pe-gallery:is(.is-masonry, .is-masonry-vertical) > .pe-photo-grid .pe-photo.is-insert-before::before,
+.pe-gallery:is(.is-masonry, .is-masonry-vertical) > .pe-photo-grid .pe-photo.is-insert-after::after {
   right: 0; left: 0; width: auto; height: 3px;
 }
-.pe-gallery.is-masonry > .pe-photo-grid .pe-photo.is-insert-before::before {
+.pe-gallery:is(.is-masonry, .is-masonry-vertical) > .pe-photo-grid .pe-photo.is-insert-before::before {
   top: -7px; bottom: auto;
 }
-.pe-gallery.is-masonry > .pe-photo-grid .pe-photo.is-insert-after::after {
+.pe-gallery:is(.is-masonry, .is-masonry-vertical) > .pe-photo-grid .pe-photo.is-insert-after::after {
   top: auto; bottom: -7px;
 }
+
+/* Il masonry orizzontale mostra l'ordine editoriale da sinistra a destra. Sei slot rendono
+   ogni riga dell'admin equivalente a due battute della gallery pubblica a tre colonne; il
+   canvas uniforme mantiene stabile il drag e `contain` rende leggibile l'orientamento. */
+.pe-gallery.is-masonry-horizontal > .pe-photo-grid {
+  display: grid; grid-template-columns: repeat(6, minmax(0, 1fr));
+  gap: 20px 12px; column-count: auto; padding: 4px 2px 40px;
+}
+.pe-gallery.is-masonry-horizontal > .pe-photo-grid .pe-photo-frame {
+  height: clamp(112px, 8.5vw, 150px); aspect-ratio: auto;
+}
+.pe-gallery.is-masonry-horizontal > .pe-photo-grid .pe-photo-frame img {
+  width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain;
+}
 .pe-hidden-gallery {
   display: flex; flex-direction: column; gap: 18px; padding: 24px 2px 8px;
   border-top: 1px solid var(--ak-line);
@@ -2127,11 +2141,13 @@ body:has(.uk) .pane-body { padding-bottom: 190px; }
   .seo-row > .seo-field,
   .seo-row > .seo-help { grid-column: 2; }
   .seo-help { padding-top: 0; }
+  .pe-gallery.is-masonry-horizontal > .pe-photo-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
 }
 
 @media (max-width: 900px) {
-  .pe-gallery.is-masonry > .pe-photo-grid { column-count: 2; column-gap: 3vw; }
-  .pe-gallery.is-masonry > .pe-photo-grid > .pe-photo { margin-bottom: 3vw; }
+  .pe-gallery:is(.is-masonry, .is-masonry-vertical) > .pe-photo-grid { column-count: 2; column-gap: 3vw; }
+  .pe-gallery:is(.is-masonry, .is-masonry-vertical) > .pe-photo-grid > .pe-photo { margin-bottom: 3vw; }
+  .pe-gallery.is-masonry-horizontal > .pe-photo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
   .settings-editor { padding-inline: 6px; gap: 34px; }
   .st-row { grid-template-columns: minmax(0, 1fr); gap: 15px; padding: 22px 0; }
   .seo-editor { padding-inline: 6px; }

package/dist/app/lib/admin-interface.d.ts

@@ -0,0 +1,11 @@
+export type AdminInterface = "current" | "next";
+type StorageReader = Pick<Storage, "getItem">;
+type StorageWriter = Pick<Storage, "setItem">;
+export declare function parseAdminInterface(value: string | null): AdminInterface;
+export declare function readAdminInterface(storage?: StorageReader): AdminInterface;
+export declare function saveAdminInterface(value: AdminInterface, storage?: StorageWriter): void;
+export declare function useAdminInterface(): {
+    adminInterface: AdminInterface;
+    setAdminInterface: import("react").Dispatch<import("react").SetStateAction<AdminInterface>>;
+};
+export {};

package/dist/app/lib/admin-interface.js

@@ -0,0 +1,45 @@
+/* La nuova interfaccia nasce dietro una preferenza LOCALE al browser.
+ *
+ * Non è un'impostazione editoriale del sito: salvarla in D1 o in data/site.json la farebbe
+ * passare dalla pubblicazione e la accenderebbe anche agli altri amministratori. Qui invece
+ * il sito pubblico non riceve nulla. La nuova esperienza è il default, ma ogni browser può
+ * tornare all'interfaccia precedente senza cambiare ciò che vedono gli altri amministratori.
+ */
+import { useEffect, useState } from "react";
+import { storageKey } from "../../index.js";
+export function parseAdminInterface(value) {
+    return value === "current" ? "current" : "next";
+}
+/* La chiave si calcola al momento della lettura, dopo che mountAdmin ha impostato il prefisso
+ * del sito. Calcolarla a livello di modulo la bloccherebbe sul prefisso neutro `adminkit`. */
+export function readAdminInterface(storage) {
+    try {
+        const target = storage ?? (typeof localStorage !== "undefined" ? localStorage : undefined);
+        return parseAdminInterface(target?.getItem(storageKey("adminInterface")) ?? null);
+    }
+    catch {
+        return "next";
+    }
+}
+export function saveAdminInterface(value, storage) {
+    try {
+        const target = storage ?? (typeof localStorage !== "undefined" ? localStorage : undefined);
+        target?.setItem(storageKey("adminInterface"), value);
+    }
+    catch {
+        /* Se localStorage non è disponibile, la scelta resta valida per la sessione corrente. */
+    }
+}
+function applyAdminInterface(value) {
+    if (typeof document !== "undefined") {
+        document.documentElement.setAttribute("data-admin-interface", value);
+    }
+}
+export function useAdminInterface() {
+    const [adminInterface, setAdminInterface] = useState(readAdminInterface);
+    useEffect(() => {
+        applyAdminInterface(adminInterface);
+        saveAdminInterface(adminInterface);
+    }, [adminInterface]);
+    return { adminInterface, setAdminInterface };
+}

package/dist/app/lib/gallery-layout.d.ts

@@ -0,0 +1,8 @@
+export type GalleryLayout = "grid" | "masonry-vertical" | "masonry-horizontal";
+/**
+ * `masonry` era il solo valore speciale supportato dal kit e descriveva il
+ * flusso CSS a colonne, quindi resta un alias del layout verticale. I siti
+ * possono migrare ai nomi espliciti senza cambiare di colpo documenti già
+ * pubblicati.
+ */
+export declare function normalizeGalleryLayout(value: unknown): GalleryLayout;

package/dist/app/lib/gallery-layout.js

@@ -0,0 +1,13 @@
+/**
+ * `masonry` era il solo valore speciale supportato dal kit e descriveva il
+ * flusso CSS a colonne, quindi resta un alias del layout verticale. I siti
+ * possono migrare ai nomi espliciti senza cambiare di colpo documenti già
+ * pubblicati.
+ */
+export function normalizeGalleryLayout(value) {
+    if (value === "masonry" || value === "masonry-vertical")
+        return "masonry-vertical";
+    if (value === "masonry-horizontal")
+        return "masonry-horizontal";
+    return "grid";
+}

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

@@ -8,4 +8,8 @@ export declare function useHome(active: boolean): {
     change: (next: Record<string, unknown>) => void;
     save: () => Promise<void>;
     setNotice: import("react").Dispatch<import("react").SetStateAction<string | null>>;
+    publishTarget: {
+        documentId: string;
+        expectedDraftRevisionId: string | null;
+    } | null;
 };

package/dist/app/lib/home.js

@@ -89,5 +89,9 @@ export function useHome(active) {
         }
     }, [data, revision]);
     const change = useCallback((next) => { setData(next); setDirty(true); }, []);
-    return { data, error, dirty, saving, notice, load, change, save, setNotice };
+    const mapped = site().homeDocument;
+    return { data, error, dirty, saving, notice, load, change, save, setNotice,
+        publishTarget: contentPersistenceMode() === "d1" && mapped && revision
+            ? { documentId: mapped.documentId, expectedDraftRevisionId: revision.expected }
+            : null };
 }

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

@@ -4,6 +4,10 @@ export type PageModel = Record<string, unknown> & {
     /** Versione del file da cui questa pagina è stata letta. Torna al server nel salvataggio: se
      *  nel frattempo il file è cambiato, il server rifiuta invece di sovrascrivere. */
     _sha?: string;
+    /** Metadati D1 usati soltanto per pubblicare la pagina aperta. */
+    _documentId?: string;
+    _draftRevisionId?: string | null;
+    _publishedRevisionId?: string | null;
     /** Presenza/versione delle sibling dichiarate; il loro contenuto è caricato solo aprendole. */
     translations?: Record<string, {
         exists: boolean;
@@ -28,6 +32,10 @@ export declare function usePages(): {
     isPristine: (slug: string) => boolean;
     save: () => Promise<void>;
     setNotice: import("react").Dispatch<import("react").SetStateAction<string | null>>;
+    removedPublishTargets: Record<string, {
+        documentId: string;
+        expectedDraftRevisionId: string | null;
+    }>;
 };
 export declare function legacyDraft(): number | null;
 /** I titoli che la bozza contiene, per poterla guardare prima di buttarla. */

package/dist/app/lib/pages.js

@@ -23,6 +23,7 @@ export function usePages() {
     const [dirty, setDirty] = useState(false);
     const [saving, setSaving] = useState(false);
     const [notice, setNotice] = useState(null);
+    const [removedPublishTargets, setRemovedPublishTargets] = useState({});
     const load = useCallback(async () => {
         try {
             const d = await api.pages();
@@ -31,10 +32,13 @@ export function usePages() {
              * andava riconciliato con `modelFromRaw` — un passaggio in meno, e una grafia in meno da
              * far combaciare. L'ordine per peso lo dà già il server. */
             const list = (d.pages ?? []).map((p) => ({
-                ...p.page, slug: p.slug, url: p.url, _orig: p.slug, _sha: p.sha, translations: p.translations,
+                ...p.page, slug: p.slug, url: p.url, _orig: p.slug, _sha: p.sha,
+                _documentId: p.documentId, _draftRevisionId: p.draftRevisionId,
+                _publishedRevisionId: p.publishedRevisionId, translations: p.translations,
             }));
             base.current = new Map(list.map((p) => [p.slug, p]));
             setPages(list);
+            setRemovedPublishTargets({});
             setDirty(false);
             setError(null);
         }
@@ -89,8 +93,16 @@ export function usePages() {
             pages.forEach((p) => {
                 p._orig = p.slug;
                 const s = r.shas?.[p.slug];
-                if (s)
+                if (s) {
                     p._sha = s;
+                    p._draftRevisionId = s;
+                }
+                const document = r.documents?.[p.slug];
+                if (document) {
+                    p._documentId = document.documentId;
+                    p._draftRevisionId = document.draftRevisionId;
+                    p._publishedRevisionId = document.publishedRevisionId;
+                }
                 /* Le sibling hanno lo stesso ciclo di vita del file base: se non si aggiorna il loro
                    SHA qui, la modifica EN appena salvata parte già da una versione che non esiste più
                    e il Worker la rifiuta come conflitto al click successivo. */
@@ -108,6 +120,13 @@ export function usePages() {
                         p._translations[code]._sha = translationSha;
                 }
             });
+            const liveSlugs = new Set(pages.map((page) => page.slug));
+            setRemovedPublishTargets(Object.fromEntries(Object.entries(r.documents ?? {})
+                .filter(([slug]) => !liveSlugs.has(slug))
+                .map(([slug, document]) => [slug, {
+                    documentId: document.documentId,
+                    expectedDraftRevisionId: document.draftRevisionId,
+                }])));
             // Da qui in poi il file contiene ciò che hanno queste pagine: tornano tutte "non toccate".
             base.current = new Map(pages.map((p) => [p.slug, p]));
         }
@@ -124,7 +143,8 @@ export function usePages() {
             setSaving(false);
         }
     }, [pages]);
-    return { pages, error, dirty, saving, notice, load, update, refresh, isPristine, save, setNotice };
+    return { pages, error, dirty, saving, notice, load, update, refresh, isPristine, save, setNotice,
+        removedPublishTargets };
 }
 /* Bozza lasciata dal VECCHIO pannello nel localStorage di questo browser: si mostra, non si usa.
  *