@cardinali-studio/adminkit 1.0.0

package/dist/app/routes/PortfolioWorksEditor.js

@@ -0,0 +1,139 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* I lavori di una pagina portfolio.
+ *
+ * ── L'idea ─────────────────────────────────────────────────────────────────────────────────
+ * Un lavoro è una COSA, non un gruppo di campi: si riconosce dalla sua copertina e dal suo
+ * titolo, come sul sito. L'elenco chiuso è quindi fatto di card che mostrano quelle due cose e
+ * niente altro, e si apre quella su cui si sta lavorando. Prima era una lista di `fieldset`
+ * annidati generati dallo schema: per capire quale lavoro si stesse modificando bisognava
+ * leggere il campo "Titolo", cioè leggere un form per sapere dove ci si trova.
+ *
+ * Una alla volta (`openAt`): con più card aperte insieme l'elenco perde la sua funzione, che è
+ * far vedere l'ordine dei lavori — l'ordine è il contenuto della pagina, non un dettaglio.
+ *
+ * ── Le chiavi del drag & drop ──────────────────────────────────────────────────────────────
+ * Le sezioni delle gallery hanno un `id` scritto nel front matter; i lavori NO, e non glielo si
+ * aggiunge: sarebbe un campo in più in ogni file di contenuto — e nei file di un cliente — solo
+ * per far funzionare l'interfaccia. Le chiavi sono quindi posizionali (`lavoro-3`), che a
+ * dnd-kit basta perché durante un trascinamento la lista non cambia.
+ *
+ * Il prezzo è che «quale card è aperta» non può essere una chiave: dopo un riordino o una
+ * eliminazione l'indice punterebbe a un altro lavoro. Per questo `openAt` viene ricalcolato in
+ * ogni operazione che sposta gli indici — è esplicito apposta, perché è l'unico punto in cui
+ * la scelta delle chiavi posizionali si paga.
+ *
+ * ── L'aspetto ──────────────────────────────────────────────────────────────────────────────
+ * Nessun tratto: le superfici si staccano dal fondo per colore e per ombra. Le regole stanno in
+ * `app.css` sotto `.pw-*`. È il linguaggio nuovo del pannello e per ora vive qui: applicarlo
+ * di colpo a tutte le sezioni avrebbe voluto dire cambiare l'admin intero in un commit.
+ */
+import { useEffect, useRef, useState } from "react";
+import { DndContext, closestCenter } from "@dnd-kit/core";
+import { SortableContext, arrayMove, useSortable, verticalListSortingStrategy, } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { ParagraphEditor } from "../ui/ParagraphEditor";
+/* La casella immagine sta in `ui/`: la usano copertina e card qui, e il ritratto della pagina
+   "chi sono". Vedi il commento in cima a quel file. */
+import { MediaSlot } from "../ui/MediaSlot";
+/* Guscio della card, sensori e aritmetica del riordino: condivisi con l'editor delle edizioni
+   dei workshop, che è lo stesso elenco con dentro un'altra cosa. */
+import { OpenCard } from "../ui/OpenCard";
+import { useDragSensors } from "../ui/dnd";
+import { movedOpenIndex, removedOpenIndex } from "../lib/reorder";
+import { Icon } from "../ui/icons";
+import { normalizeWorks, emptyWork, emptyCard, CARD_KINDS, } from "../../normalize.js";
+export { normalizeWorks };
+const str = (value) => (typeof value === "string" ? value : "");
+const list = (value) => (Array.isArray(value) ? value : []);
+/* ---- Le informazioni (editore, autori, anno…) ------------------------------------------- */
+function SortableInfo({ id, entry, onPatch, onRemove }) {
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id });
+    return (_jsxs("li", { ref: setNodeRef, className: "pw-info-row" + (isDragging ? " is-dragging" : ""), style: { transform: CSS.Transform.toString(transform), transition }, children: [_jsx("button", { type: "button", className: "pw-grip", "aria-label": "Riordina informazione", ...attributes, ...listeners, children: _jsx(Icon.grip, {}) }), _jsx("input", { className: "pw-field pw-field-label", value: entry.label, maxLength: 40, placeholder: "Editore", onChange: (event) => onPatch({ label: event.target.value }) }), _jsx("input", { className: "pw-field", value: entry.value, maxLength: 200, placeholder: "Callwey (DE)", onChange: (event) => onPatch({ value: event.target.value }) }), _jsx("button", { type: "button", className: "pw-icon-btn is-danger", "aria-label": "Elimina informazione", onClick: onRemove, children: _jsx(Icon.trash, {}) })] }));
+}
+function InfoList({ items, onChange }) {
+    const sensors = useDragSensors();
+    const ids = items.map((_, index) => `info-${index}`);
+    const finish = ({ active, over }) => {
+        if (!over || active.id === over.id)
+            return;
+        onChange(arrayMove(items, ids.indexOf(String(active.id)), ids.indexOf(String(over.id))));
+    };
+    return (_jsxs("section", { className: "pw-block", children: [_jsxs("header", { className: "pw-block-head", children: [_jsx("h4", { children: "Informazioni" }), _jsxs("button", { type: "button", className: "pw-add-quiet", onClick: () => onChange([...items, { label: "", value: "" }]), children: [_jsx(Icon.plus, {}), " Aggiungi"] })] }), items.length === 0 ? (_jsx("p", { className: "pw-empty-note", children: "Editore, autori, anno\u2026 Compaiono in colonna accanto alla descrizione." })) : (_jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: finish, children: _jsx(SortableContext, { items: ids, strategy: verticalListSortingStrategy, children: _jsx("ul", { className: "pw-info-list", children: items.map((entry, index) => (_jsx(SortableInfo, { id: ids[index], entry: entry, onPatch: (patch) => onChange(items.map((item, i) => (i === index ? { ...item, ...patch } : item))), onRemove: () => onChange(items.filter((_, i) => i !== index)) }, ids[index]))) }) }) }))] }));
+}
+/* ---- Le card del dettaglio --------------------------------------------------------------- */
+function SortableCard({ id, card, index, onPatch, onRemove, pickMediaFiles }) {
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id });
+    const kind = CARD_KINDS.find((k) => k.type === card.type) ?? CARD_KINDS[0];
+    const wantsImage = card.type !== "text";
+    const wantsText = card.type !== "image";
+    const chooseImage = async () => {
+        const file = (await pickMediaFiles?.({ multiple: false }))?.[0];
+        if (file)
+            onPatch({ image: file.url });
+    };
+    return (_jsxs("article", { ref: setNodeRef, className: "pw-card" + (isDragging ? " is-dragging" : ""), style: { transform: CSS.Transform.toString(transform), transition }, children: [_jsxs("header", { className: "pw-card-head", children: [_jsx("button", { type: "button", className: "pw-grip", "aria-label": `Riordina card ${index + 1}`, ...attributes, ...listeners, children: _jsx(Icon.grip, {}) }), _jsx("span", { className: "pw-card-kind", children: kind.label }), _jsx("div", { className: "seg", role: "group", "aria-label": "Tipo di card", children: CARD_KINDS.map((option) => (_jsx("button", { type: "button", className: "seg-btn" + (card.type === option.type ? " is-on" : ""), onClick: () => onPatch({ type: option.type }), title: option.hint, children: option.label }, option.type))) }), _jsx("button", { type: "button", className: "pw-icon-btn is-danger", "aria-label": "Elimina card", onClick: onRemove, children: _jsx(Icon.trash, {}) })] }), _jsxs("div", { className: "pw-card-body" + (wantsImage ? " is-split" : ""), children: [wantsImage && (_jsx(MediaSlot, { value: card.image, ratio: "wide", empty: "Scegli un\u2019immagine", onPick: () => void chooseImage(), onClear: () => onPatch({ image: "" }) })), _jsxs("div", { className: "pw-card-text", children: [wantsImage && (_jsxs("label", { className: "pw-label", children: [_jsx("span", { children: "Testo alternativo" }), _jsx("input", { className: "pw-field", value: card.alt, maxLength: 200, placeholder: "Descrive l\u2019immagine a chi non pu\u00F2 vederla", onChange: (event) => onPatch({ alt: event.target.value }) })] })), wantsText && (_jsxs(_Fragment, { children: [_jsxs("label", { className: "pw-label", children: [_jsxs("span", { children: ["Occhiello ", _jsx("small", { children: "facoltativo" })] }), _jsx("input", { className: "pw-field", value: card.kicker, maxLength: 60, onChange: (event) => onPatch({ kicker: event.target.value }) })] }), _jsxs("label", { className: "pw-label", children: [_jsx("span", { children: "Titolo" }), _jsx("input", { className: "pw-field", value: card.heading, maxLength: 120, onChange: (event) => onPatch({ heading: event.target.value }) })] }), _jsxs("label", { className: "pw-label", children: [_jsx("span", { children: "Paragrafi" }), _jsx(ParagraphEditor, { className: "pw-field pw-textarea", rows: 5, value: card.body, placeholder: "Scrivi il testo della card.\nVai a capo per iniziare un paragrafo nuovo.", onChange: (body) => onPatch({ body }) })] })] }))] })] })] }));
+}
+function CardList({ items, onChange, pickMediaFiles }) {
+    const sensors = useDragSensors();
+    const [menuOpen, setMenuOpen] = useState(false);
+    const menuRef = useRef(null);
+    const ids = items.map((_, index) => `card-${index}`);
+    useEffect(() => {
+        if (!menuOpen)
+            return;
+        const close = (event) => {
+            if (!menuRef.current?.contains(event.target))
+                setMenuOpen(false);
+        };
+        addEventListener("pointerdown", close);
+        return () => removeEventListener("pointerdown", close);
+    }, [menuOpen]);
+    const finish = ({ active, over }) => {
+        if (!over || active.id === over.id)
+            return;
+        onChange(arrayMove(items, ids.indexOf(String(active.id)), ids.indexOf(String(over.id))));
+    };
+    return (_jsxs("section", { className: "pw-block", children: [_jsxs("header", { className: "pw-block-head", children: [_jsx("h4", { children: "Contenuto del dettaglio" }), _jsxs("div", { className: "pw-add-wrap", ref: menuRef, children: [_jsxs("button", { type: "button", className: "pw-add-quiet", "aria-haspopup": "menu", "aria-expanded": menuOpen, onClick: () => setMenuOpen((open) => !open), children: [_jsx(Icon.plus, {}), " Aggiungi"] }), menuOpen && (_jsx("div", { className: "pw-menu", role: "menu", children: CARD_KINDS.map((option) => (_jsxs("button", { type: "button", onClick: () => { onChange([...items, emptyCard(option.type)]); setMenuOpen(false); }, children: [_jsx("span", { className: "pw-menu-icon", children: option.type === "text" ? _jsx(Icon.doc, {}) : _jsx(Icon.media, {}) }), _jsxs("span", { children: [_jsx("strong", { children: option.label }), _jsx("small", { children: option.hint })] })] }, option.type))) }))] })] }), items.length === 0 ? (_jsx("p", { className: "pw-empty-note", children: "Le immagini e i testi che si vedono aprendo il lavoro sul sito." })) : (_jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: finish, children: _jsx(SortableContext, { items: ids, strategy: verticalListSortingStrategy, children: _jsx("div", { className: "pw-card-list", children: items.map((card, index) => (_jsx(SortableCard, { id: ids[index], card: card, index: index, pickMediaFiles: pickMediaFiles, onPatch: (patch) => onChange(items.map((item, i) => (i === index ? { ...item, ...patch } : item))), onRemove: () => onChange(items.filter((_, i) => i !== index)) }, ids[index]))) }) }) }))] }));
+}
+/* ---- Il lavoro ---------------------------------------------------------------------------- */
+function SortableWork({ id, work, index, total, open, onToggle, onPatch, onDuplicate, onRemove, pickMediaFiles }) {
+    const chooseCover = async () => {
+        const file = (await pickMediaFiles?.({ multiple: false }))?.[0];
+        if (file)
+            onPatch({ cover: file.url });
+    };
+    const pieces = [
+        work.cards.length ? `${work.cards.length} ${work.cards.length === 1 ? "card" : "card"}` : "",
+        work.info.length ? `${work.info.length} ${work.info.length === 1 ? "informazione" : "informazioni"}` : "",
+    ].filter(Boolean);
+    return (
+    /* Il guscio (maniglia, miniatura, titolo, apri/chiudi) sta in `ui/OpenCard`: è lo stesso
+       delle edizioni dei workshop, e tenerlo qui avrebbe voluto dire ricopiarlo là. */
+    _jsxs(OpenCard, { id: id, index: index, total: total, open: open, thumb: work.cover, title: work.title, empty: "Lavoro senza titolo", meta: pieces.join(" · "), kind: "questo lavoro", onToggle: onToggle, actions: _jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "btn-soft is-quiet", onClick: onDuplicate, children: "Duplica" }), _jsx("button", { type: "button", className: "btn-soft is-danger", onClick: onRemove, children: "Elimina" })] }), children: [_jsxs("div", { className: "pw-identity", children: [_jsx(MediaSlot, { value: work.cover, ratio: "cover", empty: "Scegli la copertina", onPick: () => void chooseCover(), onClear: () => onPatch({ cover: "" }) }), _jsxs("div", { className: "pw-identity-fields", children: [_jsxs("label", { className: "pw-label", children: [_jsx("span", { children: "Titolo" }), _jsx("input", { className: "pw-field pw-field-title", value: work.title, maxLength: 120, placeholder: "Il nome del lavoro", onChange: (event) => onPatch({ title: event.target.value }) })] }), _jsxs("label", { className: "pw-label", children: [_jsx("span", { children: "Descrizione" }), _jsx(ParagraphEditor, { className: "pw-field pw-textarea", rows: 7, value: work.description, placeholder: "Racconta il lavoro.\nVai a capo per iniziare un paragrafo nuovo.", onChange: (description) => onPatch({ description }) }), _jsx("small", { children: "Seleziona una parola per metterla in grassetto, in corsivo o per collegarla." })] })] })] }), _jsx(InfoList, { items: work.info, onChange: (info) => onPatch({ info }) }), _jsx(CardList, { items: work.cards, onChange: (cards) => onPatch({ cards }), pickMediaFiles: pickMediaFiles })] }));
+}
+/* ---- L'elenco ------------------------------------------------------------------------------ */
+export function PortfolioWorksEditor({ value, onChange, pickMediaFiles }) {
+    const works = normalizeWorks(value);
+    const [openAt, setOpenAt] = useState(null);
+    const sensors = useDragSensors();
+    const ids = works.map((_, index) => `lavoro-${index}`);
+    const replace = (next, nextOpen) => {
+        setOpenAt(nextOpen);
+        onChange(next);
+    };
+    /* Ogni operazione che sposta gli indici ricalcola anche `openAt`: con chiavi posizionali è
+       l'unico modo perché la card aperta resti quella che si stava guardando. */
+    const finish = ({ active, over }) => {
+        if (!over || active.id === over.id)
+            return;
+        const from = ids.indexOf(String(active.id));
+        const to = ids.indexOf(String(over.id));
+        if (from < 0 || to < 0)
+            return;
+        replace(arrayMove(works, from, to), movedOpenIndex(openAt, from, to));
+    };
+    const add = () => {
+        replace([...works, emptyWork()], works.length);
+    };
+    return (_jsxs("section", { className: "pw", "aria-label": "Lavori del portfolio", children: [_jsxs("header", { className: "pw-head", children: [_jsxs("div", { children: [_jsx("h3", { children: "Lavori" }), _jsx("p", { children: "L\u2019ordine \u00E8 quello con cui si scorrono sul sito. Apri un lavoro per modificarlo." })] }), _jsxs("button", { type: "button", className: "btn-soft is-primary", onClick: add, children: [_jsx(Icon.plus, {}), " Aggiungi lavoro"] })] }), works.length === 0 ? (_jsxs("button", { type: "button", className: "pw-blank", onClick: add, children: [_jsx(Icon.gallery, {}), _jsx("strong", { children: "Nessun lavoro, per ora" }), _jsx("span", { children: "Aggiungine uno: bastano un titolo e una copertina." })] })) : (_jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: finish, children: _jsx(SortableContext, { items: ids, strategy: verticalListSortingStrategy, children: _jsx("div", { className: "pw-list", children: works.map((work, index) => (_jsx(SortableWork, { id: ids[index], work: work, index: index, total: works.length, open: openAt === index, pickMediaFiles: pickMediaFiles, onToggle: () => setOpenAt(openAt === index ? null : index), onPatch: (patch) => onChange(works.map((item, i) => (i === index ? { ...item, ...patch } : item))), onDuplicate: () => replace(works.flatMap((item, i) => (i === index ? [item, { ...item }] : [item])), index + 1), onRemove: () => replace(works.filter((_, i) => i !== index), removedOpenIndex(openAt, index)) }, ids[index]))) }) }) }))] }));
+}

