@cardinali-studio/adminkit 1.0.0

package/dist/app/App.js

@@ -0,0 +1,320 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* Il guscio del pannello: tre colonne fisse.
+ *
+ *   1. dove sono          la navigazione principale — non cambia mai
+ *   2. cosa c'è dentro    l'elenco della sezione: le pagine, le sezioni della home, i media
+ *   3. cosa sto facendo   la modifica di UNA cosa sola
+ *
+ * Il motivo per cui non è più una barra di schede: con le schede, aprire una pagina sostituiva
+ * tutto lo schermo e l'elenco spariva. Qui l'elenco resta sotto gli occhi mentre si modifica, e
+ * passare da una pagina all'altra è un click invece di due — che è tutto il senso della seconda
+ * colonna, non un vezzo grafico.
+ *
+ * Il salvataggio sta in ALTO A DESTRA, uno solo, e sa a chi parlare: pagine e home hanno endpoint
+ * 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";
+/* 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 { MediaFolders, MediaGrid, ProsePages, Trash, useMediaLibrary, usePicker } from "../form/index.js";
+import { Preview, isLocalPreview } from "../preview.js";
+import { site } from "./site.js";
+import { useHashRoute } from "./lib/router";
+import { usePages, legacyDraft, legacyDraftTitles, discardLegacyDraft } from "./lib/pages";
+import { useHome } from "./lib/home";
+import { useSiteSettings } from "./lib/settings";
+import { groupsOf, groupSlug } from "./lib/groups";
+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 { HomeEditor } from "./routes/HomeEditor";
+import { RequestsList, RequestDetail } from "./routes/Requests";
+import { useRequests } from "./lib/requests";
+import { usePublish } from "./lib/publish";
+import { useDeliveries } from "./lib/deliveries";
+import { useBookings } from "./lib/bookings";
+import { useUploadCompletions } from "./lib/upload-queue";
+import { UploadDock } from "./routes/UploadDock";
+import { DeliveriesList, DeliveriesTotal, DeliverySettings, DeliveryWorkspace, NewDeliveryButton, } from "./routes/Deliveries";
+import { NewPageButton } from "./routes/PageActions";
+import { BookingAgenda, BookingDetail, BookingsList, BookingSettingsHub, } from "./routes/Bookings";
+import { Icon } from "./ui/icons";
+import { useTheme } from "./lib/theme";
+export function App() {
+    const [route, go] = useHashRoute();
+    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. */
+    const view = route[0] || "overview";
+    // Il cestino non è una voce di primo livello: è un ripostiglio dei media, e vive nella loro
+    // seconda colonna. Nella prima resta accesa "Media", altrimenti sembrerebbe di essere altrove.
+    const section = view === "trash" ? "media" : view;
+    // In produzione la voce non esiste: non nascosta col CSS, proprio non emessa.
+    const local = isLocalPreview();
+    const pages = usePages();
+    const home = useHome(section === "home");
+    /* 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. */
+    const settings = useSiteSettings(section === "settings" || section === "overview" || (section === "pages" && route[2] === "seo"));
+    /* 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" });
+    /* 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
+       andati a guardare non serve a niente. */
+    const requests = useRequests();
+    const publish = usePublish();
+    const deliverySettingsOpen = section === "deliveries" && route[1] === "settings";
+    const activeDeliveryId = section === "deliveries" && !deliverySettingsOpen ? route[1] : undefined;
+    /* Come Richieste, Consegne carica subito l'elenco: il badge "in scadenza" deve
+       esistere prima di entrare nella sezione. Il dettaglio resta pigro. */
+    const deliveries = useDeliveries(activeDeliveryId);
+    const bookings = useBookings();
+    /* Un caricamento che finisce cambia l'elenco (dimensione, stato, «in scadenza»), e può
+       finire mentre si sta guardando tutt'altro: qui ci si abbona SOLO al fatto che ne sia
+       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 (section === "deliveries")
+            void deliveries.load();
+    }, [uploadCompletions]); // eslint-disable-line react-hooks/exhaustive-deps
+    const [quickKey, setQuickKey] = useState(0);
+    const [quickSelectedId, setQuickSelectedId] = useState();
+    const [pickedReq, setPickedReq] = useState(new Set());
+    const { pickMedia, pickMediaFiles, pickerElement } = usePicker();
+    // Stato e non solo lettura: l'avviso deve poter sparire, o resta lì per sempre.
+    const [draft, setDraft] = useState(legacyDraft);
+    const [draftOpen, setDraftOpen] = useState(false);
+    /* Un file trascinato per sbaglio FUORI da una zona di rilascio fa navigare il browser su
+       quel file: si esce dal pannello e si perdono le modifiche non salvate. Qui si annulla il
+       comportamento predefinito a livello di finestra — le zone vere hanno già gestito l'evento
+       prima, perché risale da loro. */
+    useEffect(() => {
+        const stop = (e) => e.preventDefault();
+        addEventListener("dragover", stop);
+        addEventListener("drop", stop);
+        return () => { removeEventListener("dragover", stop); removeEventListener("drop", stop); };
+    }, []);
+    const list = pages.pages;
+    const editing = section === "pages" && route[1] && list
+        ? list.find((p) => p.slug === route[1])
+        : undefined;
+    const seoEditing = !!editing && route[2] === "seo";
+    /* Le destinazioni interne del dialogo «Collegamento», dalle pagine già caricate: la barra di
+       formattazione compare dentro widget annidati anche di tre livelli, e le riceve da un
+       contesto invece che da una catena di prop (vedi adminkit form/prose/pages.ts). Le pagine
+       offline restano fuori: un link a una pagina non pubblicata è un 404 con un altro nome. */
+    const pageLinks = useMemo(() => (list ?? [])
+        .filter((page) => page.published !== false)
+        .map((page) => ({
+        label: String(page.title ?? page.slug),
+        href: typeof page.url === "string" && page.url ? page.url : `/${page.slug}/`,
+    })), [list]);
+    const settingsView = section === "settings" && route[1] === "seo" ? "seo" : "site";
+    const replace = (next) => {
+        if (!list || !editing)
+            return;
+        const previousSlug = editing.slug;
+        pages.update(list.map((p) => (p.slug === previousSlug ? next : p)));
+        if (next.slug !== previousSlug)
+            go(`/pages/${next.slug}${seoEditing ? "/seo" : ""}`);
+    };
+    const openReq = section === "requests" && route[1] && requests.rows
+        ? requests.rows.find((r) => String(r.id) === route[1])
+        : undefined;
+    const bookingSettingsOpen = section === "bookings" && route[1] === "settings";
+    const openBooking = section === "bookings" && route[1] && !bookingSettingsOpen && bookings.rows
+        ? bookings.rows.find((row) => row.id === route[1])
+        : undefined;
+    // Le sezioni della home sono i `group` del suo schema: nessun elenco da tenere allineato.
+    const homeGroups = useMemo(() => groupsOf(site().home), []);
+    const homeGroup = homeGroups.find((g) => groupSlug(g) === route[1]) ?? homeGroups[0] ?? "";
+    /* Due gruppi, non di più: con sette-otto voci un terzo aggiungerebbe rumore invece di
+     * struttura. Panoramica resta isolata in cima — è il punto d'ingresso, non un contenuto fra
+     * gli altri — e Anteprima (solo in locale) chiude Attività invece di avere un gruppo suo. */
+    /* Un modulo è acceso? Gemella di `moduleEnabled` lato Worker, e deve rispondere allo stesso
+     * modo: se le due divergessero, il pannello mostrerebbe una funzione che gli endpoint negano
+     * (o la nasconderebbe mentre esiste). */
+    const moduleOn = (name) => site().modules?.[name] === true;
+    /* La sezione che si sta guardando appartiene a un modulo SPENTO? In quel caso al posto del
+     * contenuto va la sua presentazione. `null` quando la sezione non è di un modulo o è accesa. */
+    const offModule = OPTIONAL_SECTIONS[section] && !moduleOn(OPTIONAL_SECTIONS[section].module)
+        ? OPTIONAL_SECTIONS[section]
+        : null;
+    const navGroups = [
+        { title: null, items: [
+                { id: "overview", label: "Panoramica", icon: Icon.grid },
+            ] },
+        { title: "Contenuti", items: [
+                { id: "home", label: "Home", icon: Icon.home },
+                { id: "pages", label: "Pagine", icon: Icon.pages },
+                { id: "media", label: "Media", icon: Icon.media },
+            ] },
+        /* Le voci di «Attività» sono MODULI, e ci sono ANCHE quando sono spenti.
+         *
+         * Nasconderle sarebbe la scelta ovvia e sarebbe sbagliata: un cliente non può chiedere una
+         * funzione che non sa di poter avere. Chi preme una voce spenta trova una schermata che
+         * spiega cosa fa e a chi scrivere per accenderla — il pannello è anche il posto in cui quelle
+         * funzioni si scoprono.
+         *
+         * 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: "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 }] : []),
+            ] },
+    ];
+    /* 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. */
+    const saver = section === "pages" ? pages
+        : section === "home" ? home
+            : section === "settings" ? settings
+                : null;
+    const heading = section === "overview" ? "Panoramica"
+        : section === "pages" ? (editing ? String(editing.title ?? editing.slug) : "Pagine")
+            : section === "home" ? (homeGroup || "Home")
+                : view === "trash" ? "Cestino"
+                    : section === "media" ? (media.prefix ? media.labelOf(media.prefix) : "Senza cartella")
+                        /* 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 === "bookings" ? (bookingSettingsOpen ? "Impostazioni prenotazioni" : openBooking ? openBooking.visitorName || openBooking.referenceCode : "Prenotazioni")
+                                : section === "requests" ? (openReq ? openReq.name : "Richieste")
+                                    : section === "settings" ? (settingsView === "seo" ? "SEO" : "Sito")
+                                        : "Anteprima";
+    const wide = section === "media" || editing?.type === "gallery" ||
+        editing?.type === "portfolio" || editing?.type === "about" ||
+        editing?.type === "workshop" || seoEditing ||
+        section === "settings" || section === "bookings";
+    /* Il percorso della cartella aperta, un pezzo per volta e ognuno cliccabile. Con il solo nome
+       dell'ultima cartella non si capisce dove si è finiti né come tornare indietro: sotto
+       «Piatti 2024» c'è food, ma quel «food» non era scritto da nessuna parte. */
+    const mediaCrumbs = media.prefix.split("/").filter(Boolean).map((_seg, i, all) => {
+        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" : ""), 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" : ""), 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 })
+                                        : !list ? _jsx("p", { className: "ak-hint", children: "Carico\u2026" })
+                                            : _jsx(PagesList, { pages: list, current: editing?.slug, onEdit: (slug) => go(`/pages/${slug}`), onChange: pages.update, onRenamed: (from, to) => {
+                                                    if (editing?.slug === from)
+                                                        go(`/pages/${to}${seoEditing ? "/seo" : ""}`);
+                                                } }) })] })), section === "media" && (_jsxs(_Fragment, { children: [_jsx("div", { className: "col-head", children: _jsx("span", { className: "col-title", children: "Cartelle" }) }), _jsx("div", { className: "col-body", children: _jsx(MediaFolders, { lib: media, trash: { active: view === "trash", open: () => go("/trash"), leave: () => go("/media") } }) })] })), section === "requests" && (_jsxs(_Fragment, { children: [_jsx("div", { className: "col-head", children: pickedReq.size === 0 ? (_jsx("span", { className: "col-title", children: requests.rows ? `${requests.rows.length} richieste` : "Richieste" })) : (_jsxs("span", { className: "rq-bulk", children: [_jsxs("span", { className: "col-title", children: [pickedReq.size, " scelte"] }), _jsx("button", { className: "mg-act", onClick: () => { void requests.mark([...pickedReq], true); setPickedReq(new Set()); }, children: "Gestite" }), _jsx("button", { className: "mg-act is-danger", onClick: () => { void requests.remove([...pickedReq]); setPickedReq(new Set()); }, children: "Elimina" }), _jsx("button", { className: "mg-act", onClick: () => setPickedReq(new Set()), children: "\u00D7" })] })) }), _jsx("div", { className: "col-body", children: requests.error ? _jsx("p", { className: "ak-error", children: requests.error })
+                                        : !requests.rows ? _jsx("p", { className: "ak-hint", children: "Carico\u2026" })
+                                            : requests.rows.length === 0 ? _jsx("p", { className: "ak-hint", children: "Nessuna richiesta, per ora." })
+                                                : _jsx(RequestsList, { rows: requests.rows, current: openReq?.id, picked: pickedReq, onOpen: (id) => go(`/requests/${id}`), onPick: (id) => setPickedReq((prev) => {
+                                                        // Funzionale: due click ravvicinati leggerebbero lo stesso stato vecchio.
+                                                        const next = new Set(prev);
+                                                        if (next.has(id))
+                                                            next.delete(id);
+                                                        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 })
+                                        : !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"}`) })) : view === "media" ? (_jsxs("nav", { className: "pane-crumbs", "aria-label": "Percorso", children: [_jsx("button", { className: "pane-crumb" + (mediaCrumbs.length ? "" : " is-current"), 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" : ""), onClick: () => media.go(c.prefix), children: c.label })] }, c.prefix)))] })) : (_jsx("h1", { className: "pane-title", children: heading })), view === "media" && _jsx("span", { className: "pane-count", children: media.shown.length }), _jsx("span", { className: "pane-spacer" }), view === "media" && (_jsx("button", { className: "ak-btn ak-btn-primary", onClick: () => media.setUploadOpen(true), 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" && (
+                                        /* 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. */
+                                        _jsx(Overview, { deliveries: deliveries.rows, expiring: deliveries.expiring, requests: requests.rows, pending: requests.pending, features: settings.data?.features ?? null, bookings: bookings.rows, bookingsPending: bookings.pending, bookingsError: bookings.error, go: go })), section === "bookings" && (bookings.error ? (_jsxs("div", { className: "pane-empty", children: [_jsx("p", { className: "ak-error", children: bookings.error }), _jsx("button", { className: "ak-btn", onClick: () => void bookings.load(), children: "Riprova" })] })) : !bookings.rows || !bookings.settings ? _jsx("p", { className: "pane-empty ak-hint", children: "Carico\u2026" })
+                                            : bookingSettingsOpen ? _jsx(BookingSettingsHub, { store: bookings })
+                                                : openBooking ? _jsx(BookingDetail, { row: openBooking, store: bookings })
+                                                    : _jsx(BookingAgenda, { store: bookings, onOpen: (id) => go(`/bookings/${id}`) })), section === "pages" && (pages.error ? (_jsxs("div", { className: "pane-empty", children: [_jsx("p", { className: "ak-error", children: pages.error }), _jsx("button", { className: "ak-btn", onClick: () => void pages.load(), children: "Riprova" })] })) : editing ? (seoEditing ? (_jsx(PageSeoEditor, { page: editing, onChange: replace, onRefresh: pages.refresh, pristine: pages.isPristine(editing.slug), pickMediaFiles: pickMediaFiles, siteSettings: settings.data })) : (_jsx(PageEditor, { page: editing, onChange: replace, onRefresh: pages.refresh, pristine: pages.isPristine(editing.slug), pickMedia: pickMedia, pickMediaFiles: pickMediaFiles }))) : (_jsx("p", { className: "pane-empty ak-hint", children: list ? "Scegli una pagina dall'elenco, o creane una nuova." : "Carico…" }))), section === "home" && (
+                                        /* Con un errore di caricamento c'era solo la riga rossa: nessun modo di riprovare
+                                           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(HomeEditor, { 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(WebsiteSeoSettingsEditor, { value: settings.data, onChange: settings.change })
+                                            : _jsx(SiteSettingsEditor, { value: settings.data, onChange: settings.change, pickMediaFiles: pickMediaFiles, focus: route[1] })) : _jsx("p", { className: "pane-empty ak-hint", children: "Carico\u2026" })), view === "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"); } }))
+                                                : _jsx("p", { className: "pane-empty ak-hint", children: requests.rows?.length ? "Scegli una richiesta dall'elenco." : "" })), section === "deliveries" && (deliveries.error ? _jsx("p", { className: "ak-error", children: deliveries.error })
+                                            : deliverySettingsOpen ? (_jsx(DeliverySettings, { settings: deliveries.settings, onAction: deliveries.action, pickMedia: pickMedia })) : activeDeliveryId && !deliveries.detail ? (_jsx("p", { className: "pane-empty ak-hint", children: "Carico\u2026" })) : (
+                                            /* Un transfer nuovo e uno già spedito sono la stessa schermata: cambia solo se
+                                               arriva già con dei dati. La `key` la rimonta quando si passa da un transfer
+                                               all'altro, e quando «Nuovo transfer» chiede di ricominciare da capo. */
+                                            _jsx(DeliveryWorkspace, { delivery: deliveries.detail, busy: deliveries.busy, onAction: deliveries.action, onRefresh: deliveries.refresh, onReload: deliveries.load, onRead: deliveries.read, onDeleted: () => go("/deliveries"), onOpen: (id) => { setQuickSelectedId(undefined); go(`/deliveries/${id}`); }, onSelected: setQuickSelectedId }, deliveries.detail ? deliveries.detail.id : `nuovo-${quickKey}`))), section === "preview" && local && _jsx(Preview, {})] })] })] }), _jsx(UploadDock, {}), pickerElement] }) }));
+}
+/* Le sezioni che hanno una seconda colonna. Le altre lasciano la modifica a tutta larghezza.
+ *
+ * Per i media l'elenco sono le CARTELLE: il browser non se le tiene più per sé, così stanno
+ * dove stanno tutti gli altri elenchi del pannello — e diventano il bersaglio a cui trascinare
+ * le foto per spostarle. */
+function hasList(section) {
+    return section === "pages" || section === "home" || section === "media" ||
+        section === "deliveries" || section === "bookings" || section === "requests" || section === "settings";
+}
+/* ---- Le funzioni aggiuntive, quando sono spente ---------------------------------------------
+ *
+ * Una voce spenta non sparisce dal rail: chi usa il pannello deve poter scoprire che quella
+ * funzione esiste. Cliccandola trova questa schermata invece di un elenco vuoto o di un errore
+ * — che è la differenza fra «non ce l'hai» e «non funziona».
+ *
+ * I testi stanno qui e non nella configurazione di un sito perché descrivono il MODULO, che è
+ * lo stesso ovunque; l'unica cosa per-sito è a chi scrivere, e quella arriva da `site().support`.
+ * -------------------------------------------------------------------------------------------- */
+const OPTIONAL_SECTIONS = {
+    deliveries: {
+        module: "delivery",
+        title: "Consegne",
+        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",
+            "Il cliente scarica tutto in una volta, o solo le foto che gli servono",
+            "Vedi quante volte è stato scaricato, e da quando",
+        ],
+    },
+    bookings: {
+        module: "booking",
+        title: "Prenotazioni",
+        lead: "Fai scegliere data e ora direttamente dal sito, senza scambi di messaggi per trovare un momento.",
+        points: [
+            "Gli orari liberi vengono dal tuo calendario, non da un elenco da aggiornare a mano",
+            "Conferme e promemoria partono da soli",
+            "Gli appuntamenti li vedi qui e nel calendario insieme",
+        ],
+    },
+    requests: {
+        module: "requests",
+        title: "Richieste",
+        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",
+            "Rispondi con un click, dall'indirizzo di sempre",
+        ],
+    },
+};
+function FeatureOff({ info }) {
+    const { name, email } = site().support;
+    return (_jsxs("section", { className: "feature-off", children: [_jsx("span", { className: "feature-off-kicker", children: "Funzione aggiuntiva" }), _jsx("h2", { children: info.title }), _jsx("p", { className: "feature-off-lead", children: info.lead }), _jsx("ul", { children: info.points.map((point) => _jsx("li", { children: point }, point)) }), _jsxs("p", { className: "feature-off-cta", children: ["Su questo sito non \u00E8 attiva. Per accenderla scrivi a ", _jsx("strong", { children: name }), ":", " ", _jsx("a", { href: `mailto:${email}?subject=${encodeURIComponent(`Attivare ${info.title} su ${site().name}`)}`, children: email }), "."] })] }));
+}