@orion-studios/payload-studio 0.5.0-beta.98 → 0.6.0-beta.1

package/dist/admin-app/client.mjs

@@ -1,833 +1,19 @@
 'use client';
 import {
-  MAX_DIRECT_UPLOAD_BYTES,
-  optimizeImageForUpload
-} from "../chunk-ROTPP5CU.mjs";
-
-// src/admin-app/components/AdminShellClient.tsx
-import { useEffect, useState } from "react";
-
-// src/admin-app/routeRegistry.ts
-var roleCanAccessNav = (role, item) => {
-  if (!item.roles || item.roles.length === 0) {
-    return true;
-  }
-  if (!role) {
-    return false;
-  }
-  return item.roles.includes(role);
-};
-var navItemIsActive = (pathname, item) => {
-  if (item.href === "/admin") {
-    return pathname === "/admin";
-  }
-  return item.matchPrefixes.some((prefix) => pathname.startsWith(prefix));
-};
-
-// src/admin-app/components/AdminShellClient.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var iconSize = 20;
-var iconStyle = { display: "block", flexShrink: 0 };
-function NavIcon({ name }) {
-  const props = { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", style: iconStyle };
-  switch (name) {
-    case "dashboard":
-      return /* @__PURE__ */ jsxs("svg", { ...props, children: [
-        /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "7", height: "9", rx: "1" }),
-        /* @__PURE__ */ jsx("rect", { x: "14", y: "3", width: "7", height: "5", rx: "1" }),
-        /* @__PURE__ */ jsx("rect", { x: "14", y: "12", width: "7", height: "9", rx: "1" }),
-        /* @__PURE__ */ jsx("rect", { x: "3", y: "16", width: "7", height: "5", rx: "1" })
-      ] });
-    case "pages":
-      return /* @__PURE__ */ jsxs("svg", { ...props, children: [
-        /* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z" }),
-        /* @__PURE__ */ jsx("polyline", { points: "14 2 14 8 20 8" }),
-        /* @__PURE__ */ jsx("line", { x1: "8", y1: "13", x2: "16", y2: "13" }),
-        /* @__PURE__ */ jsx("line", { x1: "8", y1: "17", x2: "12", y2: "17" })
-      ] });
-    case "globals":
-      return /* @__PURE__ */ jsxs("svg", { ...props, children: [
-        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" }),
-        /* @__PURE__ */ jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z" })
-      ] });
-    case "media":
-      return /* @__PURE__ */ jsxs("svg", { ...props, children: [
-        /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
-        /* @__PURE__ */ jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
-        /* @__PURE__ */ jsx("polyline", { points: "21 15 16 10 5 21" })
-      ] });
-    case "tools":
-      return /* @__PURE__ */ jsx("svg", { ...props, children: /* @__PURE__ */ jsx("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76Z" }) });
-    case "account":
-      return /* @__PURE__ */ jsxs("svg", { ...props, children: [
-        /* @__PURE__ */ jsx("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
-        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7", r: "4" })
-      ] });
-    default:
-      return null;
-  }
-}
-function AdminShellClient({
-  children,
-  brandName,
-  logoUrl,
-  userEmail,
-  userRole,
-  pathname,
-  navItems,
-  onLogout,
-  storageKey = "orion-admin-shell-collapsed"
-}) {
-  const [collapsed, setCollapsed] = useState(false);
-  const [loggingOut, setLoggingOut] = useState(false);
-  useEffect(() => {
-    try {
-      const stored = window.localStorage.getItem(storageKey);
-      if (stored === "1") {
-        setCollapsed(true);
-      }
-    } catch {
-    }
-  }, [storageKey]);
-  const toggleSidebar = () => {
-    setCollapsed((current) => {
-      const next = !current;
-      try {
-        window.localStorage.setItem(storageKey, next ? "1" : "0");
-      } catch {
-      }
-      return next;
-    });
-  };
-  const handleLogout = async () => {
-    setLoggingOut(true);
-    try {
-      await onLogout();
-    } finally {
-      setLoggingOut(false);
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { className: `orion-admin-shell ${collapsed ? "is-collapsed" : ""}`, children: [
-    /* @__PURE__ */ jsxs("aside", { className: "orion-admin-sidebar", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
-          className: "orion-admin-sidebar-toggle",
-          onClick: toggleSidebar,
-          type: "button",
-          children: collapsed ? ">" : "<"
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "orion-admin-brand-wrap", children: [
-        logoUrl ? /* @__PURE__ */ jsx("div", { className: "orion-admin-brand-logo", children: /* @__PURE__ */ jsx("img", { alt: `${brandName} logo`, src: logoUrl }) }) : null,
-        /* @__PURE__ */ jsxs("div", { className: "orion-admin-brand-text", children: [
-          /* @__PURE__ */ jsx("div", { className: "orion-admin-brand-name", title: brandName, children: collapsed ? brandName.slice(0, 1).toUpperCase() : brandName }),
-          !collapsed ? /* @__PURE__ */ jsx("div", { className: "orion-admin-brand-subtitle", children: "Studio" }) : null
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("nav", { className: "orion-admin-nav", children: navItems.filter((item) => roleCanAccessNav(userRole, item)).map((item) => {
-        const active = navItemIsActive(pathname, item);
-        return /* @__PURE__ */ jsx(
-          "a",
-          {
-            className: `orion-admin-nav-link ${active ? "is-active" : ""}`,
-            href: item.href,
-            title: item.label,
-            children: item.icon ? collapsed ? /* @__PURE__ */ jsx(NavIcon, { name: item.icon }) : /* @__PURE__ */ jsxs("span", { style: { alignItems: "center", display: "flex", gap: "0.6rem" }, children: [
-              /* @__PURE__ */ jsx(NavIcon, { name: item.icon }),
-              item.label
-            ] }) : collapsed ? item.label.slice(0, 1) : item.label
-          },
-          item.href
-        );
-      }) }),
-      /* @__PURE__ */ jsxs("div", { className: "orion-admin-sidebar-footer", children: [
-        !collapsed ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: "orion-admin-user-label", children: "Signed in as" }),
-          /* @__PURE__ */ jsx("div", { className: "orion-admin-user-email", children: userEmail })
-        ] }) : null,
-        /* @__PURE__ */ jsx("button", { className: "orion-admin-logout", disabled: loggingOut, onClick: handleLogout, type: "button", children: loggingOut ? "..." : "Log out" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx("main", { className: "orion-admin-main", children })
-  ] });
-}
-
-// src/admin-app/components/HeaderNavItemsEditor.tsx
-import { useEffect as useEffect2, useMemo, useState as useState2 } from "react";
-
-// src/admin-app/navigationLinks.ts
-var normalizeAdminNavInputs = (rows, pageOptions) => {
-  const allowedLinks = new Map(pageOptions.map((option) => [option.href, option.title]));
-  const deduped = [];
-  const seen = /* @__PURE__ */ new Set();
-  for (const row of rows) {
-    const href = typeof row.href === "string" ? row.href.trim() : "";
-    const defaultLabel = allowedLinks.get(href);
-    const explicitLabel = typeof row.label === "string" ? row.label.trim() : "";
-    const parentHref = typeof row.parentHref === "string" ? row.parentHref.trim() : "";
-    if (!href || !defaultLabel || seen.has(href)) {
-      continue;
-    }
-    seen.add(href);
-    deduped.push({
-      href,
-      label: explicitLabel.length > 0 ? explicitLabel : defaultLabel,
-      ...parentHref.length > 0 ? { parentHref } : {}
-    });
-  }
-  const hrefs = new Set(deduped.map((item) => item.href));
-  const parentByHref = new Map(deduped.map((item) => [item.href, item.parentHref || ""]));
-  const createsCycle = (href, parentHref) => {
-    const visited = /* @__PURE__ */ new Set([href]);
-    let current = parentHref;
-    while (current) {
-      if (visited.has(current)) {
-        return true;
-      }
-      visited.add(current);
-      current = parentByHref.get(current) || "";
-    }
-    return false;
-  };
-  return deduped.map((item) => {
-    const parentHref = item.parentHref;
-    if (!parentHref || parentHref === item.href || !hrefs.has(parentHref) || createsCycle(item.href, parentHref)) {
-      return {
-        href: item.href,
-        label: item.label
-      };
-    }
-    return item;
-  });
-};
-
-// src/admin-app/components/HeaderNavItemsEditor.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var toRow = (item, index) => ({
-  id: `row-${index}-${item.href || "empty"}`,
-  href: item.href || "",
-  label: item.label || "",
-  parentHref: item.parentHref || ""
-});
-var moveRow = (rows, fromIndex, toIndex) => {
-  if (fromIndex === toIndex || fromIndex < 0 || toIndex < 0 || fromIndex >= rows.length || toIndex >= rows.length) {
-    return rows;
-  }
-  const next = [...rows];
-  const [moved] = next.splice(fromIndex, 1);
-  if (!moved) {
-    return rows;
-  }
-  next.splice(toIndex, 0, moved);
-  return next;
-};
-function HeaderNavItemsEditor({ initialItems, pageOptions, onItemsChange }) {
-  const [rows, setRows] = useState2(() => initialItems.map(toRow));
-  const [nextRowID, setNextRowID] = useState2(initialItems.length);
-  const [draggingRowID, setDraggingRowID] = useState2(null);
-  const [dragOverRowID, setDragOverRowID] = useState2(null);
-  const pageOptionByHref = useMemo(() => new Map(pageOptions.map((option) => [option.href, option])), [pageOptions]);
-  const serializedState = useMemo(
-    () => JSON.stringify(
-      rows.map((row) => ({
-        href: row.href.trim(),
-        label: row.label.trim(),
-        parentHref: row.parentHref.trim() || void 0
-      }))
-    ),
-    [rows]
-  );
-  const normalizedItems = useMemo(() => {
-    const inputs = rows.map((row) => ({
-      href: row.href,
-      label: row.label,
-      parentHref: row.parentHref
-    }));
-    return normalizeAdminNavInputs(inputs, pageOptions);
-  }, [rows, pageOptions]);
-  useEffect2(() => {
-    onItemsChange?.(normalizedItems);
-  }, [normalizedItems, onItemsChange]);
-  const setRowValue = (rowID, changes) => {
-    setRows(
-      (currentRows) => currentRows.map((row) => {
-        if (row.id !== rowID) {
-          return row;
-        }
-        const nextRow = { ...row, ...changes };
-        if (nextRow.parentHref === nextRow.href) {
-          nextRow.parentHref = "";
-        }
-        return nextRow;
-      })
-    );
-  };
-  const removeRow = (rowID) => {
-    setRows((currentRows) => {
-      const removedRow = currentRows.find((candidate) => candidate.id === rowID);
-      const removedHref = removedRow?.href || "";
-      return currentRows.filter((row) => row.id !== rowID).map((row) => removedHref && row.parentHref === removedHref ? { ...row, parentHref: "" } : row);
-    });
-  };
-  const addRow = () => {
-    setRows((currentRows) => [
-      ...currentRows,
-      {
-        id: `row-new-${nextRowID}`,
-        href: "",
-        label: "",
-        parentHref: ""
-      }
-    ]);
-    setNextRowID((current) => current + 1);
-  };
-  return /* @__PURE__ */ jsxs2("div", { className: "orion-admin-nav-editor", children: [
-    /* @__PURE__ */ jsx2("input", { name: "navItemsState", readOnly: true, type: "hidden", value: serializedState }),
-    /* @__PURE__ */ jsxs2("div", { className: "orion-admin-nav-editor-head", children: [
-      /* @__PURE__ */ jsx2("div", { className: "orion-admin-nav-editor-title", children: "Navigation Items" }),
-      /* @__PURE__ */ jsx2("button", { className: "orion-admin-nav-editor-add", onClick: addRow, type: "button", children: "Add Item" })
-    ] }),
-    /* @__PURE__ */ jsx2("div", { className: "orion-admin-nav-editor-help", children: "Add only links you want in the menu. Drag rows to reorder. Set a parent to create dropdown items." }),
-    rows.length === 0 ? /* @__PURE__ */ jsx2("div", { className: "orion-admin-nav-editor-empty", children: 'No navigation items yet. Click "Add Item" to start.' }) : null,
-    /* @__PURE__ */ jsx2("div", { className: "orion-admin-nav-editor-list", children: rows.map((row, rowIndex) => {
-      const parentCandidates = rows.filter((candidate) => candidate.id !== row.id && candidate.href.trim().length > 0).map((candidate) => {
-        const resolved = pageOptionByHref.get(candidate.href);
-        return {
-          href: candidate.href,
-          label: candidate.label.trim() || resolved?.title || candidate.href
-        };
-      });
-      const selectedPage = pageOptionByHref.get(row.href);
-      const labelPlaceholder = selectedPage?.title || "Navigation Label";
-      return /* @__PURE__ */ jsxs2(
-        "div",
-        {
-          className: `orion-admin-nav-editor-row${draggingRowID === row.id ? " is-dragging" : ""}${dragOverRowID === row.id && draggingRowID !== row.id ? " is-drop-target" : ""}`,
-          draggable: true,
-          onDragEnd: () => {
-            setDraggingRowID(null);
-            setDragOverRowID(null);
-          },
-          onDragEnter: () => {
-            if (draggingRowID && draggingRowID !== row.id) {
-              setDragOverRowID(row.id);
-            }
-          },
-          onDragLeave: () => {
-            if (dragOverRowID === row.id) {
-              setDragOverRowID(null);
-            }
-          },
-          onDragOver: (event) => {
-            event.preventDefault();
-            if (draggingRowID && draggingRowID !== row.id && dragOverRowID !== row.id) {
-              setDragOverRowID(row.id);
-            }
-          },
-          onDragStart: (event) => {
-            setDraggingRowID(row.id);
-            event.dataTransfer.effectAllowed = "move";
-          },
-          onDrop: (event) => {
-            event.preventDefault();
-            if (!draggingRowID || draggingRowID === row.id) {
-              return;
-            }
-            setRows((currentRows) => {
-              const fromIndex = currentRows.findIndex((entry) => entry.id === draggingRowID);
-              const toIndex = currentRows.findIndex((entry) => entry.id === row.id);
-              return moveRow(currentRows, fromIndex, toIndex);
-            });
-            setDraggingRowID(null);
-            setDragOverRowID(null);
-          },
-          children: [
-            /* @__PURE__ */ jsxs2("div", { className: "orion-admin-nav-editor-row-head", children: [
-              /* @__PURE__ */ jsx2("span", { className: "orion-admin-nav-editor-drag", children: "Drag" }),
-              /* @__PURE__ */ jsxs2("span", { className: "orion-admin-nav-editor-row-index", children: [
-                "#",
-                rowIndex + 1
-              ] }),
-              /* @__PURE__ */ jsx2("button", { className: "orion-admin-nav-editor-remove", onClick: () => removeRow(row.id), type: "button", children: "Remove" })
-            ] }),
-            /* @__PURE__ */ jsxs2("div", { className: "orion-admin-nav-editor-row-grid", children: [
-              /* @__PURE__ */ jsxs2("label", { children: [
-                "Label",
-                /* @__PURE__ */ jsx2(
-                  "input",
-                  {
-                    name: `navLabel_${rowIndex}`,
-                    onChange: (event) => setRowValue(row.id, { label: event.target.value }),
-                    placeholder: labelPlaceholder,
-                    type: "text",
-                    value: row.label
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxs2("label", { children: [
-                "Page",
-                /* @__PURE__ */ jsxs2(
-                  "select",
-                  {
-                    name: `navPage_${rowIndex}`,
-                    onChange: (event) => {
-                      const nextHref = event.target.value;
-                      const nextParent = row.parentHref && row.parentHref === nextHref ? "" : row.parentHref;
-                      setRowValue(row.id, { href: nextHref, parentHref: nextParent });
-                    },
-                    value: row.href,
-                    children: [
-                      /* @__PURE__ */ jsx2("option", { value: "", children: "Select page..." }),
-                      pageOptions.map((pageOption) => /* @__PURE__ */ jsx2("option", { value: pageOption.href, children: pageOption.label }, `${pageOption.href}-${pageOption.title}`))
-                    ]
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxs2("label", { children: [
-                "Parent (dropdown under)",
-                /* @__PURE__ */ jsxs2(
-                  "select",
-                  {
-                    name: `navParentHref_${rowIndex}`,
-                    onChange: (event) => setRowValue(row.id, { parentHref: event.target.value }),
-                    value: row.parentHref,
-                    children: [
-                      /* @__PURE__ */ jsx2("option", { value: "", children: "Top-level item" }),
-                      parentCandidates.map((candidate) => /* @__PURE__ */ jsx2("option", { value: candidate.href, children: candidate.label }, `${row.id}-parent-${candidate.href}`))
-                    ]
-                  }
-                )
-              ] })
-            ] })
-          ]
-        },
-        row.id
-      );
-    }) })
-  ] });
-}
-
-// src/admin-app/components/HeaderNavEditorWithPreview.tsx
-import { useMemo as useMemo2, useState as useState3 } from "react";
-
-// src/admin-app/nestedNavigation.ts
-var normalizeNestedNavItems = (items) => {
-  const deduped = [];
-  const seen = /* @__PURE__ */ new Set();
-  for (const item of items) {
-    const href = typeof item.href === "string" ? item.href.trim() : "";
-    const label = typeof item.label === "string" ? item.label.trim() : "";
-    const parentHref = typeof item.parentHref === "string" ? item.parentHref.trim() : "";
-    if (!href || !label || seen.has(href)) {
-      continue;
-    }
-    seen.add(href);
-    deduped.push({
-      href,
-      label,
-      ...parentHref ? { parentHref } : {}
-    });
-  }
-  const hrefs = new Set(deduped.map((item) => item.href));
-  return deduped.map((item) => ({
-    href: item.href,
-    label: item.label,
-    ...item.parentHref && item.parentHref !== item.href && hrefs.has(item.parentHref) ? { parentHref: item.parentHref } : {}
-  }));
-};
-var buildNestedNavTree = (items) => {
-  const childrenByParent = /* @__PURE__ */ new Map();
-  const topLevel = [];
-  for (const item of items) {
-    if (!item.parentHref) {
-      topLevel.push(item);
-      continue;
-    }
-    const children = childrenByParent.get(item.parentHref) || [];
-    children.push(item);
-    childrenByParent.set(item.parentHref, children);
-  }
-  if (topLevel.length === 0 && items.length > 0) {
-    return {
-      topLevel: items.map((item) => ({ href: item.href, label: item.label })),
-      childrenByParent: /* @__PURE__ */ new Map()
-    };
-  }
-  return { childrenByParent, topLevel };
-};
-
-// src/admin-app/components/HeaderNavEditorWithPreview.tsx
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var fallbackNav = [{ href: "/", label: "Home" }];
-function HeaderNavEditorWithPreview({
-  brandName,
-  initialItems,
-  logoUrl,
-  pageOptions,
-  tagline = ""
-}) {
-  const [liveItems, setLiveItems] = useState3(initialItems);
-  const previewItems = useMemo2(() => {
-    const normalized = normalizeNestedNavItems(liveItems);
-    const tree = buildNestedNavTree(normalized);
-    return tree.topLevel.length > 0 ? tree : buildNestedNavTree(fallbackNav);
-  }, [liveItems]);
-  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    /* @__PURE__ */ jsx3(HeaderNavItemsEditor, { initialItems, onItemsChange: setLiveItems, pageOptions }),
-    /* @__PURE__ */ jsx3("div", { style: { color: "#5d6664", fontSize: "0.88rem", fontWeight: 700 }, children: "Header Preview" }),
-    /* @__PURE__ */ jsx3(
-      "div",
-      {
-        style: {
-          border: "1px solid #dce2e0",
-          borderRadius: 14,
-          overflow: "hidden"
-        },
-        children: /* @__PURE__ */ jsx3("header", { className: "site-header", style: { position: "relative", top: "auto" }, children: /* @__PURE__ */ jsxs3("div", { className: "container container-content header-wrap", children: [
-          /* @__PURE__ */ jsxs3("a", { className: "brand", href: "#", children: [
-            logoUrl ? /* @__PURE__ */ jsx3("img", { alt: `${brandName} logo`, src: logoUrl }) : null,
-            /* @__PURE__ */ jsxs3("div", { children: [
-              /* @__PURE__ */ jsx3("div", { className: "brand-title", children: brandName }),
-              tagline ? /* @__PURE__ */ jsx3("div", { className: "brand-subtitle", children: tagline }) : null
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx3("nav", { className: "site-nav open", children: previewItems.topLevel.map((item, index) => {
-            const children = previewItems.childrenByParent.get(item.href) || [];
-            return /* @__PURE__ */ jsxs3(
-              "div",
-              {
-                className: children.length > 0 ? "site-nav-item has-children" : "site-nav-item",
-                children: [
-                  /* @__PURE__ */ jsx3("a", { className: index === 0 ? "active" : "", href: item.href, children: item.label }),
-                  children.length > 0 ? /* @__PURE__ */ jsx3("div", { className: "site-subnav", children: children.map((child) => /* @__PURE__ */ jsx3("a", { href: child.href, children: child.label }, `${item.href}-${child.href}`)) }) : null
-                ]
-              },
-              `${item.href}-${index}`
-            );
-          }) })
-        ] }) })
-      }
-    )
-  ] });
-}
-
-// src/admin-app/components/MediaDetailPanel.tsx
-import { useState as useState4 } from "react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function formatFileSize(bytes) {
-  if (bytes < 1024) return `${bytes} B`;
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-}
-function MediaDetailPanel({
-  id,
-  filename,
-  alt,
-  url,
-  filesize,
-  width,
-  height,
-  mimeType,
-  createdAt,
-  updateAction,
-  deleteAction
-}) {
-  const [copied, setCopied] = useState4(false);
-  const [confirmDelete, setConfirmDelete] = useState4(false);
-  const copyUrl = async () => {
-    if (!url) return;
-    try {
-      await navigator.clipboard.writeText(url);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    } catch {
-      const input = document.createElement("input");
-      input.value = url;
-      document.body.appendChild(input);
-      input.select();
-      document.execCommand("copy");
-      document.body.removeChild(input);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    }
-  };
-  const metaRows = [];
-  if (filename) metaRows.push({ label: "Filename", value: filename });
-  if (typeof filesize === "number") metaRows.push({ label: "File size", value: formatFileSize(filesize) });
-  if (typeof width === "number" && typeof height === "number") metaRows.push({ label: "Dimensions", value: `${width} \xD7 ${height} px` });
-  if (mimeType) metaRows.push({ label: "Type", value: mimeType });
-  if (createdAt) {
-    try {
-      metaRows.push({ label: "Uploaded", value: new Date(createdAt).toLocaleDateString() });
-    } catch {
-      metaRows.push({ label: "Uploaded", value: createdAt });
-    }
-  }
-  return /* @__PURE__ */ jsxs4("div", { className: "orion-admin-grid", style: { alignItems: "start" }, children: [
-    /* @__PURE__ */ jsxs4("div", { children: [
-      /* @__PURE__ */ jsx4("div", { className: "orion-admin-card", children: url ? /* @__PURE__ */ jsx4("img", { alt: alt || filename || "Media", src: url, style: { borderRadius: 12, width: "100%" } }) : /* @__PURE__ */ jsx4("span", { children: "No preview available." }) }),
-      url ? /* @__PURE__ */ jsx4(
-        "button",
-        {
-          className: "orion-admin-action-button",
-          onClick: copyUrl,
-          style: { marginTop: "0.6rem", width: "100%" },
-          type: "button",
-          children: copied ? "Copied!" : "Copy URL"
-        }
-      ) : null
-    ] }),
-    /* @__PURE__ */ jsxs4("div", { style: { display: "grid", gap: "0.8rem" }, children: [
-      metaRows.length > 0 ? /* @__PURE__ */ jsx4("div", { className: "orion-admin-card orion-admin-meta-table", children: metaRows.map((row) => /* @__PURE__ */ jsxs4("div", { className: "orion-admin-meta-row", children: [
-        /* @__PURE__ */ jsx4("span", { className: "orion-admin-meta-label", children: row.label }),
-        /* @__PURE__ */ jsx4("span", { className: "orion-admin-meta-value", children: row.value })
-      ] }, row.label)) }) : null,
-      /* @__PURE__ */ jsxs4("form", { action: updateAction, className: "orion-admin-form", children: [
-        /* @__PURE__ */ jsx4("input", { name: "id", type: "hidden", value: id }),
-        /* @__PURE__ */ jsxs4("label", { children: [
-          "Alt text",
-          /* @__PURE__ */ jsx4("input", { defaultValue: alt || "", name: "alt", required: true, type: "text" })
-        ] }),
-        /* @__PURE__ */ jsx4("button", { type: "submit", children: "Save" })
-      ] }),
-      confirmDelete ? /* @__PURE__ */ jsxs4("div", { className: "orion-admin-form", style: { borderColor: "#b42318" }, children: [
-        /* @__PURE__ */ jsx4("p", { style: { fontWeight: 700, margin: 0 }, children: "Are you sure you want to delete this asset?" }),
-        /* @__PURE__ */ jsx4("p", { style: { color: "var(--orion-admin-muted)", fontSize: "0.9rem", margin: 0 }, children: "This action cannot be undone." }),
-        /* @__PURE__ */ jsxs4("div", { style: { display: "flex", gap: "0.5rem" }, children: [
-          /* @__PURE__ */ jsxs4("form", { action: deleteAction, style: { flex: 1 }, children: [
-            /* @__PURE__ */ jsx4("input", { name: "id", type: "hidden", value: id }),
-            /* @__PURE__ */ jsx4("button", { style: { background: "#b42318", border: 0, borderRadius: 10, color: "#fff", cursor: "pointer", fontWeight: 800, padding: "0.55rem 0.8rem", width: "100%" }, type: "submit", children: "Yes, Delete" })
-          ] }),
-          /* @__PURE__ */ jsx4(
-            "button",
-            {
-              onClick: () => setConfirmDelete(false),
-              style: { background: "transparent", border: "1px solid var(--orion-admin-border)", borderRadius: 10, cursor: "pointer", flex: 1, fontWeight: 700, padding: "0.55rem 0.8rem" },
-              type: "button",
-              children: "Cancel"
-            }
-          )
-        ] })
-      ] }) : /* @__PURE__ */ jsx4(
-        "button",
-        {
-          className: "orion-admin-action-button",
-          onClick: () => setConfirmDelete(true),
-          style: { background: "#b42318" },
-          type: "button",
-          children: "Delete Asset"
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/admin-app/components/MediaListItem.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function formatFileSize2(bytes) {
-  if (bytes < 1024) return `${bytes} B`;
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-}
-function MediaListItem({
-  id,
-  filename,
-  alt,
-  url,
-  filesize,
-  width,
-  height,
-  mimeType,
-  href
-}) {
-  const label = filename || `Media ${id}`;
-  const altText = alt || "";
-  const metaParts = [];
-  if (typeof filesize === "number") metaParts.push(formatFileSize2(filesize));
-  if (typeof width === "number" && typeof height === "number") metaParts.push(`${width}\xD7${height}`);
-  if (typeof mimeType === "string") metaParts.push(mimeType);
-  return /* @__PURE__ */ jsxs5("a", { className: "orion-admin-list-item", href, children: [
-    /* @__PURE__ */ jsxs5("div", { style: { alignItems: "center", display: "flex", gap: "0.8rem" }, children: [
-      url ? /* @__PURE__ */ jsx5("img", { alt: altText || label, className: "orion-admin-media-preview", src: url }) : null,
-      /* @__PURE__ */ jsxs5("div", { children: [
-        /* @__PURE__ */ jsx5("strong", { children: label }),
-        /* @__PURE__ */ jsx5("div", { className: "orion-admin-list-meta", children: altText || "No alt text" }),
-        metaParts.length > 0 ? /* @__PURE__ */ jsx5("div", { className: "orion-admin-list-meta", style: { marginTop: "0.15rem" }, children: metaParts.join(" \xB7 ") }) : null
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx5("span", { className: "orion-admin-list-meta", children: "Edit" })
-  ] });
-}
-
-// src/admin-app/components/MediaUploadForm.tsx
-import { useState as useState5, useRef, useCallback } from "react";
-import { useRouter } from "next/navigation";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var MEDIA_LIBRARY_SYNC_EVENT = "orion-media-library-updated";
-var notifyMediaLibraryUpdated = () => {
-  if (typeof window === "undefined") {
-    return;
-  }
-  const updatedAt = Date.now().toString();
-  window.dispatchEvent(
-    new CustomEvent(MEDIA_LIBRARY_SYNC_EVENT, {
-      detail: {
-        updatedAt
-      }
-    })
-  );
-  try {
-    window.localStorage.setItem(MEDIA_LIBRARY_SYNC_EVENT, updatedAt);
-  } catch {
-  }
-};
-var parseUploadError = async (response) => {
-  const fallback = "Upload failed. Please check the image and required fields, then try again.";
-  try {
-    const body = await response.json();
-    const nestedMessage = body.errors?.[0]?.data?.errors?.[0]?.message;
-    if (typeof nestedMessage === "string" && nestedMessage.trim().length > 0) {
-      return nestedMessage;
-    }
-    const topMessage = body.errors?.[0]?.message;
-    if (typeof topMessage === "string" && topMessage.trim().length > 0) {
-      return topMessage;
-    }
-    if (typeof body.message === "string" && body.message.trim().length > 0) {
-      return body.message;
-    }
-  } catch {
-  }
-  return fallback;
-};
-function MediaUploadForm() {
-  const router = useRouter();
-  const fileInputRef = useRef(null);
-  const [alt, setAlt] = useState5("");
-  const [file, setFile] = useState5(null);
-  const [preview, setPreview] = useState5(null);
-  const [dragging, setDragging] = useState5(false);
-  const [submitting, setSubmitting] = useState5(false);
-  const [error, setError] = useState5(null);
-  const handleFile = useCallback((selectedFile) => {
-    setFile(selectedFile);
-    if (preview) {
-      URL.revokeObjectURL(preview);
-      setPreview(null);
-    }
-    if (selectedFile && selectedFile.type.startsWith("image/")) {
-      setPreview(URL.createObjectURL(selectedFile));
-    }
-  }, [preview]);
-  const onDragOver = useCallback((e) => {
-    e.preventDefault();
-    setDragging(true);
-  }, []);
-  const onDragLeave = useCallback((e) => {
-    e.preventDefault();
-    setDragging(false);
-  }, []);
-  const onDrop = useCallback((e) => {
-    e.preventDefault();
-    setDragging(false);
-    const droppedFile = e.dataTransfer.files?.[0] || null;
-    if (droppedFile) {
-      handleFile(droppedFile);
-    }
-  }, [handleFile]);
-  const upload = async (event) => {
-    event.preventDefault();
-    if (!file) {
-      setError("Select an image to upload.");
-      return;
-    }
-    setSubmitting(true);
-    setError(null);
-    try {
-      const optimizedFile = await optimizeImageForUpload(file);
-      if (optimizedFile.size > MAX_DIRECT_UPLOAD_BYTES) {
-        throw new Error("Image is too large. Use an image under 4MB or lower-resolution export.");
-      }
-      const formData = new FormData();
-      const fallbackAlt = file.name.replace(/\.[^/.]+$/, "").trim();
-      const resolvedAlt = alt.trim() || fallbackAlt || "Uploaded image";
-      formData.set("_payload", JSON.stringify({ alt: resolvedAlt }));
-      formData.set("alt", resolvedAlt);
-      formData.set("file", optimizedFile);
-      const response = await fetch("/api/media", {
-        method: "POST",
-        credentials: "include",
-        body: formData
-      });
-      if (!response.ok) {
-        throw new Error(await parseUploadError(response));
-      }
-      setAlt("");
-      setFile(null);
-      if (preview) {
-        URL.revokeObjectURL(preview);
-        setPreview(null);
-      }
-      notifyMediaLibraryUpdated();
-      router.refresh();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Upload failed");
-    } finally {
-      setSubmitting(false);
-    }
-  };
-  return /* @__PURE__ */ jsxs6("form", { className: "orion-admin-upload-form", onSubmit: upload, children: [
-    /* @__PURE__ */ jsxs6("label", { children: [
-      "Alt text",
-      /* @__PURE__ */ jsx6(
-        "input",
-        {
-          onChange: (event) => setAlt(event.target.value),
-          placeholder: "Describe the image",
-          type: "text",
-          value: alt
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs6(
-      "div",
-      {
-        className: `orion-admin-dropzone${dragging ? " is-dragging" : ""}${file ? " has-file" : ""}`,
-        onClick: () => fileInputRef.current?.click(),
-        onDragLeave,
-        onDragOver,
-        onDrop,
-        children: [
-          preview ? /* @__PURE__ */ jsxs6("div", { className: "orion-admin-dropzone-preview", children: [
-            /* @__PURE__ */ jsx6("img", { alt: "Upload preview", src: preview }),
-            /* @__PURE__ */ jsx6("span", { children: file?.name })
-          ] }) : /* @__PURE__ */ jsxs6("div", { className: "orion-admin-dropzone-label", children: [
-            /* @__PURE__ */ jsx6("strong", { children: "Drop an image here" }),
-            /* @__PURE__ */ jsx6("span", { children: "or click to browse" })
-          ] }),
-          /* @__PURE__ */ jsx6(
-            "input",
-            {
-              accept: "image/*",
-              onChange: (event) => handleFile(event.target.files?.[0] || null),
-              ref: fileInputRef,
-              style: { display: "none" },
-              type: "file"
-            }
-          )
-        ]
-      }
-    ),
-    error ? /* @__PURE__ */ jsx6("div", { className: "orion-admin-upload-error", children: error }) : null,
-    /* @__PURE__ */ jsx6("button", { disabled: submitting, type: "submit", children: submitting ? "Uploading..." : "Upload" })
-  ] });
-}
+  AdminShellClient,
+  HeaderNavEditorWithPreview,
+  HeaderNavItemsEditor,
+  MediaDetailPanel,
+  MediaListItem,
+  MediaUploadForm,
+  SiteFooterPreview,
+  SiteHeaderPreview
+} from "../chunk-KPIX7OSV.mjs";
+import "../chunk-ROTPP5CU.mjs";
 
 // src/admin-app/components/PageEditorFrame.tsx
-import { useEffect as useEffect3, useRef as useRef2, useState as useState6 } from "react";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 var extractPageIDFromBuilderSrc = (value) => {
   if (!value || typeof value !== "string") {
     return null;
@@ -841,19 +27,19 @@ var extractPageIDFromBuilderSrc = (value) => {
   }
 };
 function PageEditorFrame({ src }) {
-  const iframeRef = useRef2(null);
-  const dirtyCheckTimerRef = useRef2(null);
-  const [saving, setSaving] = useState6(null);
-  const [message, setMessage] = useState6("");
-  const [error, setError] = useState6("");
-  const [hasUnsavedChanges, setHasUnsavedChanges] = useState6(false);
-  const [awaitingDirtyCheck, setAwaitingDirtyCheck] = useState6(false);
-  const [pendingNavigationURL, setPendingNavigationURL] = useState6(null);
-  const [showUnsavedDialog, setShowUnsavedDialog] = useState6(false);
-  const [canUndo, setCanUndo] = useState6(false);
-  const [canRedo, setCanRedo] = useState6(false);
-  const [sessionExpired, setSessionExpired] = useState6(false);
-  const [hasUnpublishedChanges, setHasUnpublishedChanges] = useState6(false);
+  const iframeRef = useRef(null);
+  const dirtyCheckTimerRef = useRef(null);
+  const [saving, setSaving] = useState(null);
+  const [message, setMessage] = useState("");
+  const [error, setError] = useState("");
+  const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
+  const [awaitingDirtyCheck, setAwaitingDirtyCheck] = useState(false);
+  const [pendingNavigationURL, setPendingNavigationURL] = useState(null);
+  const [showUnsavedDialog, setShowUnsavedDialog] = useState(false);
+  const [canUndo, setCanUndo] = useState(false);
+  const [canRedo, setCanRedo] = useState(false);
+  const [sessionExpired, setSessionExpired] = useState(false);
+  const [hasUnpublishedChanges, setHasUnpublishedChanges] = useState(false);
   const pageID = extractPageIDFromBuilderSrc(src);
   const refreshUnpublishedChanges = async () => {
     if (!pageID) {
@@ -934,7 +120,7 @@ function PageEditorFrame({ src }) {
       "*"
     );
   };
-  useEffect3(() => {
+  useEffect(() => {
     const onMessage = (event) => {
       const data = event.data;
       if (!data || data.source !== "payload-visual-builder-child") {
@@ -986,10 +172,10 @@ function PageEditorFrame({ src }) {
     window.addEventListener("message", onMessage);
     return () => window.removeEventListener("message", onMessage);
   }, [awaitingDirtyCheck, pendingNavigationURL]);
-  useEffect3(() => {
+  useEffect(() => {
     void refreshUnpublishedChanges();
   }, [pageID]);
-  useEffect3(() => {
+  useEffect(() => {
     const onDocumentClick = (event) => {
       if (!hasUnsavedChanges) {
         return;
@@ -1052,7 +238,7 @@ function PageEditorFrame({ src }) {
     document.addEventListener("click", onDocumentClick, true);
     return () => document.removeEventListener("click", onDocumentClick, true);
   }, [hasUnsavedChanges]);
-  useEffect3(() => {
+  useEffect(() => {
     if (!hasUnsavedChanges) {
       return;
     }
@@ -1063,14 +249,14 @@ function PageEditorFrame({ src }) {
     window.addEventListener("beforeunload", onBeforeUnload);
     return () => window.removeEventListener("beforeunload", onBeforeUnload);
   }, [hasUnsavedChanges]);
-  useEffect3(
+  useEffect(
     () => () => {
       clearDirtyCheckTimer();
     },
     []
   );
-  return /* @__PURE__ */ jsxs7("div", { style: { display: "grid", gap: "0.8rem" }, children: [
-    /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "0.8rem" }, children: [
+    /* @__PURE__ */ jsxs(
       "div",
       {
         style: {
@@ -1085,17 +271,17 @@ function PageEditorFrame({ src }) {
           padding: "0.7rem 0.8rem"
         },
         children: [
-          /* @__PURE__ */ jsxs7("div", { style: { display: "grid", gap: "0.2rem" }, children: [
-            /* @__PURE__ */ jsx7("div", { style: { color: "var(--orion-admin-muted)", fontSize: "0.9rem" }, children: "Save changes to update the page layout and content." }),
-            /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "0.2rem" }, children: [
+            /* @__PURE__ */ jsx("div", { style: { color: "var(--orion-admin-muted)", fontSize: "0.9rem" }, children: "Save changes to update the page layout and content." }),
+            /* @__PURE__ */ jsx(
               "div",
               {
                 style: {
                   alignItems: "center",
-                  background: hasUnpublishedChanges ? "#fff3cd" : "#e7f7ee",
-                  border: `1px solid ${hasUnpublishedChanges ? "#f0c36d" : "#87c79e"}`,
+                  background: hasUnpublishedChanges ? "#fff3cd" : "var(--orion-admin-accent-subtle)",
+                  border: `1px solid ${hasUnpublishedChanges ? "#f0c36d" : "color-mix(in srgb, var(--orion-admin-accent) 36%, transparent)"}`,
                   borderRadius: 999,
-                  color: hasUnpublishedChanges ? "#6a4a00" : "#0e5a2a",
+                  color: hasUnpublishedChanges ? "#6a4a00" : "var(--orion-admin-accent)",
                   display: "inline-flex",
                   fontSize: "0.75rem",
                   fontWeight: 800,
@@ -1107,8 +293,8 @@ function PageEditorFrame({ src }) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs7("div", { style: { alignItems: "center", display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: [
-            /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsxs("div", { style: { alignItems: "center", display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: [
+            /* @__PURE__ */ jsx(
               "button",
               {
                 className: "orion-admin-action-button",
@@ -1119,7 +305,7 @@ function PageEditorFrame({ src }) {
                 children: "Undo"
               }
             ),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx(
               "button",
               {
                 className: "orion-admin-action-button",
@@ -1130,7 +316,7 @@ function PageEditorFrame({ src }) {
                 children: "Redo"
               }
             ),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx(
               "button",
               {
                 className: "orion-admin-action-button",
@@ -1140,13 +326,13 @@ function PageEditorFrame({ src }) {
                 children: saving === "draft" ? "Saving..." : "Save Draft"
               }
             ),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx(
               "button",
               {
                 className: "orion-admin-action-button",
                 disabled: saving !== null,
                 onClick: () => sendSave("published"),
-                style: { background: "#0f7d52" },
+                style: { background: "var(--orion-admin-accent)" },
                 type: "button",
                 children: saving === "published" ? "Publishing..." : "Publish"
               }
@@ -1155,9 +341,9 @@ function PageEditorFrame({ src }) {
         ]
       }
     ),
-    message ? /* @__PURE__ */ jsx7("div", { style: { color: "#0f7d52", fontSize: "0.9rem", fontWeight: 700 }, children: message }) : null,
-    error ? /* @__PURE__ */ jsx7("div", { className: "orion-admin-error", children: error }) : null,
-    sessionExpired ? /* @__PURE__ */ jsx7(
+    message ? /* @__PURE__ */ jsx("div", { style: { color: "var(--orion-admin-accent)", fontSize: "0.9rem", fontWeight: 700 }, children: message }) : null,
+    error ? /* @__PURE__ */ jsx("div", { className: "orion-admin-error", children: error }) : null,
+    sessionExpired ? /* @__PURE__ */ jsx(
       "div",
       {
         style: {
@@ -1172,7 +358,7 @@ function PageEditorFrame({ src }) {
         children: "Session expired. Log in again in a new tab, then save your changes."
       }
     ) : null,
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx(
       "iframe",
       {
         ref: iframeRef,
@@ -1192,7 +378,7 @@ function PageEditorFrame({ src }) {
         }
       }
     ),
-    pendingNavigationURL && showUnsavedDialog ? /* @__PURE__ */ jsx7(
+    pendingNavigationURL && showUnsavedDialog ? /* @__PURE__ */ jsx(
       "div",
       {
         "data-orion-unsaved-dialog": "true",
@@ -1206,7 +392,7 @@ function PageEditorFrame({ src }) {
           position: "fixed",
           zIndex: 2e3
         },
-        children: /* @__PURE__ */ jsxs7(
+        children: /* @__PURE__ */ jsxs(
           "div",
           {
             style: {
@@ -1221,12 +407,12 @@ function PageEditorFrame({ src }) {
               width: "100%"
             },
             children: [
-              /* @__PURE__ */ jsxs7("div", { children: [
-                /* @__PURE__ */ jsx7("div", { style: { color: "var(--orion-admin-text)", fontSize: "1rem", fontWeight: 700 }, children: "Unsaved changes" }),
-                /* @__PURE__ */ jsx7("div", { style: { color: "var(--orion-admin-muted)", fontSize: "0.9rem", marginTop: "0.4rem" }, children: "You have unsaved edits in the page builder. Save before leaving this page?" })
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("div", { style: { color: "var(--orion-admin-text)", fontSize: "1rem", fontWeight: 700 }, children: "Unsaved changes" }),
+                /* @__PURE__ */ jsx("div", { style: { color: "var(--orion-admin-muted)", fontSize: "0.9rem", marginTop: "0.4rem" }, children: "You have unsaved edits in the page builder. Save before leaving this page?" })
               ] }),
-              /* @__PURE__ */ jsxs7("div", { style: { display: "flex", gap: "0.6rem", justifyContent: "flex-end" }, children: [
-                /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "0.6rem", justifyContent: "flex-end" }, children: [
+                /* @__PURE__ */ jsx(
                   "button",
                   {
                     className: "orion-admin-action-button",
@@ -1238,7 +424,7 @@ function PageEditorFrame({ src }) {
                     children: "Stay"
                   }
                 ),
-                /* @__PURE__ */ jsx7(
+                /* @__PURE__ */ jsx(
                   "button",
                   {
                     className: "orion-admin-action-button",
@@ -1268,5 +454,7 @@ export {
   MediaDetailPanel,
   MediaListItem,
   MediaUploadForm,
-  PageEditorFrame
+  PageEditorFrame,
+  SiteFooterPreview,
+  SiteHeaderPreview
 };