package/dist/app/routes/Requests.d.ts

@@ -0,0 +1,13 @@
+import type { ContactRequestRow } from "../../index.js";
+export declare function RequestsList({ rows, current, picked, onOpen, onPick, }: {
+    rows: ContactRequestRow[];
+    current?: number;
+    picked: Set<number>;
+    onOpen: (id: number) => void;
+    onPick: (id: number) => void;
+}): import("react").JSX.Element;
+export declare function RequestDetail({ row, onMark, onRemove, }: {
+    row: ContactRequestRow;
+    onMark: (handled: boolean) => void;
+    onRemove: () => void;
+}): import("react").JSX.Element;

package/dist/app/routes/Requests.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* Le richieste: elenco a sinistra, messaggio a destra.
+ *
+ * Sono lette più che modificate, e la lettura è tutto: il messaggio va in chiaro, per intero e
+ * senza troncamenti. Nell'elenco invece basta sapere chi ha scritto, quando, e le prime parole —
+ * è così che si ritrova quella di tre settimane fa.
+ *
+ * Quelle già gestite restano nell'elenco, smorzate: sparire sarebbe perdere il filo di cosa è
+ * arrivato. Il pallino segna quelle ancora da gestire, ed è la stessa informazione che la prima
+ * colonna mostra come numero.
+ */
+import { useState } from "react";
+const fmtShort = (iso) => new Date(iso).toLocaleDateString("it-IT", { year: "numeric", month: "2-digit", day: "2-digit" });
+const fmtLong = (iso) => new Date(iso).toLocaleString("it-IT", {
+    day: "2-digit", month: "long", year: "numeric", hour: "2-digit", minute: "2-digit",
+});
+const initials = (name) => name.trim().split(/\s+/).slice(0, 2).map((w) => w[0] ?? "").join("").toUpperCase() || "?";
+export function RequestsList({ rows, current, picked, onOpen, onPick, }) {
+    return (_jsx("ul", { className: "rq-list", children: rows.map((r) => (_jsxs("li", { className: "rq-row"
+                + (r.id === current ? " is-on" : "")
+                + (r.handled_at ? " is-handled" : ""), children: [_jsx("input", { className: "rq-pick", type: "checkbox", "aria-label": `Scegli la richiesta di ${r.name}`, checked: picked.has(r.id), onChange: () => onPick(r.id) }), _jsxs("button", { className: "rq-open", onClick: () => onOpen(r.id), children: [_jsxs("span", { className: "rq-line", children: [_jsx("span", { className: "rq-who", children: r.name }), !r.handled_at && _jsx("span", { className: "rq-new", title: "da gestire" })] }), _jsx("span", { className: "rq-when", children: fmtShort(r.created_at) }), _jsx("span", { className: "rq-snip", children: r.message })] })] }, r.id))) }));
+}
+export function RequestDetail({ row, onMark, onRemove, }) {
+    const [menu, setMenu] = useState(false);
+    const handled = !!row.handled_at;
+    // `mailto` con l'oggetto già pronto: rispondere è il gesto normale dopo aver letto, e non
+    // deve costare un copia-incolla.
+    const reply = `mailto:${row.email}?subject=${encodeURIComponent("Re: la tua richiesta")}`;
+    return (_jsxs("article", { className: "rq-detail" + (handled ? " is-handled" : ""), children: [_jsxs("header", { className: "rq-head", children: [_jsx("span", { className: "rq-avatar", "aria-hidden": "true", children: initials(row.name) }), _jsx("span", { className: "rq-name", children: row.name }), handled && _jsx("span", { className: "rq-tag", children: "gestita" }), _jsx("span", { className: "ak-spacer" }), _jsx("time", { className: "rq-date", dateTime: row.created_at, children: fmtLong(row.created_at) }), _jsxs("span", { className: "rq-menu-wrap", children: [_jsx("button", { className: "ak-icon", onClick: () => setMenu((v) => !v), title: "Altro", children: "\u2022\u2022\u2022" }), menu && (_jsxs("div", { className: "pa-menu", onMouseLeave: () => setMenu(false), children: [_jsx("button", { onClick: () => { onMark(!handled); setMenu(false); }, children: handled ? "Rimetti da gestire" : "Segna gestita" }), _jsx("button", { className: "pa-danger", onClick: () => { onRemove(); setMenu(false); }, children: "Elimina\u2026" })] }))] })] }), _jsxs("dl", { className: "rq-fields", children: [_jsx("dt", { children: "Nome" }), _jsx("dd", { children: row.name }), _jsx("dt", { children: "Email" }), _jsx("dd", { children: _jsx("a", { className: "rq-mail", href: reply, children: row.email }) }), _jsx("dt", { children: "Arrivata" }), _jsx("dd", { children: fmtLong(row.created_at) }), _jsx("dt", { children: "Messaggio" }), _jsx("dd", { className: "rq-msg", children: row.message })] }), _jsxs("footer", { className: "rq-actions", children: [_jsx("a", { className: "ak-btn ak-btn-primary", href: reply, children: "Rispondi" }), _jsx("button", { className: "ak-btn ak-btn-quiet", onClick: () => onMark(!handled), children: handled ? "Rimetti da gestire" : "Segna gestita" })] })] }));
+}

