@cardinali-studio/adminkit 2.2.20 → 2.2.21

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,6 +19,7 @@ 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 { contentPersistenceMode, site } from "./site.js";
@@ -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 }] : []),
@@ -221,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")
@@ -237,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" : ""), "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: [_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)
@@ -253,16 +274,16 @@ 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
@@ -283,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"); } }))
@@ -317,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",
         ],
@@ -341,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/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 };
+}