@marktiderman/genesis-sites 0.2.0 → 0.3.0

package/dist/editor.js

@@ -0,0 +1,2480 @@
+import { starterSite, exampleBrands, landingPage } from './chunk-KPOX7D4S.js';
+import './chunk-C375ZPU2.js';
+import './chunk-VZUDRPFG.js';
+import { stableHash, isConflict, prepareRelease, PublishBlockedError, siteTheme, brandDisplayName, themeCss, migrateNode, migratePage, migrateSite } from './chunk-FBQF2L7O.js';
+import { getSection, sectionJsonSchema, listSections, SECTION_CATEGORIES, PageDoc, SiteDoc, newSectionId } from './chunk-ZGWGQGT2.js';
+import { isSafeImageSrc, DEFAULT_RESERVED_PATHS, pagePathProblems, isSafeHref } from './chunk-3VKTBE7S.js';
+import * as React7 from 'react';
+import { createContext, useContext } from 'react';
+import { createUsePuck, Puck } from '@puckeditor/core';
+export { createUsePuck, usePuck } from '@puckeditor/core';
+import { Undo2, Redo2, Monitor, Tablet, Smartphone, CheckCircle2, Eye, ExternalLink, RotateCcw, Plus, Home, FileText, ArrowUp, ArrowDown, Trash2, AlertCircle, AlertTriangle } from 'lucide-react';
+import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from '@marktiderman/genesis-ui/alert-dialog';
+import { Alert, AlertTitle, AlertDescription } from '@marktiderman/genesis-ui/alert';
+import { Button } from '@marktiderman/genesis-ui/button';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from '@marktiderman/genesis-ui/dialog';
+import { Spinner } from '@marktiderman/genesis-ui/spinner';
+import { Tabs, TabsList, TabsTrigger, TabsContent } from '@marktiderman/genesis-ui/tabs';
+import { cn } from '@marktiderman/genesis-ui/utils';
+import { genesisBrand } from '@marktiderman/genesis-design-system';
+import { Input } from '@marktiderman/genesis-ui/input';
+import { Label } from '@marktiderman/genesis-ui/label';
+import { Switch } from '@marktiderman/genesis-ui/switch';
+import { Textarea } from '@marktiderman/genesis-ui/textarea';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { RichTextEditor } from '@marktiderman/genesis-ui/rich-text-editor';
+import { Badge } from '@marktiderman/genesis-ui/badge';
+import { RadioGroup, RadioGroupItem } from '@marktiderman/genesis-ui/radio-group';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@marktiderman/genesis-ui/select';
+import { Separator } from '@marktiderman/genesis-ui/separator';
+
+var IMAGE_TYPES = ["image/png", "image/jpeg", "image/webp", "image/avif", "image/gif"];
+async function dimensions(file) {
+  try {
+    const bitmap = await createImageBitmap(file);
+    const out = { width: bitmap.width, height: bitmap.height };
+    bitmap.close();
+    return out;
+  } catch {
+    return {};
+  }
+}
+function uploadProblem(file, maxBytes = 10 * 1024 * 1024) {
+  if (!file) return "Choose a file.";
+  if (!IMAGE_TYPES.includes(file.type)) return "Use a PNG, JPEG, WebP, AVIF or GIF image (SVG isn't allowed).";
+  if (file.size > maxBytes) return `That file is over ${Math.round(maxBytes / 1024 / 1024)} MB.`;
+  return null;
+}
+function AssetPicker({ open, siteId, store, assets, current, altElsewhere = false, onDone }) {
+  const canUpload = Boolean(assets?.upload || store.putAsset);
+  const [tab, setTab] = React7.useState(canUpload ? "upload" : "link");
+  const [file, setFile] = React7.useState(null);
+  const [url, setUrl] = React7.useState(current?.src ?? "");
+  const [chosen, setChosen] = React7.useState(null);
+  const [alt, setAlt] = React7.useState(current?.alt ?? "");
+  const [decorative, setDecorative] = React7.useState(current?.decorative === true);
+  const [library, setLibrary] = React7.useState(null);
+  const [uploaded, setUploaded] = React7.useState([]);
+  const [busy, setBusy] = React7.useState(false);
+  const [error, setError] = React7.useState(null);
+  const id = React7.useId();
+  React7.useEffect(() => {
+    if (!open) return;
+    setFile(null);
+    setChosen(null);
+    setError(null);
+    setUrl(current?.src ?? "");
+    setAlt(current?.alt ?? "");
+    setDecorative(current?.decorative === true);
+    if (assets?.list) {
+      assets.list(siteId).then(setLibrary, (err) => {
+        console.error("[genesis-sites/editor] listing assets failed.", err);
+        setLibrary([]);
+      });
+    }
+  }, [open, siteId, assets, current]);
+  const altOk = altElsewhere || decorative || alt.trim().length > 0;
+  const altInvalid = !altOk && (Boolean(file) || Boolean(chosen) || tab === "link" && url.trim().length > 0);
+  const all = [...uploaded, ...(library ?? []).filter((a) => !uploaded.some((u) => u.id === a.id))].filter((a) => a.mime.startsWith("image/") && a.mime !== "image/svg+xml");
+  async function use() {
+    setError(null);
+    if (!altOk) return setError("Describe the image, or mark it decorative.");
+    const base = { alt: decorative ? "" : alt.trim(), ...decorative ? { decorative: true } : {} };
+    if (tab === "upload") {
+      const problem = uploadProblem(file, assets?.maxBytes);
+      if (problem || !file) return setError(problem);
+      setBusy(true);
+      try {
+        const size = await dimensions(file);
+        const meta = { alt: base.alt, name: file.name, ...size };
+        const asset = assets?.upload ? await assets.upload(siteId, file, meta) : await store.putAsset(siteId, file, meta);
+        setUploaded((u) => [asset, ...u]);
+        if (!isSafeImageSrc(asset.url)) throw new Error(`The upload's address (${asset.url}) isn't a site path or https URL.`);
+        onDone({ src: asset.url, ...base, ...size });
+      } catch (err) {
+        setError(`The upload failed: ${err.message}`);
+      } finally {
+        setBusy(false);
+      }
+      return;
+    }
+    if (tab === "library") {
+      if (!chosen) return setError("Choose an image.");
+      if (!isSafeImageSrc(chosen.url)) return setError(`That image's address (${chosen.url}) isn't a site path or https URL.`);
+      return onDone({ src: chosen.url, ...base, ...chosen.width ? { width: chosen.width } : {}, ...chosen.height ? { height: chosen.height } : {} });
+    }
+    const src = url.trim();
+    if (!isSafeImageSrc(src)) return setError("Use a site path (/images/photo.jpg) or an https link.");
+    onDone({ src, ...base });
+  }
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (o) => o ? null : onDone(null), children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-lg", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: "Choose an image" }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: "Upload one, pick one the site has, or link one. Every image needs alt text unless it's decorative." })
+    ] }),
+    /* @__PURE__ */ jsxs(Tabs, { defaultValue: "upload", value: tab, onValueChange: setTab, children: [
+      /* @__PURE__ */ jsxs(TabsList, { className: "grid w-full grid-cols-3", children: [
+        /* @__PURE__ */ jsx(TabsTrigger, { value: "upload", disabled: !canUpload, children: "Upload" }),
+        /* @__PURE__ */ jsx(TabsTrigger, { value: "library", children: "Library" }),
+        /* @__PURE__ */ jsx(TabsTrigger, { value: "link", children: "Link" })
+      ] }),
+      /* @__PURE__ */ jsxs(TabsContent, { value: "upload", className: "flex flex-col gap-2 pt-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-file`, children: "Image file" }),
+        /* @__PURE__ */ jsx(Input, { id: `${id}-file`, type: "file", accept: IMAGE_TYPES.join(","), onChange: (e) => setFile(e.currentTarget.files?.[0] ?? null) }),
+        !canUpload ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "This site's store doesn't take uploads; link an image instead." }) : null
+      ] }),
+      /* @__PURE__ */ jsx(TabsContent, { value: "library", className: "pt-2", children: all.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: library === null && assets?.list ? "Loading\u2026" : "No images yet. Upload one first." }) : /* @__PURE__ */ jsx("div", { role: "group", "aria-label": "Site images", className: "grid max-h-64 grid-cols-3 gap-2 overflow-y-auto", children: all.map((a) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-pressed": chosen?.id === a.id,
+          "aria-label": a.alt?.trim() || a.path.split("/").pop() || "Image",
+          onClick: () => {
+            setChosen(a);
+            if (a.alt && !alt) setAlt(a.alt);
+          },
+          className: cn("overflow-hidden rounded-md border-2 focus-visible:outline-2 focus-visible:outline-ring", chosen?.id === a.id ? "border-primary" : "border-transparent"),
+          children: isSafeImageSrc(a.url) ? /* @__PURE__ */ jsx("img", { src: a.url, alt: a.alt ?? "", className: "h-20 w-full object-cover" }) : /* @__PURE__ */ jsx("span", { className: "p-2 text-xs", children: a.path })
+        },
+        a.id
+      )) }) }),
+      /* @__PURE__ */ jsxs(TabsContent, { value: "link", className: "flex flex-col gap-2 pt-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-url`, children: "Image address" }),
+        /* @__PURE__ */ jsx(Input, { id: `${id}-url`, value: url, placeholder: "https://\u2026 or /images/photo.jpg", onChange: (e) => setUrl(e.currentTarget.value) })
+      ] })
+    ] }),
+    altElsewhere ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Describe the image in the item's Alt text field, after you choose it." }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-alt`, children: "Alt text" }),
+      /* @__PURE__ */ jsx(Textarea, { id: `${id}-alt`, rows: 2, maxLength: 300, value: alt, disabled: decorative, "aria-invalid": altInvalid || void 0, "aria-describedby": `${id}-alt-hint`, onChange: (e) => setAlt(e.currentTarget.value), placeholder: "Two people stretching on mats by a window" }),
+      /* @__PURE__ */ jsx("p", { id: `${id}-alt-hint`, className: altInvalid ? "text-sm text-destructive" : "text-sm text-muted-foreground", children: altInvalid ? "Describe the image, or mark it decorative." : "What someone who can't see the image needs to know." }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Switch, { id: `${id}-decorative`, checked: decorative, onCheckedChange: setDecorative }),
+        /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-decorative`, children: "Decorative (adds nothing a reader needs)" })
+      ] })
+    ] }),
+    error ? /* @__PURE__ */ jsx("p", { role: "alert", className: "text-sm text-destructive", children: error }) : null,
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => onDone(null), children: "Cancel" }),
+      /* @__PURE__ */ jsx(Button, { type: "button", onClick: use, loading: busy, disabled: !altOk, children: "Use image" })
+    ] })
+  ] }) });
+}
+
+// src/editor/canvas-dom.ts
+function scrollCanvasTo(sectionId, from = document) {
+  requestAnimationFrame(
+    () => requestAnimationFrame(() => {
+      const frame = from.querySelector("[data-gs-canvas] iframe");
+      frame?.contentDocument?.querySelector(`[data-puck-component="${CSS.escape(sectionId)}"]`)?.scrollIntoView({ block: "center", behavior: "smooth" });
+    })
+  );
+}
+
+// src/editor/autosave.ts
+var AutosaveBlockedError = class extends Error {
+  constructor(status, message) {
+    super(message);
+    this.status = status;
+    this.name = "AutosaveBlockedError";
+  }
+  status;
+};
+var Autosaver = class {
+  state;
+  /** The newest document not yet saved, or null. */
+  pending = null;
+  /** The last document the store accepted (or loaded). */
+  saved = null;
+  timer = null;
+  inFlight = null;
+  retries = 0;
+  waiters = [];
+  disposed = false;
+  paused = false;
+  opts;
+  constructor(options2, initial) {
+    this.opts = {
+      delay: 800,
+      retryDelay: 2e3,
+      equals: (a, b) => stableHash(a) === stableHash(b),
+      setTimer: (fn, ms) => setTimeout(fn, ms),
+      clearTimer: (h) => clearTimeout(h),
+      now: () => /* @__PURE__ */ new Date(),
+      ...options2
+    };
+    this.saved = initial ?? null;
+    this.state = { status: "saved", rev: options2.rev, conflict: null, error: null, savedAt: null };
+  }
+  get current() {
+    return this.state;
+  }
+  /** Is anything not yet in the store (pending, saving, a conflict or a failed save)? */
+  get dirty() {
+    return this.pending !== null || this.inFlight !== null || this.state.status === "conflict" || this.state.status === "error";
+  }
+  /** The document as the person has it: unsaved changes, or the last save. */
+  get latest() {
+    return this.pending ?? this.saved;
+  }
+  set(patch) {
+    this.state = { ...this.state, ...patch };
+    this.opts.onState?.(this.state);
+  }
+  /** A change: saved after the delay, unless another change comes first. */
+  update(doc) {
+    if (this.disposed) return;
+    if (this.pending === null && this.saved !== null && this.opts.equals(doc, this.saved) && !this.inFlight) return;
+    this.pending = doc;
+    if (this.state.status === "conflict") return;
+    if (this.state.status !== "saving") this.set({ status: "pending" });
+    if (this.paused) return;
+    this.schedule(this.opts.delay);
+  }
+  schedule(ms) {
+    if (this.timer !== null) this.opts.clearTimer(this.timer);
+    this.timer = this.opts.setTimer(() => {
+      this.timer = null;
+      void this.run();
+    }, ms);
+  }
+  async run() {
+    if (this.inFlight) return this.inFlight;
+    if (this.paused) return;
+    if (this.pending === null || this.state.status === "conflict" || this.disposed) {
+      this.settle();
+      return;
+    }
+    const doc = this.pending;
+    const rev = this.state.rev;
+    this.pending = null;
+    this.set({ status: "saving", error: null });
+    this.inFlight = (async () => {
+      try {
+        const result = await this.opts.save(rev, doc);
+        if (isConflict(result)) {
+          this.pending = this.pending ?? doc;
+          this.set({ status: "conflict", conflict: { doc: result.conflict, rev: result.rev } });
+          return;
+        }
+        this.saved = doc;
+        this.retries = 0;
+        this.set({ rev: result.rev, savedAt: this.opts.now(), status: this.pending !== null ? "pending" : "saved" });
+      } catch (err) {
+        this.pending = this.pending ?? doc;
+        const delay = Math.min(6e4, this.opts.retryDelay * 2 ** this.retries++);
+        this.set({ status: "error", error: err instanceof Error ? err : new Error(String(err)) });
+        if (!this.disposed) this.schedule(delay);
+      } finally {
+        this.inFlight = null;
+      }
+    })();
+    await this.inFlight;
+    if (this.pending !== null && this.state.status === "pending") return this.run();
+    this.settle();
+  }
+  settle() {
+    if (this.dirty && this.state.status !== "conflict" && this.state.status !== "error") return;
+    const waiters = this.waiters;
+    this.waiters = [];
+    for (const w of waiters) {
+      if (this.state.status === "conflict") w.reject(new AutosaveBlockedError("conflict", "Someone else saved this first. Load their version or keep yours before going on."));
+      else if (this.state.status === "error") w.reject(new AutosaveBlockedError("error", `The last change couldn't be saved: ${this.state.error?.message ?? "unknown error"}`));
+      else w.resolve();
+    }
+  }
+  /** Save now; resolves when nothing is waiting, rejects on a conflict or a failed save. */
+  flush() {
+    if (this.timer !== null) {
+      this.opts.clearTimer(this.timer);
+      this.timer = null;
+    }
+    if (!this.dirty) return Promise.resolve();
+    if (this.state.status === "conflict") return Promise.reject(new AutosaveBlockedError("conflict", "Someone else saved this first. Load their version or keep yours before going on."));
+    const done = new Promise((resolve, reject) => this.waiters.push({ resolve, reject }));
+    if (this.state.status === "error") this.set({ status: "pending" });
+    void this.run();
+    return done;
+  }
+  /** Conflict: take the store's document. Returns it; unsaved changes are discarded. */
+  reload() {
+    const conflict = this.state.conflict;
+    if (!conflict) return null;
+    this.pending = null;
+    this.saved = conflict.doc;
+    this.set({ status: "saved", rev: conflict.rev, conflict: null, error: null });
+    this.settle();
+    return conflict.doc;
+  }
+  /** Conflict: save this person's document over the store's. */
+  overwrite() {
+    const conflict = this.state.conflict;
+    if (!conflict) return Promise.resolve();
+    this.pending = this.pending ?? this.saved;
+    this.set({ status: "pending", rev: conflict.rev, conflict: null });
+    return this.flush();
+  }
+  /**
+   * The store moved on without a conflict (a page move bumped its revision,
+   * a publish migrated it): adopt its revision. `doc` replaces the saved
+   * copy when given; unsaved changes are kept and saved on the new revision.
+   */
+  rebase(rev, doc) {
+    if (doc !== void 0) this.saved = doc;
+    this.set({ rev });
+  }
+  /** Is saving held (`pause`)? */
+  get isPaused() {
+    return this.paused;
+  }
+  /**
+   * Hold every save, for as long as the store must not change under the
+   * caller (a publish). A save already in flight lands; changes keep
+   * collecting and are saved on `resume`.
+   */
+  pause() {
+    this.paused = true;
+    if (this.timer !== null) this.opts.clearTimer(this.timer);
+    this.timer = null;
+  }
+  /** Save again: what collected while paused is saved now, on the current revision. */
+  resume() {
+    if (!this.paused) return;
+    this.paused = false;
+    if (this.disposed) return;
+    if (this.pending !== null && this.state.status !== "conflict") this.schedule(0);
+    else this.settle();
+  }
+  dispose() {
+    this.disposed = true;
+    if (this.timer !== null) this.opts.clearTimer(this.timer);
+    this.timer = null;
+  }
+};
+
+// src/editor/data.ts
+var NODE_KEYS = ["_variant", "_hidden", "_hideOn", "_v", "_placeholder"];
+var presetComponentName = (type, index) => index === 0 ? type : `${type}__${index}`;
+var sectionTypeOf = (componentName) => componentName.split("__")[0];
+var noSlots = () => [];
+var hideOnValue = (hideOn) => hideOn.includes("mobile") && hideOn.includes("desktop") ? "both" : hideOn[0] ?? "none";
+function nodeToItem(node, slotKeys = noSlots) {
+  const props = { ...structuredClone(node.props) };
+  for (const key of slotKeys(node.type)) {
+    const nested = props[key];
+    if (Array.isArray(nested)) props[key] = nested.map((n) => nodeToItem(n, slotKeys));
+  }
+  return {
+    type: node.type,
+    props: {
+      ...props,
+      id: node.id,
+      _v: node.v,
+      ...node.variant ? { _variant: node.variant } : {},
+      _hidden: node.hidden === true,
+      _hideOn: node.hideOn?.length ? hideOnValue(node.hideOn) : "none",
+      ...node.placeholder ? { _placeholder: true } : {}
+    }
+  };
+}
+function pruneEmpty(value) {
+  if (typeof value === "string") return value === "" ? void 0 : value;
+  if (Array.isArray(value)) return value.map((v) => typeof v === "string" ? v : pruneEmpty(v) ?? {});
+  if (value && typeof value === "object") {
+    const out = {};
+    for (const [k, v] of Object.entries(value)) {
+      const pruned = pruneEmpty(v);
+      if (pruned !== void 0) out[k] = pruned;
+    }
+    return Object.keys(out).length ? out : void 0;
+  }
+  return value;
+}
+var ARRAY_BOOKKEEPING = /* @__PURE__ */ new Set(["_arrayId", "_originalIndex", "_currentIndex"]);
+function stripArrayIds(value) {
+  if (Array.isArray(value)) return value.map(stripArrayIds);
+  if (value && typeof value === "object") {
+    const out = {};
+    for (const [k, v] of Object.entries(value)) if (!ARRAY_BOOKKEEPING.has(k)) out[k] = stripArrayIds(v);
+    return out;
+  }
+  return value;
+}
+function safeSectionId(id) {
+  if (/^[A-Za-z0-9_-]{1,64}$/.test(id)) return id;
+  const cleaned = id.replace(/[^A-Za-z0-9_-]+/g, "-").replace(/^-+/, "");
+  if (cleaned.length <= 64 && cleaned.length > 0) return cleaned;
+  let h = 2166136261;
+  for (let i = 0; i < id.length; i++) h = Math.imul(h ^ id.charCodeAt(i), 16777619) >>> 0;
+  return `${cleaned.slice(0, 55)}-${h.toString(36)}`.slice(0, 64) || `s${h.toString(36)}`;
+}
+function itemToNode(item, options2 = {}) {
+  const lookup = options2.lookup ?? getSection;
+  const type = sectionTypeOf(item.type);
+  const def = lookup(type);
+  const { id, _variant, _hidden, _hideOn, _v, _placeholder, ...rest } = item.props;
+  const slotKeys = options2.slotKeys ?? noSlots;
+  const slots = new Set(slotKeys(type));
+  const plain = Object.fromEntries(Object.entries(rest).filter(([k]) => !slots.has(k)));
+  const props = stripArrayIds(pruneEmpty(plain)) ?? {};
+  for (const key of slots) {
+    const nested = rest[key];
+    props[key] = Array.isArray(nested) ? nested.map((n) => itemToNode(n, options2)) : [];
+  }
+  const hideOn = _hideOn === "both" ? ["mobile", "desktop"] : _hideOn === "mobile" || _hideOn === "desktop" ? [_hideOn] : void 0;
+  const original = options2.placeholders?.get(String(id));
+  const placeholder = _placeholder === true && original !== void 0 && original === placeholderHash(props);
+  return {
+    id: safeSectionId(String(id)),
+    type,
+    v: typeof _v === "number" ? _v : def?.version ?? 1,
+    ...typeof _variant === "string" ? { variant: _variant } : def ? { variant: def.defaultVariant } : {},
+    ..._hidden === true ? { hidden: true } : {},
+    ...hideOn ? { hideOn } : {},
+    ...placeholder ? { placeholder: true } : {},
+    props
+  };
+}
+var placeholderHash = (props) => stableHash(stripArrayIds(pruneEmpty(props)) ?? {});
+function placeholderSnapshot(nodes, into = /* @__PURE__ */ new Map()) {
+  for (const n of nodes) if (n.placeholder) into.set(n.id, placeholderHash(n.props));
+  return into;
+}
+function toEditorData(page, site, slotKeys = noSlots) {
+  const { title, hideSiteChrome, ...restRoot } = page.root.props;
+  return {
+    root: {
+      props: {
+        ...restRoot,
+        title,
+        ...hideSiteChrome ? { hideSiteChrome: true } : {},
+        ...page.seo ? { seo: structuredClone(page.seo) } : {},
+        header: site.header.map((n) => nodeToItem(n, slotKeys)),
+        footer: site.footer.map((n) => nodeToItem(n, slotKeys))
+      }
+    },
+    content: page.content.map((n) => nodeToItem(n, slotKeys))
+  };
+}
+function fromEditorData(data, options2 = {}) {
+  const rootProps = data.root?.props ?? {};
+  const { header, footer, seo, title, hideSiteChrome, ...restRoot } = rootProps;
+  const items = (list) => Array.isArray(list) ? list.map((i) => itemToNode(i, options2)) : [];
+  const cleanSeo = stripArrayIds(pruneEmpty(seo));
+  const extra = pruneEmpty(restRoot) ?? {};
+  const page = {
+    schemaVersion: 1,
+    root: { props: { ...extra, title: typeof title === "string" ? title : "", ...hideSiteChrome === true ? { hideSiteChrome: true } : {} } },
+    content: items(data.content),
+    ...cleanSeo ? { seo: cleanSeo } : {}
+  };
+  return { page, header: items(header), footer: items(footer) };
+}
+function h1SectionId(content, lookup = getSection) {
+  for (const item of content) {
+    if (item.props._hidden === true) continue;
+    if (lookup(sectionTypeOf(item.type))?.providesH1) return item.props.id;
+  }
+  return null;
+}
+function countTypes(data) {
+  const counts = /* @__PURE__ */ new Map();
+  const add = (items) => {
+    for (const item of items ?? []) {
+      const type = sectionTypeOf(item.type);
+      counts.set(type, (counts.get(type) ?? 0) + 1);
+    }
+  };
+  add(data.content);
+  add(data.root?.props?.header);
+  add(data.root?.props?.footer);
+  return counts;
+}
+var EditorServicesContext = createContext(null);
+function useEditorServices() {
+  const services = useContext(EditorServicesContext);
+  if (!services) throw new Error("genesis-sites/editor: a field was rendered outside <SiteEditor>.");
+  return services;
+}
+function Thumb({ src, alt }) {
+  if (!src) return /* @__PURE__ */ jsx("div", { className: "flex h-24 w-full items-center justify-center rounded-md border border-dashed border-border text-sm text-muted-foreground", children: "No image" });
+  if (!isSafeImageSrc(src)) return /* @__PURE__ */ jsx("div", { className: "rounded-md border border-destructive p-2 text-sm text-destructive", children: "This address can't be used for an image: use a site path or an https link." });
+  return /* @__PURE__ */ jsx("img", { src, alt, className: "h-24 w-full rounded-md border border-border object-cover" });
+}
+function ImageField({ field, id, value, onChange, readOnly }) {
+  const services = useEditorServices();
+  const image = value ?? {};
+  const missingAlt = Boolean(image.src) && !image.alt?.trim() && image.decorative !== true;
+  const choose = async () => {
+    const picked = await services.pickImage(image.src ? { current: image } : {});
+    if (!picked) return;
+    const { src: _s, alt: _a, decorative: _d, width: _w, height: _h, focal: _f, ...rest } = image;
+    onChange({ ...rest, ...picked });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", role: "group", "aria-labelledby": `${id}-label`, children: [
+    /* @__PURE__ */ jsx("span", { id: `${id}-label`, className: "text-sm font-medium", children: field.label }),
+    /* @__PURE__ */ jsx(Thumb, { src: image.src, alt: image.alt ?? "" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: choose, disabled: readOnly, children: image.src ? "Replace image" : "Choose image" }),
+      image.src ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "ghost", onClick: () => onChange(void 0), disabled: readOnly, children: "Remove" }) : null
+    ] }),
+    image.src ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-alt`, children: "Alt text" }),
+      /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          id: `${id}-alt`,
+          value: image.alt ?? "",
+          rows: 2,
+          maxLength: 300,
+          disabled: readOnly || image.decorative === true,
+          "aria-invalid": missingAlt || void 0,
+          "aria-describedby": `${id}-alt-hint`,
+          onChange: (e) => onChange({ ...image, alt: e.currentTarget.value })
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { id: `${id}-alt-hint`, className: missingAlt ? "text-sm text-destructive" : "text-sm text-muted-foreground", children: missingAlt ? "Describe the image, or mark it decorative. A page can't be published without this." : "What someone who can't see the image needs to know." }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Switch, { id: `${id}-decorative`, checked: image.decorative === true, disabled: readOnly, onCheckedChange: (on) => onChange({ ...image, decorative: on || void 0, ...on ? { alt: "" } : {} }) }),
+        /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-decorative`, children: "Decorative (adds nothing a reader needs)" })
+      ] })
+    ] }) : null
+  ] });
+}
+function ImageSrcField({ field, id, value, onChange, readOnly }) {
+  const services = useEditorServices();
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", role: "group", "aria-labelledby": `${id}-label`, children: [
+    /* @__PURE__ */ jsx("span", { id: `${id}-label`, className: "text-sm font-medium", children: field.label }),
+    /* @__PURE__ */ jsx(Thumb, { src: value, alt: "" }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        size: "sm",
+        variant: "outline",
+        disabled: readOnly,
+        onClick: async () => {
+          const picked = await services.pickImage({ altElsewhere: true, ...value ? { current: { src: value, alt: "" } } : {} });
+          if (picked) onChange(picked.src);
+        },
+        children: value ? "Replace image" : "Choose image"
+      }
+    )
+  ] });
+}
+function RichTextField({ field, id, value, onChange, readOnly }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx(Label, { htmlFor: id, children: field.label }),
+    /* @__PURE__ */ jsx(RichTextEditor, { id, value: value ?? { type: "doc", content: [] }, onChange: (doc) => onChange(doc), readOnly, headingLevels: [2, 3], contentClassName: "min-h-40" })
+  ] });
+}
+function LinesField({ field, id, value, onChange, readOnly }) {
+  const max = field.metadata?.maxItems;
+  const [text, setText] = React7.useState(() => (value ?? []).join("\n"));
+  const lastSent = React7.useRef(value);
+  React7.useEffect(() => {
+    if (JSON.stringify(value ?? []) !== JSON.stringify(lastSent.current ?? [])) setText((value ?? []).join("\n"));
+  }, [value]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx(Label, { htmlFor: id, children: field.label }),
+    /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        id,
+        value: text,
+        rows: 4,
+        disabled: readOnly,
+        "aria-describedby": `${id}-hint`,
+        onChange: (e) => {
+          const next = e.currentTarget.value;
+          setText(next);
+          const lines = next.split("\n").map((l) => l.trim()).filter(Boolean);
+          lastSent.current = lines;
+          onChange(lines);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs("p", { id: `${id}-hint`, className: "text-sm text-muted-foreground", children: [
+      "One per line",
+      max ? `, up to ${max}` : "",
+      "."
+    ] })
+  ] });
+}
+function UnsupportedField({ field }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: field.label }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "This can't be edited here yet; it's kept as it is." })
+  ] });
+}
+
+// src/editor/fields.ts
+var GENERIC_TITLES = /* @__PURE__ */ new Set(["Link", "Image", "Rich text"]);
+function humanize(key) {
+  const words = key.replace(/[_-]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").trim().toLowerCase().split(/\s+/).map((w) => w === "href" ? "link" : w === "cta" || w === "seo" || w === "faq" || w === "url" ? w.toUpperCase() : w);
+  const text = words.join(" ");
+  return text.charAt(0).toUpperCase() + text.slice(1);
+}
+var labelFor = (key, schema) => schema.title && !GENERIC_TITLES.has(schema.title) ? schema.title : humanize(key);
+var typeOf = (schema) => Array.isArray(schema.type) ? schema.type.find((t) => t !== "null") : schema.type;
+var isImageSchema = (schema) => schema["x-genesis-kind"] === "image" || typeOf(schema) === "object" && Boolean(schema.properties?.src) && Boolean(schema.properties?.alt);
+var SUMMARY_KEYS = ["title", "name", "label", "question", "heading", "value", "quote", "caption", "alt"];
+function summaryOf(item, index) {
+  for (const key of SUMMARY_KEYS) {
+    const v = item?.[key];
+    if (typeof v === "string" && v.trim()) return v.length > 40 ? `${v.slice(0, 40)}\u2026` : v;
+  }
+  return `Item ${(index ?? 0) + 1}`;
+}
+function defaultValue(schema) {
+  if (schema.default !== void 0) return structuredClone(schema.default);
+  const t = typeOf(schema);
+  if (t === "object" && schema.properties && !isImageSchema(schema)) {
+    const out = {};
+    for (const key of schema.required ?? []) {
+      const v = defaultValue(schema.properties[key] ?? {});
+      if (v !== void 0) out[key] = v;
+    }
+    return out;
+  }
+  if (t === "string" && !schema.enum) return "";
+  if (t === "array") return [];
+  return void 0;
+}
+function options(values, required, fallback) {
+  const opts = values.map((v) => ({ label: typeof v === "string" ? humanize(v) : String(v), value: v }));
+  const empty = fallback === void 0 ? "None" : `Default (${typeof fallback === "string" ? humanize(fallback).toLowerCase() : String(fallback)})`;
+  return required ? opts : [{ label: empty, value: "" }, ...opts];
+}
+function fieldFor(key, schema, required, ctx) {
+  const label = labelFor(key, schema);
+  const path = ctx.path ? `${ctx.path}.${key}` : key;
+  const kind = schema["x-genesis-kind"];
+  if (kind === "slot") {
+    if (ctx.path !== "") {
+      ctx.unsupported.push(path);
+      return { type: "custom", label, render: UnsupportedField };
+    }
+    ctx.slots.push(key);
+    return { type: "slot", label, ...schema["x-genesis-allow"] ?? ctx.slotAllow ? { allow: schema["x-genesis-allow"] ?? ctx.slotAllow } : {} };
+  }
+  if (kind === "rich-text") return { type: "custom", label, render: RichTextField };
+  if (isImageSchema(schema)) return { type: "custom", label, render: ImageField, metadata: { required } };
+  const union = schema.anyOf ?? schema.oneOf;
+  if (union) {
+    const consts = union.filter((s) => "const" in s).map((s) => s.const);
+    if (consts.length === union.length && consts.length > 0) return { type: "select", label, options: options(consts, required, schema.default) };
+    const branch = union.find((s) => typeOf(s) !== "null");
+    if (branch) return fieldFor(key, { ...branch, title: schema.title ?? branch.title }, required, ctx);
+  }
+  if (schema.enum) return { type: "select", label, options: options(schema.enum, required, schema.default) };
+  switch (typeOf(schema)) {
+    case "boolean":
+      return {
+        type: "radio",
+        label,
+        // Shown when the prop is unset, so the radio says what the section does.
+        metadata: { default: schema.default === true },
+        options: [
+          { label: "Yes", value: true },
+          { label: "No", value: false }
+        ]
+      };
+    case "number":
+    case "integer":
+      return {
+        type: "number",
+        label,
+        ...typeof schema.minimum === "number" ? { min: schema.minimum } : typeof schema.exclusiveMinimum === "number" ? { min: schema.exclusiveMinimum + (typeOf(schema) === "integer" ? 1 : 0) } : {},
+        ...typeof schema.maximum === "number" ? { max: schema.maximum } : {},
+        ...typeOf(schema) === "integer" ? { step: 1 } : {}
+      };
+    case "string":
+      return {
+        type: schema.format !== "uri-reference" && (schema.maxLength ?? 0) > 160 ? "textarea" : "text",
+        label,
+        ...schema.format === "uri-reference" ? { placeholder: "/about, #section or https://\u2026" } : {}
+      };
+    case "object": {
+      const keyed = enumKeyedProperties(schema);
+      if (keyed) return { type: "object", label, objectFields: objectFields({ ...schema, properties: keyed, required: [] }, { ...ctx, path }) };
+      if (!schema.properties) break;
+      return { type: "object", label, objectFields: objectFields(schema, { ...ctx, path }) };
+    }
+    case "array": {
+      const items = schema.items ?? {};
+      if (typeOf(items) === "string") return { type: "custom", label, render: LinesField, metadata: { maxItems: schema.maxItems } };
+      if (typeOf(items) === "object" && items.properties) {
+        const arrayFields = isImageSchema(items) ? imageItemFields(items, { ...ctx, path: `${path}[]` }) : objectFields(items, { ...ctx, path: `${path}[]` });
+        return {
+          type: "array",
+          label,
+          arrayFields,
+          defaultItemProps: defaultValue(items) ?? {},
+          getItemSummary: (item, index) => summaryOf(item, index),
+          ...typeof schema.minItems === "number" ? { min: schema.minItems } : {},
+          ...typeof schema.maxItems === "number" ? { max: schema.maxItems } : {}
+        };
+      }
+      break;
+    }
+  }
+  ctx.unsupported.push(path);
+  return { type: "custom", label, render: UnsupportedField };
+}
+function enumKeyedProperties(schema) {
+  const keys = schema.propertyNames?.enum;
+  const value = schema.additionalProperties;
+  if (schema.properties || !keys?.length || !keys.every((k) => typeof k === "string") || !value || typeof value !== "object") return null;
+  return Object.fromEntries(keys.map((k) => [k, value]));
+}
+function objectFields(schema, ctx) {
+  const required = new Set(schema.required ?? []);
+  const out = {};
+  for (const [key, prop] of Object.entries(schema.properties ?? {})) out[key] = fieldFor(key, prop, required.has(key), ctx);
+  return out;
+}
+function imageItemFields(schema, ctx) {
+  const out = {
+    src: { type: "custom", label: "Image", render: ImageSrcField },
+    alt: { type: "textarea", label: "Alt text (what the image shows)" },
+    decorative: {
+      type: "radio",
+      label: "Decorative (no alt text needed)",
+      options: [
+        { label: "Yes", value: true },
+        { label: "No", value: false }
+      ]
+    }
+  };
+  const required = new Set(schema.required ?? []);
+  for (const [key, prop] of Object.entries(schema.properties ?? {})) {
+    if (["src", "alt", "decorative", "width", "height", "focal"].includes(key)) continue;
+    out[key] = fieldFor(key, prop, required.has(key), ctx);
+  }
+  return out;
+}
+var warned = /* @__PURE__ */ new Set();
+function sectionFields(def, options2 = {}) {
+  const schema = sectionJsonSchema(def);
+  const ctx = { path: "", unsupported: [], slots: [], ...options2.slotAllow ? { slotAllow: options2.slotAllow } : {} };
+  const fields = {};
+  if (def.variants.length > 1) {
+    fields._variant = { type: "select", label: "Layout", options: def.variants.map((v) => ({ label: v.label, value: v.id })) };
+  }
+  for (const reserved of NODE_KEYS) {
+    if (schema.properties?.[reserved]) throw new Error(`Section "${def.type}" has a prop named "${reserved}", which the editor reserves.`);
+  }
+  Object.assign(fields, objectFields(schema, ctx));
+  fields._hidden = {
+    type: "radio",
+    label: "Visibility",
+    options: [
+      { label: "Shown", value: false },
+      { label: "Hidden (kept, never published)", value: true }
+    ]
+  };
+  fields._hideOn = {
+    type: "select",
+    label: "Show on",
+    options: [
+      { label: "Every screen", value: "none" },
+      { label: "Wider screens only", value: "mobile" },
+      { label: "Phones only", value: "desktop" }
+    ]
+  };
+  if (ctx.unsupported.length) {
+    const key = `${def.type}:${ctx.unsupported.join(",")}`;
+    if (!warned.has(key)) {
+      warned.add(key);
+      console.warn(`[genesis-sites/editor] section "${def.type}": no editor field for ${ctx.unsupported.join(", ")}; those props show as "can't be edited here".`);
+    }
+  }
+  return { fields, slotKeys: ctx.slots, unsupported: ctx.unsupported };
+}
+var CATEGORY_TITLES = {
+  header: "Header",
+  intro: "Openings",
+  content: "Content",
+  "social-proof": "Social proof",
+  conversion: "Calls to action",
+  footer: "Footer"
+};
+var META = /* @__PURE__ */ new Set(["puck", "editMode", "id"]);
+var SectionBoundary = class extends React7.Component {
+  state = { error: null };
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error) {
+    console.error(`[genesis-sites/editor] the ${this.props.label} section failed to draw.`, error);
+  }
+  render() {
+    if (this.state.error) return /* @__PURE__ */ jsx(Problem, { title: `The ${this.props.label} section couldn't be drawn`, lines: [this.state.error.message] });
+    return this.props.children;
+  }
+};
+function Problem({ title, lines }) {
+  return /* @__PURE__ */ jsxs("div", { role: "alert", style: { margin: "1rem", padding: "1rem 1.25rem", border: "2px dashed currentColor", borderRadius: "0.5rem", fontFamily: "system-ui, sans-serif", fontSize: "0.875rem", lineHeight: 1.5 }, children: [
+    /* @__PURE__ */ jsx("strong", { children: title }),
+    /* @__PURE__ */ jsx("ul", { style: { margin: "0.5rem 0 0", paddingLeft: "1.25rem" }, children: lines.map((l, i) => /* @__PURE__ */ jsx("li", { children: l }, i)) })
+  ] });
+}
+function Tag({ children }) {
+  return /* @__PURE__ */ jsx("span", { style: { position: "absolute", top: "0.5rem", right: "0.5rem", zIndex: 5, padding: "0.125rem 0.5rem", borderRadius: "999px", background: "hsl(var(--foreground))", color: "hsl(var(--background))", fontFamily: "system-ui, sans-serif", fontSize: "0.75rem", fontWeight: 600 }, children });
+}
+function CanvasSection({ def, componentName, input, slotKeys }) {
+  const meta = input.puck?.metadata ?? {};
+  const id = String(input.id);
+  const props = { id };
+  for (const [k, v] of Object.entries(input)) if (!META.has(k) && !slotKeys.includes(k)) props[k] = v;
+  const node = itemToNode({ type: componentName, props }, { ...meta.placeholders ? { placeholders: new Map(Object.entries(meta.placeholders)) } : {} });
+  const migrated = migrateNode(node);
+  const slots = slotKeys.map((key) => {
+    const Slot = input[key];
+    return typeof Slot === "function" ? /* @__PURE__ */ jsx("div", { "aria-label": `${def.label}: ${key}`, style: { padding: "0.5rem" }, children: /* @__PURE__ */ jsx(Slot, { minEmptyHeight: 64 }) }, key) : null;
+  });
+  if (!migrated.node) {
+    return /* @__PURE__ */ jsx(Problem, { title: `Fix the ${def.label} section to show it`, lines: migrated.issues.map((i) => i.message.replace(/^Section \S+ \([^)]*\): /, "")) });
+  }
+  const ctx = {
+    headingLevel: meta.h1Id === id ? 1 : 2,
+    site: meta.site ?? { name: "", lang: "en", nav: [] },
+    pagePath: meta.pagePath ?? "/",
+    href: (href) => href,
+    forms: new Map(Object.entries(meta.forms ?? {})),
+    mode: "preview",
+    idPrefix: `gs-${id}`
+  };
+  const tags = [node.hidden ? "Hidden: not published" : null, node.hideOn?.includes("mobile") ? "Hidden on phones" : null, node.hideOn?.includes("desktop") ? "Phones only" : null, node.placeholder ? "Sample content: replace it" : null].filter(Boolean);
+  return /* @__PURE__ */ jsxs("div", { style: { position: "relative", ...node.hidden ? { opacity: 0.45 } : {} }, "data-gs-section": def.type, children: [
+    tags.length ? /* @__PURE__ */ jsx(Tag, { children: tags.join(" \xB7 ") }) : null,
+    /* @__PURE__ */ jsx(SectionBoundary, { label: def.label, children: def.render({ props: migrated.node.props, variant: migrated.node.variant, node: migrated.node, ctx }) }),
+    slots
+  ] });
+}
+function createEditorConfig(options2 = {}) {
+  const sections = (options2.sections ?? listSections()).filter((def) => !options2.kind || !def.enabledOn || def.enabledOn.includes(options2.kind));
+  const components = {};
+  const info = /* @__PURE__ */ new Map();
+  const slots = /* @__PURE__ */ new Map();
+  const byCategory = /* @__PURE__ */ new Map();
+  const names = (placement) => [...info.entries()].filter(([, i]) => i.placement === placement).map(([n]) => n);
+  const bodyTypes = sections.filter((d) => (d.placement ?? "body") === "body").map((d) => d.type);
+  for (const def of sections) {
+    const { fields, slotKeys } = sectionFields(def, { slotAllow: bodyTypes });
+    slots.set(def.type, slotKeys);
+    const placement = def.placement ?? "body";
+    def.presets.forEach((preset, i) => {
+      const name = presetComponentName(def.type, i);
+      info.set(name, { type: def.type, label: preset.name, sectionLabel: def.label, category: def.category, placement, ...def.limit ? { limit: def.limit } : {} });
+      const list = byCategory.get(def.category) ?? [];
+      list.push(name);
+      byCategory.set(def.category, list);
+      const limit = def.limit;
+      components[name] = {
+        label: i === 0 ? def.label : `${def.label}: ${preset.name}`,
+        fields,
+        defaultProps: { ...structuredClone(preset.props), _v: def.version, _variant: preset.variant, _hidden: false, _hideOn: "none" },
+        // Read each time Puck asks (the Add picker), so a section at its limit can't be dragged in.
+        permissions: {
+          get insert() {
+            if (options2.readOnly?.()) return false;
+            return limit === void 0 || (options2.counts?.().get(def.type) ?? 0) < limit;
+          }
+        },
+        render: (input) => /* @__PURE__ */ jsx(CanvasSection, { def, componentName: name, input, slotKeys })
+      };
+    });
+  }
+  const categories = {};
+  for (const category of SECTION_CATEGORIES) {
+    const list = byCategory.get(category);
+    if (list?.length) categories[category] = { title: CATEGORY_TITLES[category], components: list };
+  }
+  const config = {
+    categories: { ...categories, other: { visible: false } },
+    components,
+    root: {
+      fields: {
+        title: { type: "text", label: "Page title" },
+        hideSiteChrome: {
+          type: "radio",
+          label: "Site header and footer",
+          options: [
+            { label: "Show", value: false },
+            { label: "Hide (a focused landing page)", value: true }
+          ]
+        },
+        header: { type: "slot", label: "Site header", allow: names("header") },
+        footer: { type: "slot", label: "Site footer", allow: names("footer") }
+      },
+      render: ({ children, header: Header, footer: Footer, hideSiteChrome }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        !hideSiteChrome && Header ? /* @__PURE__ */ jsx(Header, { minEmptyHeight: 48, style: { height: "auto" } }) : null,
+        /* @__PURE__ */ jsx("main", { id: "main", children }),
+        !hideSiteChrome && Footer ? /* @__PURE__ */ jsx(Footer, { minEmptyHeight: 48, style: { height: "auto" } }) : null
+      ] })
+    }
+  };
+  return { config, components: info, slotKeys: (type) => slots.get(sectionTypeOf(type)) ?? [] };
+}
+var usePuck = createUsePuck();
+var EditorLockContext = React7.createContext(false);
+var fieldId = (p) => p.id ?? `gs-field-${p.name.replace(/[^a-zA-Z0-9_-]/g, "-")}`;
+function FieldShell({ id, label, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 py-1", children: [
+    label ? /* @__PURE__ */ jsx(Label, { htmlFor: id, children: label }) : null,
+    children
+  ] });
+}
+function TextInput(p) {
+  const id = fieldId(p);
+  return /* @__PURE__ */ jsx(FieldShell, { id, label: p.field.label, children: /* @__PURE__ */ jsx(Input, { id, name: p.name, value: typeof p.value === "string" ? p.value : "", placeholder: p.field.placeholder, disabled: p.readOnly, onChange: (e) => p.onChange(e.currentTarget.value) }) });
+}
+function TextareaInput(p) {
+  const id = fieldId(p);
+  return /* @__PURE__ */ jsx(FieldShell, { id, label: p.field.label, children: /* @__PURE__ */ jsx(Textarea, { id, name: p.name, rows: 3, value: typeof p.value === "string" ? p.value : "", placeholder: p.field.placeholder, disabled: p.readOnly, onChange: (e) => p.onChange(e.currentTarget.value) }) });
+}
+function NumberInput(p) {
+  const id = fieldId(p);
+  return /* @__PURE__ */ jsx(FieldShell, { id, label: p.field.label, children: /* @__PURE__ */ jsx(
+    Input,
+    {
+      id,
+      name: p.name,
+      type: "number",
+      inputMode: "decimal",
+      value: typeof p.value === "number" ? String(p.value) : "",
+      min: p.field.min,
+      max: p.field.max,
+      step: p.field.step,
+      disabled: p.readOnly,
+      onChange: (e) => {
+        const raw = e.currentTarget.value;
+        p.onChange(raw === "" ? void 0 : Number(raw));
+      }
+    }
+  ) });
+}
+var indexOf = (options2, value) => {
+  const i = options2.findIndex((o) => o.value === value || value === void 0 && (o.value === "" || o.value === false));
+  return i < 0 ? "" : String(i);
+};
+function SelectInput(p) {
+  const id = fieldId(p);
+  const options2 = p.field.options ?? [];
+  return /* @__PURE__ */ jsx(FieldShell, { id, label: p.field.label, children: /* @__PURE__ */ jsxs(Select, { value: indexOf(options2, p.value), disabled: p.readOnly, onValueChange: (i) => p.onChange(options2[Number(i)]?.value), children: [
+    /* @__PURE__ */ jsx(SelectTrigger, { id, "aria-label": p.field.label, children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Choose\u2026" }) }),
+    /* @__PURE__ */ jsx(SelectContent, { children: options2.map((o, i) => /* @__PURE__ */ jsx(SelectItem, { value: String(i), children: o.label }, i)) })
+  ] }) });
+}
+function RadioInput(p) {
+  const id = fieldId(p);
+  const options2 = p.field.options ?? [];
+  const fallback = p.field.metadata?.default;
+  const value = p.value === void 0 && fallback !== void 0 ? fallback : p.value;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 py-1", role: "group", "aria-labelledby": `${id}-label`, children: [
+    /* @__PURE__ */ jsx("span", { id: `${id}-label`, className: "text-sm font-medium leading-none", children: p.field.label }),
+    /* @__PURE__ */ jsx(RadioGroup, { value: indexOf(options2, value), disabled: p.readOnly, onValueChange: (i) => p.onChange(options2[Number(i)]?.value), className: "flex flex-wrap gap-4", "aria-labelledby": `${id}-label`, children: options2.map((o, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(RadioGroupItem, { id: `${id}-${i}`, value: String(i) }),
+      /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-${i}`, className: "font-normal", children: o.label })
+    ] }, i)) })
+  ] });
+}
+function ComponentItem({ name, info, announce }) {
+  const data = usePuck((s) => s.appState.data);
+  const meta = info.get(name);
+  const type = sectionTypeOf(name);
+  const used = React7.useMemo(() => countTypes(data).get(type) ?? 0, [data, type]);
+  const full = meta?.limit !== void 0 && used >= meta.limit;
+  const dispatch = usePuck((s) => s.dispatch);
+  const locked = React7.useContext(EditorLockContext);
+  const label = meta?.label ?? name;
+  const add = () => {
+    if (locked) return;
+    const zone = meta?.placement === "header" ? "root:header" : meta?.placement === "footer" ? "root:footer" : "root:default-zone";
+    const list = zone === "root:header" ? data.root.props.header : zone === "root:footer" ? data.root.props.footer : data.content;
+    const index = list?.length ?? 0;
+    const id = newSectionId(type.replace(/-/g, "").slice(0, 6));
+    dispatch({ type: "insert", componentType: name, destinationIndex: index, destinationZone: zone, id });
+    dispatch({ type: "setUi", ui: { itemSelector: { index, zone } } });
+    scrollCanvasTo(id, ref.current?.ownerDocument);
+    announce?.(`${label} added at the end of the ${zone === "root:header" ? "header" : zone === "root:footer" ? "footer" : "page"}. Its fields are open; Up and Down move it.`);
+  };
+  const ref = React7.useRef(null);
+  React7.useEffect(() => {
+    const copy = ref.current?.closest('[class*="draggableBg"]');
+    if (copy) {
+      copy.setAttribute("aria-hidden", "true");
+      copy.inert = true;
+    }
+  }, []);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex w-full items-center justify-between gap-2 rounded-md border border-border bg-background px-3 py-2 text-left text-sm text-foreground",
+        full ? "cursor-not-allowed opacity-60" : "cursor-grab hover:border-primary"
+      ),
+      title: full ? `A page has at most ${meta?.limit} of these` : `Drag onto the page, or press Add: ${label}`,
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: label }),
+          meta && meta.label !== meta.sectionLabel ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: meta.sectionLabel }) : null
+        ] }),
+        full ? /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "shrink-0", children: "Limit reached" }) : /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", className: "h-7 shrink-0 px-2", "aria-label": `Add ${label}`, disabled: locked, onPointerDown: (e) => e.stopPropagation(), onClick: add, children: "Add" })
+      ]
+    }
+  );
+}
+function SectionActions({ info, announce }) {
+  const selected = usePuck((s) => s.selectedItem);
+  const getSelectorForId = usePuck((s) => s.getSelectorForId);
+  const getItemBySelector = usePuck((s) => s.getItemBySelector);
+  const dispatch = usePuck((s) => s.dispatch);
+  const locked = React7.useContext(EditorLockContext);
+  const upRef = React7.useRef(null);
+  const downRef = React7.useRef(null);
+  if (!selected) return null;
+  const id = String(selected.props.id);
+  const selector = getSelectorForId(id);
+  if (!selector) return null;
+  const label = info.get(selected.type)?.sectionLabel ?? selected.type;
+  const { index, zone } = selector;
+  const canUp = index > 0;
+  const canDown = Boolean(getItemBySelector({ index: index + 1, zone }));
+  const move = (by) => {
+    if (locked) return;
+    const to = index + by;
+    dispatch({ type: "reorder", sourceIndex: index, destinationIndex: to, destinationZone: zone });
+    dispatch({ type: "setUi", ui: { itemSelector: { index: to, zone } } });
+    scrollCanvasTo(id);
+    announce?.(`${label} moved ${by < 0 ? "up" : "down"}, to position ${to + 1}.`);
+    requestAnimationFrame(() => {
+      const pressed = by < 0 ? upRef.current : downRef.current;
+      if (pressed?.disabled) (by < 0 ? downRef.current : upRef.current)?.focus();
+    });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "mb-2 flex flex-wrap items-center justify-between gap-2 border-b border-border px-1 pb-2", role: "group", "aria-label": `${label} section`, children: [
+    /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: label }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+      /* @__PURE__ */ jsx(Button, { ref: upRef, type: "button", size: "sm", variant: "outline", disabled: locked || !canUp, onClick: () => move(-1), "aria-label": `Move ${label} up`, children: "Up" }),
+      /* @__PURE__ */ jsx(Button, { ref: downRef, type: "button", size: "sm", variant: "outline", disabled: locked || !canDown, onClick: () => move(1), "aria-label": `Move ${label} down`, children: "Down" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "outline",
+          "aria-label": `Remove ${label}`,
+          disabled: locked,
+          onClick: () => {
+            if (locked) return;
+            dispatch({ type: "remove", index, zone });
+            dispatch({ type: "setUi", ui: { itemSelector: null } });
+            announce?.(`${label} removed. Undo brings it back.`);
+          },
+          children: "Remove"
+        }
+      )
+    ] })
+  ] });
+}
+function genesisOverrides(info, extra = {}, options2 = {}) {
+  return {
+    fields: ({ children }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(SectionActions, { info, announce: options2.announce }),
+      children
+    ] }),
+    fieldTypes: {
+      text: TextInput,
+      textarea: TextareaInput,
+      number: NumberInput,
+      select: SelectInput,
+      radio: RadioInput
+    },
+    fieldLabel: ({ children, label, el, className }) => {
+      const El = el === "div" ? "div" : "label";
+      return /* @__PURE__ */ jsxs(El, { className: cn("flex flex-col gap-1.5 py-1 text-sm font-medium", className), children: [
+        /* @__PURE__ */ jsx("span", { children: label }),
+        children
+      ] });
+    },
+    drawerItem: ({ name }) => /* @__PURE__ */ jsx(ComponentItem, { name, info, announce: options2.announce }),
+    ...extra
+  };
+}
+
+// src/editor/site-actions.ts
+async function checkSite(store, siteId, options2 = {}) {
+  const draft = await store.getDraft(siteId);
+  if (!draft) return { publishable: false, issues: [{ severity: "error", code: "no-site", message: `There's no site ${siteId}, or you can't edit it.` }] };
+  const metas = await store.listPages(siteId);
+  const drafts = await Promise.all(metas.map((meta) => store.getPageDraft(meta.id)));
+  const pages = [];
+  drafts.forEach((p, i) => {
+    if (p) pages.push({ id: metas[i].id, path: p.path, kind: p.kind, doc: p.doc });
+  });
+  let issues;
+  try {
+    issues = prepareRelease(draft.site, pages, { reserved: options2.reserved ?? DEFAULT_RESERVED_PATHS, ...options2.brand ? { brand: options2.brand } : {} }).issues;
+  } catch (err) {
+    if (!(err instanceof PublishBlockedError)) {
+      issues = [{ severity: "error", code: "invalid-draft", message: `The drafts can't be checked: ${err.message}` }];
+    } else issues = err.issues;
+  }
+  const sorted = [...issues].sort((a, b) => a.severity === b.severity ? 0 : a.severity === "error" ? -1 : 1);
+  return { issues: sorted, publishable: !sorted.some((i) => i.severity === "error") };
+}
+async function publishSite(store, siteId, options2) {
+  const check = await checkSite(store, siteId, options2);
+  if (!check.publishable) return { blocked: check.issues };
+  try {
+    const release = await store.publish(siteId, { brand: options2.brand, ...options2.note?.trim() ? { note: options2.note.trim() } : {}, ...options2.reserved ? { reserved: options2.reserved } : {} });
+    return { release };
+  } catch (err) {
+    if (err instanceof PublishBlockedError) return { blocked: err.issues };
+    throw err;
+  }
+}
+function pathProblems(path, pages, options2 = {}) {
+  const problems = pagePathProblems(path, options2.reserved ?? DEFAULT_RESERVED_PATHS);
+  if (pages.some((p) => p.path === path && p.id !== options2.except)) problems.push(`A page is already at ${path}.`);
+  return problems;
+}
+function slugify(title) {
+  const slug = title.normalize("NFKD").replace(/[̀-ͯ]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 60).replace(/-+$/g, "");
+  return `/${slug || "page"}`;
+}
+async function renamePage(store, pageId, path, options2 = {}) {
+  const current = await store.getPageDraft(pageId);
+  if (!current) throw new Error("That page no longer exists.");
+  if (current.path === "/") throw new Error("The home page stays at /.");
+  const pages = await store.listPages(current.siteId);
+  const problems = pathProblems(path, pages, { ...options2, except: pageId });
+  if (problems.length) throw new Error(problems.join(" "));
+  return store.movePage(pageId, path);
+}
+var blank = (title) => ({ schemaVersion: 1, root: { props: { title } }, content: [] });
+function pageTemplates() {
+  const templates = [
+    { id: "blank", label: "Blank page", description: "Start empty and add sections.", kind: "page", doc: ({ title }) => blank(title) },
+    {
+      id: "landing",
+      label: "Landing page from your brand",
+      description: "A hero, what you offer, quotes and a call to action, in one click.",
+      kind: "landing",
+      doc: ({ title, brand }) => {
+        const doc = landingPage({ brand, message: { headline: title } }).pages[0].doc;
+        return { ...doc, root: { props: { ...doc.root.props, title } } };
+      }
+    }
+  ];
+  const starter = starterSite({ brand: exampleBrands.riverside, message: { headline: "Your headline" } });
+  for (const page of starter.pages.slice(1)) {
+    const name = page.doc.root.props.title;
+    templates.push({
+      id: `starter${page.path.replace(/\//g, "-")}`,
+      label: `${name} page`,
+      description: `The starter site's ${name.toLowerCase()} page.`,
+      kind: page.kind,
+      doc: ({ title, brand }) => {
+        const fresh = starterSite({ brand, message: { headline: title } }).pages.find((p) => p.path === page.path).doc;
+        return { ...fresh, root: { props: { ...fresh.root.props, title } } };
+      }
+    });
+  }
+  return templates;
+}
+async function movePageInList(store, siteId, pageId, by) {
+  if (!store.reorderPages) throw new Error("This store keeps pages in its own order.");
+  const pages = await store.listPages(siteId);
+  const i = pages.findIndex((p) => p.id === pageId);
+  const j = i + by;
+  if (i < 0 || j < 0 || j >= pages.length) return pages;
+  const ids = pages.map((p) => p.id);
+  [ids[i], ids[j]] = [ids[j], ids[i]];
+  await store.reorderPages(siteId, ids);
+  return store.listPages(siteId);
+}
+function AddPageDialog({ open, onOpenChange, pages, reserved, onCreate }) {
+  const templates = React7.useMemo(() => pageTemplates(), []);
+  const [title, setTitle] = React7.useState("");
+  const [path, setPath] = React7.useState("");
+  const [pathEdited, setPathEdited] = React7.useState(false);
+  const [templateId, setTemplateId] = React7.useState("blank");
+  const [addToMenu, setAddToMenu] = React7.useState(true);
+  const [error, setError] = React7.useState(null);
+  const [busy, setBusy] = React7.useState(false);
+  const id = React7.useId();
+  React7.useEffect(() => {
+    if (open) {
+      setTitle("");
+      setPath("");
+      setPathEdited(false);
+      setTemplateId("blank");
+      setAddToMenu(true);
+      setError(null);
+    }
+  }, [open]);
+  const problems = path ? pathProblems(path, pages, { ...reserved ? { reserved } : {} }) : [];
+  const submit = async (e) => {
+    e.preventDefault();
+    if (!title.trim()) return setError("Give the page a title.");
+    if (problems.length) return setError(problems.join(" "));
+    setBusy(true);
+    try {
+      await onCreate({ title: title.trim(), path, template: templates.find((t) => t.id === templateId), addToMenu });
+      onOpenChange(false);
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsx(DialogContent, { className: "sm:max-w-lg", children: /* @__PURE__ */ jsxs("form", { onSubmit: submit, className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: "Add a page" }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: "Start blank, from a template, or with a landing page made from your brand." })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-title`, children: "Title" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: `${id}-title`,
+          value: title,
+          maxLength: 120,
+          autoFocus: true,
+          onChange: (e) => {
+            const t = e.currentTarget.value;
+            setTitle(t);
+            if (!pathEdited) setPath(t.trim() ? slugify(t) : "");
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-path`, children: "Address" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: `${id}-path`,
+          value: path,
+          placeholder: "/about",
+          "aria-invalid": problems.length > 0 || void 0,
+          "aria-describedby": `${id}-path-hint`,
+          onChange: (e) => {
+            setPath(e.currentTarget.value);
+            setPathEdited(true);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { id: `${id}-path-hint`, className: problems.length ? "text-sm text-destructive" : "text-sm text-muted-foreground", children: problems.length ? problems.join(" ") : "Lowercase letters, digits and hyphens, starting with /." })
+    ] }),
+    /* @__PURE__ */ jsxs("fieldset", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx("legend", { className: "mb-2 text-sm font-medium", children: "Start from" }),
+      /* @__PURE__ */ jsx(RadioGroup, { value: templateId, onValueChange: setTemplateId, className: "flex flex-col gap-2", children: templates.map((t) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 rounded-md border border-border p-3", children: [
+        /* @__PURE__ */ jsx(RadioGroupItem, { id: `${id}-t-${t.id}`, value: t.id, className: "mt-0.5", "aria-describedby": `${id}-t-${t.id}-d` }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-t-${t.id}`, children: t.label }),
+          /* @__PURE__ */ jsx("span", { id: `${id}-t-${t.id}-d`, className: "text-sm text-muted-foreground", children: t.description })
+        ] })
+      ] }, t.id)) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Switch, { id: `${id}-menu`, checked: addToMenu, onCheckedChange: setAddToMenu }),
+      /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-menu`, children: "Add it to the menu" })
+    ] }),
+    error ? /* @__PURE__ */ jsx("p", { role: "alert", className: "text-sm text-destructive", children: error }) : null,
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+      /* @__PURE__ */ jsx(Button, { type: "submit", loading: busy, children: "Add page" })
+    ] })
+  ] }) }) });
+}
+function RenameDialog({ page, pages, reserved, onClose, onRename }) {
+  const [path, setPath] = React7.useState("");
+  const [error, setError] = React7.useState(null);
+  const [busy, setBusy] = React7.useState(false);
+  const id = React7.useId();
+  React7.useEffect(() => {
+    setPath(page?.path ?? "");
+    setError(null);
+  }, [page]);
+  if (!page) return null;
+  const problems = path && path !== page.path ? pathProblems(path, pages, { except: page.id, ...reserved ? { reserved } : {} }) : [];
+  return /* @__PURE__ */ jsx(Dialog, { open: true, onOpenChange: (o) => o ? null : onClose(), children: /* @__PURE__ */ jsx(DialogContent, { className: "sm:max-w-md", children: /* @__PURE__ */ jsxs(
+    "form",
+    {
+      className: "flex flex-col gap-4",
+      onSubmit: async (e) => {
+        e.preventDefault();
+        if (path === page.path) return onClose();
+        if (problems.length) return setError(problems.join(" "));
+        setBusy(true);
+        try {
+          await onRename(page.id, path);
+          onClose();
+        } catch (err) {
+          setError(err.message);
+        } finally {
+          setBusy(false);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsxs(DialogTitle, { children: [
+            "Change the address of \u201C",
+            page.title,
+            "\u201D"
+          ] }),
+          /* @__PURE__ */ jsxs(DialogDescription, { children: [
+            "The old address, ",
+            page.path,
+            ", will redirect here, so links and search results keep working."
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-path`, children: "New address" }),
+          /* @__PURE__ */ jsx(Input, { id: `${id}-path`, value: path, autoFocus: true, "aria-invalid": problems.length > 0 || void 0, "aria-describedby": `${id}-hint`, onChange: (e) => setPath(e.currentTarget.value) }),
+          /* @__PURE__ */ jsx("p", { id: `${id}-hint`, className: problems.length ? "text-sm text-destructive" : "text-sm text-muted-foreground", children: problems.length ? problems.join(" ") : "Lowercase letters, digits and hyphens, starting with /." })
+        ] }),
+        error ? /* @__PURE__ */ jsx("p", { role: "alert", className: "text-sm text-destructive", children: error }) : null,
+        /* @__PURE__ */ jsxs(DialogFooter, { children: [
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onClose, children: "Cancel" }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", loading: busy, children: "Change address" })
+        ] })
+      ]
+    }
+  ) }) });
+}
+function menuItemProblems(item) {
+  const out = [];
+  if (!item.label.trim()) out.push("Needs a label.");
+  else if (item.label.trim().length > 40) out.push("At most 40 characters.");
+  if (!isSafeHref(item.href.trim())) out.push("Use a site path (/about), a #section, or an https, mailto or tel link.");
+  return out;
+}
+function MenuEditor({ nav, pages, busy, onChange }) {
+  const items = nav;
+  const id = React7.useId();
+  const list = React7.useRef(null);
+  const commit = (next) => onChange(next);
+  const move = (i, by) => {
+    const next = [...items];
+    const j = i + by;
+    if (j < 0 || j >= next.length) return;
+    [next[i], next[j]] = [next[j], next[i]];
+    commit(next);
+    requestAnimationFrame(() => {
+      const same = list.current?.querySelector(`[data-menu-move="${j}:${by}"]`);
+      (same && !same.disabled ? same : list.current?.querySelector(`[data-menu-move="${j}:${-by}"]`))?.focus();
+    });
+  };
+  const unlinked = pages.filter((p) => !items.some((i) => i.href === p.path));
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+    items.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "The menu is empty." }) : null,
+    /* @__PURE__ */ jsx("ol", { ref: list, className: "flex flex-col gap-3", children: items.map((item, i) => {
+      const problems = menuItemProblems(item);
+      return /* @__PURE__ */ jsxs("li", { className: "flex flex-col gap-2 rounded-md border border-border p-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-${i}-label`, className: "text-xs", children: "Label" }),
+          /* @__PURE__ */ jsx(Input, { id: `${id}-${i}-label`, value: item.label, maxLength: 40, disabled: busy, onChange: (e) => commit(items.map((x, k) => k === i ? { ...x, label: e.currentTarget.value } : x)) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-${i}-href`, className: "text-xs", children: "Link" }),
+          /* @__PURE__ */ jsx(Input, { id: `${id}-${i}-href`, value: item.href, disabled: busy, "aria-invalid": problems.length > 0 || void 0, "aria-describedby": `${id}-${i}-err`, onChange: (e) => commit(items.map((x, k) => k === i ? { ...x, href: e.currentTarget.value } : x)) })
+        ] }),
+        problems.length ? /* @__PURE__ */ jsxs("p", { id: `${id}-${i}-err`, className: "text-xs text-destructive", children: [
+          problems.join(" "),
+          " Not saved until fixed."
+        ] }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+          /* @__PURE__ */ jsx(Button, { type: "button", size: "icon", variant: "ghost", "data-menu-move": `${i}:-1`, "aria-label": `Move ${item.label || "item"} up`, disabled: busy || i === 0, onClick: () => move(i, -1), children: /* @__PURE__ */ jsx(ArrowUp, { className: "h-4 w-4" }) }),
+          /* @__PURE__ */ jsx(Button, { type: "button", size: "icon", variant: "ghost", "data-menu-move": `${i}:1`, "aria-label": `Move ${item.label || "item"} down`, disabled: busy || i === items.length - 1, onClick: () => move(i, 1), children: /* @__PURE__ */ jsx(ArrowDown, { className: "h-4 w-4" }) }),
+          /* @__PURE__ */ jsx(Button, { type: "button", size: "icon", variant: "ghost", "aria-label": `Remove ${item.label || "item"} from the menu`, disabled: busy, onClick: () => commit(items.filter((_, k) => k !== i)), children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }) })
+        ] })
+      ] }, i);
+    }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+      unlinked.slice(0, 4).map((p) => /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", variant: "outline", disabled: busy || items.length >= 12, onClick: () => commit([...items, { label: p.title.slice(0, 40), href: p.path }]), children: [
+        /* @__PURE__ */ jsx(Plus, { className: "mr-1 h-3 w-3" }),
+        " ",
+        p.title
+      ] }, p.id)),
+      /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", variant: "outline", disabled: busy || items.length >= 12, onClick: () => commit([...items, { label: "", href: "" }]), children: [
+        /* @__PURE__ */ jsx(Plus, { className: "mr-1 h-3 w-3" }),
+        " Link"
+      ] })
+    ] })
+  ] });
+}
+function PagesPanel(props) {
+  const [adding, setAdding] = React7.useState(false);
+  const [renaming, setRenaming] = React7.useState(null);
+  const [deleting, setDeleting] = React7.useState(null);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 p-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold", children: "Pages" }),
+      props.readOnly ? null : /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", onClick: () => setAdding(true), disabled: props.busy, children: [
+        /* @__PURE__ */ jsx(Plus, { className: "mr-1 h-4 w-4" }),
+        " Add page"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1", "aria-label": "Pages", children: props.pages.map((p, i) => {
+      const current = p.id === props.currentId;
+      return /* @__PURE__ */ jsxs("li", { className: cn("group flex flex-col gap-1 rounded-md border p-2", current ? "border-primary bg-muted" : "border-transparent hover:border-border"), children: [
+        /* @__PURE__ */ jsxs("button", { type: "button", className: "flex items-center gap-2 text-left text-sm focus-visible:outline-2 focus-visible:outline-ring", "aria-current": current ? "page" : void 0, onClick: () => props.onOpen(p.id), disabled: props.busy, children: [
+          p.path === "/" ? /* @__PURE__ */ jsx(Home, { "aria-hidden": true, className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ jsx(FileText, { "aria-hidden": true, className: "h-4 w-4 shrink-0" }),
+          /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col", children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: p.title }),
+            /* @__PURE__ */ jsxs("span", { className: "truncate text-xs text-muted-foreground", children: [
+              p.path,
+              p.kind === "landing" ? " \xB7 landing" : ""
+            ] })
+          ] })
+        ] }),
+        props.readOnly ? null : /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1", children: [
+          p.path !== "/" ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "ghost", disabled: props.busy, onClick: () => setRenaming(p), "aria-label": `Change the address of ${p.title}`, children: "Address" }) : null,
+          props.canReorder ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Button, { type: "button", size: "icon", variant: "ghost", disabled: props.busy || i === 0, "aria-label": `Move ${p.title} up`, onClick: () => props.onReorder(p.id, -1), children: /* @__PURE__ */ jsx(ArrowUp, { className: "h-4 w-4" }) }),
+            /* @__PURE__ */ jsx(Button, { type: "button", size: "icon", variant: "ghost", disabled: props.busy || i === props.pages.length - 1, "aria-label": `Move ${p.title} down`, onClick: () => props.onReorder(p.id, 1), children: /* @__PURE__ */ jsx(ArrowDown, { className: "h-4 w-4" }) })
+          ] }) : null,
+          p.path !== "/" ? /* @__PURE__ */ jsx(Button, { type: "button", size: "icon", variant: "ghost", disabled: props.busy, "aria-label": `Delete ${p.title}`, onClick: () => setDeleting(p), children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }) }) : null
+        ] })
+      ] }, p.id);
+    }) }),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsxs("section", { "aria-labelledby": "gs-menu-heading", className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx("h2", { id: "gs-menu-heading", className: "text-sm font-semibold", children: "Menu" }),
+      props.readOnly ? props.nav.length ? /* @__PURE__ */ jsx("ol", { className: "flex flex-col gap-1 text-sm", children: props.nav.map((n, i) => /* @__PURE__ */ jsxs("li", { children: [
+        n.label,
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: n.href })
+      ] }, i)) }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "The menu is empty." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "The links in the site's header. Use the arrows to reorder them." }),
+        /* @__PURE__ */ jsx(MenuEditor, { nav: props.nav, pages: props.pages, busy: props.busy, onChange: props.onNavChange })
+      ] })
+    ] }),
+    props.readOnly ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Separator, {}),
+      /* @__PURE__ */ jsxs("section", { "aria-labelledby": "gs-footer-heading", className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx("h2", { id: "gs-footer-heading", className: "text-sm font-semibold", children: "Footer links" }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "The footer's links and columns are fields of the footer section." }),
+        /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: props.onEditFooter, children: "Edit the footer" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(AddPageDialog, { open: adding, onOpenChange: setAdding, pages: props.pages, reserved: props.reserved, onCreate: props.onCreate }),
+    /* @__PURE__ */ jsx(RenameDialog, { page: renaming, pages: props.pages, reserved: props.reserved, onClose: () => setRenaming(null), onRename: props.onRename }),
+    /* @__PURE__ */ jsx(AlertDialog, { open: deleting !== null, onOpenChange: (o) => o ? null : setDeleting(null), children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsxs(AlertDialogTitle, { children: [
+          "Delete \u201C",
+          deleting?.title,
+          "\u201D?"
+        ] }),
+        /* @__PURE__ */ jsx(AlertDialogDescription, { children: "The page leaves the site at its next publish. Releases already published keep it, so a rollback brings it back." })
+      ] }),
+      /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx(AlertDialogCancel, { children: "Keep it" }),
+        /* @__PURE__ */ jsx(
+          AlertDialogAction,
+          {
+            onClick: () => {
+              if (deleting) void props.onDelete(deleting.id);
+              setDeleting(null);
+            },
+            children: "Delete page"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+
+// src/editor/preview.ts
+async function loadSiteCss() {
+  const { ASSETS } = await import('./assets.generated-QSB7EJWX.js');
+  return ASSETS.css.body;
+}
+var styleText = (css) => css.replace(/<\/style/gi, "<\\/style");
+async function renderPreview(input) {
+  const [{ renderSitePageToString }, { ASSETS }] = await Promise.all([import('./handler-QHH453YG.js'), import('./assets.generated-QSB7EJWX.js')]);
+  const result = await renderSitePageToString(new Request(`https://preview.invalid${input.path}`), {
+    store: input.store,
+    brand: { getBrand: () => input.brand },
+    siteId: input.siteId,
+    mode: input.mode,
+    unknownPath: "not-found",
+    csp: false,
+    ...input.forms ? { forms: input.forms } : {}
+  });
+  if (!result) return { status: 404, html: null };
+  if (result.status >= 300 && result.status < 400) return { status: result.status, html: null, location: result.headers.get("location") ?? "" };
+  const css = `<style data-gs-inlined="">${styleText(ASSETS.css.body)}</style>`;
+  const formsCss = `<style data-gs-inlined="">${styleText(ASSETS.formsCss.body)}</style>`;
+  const html = result.html.replace(/<link rel="stylesheet" href="[^"]*\/_gs\/([^"]+)"\/>/g, (_m, name) => name === ASSETS.css.name ? css : name === ASSETS.formsCss.name ? formsCss : "").replace(/<script type="module" src="[^"]*\/_gs\/[^"]*"><\/script>/g, "");
+  return { status: result.status, html };
+}
+var usePuck2 = createUsePuck();
+function SeoFields({ siteName, pagePath, pageTitle, readOnly }) {
+  const seo = usePuck2((s) => s.appState.data.root.props?.seo);
+  const root = usePuck2((s) => s.appState.data.root);
+  const dispatch = usePuck2((s) => s.dispatch);
+  const services = useEditorServices();
+  const id = React7.useId();
+  const set = (patch) => {
+    const next = { ...seo ?? {}, ...patch };
+    for (const k of Object.keys(next)) if (next[k] === void 0 || next[k] === "" || next[k] === false) delete next[k];
+    dispatch({ type: "replaceRoot", root: { ...root, props: { ...root.props ?? {}, seo: next } } });
+  };
+  const title = seo?.title ?? "";
+  const description = seo?.description ?? "";
+  return /* @__PURE__ */ jsxs("section", { "aria-labelledby": `${id}-h`, className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsxs("h3", { id: `${id}-h`, className: "text-sm font-semibold", children: [
+      "Search and sharing for ",
+      pagePath
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border p-3 text-sm", "aria-label": "Search result preview", children: [
+      /* @__PURE__ */ jsx("p", { className: "truncate text-primary", children: title || pageTitle }),
+      /* @__PURE__ */ jsxs("p", { className: "truncate text-xs text-muted-foreground", children: [
+        siteName,
+        " \xB7 ",
+        pagePath
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "line-clamp-2 text-muted-foreground", children: description || "No description: search engines will pick some text from the page." })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-title`, children: "Search title" }),
+      /* @__PURE__ */ jsx(Input, { id: `${id}-title`, value: title, maxLength: 70, placeholder: pageTitle, "aria-describedby": `${id}-title-n`, disabled: readOnly, onChange: (e) => set({ title: e.currentTarget.value }) }),
+      /* @__PURE__ */ jsxs("p", { id: `${id}-title-n`, className: "text-xs text-muted-foreground", children: [
+        title.length,
+        "/70. Empty uses the page title."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-desc`, children: "Description" }),
+      /* @__PURE__ */ jsx(Textarea, { id: `${id}-desc`, rows: 3, value: description, maxLength: 200, "aria-describedby": `${id}-desc-n`, disabled: readOnly, onChange: (e) => set({ description: e.currentTarget.value }) }),
+      /* @__PURE__ */ jsxs("p", { id: `${id}-desc-n`, className: "text-xs text-muted-foreground", children: [
+        description.length,
+        "/200"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Share image" }),
+      seo?.ogImage?.src && isSafeImageSrc(seo.ogImage.src) ? /* @__PURE__ */ jsx("img", { src: seo.ogImage.src, alt: seo.ogImage.alt ?? "", className: "h-20 w-full rounded-md border border-border object-cover" }) : null,
+      readOnly ? seo?.ogImage ? null : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "None." }) : /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "outline",
+            onClick: async () => {
+              const picked = await services.pickImage(seo?.ogImage ? { current: { src: seo.ogImage.src, alt: seo.ogImage.alt ?? "" } } : {});
+              if (picked) set({ ogImage: { ...picked, alt: picked.alt } });
+            },
+            children: seo?.ogImage ? "Replace share image" : "Choose share image"
+          }
+        ),
+        seo?.ogImage ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "ghost", onClick: () => set({ ogImage: void 0 }), children: "Remove" }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Switch, { id: `${id}-noindex`, checked: seo?.noindex === true, disabled: readOnly, onCheckedChange: (on) => set({ noindex: on || void 0 }) }),
+      /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-noindex`, children: "Hide this page from search engines" })
+    ] })
+  ] });
+}
+function IssueList({ issues, currentPageId, onOpenPage, onShown }) {
+  const getSelectorForId = usePuck2((s) => s.getSelectorForId);
+  const dispatch = usePuck2((s) => s.dispatch);
+  const show = (issue) => {
+    if (issue.pageId && issue.pageId !== currentPageId) return onOpenPage(issue.pageId);
+    if (!issue.sectionId) return;
+    const selector = getSelectorForId(issue.sectionId);
+    if (!selector) return;
+    dispatch({ type: "setUi", ui: { itemSelector: selector, rightSideBarVisible: true } });
+    onShown(issue.sectionId);
+  };
+  return /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2", children: issues.map((issue, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2 text-sm", children: [
+    issue.severity === "error" ? /* @__PURE__ */ jsx(AlertCircle, { "aria-label": "Blocks publishing", className: "mt-0.5 h-4 w-4 shrink-0 text-destructive" }) : /* @__PURE__ */ jsx(AlertTriangle, { "aria-label": "Warning", className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }),
+    /* @__PURE__ */ jsx("span", { className: "flex-1", children: issue.message }),
+    issue.sectionId || issue.pageId && issue.pageId !== currentPageId ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "ghost", onClick: () => show(issue), "aria-label": `Show: ${issue.message.length > 80 ? `${issue.message.slice(0, 80)}\u2026` : issue.message}`, children: "Show" }) : null
+  ] }, i)) });
+}
+function PublishPanel(props) {
+  const [note, setNote] = React7.useState("");
+  const [rollingBack, setRollingBack] = React7.useState(null);
+  const id = React7.useId();
+  const errors = props.issues?.filter((i) => i.severity === "error") ?? [];
+  const warnings = props.issues?.filter((i) => i.severity === "warning") ?? [];
+  const live = props.releases.find((r) => r.id === props.liveReleaseId);
+  const canPublish = props.issues !== null && errors.length === 0 && !props.blockedReason && !props.checking;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 p-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold", children: "Publish" }),
+      live ? /* @__PURE__ */ jsxs(Badge, { variant: "success", children: [
+        "Live: release ",
+        live.number
+      ] }) : /* @__PURE__ */ jsx(Badge, { variant: "muted", children: "Not published" })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { "aria-labelledby": `${id}-checks`, "aria-busy": props.checking, className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("h3", { id: `${id}-checks`, className: "text-sm font-semibold", children: "Checks" }),
+        /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "ghost", onClick: props.onCheck, loading: props.checking, children: "Check again" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { role: "status", "aria-live": "polite", className: "text-sm", children: props.issues === null ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Checking\u2026" }) : errors.length ? /* @__PURE__ */ jsxs("span", { className: "text-destructive", children: [
+        errors.length,
+        " ",
+        errors.length === 1 ? "problem blocks" : "problems block",
+        " publishing."
+      ] }) : /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(CheckCircle2, { "aria-hidden": true, className: "h-4 w-4" }),
+        " Ready to publish",
+        warnings.length ? ` (${warnings.length} ${warnings.length === 1 ? "suggestion" : "suggestions"})` : "",
+        "."
+      ] }) }),
+      props.issues?.length ? /* @__PURE__ */ jsx(IssueList, { issues: [...errors, ...warnings], currentPageId: props.currentPageId, onOpenPage: props.onOpenPage, onShown: props.onShowSection }) : null
+    ] }),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", variant: "outline", onClick: () => props.onPreview("preview"), children: [
+        /* @__PURE__ */ jsx(Eye, { "aria-hidden": true, className: "mr-1 h-4 w-4" }),
+        " Preview this page"
+      ] }),
+      live ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: () => props.onPreview("live"), children: "View it live" }) : null,
+      props.previewUrl ? /* @__PURE__ */ jsx(Button, { asChild: true, size: "sm", variant: "ghost", children: /* @__PURE__ */ jsxs("a", { href: props.previewUrl(props.pagePath), target: "_blank", rel: "noreferrer", children: [
+        /* @__PURE__ */ jsx(ExternalLink, { "aria-hidden": true, className: "mr-1 h-4 w-4" }),
+        " Preview link"
+      ] }) }) : null
+    ] }),
+    props.readOnly ? null : /* @__PURE__ */ jsxs(
+      "form",
+      {
+        className: "flex flex-col gap-2",
+        onSubmit: async (e) => {
+          e.preventDefault();
+          if (await props.onPublish(note)) setNote("");
+        },
+        children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-note`, children: "What changed (for the release history)" }),
+          /* @__PURE__ */ jsx(Input, { id: `${id}-note`, value: note, maxLength: 200, placeholder: "New spring timetable", onChange: (e) => setNote(e.currentTarget.value) }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", disabled: !canPublish, loading: props.publishing, "aria-describedby": `${id}-why`, children: "Publish site" }),
+          props.blockedReason || errors.length ? /* @__PURE__ */ jsx("p", { id: `${id}-why`, className: "text-xs text-muted-foreground", children: props.blockedReason ?? "Fix the problems above to publish." }) : null
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsx(SeoFields, { siteName: props.siteName, pagePath: props.pagePath, pageTitle: props.pageTitle, readOnly: props.readOnly === true || props.publishing }),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsxs("section", { "aria-labelledby": `${id}-history`, className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx("h3", { id: `${id}-history`, className: "text-sm font-semibold", children: "Release history" }),
+      props.releases.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Nothing published yet." }) : null,
+      /* @__PURE__ */ jsx("ol", { className: "flex flex-col gap-2", children: props.releases.map((r) => /* @__PURE__ */ jsxs("li", { className: "flex items-start justify-between gap-2 rounded-md border border-border p-2 text-sm", children: [
+        /* @__PURE__ */ jsxs("span", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+            "Release ",
+            r.number,
+            r.id === props.liveReleaseId ? /* @__PURE__ */ jsx(Badge, { variant: "success", className: "ml-2", children: "Live" }) : null
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: new Date(r.publishedAt ?? r.createdAt).toLocaleString() }),
+          r.note ? /* @__PURE__ */ jsx("span", { className: "text-xs", children: r.note }) : null
+        ] }),
+        r.id !== props.liveReleaseId && !props.readOnly ? /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", variant: "ghost", onClick: () => setRollingBack(r), "aria-label": `Roll back to release ${r.number}`, children: [
+          /* @__PURE__ */ jsx(RotateCcw, { "aria-hidden": true, className: "mr-1 h-4 w-4" }),
+          " Roll back"
+        ] }) : null
+      ] }, r.id)) })
+    ] }),
+    /* @__PURE__ */ jsx(AlertDialog, { open: rollingBack !== null, onOpenChange: (o) => o ? null : setRollingBack(null), children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsxs(AlertDialogTitle, { children: [
+          "Roll back to release ",
+          rollingBack?.number,
+          "?"
+        ] }),
+        /* @__PURE__ */ jsxs(AlertDialogDescription, { children: [
+          "The live site goes back to what release ",
+          rollingBack?.number,
+          " published, at once. Your drafts don't change; publish again to go forward."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx(AlertDialogCancel, { children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          AlertDialogAction,
+          {
+            onClick: () => {
+              if (rollingBack) void props.onRollback(rollingBack.id);
+              setRollingBack(null);
+            },
+            children: "Roll back"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+var usePuck3 = createUsePuck();
+var VIEWPORTS = {
+  desktop: { width: "100%", label: "Desktop" },
+  tablet: { width: 768, label: "Tablet" },
+  phone: { width: 390, label: "Phone" }
+};
+var LOCKED = { drag: false, duplicate: false, delete: false, edit: false, insert: false };
+var UNLOCKED = { drag: true, duplicate: true, delete: true, edit: true, insert: true };
+function saveAndDispose(saver) {
+  if (!saver) return;
+  if (!saver.dirty) return saver.dispose();
+  saver.resume();
+  saver.flush().catch((err) => console.warn("[genesis-sites/editor] closed with changes that couldn't be saved.", err)).finally(() => saver.dispose());
+}
+var SAVE_LABEL = {
+  saved: "All changes saved",
+  pending: "Unsaved changes",
+  saving: "Saving\u2026",
+  conflict: "Someone else saved: choose a version",
+  error: "Couldn't save; retrying",
+  invalid: "Not saved: fix the problem shown"
+};
+function worst(...states) {
+  const order = ["conflict", "error", "saving", "pending", "saved"];
+  for (const s of order) if (states.some((x) => x?.status === s)) return s;
+  return "saved";
+}
+function useCanvasFrame(css, href, theme, dark, lang) {
+  return React7.useCallback(
+    ({ children, document: document2 }) => {
+      React7.useEffect(() => {
+        if (!document2) return;
+        const nodes = [];
+        if (href) {
+          const link = document2.createElement("link");
+          link.rel = "stylesheet";
+          link.href = href;
+          link.dataset.gsSiteCss = "";
+          nodes.push(link);
+        } else if (css) {
+          const site = document2.createElement("style");
+          site.dataset.gsSiteCss = "";
+          site.textContent = styleText(css);
+          nodes.push(site);
+        }
+        const vars = document2.createElement("style");
+        vars.dataset.gsTheme = "";
+        vars.textContent = styleText(theme.replace(/:root/g, "html:root"));
+        nodes.push(vars);
+        for (const n of nodes) document2.head.appendChild(n);
+        const keepLast = new MutationObserver(() => {
+          const last = document2.head.lastElementChild;
+          if (last && !nodes.includes(last)) for (const n of nodes) document2.head.appendChild(n);
+        });
+        keepLast.observe(document2.head, { childList: true });
+        const html = document2.documentElement;
+        html.lang = lang;
+        html.dataset.gsSite = "";
+        html.classList.toggle("dark", dark);
+        document2.body.classList.add("bg-background", "font-sans", "text-foreground", "antialiased");
+        return () => {
+          keepLast.disconnect();
+          for (const n of nodes) n.remove();
+        };
+      }, [document2]);
+      return /* @__PURE__ */ jsx(Fragment, { children });
+    },
+    [css, href, theme, dark, lang]
+  );
+}
+function Toolbar({ siteName, pageTitle, titleId, saveStatus, mode, viewport, onViewport, onPreview }) {
+  const history = usePuck3((s) => s.history);
+  const dispatch = usePuck3((s) => s.dispatch);
+  const choose = (v) => {
+    onViewport(v);
+    dispatch({ type: "setUi", ui: (ui) => ({ viewports: { ...ui.viewports, current: { width: VIEWPORTS[v].width, height: "auto" } } }) });
+  };
+  return /* @__PURE__ */ jsxs("header", { className: "flex flex-wrap items-center justify-between gap-2 border-b border-border bg-background px-3 py-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col", children: [
+      /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: siteName }),
+      /* @__PURE__ */ jsx("span", { id: titleId, tabIndex: -1, className: "truncate text-sm font-semibold outline-none focus-visible:ring-2 focus-visible:ring-ring", children: pageTitle })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", role: "toolbar", "aria-label": "Editor", children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", size: "icon", variant: "ghost", "aria-label": "Undo", title: "Undo (Ctrl+Z)", disabled: mode !== "edit" || !history.hasPast, onClick: () => history.back(), children: /* @__PURE__ */ jsx(Undo2, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsx(Button, { type: "button", size: "icon", variant: "ghost", "aria-label": "Redo", title: "Redo (Ctrl+Shift+Z)", disabled: mode !== "edit" || !history.hasFuture, onClick: () => history.forward(), children: /* @__PURE__ */ jsx(Redo2, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsx("span", { className: "mx-1 h-6 w-px bg-border", "aria-hidden": true }),
+      ["desktop", "tablet", "phone"].map((v) => {
+        const Icon = v === "desktop" ? Monitor : v === "tablet" ? Tablet : Smartphone;
+        return /* @__PURE__ */ jsx(Button, { type: "button", size: "icon", variant: viewport === v ? "secondary" : "ghost", "aria-label": `${VIEWPORTS[v].label} width`, "aria-pressed": viewport === v, onClick: () => choose(v), children: /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }) }, v);
+      })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { role: "status", className: cn("text-xs", saveStatus === "conflict" || saveStatus === "error" || saveStatus === "invalid" ? "text-destructive" : "text-muted-foreground"), children: mode === "view" ? "View only" : mode === "publishing" ? "Publishing\u2026" : SAVE_LABEL[saveStatus] }),
+      /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: onPreview, children: "Preview" })
+    ] })
+  ] });
+}
+function useSelectFooter() {
+  const dispatch = usePuck3((s) => s.dispatch);
+  const getSelectorForId = usePuck3((s) => s.getSelectorForId);
+  const footer = usePuck3((s) => s.appState.data.root.props?.footer);
+  return () => {
+    const first = footer?.[0];
+    const selector = first ? getSelectorForId(first.props.id) : void 0;
+    if (selector) dispatch({ type: "setUi", ui: { itemSelector: selector, rightSideBarVisible: true } });
+  };
+}
+function SelectionWatcher({ onSelect }) {
+  const selected = usePuck3((s) => s.selectedItem?.props.id);
+  React7.useEffect(() => {
+    if (selected) onSelect();
+  }, [selected]);
+  return null;
+}
+function PagesTab(props) {
+  const selectFooter = useSelectFooter();
+  return /* @__PURE__ */ jsx(
+    PagesPanel,
+    {
+      ...props,
+      onEditFooter: () => {
+        selectFooter();
+        props.onFooter();
+      }
+    }
+  );
+}
+function SiteEditor({ siteId, store, brand, forms, assets, onPublish, reserved, previewUrl, autosaveDelay, initialPageId, siteStylesheet, readOnly = false, onDirtyChange, className }) {
+  const [loadError, setLoadError] = React7.useState(null);
+  const [site, setSite] = React7.useState(null);
+  const [pages, setPages] = React7.useState([]);
+  const [open, setOpen] = React7.useState(null);
+  const [editorKey, setEditorKey] = React7.useState(0);
+  const [siteState, setSiteState] = React7.useState(null);
+  const [pageState, setPageState] = React7.useState(null);
+  const [invalid, setInvalid] = React7.useState(null);
+  const [busy, setBusy] = React7.useState(false);
+  const [notice, setNotice] = React7.useState(null);
+  const [css, setCss] = React7.useState(null);
+  const [h1Id, setH1Id] = React7.useState(null);
+  const [formMap, setFormMap] = React7.useState(/* @__PURE__ */ new Map());
+  const [issues, setIssues] = React7.useState(null);
+  const [checking, setChecking] = React7.useState(false);
+  const [publishing, setPublishing] = React7.useState(false);
+  const [releases, setReleases] = React7.useState([]);
+  const [liveId, setLiveId] = React7.useState(null);
+  const [leftTab, setLeftTab] = React7.useState(readOnly ? "outline" : "add");
+  const [rightTab, setRightTab] = React7.useState("edit");
+  const [viewport, setViewport] = React7.useState("desktop");
+  const [picker, setPicker] = React7.useState(null);
+  const [preview, setPreview] = React7.useState(null);
+  const siteSaver = React7.useRef(null);
+  const pageSaver = React7.useRef(null);
+  const pageSaverFor = React7.useRef(null);
+  const counts = React7.useRef(/* @__PURE__ */ new Map());
+  const focusTitle = React7.useRef(false);
+  const titleId = React7.useId();
+  const [announcement, setAnnouncement] = React7.useState("");
+  const [menuDraft, setMenuDraft] = React7.useState(null);
+  const locked = readOnly || publishing;
+  const lockedRef = React7.useRef(locked);
+  lockedRef.current = locked;
+  const kind = open?.kind ?? "page";
+  const editor = React7.useMemo(() => createEditorConfig({ kind, counts: () => counts.current, readOnly: () => lockedRef.current }), [kind]);
+  const slotKeys = React7.useMemo(() => createEditorConfig().slotKeys, []);
+  const theme = React7.useMemo(() => {
+    try {
+      return siteTheme(brand, site?.theme ?? {});
+    } catch (err) {
+      console.error("[genesis-sites/editor] the brand can't make a theme; the canvas uses Genesis's default.", err);
+      return siteTheme({ ...genesisBrand, name: brandDisplayName(brand) }, site?.theme ?? {});
+    }
+  }, [brand, site?.theme]);
+  const iframe = useCanvasFrame(css, siteStylesheet, themeCss(theme), theme.colorScheme === "dark", site?.lang ?? "en");
+  const loadPage = React7.useCallback(
+    async (pageId, siteDoc) => {
+      const draft = await store.getPageDraft(pageId);
+      if (!draft) throw new Error("That page no longer exists, or you can't edit it.");
+      const previous = pageSaver.current;
+      if (previous) {
+        try {
+          await previous.flush();
+        } catch (err) {
+          throw new Error(`The page you're leaving has a change that isn't saved: ${err.message}`);
+        }
+        previous.dispose();
+      }
+      const saver = readOnly ? null : new Autosaver({ rev: draft.rev, save: (rev, doc) => store.savePageDraft(pageId, rev, doc), delay: autosaveDelay ?? 800, onState: setPageState }, draft.doc);
+      pageSaver.current = saver;
+      pageSaverFor.current = pageId;
+      setPageState(saver?.current ?? null);
+      const placeholders = placeholderSnapshot(draft.doc.content);
+      placeholderSnapshot(siteDoc.header, placeholders);
+      placeholderSnapshot(siteDoc.footer, placeholders);
+      const data = toEditorData(draft.doc, siteDoc, slotKeys);
+      counts.current = countTypes(data);
+      setH1Id(h1SectionId(data.content));
+      setInvalid(null);
+      setOpen({ id: pageId, path: draft.path, kind: draft.kind, data, placeholders });
+      setEditorKey((k) => k + 1);
+    },
+    [store, autosaveDelay, slotKeys, readOnly]
+  );
+  const refreshPublishing = React7.useCallback(async () => {
+    const [list, live] = await Promise.all([store.listReleases(siteId), store.getLive(siteId)]);
+    setReleases(list);
+    setLiveId(live?.id ?? null);
+  }, [store, siteId]);
+  React7.useEffect(() => {
+    let cancelled = false;
+    (async () => {
+      try {
+        const draft = await store.getDraft(siteId);
+        if (!draft) throw new Error(`There's no site "${siteId}", or you can't edit it.`);
+        const list = await store.listPages(siteId);
+        if (cancelled) return;
+        siteSaver.current?.dispose();
+        const saver = readOnly ? null : new Autosaver({ rev: draft.rev, save: (rev, doc) => store.saveSiteDraft(siteId, rev, doc), delay: autosaveDelay ?? 800, onState: setSiteState }, draft.site);
+        siteSaver.current = saver;
+        setSiteState(saver?.current ?? null);
+        setSite(draft.site);
+        setPages(list);
+        const first = list.find((p) => p.id === initialPageId) ?? list.find((p) => p.path === "/") ?? list[0];
+        if (first) await loadPage(first.id, draft.site);
+        await refreshPublishing();
+      } catch (err) {
+        if (!cancelled) setLoadError(err.message);
+      }
+    })();
+    if (!siteStylesheet) loadSiteCss().then(setCss, (err) => console.error("[genesis-sites/editor] the site stylesheet didn't load; the canvas is unstyled.", err));
+    return () => {
+      cancelled = true;
+      saveAndDispose(siteSaver.current);
+      saveAndDispose(pageSaver.current);
+      siteSaver.current = null;
+      pageSaver.current = null;
+    };
+  }, [siteId, store, readOnly]);
+  const menuInvalid = menuDraft !== null && !menuDraft.every((i) => menuItemProblems(i).length === 0);
+  React7.useEffect(() => {
+    const guard = (e) => {
+      if (siteSaver.current?.dirty || pageSaver.current?.dirty || invalid || menuInvalid) {
+        e.preventDefault();
+        e.returnValue = "";
+      }
+    };
+    window.addEventListener("beforeunload", guard);
+    return () => window.removeEventListener("beforeunload", guard);
+  }, [invalid, menuInvalid]);
+  const dirty = !readOnly && (worst(siteState, pageState) !== "saved" || Boolean(invalid) || menuInvalid);
+  const dirtyReported = React7.useRef(false);
+  const onDirtyChangeRef = React7.useRef(onDirtyChange);
+  onDirtyChangeRef.current = onDirtyChange;
+  React7.useEffect(() => {
+    if (dirty === dirtyReported.current) return;
+    dirtyReported.current = dirty;
+    onDirtyChangeRef.current?.(dirty);
+  }, [dirty]);
+  const formSlugs = React7.useMemo(() => {
+    const slugs = /* @__PURE__ */ new Set();
+    for (const item of open?.data.content ?? []) if (item.type.startsWith("form-embed") && typeof item.props.form === "string") slugs.add(item.props.form);
+    return [...slugs].sort().join(",");
+  }, [open]);
+  React7.useEffect(() => {
+    if (!forms || !formSlugs) return;
+    let cancelled = false;
+    Promise.all(formSlugs.split(",").map(async (slug) => [slug, await Promise.resolve(forms(slug, { siteId, pagePath: open?.path ?? "/", mode: "preview" })).catch(() => null)])).then((entries) => {
+      if (!cancelled) setFormMap(new Map(entries));
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [forms, formSlugs, siteId, open?.path]);
+  const onChange = React7.useCallback(
+    (data) => {
+      if (!open || !site || readOnly || pageSaverFor.current !== open.id) return;
+      const editorData = data;
+      counts.current = countTypes(editorData);
+      setH1Id(h1SectionId(editorData.content ?? []));
+      const result = fromEditorData(data, { slotKeys, placeholders: open.placeholders });
+      const page = PageDoc.safeParse(result.page);
+      const current = siteSaver.current?.latest ?? site;
+      const nextSite = SiteDoc.safeParse({ ...current, header: result.header, footer: result.footer });
+      const problems = [
+        ...page.success ? [] : page.error.issues.map((i) => i.path.join(".") === "root.props.title" ? "The page needs a title." : `${i.path.join(".")}: ${i.message}`),
+        ...nextSite.success ? [] : nextSite.error.issues.map((i) => `Site ${i.path.join(".")}: ${i.message}`)
+      ];
+      setInvalid(problems.length ? problems.join(" ") : null);
+      if (page.success) {
+        pageSaver.current?.update(page.data);
+        const title = page.data.root.props.title;
+        setPages((list) => list.some((p) => p.id === open.id && p.title !== title) ? list.map((p) => p.id === open.id ? { ...p, title } : p) : list);
+      }
+      if (nextSite.success && (stableHash(current.header) !== stableHash(nextSite.data.header) || stableHash(current.footer) !== stableHash(nextSite.data.footer))) {
+        siteSaver.current?.update(nextSite.data);
+        setSite(nextSite.data);
+      }
+    },
+    [open, site, slotKeys, readOnly]
+  );
+  const onNavChange = React7.useCallback(
+    (nav) => {
+      const current = siteSaver.current?.latest ?? site;
+      if (!current || readOnly) return;
+      const next = SiteDoc.safeParse({ ...current, nav });
+      if (!next.success) return setNotice({ tone: "error", text: `The menu can't be saved: ${next.error.issues[0]?.message ?? "invalid"}` });
+      siteSaver.current?.update(next.data);
+      setSite(next.data);
+    },
+    [site, readOnly]
+  );
+  const onMenuEdit = React7.useCallback(
+    (items) => {
+      setMenuDraft(items);
+      if (items.every((i) => menuItemProblems(i).length === 0)) onNavChange(items.map((i) => ({ label: i.label.trim(), href: i.href.trim() })));
+    },
+    [onNavChange]
+  );
+  const flushAll = React7.useCallback(async () => {
+    if (invalid) {
+      setNotice({ tone: "error", text: `Fix this first: ${invalid}` });
+      return false;
+    }
+    if (menuInvalid) {
+      setNotice({ tone: "error", text: "Fix the menu first: a link there can't be saved yet." });
+      return false;
+    }
+    try {
+      await Promise.all([pageSaver.current?.flush(), siteSaver.current?.flush()]);
+      return true;
+    } catch (err) {
+      setNotice({ tone: "error", text: err.message });
+      return false;
+    }
+  }, [invalid, menuInvalid]);
+  const resync = React7.useCallback(async (options2 = {}) => {
+    const [draft, list] = await Promise.all([store.getDraft(siteId), store.listPages(siteId)]);
+    setPages(list);
+    let redraw = false;
+    let siteDoc = siteSaver.current?.latest ?? site;
+    if (draft && siteSaver.current?.dirty && options2.published?.site.includes(stableHash(draft.site))) siteSaver.current.rebase(draft.rev);
+    if (draft && siteSaver.current && !siteSaver.current.dirty) {
+      const ours = siteSaver.current.latest;
+      redraw = stableHash([ours?.header, ours?.footer]) !== stableHash([draft.site.header, draft.site.footer]);
+      siteSaver.current.rebase(draft.rev, draft.site);
+      setSite(draft.site);
+      setMenuDraft(null);
+      siteDoc = draft.site;
+    }
+    let pageDoc = pageSaver.current?.latest ?? null;
+    if (open && pageSaver.current && pageSaverFor.current === open.id) {
+      const p = await store.getPageDraft(open.id);
+      if (p && pageSaver.current.dirty) {
+        if (options2.published?.page.includes(stableHash(p.doc))) pageSaver.current.rebase(p.rev);
+      } else if (p && !pageSaver.current.dirty) {
+        if (stableHash(p.doc) !== stableHash(pageSaver.current.latest)) redraw = true;
+        pageSaver.current.rebase(p.rev, p.doc);
+        pageDoc = p.doc;
+      }
+      if (p && p.path !== open.path) setOpen((o) => o ? { ...o, path: p.path } : o);
+    }
+    if (redraw && open && pageDoc && siteDoc) {
+      const data = toEditorData(pageDoc, siteDoc, slotKeys);
+      const placeholders = placeholderSnapshot([...pageDoc.content, ...siteDoc.header, ...siteDoc.footer]);
+      setOpen((o) => o ? { ...o, data, placeholders } : o);
+      setEditorKey((k) => k + 1);
+    }
+    return { draft, list };
+  }, [store, siteId, open, site, slotKeys]);
+  const runCheck = React7.useCallback(async () => {
+    if (!await flushAll()) return;
+    setChecking(true);
+    try {
+      const result = await checkSite(store, siteId, { brand, ...reserved ? { reserved } : {} });
+      setIssues(result.issues);
+    } catch (err) {
+      setIssues([{ severity: "error", code: "check-failed", message: `The checks couldn't run: ${err.message}` }]);
+    } finally {
+      setChecking(false);
+    }
+  }, [flushAll, store, siteId, brand, reserved]);
+  const settled = worst(siteState, pageState) === "saved" && !invalid;
+  React7.useEffect(() => {
+    if (rightTab !== "publish" || !settled) return;
+    const t = setTimeout(() => void runCheck(), 600);
+    return () => clearTimeout(t);
+  }, [rightTab, settled, siteState?.rev, pageState?.rev]);
+  const openPage = async (pageId) => {
+    if (pageId === open?.id) return;
+    if (!await flushAll()) return;
+    setBusy(true);
+    try {
+      focusTitle.current = true;
+      await loadPage(pageId, siteSaver.current?.latest ?? site);
+    } catch (err) {
+      setNotice({ tone: "error", text: err.message });
+    } finally {
+      setBusy(false);
+    }
+  };
+  const holding = async (fn) => {
+    setBusy(true);
+    try {
+      return await fn();
+    } finally {
+      setBusy(false);
+    }
+  };
+  const createPage = (request) => holding(() => createPageNow(request));
+  const createPageNow = async (request) => {
+    if (!await flushAll()) throw new Error("Save your changes first.");
+    const doc = request.template.doc({ title: request.title, brand });
+    const meta = await store.createPage(siteId, { path: request.path, kind: request.template.kind, doc });
+    const { draft } = await resync();
+    let menuNote = "";
+    if (request.addToMenu && draft) {
+      const nav = [...draft.site.nav, { label: request.title.slice(0, 40), href: request.path }];
+      if (nav.length <= 12) {
+        onNavChange(nav);
+        await siteSaver.current?.flush().catch(() => void 0);
+      } else menuNote = " The menu is full (12 links), so it isn't in the menu.";
+    }
+    focusTitle.current = true;
+    await loadPage(meta.id, siteSaver.current?.latest ?? draft?.site ?? site);
+    setNotice({ tone: "info", text: `Added ${request.title} at ${request.path}.${menuNote}` });
+  };
+  const rename = (pageId, path) => holding(() => renameNow(pageId, path));
+  const renameNow = async (pageId, path) => {
+    if (!await flushAll()) throw new Error("Save your changes first.");
+    const before = pages.find((p) => p.id === pageId)?.path;
+    const moved = await renamePage(store, pageId, path, reserved ? { reserved } : {});
+    const { draft } = await resync();
+    if (draft && before && draft.site.nav.some((n) => n.href === before)) onNavChange(draft.site.nav.map((n) => n.href === before ? { ...n, href: moved.path } : n));
+    setNotice({ tone: "info", text: `Moved to ${moved.path}. ${before} now redirects there.` });
+  };
+  const remove = async (pageId) => {
+    if (!await flushAll()) return;
+    setBusy(true);
+    try {
+      const gone = pages.find((p) => p.id === pageId);
+      await store.deletePage(pageId);
+      const { draft, list } = await resync();
+      if (draft && gone && draft.site.nav.some((n) => n.href === gone.path)) onNavChange(draft.site.nav.filter((n) => n.href !== gone.path));
+      focusTitle.current = true;
+      if (pageId === open?.id) {
+        const home = list.find((p) => p.path === "/") ?? list[0];
+        if (home && draft) await loadPage(home.id, siteSaver.current?.latest ?? draft.site);
+      } else focusPageTitle();
+      setNotice({ tone: "info", text: `Deleted ${gone?.title ?? "the page"}.` });
+    } catch (err) {
+      setNotice({ tone: "error", text: err.message });
+    } finally {
+      setBusy(false);
+    }
+  };
+  const reorder = async (pageId, by) => {
+    try {
+      setPages(await movePageInList(store, siteId, pageId, by));
+    } catch (err) {
+      setNotice({ tone: "error", text: err.message });
+    }
+  };
+  const publishedDrafts = async () => {
+    const pageId = open && pageSaverFor.current === open.id ? open.id : null;
+    const [draft, page] = await Promise.all([store.getDraft(siteId), pageId ? store.getPageDraft(pageId) : null]);
+    const siteRev = siteSaver.current?.current.rev;
+    const pageRev = pageSaver.current?.current.rev;
+    return {
+      site: draft && draft.rev === siteRev ? [stableHash(draft.site), stableHash(migrateSite(draft.site).site)] : [],
+      page: page && page.rev === pageRev ? [stableHash(page.doc), stableHash(migratePage(page.doc).doc)] : []
+    };
+  };
+  const publish = async (note) => {
+    if (readOnly) return false;
+    lockedRef.current = true;
+    setPublishing(true);
+    const savers = [siteSaver.current, pageSaver.current];
+    let held = false;
+    let published = { site: [], page: [] };
+    try {
+      if (!await flushAll()) return false;
+      for (const s of savers) s?.pause();
+      held = true;
+      published = await publishedDrafts();
+      const result = await publishSite(store, siteId, { brand, note, ...reserved ? { reserved } : {} });
+      if ("blocked" in result) {
+        setIssues(result.blocked);
+        setNotice({ tone: "error", text: "Not published: fix the problems the checks list." });
+        return false;
+      }
+      await refreshPublishing();
+      setNotice({ tone: "info", text: `Published release ${result.release.number}.` });
+      onPublish?.(result.release);
+      return true;
+    } catch (err) {
+      setNotice({ tone: "error", text: `Publishing failed: ${err.message}` });
+      return false;
+    } finally {
+      if (held) await resync({ published }).catch((err) => console.error("[genesis-sites/editor] couldn't reload the drafts after publishing.", err));
+      for (const s of savers) s?.resume();
+      setPublishing(false);
+    }
+  };
+  const rollback = async (releaseId) => {
+    if (readOnly) return;
+    try {
+      const release = await store.rollback(siteId, releaseId);
+      await refreshPublishing();
+      setNotice({ tone: "info", text: `The live site is release ${release.number} again.` });
+    } catch (err) {
+      setNotice({ tone: "error", text: `Rolling back failed: ${err.message}` });
+    }
+  };
+  const showPreview = async (mode) => {
+    if (!open) return;
+    if (mode === "preview" && !await flushAll()) return;
+    setPreview({ mode, path: open.path, html: null });
+    try {
+      const result = await renderPreview({ store, siteId, brand, path: open.path, mode, ...forms ? { forms } : {} });
+      setPreview({
+        mode,
+        path: open.path,
+        html: result.html,
+        ...result.html ? {} : { note: result.location ? `This address redirects to ${result.location}.` : mode === "live" ? "This page isn't on the live site." : "This page couldn't be drawn." }
+      });
+    } catch (err) {
+      setPreview({ mode, path: open.path, html: null, note: `The preview failed: ${err.message}` });
+    }
+  };
+  const conflict = pageState?.status === "conflict" ? "page" : siteState?.status === "conflict" ? "site" : null;
+  const resolveConflict = async (choice) => {
+    if (!open || !site) return;
+    if (choice === "overwrite") {
+      const saver = conflict === "page" ? pageSaver.current : siteSaver.current;
+      await saver?.overwrite().catch((err) => setNotice({ tone: "error", text: err.message }));
+      return;
+    }
+    if (conflict === "site") {
+      const theirs = siteSaver.current?.reload();
+      if (theirs) {
+        setSite(theirs);
+        setMenuDraft(null);
+        const page = pageSaver.current?.latest;
+        if (page) {
+          const placeholders = placeholderSnapshot(page.content);
+          placeholderSnapshot(theirs.header, placeholders);
+          placeholderSnapshot(theirs.footer, placeholders);
+          setOpen({ ...open, data: toEditorData(page, theirs, slotKeys), placeholders });
+        }
+        setEditorKey((k) => k + 1);
+      }
+    } else {
+      const theirs = pageSaver.current?.reload();
+      if (theirs) {
+        const siteDoc = siteSaver.current?.latest ?? site;
+        setPages((list) => list.map((p) => p.id === open.id ? { ...p, title: theirs.root.props.title } : p));
+        setOpen({ ...open, data: toEditorData(theirs, siteDoc, slotKeys), placeholders: placeholderSnapshot([...theirs.content, ...siteDoc.header, ...siteDoc.footer]) });
+        setEditorKey((k) => k + 1);
+      }
+    }
+  };
+  function focusPageTitle() {
+    requestAnimationFrame(() => document.getElementById(titleId)?.focus());
+  }
+  React7.useEffect(() => setViewport("desktop"), [editorKey]);
+  React7.useEffect(() => {
+    if (!focusTitle.current) return;
+    focusTitle.current = false;
+    focusPageTitle();
+  }, [editorKey]);
+  const announce = React7.useCallback((message) => {
+    setAnnouncement("");
+    requestAnimationFrame(() => setAnnouncement(message));
+  }, []);
+  const keepDeleteInPanel = (e) => {
+    if (e.key !== "Delete" && e.key !== "Backspace") return;
+    const target = e.target;
+    const textEntry = target.closest("textarea, [contenteditable=''], [contenteditable='true']") || target instanceof HTMLInputElement && !["button", "checkbox", "radio", "submit", "reset", "file", "range", "color"].includes(target.type);
+    if (!textEntry) e.preventDefault();
+  };
+  const services = React7.useMemo(
+    () => ({
+      siteId,
+      store,
+      ...assets ? { assets } : {},
+      pickImage: (opts) => new Promise((resolve) => setPicker({ ...opts?.current ? { current: opts.current } : {}, ...opts?.altElsewhere ? { altElsewhere: true } : {}, resolve }))
+    }),
+    [siteId, store, assets]
+  );
+  const metadata = React7.useMemo(
+    () => ({
+      site: { name: site?.name ?? "", lang: site?.lang ?? "en", nav: site?.nav ?? [], ...brand && "logo" in brand && brand.logo ? { logo: { src: brand.logo.src, alt: brand.logo.alt?.trim() || brandDisplayName(brand) } } : {} },
+      pagePath: open?.path ?? "/",
+      forms: Object.fromEntries(formMap),
+      h1Id,
+      placeholders: Object.fromEntries(open?.placeholders ?? [])
+    }),
+    [site?.name, site?.lang, site?.nav, brand, open?.path, open?.placeholders, formMap, h1Id]
+  );
+  const overrides = React7.useMemo(() => genesisOverrides(editor.components, { iframe }, { announce }), [editor.components, iframe, announce]);
+  const permissions = locked ? LOCKED : UNLOCKED;
+  if (loadError) {
+    return /* @__PURE__ */ jsxs(Alert, { variant: "destructive", className, children: [
+      /* @__PURE__ */ jsx(AlertTitle, { children: "The editor couldn't open this site" }),
+      /* @__PURE__ */ jsx(AlertDescription, { children: loadError })
+    ] });
+  }
+  if (!site || !open) {
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex h-full min-h-64 items-center justify-center gap-2 text-sm text-muted-foreground", className), role: "status", children: [
+      /* @__PURE__ */ jsx(Spinner, {}),
+      " Opening the editor\u2026"
+    ] });
+  }
+  const saveStatus = invalid || menuInvalid ? "invalid" : worst(siteState, pageState);
+  const pageMeta = pages.find((p) => p.id === open.id);
+  const pageTitle = pageMeta?.title ?? open.data.root.props.title;
+  const blockedReason = invalid ? `Fix this first: ${invalid}` : conflict ? "Choose a version in the conflict first." : null;
+  return /* @__PURE__ */ jsx(EditorServicesContext.Provider, { value: services, children: /* @__PURE__ */ jsx(EditorLockContext.Provider, { value: locked, children: /* @__PURE__ */ jsxs("div", { className: cn("flex h-full min-h-0 flex-col bg-background text-foreground", className), "data-gs-editor": "", children: [
+    /* @__PURE__ */ jsx(
+      Puck,
+      {
+        config: editor.config,
+        data: open.data,
+        onChange,
+        permissions,
+        overrides,
+        metadata,
+        iframe: { enabled: true, waitForStyles: true },
+        viewports: [
+          { width: 390, label: "Phone", icon: "Smartphone" },
+          { width: 768, label: "Tablet", icon: "Tablet" },
+          { width: "100%", label: "Desktop", icon: "Monitor" }
+        ],
+        headerTitle: site.name,
+        children: /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [
+          /* @__PURE__ */ jsx(SelectionWatcher, { onSelect: () => setRightTab("edit") }),
+          /* @__PURE__ */ jsx("p", { role: "status", className: "sr-only", children: announcement }),
+          /* @__PURE__ */ jsx(Toolbar, { siteName: site.name, pageTitle: `${pageTitle} (${open.path})`, titleId, saveStatus, mode: readOnly ? "view" : publishing ? "publishing" : "edit", viewport, onViewport: setViewport, onPreview: () => void showPreview("preview") }),
+          readOnly ? /* @__PURE__ */ jsx("p", { role: "note", className: "border-b border-border bg-muted px-3 py-2 text-sm", "data-gs-view-only": "", children: "View only: you can look through this site's pages, but not change or publish them." }) : null,
+          notice || invalid ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 border-b border-border px-3 py-2", children: [
+            invalid ? /* @__PURE__ */ jsxs("p", { role: "alert", className: "text-sm text-destructive", children: [
+              "Not saved yet: ",
+              invalid
+            ] }) : null,
+            notice ? /* @__PURE__ */ jsxs("div", { role: notice.tone === "error" ? "alert" : "status", className: cn("flex items-center justify-between gap-2 text-sm", notice.tone === "error" ? "text-destructive" : "text-foreground"), children: [
+              /* @__PURE__ */ jsx("span", { children: notice.text }),
+              /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "ghost", onClick: () => setNotice(null), "aria-label": "Dismiss", children: "Dismiss" })
+            ] }) : null
+          ] }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "grid min-h-0 flex-1 grid-cols-1 lg:grid-cols-[17rem_minmax(0,1fr)_20rem]", inert: busy || void 0, "aria-busy": busy || void 0, children: [
+            /* @__PURE__ */ jsx("aside", { className: "flex min-h-0 flex-col border-b border-border lg:border-b-0 lg:border-r", "aria-label": "Sections and pages", onKeyDown: keepDeleteInPanel, children: /* @__PURE__ */ jsxs(Tabs, { defaultValue: "add", value: leftTab, onValueChange: setLeftTab, className: "flex min-h-0 flex-1 flex-col", children: [
+              /* @__PURE__ */ jsxs(TabsList, { className: cn("m-2 grid", readOnly ? "grid-cols-2" : "grid-cols-3"), children: [
+                readOnly ? null : /* @__PURE__ */ jsx(TabsTrigger, { value: "add", children: "Add" }),
+                /* @__PURE__ */ jsx(TabsTrigger, { value: "outline", children: "Outline" }),
+                /* @__PURE__ */ jsx(TabsTrigger, { value: "pages", children: "Pages" })
+              ] }),
+              readOnly ? null : /* @__PURE__ */ jsxs(TabsContent, { value: "add", className: "mt-0 min-h-0 flex-1 overflow-y-auto px-2 pb-4", "data-gs-drawer": "", children: [
+                /* @__PURE__ */ jsx("p", { className: "px-1 pb-2 text-xs text-muted-foreground", children: publishing ? "Publishing: sections can be added again in a moment." : "Drag a section onto the page, or press Add to put it at the end." }),
+                /* @__PURE__ */ jsx(Puck.Components, {})
+              ] }),
+              /* @__PURE__ */ jsx(TabsContent, { value: "outline", className: "mt-0 min-h-0 flex-1 overflow-y-auto px-2 pb-4", children: /* @__PURE__ */ jsx(Puck.Outline, {}) }),
+              /* @__PURE__ */ jsx(TabsContent, { value: "pages", className: "mt-0 min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx(
+                PagesTab,
+                {
+                  pages,
+                  currentId: open.id,
+                  nav: menuDraft ?? site.nav,
+                  reserved,
+                  canReorder: Boolean(store.reorderPages),
+                  busy: busy || publishing,
+                  readOnly,
+                  onOpen: (id) => void openPage(id),
+                  onCreate: createPage,
+                  onRename: rename,
+                  onDelete: remove,
+                  onReorder: reorder,
+                  onNavChange: onMenuEdit,
+                  onFooter: () => setRightTab("edit")
+                }
+              ) })
+            ] }) }),
+            /* @__PURE__ */ jsx("section", { className: "relative min-h-[28rem] min-w-0 bg-muted", "aria-label": "Page canvas", "data-gs-canvas": "", children: /* @__PURE__ */ jsx(Puck.Preview, {}) }),
+            /* @__PURE__ */ jsx("aside", { className: "flex min-h-0 flex-col border-t border-border lg:border-l lg:border-t-0", "aria-label": "Section settings and publishing", onKeyDown: keepDeleteInPanel, children: /* @__PURE__ */ jsxs(Tabs, { defaultValue: "edit", value: rightTab, onValueChange: setRightTab, className: "flex min-h-0 flex-1 flex-col", children: [
+              /* @__PURE__ */ jsxs(TabsList, { className: "m-2 grid grid-cols-2", children: [
+                /* @__PURE__ */ jsx(TabsTrigger, { value: "edit", children: "Edit" }),
+                /* @__PURE__ */ jsx(TabsTrigger, { value: "publish", children: readOnly ? "Releases" : "Publish" })
+              ] }),
+              /* @__PURE__ */ jsx(TabsContent, { value: "edit", className: "mt-0 min-h-0 flex-1 overflow-y-auto px-2 pb-4", "data-gs-fields": "", children: /* @__PURE__ */ jsx(Puck.Fields, {}) }),
+              /* @__PURE__ */ jsx(TabsContent, { value: "publish", className: "mt-0 min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx(
+                PublishPanel,
+                {
+                  pagePath: open.path,
+                  pageTitle,
+                  siteName: site.name,
+                  issues,
+                  checking,
+                  publishing,
+                  blockedReason,
+                  releases,
+                  liveReleaseId: liveId,
+                  previewUrl,
+                  currentPageId: open.id,
+                  readOnly,
+                  onCheck: () => void runCheck(),
+                  onPublish: publish,
+                  onRollback: rollback,
+                  onPreview: (mode) => void showPreview(mode),
+                  onOpenPage: (id) => void openPage(id),
+                  onShowSection: (id) => {
+                    setRightTab("edit");
+                    scrollCanvasTo(id);
+                  }
+                }
+              ) })
+            ] }) })
+          ] })
+        ] })
+      },
+      editorKey
+    ),
+    /* @__PURE__ */ jsx(
+      AssetPicker,
+      {
+        open: picker !== null,
+        siteId,
+        store,
+        assets,
+        current: picker?.current,
+        altElsewhere: picker?.altElsewhere,
+        onDone: (image) => {
+          picker?.resolve(image);
+          setPicker(null);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(AlertDialog, { open: conflict !== null, children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx(AlertDialogTitle, { children: conflict === "page" ? "Someone else saved this page" : "Someone else saved the site's header, footer or menu" }),
+        /* @__PURE__ */ jsx(AlertDialogDescription, { children: "Their changes reached the server while you were editing. Load their version (your unsaved changes here are dropped), or keep yours (theirs are replaced)." })
+      ] }),
+      /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx(AlertDialogCancel, { onClick: () => void resolveConflict("reload"), children: "Load their version" }),
+        /* @__PURE__ */ jsx(AlertDialogAction, { onClick: () => void resolveConflict("overwrite"), children: "Keep mine" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Dialog, { open: preview !== null, onOpenChange: (o) => o ? null : setPreview(null), children: /* @__PURE__ */ jsxs(DialogContent, { className: "flex h-[90vh] w-[95vw] max-w-6xl flex-col sm:max-w-6xl", children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: preview?.mode === "live" ? `Live: ${preview.path}` : `Preview: ${preview?.path}` }),
+        /* @__PURE__ */ jsx(DialogDescription, { children: preview?.mode === "live" ? "What visitors get now, from the published release." : "Your drafts, drawn by the same renderer the live site uses." })
+      ] }),
+      preview?.html ? /* @__PURE__ */ jsx("iframe", { title: `${preview.mode === "live" ? "Live page" : "Preview"} of ${preview.path}`, srcDoc: preview.html, sandbox: "", className: "min-h-0 w-full flex-1 rounded-md border border-border bg-background" }) : preview?.note ? /* @__PURE__ */ jsx("p", { className: "text-sm", children: preview.note }) : /* @__PURE__ */ jsxs("div", { role: "status", className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Spinner, {}),
+        " Drawing the page\u2026"
+      ] })
+    ] }) })
+  ] }) }) });
+}
+
+export { AssetPicker, AutosaveBlockedError, Autosaver, IMAGE_TYPES, NODE_KEYS, SiteEditor, checkSite, countTypes, createEditorConfig, fromEditorData, genesisOverrides, h1SectionId, humanize, itemToNode, movePageInList, nodeToItem, pageTemplates, pathProblems, placeholderSnapshot, presetComponentName, pruneEmpty, publishSite, renamePage, renderPreview, safeSectionId, sectionFields, sectionTypeOf, slugify, toEditorData, uploadProblem };
+//# sourceMappingURL=editor.js.map
+//# sourceMappingURL=editor.js.map