package/dist/app/routes/SiteSettingsEditor.d.ts

@@ -0,0 +1,21 @@
+import type { AssetFile } from "../../index.js";
+import type { SiteFeatures, SiteSettings } from "../lib/settings";
+export declare const EXTRAS: {
+    key: keyof SiteFeatures;
+    title: string;
+    help: string;
+    card: string;
+    short: string;
+}[];
+export declare function SiteSettingsEditor({ value, onChange, pickMediaFiles, focus, }: {
+    value: SiteSettings;
+    onChange: (next: SiteSettings) => void;
+    pickMediaFiles: (o: {
+        multiple: boolean;
+    }) => Promise<AssetFile[] | null>;
+    focus?: string;
+}): import("react").JSX.Element;
+export declare function WebsiteSeoSettingsEditor({ value, onChange, }: {
+    value: SiteSettings;
+    onChange: (next: SiteSettings) => void;
+}): import("react").JSX.Element;

package/dist/app/routes/SiteSettingsEditor.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { site } from "../site.js";
+import { Icon } from "../ui/icons";
+function Toggle({ checked, onChange, label, disabled = false, }) {
+    return (
+    /* `disabled` sull'`input`, non solo una classe: così non si preme, non prende il focus da
+       tastiera e i lettori di schermo lo annunciano come disattivato. Uno stile che *sembra*
+       spento ma resta cliccabile è la versione peggiore di tutte — cambia stato sullo schermo
+       e non cambia niente sul sito. */
+    _jsxs("label", { className: "st-toggle" + (disabled ? " is-locked" : ""), children: [_jsx("input", { type: "checkbox", checked: checked, disabled: disabled, onChange: (event) => onChange(event.target.checked) }), _jsx("span", { className: "st-toggle-track", "aria-hidden": "true", children: _jsx("span", {}) }), _jsxs("span", { children: [checked ? "On" : "Off", " \u00B7 ", label] })] }));
+}
+/* Le funzioni aggiuntive, in un posto solo: le usa questa sezione per l'elenco e la Panoramica
+   per il testo delle card bloccate. Le chiavi sono quelle di `SiteFeatures`, quindi
+   aggiungerne una qui e non nel tipo non compila. */
+export const EXTRAS = [
+    {
+        key: "analytics",
+        title: "Analytics nella dashboard",
+        help: "Le visite del sito — pagine viste, visitatori, provenienze — direttamente nella Panoramica, senza aprire il servizio di statistiche.",
+        card: "Visite al sito",
+        short: "Le visite del sito, dentro il pannello.",
+    },
+    {
+        key: "appointments",
+        title: "Appuntamenti",
+        help: "Una pagina pubblica dove i clienti prenotano un incontro, con sincronizzazione del calendario e conferma da parte tua.",
+        card: "Appuntamenti",
+        short: "Prenotazioni online sincronizzate col calendario.",
+    },
+];
+function SettingRow({ title, help, children, }) {
+    return (_jsxs("div", { className: "st-row", children: [_jsxs("div", { className: "st-copy", children: [_jsx("h3", { children: title }), _jsx("p", { children: help })] }), _jsx("div", { className: "st-control", children: children })] }));
+}
+function Field({ value, onChange, maxLength, placeholder, type = "text", }) {
+    return (_jsx("input", { className: "st-input", type: type, value: value, maxLength: maxLength, placeholder: placeholder, onChange: (event) => onChange(event.target.value) }));
+}
+export function SiteSettingsEditor({ value, onChange, pickMediaFiles, focus, }) {
+    const update = (key, next) => onChange({ ...value, [key]: next });
+    const extras = useRef(null);
+    /* Salto SECCO (`behavior: "auto"`), non fluido, e al frame successivo.
+       Provato prima con `smooth`: parte e viene annullato dal render che segue il montaggio —
+       misurato, la pagina si spostava di tre pixel e si fermava. Il risultato era il peggiore
+       possibile: l'evidenziazione compariva su una sezione fuori schermo, cioè il pulsante
+       «Attiva» sembrava aver portato sulla schermata sbagliata. Un salto secco arriva sempre, e
+       a dire «è questa che cercavi» ci pensa il velo d'accento di `.is-focused`. */
+    useEffect(() => {
+        if (focus !== "funzioni")
+            return;
+        const frame = requestAnimationFrame(() => {
+            extras.current?.scrollIntoView({ behavior: "auto", block: "center" });
+        });
+        return () => cancelAnimationFrame(frame);
+    }, [focus]);
+    const chooseFavicon = async () => {
+        const selected = await pickMediaFiles({ multiple: false });
+        if (selected?.[0])
+            update("favicon", selected[0].url);
+    };
+    return (_jsxs("section", { className: "settings-editor", children: [_jsxs("header", { className: "st-intro", children: [_jsx("span", { children: "Impostazioni generali" }), _jsx("h2", { children: "Sito" }), _jsx("p", { children: "Identit\u00E0, descrizione e accesso al sito pubblico." })] }), _jsxs("section", { className: "st-section", children: [_jsx("h2", { children: "Identit\u00E0 del sito" }), _jsx(SettingRow, { title: "Titolo del sito", help: "Il nome generale del sito, usato anche come nome del publisher nei metadati.", children: _jsx(Field, { value: value.siteTitle, maxLength: 140, placeholder: site().name, onChange: (next) => update("siteTitle", next) }) }), _jsxs(SettingRow, { title: "Descrizione breve", help: "Una frase sintetica usata come descrizione predefinita quando una pagina non ne possiede una specifica.", children: [_jsx("textarea", { className: "st-input st-textarea", rows: 3, value: value.shortDescription, maxLength: 255, onChange: (event) => update("shortDescription", event.target.value) }), _jsxs("span", { className: "st-count", children: [value.shortDescription.length, "/255"] })] }), _jsx(SettingRow, { title: "Favicon", help: "L\u2019icona mostrata nella scheda del browser. \u00C8 preferibile un\u2019immagine quadrata.", children: _jsxs("div", { className: "st-favicon", children: [_jsx("span", { className: "st-favicon-preview", children: value.favicon ? _jsx("img", { src: value.favicon, alt: "Anteprima favicon" }) : _jsx(Icon.pages, {}) }), _jsx("button", { className: "ak-btn", type: "button", onClick: () => void chooseFavicon(), children: value.favicon ? "Cambia favicon" : "Carica favicon" }), value.favicon && (_jsx("button", { className: "ak-btn ak-btn-quiet", type: "button", onClick: () => update("favicon", ""), children: "Rimuovi" }))] }) })] }), _jsxs("section", { className: "st-section", children: [_jsx("h2", { children: "Accesso al sito" }), _jsx(SettingRow, { title: "Password del sito", help: "Quando \u00E8 attiva, ogni pagina e ogni immagine pubblica richiedono la stessa password. L\u2019admin resta raggiungibile tramite il suo accesso protetto.", children: _jsxs("div", { className: "st-stack", children: [_jsx(Field, { type: "password", value: value.password, maxLength: 200, placeholder: value.passwordEnabled ? "Password già impostata · inseriscine una per cambiarla" : "Almeno 8 caratteri", onChange: (next) => update("password", next) }), _jsx(Toggle, { checked: value.passwordEnabled, label: "Protezione con password", onChange: (next) => update("passwordEnabled", next) }), value.passwordEnabled && (_jsx("p", { className: "st-inline-help", children: "Lascia il campo vuoto per mantenere la password attuale." }))] }) })] }), _jsxs("section", { className: "st-section" + (focus === "funzioni" ? " is-focused" : ""), ref: extras, children: [_jsx("h2", { children: "Funzioni aggiuntive" }), EXTRAS.map((extra) => (_jsx(SettingRow, { title: extra.title, help: extra.help, children: _jsx(Toggle, { checked: value.features[extra.key], disabled: true, label: value.features[extra.key] ? "Attiva su questo sito" : "Non attiva", onChange: () => { } }) }, extra.key))), _jsxs("p", { className: "st-inline-help st-extras-note", children: ["Queste funzioni si attivano separatamente. Per accenderle su questo sito scrivi a", " ", _jsx("strong", { children: site().support.name }), ":", " ", _jsx("a", { href: `mailto:${site().support.email}`, children: site().support.email }), "."] })] }), _jsxs("section", { className: "st-section", children: [_jsx("h2", { children: "Statistiche" }), _jsx(SettingRow, { title: "Tag Analytics", help: _jsxs(_Fragment, { children: ["Il codice fornito dal servizio di statistiche (Umami, Google Analytics, altro). Si incolla qui cos\u00EC com\u2019\u00E8: finisce dentro ", _jsx("code", { children: "<head>" }), " di ogni pagina del sito alla prossima pubblicazione. Le pagine di consegna ai clienti restano escluse. Per svuotarlo, cancella tutto e salva."] }), children: _jsxs("div", { className: "st-stack", children: [_jsx("textarea", { className: "st-input st-textarea st-code", rows: 6, value: value.analyticsTag, maxLength: 4000, spellCheck: false, autoCapitalize: "off", autoCorrect: "off", placeholder: '<script defer src="https://cloud.umami.is/script.js" data-website-id="…"></script>', onChange: (event) => update("analyticsTag", event.target.value) }), _jsxs("span", { className: "st-count", children: [value.analyticsTag.length, "/4000"] }), _jsxs("p", { className: "st-inline-help", children: ["\u00C8 codice eseguito su ogni pagina: incolla solo quello che ti ha dato il servizio. Un tag incompleto (per esempio senza ", _jsx("code", { children: "</script>" }), ") pu\u00F2 rompere il sito."] })] }) })] }), _jsxs("section", { className: "st-section", children: [_jsx("h2", { children: "Profilo" }), _jsx(SettingRow, { title: "Nome", help: "Il nome della persona proprietaria del sito. Sar\u00E0 disponibile per future funzioni del pannello.", children: _jsx(Field, { value: value.ownerName, maxLength: 120, placeholder: site().name, onChange: (next) => update("ownerName", next) }) }), _jsxs(SettingRow, { title: "Descrizione del sito", help: "Una descrizione generale pi\u00F9 estesa, conservata come informazione del profilo del sito.", children: [_jsx("textarea", { className: "st-input st-textarea", rows: 5, value: value.siteDescription, maxLength: 1200, onChange: (event) => update("siteDescription", event.target.value) }), _jsxs("span", { className: "st-count", children: [value.siteDescription.length, "/1200"] })] })] })] }));
+}
+export function WebsiteSeoSettingsEditor({ value, onChange, }) {
+    const update = (key, next) => onChange({ ...value, [key]: next });
+    const sitemap = `${site().publicBase}/sitemap.xml`;
+    return (_jsxs("section", { className: "settings-editor", children: [_jsxs("header", { className: "st-intro", children: [_jsx("span", { children: "Visibilit\u00E0 globale" }), _jsx("h2", { children: "SEO" }), _jsx("p", { children: "Controlla l\u2019indicizzazione del sito e l\u2019accesso dei crawler usati per addestrare sistemi AI." })] }), _jsxs("section", { className: "st-section", children: [_jsx("h2", { children: "Motori di ricerca" }), _jsx(SettingRow, { title: "Visibilit\u00E0 del sito", help: "Se disattivata, robots.txt e tutte le pagine chiedono ai motori di ricerca di non indicizzare il sito.", children: _jsx(Toggle, { checked: value.searchEngineIndexing, label: value.searchEngineIndexing ? "Indicizzazione consentita" : "Sito nascosto ai motori di ricerca", onChange: (next) => update("searchEngineIndexing", next) }) }), _jsxs(SettingRow, { title: "SEO website title", help: "Il titolo globale della home e il riferimento usato dai metadati del sito.", children: [_jsx(Field, { value: value.seoWebsiteTitle, maxLength: 140, placeholder: value.siteTitle, onChange: (next) => update("seoWebsiteTitle", next) }), _jsxs("span", { className: "st-count", children: [value.seoWebsiteTitle.length, "/140"] })] }), _jsx(SettingRow, { title: "Sitemap", help: "La sitemap viene generata automaticamente e aggiornata a ogni pubblicazione.", children: _jsxs("div", { className: "st-sitemap", children: [_jsx("code", { children: sitemap }), _jsxs("a", { className: "ak-btn", href: sitemap, target: "_blank", rel: "noreferrer", children: ["Apri sitemap ", _jsx(Icon.out, {})] })] }) })] }), _jsxs("section", { className: "st-section", children: [_jsx("h2", { children: "Crawler AI" }), _jsx(SettingRow, { title: "Block AI Training Crawlers", help: "Blocca in robots.txt GPTBot, ClaudeBot, Google-Extended, CCBot e altri crawler noti per l\u2019addestramento. Le pagine includono anche le direttive noai e noimageai.", children: _jsxs("div", { className: "st-stack", children: [_jsx(Toggle, { checked: value.blockAiTraining, label: value.blockAiTraining ? "Crawler di training bloccati" : "Crawler di training consentiti", onChange: (next) => update("blockAiTraining", next) }), _jsx("p", { className: "st-inline-help", children: "I crawler rispettano queste direttive volontariamente; il blocco non impedisce l\u2019accesso ai normali visitatori n\u00E9 ai motori di ricerca." })] }) })] })] }));
+}

