@orion-studios/payload-studio 0.5.0-beta.113 → 0.5.0-beta.115

package/dist/admin-app/client.mjs

@@ -1,4 +1,10 @@
 'use client';
+import {
+  HeaderNavEditorWithPreview,
+  HeaderNavItemsEditor,
+  SiteFooterPreview,
+  SiteHeaderPreview
+} from "../chunk-6NE7GIVT.mjs";
 import {
   MAX_DIRECT_UPLOAD_BYTES,
   optimizeImageForUpload
@@ -162,368 +168,9 @@ function AdminShellClient({
   ] });
 }
 
-// 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";
+import { useState as useState2 } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function formatFileSize(bytes) {
   if (bytes < 1024) return `${bytes} B`;
   if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
@@ -542,8 +189,8 @@ function MediaDetailPanel({
   updateAction,
   deleteAction
 }) {
-  const [copied, setCopied] = useState4(false);
-  const [confirmDelete, setConfirmDelete] = useState4(false);
+  const [copied, setCopied] = useState2(false);
+  const [confirmDelete, setConfirmDelete] = useState2(false);
   const copyUrl = async () => {
     if (!url) return;
     try {
@@ -573,10 +220,10 @@ function MediaDetailPanel({
       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(
+  return /* @__PURE__ */ jsxs2("div", { className: "orion-admin-grid", style: { alignItems: "start" }, children: [
+    /* @__PURE__ */ jsxs2("div", { children: [
+      /* @__PURE__ */ jsx2("div", { className: "orion-admin-card", children: url ? /* @__PURE__ */ jsx2("img", { alt: alt || filename || "Media", src: url, style: { borderRadius: 12, width: "100%" } }) : /* @__PURE__ */ jsx2("span", { children: "No preview available." }) }),
+      url ? /* @__PURE__ */ jsx2(
         "button",
         {
           className: "orion-admin-action-button",
@@ -587,28 +234,28 @@ function MediaDetailPanel({
         }
       ) : 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 })
+    /* @__PURE__ */ jsxs2("div", { style: { display: "grid", gap: "0.8rem" }, children: [
+      metaRows.length > 0 ? /* @__PURE__ */ jsx2("div", { className: "orion-admin-card orion-admin-meta-table", children: metaRows.map((row) => /* @__PURE__ */ jsxs2("div", { className: "orion-admin-meta-row", children: [
+        /* @__PURE__ */ jsx2("span", { className: "orion-admin-meta-label", children: row.label }),
+        /* @__PURE__ */ jsx2("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: [
+      /* @__PURE__ */ jsxs2("form", { action: updateAction, className: "orion-admin-form", children: [
+        /* @__PURE__ */ jsx2("input", { name: "id", type: "hidden", value: id }),
+        /* @__PURE__ */ jsxs2("label", { children: [
           "Alt text",
-          /* @__PURE__ */ jsx4("input", { defaultValue: alt || "", name: "alt", required: true, type: "text" })
+          /* @__PURE__ */ jsx2("input", { defaultValue: alt || "", name: "alt", required: true, type: "text" })
         ] }),
-        /* @__PURE__ */ jsx4("button", { type: "submit", children: "Save" })
+        /* @__PURE__ */ jsx2("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" })
+      confirmDelete ? /* @__PURE__ */ jsxs2("div", { className: "orion-admin-form", style: { borderColor: "#b42318" }, children: [
+        /* @__PURE__ */ jsx2("p", { style: { fontWeight: 700, margin: 0 }, children: "Are you sure you want to delete this asset?" }),
+        /* @__PURE__ */ jsx2("p", { style: { color: "var(--orion-admin-muted)", fontSize: "0.9rem", margin: 0 }, children: "This action cannot be undone." }),
+        /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "0.5rem" }, children: [
+          /* @__PURE__ */ jsxs2("form", { action: deleteAction, style: { flex: 1 }, children: [
+            /* @__PURE__ */ jsx2("input", { name: "id", type: "hidden", value: id }),
+            /* @__PURE__ */ jsx2("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(
+          /* @__PURE__ */ jsx2(
             "button",
             {
               onClick: () => setConfirmDelete(false),
@@ -618,7 +265,7 @@ function MediaDetailPanel({
             }
           )
         ] })
-      ] }) : /* @__PURE__ */ jsx4(
+      ] }) : /* @__PURE__ */ jsx2(
         "button",
         {
           className: "orion-admin-action-button",
@@ -633,7 +280,7 @@ function MediaDetailPanel({
 }
 
 // src/admin-app/components/MediaListItem.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function formatFileSize2(bytes) {
   if (bytes < 1024) return `${bytes} B`;
   if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
@@ -656,23 +303,23 @@ function MediaListItem({
   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
+  return /* @__PURE__ */ jsxs3("a", { className: "orion-admin-list-item", href, children: [
+    /* @__PURE__ */ jsxs3("div", { style: { alignItems: "center", display: "flex", gap: "0.8rem" }, children: [
+      url ? /* @__PURE__ */ jsx3("img", { alt: altText || label, className: "orion-admin-media-preview", src: url }) : null,
+      /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsx3("strong", { children: label }),
+        /* @__PURE__ */ jsx3("div", { className: "orion-admin-list-meta", children: altText || "No alt text" }),
+        metaParts.length > 0 ? /* @__PURE__ */ jsx3("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" })
+    /* @__PURE__ */ jsx3("span", { className: "orion-admin-list-meta", children: "Edit" })
   ] });
 }
 
 // src/admin-app/components/MediaUploadForm.tsx
-import { useState as useState5, useRef, useCallback } from "react";
+import { useState as useState3, useRef, useCallback } from "react";
 import { useRouter } from "next/navigation";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var MEDIA_LIBRARY_SYNC_EVENT = "orion-media-library-updated";
 var notifyMediaLibraryUpdated = () => {
   if (typeof window === "undefined") {
@@ -713,12 +360,12 @@ var parseUploadError = async (response) => {
 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 [alt, setAlt] = useState3("");
+  const [file, setFile] = useState3(null);
+  const [preview, setPreview] = useState3(null);
+  const [dragging, setDragging] = useState3(false);
+  const [submitting, setSubmitting] = useState3(false);
+  const [error, setError] = useState3(null);
   const handleFile = useCallback((selectedFile) => {
     setFile(selectedFile);
     if (preview) {
@@ -786,10 +433,10 @@ function MediaUploadForm() {
       setSubmitting(false);
     }
   };
-  return /* @__PURE__ */ jsxs6("form", { className: "orion-admin-upload-form", onSubmit: upload, children: [
-    /* @__PURE__ */ jsxs6("label", { children: [
+  return /* @__PURE__ */ jsxs4("form", { className: "orion-admin-upload-form", onSubmit: upload, children: [
+    /* @__PURE__ */ jsxs4("label", { children: [
       "Alt text",
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx4(
         "input",
         {
           onChange: (event) => setAlt(event.target.value),
@@ -799,7 +446,7 @@ function MediaUploadForm() {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsxs4(
       "div",
       {
         className: `orion-admin-dropzone${dragging ? " is-dragging" : ""}${file ? " has-file" : ""}`,
@@ -808,14 +455,14 @@ function MediaUploadForm() {
         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" })
+          preview ? /* @__PURE__ */ jsxs4("div", { className: "orion-admin-dropzone-preview", children: [
+            /* @__PURE__ */ jsx4("img", { alt: "Upload preview", src: preview }),
+            /* @__PURE__ */ jsx4("span", { children: file?.name })
+          ] }) : /* @__PURE__ */ jsxs4("div", { className: "orion-admin-dropzone-label", children: [
+            /* @__PURE__ */ jsx4("strong", { children: "Drop an image here" }),
+            /* @__PURE__ */ jsx4("span", { children: "or click to browse" })
           ] }),
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx4(
             "input",
             {
               accept: "image/*",
@@ -828,14 +475,14 @@ function MediaUploadForm() {
         ]
       }
     ),
-    error ? /* @__PURE__ */ jsx6("div", { className: "orion-admin-upload-error", children: error }) : null,
-    /* @__PURE__ */ jsx6("button", { disabled: submitting, type: "submit", children: submitting ? "Uploading..." : "Upload" })
+    error ? /* @__PURE__ */ jsx4("div", { className: "orion-admin-upload-error", children: error }) : null,
+    /* @__PURE__ */ jsx4("button", { disabled: submitting, type: "submit", children: submitting ? "Uploading..." : "Upload" })
   ] });
 }
 
 // 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 as useEffect2, useRef as useRef2, useState as useState4 } from "react";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var extractPageIDFromBuilderSrc = (value) => {
   if (!value || typeof value !== "string") {
     return null;
@@ -851,17 +498,17 @@ 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 [saving, setSaving] = useState4(null);
+  const [message, setMessage] = useState4("");
+  const [error, setError] = useState4("");
+  const [hasUnsavedChanges, setHasUnsavedChanges] = useState4(false);
+  const [awaitingDirtyCheck, setAwaitingDirtyCheck] = useState4(false);
+  const [pendingNavigationURL, setPendingNavigationURL] = useState4(null);
+  const [showUnsavedDialog, setShowUnsavedDialog] = useState4(false);
+  const [canUndo, setCanUndo] = useState4(false);
+  const [canRedo, setCanRedo] = useState4(false);
+  const [sessionExpired, setSessionExpired] = useState4(false);
+  const [hasUnpublishedChanges, setHasUnpublishedChanges] = useState4(false);
   const pageID = extractPageIDFromBuilderSrc(src);
   const refreshUnpublishedChanges = async () => {
     if (!pageID) {
@@ -942,7 +589,7 @@ function PageEditorFrame({ src }) {
       "*"
     );
   };
-  useEffect3(() => {
+  useEffect2(() => {
     const onMessage = (event) => {
       const data = event.data;
       if (!data || data.source !== "payload-visual-builder-child") {
@@ -994,10 +641,10 @@ function PageEditorFrame({ src }) {
     window.addEventListener("message", onMessage);
     return () => window.removeEventListener("message", onMessage);
   }, [awaitingDirtyCheck, pendingNavigationURL]);
-  useEffect3(() => {
+  useEffect2(() => {
     void refreshUnpublishedChanges();
   }, [pageID]);
-  useEffect3(() => {
+  useEffect2(() => {
     const onDocumentClick = (event) => {
       if (!hasUnsavedChanges) {
         return;
@@ -1060,7 +707,7 @@ function PageEditorFrame({ src }) {
     document.addEventListener("click", onDocumentClick, true);
     return () => document.removeEventListener("click", onDocumentClick, true);
   }, [hasUnsavedChanges]);
-  useEffect3(() => {
+  useEffect2(() => {
     if (!hasUnsavedChanges) {
       return;
     }
@@ -1071,14 +718,14 @@ function PageEditorFrame({ src }) {
     window.addEventListener("beforeunload", onBeforeUnload);
     return () => window.removeEventListener("beforeunload", onBeforeUnload);
   }, [hasUnsavedChanges]);
-  useEffect3(
+  useEffect2(
     () => () => {
       clearDirtyCheckTimer();
     },
     []
   );
-  return /* @__PURE__ */ jsxs7("div", { style: { display: "grid", gap: "0.8rem" }, children: [
-    /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs5("div", { style: { display: "grid", gap: "0.8rem" }, children: [
+    /* @__PURE__ */ jsxs5(
       "div",
       {
         style: {
@@ -1093,9 +740,9 @@ 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__ */ jsxs5("div", { style: { display: "grid", gap: "0.2rem" }, children: [
+            /* @__PURE__ */ jsx5("div", { style: { color: "var(--orion-admin-muted)", fontSize: "0.9rem" }, children: "Save changes to update the page layout and content." }),
+            /* @__PURE__ */ jsx5(
               "div",
               {
                 style: {
@@ -1115,8 +762,8 @@ function PageEditorFrame({ src }) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs7("div", { style: { alignItems: "center", display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: [
-            /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsxs5("div", { style: { alignItems: "center", display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: [
+            /* @__PURE__ */ jsx5(
               "button",
               {
                 className: "orion-admin-action-button",
@@ -1127,7 +774,7 @@ function PageEditorFrame({ src }) {
                 children: "Undo"
               }
             ),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx5(
               "button",
               {
                 className: "orion-admin-action-button",
@@ -1138,7 +785,7 @@ function PageEditorFrame({ src }) {
                 children: "Redo"
               }
             ),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx5(
               "button",
               {
                 className: "orion-admin-action-button",
@@ -1148,7 +795,7 @@ function PageEditorFrame({ src }) {
                 children: saving === "draft" ? "Saving..." : "Save Draft"
               }
             ),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx5(
               "button",
               {
                 className: "orion-admin-action-button",
@@ -1163,9 +810,9 @@ function PageEditorFrame({ src }) {
         ]
       }
     ),
-    message ? /* @__PURE__ */ jsx7("div", { style: { color: "var(--orion-admin-accent)", fontSize: "0.9rem", fontWeight: 700 }, children: message }) : null,
-    error ? /* @__PURE__ */ jsx7("div", { className: "orion-admin-error", children: error }) : null,
-    sessionExpired ? /* @__PURE__ */ jsx7(
+    message ? /* @__PURE__ */ jsx5("div", { style: { color: "var(--orion-admin-accent)", fontSize: "0.9rem", fontWeight: 700 }, children: message }) : null,
+    error ? /* @__PURE__ */ jsx5("div", { className: "orion-admin-error", children: error }) : null,
+    sessionExpired ? /* @__PURE__ */ jsx5(
       "div",
       {
         style: {
@@ -1180,7 +827,7 @@ function PageEditorFrame({ src }) {
         children: "Session expired. Log in again in a new tab, then save your changes."
       }
     ) : null,
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx5(
       "iframe",
       {
         ref: iframeRef,
@@ -1200,7 +847,7 @@ function PageEditorFrame({ src }) {
         }
       }
     ),
-    pendingNavigationURL && showUnsavedDialog ? /* @__PURE__ */ jsx7(
+    pendingNavigationURL && showUnsavedDialog ? /* @__PURE__ */ jsx5(
       "div",
       {
         "data-orion-unsaved-dialog": "true",
@@ -1214,7 +861,7 @@ function PageEditorFrame({ src }) {
           position: "fixed",
           zIndex: 2e3
         },
-        children: /* @__PURE__ */ jsxs7(
+        children: /* @__PURE__ */ jsxs5(
           "div",
           {
             style: {
@@ -1229,12 +876,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__ */ jsxs5("div", { children: [
+                /* @__PURE__ */ jsx5("div", { style: { color: "var(--orion-admin-text)", fontSize: "1rem", fontWeight: 700 }, children: "Unsaved changes" }),
+                /* @__PURE__ */ jsx5("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__ */ jsxs5("div", { style: { display: "flex", gap: "0.6rem", justifyContent: "flex-end" }, children: [
+                /* @__PURE__ */ jsx5(
                   "button",
                   {
                     className: "orion-admin-action-button",
@@ -1246,7 +893,7 @@ function PageEditorFrame({ src }) {
                     children: "Stay"
                   }
                 ),
-                /* @__PURE__ */ jsx7(
+                /* @__PURE__ */ jsx5(
                   "button",
                   {
                     className: "orion-admin-action-button",
@@ -1276,5 +923,7 @@ export {
   MediaDetailPanel,
   MediaListItem,
   MediaUploadForm,
-  PageEditorFrame
+  PageEditorFrame,
+  SiteFooterPreview,
+  SiteHeaderPreview
 };