@pagehub/sdk 0.1.0

package/dist/chunks/PageSettingsModal-DzskODMD.js

@@ -0,0 +1,2673 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { useEditor as ee } from "@craftjs/core";
+import Re, { useState as P, useMemo as E, useRef as O, useEffect as R, useCallback as H } from "react";
+import { P as Ee, d as Oe, dS as Ue, dX as Ie, ds as de, ct as j, D as De, ej as qe, bz as He, by as _e, ek as Me, el as Ve, bf as fe, bC as $, bx as ze, em as je, en as $e, eo as Be, a_ as Ge, c as ye, f as ke, h as ve, c4 as te, ep as Je, o as We, cs as xe, O as Ne, eq as we, er as Ke, es as Qe, ch as Ye, et as Xe, eu as Ze, ev as et, dl as tt, B as X, e as at, ew as nt, ex as rt, cO as lt, ey as st } from "./index-lNS44FHV.js";
+import { b as it, d as ot } from "./ConditionsInput-D73bEU2r.js";
+import { C as dt } from "./CodeEditor-DBNpuBny.js";
+import { createPortal as ct } from "react-dom";
+import { ROOT_NODE as ce } from "@craftjs/utils";
+function ut(t, a = []) {
+  const n = /* @__PURE__ */ new Set(), l = [], o = (i, p) => {
+    var u;
+    for (const h of i) {
+      const r = (u = h == null ? void 0 : h.key) == null ? void 0 : u.trim();
+      r && (n.has(r) || (n.add(r), l.push({ tab: h, source: p, index: l.length })));
+    }
+  };
+  return o(t, "built-in"), o(a, "injected"), l.sort((i, p) => {
+    const u = Number.isFinite(i.tab.order) ? i.tab.order : 1e3, h = Number.isFinite(p.tab.order) ? p.tab.order : 1e3;
+    return u !== h ? u - h : i.index - p.index;
+  }).map((i) => i.tab);
+}
+function pt(t, a) {
+  return t.filter((n) => n.isVisible ? n.isVisible(a) : !0);
+}
+const mt = "input w-full placeholder:text-neutral-content", ht = "select w-full", Ce = "textarea w-full min-h-[4.5rem] resize-y placeholder:text-neutral-content";
+function gt(t) {
+  return t.map((a) => ({
+    key: a.key,
+    label: a.label,
+    order: Number.isFinite(a.order) ? a.order : 350,
+    render: (n) => a.render({
+      inputClass: n.inputClass,
+      selectClass: n.selectClass,
+      query: n.query,
+      actions: n.actions,
+      pageId: n.pageId,
+      allowCustom404Page: n.allowCustom404Page,
+      draft: n.draft,
+      setDraft: n.setDraft,
+      updateField: (l, o) => n.updateField(l, o),
+      requestSave: n.requestSave,
+      flushSave: n.flushSave
+    }),
+    onSave: (n) => {
+      var l;
+      return (l = a.onSave) == null ? void 0 : l.call(a, {
+        pageId: n.pageId,
+        setProp: n.setProp,
+        draft: n.draft,
+        query: n.query,
+        actions: n.actions
+      });
+    }
+  }));
+}
+const q = "mx-auto flex w-full max-w-3xl flex-col gap-6", bt = "flex w-full flex-1 flex-col gap-4 min-h-0";
+function I({ title: t, description: a }) {
+  return /* @__PURE__ */ c("header", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ e("h2", { className: "text-base-content text-lg font-semibold tracking-tight", children: t }),
+    /* @__PURE__ */ e("p", { className: "text-neutral-content text-sm leading-relaxed", children: a })
+  ] });
+}
+function L({
+  title: t,
+  children: a,
+  className: n = "",
+  variant: l = "section"
+}) {
+  return l === "card" ? /* @__PURE__ */ c(
+    "section",
+    {
+      className: `border-base-300 bg-base-200/25 rounded-xl border p-5 shadow-sm ${n}`.trim(),
+      children: [
+        t ? /* @__PURE__ */ e("h3", { className: "text-base-content mb-4 text-base font-semibold tracking-tight", children: t }) : null,
+        /* @__PURE__ */ e("div", { className: "space-y-4", children: a })
+      ]
+    }
+  ) : /* @__PURE__ */ c(
+    "section",
+    {
+      className: `border-base-300 border-t pt-6 first-of-type:border-t-0 first-of-type:pt-0 ${n}`.trim(),
+      children: [
+        t ? /* @__PURE__ */ e("h3", { className: "text-base-content mb-4 text-base font-semibold tracking-tight", children: t }) : null,
+        /* @__PURE__ */ e("div", { className: "space-y-4", children: a })
+      ]
+    }
+  );
+}
+function N({
+  label: t,
+  htmlFor: a,
+  hint: n,
+  variable: l,
+  children: o
+}) {
+  return /* @__PURE__ */ c("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ c("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ e(
+        "label",
+        {
+          htmlFor: a,
+          className: "text-base-content block text-sm font-semibold tracking-tight",
+          children: t
+        }
+      ),
+      l ? /* @__PURE__ */ e(ft, { variable: l }) : null
+    ] }),
+    o,
+    n ? /* @__PURE__ */ e("p", { className: "text-neutral-content text-xs leading-relaxed", children: n }) : null
+  ] });
+}
+function ft({ variable: t }) {
+  const [a, n] = P(!1), l = `{{${t}}}`;
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      type: "button",
+      onClick: async () => {
+        try {
+          await navigator.clipboard.writeText(l), n(!0), setTimeout(() => n(!1), 1500);
+        } catch {
+        }
+      },
+      "data-tooltip-id": Ee,
+      "data-tooltip-content": a ? "Copied" : "Click to copy",
+      className: "border-base-300 bg-base-200 text-neutral-content hover:border-primary hover:text-base-content flex max-w-[60%] min-w-0 items-center gap-1 rounded-md border px-2 py-0.5 font-mono text-xs transition-colors",
+      children: [
+        a ? /* @__PURE__ */ e(Oe, { className: "text-success size-3 shrink-0" }) : /* @__PURE__ */ e(Ue, { className: "size-3 shrink-0" }),
+        /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: l })
+      ]
+    }
+  );
+}
+function Se({
+  icon: t,
+  title: a,
+  children: n
+}) {
+  return /* @__PURE__ */ e("aside", { className: "border-base-300 bg-base-200/35 rounded-xl border p-4", children: /* @__PURE__ */ c("div", { className: "flex gap-3", children: [
+    t ? /* @__PURE__ */ e("span", { className: "text-primary mt-0.5 shrink-0 [&>svg]:size-5", "aria-hidden": !0, children: t }) : null,
+    /* @__PURE__ */ c("div", { className: "min-w-0 space-y-1 text-sm leading-relaxed", children: [
+      a ? /* @__PURE__ */ e("p", { className: "text-base-content font-semibold", children: a }) : null,
+      /* @__PURE__ */ e("div", { className: "text-neutral-content", children: n })
+    ] })
+  ] }) });
+}
+function yt() {
+  return [];
+}
+function kt({
+  inputClass: t,
+  selectClass: a,
+  conditionGroups: n,
+  setConditionGroups: l,
+  pageConditionFailAction: o,
+  setPageConditionFailAction: i,
+  pageConditionRedirectUrl: p,
+  setPageConditionRedirectUrl: u,
+  pageConditionFallbackPageId: h,
+  setPageConditionFallbackPageId: r,
+  pages: s
+}) {
+  const g = Ie("all"), d = Array.isArray(g) ? g : [], m = yt(), f = a, b = n != null && n.length ? n : [], S = (k, x) => {
+    const v = [...b];
+    v[k] = x, l(v);
+  }, w = (k) => {
+    l(b.filter((x, v) => v !== k));
+  }, F = () => {
+    l([...b, { conditions: [ot("auth")], logic: "all" }]);
+  };
+  return /* @__PURE__ */ c("div", { className: q, children: [
+    /* @__PURE__ */ e(
+      I,
+      {
+        title: "Access",
+        description: "Gate this page behind auth, form state, or connector rules. With no conditions, the page stays public."
+      }
+    ),
+    /* @__PURE__ */ c(L, { title: "Conditions", children: [
+      b.length === 0 ? /* @__PURE__ */ e("p", { className: "text-neutral-content text-sm", children: "No conditions — everyone can view this page." }) : null,
+      b.map((k, x) => /* @__PURE__ */ c("div", { children: [
+        x > 0 ? /* @__PURE__ */ c("div", { className: "my-3 flex items-center gap-2", children: [
+          /* @__PURE__ */ e("div", { className: "bg-base-300 h-px flex-1" }),
+          /* @__PURE__ */ e("span", { className: "text-neutral-content text-[10px] font-bold tracking-wider uppercase", children: "Or" }),
+          /* @__PURE__ */ e("div", { className: "bg-base-300 h-px flex-1" })
+        ] }) : null,
+        /* @__PURE__ */ e(
+          it,
+          {
+            group: k,
+            groupIndex: x,
+            onChange: (v) => S(x, v),
+            onRemove: () => w(x),
+            formElements: d,
+            connectorOptions: m
+          }
+        )
+      ] }, x)),
+      /* @__PURE__ */ e("div", { className: "pt-1", children: b.length === 0 ? /* @__PURE__ */ e(de, { onClick: F, children: "Add condition" }) : /* @__PURE__ */ e(de, { onClick: F, icon: /* @__PURE__ */ e(j, { size: 12 }), children: "Add condition group (OR)" }) })
+    ] }),
+    b.length > 0 ? /* @__PURE__ */ c(L, { title: "When access is denied", children: [
+      /* @__PURE__ */ e(N, { label: "Action", htmlFor: "page-condition-fail", children: /* @__PURE__ */ c(
+        "select",
+        {
+          id: "page-condition-fail",
+          value: o,
+          onChange: (k) => i(k.target.value),
+          className: f,
+          children: [
+            /* @__PURE__ */ e("option", { value: "", children: "Hide page content" }),
+            /* @__PURE__ */ e("option", { value: "redirect", children: "Redirect to URL" }),
+            /* @__PURE__ */ e("option", { value: "show-page", children: "Show another page" })
+          ]
+        }
+      ) }),
+      o === "redirect" ? /* @__PURE__ */ e(N, { label: "Redirect URL", htmlFor: "page-condition-redirect", children: /* @__PURE__ */ e(
+        "input",
+        {
+          id: "page-condition-redirect",
+          type: "text",
+          value: p,
+          onChange: (k) => u(k.target.value),
+          placeholder: "/login or https://…",
+          className: t
+        }
+      ) }) : null,
+      o === "show-page" ? /* @__PURE__ */ e(N, { label: "Fallback page", htmlFor: "page-condition-fallback", children: /* @__PURE__ */ c(
+        "select",
+        {
+          id: "page-condition-fallback",
+          value: h,
+          onChange: (k) => r(k.target.value),
+          className: f,
+          children: [
+            /* @__PURE__ */ e("option", { value: "", children: "Select a page…" }),
+            s.map((k) => /* @__PURE__ */ e("option", { value: k.id, children: k.name }, k.id))
+          ]
+        }
+      ) }) : null
+    ] }) : null
+  ] });
+}
+async function vt(t) {
+  const n = new TextEncoder().encode(t), l = await crypto.subtle.digest("SHA-256", n);
+  return Array.from(new Uint8Array(l)).map((i) => i.toString(16).padStart(2, "0")).join("");
+}
+const ue = "font-mono text-xs";
+function xt({
+  inputClass: t,
+  canonicalUrl: a,
+  setCanonicalUrl: n,
+  bodyClass: l,
+  setBodyClass: o,
+  pagePassword: i,
+  setPagePassword: p,
+  hideHeader: u,
+  setHideHeader: h,
+  hideFooter: r,
+  setHideFooter: s,
+  hideChrome: g,
+  setHideChrome: d
+}) {
+  const [m, f] = P(""), b = async () => {
+    if (!m.trim()) {
+      p("");
+      return;
+    }
+    const w = await vt(m.trim());
+    p(w), f("");
+  }, S = () => {
+    p(""), f("");
+  };
+  return /* @__PURE__ */ c("div", { className: q, children: [
+    /* @__PURE__ */ e(
+      I,
+      {
+        title: "Advanced",
+        description: "Canonical URL, body class, and password protection. Custom head code, JSON-LD schema, and theme overrides each have their own tab."
+      }
+    ),
+    /* @__PURE__ */ c(L, { title: "URLs and body", children: [
+      /* @__PURE__ */ e(
+        N,
+        {
+          label: "Canonical URL",
+          htmlFor: "canonical-url",
+          hint: "Leave empty to use the auto-generated canonical for this page.",
+          children: /* @__PURE__ */ e(
+            "input",
+            {
+              id: "canonical-url",
+              type: "text",
+              value: a,
+              onChange: (w) => n(w.target.value),
+              className: t,
+              placeholder: "https://…"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(
+        N,
+        {
+          label: "Body class",
+          htmlFor: "body-class",
+          hint: "Extra classes on the body element for this page only.",
+          children: /* @__PURE__ */ e(
+            "input",
+            {
+              id: "body-class",
+              type: "text",
+              value: l,
+              onChange: (w) => o(w.target.value),
+              className: `${t} ${ue}`,
+              placeholder: "e.g. dark overflow-hidden"
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ c(L, { title: "Site chrome", children: [
+      /* @__PURE__ */ c("p", { className: "text-neutral-content text-sm", children: [
+        "Hide the global header, footer, or all chrome on this page only. Use for ad landing pages or conversion-focused funnels. ",
+        /* @__PURE__ */ e("strong", { children: "Hide all chrome" }),
+        " also suppresses sticky CTAs, floating buttons, and mobile drawers — the right switch for Google Ads pages."
+      ] }),
+      /* @__PURE__ */ c("div", { className: "border-base-300 bg-base-200/20 flex items-center justify-between gap-3 rounded-xl border p-4", children: [
+        /* @__PURE__ */ c("div", { children: [
+          /* @__PURE__ */ e("p", { className: "text-base-content text-sm font-semibold", children: "Hide all chrome" }),
+          /* @__PURE__ */ e("p", { className: "text-neutral-content mt-1 text-xs", children: "Strip header, footer, and every other ROOT-level sibling. Supersedes hide header / hide footer." })
+        ] }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: () => d(!g),
+            className: `focus:ring-ring relative inline-flex h-6 w-11 shrink-0 items-center rounded-full transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-none ${g ? "bg-primary" : "bg-base-300"}`,
+            "aria-pressed": g,
+            children: /* @__PURE__ */ e(
+              "span",
+              {
+                className: `bg-base-100 inline-block size-4 rounded-full transition-transform ${g ? "translate-x-6" : "translate-x-1"}`
+              }
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ c("div", { className: "grid gap-4 md:grid-cols-2", children: [
+        /* @__PURE__ */ c("div", { className: "border-base-300 bg-base-200/20 flex items-center justify-between gap-3 rounded-xl border p-4", children: [
+          /* @__PURE__ */ c("div", { children: [
+            /* @__PURE__ */ e("p", { className: "text-base-content text-sm font-semibold", children: "Hide header" }),
+            /* @__PURE__ */ e("p", { className: "text-neutral-content mt-1 text-xs", children: "Suppress the site header on this page." })
+          ] }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: () => h(!u),
+              className: `focus:ring-ring relative inline-flex h-6 w-11 shrink-0 items-center rounded-full transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-none ${u ? "bg-primary" : "bg-base-300"}`,
+              "aria-pressed": u,
+              children: /* @__PURE__ */ e(
+                "span",
+                {
+                  className: `bg-base-100 inline-block size-4 rounded-full transition-transform ${u ? "translate-x-6" : "translate-x-1"}`
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ c("div", { className: "border-base-300 bg-base-200/20 flex items-center justify-between gap-3 rounded-xl border p-4", children: [
+          /* @__PURE__ */ c("div", { children: [
+            /* @__PURE__ */ e("p", { className: "text-base-content text-sm font-semibold", children: "Hide footer" }),
+            /* @__PURE__ */ e("p", { className: "text-neutral-content mt-1 text-xs", children: "Suppress the site footer on this page." })
+          ] }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: () => s(!r),
+              className: `focus:ring-ring relative inline-flex h-6 w-11 shrink-0 items-center rounded-full transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-none ${r ? "bg-primary" : "bg-base-300"}`,
+              "aria-pressed": r,
+              children: /* @__PURE__ */ e(
+                "span",
+                {
+                  className: `bg-base-100 inline-block size-4 rounded-full transition-transform ${r ? "translate-x-6" : "translate-x-1"}`
+                }
+              )
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ c(L, { title: "Password protection", children: [
+      i ? /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: `${t} text-neutral-content flex-1 truncate ${ue} py-2 text-xs`,
+            children: "Protected (SHA-256)"
+          }
+        ),
+        /* @__PURE__ */ e("button", { type: "button", onClick: S, className: "btn btn-ghost btn-sm", children: "Remove" })
+      ] }) : /* @__PURE__ */ c("div", { className: "flex flex-wrap items-end gap-2", children: [
+        /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ e(N, { label: "Set password", htmlFor: "page-password-inline", children: /* @__PURE__ */ e(
+          "input",
+          {
+            id: "page-password-inline",
+            type: "password",
+            value: m,
+            onChange: (w) => f(w.target.value),
+            onKeyDown: (w) => w.key === "Enter" && void b(),
+            className: t,
+            placeholder: "Page password"
+          }
+        ) }) }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: () => void b(),
+            className: "btn btn-primary btn-sm shrink-0",
+            disabled: !m.trim(),
+            children: "Set"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("p", { className: "text-neutral-content text-xs", children: "Only a SHA-256 hash is stored — not the raw password." })
+    ] })
+  ] });
+}
+function Nt({ className: t }) {
+  return /* @__PURE__ */ c("div", { role: "status", children: [
+    /* @__PURE__ */ c(
+      "svg",
+      {
+        "aria-hidden": "true",
+        className: `fill-neutral-content text-neutral-content size-6 animate-spin ${t || ""}`,
+        viewBox: "0 0 100 101",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          /* @__PURE__ */ e(
+            "path",
+            {
+              d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "path",
+            {
+              d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
+              fill: "currentFill"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: "sr-only", children: "Loading..." })
+  ] });
+}
+const wt = (t, a) => {
+  var o, i;
+  const n = [], l = [];
+  for (let p = 0; p < ((i = (o = t.target) == null ? void 0 : o.files) == null ? void 0 : i.length); p++) {
+    const u = t.target.files[p];
+    l.push(u);
+  }
+  return a(n), l;
+}, Ct = async (t, a, n) => {
+  const l = [];
+  for (const o of t)
+    try {
+      const { mediaId: i } = await je(o);
+      l.push(i);
+    } catch (i) {
+      const p = i instanceof $e ? i.message : `Failed to upload ${o.name}`;
+      n([{ error: p, file: o }]);
+    }
+  return l;
+}, ae = ({
+  value: t,
+  onChange: a,
+  label: n = "Upload Image",
+  help: l
+}) => {
+  const { query: o } = ee(), [i, p] = P([]), [u, h] = P(!1), [r, s] = P(!1), [g, d] = P(!0), [m, f] = P(!1), b = De(qe);
+  let S;
+  const w = async (T) => {
+    S && clearTimeout(S), s(!1), p([]), h(!0), d(!1);
+    const C = wt(T, p);
+    if (C.length) {
+      const U = await Ct(C, b, p);
+      U.length > 0 && a(U[0]);
+    }
+    h(!1), d(!0), s(!0), S = setTimeout(() => {
+      s(!1);
+    }, 3e3);
+  }, F = (T) => {
+    T && (a(T), f(!1), s(!0), setTimeout(() => s(!1), 2e3));
+  }, k = () => {
+    a("");
+  };
+  let x = n;
+  u && (x = "Uploading"), r && (x = "Saved"), i.length && (x = "Error");
+  const { pageMedia: v } = E(() => He(o), [o]), A = !!t, y = A ? _e(v, t) : null;
+  return /* @__PURE__ */ c("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ c("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ c(
+        "label",
+        {
+          htmlFor: `file-upload-${n}`,
+          className: `btn btn-outline flex-1 ${i.length ? "btn-error" : r ? "btn-secondary" : u ? "btn-primary" : "border-base-300 hover:border-primary"} ${g ? "" : "btn-disabled"}`,
+          children: [
+            u ? /* @__PURE__ */ e(Nt, {}) : i.length ? /* @__PURE__ */ e(Me, { className: "size-4" }) : /* @__PURE__ */ e(Ve, { className: "size-4" }),
+            /* @__PURE__ */ e("span", { children: x }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                id: `file-upload-${n}`,
+                type: "file",
+                onChange: w,
+                disabled: !g,
+                accept: "image/png,image/jpeg,image/jpg,image/gif,image/webp,image/avif,image/svg+xml",
+                className: "hidden"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ c(
+        "button",
+        {
+          type: "button",
+          onClick: () => f(!0),
+          className: "btn btn-outline border-base-300 hover:border-primary",
+          children: [
+            /* @__PURE__ */ e(fe, { className: "size-4" }),
+            /* @__PURE__ */ e("span", { children: "Browse" })
+          ]
+        }
+      ),
+      A && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: k,
+          className: "btn btn-outline btn-error btn-square",
+          "aria-label": "Remove image",
+          children: /* @__PURE__ */ e($, { className: "size-4" })
+        }
+      )
+    ] }),
+    l && /* @__PURE__ */ e("p", { className: "text-neutral-content text-xs", children: l }),
+    i.length > 0 && /* @__PURE__ */ e("div", { className: "text-error text-sm", children: i.map((T, C) => /* @__PURE__ */ e("div", { children: T.error }, C)) }),
+    A && y && /* @__PURE__ */ e("div", { className: "bg-neutral text-neutral-content relative h-48 w-full overflow-hidden rounded-lg", children: /* @__PURE__ */ e("img", { src: y, alt: "Preview", className: "size-full object-cover" }) }),
+    /* @__PURE__ */ e(
+      ze,
+      {
+        isOpen: m,
+        onClose: () => f(!1),
+        onSelect: F,
+        selectionMode: !0
+      }
+    )
+  ] });
+}, St = "disabled:cursor-not-allowed disabled:border-base-300/50 disabled:bg-base-300/30 disabled:text-neutral-content/70";
+function Tt({
+  inputClass: t,
+  pageName: a,
+  onPageNameChange: n,
+  pageSlug: l,
+  onSlugChange: o,
+  isHomePage: i,
+  setIsHomePage: p,
+  is404Page: u,
+  setIs404Page: h,
+  allowCustom404Page: r,
+  pageImage: s,
+  setPageImage: g,
+  showDeleteConfirm: d,
+  setShowDeleteConfirm: m,
+  onDeletePage: f
+}) {
+  return /* @__PURE__ */ c("div", { className: q, children: [
+    /* @__PURE__ */ e(
+      I,
+      {
+        title: "Page basics",
+        description: "Name, URL, featured image, and whether this canvas is your home or custom 404 page."
+      }
+    ),
+    /* @__PURE__ */ e(L, { title: "Name and URL", children: /* @__PURE__ */ c("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+      /* @__PURE__ */ e(N, { label: "Page name", htmlFor: "page-name", children: /* @__PURE__ */ e(
+        "input",
+        {
+          id: "page-name",
+          type: "text",
+          value: a,
+          onChange: (b) => n(b.target.value),
+          className: t,
+          placeholder: "Enter page name"
+        }
+      ) }),
+      /* @__PURE__ */ e(
+        N,
+        {
+          label: "URL slug",
+          htmlFor: "page-slug",
+          hint: i ? "Home uses / — no slug." : "Path segment after your domain.",
+          children: /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e("span", { className: "text-neutral-content shrink-0 text-sm", children: "/" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                id: "page-slug",
+                type: "text",
+                value: i ? "" : l,
+                onChange: (b) => o(b.target.value),
+                disabled: i,
+                className: `${t} min-w-0 flex-1 ${St}`,
+                placeholder: i ? "home" : "page-url"
+              }
+            )
+          ] })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e(L, { title: "Featured image", children: /* @__PURE__ */ e(
+      ae,
+      {
+        value: s,
+        onChange: g,
+        label: "Upload image",
+        help: "Used as this page’s featured image where the theme expects one."
+      }
+    ) }),
+    /* @__PURE__ */ e(L, { title: "Behavior", children: /* @__PURE__ */ c("div", { className: "grid gap-4 md:grid-cols-2", children: [
+      /* @__PURE__ */ c("div", { className: "border-base-300 bg-base-200/20 flex flex-col justify-between gap-3 rounded-xl border p-4", children: [
+        /* @__PURE__ */ c("div", { children: [
+          /* @__PURE__ */ e("p", { className: "text-base-content text-sm font-semibold", children: "Home page" }),
+          /* @__PURE__ */ e("p", { className: "text-neutral-content mt-1 text-xs", children: "Serve this canvas at the site root (/)." })
+        ] }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: () => p(!i),
+            className: `focus:ring-ring relative ml-auto inline-flex h-6 w-11 shrink-0 items-center rounded-full transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-none ${i ? "bg-primary" : "bg-base-300"}`,
+            "aria-pressed": i,
+            children: /* @__PURE__ */ e(
+              "span",
+              {
+                className: `bg-base-100 inline-block size-4 rounded-full transition-transform ${i ? "translate-x-6" : "translate-x-1"}`
+              }
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: `border-base-300 bg-base-200/20 flex flex-col justify-between gap-3 rounded-xl border p-4 ${r ? "" : "opacity-85"}`,
+          children: [
+            /* @__PURE__ */ c("div", { className: "flex w-full items-start justify-between gap-3", children: [
+              /* @__PURE__ */ c("div", { children: [
+                /* @__PURE__ */ e("p", { className: "text-base-content text-sm font-semibold", children: "404 page" }),
+                /* @__PURE__ */ e("p", { className: "text-neutral-content mt-1 text-xs", children: r ? "Show this page when no other URL matches." : "Available on paid plans — custom page for unknown links." })
+              ] }),
+              r ? /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => h(!u),
+                  className: `focus:ring-ring relative inline-flex h-6 w-11 shrink-0 items-center rounded-full transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-none ${u ? "bg-primary" : "bg-base-300"}`,
+                  "aria-pressed": u,
+                  children: /* @__PURE__ */ e(
+                    "span",
+                    {
+                      className: `bg-base-100 inline-block size-4 rounded-full transition-transform ${u ? "translate-x-6" : "translate-x-1"}`
+                    }
+                  )
+                }
+              ) : null
+            ] }),
+            r ? null : /* @__PURE__ */ e(Be, { href: "/pricing", className: "text-primary text-sm font-medium hover:underline", children: "View plans" })
+          ]
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ c(L, { title: "Danger zone", variant: "card", className: "border-error/25 bg-error/5", children: [
+      /* @__PURE__ */ e("p", { className: "text-neutral-content text-sm", children: "Deleting a page cannot be undone. Linked navigation and published URLs may break." }),
+      d ? /* @__PURE__ */ c("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ c("p", { className: "text-base-content text-sm", children: [
+          "Delete “",
+          a,
+          "”? This cannot be undone."
+        ] }),
+        /* @__PURE__ */ c("div", { className: "flex flex-wrap gap-2", children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: () => m(!1),
+              className: "btn btn-ghost btn-sm",
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ e("button", { type: "button", onClick: f, className: "btn btn-error btn-sm", children: "Yes, delete page" })
+        ] })
+      ] }) : /* @__PURE__ */ c(
+        "button",
+        {
+          type: "button",
+          onClick: () => m(!0),
+          className: "btn btn-outline btn-error btn-sm gap-2",
+          children: [
+            /* @__PURE__ */ e($, { className: "size-4" }),
+            "Delete page"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+const Pt = Re.lazy(
+  () => import("./HTMLCodeInput-Dcpq9cvV.js").then((t) => ({ default: t.HTMLCodeInput }))
+);
+function Ft({ headCode: t, setHeadCode: a }) {
+  const { query: n } = ee(), l = E(() => Ge(n), [n]);
+  return /* @__PURE__ */ c("div", { className: bt, children: [
+    /* @__PURE__ */ e(
+      I,
+      {
+        title: "Custom head code",
+        description: "HTML injected into <head> for this page only. Use for verification meta tags, page-specific <style>, or one-off scripts."
+      }
+    ),
+    /* @__PURE__ */ e(
+      Pt,
+      {
+        value: t,
+        onChange: a,
+        height: "100%",
+        placeholder: `<script>…<\/script>
+<link rel="stylesheet" href="…">`,
+        formatMountKey: "page-settings-head-code",
+        variableCompletionOptions: l,
+        className: "min-h-0 flex-1",
+        editorContainerClassName: "flex-1 min-h-0"
+      }
+    )
+  ] });
+}
+function At({
+  inputClass: t,
+  selectClass: a,
+  ogTitle: n,
+  setOgTitle: l,
+  ogDescription: o,
+  setOgDescription: i,
+  ogImage: p,
+  setOgImage: u,
+  ogType: h,
+  setOgType: r
+}) {
+  return /* @__PURE__ */ c("div", { className: q, children: [
+    /* @__PURE__ */ e(
+      I,
+      {
+        title: "Open Graph",
+        description: "How this page previews when shared on Facebook, LinkedIn, Slack, iMessage, and most social platforms."
+      }
+    ),
+    /* @__PURE__ */ c(L, { title: "Share preview", children: [
+      /* @__PURE__ */ e(
+        N,
+        {
+          label: "Title",
+          htmlFor: "og-title",
+          hint: "Leave empty to reuse the SEO meta title.",
+          children: /* @__PURE__ */ e(
+            "input",
+            {
+              id: "og-title",
+              type: "text",
+              value: n,
+              onChange: (d) => l(d.target.value),
+              className: t,
+              placeholder: "Social title"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(
+        N,
+        {
+          label: "Description",
+          htmlFor: "og-description",
+          hint: "Leave empty to reuse the SEO meta description.",
+          children: /* @__PURE__ */ e(
+            "textarea",
+            {
+              id: "og-description",
+              value: o,
+              onChange: (d) => i(d.target.value),
+              rows: 2,
+              className: Ce,
+              placeholder: "Social description"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(N, { label: "Image", hint: "Recommended 1200×630px (1.91:1 ratio).", children: /* @__PURE__ */ e(ae, { value: p, onChange: u, label: "Upload OG image" }) }),
+      /* @__PURE__ */ e(N, { label: "Type", htmlFor: "og-type", children: /* @__PURE__ */ c(
+        "select",
+        {
+          id: "og-type",
+          value: h,
+          onChange: (d) => r(d.target.value),
+          className: a,
+          children: [
+            /* @__PURE__ */ e("option", { value: "website", children: "Website" }),
+            /* @__PURE__ */ e("option", { value: "article", children: "Article" }),
+            /* @__PURE__ */ e("option", { value: "product", children: "Product" }),
+            /* @__PURE__ */ e("option", { value: "profile", children: "Profile" })
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+function Lt({ entry: t, onChange: a }) {
+  const n = E(() => {
+    var o;
+    const l = (o = t.json) == null ? void 0 : o.trim();
+    if (!l) return null;
+    try {
+      return JSON.parse(l), null;
+    } catch (i) {
+      return i instanceof Error ? i.message : "Invalid JSON";
+    }
+  }, [t.json]);
+  return /* @__PURE__ */ c("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ c("p", { className: "text-neutral-content text-sm leading-relaxed", children: [
+      "Paste a complete JSON-LD object. Useful for schema types not in the builder, or hand-tuned snippets copied from",
+      " ",
+      /* @__PURE__ */ e(
+        "a",
+        {
+          href: "https://schema.org/docs/full.html",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "text-primary hover:underline",
+          children: "schema.org"
+        }
+      ),
+      "."
+    ] }),
+    /* @__PURE__ */ e(
+      dt,
+      {
+        value: t.json,
+        onChange: (l) => a({ ...t, json: l }),
+        language: "javascript",
+        height: "280px",
+        placeholder: `{
+  "@context": "https://schema.org",
+  "@type": "WebPage",
+  "name": "About"
+}`
+      }
+    ),
+    n ? /* @__PURE__ */ e(Se, { title: "JSON error", children: /* @__PURE__ */ e("code", { className: "text-error font-mono text-xs", children: n }) }) : null
+  ] });
+}
+function V({
+  field: t,
+  value: a,
+  onChange: n,
+  inputClass: l,
+  depth: o = 0
+}) {
+  var p;
+  const i = t.help ? /* @__PURE__ */ c("span", { children: [
+    t.required ? /* @__PURE__ */ e("span", { className: "text-error", children: "Required. " }) : null,
+    t.help
+  ] }) : t.required ? /* @__PURE__ */ e("span", { className: "text-error", children: "Required." }) : void 0;
+  switch (t.kind) {
+    case "text":
+    case "url":
+      return /* @__PURE__ */ e(N, { label: t.label, hint: i, children: /* @__PURE__ */ e(
+        "input",
+        {
+          type: t.kind === "url" ? "url" : "text",
+          value: a || "",
+          onChange: (u) => n(u.target.value),
+          className: l,
+          placeholder: t.placeholder
+        }
+      ) });
+    case "number":
+      return /* @__PURE__ */ e(N, { label: t.label, hint: i, children: /* @__PURE__ */ e(
+        "input",
+        {
+          type: "number",
+          value: a ?? "",
+          onChange: (u) => n(u.target.value === "" ? "" : Number(u.target.value)),
+          className: l,
+          placeholder: t.placeholder
+        }
+      ) });
+    case "date":
+      return /* @__PURE__ */ e(N, { label: t.label, hint: i, children: /* @__PURE__ */ e(
+        "input",
+        {
+          type: "date",
+          value: a || "",
+          onChange: (u) => n(u.target.value),
+          className: l
+        }
+      ) });
+    case "datetime":
+      return /* @__PURE__ */ e(N, { label: t.label, hint: i, children: /* @__PURE__ */ e(
+        "input",
+        {
+          type: "datetime-local",
+          value: a || "",
+          onChange: (u) => n(u.target.value),
+          className: l
+        }
+      ) });
+    case "textarea":
+      return /* @__PURE__ */ e(N, { label: t.label, hint: i, children: /* @__PURE__ */ e(
+        "textarea",
+        {
+          value: a || "",
+          onChange: (u) => n(u.target.value),
+          className: `${l} min-h-[80px] resize-y`,
+          placeholder: t.placeholder
+        }
+      ) });
+    case "select":
+      return /* @__PURE__ */ e(N, { label: t.label, hint: i, children: /* @__PURE__ */ c(
+        "select",
+        {
+          value: a || "",
+          onChange: (u) => n(u.target.value),
+          className: l,
+          children: [
+            /* @__PURE__ */ e("option", { value: "", children: "— Select —" }),
+            (p = t.options) == null ? void 0 : p.map((u) => /* @__PURE__ */ e("option", { value: u.value, children: u.label }, u.value))
+          ]
+        }
+      ) });
+    case "image":
+      return /* @__PURE__ */ e(N, { label: t.label, hint: i, children: /* @__PURE__ */ e(ae, { value: a || "", onChange: n, label: t.label }) });
+    case "nested":
+      return /* @__PURE__ */ e(
+        Rt,
+        {
+          field: t,
+          value: a || {},
+          onChange: n,
+          inputClass: l,
+          depth: o
+        }
+      );
+    case "list":
+      return /* @__PURE__ */ e(
+        Et,
+        {
+          field: t,
+          value: Array.isArray(a) ? a : [],
+          onChange: n,
+          inputClass: l,
+          depth: o
+        }
+      );
+    default:
+      return null;
+  }
+}
+function Rt({
+  field: t,
+  value: a,
+  onChange: n,
+  inputClass: l,
+  depth: o
+}) {
+  const i = t.nested || [], p = (u, h) => n({ ...a, [u]: h });
+  return /* @__PURE__ */ c("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ e("label", { className: "text-base-content block text-sm font-semibold tracking-tight", children: t.label }),
+    /* @__PURE__ */ e("div", { className: "border-base-300 bg-base-200/30 space-y-4 rounded-xl border p-4", children: i.map((u) => /* @__PURE__ */ e(
+      V,
+      {
+        field: u,
+        value: a == null ? void 0 : a[u.key],
+        onChange: (h) => p(u.key, h),
+        inputClass: l,
+        depth: o + 1
+      },
+      u.key
+    )) })
+  ] });
+}
+function Et({
+  field: t,
+  value: a,
+  onChange: n,
+  inputClass: l,
+  depth: o
+}) {
+  const i = t.itemFields || [], p = i.length === 1 && i[0].key === "value" && i[0].kind !== "nested" && i[0].kind !== "list", u = () => {
+    if (p) {
+      n([...a, { value: "" }]);
+      return;
+    }
+    const s = {};
+    for (const g of i)
+      g.kind === "list" ? s[g.key] = [] : g.kind === "nested" ? s[g.key] = {} : s[g.key] = "";
+    n([...a, s]);
+  }, h = (s) => n(a.filter((g, d) => d !== s)), r = (s, g) => {
+    const d = a.slice();
+    d[s] = g, n(d);
+  };
+  return /* @__PURE__ */ c("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ e("label", { className: "text-base-content block text-sm font-semibold tracking-tight", children: t.label }),
+    t.help ? /* @__PURE__ */ e("p", { className: "text-neutral-content text-xs leading-relaxed", children: t.help }) : null,
+    /* @__PURE__ */ e("div", { className: "space-y-3", children: a.map((s, g) => /* @__PURE__ */ c(
+      "div",
+      {
+        className: "border-base-300 bg-base-200/30 relative rounded-xl border p-4",
+        children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: () => h(g),
+              className: "text-neutral-content hover:text-error absolute top-2 right-2 rounded-md p-1 transition-colors",
+              "aria-label": `Remove ${t.itemLabel || "item"} ${g + 1}`,
+              children: /* @__PURE__ */ e(ye, { className: "size-4" })
+            }
+          ),
+          p ? /* @__PURE__ */ e(
+            V,
+            {
+              field: i[0],
+              value: s == null ? void 0 : s.value,
+              onChange: (d) => r(g, { value: d }),
+              inputClass: l,
+              depth: o + 1
+            }
+          ) : /* @__PURE__ */ e("div", { className: "space-y-4 pr-6", children: i.map((d) => /* @__PURE__ */ e(
+            V,
+            {
+              field: d,
+              value: s == null ? void 0 : s[d.key],
+              onChange: (m) => r(g, { ...s, [d.key]: m }),
+              inputClass: l,
+              depth: o + 1
+            },
+            d.key
+          )) })
+        ]
+      },
+      g
+    )) }),
+    /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        onClick: u,
+        className: "btn btn-outline btn-sm gap-2",
+        children: [
+          /* @__PURE__ */ e(j, { className: "size-4" }),
+          t.itemLabel || `Add ${t.label.toLowerCase()}`
+        ]
+      }
+    )
+  ] });
+}
+const K = [
+  { key: "streetAddress", label: "Street address", kind: "text" },
+  { key: "addressLocality", label: "City", kind: "text" },
+  { key: "addressRegion", label: "State / region", kind: "text" },
+  { key: "postalCode", label: "Postal code", kind: "text" },
+  { key: "addressCountry", label: "Country code", kind: "text", placeholder: "US" }
+], Ot = [
+  { key: "latitude", label: "Latitude", kind: "number" },
+  { key: "longitude", label: "Longitude", kind: "number" }
+], Q = [
+  { key: "name", label: "Name", kind: "text", required: !0 },
+  { key: "url", label: "Profile URL", kind: "url" }
+], pe = [
+  { key: "name", label: "Publisher name", kind: "text", required: !0 },
+  {
+    key: "logo",
+    label: "Logo",
+    kind: "nested",
+    nestedType: "ImageObject",
+    nested: [{ key: "url", label: "Logo URL", kind: "image", required: !0 }]
+  }
+], me = [
+  { key: "price", label: "Price", kind: "text", placeholder: "29.99", required: !0 },
+  { key: "priceCurrency", label: "Currency", kind: "text", placeholder: "USD", required: !0 },
+  { key: "url", label: "Buy URL", kind: "url" },
+  {
+    key: "availability",
+    label: "Availability",
+    kind: "select",
+    options: [
+      { label: "In stock", value: "https://schema.org/InStock" },
+      { label: "Out of stock", value: "https://schema.org/OutOfStock" },
+      { label: "Pre-order", value: "https://schema.org/PreOrder" },
+      { label: "Discontinued", value: "https://schema.org/Discontinued" }
+    ]
+  }
+], Z = [
+  {
+    type: "Organization",
+    label: "Organization",
+    group: "Business",
+    description: "Your company. Place once site-wide so Google links your brand.",
+    summary: (t) => t.name || "Untitled organization",
+    fields: [
+      { key: "name", label: "Name", kind: "text", required: !0, placeholder: "Acme Inc." },
+      { key: "url", label: "Website URL", kind: "url", required: !0 },
+      { key: "logo", label: "Logo", kind: "image", help: "Square, ideally 600×600 or larger." },
+      { key: "email", label: "Contact email", kind: "text", placeholder: "hello@example.com" },
+      { key: "telephone", label: "Phone", kind: "text" },
+      {
+        key: "address",
+        label: "Address",
+        kind: "nested",
+        nestedType: "PostalAddress",
+        nested: K
+      },
+      {
+        key: "sameAs",
+        label: "Social profile URLs",
+        kind: "list",
+        itemLabel: "Add profile",
+        itemFields: [{ key: "value", label: "URL", kind: "url", required: !0 }]
+      }
+    ]
+  },
+  {
+    type: "LocalBusiness",
+    label: "Local Business",
+    group: "Business",
+    description: "Physical business location — gets you on Google Maps surfaces.",
+    summary: (t) => t.name || "Untitled business",
+    fields: [
+      { key: "name", label: "Name", kind: "text", required: !0 },
+      { key: "url", label: "Website URL", kind: "url", required: !0 },
+      { key: "image", label: "Photo", kind: "image", required: !0 },
+      { key: "telephone", label: "Phone", kind: "text" },
+      { key: "priceRange", label: "Price range", kind: "text", placeholder: "$$" },
+      {
+        key: "address",
+        label: "Address",
+        kind: "nested",
+        nestedType: "PostalAddress",
+        nested: K
+      },
+      { key: "geo", label: "Geo coordinates", kind: "nested", nestedType: "GeoCoordinates", nested: Ot },
+      {
+        key: "openingHours",
+        label: "Opening hours",
+        kind: "list",
+        itemLabel: "Add hours line",
+        itemFields: [
+          {
+            key: "value",
+            label: "Hours",
+            kind: "text",
+            placeholder: "Mo-Fr 09:00-17:00",
+            required: !0,
+            help: 'Schema.org format — e.g. "Mo-Fr 09:00-17:00" or "Sa 10:00-14:00".'
+          }
+        ]
+      }
+    ]
+  },
+  {
+    type: "WebSite",
+    label: "Website",
+    group: "Content",
+    description: "Top-level site identity. Powers Google sitelinks search box.",
+    summary: (t) => t.name || t.url || "Untitled website",
+    fields: [
+      { key: "name", label: "Site name", kind: "text", required: !0 },
+      { key: "url", label: "Site URL", kind: "url", required: !0 },
+      {
+        key: "potentialAction",
+        label: "Search action",
+        kind: "nested",
+        nestedType: "SearchAction",
+        nested: [
+          {
+            key: "target",
+            label: "Search URL template",
+            kind: "text",
+            placeholder: "https://example.com/search?q={search_term_string}",
+            help: 'Include the literal "{search_term_string}" placeholder.'
+          }
+        ]
+      }
+    ]
+  },
+  {
+    type: "WebPage",
+    label: "Web Page",
+    group: "Content",
+    description: "Generic page description. Use Article/BlogPosting for editorial pages.",
+    summary: (t) => t.name || "Untitled page",
+    fields: [
+      { key: "name", label: "Page name", kind: "text", required: !0 },
+      { key: "description", label: "Description", kind: "textarea" },
+      { key: "url", label: "Canonical URL", kind: "url" },
+      { key: "primaryImageOfPage", label: "Hero image URL", kind: "image" }
+    ]
+  },
+  {
+    type: "Article",
+    label: "Article",
+    group: "Content",
+    description: "News/journalism. Enables top-stories carousel eligibility.",
+    summary: (t) => t.headline || "Untitled article",
+    fields: [
+      { key: "headline", label: "Headline", kind: "text", required: !0 },
+      { key: "image", label: "Hero image", kind: "image", required: !0 },
+      { key: "description", label: "Description", kind: "textarea" },
+      { key: "datePublished", label: "Published", kind: "datetime", required: !0 },
+      { key: "dateModified", label: "Last modified", kind: "datetime" },
+      { key: "author", label: "Author", kind: "nested", nestedType: "Person", nested: Q },
+      {
+        key: "publisher",
+        label: "Publisher",
+        kind: "nested",
+        nestedType: "Organization",
+        nested: pe
+      }
+    ]
+  },
+  {
+    type: "BlogPosting",
+    label: "Blog Post",
+    group: "Content",
+    description: "Blog entries. Same shape as Article with a different @type.",
+    summary: (t) => t.headline || "Untitled post",
+    fields: [
+      { key: "headline", label: "Headline", kind: "text", required: !0 },
+      { key: "image", label: "Hero image", kind: "image", required: !0 },
+      { key: "description", label: "Description", kind: "textarea" },
+      { key: "datePublished", label: "Published", kind: "datetime", required: !0 },
+      { key: "dateModified", label: "Last modified", kind: "datetime" },
+      { key: "author", label: "Author", kind: "nested", nestedType: "Person", nested: Q },
+      {
+        key: "publisher",
+        label: "Publisher",
+        kind: "nested",
+        nestedType: "Organization",
+        nested: pe
+      }
+    ]
+  },
+  {
+    type: "Product",
+    label: "Product",
+    group: "Commerce",
+    description: "Single product. Enables price/availability snippets in search.",
+    summary: (t) => t.name || "Untitled product",
+    fields: [
+      { key: "name", label: "Name", kind: "text", required: !0 },
+      { key: "description", label: "Description", kind: "textarea" },
+      {
+        key: "image",
+        label: "Images",
+        kind: "list",
+        itemLabel: "Add image",
+        itemFields: [{ key: "value", label: "Image", kind: "image", required: !0 }]
+      },
+      { key: "sku", label: "SKU", kind: "text" },
+      { key: "brand", label: "Brand", kind: "nested", nestedType: "Brand", nested: [{ key: "name", label: "Brand name", kind: "text", required: !0 }] },
+      { key: "offers", label: "Offer", kind: "nested", nestedType: "Offer", nested: me }
+    ]
+  },
+  {
+    type: "FAQPage",
+    label: "FAQ Page",
+    group: "Content",
+    description: "Question + answer pairs. Renders as an expandable list in search results.",
+    summary: (t) => `${(t.mainEntity || []).length} question(s)`,
+    fields: [
+      {
+        key: "mainEntity",
+        label: "Questions",
+        kind: "list",
+        itemLabel: "Add question",
+        itemType: "Question",
+        itemFields: [
+          { key: "name", label: "Question", kind: "text", required: !0 },
+          {
+            key: "acceptedAnswer",
+            label: "Answer",
+            kind: "nested",
+            nestedType: "Answer",
+            nested: [{ key: "text", label: "Answer text", kind: "textarea", required: !0 }]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    type: "BreadcrumbList",
+    label: "Breadcrumbs",
+    group: "Misc",
+    description: "Trail of parent pages. Replaces the URL line in search results with named hops.",
+    summary: (t) => `${(t.itemListElement || []).length} crumb(s)`,
+    fields: [
+      {
+        key: "itemListElement",
+        label: "Crumbs",
+        kind: "list",
+        itemLabel: "Add crumb",
+        itemType: "ListItem",
+        itemFields: [
+          { key: "name", label: "Label", kind: "text", required: !0 },
+          { key: "item", label: "URL", kind: "url", required: !0 }
+        ]
+      }
+    ]
+  },
+  {
+    type: "Event",
+    label: "Event",
+    group: "Event",
+    description: "Concert, conference, webinar. Enables event rich result.",
+    summary: (t) => t.name || "Untitled event",
+    fields: [
+      { key: "name", label: "Event name", kind: "text", required: !0 },
+      { key: "startDate", label: "Start", kind: "datetime", required: !0 },
+      { key: "endDate", label: "End", kind: "datetime" },
+      { key: "description", label: "Description", kind: "textarea" },
+      { key: "image", label: "Image", kind: "image" },
+      {
+        key: "location",
+        label: "Location",
+        kind: "nested",
+        nestedType: "Place",
+        nested: [
+          { key: "name", label: "Venue name", kind: "text", required: !0 },
+          {
+            key: "address",
+            label: "Address",
+            kind: "nested",
+            nestedType: "PostalAddress",
+            nested: K
+          }
+        ]
+      },
+      { key: "offers", label: "Ticket offer", kind: "nested", nestedType: "Offer", nested: me }
+    ]
+  },
+  {
+    type: "Recipe",
+    label: "Recipe",
+    group: "Content",
+    description: "Cooking recipe with ingredients and steps.",
+    summary: (t) => t.name || "Untitled recipe",
+    fields: [
+      { key: "name", label: "Name", kind: "text", required: !0 },
+      { key: "image", label: "Photo", kind: "image", required: !0 },
+      { key: "description", label: "Description", kind: "textarea" },
+      { key: "recipeYield", label: "Yield", kind: "text", placeholder: "4 servings" },
+      { key: "prepTime", label: "Prep time", kind: "text", placeholder: "PT15M", help: "ISO 8601 duration." },
+      { key: "cookTime", label: "Cook time", kind: "text", placeholder: "PT30M" },
+      {
+        key: "recipeIngredient",
+        label: "Ingredients",
+        kind: "list",
+        itemLabel: "Add ingredient",
+        itemFields: [{ key: "value", label: "Ingredient", kind: "text", required: !0 }]
+      },
+      {
+        key: "recipeInstructions",
+        label: "Steps",
+        kind: "list",
+        itemLabel: "Add step",
+        itemType: "HowToStep",
+        itemFields: [{ key: "text", label: "Step", kind: "textarea", required: !0 }]
+      }
+    ]
+  },
+  {
+    type: "Review",
+    label: "Review",
+    group: "Commerce",
+    description: "Single review of a product, service, or place.",
+    summary: (t) => {
+      var a;
+      return ((a = t.reviewBody) == null ? void 0 : a.slice(0, 60)) || "Untitled review";
+    },
+    fields: [
+      {
+        key: "itemReviewed",
+        label: "Item reviewed",
+        kind: "nested",
+        nestedType: "Thing",
+        nested: [{ key: "name", label: "Name", kind: "text", required: !0 }]
+      },
+      {
+        key: "reviewRating",
+        label: "Rating",
+        kind: "nested",
+        nestedType: "Rating",
+        nested: [
+          { key: "ratingValue", label: "Rating value", kind: "number", required: !0, placeholder: "5" },
+          { key: "bestRating", label: "Best possible rating", kind: "number", placeholder: "5" }
+        ]
+      },
+      { key: "author", label: "Author", kind: "nested", nestedType: "Person", nested: Q },
+      { key: "reviewBody", label: "Review text", kind: "textarea" }
+    ]
+  },
+  {
+    type: "VideoObject",
+    label: "Video",
+    group: "Media",
+    description: "Hosted video. Enables video thumbnail + duration in search.",
+    summary: (t) => t.name || "Untitled video",
+    fields: [
+      { key: "name", label: "Title", kind: "text", required: !0 },
+      { key: "description", label: "Description", kind: "textarea", required: !0 },
+      { key: "thumbnailUrl", label: "Thumbnail", kind: "image", required: !0 },
+      { key: "uploadDate", label: "Upload date", kind: "datetime", required: !0 },
+      { key: "contentUrl", label: "Video URL", kind: "url" },
+      { key: "embedUrl", label: "Embed URL", kind: "url" },
+      { key: "duration", label: "Duration", kind: "text", placeholder: "PT2M30S", help: "ISO 8601 duration." }
+    ]
+  },
+  {
+    type: "HowTo",
+    label: "How-To",
+    group: "Content",
+    description: "Step-by-step guide. Enables numbered-step rich result.",
+    summary: (t) => t.name || "Untitled guide",
+    fields: [
+      { key: "name", label: "Title", kind: "text", required: !0 },
+      { key: "description", label: "Description", kind: "textarea" },
+      { key: "image", label: "Image", kind: "image" },
+      { key: "totalTime", label: "Total time", kind: "text", placeholder: "PT1H" },
+      {
+        key: "step",
+        label: "Steps",
+        kind: "list",
+        itemLabel: "Add step",
+        itemType: "HowToStep",
+        itemFields: [
+          { key: "name", label: "Step name", kind: "text" },
+          { key: "text", label: "Step text", kind: "textarea", required: !0 },
+          { key: "image", label: "Step image", kind: "image" }
+        ]
+      }
+    ]
+  }
+], Ut = Z.reduce(
+  (t, a) => (t[a.type] = a, t),
+  {}
+);
+function B(t) {
+  return Ut[t];
+}
+function It(t) {
+  const a = {};
+  for (const n of t.fields)
+    n.kind === "list" ? a[n.key] = [] : n.kind === "nested" ? a[n.key] = {} : a[n.key] = "";
+  return a;
+}
+function Dt(t) {
+  return t == null ? !0 : typeof t == "string" ? t.trim() === "" : Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
+}
+function z(t, a) {
+  if (!Dt(a))
+    switch (t.kind) {
+      case "number": {
+        const n = typeof a == "number" ? a : Number(a);
+        return Number.isFinite(n) ? n : void 0;
+      }
+      case "list": {
+        if (!Array.isArray(a)) return;
+        const n = a.map((l, o) => qt(t, l, o)).filter((l) => l !== void 0);
+        return n.length ? n : void 0;
+      }
+      case "nested":
+        return Ht(t, a);
+      default:
+        return typeof a == "string" ? a.trim() : a;
+    }
+}
+function qt(t, a, n) {
+  const l = t.itemFields || [];
+  if (l.length === 1 && l[0].key === "value" && l[0].kind !== "nested" && l[0].kind !== "list")
+    return z(l[0], a == null ? void 0 : a.value);
+  const o = {};
+  t.itemType && (o["@type"] = t.itemType), t.itemType === "ListItem" && ((a == null ? void 0 : a.position) == null || (a == null ? void 0 : a.position) === "") && (o.position = n + 1);
+  for (const i of l) {
+    const p = z(i, a == null ? void 0 : a[i.key]);
+    p !== void 0 && (o[i.key] = p);
+  }
+  return Object.keys(o).length > (t.itemType ? 1 : 0) ? o : void 0;
+}
+function Ht(t, a) {
+  const n = t.nested || [], l = {};
+  t.nestedType && (l["@type"] = t.nestedType);
+  for (const o of n) {
+    const i = z(o, a == null ? void 0 : a[o.key]);
+    i !== void 0 && (l[o.key] = i);
+  }
+  return Object.keys(l).length > (t.nestedType ? 1 : 0) ? l : void 0;
+}
+function _t(t) {
+  var l, o;
+  if (t.kind === "raw") {
+    const i = (l = t.json) == null ? void 0 : l.trim();
+    if (!i) return null;
+    try {
+      const p = JSON.parse(i);
+      return p && typeof p == "object" ? p : null;
+    } catch {
+      return null;
+    }
+  }
+  const a = B(t.type);
+  if (!a) return null;
+  const n = {
+    "@context": "https://schema.org",
+    "@type": t.type
+  };
+  for (const i of a.fields) {
+    const p = z(i, (o = t.fields) == null ? void 0 : o[i.key]);
+    p !== void 0 && (n[i.key] = p);
+  }
+  return n;
+}
+function Mt({ entry: t, onChange: a, inputClass: n }) {
+  const l = B(t.type), [o, i] = P(!1), p = E(() => _t(t), [t]), u = E(
+    () => p ? JSON.stringify(p, null, 2) : "// (empty — fill in required fields)",
+    [p]
+  );
+  if (!l)
+    return /* @__PURE__ */ c("p", { className: "text-error text-sm", children: [
+      "Unknown schema type: ",
+      t.type
+    ] });
+  const h = (r, s) => a({ ...t, fields: { ...t.fields, [r]: s } });
+  return /* @__PURE__ */ c("div", { className: "space-y-5", children: [
+    /* @__PURE__ */ e("p", { className: "text-neutral-content text-sm leading-relaxed", children: l.description }),
+    l.fields.map((r) => {
+      var s;
+      return /* @__PURE__ */ e(
+        V,
+        {
+          field: r,
+          value: (s = t.fields) == null ? void 0 : s[r.key],
+          onChange: (g) => h(r.key, g),
+          inputClass: n
+        },
+        r.key
+      );
+    }),
+    /* @__PURE__ */ c("div", { className: "border-base-300 overflow-hidden rounded-xl border", children: [
+      /* @__PURE__ */ c(
+        "button",
+        {
+          type: "button",
+          onClick: () => i((r) => !r),
+          className: "bg-base-200/40 hover:bg-base-200/70 flex w-full items-center gap-2 px-4 py-2.5 text-left transition-colors",
+          children: [
+            o ? /* @__PURE__ */ e(ke, { className: "size-4 shrink-0" }) : /* @__PURE__ */ e(ve, { className: "size-4 shrink-0" }),
+            /* @__PURE__ */ e("span", { className: "text-base-content text-sm font-semibold", children: "JSON-LD preview" }),
+            /* @__PURE__ */ e("span", { className: "text-neutral-content ml-auto text-xs", children: "What search engines will see" })
+          ]
+        }
+      ),
+      o ? /* @__PURE__ */ e("pre", { className: "bg-base-300/40 text-base-content max-h-72 overflow-auto px-4 py-3 font-mono text-xs leading-relaxed", children: u }) : null
+    ] })
+  ] });
+}
+function Vt({
+  entry: t,
+  onChange: a,
+  onRemove: n,
+  inputClass: l,
+  defaultOpen: o = !1
+}) {
+  const [i, p] = P(o), { title: u, subtitle: h } = t.kind === "raw" ? jt(t) : zt(t);
+  return /* @__PURE__ */ c("div", { className: "border-base-300 overflow-hidden rounded-xl border", children: [
+    /* @__PURE__ */ c("header", { className: "bg-base-200/30 flex items-center gap-3 px-4 py-3", children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: () => p((r) => !r),
+          className: "text-neutral-content hover:text-base-content shrink-0 transition-colors",
+          "aria-label": i ? "Collapse entry" : "Expand entry",
+          children: i ? /* @__PURE__ */ e(ke, { className: "size-4" }) : /* @__PURE__ */ e(ve, { className: "size-4" })
+        }
+      ),
+      /* @__PURE__ */ c(
+        "button",
+        {
+          type: "button",
+          onClick: () => p((r) => !r),
+          className: "flex min-w-0 flex-1 flex-col items-start gap-0.5 text-left",
+          children: [
+            /* @__PURE__ */ c("span", { className: "flex items-center gap-2", children: [
+              t.kind === "raw" ? /* @__PURE__ */ e(te, { className: "text-neutral-content size-3.5", "aria-hidden": !0 }) : null,
+              /* @__PURE__ */ e("span", { className: "text-base-content text-sm font-semibold", children: u })
+            ] }),
+            /* @__PURE__ */ e("span", { className: "text-neutral-content truncate text-xs", children: h })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: n,
+          className: "text-neutral-content hover:text-error rounded-md p-1.5 transition-colors",
+          "aria-label": "Remove entry",
+          children: /* @__PURE__ */ e($, { className: "size-4" })
+        }
+      )
+    ] }),
+    i ? /* @__PURE__ */ e("div", { className: "bg-base-100 px-4 py-4", children: t.kind === "builder" ? /* @__PURE__ */ e(
+      Mt,
+      {
+        entry: t,
+        onChange: a,
+        inputClass: l
+      }
+    ) : /* @__PURE__ */ e(
+      Lt,
+      {
+        entry: t,
+        onChange: a
+      }
+    ) }) : null
+  ] });
+}
+function zt(t) {
+  const a = B(t.type), n = (a == null ? void 0 : a.label) || t.type;
+  let l = "";
+  try {
+    l = (a == null ? void 0 : a.summary(t.fields || {})) || "";
+  } catch {
+    l = "";
+  }
+  return { title: n, subtitle: l || `@type: ${t.type}` };
+}
+function jt(t) {
+  var n;
+  const a = (n = t.json) == null ? void 0 : n.trim();
+  if (!a) return { title: "Raw JSON-LD", subtitle: "(empty)" };
+  try {
+    const l = JSON.parse(a), o = l == null ? void 0 : l["@type"], i = (l == null ? void 0 : l.name) || (l == null ? void 0 : l.headline) || "";
+    return {
+      title: typeof o == "string" ? `Raw · ${o}` : "Raw JSON-LD",
+      subtitle: typeof i == "string" && i ? i : "Custom schema"
+    };
+  } catch {
+    return { title: "Raw JSON-LD", subtitle: "Invalid JSON" };
+  }
+}
+const $t = ["Business", "Content", "Commerce", "Event", "Media", "Misc"];
+function Bt({ open: t, onClose: a, onPickType: n, onPickRaw: l }) {
+  const [o, i] = P(""), [p, u] = P(!1), h = O(null), r = Je();
+  R(() => u(!0), []), R(() => {
+    if (!t || !r) return;
+    const d = h.current;
+    if (d)
+      return r(d);
+  }, [t, p, r]), We({
+    id: "schema-type-picker",
+    isOpen: t,
+    onDismiss: a
+  });
+  const s = E(() => {
+    const d = o.trim().toLowerCase(), m = d ? Z.filter(
+      (b) => b.label.toLowerCase().includes(d) || b.type.toLowerCase().includes(d) || b.description.toLowerCase().includes(d)
+    ) : Z, f = /* @__PURE__ */ new Map();
+    for (const b of m) {
+      const S = f.get(b.group) || [];
+      S.push(b), f.set(b.group, S);
+    }
+    return $t.filter((b) => f.has(b)).map((b) => ({ group: b, types: f.get(b) }));
+  }, [o]);
+  if (!t || !p) return null;
+  const g = /* @__PURE__ */ e(
+    "div",
+    {
+      ref: h,
+      className: "fixed inset-0 flex items-center justify-center bg-black/40 p-4",
+      style: { zIndex: Ne + 1 },
+      onClick: (d) => {
+        d.target === d.currentTarget && a();
+      },
+      children: /* @__PURE__ */ c(
+        "div",
+        {
+          className: "bg-base-100 border-base-300 flex max-h-[80vh] w-full max-w-2xl flex-col overflow-hidden rounded-2xl border shadow-2xl",
+          onClick: (d) => d.stopPropagation(),
+          children: [
+            /* @__PURE__ */ c("header", { className: "border-base-300 flex items-center gap-3 border-b px-5 py-4", children: [
+              /* @__PURE__ */ c("div", { className: "flex-1", children: [
+                /* @__PURE__ */ e("h3", { className: "text-base-content text-base font-semibold", children: "Add schema" }),
+                /* @__PURE__ */ e("p", { className: "text-neutral-content text-xs", children: "Pick a schema.org type to add structured data to this page." })
+              ] }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: a,
+                  className: "text-neutral-content hover:text-base-content rounded-md p-1.5 transition-colors",
+                  "aria-label": "Close",
+                  children: /* @__PURE__ */ e(ye, { className: "size-5" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e("div", { className: "border-base-300 border-b px-5 py-3", children: /* @__PURE__ */ c("div", { className: "bg-base-200/50 border-base-300 flex items-center gap-2 rounded-lg border px-3 py-2", children: [
+              /* @__PURE__ */ e(xe, { className: "text-neutral-content size-4 shrink-0" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "text",
+                  value: o,
+                  onChange: (d) => i(d.target.value),
+                  placeholder: "Search schema types…",
+                  className: "text-base-content placeholder:text-neutral-content w-full bg-transparent text-sm outline-none",
+                  autoFocus: !0
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ e("div", { className: "min-h-0 flex-1 overflow-y-auto px-5 py-4", children: s.length === 0 ? /* @__PURE__ */ c("p", { className: "text-neutral-content py-8 text-center text-sm", children: [
+              "No schema types match “",
+              o,
+              "”."
+            ] }) : /* @__PURE__ */ e("div", { className: "space-y-5", children: s.map(({ group: d, types: m }) => /* @__PURE__ */ c("section", { className: "space-y-2", children: [
+              /* @__PURE__ */ e("h4", { className: "text-neutral-content text-xs font-semibold tracking-wide uppercase", children: d }),
+              /* @__PURE__ */ e("div", { className: "grid gap-2 sm:grid-cols-2", children: m.map((f) => /* @__PURE__ */ c(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    n(f.type), a();
+                  },
+                  className: "border-base-300 hover:border-primary hover:bg-base-200/40 group flex flex-col gap-1 rounded-xl border p-3 text-left transition-colors",
+                  children: [
+                    /* @__PURE__ */ e("span", { className: "text-base-content group-hover:text-primary text-sm font-semibold", children: f.label }),
+                    /* @__PURE__ */ e("span", { className: "text-neutral-content text-xs leading-snug", children: f.description })
+                  ]
+                },
+                f.type
+              )) })
+            ] }, d)) }) }),
+            /* @__PURE__ */ e("footer", { className: "border-base-300 bg-base-200/30 border-t px-5 py-3", children: /* @__PURE__ */ c(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  l(), a();
+                },
+                className: "text-neutral-content hover:text-base-content flex items-center gap-2 text-sm transition-colors",
+                children: [
+                  /* @__PURE__ */ e(te, { className: "size-4" }),
+                  "Paste raw JSON-LD instead"
+                ]
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+  return ct(g, document.body);
+}
+function he() {
+  return `sch_${Math.random().toString(36).slice(2, 9)}`;
+}
+function Gt({ schema: t, setSchema: a, inputClass: n }) {
+  const [l, o] = P(!1), [i, p] = P(null), u = Array.isArray(t) ? t : [], h = (d) => {
+    const m = B(d);
+    if (!m) return;
+    const f = he(), b = { kind: "builder", id: f, type: d, fields: It(m) };
+    a([...u, b]), p(f);
+  }, r = () => {
+    const d = he(), m = { kind: "raw", id: d, json: "" };
+    a([...u, m]), p(d);
+  }, s = (d, m) => a(u.map((f) => f.id === d ? m : f)), g = (d) => a(u.filter((m) => m.id !== d));
+  return /* @__PURE__ */ c("div", { className: q, children: [
+    /* @__PURE__ */ e(
+      I,
+      {
+        title: "Structured data (JSON-LD)",
+        description: "Tell search engines what this page is about. Add one entry per thing — your business, an article, a product, FAQs — and each shows up as its own rich result in Google."
+      }
+    ),
+    u.length === 0 ? /* @__PURE__ */ e(Se, { title: "No schema yet", children: "Add an Organization or LocalBusiness entry to help Google identify your brand, or pick a page-specific type like Article, Product, or FAQ." }) : /* @__PURE__ */ e("div", { className: "space-y-3", children: u.map((d) => /* @__PURE__ */ e(
+      Vt,
+      {
+        entry: d,
+        onChange: (m) => s(d.id, m),
+        onRemove: () => g(d.id),
+        inputClass: n,
+        defaultOpen: d.id === i
+      },
+      d.id
+    )) }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        onClick: () => o(!0),
+        className: "btn btn-primary gap-2",
+        children: [
+          /* @__PURE__ */ e(j, { className: "size-4" }),
+          "Add schema"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      Bt,
+      {
+        open: l,
+        onClose: () => o(!1),
+        onPickType: h,
+        onPickRaw: r
+      }
+    )
+  ] });
+}
+function Jt({
+  inputClass: t,
+  pageTitle: a,
+  setPageTitle: n,
+  pageDescription: l,
+  setPageDescription: o,
+  pageKeywords: i,
+  setPageKeywords: p,
+  pageAuthor: u,
+  setPageAuthor: h
+}) {
+  const r = Ce;
+  return /* @__PURE__ */ c("div", { className: q, children: [
+    /* @__PURE__ */ e(
+      I,
+      {
+        title: "SEO",
+        description: "Defaults for search engines. Open Graph and Twitter cards live in their own tabs and override these when set."
+      }
+    ),
+    /* @__PURE__ */ c(L, { title: "Search", children: [
+      /* @__PURE__ */ e(
+        N,
+        {
+          label: "Meta title",
+          htmlFor: "meta-title",
+          hint: "Roughly 50–60 characters works well in results.",
+          children: /* @__PURE__ */ e(
+            "textarea",
+            {
+              id: "meta-title",
+              value: a,
+              onChange: (s) => n(s.target.value),
+              rows: 2,
+              className: r,
+              placeholder: "Page title"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(
+        N,
+        {
+          label: "Meta description",
+          htmlFor: "meta-description",
+          hint: "Roughly 150–160 characters for snippets.",
+          children: /* @__PURE__ */ e(
+            "textarea",
+            {
+              id: "meta-description",
+              value: l,
+              onChange: (s) => o(s.target.value),
+              rows: 3,
+              className: r,
+              placeholder: "Meta description"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ c("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+        /* @__PURE__ */ e(N, { label: "Keywords", htmlFor: "page-keywords", children: /* @__PURE__ */ e(
+          "input",
+          {
+            id: "page-keywords",
+            type: "text",
+            value: i,
+            onChange: (s) => p(s.target.value),
+            className: t,
+            placeholder: "keyword1, keyword2"
+          }
+        ) }),
+        /* @__PURE__ */ e(N, { label: "Author", htmlFor: "page-author", children: /* @__PURE__ */ e(
+          "input",
+          {
+            id: "page-author",
+            type: "text",
+            value: u,
+            onChange: (s) => h(s.target.value),
+            className: t,
+            placeholder: "Author name"
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+}
+function Wt({
+  inputClass: t,
+  themeOverrides: a,
+  setThemeOverrides: n
+}) {
+  const l = () => {
+    n([...a, { varName: "", value: "" }]);
+  }, o = (p, u, h) => {
+    const r = [...a];
+    r[p] = { ...r[p], [u]: h }, n(r);
+  }, i = (p) => {
+    n(a.filter((u, h) => h !== p));
+  };
+  return /* @__PURE__ */ c("div", { className: q, children: [
+    /* @__PURE__ */ e(
+      I,
+      {
+        title: "Theme overrides",
+        description: "Override design tokens for this page only. Use CSS variable names without the leading --."
+      }
+    ),
+    /* @__PURE__ */ c(L, { title: "Variables", children: [
+      /* @__PURE__ */ c("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ e("p", { className: "text-neutral-content text-sm", children: a.length === 0 ? "No overrides yet." : `${a.length} ${a.length === 1 ? "override" : "overrides"}` }),
+        /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            onClick: l,
+            className: "btn btn-secondary btn-sm shrink-0 gap-1",
+            children: [
+              /* @__PURE__ */ e(j, { className: "size-3.5" }),
+              "Add override"
+            ]
+          }
+        )
+      ] }),
+      a.length > 0 ? /* @__PURE__ */ c("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ c("div", { className: "text-neutral-content grid grid-cols-[minmax(0,1fr)_minmax(0,2fr)_auto] gap-2 text-xs font-medium", children: [
+          /* @__PURE__ */ e("span", { children: "Variable" }),
+          /* @__PURE__ */ e("span", { children: "Value" }),
+          /* @__PURE__ */ e("span", { className: "size-9", "aria-hidden": !0 })
+        ] }),
+        a.map((p, u) => /* @__PURE__ */ c(
+          "div",
+          {
+            className: "grid grid-cols-[minmax(0,1fr)_minmax(0,2fr)_auto] items-center gap-2",
+            children: [
+              /* @__PURE__ */ c("label", { className: "input flex items-center", children: [
+                /* @__PURE__ */ e("span", { className: "text-neutral-content shrink-0 font-mono text-xs", children: "--" }),
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "text",
+                    value: p.varName,
+                    onChange: (h) => o(u, "varName", h.target.value),
+                    className: "grow font-mono text-xs",
+                    placeholder: "var-name",
+                    "aria-label": "CSS variable name"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "text",
+                  value: p.value,
+                  onChange: (h) => o(u, "value", h.target.value),
+                  className: `${t} font-mono text-xs`,
+                  placeholder: "#fff or 1rem",
+                  "aria-label": "CSS value"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => i(u),
+                  className: "btn btn-ghost btn-square btn-sm hover:text-error",
+                  "aria-label": "Remove override",
+                  children: /* @__PURE__ */ e($, { className: "size-4" })
+                }
+              )
+            ]
+          },
+          u
+        ))
+      ] }) : null
+    ] })
+  ] });
+}
+function Kt({
+  inputClass: t,
+  selectClass: a,
+  twitterCard: n,
+  setTwitterCard: l,
+  twitterSite: o,
+  setTwitterSite: i,
+  twitterCreator: p,
+  setTwitterCreator: u
+}) {
+  return /* @__PURE__ */ c("div", { className: q, children: [
+    /* @__PURE__ */ e(
+      I,
+      {
+        title: "Twitter / X card",
+        description: "Override how this page previews on Twitter / X. Falls back to Open Graph when these are empty."
+      }
+    ),
+    /* @__PURE__ */ c(L, { title: "Card", children: [
+      /* @__PURE__ */ e(N, { label: "Card type", htmlFor: "twitter-card", children: /* @__PURE__ */ c(
+        "select",
+        {
+          id: "twitter-card",
+          value: n,
+          onChange: (r) => l(r.target.value),
+          className: a,
+          children: [
+            /* @__PURE__ */ e("option", { value: "summary_large_image", children: "Summary, large image" }),
+            /* @__PURE__ */ e("option", { value: "summary", children: "Summary" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ c("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+        /* @__PURE__ */ e(N, { label: "Site", htmlFor: "twitter-site", hint: "The site's @ handle.", children: /* @__PURE__ */ e(
+          "input",
+          {
+            id: "twitter-site",
+            type: "text",
+            value: o,
+            onChange: (r) => i(r.target.value),
+            className: t,
+            placeholder: "@yourusername"
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          N,
+          {
+            label: "Creator",
+            htmlFor: "twitter-creator",
+            hint: "The author's @ handle.",
+            children: /* @__PURE__ */ e(
+              "input",
+              {
+                id: "twitter-creator",
+                type: "text",
+                value: p,
+                onChange: (r) => u(r.target.value),
+                className: t,
+                placeholder: "@authorusername"
+              }
+            )
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function Qt({
+  actions: t,
+  query: a,
+  autoSlug: n,
+  pageSlug: l,
+  setPageSlug: o,
+  setAutoSlug: i,
+  showDeleteConfirm: p,
+  setShowDeleteConfirm: u,
+  onClose: h
+}) {
+  return E(
+    () => [
+      {
+        key: "basic",
+        label: "Basic",
+        order: 100,
+        icon: /* @__PURE__ */ e(Ke, {}),
+        render: (r) => /* @__PURE__ */ e(
+          Tt,
+          {
+            inputClass: r.inputClass,
+            pageName: r.draft.pageName,
+            onPageNameChange: (s) => {
+              if (r.updateField("pageName", s), n) {
+                const g = we(s || "untitled-page", "-");
+                o(g), r.updateField("pageSlug", "");
+              }
+            },
+            pageSlug: l,
+            onSlugChange: (s) => {
+              o(s), i(!1), r.updateField("pageSlug", s);
+            },
+            isHomePage: r.draft.isHomePage,
+            setIsHomePage: (s) => r.updateField("isHomePage", s),
+            is404Page: r.draft.is404Page,
+            setIs404Page: (s) => r.updateField("is404Page", s),
+            allowCustom404Page: r.allowCustom404Page,
+            pageImage: r.draft.pageImage,
+            setPageImage: (s) => r.updateField("pageImage", s),
+            showDeleteConfirm: p,
+            setShowDeleteConfirm: u,
+            onDeletePage: () => {
+              if (r.pageId) {
+                try {
+                  t.delete(r.pageId);
+                } catch {
+                }
+                window.dispatchEvent(
+                  new CustomEvent("pagehub:page-deleted", { detail: { pageId: r.pageId } })
+                ), h();
+              }
+            }
+          }
+        )
+      },
+      {
+        key: "seo",
+        label: "SEO",
+        order: 200,
+        icon: /* @__PURE__ */ e(xe, {}),
+        render: (r) => /* @__PURE__ */ e(
+          Jt,
+          {
+            inputClass: r.inputClass,
+            pageTitle: r.draft.pageTitle,
+            setPageTitle: (s) => r.updateField("pageTitle", s),
+            pageDescription: r.draft.pageDescription,
+            setPageDescription: (s) => r.updateField("pageDescription", s),
+            pageKeywords: r.draft.pageKeywords,
+            setPageKeywords: (s) => r.updateField("pageKeywords", s),
+            pageAuthor: r.draft.pageAuthor,
+            setPageAuthor: (s) => r.updateField("pageAuthor", s)
+          }
+        )
+      },
+      {
+        key: "open-graph",
+        label: "Open Graph",
+        order: 210,
+        icon: /* @__PURE__ */ e(fe, {}),
+        render: (r) => /* @__PURE__ */ e(
+          At,
+          {
+            inputClass: r.inputClass,
+            selectClass: r.selectClass,
+            ogTitle: r.draft.ogTitle,
+            setOgTitle: (s) => r.updateField("ogTitle", s),
+            ogDescription: r.draft.ogDescription,
+            setOgDescription: (s) => r.updateField("ogDescription", s),
+            ogImage: r.draft.ogImage,
+            setOgImage: (s) => r.updateField("ogImage", s),
+            ogType: r.draft.ogType,
+            setOgType: (s) => r.updateField("ogType", s)
+          }
+        )
+      },
+      {
+        key: "twitter",
+        label: "Twitter / X",
+        order: 220,
+        icon: /* @__PURE__ */ e(Qe, {}),
+        render: (r) => /* @__PURE__ */ e(
+          Kt,
+          {
+            inputClass: r.inputClass,
+            selectClass: r.selectClass,
+            twitterCard: r.draft.twitterCard,
+            setTwitterCard: (s) => r.updateField("twitterCard", s),
+            twitterSite: r.draft.twitterSite,
+            setTwitterSite: (s) => r.updateField("twitterSite", s),
+            twitterCreator: r.draft.twitterCreator,
+            setTwitterCreator: (s) => r.updateField("twitterCreator", s)
+          }
+        )
+      },
+      {
+        key: "advanced",
+        label: "Advanced",
+        order: 300,
+        icon: /* @__PURE__ */ e(Ye, {}),
+        render: (r) => /* @__PURE__ */ e(
+          xt,
+          {
+            inputClass: r.inputClass,
+            canonicalUrl: r.draft.canonicalUrl,
+            setCanonicalUrl: (s) => r.updateField("canonicalUrl", s),
+            bodyClass: r.draft.bodyClass,
+            setBodyClass: (s) => r.updateField("bodyClass", s),
+            pagePassword: r.draft.pagePassword,
+            setPagePassword: (s) => r.updateField("pagePassword", s),
+            hideHeader: !!r.draft.hideHeader,
+            setHideHeader: (s) => r.updateField("hideHeader", s),
+            hideFooter: !!r.draft.hideFooter,
+            setHideFooter: (s) => r.updateField("hideFooter", s),
+            hideChrome: !!r.draft.hideChrome,
+            setHideChrome: (s) => r.updateField("hideChrome", s)
+          }
+        )
+      },
+      {
+        key: "head-code",
+        label: "Custom code",
+        order: 310,
+        icon: /* @__PURE__ */ e(te, {}),
+        render: (r) => /* @__PURE__ */ e(
+          Ft,
+          {
+            headCode: r.draft.headCode,
+            setHeadCode: (s) => r.updateField("headCode", s)
+          }
+        )
+      },
+      {
+        key: "schema",
+        label: "Schema",
+        order: 320,
+        icon: /* @__PURE__ */ e(Xe, {}),
+        render: (r) => /* @__PURE__ */ e(
+          Gt,
+          {
+            schema: Array.isArray(r.draft.schema) ? r.draft.schema : [],
+            setSchema: (s) => r.updateField("schema", s),
+            inputClass: r.inputClass
+          }
+        )
+      },
+      {
+        key: "theme",
+        label: "Theme",
+        order: 330,
+        icon: /* @__PURE__ */ e(Ze, {}),
+        render: (r) => /* @__PURE__ */ e(
+          Wt,
+          {
+            inputClass: r.inputClass,
+            themeOverrides: r.draft.themeOverrides,
+            setThemeOverrides: (s) => r.updateField("themeOverrides", s)
+          }
+        )
+      },
+      {
+        key: "access",
+        label: "Access",
+        order: 400,
+        icon: /* @__PURE__ */ e(tt, {}),
+        render: (r) => {
+          const g = et(a).filter((d) => d !== r.pageId).map((d) => {
+            var f, b;
+            const m = a.node(d).get();
+            return { id: d, name: ((b = (f = m == null ? void 0 : m.data) == null ? void 0 : f.custom) == null ? void 0 : b.displayName) || d };
+          });
+          return /* @__PURE__ */ e(
+            kt,
+            {
+              inputClass: r.inputClass,
+              selectClass: r.selectClass,
+              conditionGroups: r.draft.conditionGroups || [],
+              setConditionGroups: (d) => r.updateField("conditionGroups", d),
+              pageConditionFailAction: r.draft.pageConditionFailAction || "",
+              setPageConditionFailAction: (d) => r.updateField("pageConditionFailAction", d),
+              pageConditionRedirectUrl: r.draft.pageConditionRedirectUrl || "",
+              setPageConditionRedirectUrl: (d) => r.updateField("pageConditionRedirectUrl", d),
+              pageConditionFallbackPageId: r.draft.pageConditionFallbackPageId || "",
+              setPageConditionFallbackPageId: (d) => r.updateField("pageConditionFallbackPageId", d),
+              pages: g
+            }
+          );
+        }
+      }
+    ],
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [t, n, h, l, p]
+  );
+}
+function ge(t) {
+  return !!t && typeof t.then == "function";
+}
+function Yt({
+  isOpen: t,
+  loadDraft: a,
+  getDraftSignature: n,
+  commitDraft: l,
+  debounceMs: o = 350,
+  reloadKey: i
+}) {
+  const [p, u] = P(void 0), [h, r] = P(!0), s = O(void 0), g = O(""), d = O(() => {
+  }), m = O(null), f = O(a), b = O(n), S = O(l);
+  R(() => {
+    f.current = a;
+  }, [a]), R(() => {
+    b.current = n;
+  }, [n]), R(() => {
+    S.current = l;
+  }, [l]);
+  const w = H(() => {
+    const y = s.current;
+    if (y === void 0) return;
+    const T = b.current(y);
+    if (T === g.current) return;
+    const C = S.current(y);
+    g.current = T, ge(C) && C.catch((U) => X.error("Error saving settings:", U));
+  }, []), F = E(() => at(w, o), [w, o]);
+  R(() => {
+    d.current = w;
+  }, [w]), R(() => (m.current = F, () => {
+    var y;
+    return (y = m.current) == null ? void 0 : y.cancel();
+  }), [F]), R(() => {
+    s.current = p;
+  }, [p]);
+  const k = H((y) => {
+    s.current = y, u(y), g.current = b.current(y), r(!1);
+  }, []);
+  R(() => {
+    if (!t) return;
+    let y = !1;
+    r(!0);
+    const T = f.current();
+    return ge(T) ? T.then((C) => {
+      y || k(C);
+    }).catch((C) => {
+      X.error("Error loading settings:", C), y || r(!1);
+    }) : y || k(T), () => {
+      var C;
+      y = !0, (C = m.current) == null || C.cancel(), d.current();
+    };
+  }, [t, i, k]), R(() => {
+    var y;
+    !t || h || (y = m.current) == null || y.call(m);
+  }, [p, t, h]);
+  const x = H(() => {
+    var y;
+    (y = m.current) == null || y.cancel(), d.current();
+  }, []), v = H(() => {
+    var y;
+    (y = m.current) == null || y.cancel();
+  }, []), A = H(
+    (y, T) => {
+      u((C) => {
+        const U = typeof T == "function" ? T(C[y]) : T, _ = { ...C, [y]: U };
+        return s.current = _, _;
+      });
+    },
+    []
+  );
+  return {
+    draft: p,
+    setDraft: u,
+    updateField: A,
+    loading: h,
+    requestSave: () => {
+      var y;
+      return (y = m.current) == null ? void 0 : y.call(m);
+    },
+    flushSave: x,
+    cancelSave: v
+  };
+}
+const G = [
+  // Basic
+  { key: "pageSlug", defaultValue: "" },
+  { key: "pageImage", defaultValue: "" },
+  // SEO — nested under seo.* on the node
+  { key: "pageTitle", nodePath: "seo.title", defaultValue: "" },
+  { key: "pageDescription", nodePath: "seo.description", defaultValue: "" },
+  { key: "pageKeywords", nodePath: "seo.keywords", defaultValue: "" },
+  { key: "pageAuthor", nodePath: "seo.author", defaultValue: "" },
+  { key: "ogTitle", nodePath: "seo.ogTitle", defaultValue: "" },
+  { key: "ogDescription", nodePath: "seo.ogDescription", defaultValue: "" },
+  { key: "ogImage", nodePath: "seo.ogImage", defaultValue: "" },
+  { key: "ogType", nodePath: "seo.ogType", defaultValue: "website" },
+  { key: "twitterCard", nodePath: "seo.twitterCard", defaultValue: "summary_large_image" },
+  { key: "twitterSite", nodePath: "seo.twitterSite", defaultValue: "" },
+  { key: "twitterCreator", nodePath: "seo.twitterCreator", defaultValue: "" },
+  // Advanced
+  { key: "canonicalUrl", nodePath: "seo.canonicalUrl", defaultValue: "" },
+  { key: "headCode", defaultValue: "" },
+  { key: "bodyClass", defaultValue: "" },
+  { key: "hideHeader", defaultValue: !1 },
+  { key: "hideFooter", defaultValue: !1 },
+  { key: "hideChrome", defaultValue: !1 },
+  { key: "jsonLd", nodePath: "seo.jsonLd", defaultValue: "" },
+  { key: "schema", nodePath: "seo.schema", defaultValue: [] },
+  { key: "pagePassword", defaultValue: "" },
+  { key: "themeOverrides", defaultValue: [] },
+  // Access Control (conditionGroups is the same prop used by node-level conditions)
+  { key: "conditionGroups", defaultValue: [] },
+  { key: "pageConditionFailAction", defaultValue: "" },
+  { key: "pageConditionRedirectUrl", defaultValue: "" },
+  { key: "pageConditionFallbackPageId", defaultValue: "" }
+];
+G.map((t) => t.key);
+function Xt(t, a) {
+  return a.includes(".") ? a.split(".").reduce((n, l) => n == null ? n : n[l], t) : t[a];
+}
+function Zt(t, a, n) {
+  if (!a.includes(".")) {
+    t[a] = n;
+    return;
+  }
+  const l = a.split(".");
+  let o = t;
+  for (let i = 0; i < l.length - 1; i++) {
+    const p = l[i];
+    (o[p] == null || typeof o[p] != "object") && (o[p] = {}), o = o[p];
+  }
+  o[l[l.length - 1]] = n;
+}
+function ea() {
+  const t = {};
+  for (const a of G) t[a.key] = a.defaultValue;
+  return t;
+}
+function ta(t) {
+  const a = {};
+  for (const n of G) {
+    const l = n.nodePath || n.key, o = Xt(t, l);
+    a[n.key] = o !== void 0 ? o : n.defaultValue;
+  }
+  return a;
+}
+function Te(t, a) {
+  for (const n of G) {
+    const l = a[n.key], o = n.nodePath || n.key;
+    Zt(t, o, l), n.nodePath && n.nodePath !== n.key && n.key in t && delete t[n.key];
+  }
+}
+function Y() {
+  return {
+    _remote: !1,
+    pageName: "",
+    isHomePage: !1,
+    is404Page: !1,
+    ...ea()
+  };
+}
+function be(t, a, n, l, o, i) {
+  return {
+    _remote: i,
+    pageName: t || "Untitled Page",
+    isHomePage: !!a,
+    is404Page: o ? !!n : !1,
+    ...ta(l)
+  };
+}
+function aa(t, a) {
+  const n = {};
+  return Te(n, t), {
+    displayName: t.pageName,
+    isHomePage: t.isHomePage,
+    is404Page: a && t.is404Page,
+    props: n
+  };
+}
+function na(t) {
+  const { _remote: a, ...n } = t;
+  return JSON.stringify(n);
+}
+function ra({
+  isOpen: t,
+  pageId: a,
+  allowCustom404Page: n,
+  query: l,
+  actions: o,
+  queryRef: i,
+  configRef: p,
+  allTabs: u,
+  applySlugDefaults: h
+}) {
+  return Yt({
+    isOpen: t,
+    loadDraft: () => {
+      var s, g;
+      if (!a) return Y();
+      if (nt().has(a)) {
+        const d = i.current.node(a).get(), m = ((s = d == null ? void 0 : d.data) == null ? void 0 : s.props) || {}, f = ((g = d == null ? void 0 : d.data) == null ? void 0 : g.custom) || {}, b = be(
+          f.displayName,
+          m.isHomePage,
+          m.is404Page,
+          m,
+          n,
+          !1
+        );
+        return h(b), b;
+      }
+      const { fetchPageSettings: r } = p.current.callbacks;
+      return r ? r(a).then((d) => {
+        if (d) {
+          const m = be(
+            d.displayName,
+            d.isHomePage,
+            d.is404Page,
+            d.props || {},
+            n,
+            !0
+          );
+          return h(m), m;
+        }
+        return Y();
+      }) : Y();
+    },
+    getDraftSignature: na,
+    commitDraft: (r) => {
+      var s, g, d, m, f, b, S, w;
+      if (a) {
+        if (r._remote) {
+          const { savePageSettings: F } = p.current.callbacks;
+          return F ? F(a, aa(r, n)) : void 0;
+        }
+        try {
+          const F = n && r.is404Page;
+          if (F) {
+            const k = l.node(ce).get();
+            for (const x of ((s = k == null ? void 0 : k.data) == null ? void 0 : s.nodes) || []) {
+              if (x === a) continue;
+              const v = l.node(x).get();
+              ((d = (g = v == null ? void 0 : v.data) == null ? void 0 : g.props) == null ? void 0 : d.type) === "page" && ((f = (m = v == null ? void 0 : v.data) == null ? void 0 : m.props) != null && f.is404Page) && o.setProp(x, (A) => {
+                A.is404Page = !1;
+              });
+            }
+          }
+          o.setCustom(a, (k) => {
+            k.displayName = r.pageName;
+          }), o.setProp(a, (k) => {
+            var x;
+            k.isHomePage = r.isHomePage, k.is404Page = F, Te(k, r);
+            for (const v of u)
+              (x = v.onSave) == null || x.call(v, {
+                query: l,
+                actions: o,
+                draft: r,
+                pageId: a,
+                allowCustom404Page: n,
+                setProp: (A) => A(k)
+              });
+          });
+          try {
+            const k = l.node(ce).get(), x = !!r.hideChrome;
+            for (const v of ((b = k == null ? void 0 : k.data) == null ? void 0 : b.nodes) || []) {
+              const A = l.node(v).get(), y = (w = (S = A == null ? void 0 : A.data) == null ? void 0 : S.props) == null ? void 0 : w.type;
+              y !== "page" && (x ? o.setHidden(v, !0) : y === "header" ? o.setHidden(v, !!r.hideHeader) : y === "footer" ? o.setHidden(v, !!r.hideFooter) : o.setHidden(v, !1));
+            }
+          } catch {
+          }
+        } catch (F) {
+          X.error("Error saving page settings:", F);
+        }
+      }
+    },
+    debounceMs: 350,
+    reloadKey: a
+  });
+}
+function ma({
+  isOpen: t,
+  onClose: a,
+  pageId: n,
+  extraTabs: l = []
+}) {
+  const { actions: o, query: i } = ee(), p = O(i), { config: u, features: h } = rt(), r = O(u), s = !!h.custom404Page, d = !lt(), m = typeof window < "u" ? window.innerHeight : 800, f = Math.max(520, Math.min(680, Math.round(m * 0.72))), b = Math.max(600, Math.min(760, Math.round(m * 0.82))), [S, w] = P("basic"), [F, k] = P(""), [x, v] = P(!0), [A, y] = P(!1);
+  R(() => {
+    p.current = i;
+  }, [i]), R(() => {
+    r.current = u;
+  }, [u]);
+  const T = H((D) => {
+    const oe = D.pageSlug;
+    k(oe || we(D.pageName || "untitled-page", "-")), v(!oe), y(!1);
+  }, []), C = Qt({
+    actions: o,
+    query: i,
+    autoSlug: x,
+    pageSlug: F,
+    setPageSlug: k,
+    setAutoSlug: v,
+    showDeleteConfirm: A,
+    setShowDeleteConfirm: y,
+    onClose: a
+  }), U = E(() => gt(l), [l]), _ = E(
+    () => ut(C, U),
+    [C, U]
+  ), { draft: ne, setDraft: re, updateField: le, loading: Pe, requestSave: se, flushSave: M } = ra({
+    isOpen: t,
+    pageId: n,
+    allowCustom404Page: s,
+    query: i,
+    actions: o,
+    queryRef: p,
+    configRef: r,
+    allTabs: _,
+    applySlugDefaults: T
+  }), Fe = mt, Ae = ht, J = E(
+    () => ({
+      inputClass: Fe,
+      selectClass: Ae,
+      query: i,
+      actions: o,
+      draft: ne,
+      setDraft: re,
+      updateField: le,
+      requestSave: se,
+      flushSave: M,
+      pageId: n,
+      allowCustom404Page: s
+    }),
+    [
+      o,
+      s,
+      ne,
+      M,
+      n,
+      i,
+      se,
+      re,
+      le
+    ]
+  ), W = E(() => pt(_, J), [_, J]), ie = W.find((D) => D.key === S) ?? W[0], Le = H(() => {
+    M(), a();
+  }, [M, a]);
+  return !t || !n ? null : /* @__PURE__ */ e(
+    st,
+    {
+      isOpen: t,
+      onClose: Le,
+      title: "Page Settings",
+      storageKey: "page-settings",
+      defaultWidth: 920,
+      defaultHeight: f,
+      minWidth: 640,
+      maxWidth: 1280,
+      minHeight: 400,
+      maxHeight: b,
+      dockToEdge: d ? "right" : "left",
+      zIndex: Ne,
+      tabs: W.map((D) => ({ key: D.key, label: D.label, icon: D.icon })),
+      activeTab: S,
+      setActiveTab: w,
+      children: Pe ? /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e("span", { className: "loading loading-spinner loading-md text-primary" }) }) : ie ? ie.render(J) : null
+    }
+  );
+}
+export {
+  ma as PageSettingsModal
+};