package/dist/app/routes/UploadDock.d.ts

@@ -0,0 +1 @@
+export declare function UploadDock(): import("react").JSX.Element | null;

package/dist/app/routes/UploadDock.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* Il riquadro dei caricamenti, in basso a destra.
+ *
+ * Esiste perché un upload da quaranta giga dura ore, e per tutto quel tempo il pannello deve
+ * restare usabile: lo stato vive in `lib/upload-queue.ts`, fuori da React, e questo è solo il
+ * modo di guardarlo. Si può ridurre a una riga, ma non chiudere mentre sta lavorando —
+ * chiuderlo darebbe l'idea di aver fermato qualcosa.
+ *
+ * L'avviso di chiusura della finestra sta qui e non nella schermata del transfer: il
+ * caricamento sopravvive alla navigazione, quindi a sorvegliarlo dev'essere qualcosa che c'è
+ * sempre.
+ */
+import { useEffect, useState } from "react";
+import { cancelUpload, dismissUpload, isBusy, pauseUpload, resumeUpload, useUploads, } from "../lib/upload-queue";
+export function UploadDock() {
+    const jobs = useUploads();
+    const [open, setOpen] = useState(true);
+    const [confirmStop, setConfirmStop] = useState(null);
+    const busy = jobs.some((job) => job.state === "running");
+    useEffect(() => {
+        if (!busy)
+            return;
+        const warn = (event) => { event.preventDefault(); event.returnValue = ""; };
+        window.addEventListener("beforeunload", warn);
+        return () => window.removeEventListener("beforeunload", warn);
+    }, [busy]);
+    if (!jobs.length)
+        return null;
+    return (_jsxs("aside", { className: "uk" + (open ? "" : " is-closed"), "aria-label": "Caricamenti", children: [_jsxs("button", { className: "uk-head", onClick: () => setOpen((value) => !value), "aria-expanded": open, children: [_jsx("span", { className: "uk-head-text", children: summary(jobs) }), _jsx("span", { className: "uk-chevron", "aria-hidden": "true", children: open ? "▾" : "▴" })] }), open && (_jsx("ul", { className: "uk-list", children: jobs.map((job) => (_jsxs("li", { className: "uk-job is-" + job.state, children: [_jsxs("div", { className: "uk-job-top", children: [_jsx("strong", { children: job.title }), _jsx("span", { children: line(job) })] }), isBusy(job) && (_jsx("div", { className: "uk-track", children: _jsx("i", { style: { width: `${percent(job)}%` } }) })), job.error && _jsx("p", { className: "uk-error", children: job.error }), _jsxs("div", { className: "uk-job-actions", children: [job.state === "running" && (_jsx("button", { className: "ak-btn", onClick: () => pauseUpload(job.id), children: "Pausa" })), job.state === "paused" && (_jsx("button", { className: "ak-btn", onClick: () => resumeUpload(job.id), children: "Riprendi" })), isBusy(job) && (confirmStop === job.id ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "uk-confirm", children: "I file gi\u00E0 caricati verranno buttati." }), _jsx("button", { className: "ak-btn", onClick: () => setConfirmStop(null), children: "No" }), _jsx("button", { className: "ak-btn dl-danger-btn", onClick: () => { cancelUpload(job.id); setConfirmStop(null); }, children: "Annulla il caricamento" })] })) : (_jsx("button", { className: "ak-btn ak-btn-quiet", onClick: () => setConfirmStop(job.id), children: "Annulla" }))), !isBusy(job) && (_jsx("button", { className: "ak-btn ak-btn-quiet", onClick: () => dismissUpload(job.id), children: "Togli dall'elenco" }))] })] }, job.id))) }))] }));
+}
+function summary(jobs) {
+    const running = jobs.filter((job) => job.state === "running").length;
+    const paused = jobs.filter((job) => job.state === "paused").length;
+    const failed = jobs.filter((job) => job.state === "failed").length;
+    if (running)
+        return running === 1 ? "Caricamento in corso" : `${running} caricamenti in corso`;
+    if (paused)
+        return paused === 1 ? "Caricamento in pausa" : `${paused} caricamenti in pausa`;
+    if (failed)
+        return failed === 1 ? "Caricamento interrotto" : `${failed} caricamenti interrotti`;
+    return jobs.length === 1 ? "Caricamento completato" : "Caricamenti completati";
+}
+function line(job) {
+    if (job.state === "done") {
+        return job.skipped
+            ? `Pronto · ${job.skipped} senza anteprima`
+            : "Pronto";
+    }
+    if (job.state === "failed")
+        return "Interrotto";
+    if (job.state === "paused")
+        return "In pausa";
+    const progress = job.progress;
+    if (!progress)
+        return "Preparo…";
+    const phase = progress.phase === "originals" ? "Carico le foto"
+        : progress.phase === "derivatives" ? "Preparo le anteprime"
+            : "Ultimi controlli";
+    return `${phase} · ${progress.doneFiles} di ${progress.totalFiles}`;
+}
+function percent(job) {
+    const progress = job.progress;
+    if (!progress || !progress.totalFiles)
+        return 3;
+    return Math.max(3, Math.min(100, (progress.doneFiles / progress.totalFiles) * 100));
+}

package/dist/app/routes/WorkshopEditionsEditor.d.ts

@@ -0,0 +1,12 @@
+import type { AssetFile } from "../../index.js";
+import { normalizeWorkshops, type Workshop, type WorkshopBlock } from "../../normalize.js";
+export { normalizeWorkshops };
+export type { Workshop, WorkshopBlock };
+type Picker = (o: {
+    multiple: boolean;
+}) => Promise<AssetFile[] | null>;
+export declare function WorkshopEditionsEditor({ value, onChange, pickMediaFiles }: {
+    value: unknown;
+    onChange: (next: Workshop[]) => void;
+    pickMediaFiles?: Picker;
+}): import("react").JSX.Element;

package/dist/app/routes/WorkshopEditionsEditor.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* Le edizioni di una pagina workshop.
+ *
+ * ── L'idea ─────────────────────────────────────────────────────────────────────────────────
+ * Quarta tipologia con un editor suo, per la ragione delle altre tre: nel `SchemaForm` generico
+ * accanto alle edizioni comparivano «Lavori», «Sezioni», «Ritratto» e «Riconoscimenti» — campi
+ * di portfolio, gallery e "chi sono", che il form disegna perché lo schema li dichiara e lui non
+ * sa quale tipo di pagina si stia modificando.
+ *
+ * Un'edizione è una COSA — una locandina, un titolo, dove e quando — e si riconosce da quelle,
+ * come sul sito. L'elenco chiuso mostra quelle e basta, e si apre quella su cui si lavora. Il
+ * guscio della card è lo stesso dei lavori del portfolio (`ui/OpenCard`): sono lo stesso elenco
+ * con dentro un'altra cosa, e una seconda copia sarebbe stata la prima occasione per divergere.
+ *
+ * ── I blocchi ──────────────────────────────────────────────────────────────────────────────
+ * Dentro un'edizione, `blocks` è la sua articolazione: OBIETTIVO, PROGRAMMA PRIMO GIORNO,
+ * MATERIALI… Ognuno ha un titolo FACOLTATIVO — un blocco senza titolo è un paragrafo di coda
+ * (nella pagina di oggi, la riga sui contatti) e il template semplicemente non emette
+ * l'intestazione. Il campo lo dice, invece di lasciarlo scoprire: «vuoto: il testo resta senza
+ * intestazione».
+ *
+ * ── Perché l'introduzione non è qui ────────────────────────────────────────────────────────
+ * Il corpo markdown della pagina È l'introduzione, e sta sopra questo elenco, disegnata da
+ * `PageEditor` — nello stesso ordine in cui esce sul sito (WORKSHOP.md: l'introduzione apre la
+ * colonna dei testi, sopra la prima edizione).
+ *
+ * ── Le chiavi del drag & drop ──────────────────────────────────────────────────────────────
+ * Posizionali (`edizione-2`), come i lavori: le edizioni non hanno un `id` nel front matter e
+ * non glielo si aggiunge — sarebbe un campo in più nei file di contenuto solo per far
+ * funzionare l'interfaccia. Il prezzo è che «quale card è aperta» va ricalcolato a ogni
+ * operazione che sposta gli indici: lo fanno `movedOpenIndex`/`removedOpenIndex`.
+ */
+import { useState } from "react";
+import { DndContext, closestCenter } from "@dnd-kit/core";
+import { SortableContext, arrayMove, useSortable, verticalListSortingStrategy, } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { ProseField } from "../../form/index.js";
+import { normalizeWorkshops } from "../../normalize.js";
+export { normalizeWorkshops };
+import { ParagraphEditor } from "../ui/ParagraphEditor";
+import { MediaSlot } from "../ui/MediaSlot";
+import { OpenCard } from "../ui/OpenCard";
+import { useDragSensors } from "../ui/dnd";
+import { movedOpenIndex, removedOpenIndex } from "../lib/reorder";
+import { Icon } from "../ui/icons";
+const str = (value) => (typeof value === "string" ? value : "");
+const list = (value) => (Array.isArray(value) ? value : []);
+function emptyEdition() {
+    return { image: "", kicker: "", title: "", lead: "", blocks: [] };
+}
+/* ---- Un blocco di testo -------------------------------------------------------------------- */
+function SortableBlock({ id, block, index, onPatch, onRemove }) {
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id });
+    return (_jsxs("article", { ref: setNodeRef, className: "pw-card" + (isDragging ? " is-dragging" : ""), style: { transform: CSS.Transform.toString(transform), transition }, children: [_jsxs("header", { className: "pw-card-head wsh-block-head", children: [_jsx("button", { type: "button", className: "pw-grip", "aria-label": `Riordina blocco ${index + 1}`, ...attributes, ...listeners, children: _jsx(Icon.grip, {}) }), _jsx("input", { className: "pw-field wsh-block-title", value: block.heading, maxLength: 120, placeholder: "Titolo del blocco \u2014 facoltativo", "aria-label": "Titolo del blocco", onChange: (event) => onPatch({ heading: event.target.value }) }), _jsx("button", { type: "button", className: "pw-icon-btn is-danger", "aria-label": "Elimina blocco", onClick: onRemove, children: _jsx(Icon.trash, {}) })] }), _jsx("div", { className: "pw-card-body", children: _jsx(ParagraphEditor, { className: "pw-field pw-textarea", rows: 6, value: block.body, placeholder: "Scrivi il testo del blocco.\nVai a capo per iniziare un paragrafo nuovo.", onChange: (body) => onPatch({ body }) }) })] }));
+}
+function BlockList({ items, onChange }) {
+    const sensors = useDragSensors();
+    const ids = items.map((_, index) => `blocco-${index}`);
+    const finish = ({ active, over }) => {
+        if (!over || active.id === over.id)
+            return;
+        onChange(arrayMove(items, ids.indexOf(String(active.id)), ids.indexOf(String(over.id))));
+    };
+    return (_jsxs("section", { className: "pw-block", children: [_jsxs("header", { className: "pw-block-head", children: [_jsx("h4", { children: "Blocchi di testo" }), _jsxs("button", { type: "button", className: "pw-add-quiet", onClick: () => onChange([...items, { heading: "", body: [] }]), children: [_jsx(Icon.plus, {}), " Aggiungi blocco"] })] }), items.length === 0 ? (_jsx("p", { className: "pw-empty-note", children: "Obiettivo, programma, materiali\u2026 Si leggono in colonna accanto alla locandina. Il titolo si pu\u00F2 lasciare vuoto: il testo resta senza intestazione." })) : (_jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: finish, children: _jsx(SortableContext, { items: ids, strategy: verticalListSortingStrategy, children: _jsx("div", { className: "pw-card-list", children: items.map((block, index) => (_jsx(SortableBlock, { id: ids[index], block: block, index: index, onPatch: (patch) => onChange(items.map((item, i) => (i === index ? { ...item, ...patch } : item))), onRemove: () => onChange(items.filter((_, i) => i !== index)) }, ids[index]))) }) }) }))] }));
+}
+/* ---- Un'edizione ---------------------------------------------------------------------------- */
+function Edition({ id, edition, index, total, open, onToggle, onPatch, onDuplicate, onRemove, pickMediaFiles }) {
+    const choosePoster = async () => {
+        const file = (await pickMediaFiles?.({ multiple: false }))?.[0];
+        if (file)
+            onPatch({ image: file.url });
+    };
+    /* A card chiusa si legge dove e quando (l'occhiello), che è ciò che distingue un'edizione da
+       un'altra dello stesso workshop. Il conteggio dei blocchi solo se l'occhiello manca: due
+       numeri e una data nella stessa riga sono già troppo. */
+    const meta = edition.kicker
+        || (edition.blocks.length ? `${edition.blocks.length} ${edition.blocks.length === 1 ? "blocco" : "blocchi"}` : "");
+    return (_jsxs(OpenCard, { id: id, index: index, total: total, open: open, thumb: edition.image, title: edition.title, empty: "Edizione senza titolo", meta: meta, kind: "questa edizione", onToggle: onToggle, actions: _jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "btn-soft is-quiet", onClick: onDuplicate, children: "Duplica" }), _jsx("button", { type: "button", className: "btn-soft is-danger", onClick: onRemove, children: "Elimina" })] }), children: [_jsxs("div", { className: "pw-identity", children: [_jsx(MediaSlot, { value: edition.image, ratio: "cover", empty: "Scegli la locandina", onPick: () => void choosePoster(), onClear: () => onPatch({ image: "" }) }), _jsxs("div", { className: "pw-identity-fields", children: [_jsxs("label", { className: "pw-label", children: [_jsxs("span", { children: ["Dove e quando ", _jsx("small", { children: "facoltativo" })] }), _jsx("input", { className: "pw-field", value: edition.kicker, maxLength: 80, placeholder: "Roma \u00B7 28\u201329 giugno 2022", onChange: (event) => onPatch({ kicker: event.target.value }) })] }), _jsxs("label", { className: "pw-label", children: [_jsx("span", { children: "Titolo" }), _jsx("input", { className: "pw-field pw-field-title", value: edition.title, maxLength: 120, placeholder: "Il nome del workshop", onChange: (event) => onPatch({ title: event.target.value }) })] }), _jsxs("label", { className: "pw-label", children: [_jsxs("span", { children: ["Apertura ", _jsx("small", { children: "facoltativa" })] }), _jsx(ProseField, { className: "pw-field pw-textarea", rows: 4, value: edition.lead, maxLength: 600, placeholder: "La frase in corsivo sotto al titolo.", onChange: (lead) => onPatch({ lead }) })] })] })] }), _jsx(BlockList, { items: edition.blocks, onChange: (blocks) => onPatch({ blocks }) })] }));
+}
+/* ---- L'elenco -------------------------------------------------------------------------------- */
+export function WorkshopEditionsEditor({ value, onChange, pickMediaFiles }) {
+    const editions = normalizeWorkshops(value);
+    const [openAt, setOpenAt] = useState(null);
+    const sensors = useDragSensors();
+    const ids = editions.map((_, index) => `edizione-${index}`);
+    const replace = (next, nextOpen) => {
+        setOpenAt(nextOpen);
+        onChange(next);
+    };
+    const finish = ({ active, over }) => {
+        if (!over || active.id === over.id)
+            return;
+        const from = ids.indexOf(String(active.id));
+        const to = ids.indexOf(String(over.id));
+        if (from < 0 || to < 0)
+            return;
+        replace(arrayMove(editions, from, to), movedOpenIndex(openAt, from, to));
+    };
+    const add = () => replace([...editions, emptyEdition()], editions.length);
+    return (_jsxs("section", { className: "pw", "aria-label": "Edizioni dei workshop", children: [_jsxs("header", { className: "pw-head", children: [_jsxs("div", { children: [_jsx("h3", { children: "Edizioni" }), _jsx("p", { children: "L\u2019ordine \u00E8 quello in cui si leggono sul sito. La locandina resta ferma accanto al testo della sua edizione." })] }), _jsxs("button", { type: "button", className: "btn-soft is-primary", onClick: add, children: [_jsx(Icon.plus, {}), " Aggiungi edizione"] })] }), editions.length === 0 ? (_jsxs("button", { type: "button", className: "pw-blank", onClick: add, children: [_jsx(Icon.media, {}), _jsx("strong", { children: "Nessuna edizione, per ora" }), _jsx("span", { children: "Aggiungine una: bastano una locandina e un titolo." })] })) : (_jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: finish, children: _jsx(SortableContext, { items: ids, strategy: verticalListSortingStrategy, children: _jsx("div", { className: "pw-list", children: editions.map((edition, index) => (_jsx(Edition, { id: ids[index], edition: edition, index: index, total: editions.length, open: openAt === index, pickMediaFiles: pickMediaFiles, onToggle: () => setOpenAt(openAt === index ? null : index), onPatch: (patch) => onChange(editions.map((item, i) => (i === index ? { ...item, ...patch } : item))), onDuplicate: () => replace(editions.flatMap((item, i) => (i === index ? [item, { ...item }] : [item])), index + 1), onRemove: () => replace(editions.filter((_, i) => i !== index), removedOpenIndex(openAt, index)) }, ids[index]))) }) }) }))] }));
+}

package/dist/app/site.d.ts

@@ -0,0 +1,37 @@
+import type * as z from "zod";
+export type Shape = Record<string, z.ZodType>;
+export interface SiteAdminConfig {
+    /** Il nome mostrato in cima al rail, e il ripiego del titolo nell'anteprima SEO. */
+    name: string;
+    /** L'indirizzo pubblico del sito, senza barra finale: serve alle anteprime SEO. */
+    publicBase: string;
+    /** Il nome del progetto Cloudflare Pages, mostrato nei comandi che la Panoramica suggerisce. */
+    pagesProject: string;
+    /**
+     * A chi scrive il cliente per accendere una funzione aggiuntiva: nome e indirizzo di chi gli
+     * ha fatto il sito. Erano cablati nel pannello — cioè il nome e l'email di una persona dentro
+     * un pacchetto pubblicato su npm.
+     */
+    support: {
+        name: string;
+        email: string;
+    };
+    /** Forma del front matter di una pagina della collezione. */
+    page: Shape;
+    /** Forma del singleton home: i suoi `group` diventano le voci della seconda colonna. */
+    home: Shape;
+    /** Peso di ordinamento di una pagina data la sua posizione nell'elenco. */
+    positionWeight: (item: Record<string, unknown>, index: number, all: Record<string, unknown>[]) => number;
+    /** Quali tipi di pagina hanno un corpo markdown oltre al front matter. */
+    hasBody: (type: unknown) => boolean;
+    /**
+     * Le funzioni aggiuntive accese su questo sito. Ciò che non è dichiarato è SPENTO: un
+     * interruttore dimenticato deve dare una funzione assente, non una accesa per sbaglio.
+     * Lo legge il rail (quali voci mostrare) e lo smistatore lato Worker (quali rotte esistono):
+     * una sola verità per due letture, o il pannello promette ciò che il server nega.
+     */
+    modules?: Record<string, boolean>;
+}
+/** Chiamata da `mountAdmin` prima del primo render. */
+export declare function setSiteConfig(config: SiteAdminConfig): void;
+export declare function site(): SiteAdminConfig;

package/dist/app/site.js

@@ -0,0 +1,18 @@
+/* NB: il modello delle sezioni gallery (`GALLERY_BLOCK_ID`, `emptySection`, i tipi) NON è qui.
+ * Stava nello schema del sito ma è finito nel nucleo del kit (`src/gallery.ts`): l'editor delle
+ * sezioni è una capacità del motore, e non poteva restare separato dal modello che modifica.
+ * È l'unica cosa che questa estrazione ha spostato invece di limitarsi a esporla. */
+let current = null;
+/** Chiamata da `mountAdmin` prima del primo render. */
+export function setSiteConfig(config) {
+    current = config;
+}
+/* Un accesso che FALLISCE RUMOROSAMENTE. L'alternativa — restituire valori di ripiego — darebbe
+ * un pannello che si monta e mostra campi sbagliati, che è molto peggio di uno che non parte. */
+export function site() {
+    if (!current) {
+        throw new Error("adminkit: la configurazione del sito non è stata impostata. " +
+            "Il pannello si monta con `mountAdmin({ site: … })`, mai renderizzando <App /> direttamente.");
+    }
+    return current;
+}

package/dist/app/ui/MediaSlot.d.ts

@@ -0,0 +1,10 @@
+/** Le proporzioni del riquadro. `portrait` è il ritratto della pagina "chi sono": in verticale
+ *  perché una foto di una persona in un riquadro largo si guarda al centro di due bande vuote. */
+export type MediaSlotRatio = "cover" | "wide" | "portrait";
+export declare function MediaSlot({ value, ratio, empty, onPick, onClear }: {
+    value: string;
+    ratio: MediaSlotRatio;
+    empty: string;
+    onPick: () => void;
+    onClear: () => void;
+}): import("react").JSX.Element;

package/dist/app/ui/MediaSlot.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* Una casella immagine: l'anteprima È il bersaglio, i comandi stanno sopra e compaiono al
+ * passaggio.
+ *
+ * Vive in `ui/` e non dentro un editor per la stessa ragione di `ParagraphEditor`: la usano i
+ * lavori del portfolio (copertina e immagini delle card) e la pagina "chi sono" (il ritratto).
+ * La seconda copia sarebbe stata la prima occasione per farle divergere.
+ *
+ * Le classi restano `.pw-*`: sono già scritte, condivise, e rinominarle avrebbe voluto dire
+ * toccare l'aspetto di un editor che funziona per fare posto a un secondo che ancora non c'era.
+ * È la stessa scelta già fatta per `.seg` (il segmentato di gallery e portfolio).
+ *
+ * Su un dispositivo touch il passaggio del mouse non esiste: `@media (hover: none)` in app.css
+ * tiene i comandi sempre visibili. Senza, sull'iPad la rimozione di un'immagine sarebbe
+ * irraggiungibile.
+ */
+import { Icon } from "./icons";
+export function MediaSlot({ value, ratio, empty, onPick, onClear }) {
+    return (_jsxs("div", { className: "pw-media" + (value ? " has-image" : ""), children: [_jsx("button", { type: "button", className: "pw-thumb " + (ratio === "cover" ? "is-cover" : ratio === "portrait" ? "is-portrait" : "is-large"), onClick: onPick, "aria-label": value ? "Cambia immagine" : empty, children: value ? _jsx("img", { src: value, alt: "" }) : _jsxs("span", { className: "pw-thumb-empty", children: [_jsx(Icon.media, {}), " ", empty] }) }), value && (_jsxs(_Fragment, { children: [_jsx("span", { className: "pw-media-hint", "aria-hidden": "true", children: "Cambia" }), _jsx("button", { type: "button", className: "pw-media-clear", "aria-label": "Rimuovi immagine", onClick: onClear, children: _jsx(Icon.trash, {}) })] }))] }));
+}