@orion-studios/payload-studio 0.5.0-beta.112 → 0.5.0-beta.114

package/dist/admin/client.js

@@ -490,7 +490,7 @@ function OrionRowActions(props) {
     hasMaxRows,
     isSortable,
     labels,
-    moveRow,
+    moveRow: moveRow2,
     pasteRow,
     removeRow,
     rowCount,
@@ -531,7 +531,7 @@ function OrionRowActions(props) {
         hasMaxRows,
         index: rowIndex,
         isSortable,
-        moveRow,
+        moveRow: moveRow2,
         pasteRow,
         removeRow,
         rowCount
@@ -556,7 +556,7 @@ function OrionBlockRow(props) {
     Label,
     labels,
     listeners,
-    moveRow,
+    moveRow: moveRow2,
     parentPath,
     pasteRow,
     path,
@@ -613,7 +613,7 @@ function OrionBlockRow(props) {
               hasMaxRows,
               isSortable,
               labels,
-              moveRow,
+              moveRow: moveRow2,
               pasteRow,
               removeRow,
               rowCount,
@@ -859,7 +859,7 @@ var init_OrionBlocksFieldImpl = __esm({
         },
         [removeFieldRow, safePath]
       );
-      const moveRow = (0, import_react9.useCallback)(
+      const moveRow2 = (0, import_react9.useCallback)(
         (moveFromIndex, moveToIndex) => {
           moveFieldRow({
             moveFromIndex,
@@ -1057,7 +1057,7 @@ var init_OrionBlocksFieldImpl = __esm({
               {
                 className: `${baseClass}__rows`,
                 ids: rows.map((row) => row.id),
-                onDragEnd: ({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex),
+                onDragEnd: ({ moveFromIndex, moveToIndex }) => moveRow2(moveFromIndex, moveToIndex),
                 children: [
                   rows.map((row, index) => {
                     const blockType = row.blockType;
@@ -1084,7 +1084,7 @@ var init_OrionBlocksFieldImpl = __esm({
                         isSortable,
                         Label: rows[index]?.customComponents?.RowLabel,
                         labels,
-                        moveRow,
+                        moveRow: moveRow2,
                         parentPath: safePath,
                         pasteRow,
                         path: rowPath,
@@ -1158,8 +1158,10 @@ var client_exports = {};
 __export(client_exports, {
   AdminStudioContactFormView: () => AdminStudioContactFormView,
   AdminStudioDashboard: () => AdminStudioDashboard,
+  AdminStudioFooterGlobalView: () => AdminStudioFooterGlobalView,
   AdminStudioFormsView: () => AdminStudioFormsView,
   AdminStudioGlobalsView: () => AdminStudioGlobalsView,
+  AdminStudioHeaderGlobalView: () => AdminStudioHeaderGlobalView,
   AdminStudioMediaView: () => AdminStudioMediaView,
   AdminStudioNav: () => AdminStudioNav,
   AdminStudioPageEditView: () => AdminStudioPageEditView,
@@ -2279,7 +2281,7 @@ function WelcomeHeader({
 }
 
 // src/admin/components/studio/AdminStudioDashboard.tsx
-var import_ui3 = require("@payloadcms/ui");
+var import_ui4 = require("@payloadcms/ui");
 
 // src/shared/studioSections.ts
 var studioRoles = /* @__PURE__ */ new Set(["admin", "editor", "client"]);
@@ -2373,10 +2375,10 @@ var detectAdminBasePath = (pathname, fallback = DEFAULT_ADMIN_BASE_PATH) => {
   const normalizedPathname = normalizePath(pathname);
   const normalizedFallback = normalizeAdminBasePath(fallback);
   const markers = [
-    "/studio-contact-form",
-    "/studio-globals",
+    "/contact-form",
     "/collections/",
     "/globals/",
+    "/forms",
     "/pages/",
     "/tools",
     "/media",
@@ -2431,109 +2433,66 @@ var useAdminBasePath = (fallback = DEFAULT_ADMIN_BASE_PATH) => {
   return adminBasePath;
 };
 
-// src/admin/components/studio/AdminStudioDashboard.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var cardStyle = {
-  background: "var(--theme-elevation-0)",
-  border: "1px solid var(--theme-elevation-150)",
-  borderRadius: 16,
-  color: "inherit",
-  padding: "1rem",
-  textDecoration: "none"
-};
-var getPropString = (props, key, fallback) => {
-  if (!props || typeof props !== "object") return fallback;
-  const direct = props[key];
-  if (typeof direct === "string" && direct.length > 0) return direct;
-  const clientProps = props.clientProps;
-  if (clientProps && typeof clientProps === "object") {
-    const nested = clientProps[key];
-    if (typeof nested === "string" && nested.length > 0) return nested;
-  }
-  return fallback;
-};
-var getPropBoolean = (props, key, fallback) => {
-  if (!props || typeof props !== "object") return fallback;
-  const direct = props[key];
-  if (typeof direct === "boolean") return direct;
-  const clientProps = props.clientProps;
-  if (clientProps && typeof clientProps === "object") {
-    const nested = clientProps[key];
-    if (typeof nested === "boolean") return nested;
-  }
-  return fallback;
-};
-var getPropSections = (props, key) => {
-  if (!props || typeof props !== "object") return [];
-  const direct = resolveStudioSections(props[key]);
-  if (direct.length > 0) return direct;
-  const clientProps = props.clientProps;
-  if (clientProps && typeof clientProps === "object") {
-    return resolveStudioSections(clientProps[key]);
-  }
-  return [];
-};
-function AdminStudioDashboard(props) {
-  const formsEnabled = getPropBoolean(props, "formsEnabled", false);
-  const pagesCollectionSlug = getPropString(props, "pagesCollectionSlug", "pages");
-  const mediaCollectionSlug = getPropString(props, "mediaCollectionSlug", "media");
-  const globalsBasePath = getPropString(props, "globalsBasePath", "/studio-globals");
-  const sections = getPropSections(props, "sections");
-  const adminBasePath = useAdminBasePath();
-  const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
-  const formsPath = resolveAdminPath(adminBasePath, "/studio-forms");
-  const pagesPath = resolveAdminPath(adminBasePath, `/collections/${pagesCollectionSlug}`);
-  const mediaPath = resolveAdminPath(adminBasePath, `/collections/${mediaCollectionSlug}`);
-  const extensionCards = sections.filter((section) => section.card).map((section) => ({
-    href: resolveAdminPath(adminBasePath, section.href),
-    title: section.card?.title || section.label,
-    description: section.card?.description || ""
-  }));
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { style: { padding: "1.2rem 1.2rem 2.5rem" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_ui3.SetStepNav, { nav: [{ label: "Dashboard", url: adminBasePath }] }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h1", { style: { fontSize: "1.6rem", margin: 0 }, children: "Studio" }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Pick what you want to edit." }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-      "div",
-      {
-        style: {
-          display: "grid",
-          gap: "0.85rem",
-          gridTemplateColumns: "repeat(auto-fit, minmax(240px, 1fr))",
-          marginTop: "1.1rem"
-        },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("a", { href: pagesPath, style: cardStyle, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { fontWeight: 900 }, children: "Pages" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Edit your site pages with the custom editor." })
-          ] }),
-          formsEnabled ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("a", { href: formsPath, style: cardStyle, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { fontWeight: 900 }, children: "Forms" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Review forms, submissions, and uploaded files." })
-          ] }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("a", { href: resolvedGlobalsBasePath, style: cardStyle, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { fontWeight: 900 }, children: "Globals" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Site settings, header, footer." })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("a", { href: mediaPath, style: cardStyle, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { fontWeight: 900 }, children: "Media" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Upload and manage images and files." })
-          ] }),
-          extensionCards.map((card) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("a", { href: card.href, style: cardStyle, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { fontWeight: 900 }, children: card.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: card.description })
-          ] }, card.href))
-        ]
-      }
-    )
-  ] });
-}
+// src/admin/components/studio/StudioSectionLayout.tsx
+var import_react13 = require("react");
 
 // src/admin/components/studio/AdminStudioNav.tsx
 var import_react12 = require("react");
-var import_ui4 = require("@payloadcms/ui");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var getPropString2 = (props, key, fallback) => {
+var import_ui3 = require("@payloadcms/ui");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var iconSize2 = 18;
+function NavIcon({ sectionID }) {
+  const props = {
+    fill: "none",
+    height: iconSize2,
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    viewBox: "0 0 24 24",
+    width: iconSize2
+  };
+  switch (sectionID) {
+    case "dashboard":
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { x: "3", y: "3", width: "7", height: "9", rx: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { x: "14", y: "3", width: "7", height: "5", rx: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { x: "14", y: "12", width: "7", height: "9", rx: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { x: "3", y: "16", width: "7", height: "5", rx: "1" })
+      ] });
+    case "pages":
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("polyline", { points: "14 2 14 8 20 8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("line", { x1: "8", y1: "13", x2: "16", y2: "13" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("line", { x1: "8", y1: "17", x2: "12", y2: "17" })
+      ] });
+    case "forms":
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M9 3h6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M12 3v18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M5 7h14a2 2 0 0 1 2 2v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a2 2 0 0 1 2-2Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M7 11h10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M7 15h6" })
+      ] });
+    case "globals":
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", { cx: "12", cy: "12", r: "3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.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__ */ (0, import_jsx_runtime14.jsxs)("svg", { ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("polyline", { points: "21 15 16 10 5 21" })
+      ] });
+    case "admin-tools":
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime14.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" }) });
+    default:
+      return null;
+  }
+}
+var getPropString = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
   if (typeof direct === "string" && direct.length > 0) return direct;
@@ -2544,7 +2503,7 @@ var getPropString2 = (props, key, fallback) => {
   }
   return fallback;
 };
-var getPropBoolean2 = (props, key, fallback) => {
+var getPropBoolean = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
   if (typeof direct === "boolean") return direct;
@@ -2567,7 +2526,7 @@ var getPropStringArray = (props, key, fallback) => {
   }
   return fallback;
 };
-var getPropSections2 = (props, key) => {
+var getPropSections = (props, key) => {
   if (!props || typeof props !== "object") return [];
   const direct = resolveStudioSections(props[key]);
   if (direct.length > 0) return direct;
@@ -2594,17 +2553,22 @@ var readUserRole = (user) => {
   return typeof role === "string" ? role : void 0;
 };
 function AdminStudioNav(props) {
-  const { user } = (0, import_ui4.useAuth)();
-  const brandName = getPropString2(props, "brandName", "Orion Studio");
-  const logoUrl = getPropString2(props, "logoUrl", "");
-  const formsEnabled = getPropBoolean2(props, "formsEnabled", false);
-  const formsCollectionSlug = getPropString2(props, "formsCollectionSlug", "forms");
-  const pagesCollectionSlug = getPropString2(props, "pagesCollectionSlug", "pages");
-  const mediaCollectionSlug = getPropString2(props, "mediaCollectionSlug", "media");
-  const globalsBasePath = getPropString2(props, "globalsBasePath", "/studio-globals");
+  const { user } = (0, import_ui3.useAuth)();
+  const brandName = getPropString(props, "brandName", "Orion Studio");
+  const logoUrl = getPropString(props, "logoUrl", "");
+  const formsEnabled = getPropBoolean(props, "formsEnabled", false);
+  const formsCollectionSlug = getPropString(props, "formsCollectionSlug", "forms");
+  const formSubmissionsCollectionSlug = getPropString(
+    props,
+    "formSubmissionsCollectionSlug",
+    "form-submissions"
+  );
+  const formUploadsCollectionSlug = getPropString(props, "formUploadsCollectionSlug", "form-uploads");
+  const mediaCollectionSlug = getPropString(props, "mediaCollectionSlug", "media");
+  const globalsBasePath = getPropString(props, "globalsBasePath", "/globals");
   const globalsExtraMatchPrefixes = getPropStringArray(props, "globalsExtraMatchPrefixes", []);
-  const sections = getPropSections2(props, "sections");
-  const compact = getPropBoolean2(props, "compact", false);
+  const sections = getPropSections(props, "sections");
+  const compact = getPropBoolean(props, "compact", false);
   const adminBasePath = useAdminBasePath();
   const branding = useSiteBranding(brandName, logoUrl || void 0);
   const resolvedName = branding.siteName || brandName;
@@ -2615,10 +2579,10 @@ function AdminStudioNav(props) {
     window.addEventListener("popstate", update);
     return () => window.removeEventListener("popstate", update);
   }, []);
-  const pagesPath = resolveAdminPath(adminBasePath, `/collections/${pagesCollectionSlug}`);
-  const formsPath = resolveAdminPath(adminBasePath, "/studio-forms");
-  const mediaPath = resolveAdminPath(adminBasePath, `/collections/${mediaCollectionSlug}`);
-  const usersPath = resolveAdminPath(adminBasePath, "/collections/users");
+  const pagesPath = resolveAdminPath(adminBasePath, "/pages");
+  const formsPath = resolveAdminPath(adminBasePath, "/forms");
+  const mediaPath = resolveAdminPath(adminBasePath, "/media");
+  const usersPath = resolveAdminPath(adminBasePath, "/tools");
   const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
   const resolvedGlobalsExtraMatchPrefixes = globalsExtraMatchPrefixes.map(
     (prefix) => resolveAdminPath(adminBasePath, prefix)
@@ -2637,7 +2601,12 @@ function AdminStudioNav(props) {
             label: "Forms",
             matchPrefixes: [
               formsPath,
-              resolveAdminPath(adminBasePath, `/collections/${formsCollectionSlug}`)
+              resolveAdminPath(adminBasePath, `/collections/${formsCollectionSlug}`),
+              resolveAdminPath(
+                adminBasePath,
+                `/collections/${formSubmissionsCollectionSlug}`
+              ),
+              resolveAdminPath(adminBasePath, `/collections/${formUploadsCollectionSlug}`)
             ]
           }
         ] : [],
@@ -2651,12 +2620,17 @@ function AdminStudioNav(props) {
             ...resolvedGlobalsExtraMatchPrefixes
           ]
         },
-        { id: "media", href: mediaPath, label: "Media", matchPrefixes: [mediaPath] },
+        {
+          id: "media",
+          href: mediaPath,
+          label: "Media",
+          matchPrefixes: [mediaPath, resolveAdminPath(adminBasePath, `/collections/${mediaCollectionSlug}`)]
+        },
         {
           id: "admin-tools",
           href: usersPath,
           label: "Admin Tools",
-          matchPrefixes: [usersPath],
+          matchPrefixes: [usersPath, resolveAdminPath(adminBasePath, "/collections/users")],
           roles: ["admin"]
         }
       ];
@@ -2673,6 +2647,8 @@ function AdminStudioNav(props) {
       formsCollectionSlug,
       formsEnabled,
       formsPath,
+      formSubmissionsCollectionSlug,
+      formUploadsCollectionSlug,
       mediaPath,
       pagesPath,
       resolvedGlobalsBasePath,
@@ -2694,7 +2670,7 @@ function AdminStudioNav(props) {
     padding: compact ? "0.6rem" : "0.6rem 0.75rem",
     textDecoration: "none"
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "div",
     {
       style: {
@@ -2705,8 +2681,8 @@ function AdminStudioNav(props) {
         padding: compact ? "0.8rem 0.5rem" : "1rem 0.85rem"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "admin-studio-brand", style: { padding: compact ? "0" : "0 0.35rem 0 2.4rem" }, children: [
-          branding.logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "admin-studio-brand", style: { padding: compact ? "0" : "0 0.35rem 0 2.4rem" }, children: [
+          branding.logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "div",
             {
               style: {
@@ -2716,10 +2692,10 @@ function AdminStudioNav(props) {
                 overflow: "hidden",
                 width: compact ? 34 : 40
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("img", { alt: `${resolvedName} logo`, src: branding.logoUrl, style: { height: "100%", objectFit: "cover", width: "100%" } })
+              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("img", { alt: `${resolvedName} logo`, src: branding.logoUrl, style: { height: "100%", objectFit: "cover", width: "100%" } })
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "div",
             {
               style: {
@@ -2734,14 +2710,23 @@ function AdminStudioNav(props) {
               children: compact ? resolvedName.slice(0, 1).toUpperCase() : resolvedName
             }
           ),
-          !compact ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.85rem" }, children: "Studio" }) : null
+          !compact ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.85rem" }, children: "Studio" }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("nav", { style: { display: "grid", gap: "0.25rem" }, children: links.filter((link) => roleCanAccessSection(userRole, link)).map((link) => {
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("nav", { style: { display: "grid", gap: "0.25rem" }, children: links.filter((link) => roleCanAccessSection(userRole, link)).map((link) => {
           const active = link.href === dashboardPath ? pathname === dashboardPath : link.matchPrefixes.some((prefix) => pathname.startsWith(prefix));
-          return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("a", { href: link.href, style: linkStyle(active), title: link.label, children: compact ? link.label.slice(0, 1) : link.label }, link.href);
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("a", { href: link.href, style: linkStyle(active), title: link.label, children: (() => {
+            const icon = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(NavIcon, { sectionID: link.id });
+            if (compact) {
+              return icon || link.label.slice(0, 1);
+            }
+            return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { style: { alignItems: "center", display: "inline-flex", gap: "0.6rem" }, children: [
+              icon,
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: link.label })
+            ] });
+          })() }, link.href);
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { flex: 1 } }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { flex: 1 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
           "div",
           {
             style: {
@@ -2750,11 +2735,11 @@ function AdminStudioNav(props) {
               textAlign: compact ? "center" : "left"
             },
             children: [
-              !compact ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { color: "var(--theme-elevation-700)", fontSize: "0.85rem" }, children: "Signed in as" }),
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { fontWeight: 800, marginBottom: "0.55rem" }, children: typeof user?.email === "string" ? user.email : "User" })
+              !compact ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { color: "var(--theme-elevation-700)", fontSize: "0.85rem" }, children: "Signed in as" }),
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { fontWeight: 800, marginBottom: "0.55rem" }, children: typeof user?.email === "string" ? user.email : "User" })
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_ui4.Logout, {})
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_ui3.Logout, {})
             ]
           }
         )
@@ -2763,10 +2748,171 @@ function AdminStudioNav(props) {
   );
 }
 
+// src/admin/components/studio/StudioSectionLayout.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var STORAGE_KEY2 = "orion-studio-sidebar-collapsed";
+var ACTIVE_CLASS = "orion-studio-shell-active";
+function StudioSectionLayout({ children, navProps }) {
+  const [collapsed, setCollapsed] = (0, import_react13.useState)(false);
+  (0, import_react13.useEffect)(() => {
+    try {
+      const stored = window.localStorage.getItem(STORAGE_KEY2);
+      if (stored === "1") {
+        setCollapsed(true);
+      }
+    } catch {
+    }
+  }, []);
+  (0, import_react13.useEffect)(() => {
+    document.body.classList.add(ACTIVE_CLASS);
+    return () => {
+      document.body.classList.remove(ACTIVE_CLASS);
+    };
+  }, []);
+  const toggle = () => {
+    setCollapsed((prev) => {
+      const next = !prev;
+      try {
+        window.localStorage.setItem(STORAGE_KEY2, next ? "1" : "0");
+      } catch {
+      }
+      return next;
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    "div",
+    {
+      className: `orion-studio-shell ${collapsed ? "is-collapsed" : ""}`,
+      style: {
+        display: "grid",
+        gridTemplateColumns: collapsed ? "84px minmax(0, 1fr)" : "260px minmax(0, 1fr)",
+        minHeight: "100vh"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("aside", { className: "orion-studio-sidebar", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            "button",
+            {
+              "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
+              className: "orion-studio-sidebar-toggle",
+              onClick: toggle,
+              type: "button",
+              children: collapsed ? ">" : "<"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "orion-studio-sidebar-scroll", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AdminStudioNav, { ...navProps, compact: collapsed }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("main", { className: "orion-studio-main", children })
+      ]
+    }
+  );
+}
+
+// src/admin/components/studio/AdminStudioDashboard.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var cardStyle = {
+  background: "var(--theme-elevation-0)",
+  border: "1px solid var(--theme-elevation-150)",
+  borderRadius: 16,
+  color: "inherit",
+  padding: "1rem",
+  textDecoration: "none"
+};
+var getPropString2 = (props, key, fallback) => {
+  if (!props || typeof props !== "object") return fallback;
+  const direct = props[key];
+  if (typeof direct === "string" && direct.length > 0) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    const nested = clientProps[key];
+    if (typeof nested === "string" && nested.length > 0) return nested;
+  }
+  return fallback;
+};
+var getPropBoolean2 = (props, key, fallback) => {
+  if (!props || typeof props !== "object") return fallback;
+  const direct = props[key];
+  if (typeof direct === "boolean") return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    const nested = clientProps[key];
+    if (typeof nested === "boolean") return nested;
+  }
+  return fallback;
+};
+var getPropSections2 = (props, key) => {
+  if (!props || typeof props !== "object") return [];
+  const direct = resolveStudioSections(props[key]);
+  if (direct.length > 0) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    return resolveStudioSections(clientProps[key]);
+  }
+  return [];
+};
+function AdminStudioDashboard(props) {
+  const formsEnabled = getPropBoolean2(props, "formsEnabled", false);
+  const globalsBasePath = getPropString2(props, "globalsBasePath", "/globals");
+  const sections = getPropSections2(props, "sections");
+  const adminBasePath = useAdminBasePath();
+  const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
+  const formsPath = resolveAdminPath(adminBasePath, "/forms");
+  const pagesPath = resolveAdminPath(adminBasePath, "/pages");
+  const mediaPath = resolveAdminPath(adminBasePath, "/media");
+  const toolsPath = resolveAdminPath(adminBasePath, "/tools");
+  const extensionCards = sections.filter((section) => section.card).map((section) => ({
+    href: resolveAdminPath(adminBasePath, section.href),
+    title: section.card?.title || section.label,
+    description: section.card?.description || ""
+  }));
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { paddingBottom: "1.3rem" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_ui4.SetStepNav, { nav: [{ label: "Dashboard", url: adminBasePath }] }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h1", { style: { fontSize: "1.6rem", margin: 0 }, children: "Studio" }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Pick what you want to edit." }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      "div",
+      {
+        style: {
+          display: "grid",
+          gap: "0.85rem",
+          gridTemplateColumns: "repeat(auto-fit, minmax(240px, 1fr))",
+          marginTop: "1.1rem"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("a", { href: pagesPath, style: cardStyle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { fontWeight: 900 }, children: "Pages" }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Edit your site pages with the custom editor." })
+          ] }),
+          formsEnabled ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("a", { href: formsPath, style: cardStyle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { fontWeight: 900 }, children: "Forms" }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Review forms, submissions, and uploaded files." })
+          ] }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("a", { href: resolvedGlobalsBasePath, style: cardStyle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { fontWeight: 900 }, children: "Globals" }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Site settings, header, footer." })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("a", { href: mediaPath, style: cardStyle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { fontWeight: 900 }, children: "Media" }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Upload and manage images and files." })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("a", { href: toolsPath, style: cardStyle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { fontWeight: 900 }, children: "Admin Tools" }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Open admin-only fallback links and user management." })
+          ] }),
+          extensionCards.map((card) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("a", { href: card.href, style: cardStyle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { fontWeight: 900 }, children: card.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: card.description })
+          ] }, card.href))
+        ]
+      }
+    )
+  ] }) });
+}
+
 // src/admin/components/studio/AdminStudioPagesListView.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_ui5 = require("@payloadcms/ui");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var isAdmin = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
@@ -2789,10 +2935,10 @@ function AdminStudioPagesListView(props) {
   const adminBasePath = useAdminBasePath();
   const pagesPath = resolveAdminPath(adminBasePath, "/pages");
   const rawPagesCollectionPath = resolveAdminPath(adminBasePath, `/collections/${pagesCollectionSlug}`);
-  const [loading, setLoading] = (0, import_react13.useState)(true);
-  const [error, setError] = (0, import_react13.useState)(null);
-  const [docs, setDocs] = (0, import_react13.useState)([]);
-  const apiURL = (0, import_react13.useMemo)(() => {
+  const [loading, setLoading] = (0, import_react14.useState)(true);
+  const [error, setError] = (0, import_react14.useState)(null);
+  const [docs, setDocs] = (0, import_react14.useState)([]);
+  const apiURL = (0, import_react14.useMemo)(() => {
     const params = new URLSearchParams({
       depth: "0",
       limit: "100",
@@ -2801,7 +2947,7 @@ function AdminStudioPagesListView(props) {
     });
     return `/api/${pagesCollectionSlug}?${params.toString()}`;
   }, [pagesCollectionSlug]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     let cancelled = false;
     const run = async () => {
       setLoading(true);
@@ -2826,14 +2972,14 @@ function AdminStudioPagesListView(props) {
       cancelled = true;
     };
   }, [apiURL]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_ui5.SetStepNav, { nav: [{ label: "Pages", url: pagesPath }] }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { alignItems: "flex-end", display: "flex", gap: "0.75rem" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { flex: 1 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h1", { style: { margin: 0 }, children: "Pages" }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Open a page to edit it in the custom editor." })
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_ui5.SetStepNav, { nav: [{ label: "Pages", url: pagesPath }] }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { alignItems: "flex-end", display: "flex", gap: "0.75rem" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { flex: 1 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h1", { style: { margin: 0 }, children: "Pages" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Open a page to edit it in the custom editor." })
       ] }),
-      isAdmin(user) ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      isAdmin(user) ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "a",
         {
           href: `${rawPagesCollectionPath}/create`,
@@ -2849,10 +2995,10 @@ function AdminStudioPagesListView(props) {
         }
       ) : null
     ] }),
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "1rem" }, children: "Loading..." }) : null,
-    error ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { color: "crimson", marginTop: "1rem" }, children: error }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: [
-      !loading && !error && docs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "1rem" }, children: "Loading..." }) : null,
+    error ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { color: "crimson", marginTop: "1rem" }, children: error }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: [
+      !loading && !error && docs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "div",
         {
           style: {
@@ -2870,7 +3016,7 @@ function AdminStudioPagesListView(props) {
         const path = typeof doc.path === "string" ? doc.path : "/";
         const status = typeof doc._status === "string" ? doc._status : "";
         if (!id) return null;
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           "a",
           {
             href: resolveAdminPath(adminBasePath, `/pages/${id}`),
@@ -2886,9 +3032,9 @@ function AdminStudioPagesListView(props) {
               textDecoration: "none"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { minWidth: 0 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { fontWeight: 900, overflow: "hidden", textOverflow: "ellipsis" }, children: title }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { minWidth: 0 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { fontWeight: 900, overflow: "hidden", textOverflow: "ellipsis" }, children: title }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   "div",
                   {
                     style: {
@@ -2901,7 +3047,7 @@ function AdminStudioPagesListView(props) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                 "div",
                 {
                   style: {
@@ -2911,7 +3057,7 @@ function AdminStudioPagesListView(props) {
                     gap: "0.5rem"
                   },
                   children: [
-                    status ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    status ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       "span",
                       {
                         style: {
@@ -2926,7 +3072,7 @@ function AdminStudioPagesListView(props) {
                         children: status
                       }
                     ) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { style: { color: "var(--theme-elevation-600)", fontWeight: 800 }, children: "Open" })
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { style: { color: "var(--theme-elevation-600)", fontWeight: 800 }, children: "Open" })
                   ]
                 }
               )
@@ -2936,13 +3082,13 @@ function AdminStudioPagesListView(props) {
         );
       })
     ] })
-  ] });
+  ] }) });
 }
 
 // src/admin/components/studio/AdminStudioPageEditView.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_ui6 = require("@payloadcms/ui");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var isAdmin2 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
@@ -2982,18 +3128,18 @@ var getPageIDFromPathname = (pathname) => {
 function AdminStudioPageEditView(props) {
   const { user } = (0, import_ui6.useAuth)();
   const adminBasePath = useAdminBasePath();
-  const iframeRef = (0, import_react14.useRef)(null);
-  const [saving, setSaving] = (0, import_react14.useState)(null);
-  const [dirty, setDirty] = (0, import_react14.useState)(false);
-  const [hasUnpublishedChanges, setHasUnpublishedChanges] = (0, import_react14.useState)(false);
-  const [canUndo, setCanUndo] = (0, import_react14.useState)(false);
-  const [canRedo, setCanRedo] = (0, import_react14.useState)(false);
+  const iframeRef = (0, import_react15.useRef)(null);
+  const [saving, setSaving] = (0, import_react15.useState)(null);
+  const [dirty, setDirty] = (0, import_react15.useState)(false);
+  const [hasUnpublishedChanges, setHasUnpublishedChanges] = (0, import_react15.useState)(false);
+  const [canUndo, setCanUndo] = (0, import_react15.useState)(false);
+  const [canRedo, setCanRedo] = (0, import_react15.useState)(false);
   const builderBasePath = getPropString4(props, "builderBasePath", "/builder");
   const pagesPath = resolveAdminPath(adminBasePath, "/pages");
-  const pageIDFromParams = (0, import_react14.useMemo)(() => getParam(props.params, "id"), [props.params]);
-  const [pageID, setPageID] = (0, import_react14.useState)(pageIDFromParams);
-  const [didResolvePathFallback, setDidResolvePathFallback] = (0, import_react14.useState)(false);
-  (0, import_react14.useEffect)(() => {
+  const pageIDFromParams = (0, import_react15.useMemo)(() => getParam(props.params, "id"), [props.params]);
+  const [pageID, setPageID] = (0, import_react15.useState)(pageIDFromParams);
+  const [didResolvePathFallback, setDidResolvePathFallback] = (0, import_react15.useState)(false);
+  (0, import_react15.useEffect)(() => {
     if (pageIDFromParams) {
       setPageID(pageIDFromParams);
       setDidResolvePathFallback(true);
@@ -3037,7 +3183,7 @@ function AdminStudioPageEditView(props) {
     } catch {
     }
   };
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!pageID) {
       return;
     }
@@ -3060,7 +3206,7 @@ function AdminStudioPageEditView(props) {
     }
     iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type }, "*");
   };
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const onMessage = (event) => {
       const data = event.data;
       if (!data || data.source !== "payload-visual-builder-child" || typeof data.type !== "string") {
@@ -3095,8 +3241,8 @@ function AdminStudioPageEditView(props) {
     return () => window.removeEventListener("message", onMessage);
   }, []);
   if (!pageID && !didResolvePathFallback) {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         import_ui6.SetStepNav,
         {
           nav: [
@@ -3105,13 +3251,13 @@ function AdminStudioPageEditView(props) {
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h1", { style: { margin: 0 }, children: "Page Editor" }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading page editor..." })
-    ] });
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h1", { style: { margin: 0 }, children: "Page Editor" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading page editor..." })
+    ] }) });
   }
   if (!pageID) {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         import_ui6.SetStepNav,
         {
           nav: [
@@ -3120,12 +3266,12 @@ function AdminStudioPageEditView(props) {
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h1", { style: { margin: 0 }, children: "Page Editor" }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { style: { color: "var(--theme-elevation-600)" }, children: "Missing page ID." })
-    ] });
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h1", { style: { margin: 0 }, children: "Page Editor" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { color: "var(--theme-elevation-600)" }, children: "Missing page ID." })
+    ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       import_ui6.SetStepNav,
       {
         nav: [
@@ -3134,8 +3280,8 @@ function AdminStudioPageEditView(props) {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { display: "grid", gridTemplateRows: "auto 1fr", height: "calc(100vh - 120px)" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "grid", gridTemplateRows: "auto 1fr", height: "calc(100vh - 120px)" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
         "div",
         {
           style: {
@@ -3151,9 +3297,9 @@ function AdminStudioPageEditView(props) {
             zIndex: 20
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { minWidth: 0 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { fontWeight: 900 }, children: "Page Editor" }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { minWidth: 0 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { fontWeight: 900 }, children: "Page Editor" }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                 "div",
                 {
                   style: {
@@ -3169,9 +3315,9 @@ function AdminStudioPageEditView(props) {
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { alignItems: "center", display: "flex", gap: "0.5rem" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { color: dirty ? "var(--theme-elevation-900)" : "var(--theme-elevation-600)", fontSize: "0.85rem", fontWeight: 700 }, children: dirty ? "Unsaved changes" : "All changes saved" }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { alignItems: "center", display: "flex", gap: "0.5rem" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { color: dirty ? "var(--theme-elevation-900)" : "var(--theme-elevation-600)", fontSize: "0.85rem", fontWeight: 700 }, children: dirty ? "Unsaved changes" : "All changes saved" }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 "div",
                 {
                   style: {
@@ -3188,7 +3334,7 @@ function AdminStudioPageEditView(props) {
                   children: hasUnpublishedChanges ? "Unpublished draft changes" : "Live is up to date"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 "button",
                 {
                   disabled: !canUndo,
@@ -3204,7 +3350,7 @@ function AdminStudioPageEditView(props) {
                   children: "Undo"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 "button",
                 {
                   disabled: !canRedo,
@@ -3220,7 +3366,7 @@ function AdminStudioPageEditView(props) {
                   children: "Redo"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 "button",
                 {
                   disabled: saving !== null,
@@ -3236,7 +3382,7 @@ function AdminStudioPageEditView(props) {
                   children: saving === "draft" ? "Saving\u2026" : "Save Draft"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 "button",
                 {
                   disabled: !canPublish || saving !== null,
@@ -3259,7 +3405,7 @@ function AdminStudioPageEditView(props) {
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "iframe",
         {
           ref: iframeRef,
@@ -3273,90 +3419,1361 @@ function AdminStudioPageEditView(props) {
             iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type: "history-check-request" }, "*");
           }
         }
-      )
-    ] })
-  ] });
+      )
+    ] })
+  ] }) });
+}
+
+// src/admin/components/studio/AdminStudioGlobalsView.tsx
+var import_ui7 = require("@payloadcms/ui");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var getPropGlobals = (props) => {
+  if (!props || typeof props !== "object") return null;
+  const direct = props.globals;
+  if (Array.isArray(direct)) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    const nested = clientProps.globals;
+    if (Array.isArray(nested)) return nested;
+  }
+  return null;
+};
+var getPropString5 = (props, key, fallback) => {
+  if (!props || typeof props !== "object") return fallback;
+  const direct = props[key];
+  if (typeof direct === "string" && direct.length > 0) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    const nested = clientProps[key];
+    if (typeof nested === "string" && nested.length > 0) return nested;
+  }
+  return fallback;
+};
+function AdminStudioGlobalsView(props) {
+  const globalsBasePath = getPropString5(props, "globalsBasePath", "/globals");
+  const adminBasePath = useAdminBasePath();
+  const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
+  const globals = getPropGlobals(props) || [
+    { slug: "site-settings", label: "Website Settings" },
+    { slug: "header", label: "Header & Navigation" },
+    { slug: "footer", label: "Footer" },
+    { slug: "social-media", label: "Social Media" }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_ui7.SetStepNav, { nav: [{ label: "Globals", url: resolvedGlobalsBasePath }] }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h1", { style: { margin: 0 }, children: "Globals" }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Site-wide settings." }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: globals.map((global) => {
+      const href = resolveAdminPath(
+        adminBasePath,
+        typeof global.href === "string" ? global.href : `/globals/${global.slug}`
+      );
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+        "a",
+        {
+          href,
+          style: {
+            background: "var(--theme-elevation-0)",
+            border: "1px solid var(--theme-elevation-150)",
+            borderRadius: 16,
+            color: "inherit",
+            padding: "0.85rem 1rem",
+            textDecoration: "none"
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { fontWeight: 900 }, children: global.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: typeof global.description === "string" && global.description.length > 0 ? global.description : href })
+          ]
+        },
+        global.slug
+      );
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { marginTop: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      "a",
+      {
+        href: resolvedGlobalsBasePath,
+        style: { color: "var(--theme-elevation-700)", fontSize: "0.85rem", textDecoration: "none" },
+        children: "Reload Globals view"
+      }
+    ) })
+  ] }) });
+}
+
+// src/admin/components/studio/AdminStudioHeaderGlobalView.tsx
+var import_react18 = require("react");
+var import_ui8 = require("@payloadcms/ui");
+
+// src/admin-app/components/HeaderNavEditorWithPreview.tsx
+var import_react17 = require("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/HeaderNavItemsEditor.tsx
+var import_react16 = require("react");
+
+// src/admin-app/navigationLinks.ts
+var fallbackHomeOption = {
+  href: "/",
+  label: "Home",
+  title: "Home"
+};
+var buildAdminPageLinkOptions = (pages) => {
+  const options = pages.map((page) => {
+    const href = typeof page.path === "string" ? page.path.trim() : "";
+    const title = typeof page.title === "string" && page.title.trim().length > 0 ? page.title.trim() : "Untitled Page";
+    if (!href) {
+      return null;
+    }
+    const depth = href === "/" ? 0 : href.split("/").filter(Boolean).length;
+    const indentLevel = Math.max(depth - 1, 0);
+    const indent = indentLevel > 0 ? `${"\u21B3 ".repeat(indentLevel)}` : "";
+    return {
+      href,
+      label: `${indent}${title}`,
+      title
+    };
+  }).filter((option) => option !== null).sort((a, b) => {
+    if (a.href === "/" && b.href !== "/") return -1;
+    if (b.href === "/" && a.href !== "/") return 1;
+    return a.href.localeCompare(b.href);
+  });
+  if (options.length === 0) {
+    return [fallbackHomeOption];
+  }
+  return options;
+};
+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
+var import_jsx_runtime20 = require("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] = (0, import_react16.useState)(() => initialItems.map(toRow));
+  const [nextRowID, setNextRowID] = (0, import_react16.useState)(initialItems.length);
+  const [draggingRowID, setDraggingRowID] = (0, import_react16.useState)(null);
+  const [dragOverRowID, setDragOverRowID] = (0, import_react16.useState)(null);
+  const pageOptionByHref = (0, import_react16.useMemo)(() => new Map(pageOptions.map((option) => [option.href, option])), [pageOptions]);
+  const serializedState = (0, import_react16.useMemo)(
+    () => JSON.stringify(
+      rows.map((row) => ({
+        href: row.href.trim(),
+        label: row.label.trim(),
+        parentHref: row.parentHref.trim() || void 0
+      }))
+    ),
+    [rows]
+  );
+  const normalizedItems = (0, import_react16.useMemo)(() => {
+    const inputs = rows.map((row) => ({
+      href: row.href,
+      label: row.label,
+      parentHref: row.parentHref
+    }));
+    return normalizeAdminNavInputs(inputs, pageOptions);
+  }, [rows, pageOptions]);
+  (0, import_react16.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "orion-admin-nav-editor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("input", { name: "navItemsState", readOnly: true, type: "hidden", value: serializedState }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "orion-admin-nav-editor-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "orion-admin-nav-editor-title", children: "Navigation Items" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { className: "orion-admin-nav-editor-add", onClick: addRow, type: "button", children: "Add Item" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("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__ */ (0, import_jsx_runtime20.jsx)("div", { className: "orion-admin-nav-editor-empty", children: 'No navigation items yet. Click "Add Item" to start.' }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("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__ */ (0, import_jsx_runtime20.jsxs)(
+        "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__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "orion-admin-nav-editor-row-head", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "orion-admin-nav-editor-drag", children: "Drag" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { className: "orion-admin-nav-editor-row-index", children: [
+                "#",
+                rowIndex + 1
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { className: "orion-admin-nav-editor-remove", onClick: () => removeRow(row.id), type: "button", children: "Remove" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "orion-admin-nav-editor-row-grid", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { children: [
+                "Label",
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  "input",
+                  {
+                    name: `navLabel_${rowIndex}`,
+                    onChange: (event) => setRowValue(row.id, { label: event.target.value }),
+                    placeholder: labelPlaceholder,
+                    type: "text",
+                    value: row.label
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { children: [
+                "Page",
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                  "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__ */ (0, import_jsx_runtime20.jsx)("option", { value: "", children: "Select page..." }),
+                      pageOptions.map((pageOption) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: pageOption.href, children: pageOption.label }, `${pageOption.href}-${pageOption.title}`))
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { children: [
+                "Parent (dropdown under)",
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                  "select",
+                  {
+                    name: `navParentHref_${rowIndex}`,
+                    onChange: (event) => setRowValue(row.id, { parentHref: event.target.value }),
+                    value: row.parentHref,
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "", children: "Top-level item" }),
+                      parentCandidates.map((candidate) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: candidate.href, children: candidate.label }, `${row.id}-parent-${candidate.href}`))
+                    ]
+                  }
+                )
+              ] })
+            ] })
+          ]
+        },
+        row.id
+      );
+    }) })
+  ] });
+}
+
+// src/admin-app/components/SitePreview.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var fallbackHeaderNav = [{ href: "/", label: "Home" }];
+var socialGlyphByPlatform = {
+  facebook: "f",
+  instagram: "ig",
+  linkedin: "in",
+  pinterest: "p",
+  snapchat: "sc",
+  tiktok: "tt",
+  x: "x",
+  youtube: "yt"
+};
+var getInitials = (value) => {
+  const initials = value.trim().split(/\s+/).filter(Boolean).slice(0, 2).map((part) => part[0]?.toUpperCase() || "").join("");
+  return initials || "OS";
+};
+var getSocialGlyph = (platform) => {
+  const normalized = platform.trim().toLowerCase();
+  return socialGlyphByPlatform[normalized] || normalized.slice(0, 2).toUpperCase() || "\u2022";
+};
+var getTaglineLines = (tagline) => {
+  const parts = (tagline || "").split(".").map((part) => part.trim()).filter(Boolean);
+  const first = parts[0] ? `${parts[0]}.` : "Warm Gifts.";
+  const second = parts[1] ? `${parts[1]}.` : "Local Heart.";
+  return [first, second];
+};
+function PreviewSocialLinks({
+  links,
+  variant
+}) {
+  if (links.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "div",
+    {
+      className: variant === "header" ? "orion-admin-site-preview-social-list" : "orion-admin-site-preview-social-list orion-admin-site-preview-social-list--footer",
+      children: links.map((item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        "a",
+        {
+          className: variant === "header" ? "orion-admin-site-preview-social-badge" : "orion-admin-site-preview-social-badge orion-admin-site-preview-social-badge--footer",
+          href: item.url,
+          tabIndex: -1,
+          children: getSocialGlyph(item.platform)
+        },
+        `${item.platform}-${item.url}`
+      ))
+    }
+  );
+}
+function PreviewLogo({
+  className,
+  logoUrl,
+  siteName
+}) {
+  if (logoUrl && logoUrl.trim().length > 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("img", { alt: `${siteName} logo`, className, src: logoUrl });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: `${className} orion-admin-site-preview-logo-fallback`, children: getInitials(siteName) });
+}
+function SiteHeaderPreview({ site }) {
+  const navItems = site.navItems.length > 0 ? site.navItems : fallbackHeaderNav;
+  const [taglineLineOne, taglineLineTwo] = getTaglineLines(site.tagline);
+  const socialLinks = site.socialLinks?.slice(0, 4) || [];
+  const activePath = site.activePath || navItems[0]?.href || "/";
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { "aria-hidden": "true", className: "orion-admin-site-preview orion-admin-site-preview--header", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "orion-admin-site-preview-header-bar", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "orion-admin-site-preview-shell orion-admin-site-preview-shell--utility", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "orion-admin-site-preview-utility-copy", children: site.locationSummary?.address?.trim() || "Neighborhood gift shop" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "orion-admin-site-preview-utility-meta", children: [
+        site.locationSummary?.hours?.trim() ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "orion-admin-site-preview-utility-copy", children: site.locationSummary.hours.trim() }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(PreviewSocialLinks, { links: socialLinks, variant: "header" }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { className: "orion-admin-site-preview-header-action", href: site.actionHref || "/contact", tabIndex: -1, children: site.actionLabel || "Visit Today" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "orion-admin-site-preview-header-main", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "orion-admin-site-preview-shell orion-admin-site-preview-shell--main", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("a", { className: "orion-admin-site-preview-brand", href: "/", tabIndex: -1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          PreviewLogo,
+          {
+            className: "orion-admin-site-preview-header-logo",
+            logoUrl: site.logoUrl,
+            siteName: site.siteName
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "orion-admin-site-preview-tagline", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "orion-admin-site-preview-tagline-line", children: taglineLineOne }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "orion-admin-site-preview-tagline-line", children: taglineLineTwo })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("nav", { className: "orion-admin-site-preview-nav", children: navItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        "a",
+        {
+          className: item.href === activePath ? "is-active" : void 0,
+          href: item.href,
+          tabIndex: -1,
+          children: item.label
+        },
+        `${item.href}-${item.label}`
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "orion-admin-site-preview-mobile-toggle", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", {})
+      ] })
+    ] }) })
+  ] });
+}
+function SiteFooterPreview({ site }) {
+  const description = site.description?.trim() || site.tagline?.trim() || "Thoughtful gifts, warm local service, and a beautifully stocked neighborhood shop.";
+  const socialLinks = site.socialLinks?.slice(0, 4) || [];
+  const builtByLabel = site.builtByLabel || "Built by Orion Studios";
+  const builtByHref = site.builtByHref || "https://orionstudios.dev";
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { "aria-hidden": "true", className: "orion-admin-site-preview orion-admin-site-preview--footer", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "orion-admin-site-preview-footer-shell", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "orion-admin-site-preview-footer-grid", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "orion-admin-site-preview-footer-brand", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            PreviewLogo,
+            {
+              className: "orion-admin-site-preview-footer-logo",
+              logoUrl: site.logoUrl,
+              siteName: site.siteName
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "orion-admin-site-preview-footer-name", children: site.siteName })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "orion-admin-site-preview-footer-description", children: description })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "orion-admin-site-preview-footer-eyebrow", children: "Shop focus" }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "orion-admin-site-preview-footer-list", children: site.footerCategories.map((item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { children: item }, item)) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "orion-admin-site-preview-footer-eyebrow", children: "Explore" }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "orion-admin-site-preview-footer-list", children: site.footerLinks.map((item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: item.href, tabIndex: -1, children: item.label }, `${item.href}-${item.label}`)) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "orion-admin-site-preview-footer-eyebrow", children: "Visit" }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "orion-admin-site-preview-footer-contact", children: [
+          site.locationSummary.address?.trim() ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { children: site.locationSummary.address.trim() }) : null,
+          site.locationSummary.hours?.trim() ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { children: site.locationSummary.hours.trim() }) : null,
+          site.locationSummary.phone?.trim() ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: `tel:${site.locationSummary.phone.trim()}`, tabIndex: -1, children: site.locationSummary.phone.trim() }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: `mailto:${site.contactEmail}`, tabIndex: -1, children: site.contactEmail })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(PreviewSocialLinks, { links: socialLinks, variant: "footer" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "orion-admin-site-preview-footer-meta", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: site.copyright }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: builtByHref, tabIndex: -1, children: builtByLabel })
+    ] })
+  ] }) });
+}
+
+// src/admin-app/components/HeaderNavEditorWithPreview.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var fallbackNav = [{ href: "/", label: "Home" }];
+function HeaderNavEditorWithPreview({
+  activePath,
+  actionHref,
+  actionLabel,
+  brandName,
+  initialItems,
+  locationSummary,
+  logoUrl,
+  onItemsChange,
+  pageOptions,
+  socialLinks,
+  tagline = ""
+}) {
+  const [liveItems, setLiveItems] = (0, import_react17.useState)(initialItems);
+  const previewItems = (0, import_react17.useMemo)(() => {
+    const normalized = normalizeNestedNavItems(liveItems);
+    const tree = buildNestedNavTree(normalized);
+    return tree.topLevel.length > 0 ? tree : buildNestedNavTree(fallbackNav);
+  }, [liveItems]);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      HeaderNavItemsEditor,
+      {
+        initialItems,
+        onItemsChange: (items) => {
+          setLiveItems(items);
+          onItemsChange?.(items);
+        },
+        pageOptions
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "orion-admin-preview-label", children: "Header Preview" }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "orion-admin-preview-frame", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "orion-admin-preview-surface", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      SiteHeaderPreview,
+      {
+        site: {
+          activePath,
+          actionHref,
+          actionLabel,
+          locationSummary,
+          logoUrl,
+          navItems: previewItems.topLevel.map((item) => ({
+            href: item.href,
+            label: item.label
+          })),
+          siteName: brandName,
+          socialLinks,
+          tagline
+        }
+      }
+    ) }) })
+  ] });
+}
+
+// src/shared/socialMedia.ts
+var SOCIAL_MEDIA_PLATFORM_LABELS = {
+  facebook: "Facebook",
+  instagram: "Instagram",
+  x: "X (Twitter)",
+  linkedin: "LinkedIn",
+  youtube: "YouTube",
+  tiktok: "TikTok",
+  pinterest: "Pinterest",
+  snapchat: "Snapchat"
+};
+var SOCIAL_MEDIA_PLATFORMS = [
+  "facebook",
+  "instagram",
+  "x",
+  "linkedin",
+  "youtube",
+  "tiktok",
+  "pinterest",
+  "snapchat"
+];
+var SOCIAL_MEDIA_ICON_OPTIONS = {
+  facebook: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:facebook" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:facebook-f" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-facebook" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:facebook-fill" }
+  ],
+  instagram: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:instagram" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:instagram" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-instagram" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:instagram-fill" }
+  ],
+  x: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:x" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:x-twitter" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-x" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:twitter-x-fill" }
+  ],
+  linkedin: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:linkedin" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:linkedin-in" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-linkedin" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:linkedin-fill" }
+  ],
+  youtube: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:youtube" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:youtube" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-youtube" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:youtube-fill" }
+  ],
+  tiktok: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:tiktok" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:tiktok" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-tiktok" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:tiktok-fill" }
+  ],
+  pinterest: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:pinterest" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:pinterest-p" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-pinterest" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:pinterest-fill" }
+  ],
+  snapchat: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:snapchat" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:snapchat" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-snapchat" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:snapchat-fill" }
+  ]
+};
+var SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM = SOCIAL_MEDIA_PLATFORMS.reduce(
+  (acc, platform) => {
+    acc[platform] = SOCIAL_MEDIA_ICON_OPTIONS[platform][0].value;
+    return acc;
+  },
+  {}
+);
+
+// src/nextjs/utilities/socialMedia.ts
+function resolveSocialMediaLinks(data) {
+  const profiles = data?.profiles;
+  if (!profiles || typeof profiles !== "object") {
+    return [];
+  }
+  return SOCIAL_MEDIA_PLATFORMS.reduce((acc, platform) => {
+    const profile = profiles[platform];
+    if (!profile || typeof profile !== "object") {
+      return acc;
+    }
+    const url = typeof profile.url === "string" ? profile.url.trim() : "";
+    if (!url) {
+      return acc;
+    }
+    const icon = typeof profile.icon === "string" && profile.icon.trim().length > 0 ? profile.icon.trim() : SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM[platform];
+    acc.push({
+      icon,
+      label: SOCIAL_MEDIA_PLATFORM_LABELS[platform],
+      platform,
+      url
+    });
+    return acc;
+  }, []);
+}
+
+// src/admin/components/studio/AdminStudioHeaderGlobalView.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var getPropString6 = (props, key, fallback) => {
+  if (!props || typeof props !== "object") return fallback;
+  const direct = props[key];
+  if (typeof direct === "string" && direct.length > 0) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    const nested = clientProps[key];
+    if (typeof nested === "string" && nested.length > 0) return nested;
+  }
+  return fallback;
+};
+var getPropLocationSummary = (props, key) => {
+  if (!props || typeof props !== "object") return void 0;
+  const read = (value) => {
+    if (!value || typeof value !== "object" || Array.isArray(value)) {
+      return void 0;
+    }
+    const record = value;
+    return {
+      ...typeof record.address === "string" ? { address: record.address } : {},
+      ...typeof record.hours === "string" ? { hours: record.hours } : {},
+      ...typeof record.phone === "string" ? { phone: record.phone } : {}
+    };
+  };
+  const direct = read(props[key]);
+  if (direct) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    return read(clientProps[key]);
+  }
+  return void 0;
+};
+var normalizeNavItems = (value) => {
+  if (!Array.isArray(value)) {
+    return [];
+  }
+  return value.filter((item) => Boolean(item) && typeof item === "object").map((item) => ({
+    href: typeof item.href === "string" ? item.href.trim() : "",
+    label: typeof item.label === "string" ? item.label.trim() : "",
+    parentHref: typeof item.parentHref === "string" ? item.parentHref.trim() : ""
+  })).filter((item) => item.href.length > 0 && item.label.length > 0).map((item) => item.parentHref ? item : { href: item.href, label: item.label });
+};
+var resolveMediaURL = (value) => {
+  if (!value || typeof value !== "object" || Array.isArray(value)) {
+    return "";
+  }
+  const record = value;
+  if (typeof record.url === "string" && record.url.length > 0) {
+    return record.url;
+  }
+  if (typeof record.filename === "string" && record.filename.length > 0) {
+    return `/api/media/file/${encodeURIComponent(record.filename)}`;
+  }
+  return "";
+};
+function AdminStudioHeaderGlobalView(props) {
+  const globalSlug = getPropString6(props, "globalSlug", "header");
+  const globalsBasePath = getPropString6(props, "globalsBasePath", "/globals");
+  const pagesCollectionSlug = getPropString6(props, "pagesCollectionSlug", "pages");
+  const actionHref = getPropString6(props, "actionHref", "/contact");
+  const actionLabel = getPropString6(props, "actionLabel", "Visit Today");
+  const locationSummary = getPropLocationSummary(props, "locationSummary");
+  const adminBasePath = useAdminBasePath();
+  const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
+  const rawGlobalPath = resolveAdminPath(adminBasePath, `/globals/${globalSlug}`);
+  const [loading, setLoading] = (0, import_react18.useState)(true);
+  const [saving, setSaving] = (0, import_react18.useState)(false);
+  const [error, setError] = (0, import_react18.useState)(null);
+  const [savedMessage, setSavedMessage] = (0, import_react18.useState)(null);
+  const [initialItems, setInitialItems] = (0, import_react18.useState)([]);
+  const [liveItems, setLiveItems] = (0, import_react18.useState)([]);
+  const [pages, setPages] = (0, import_react18.useState)([]);
+  const [siteSettings, setSiteSettings] = (0, import_react18.useState)({});
+  const [socialMedia, setSocialMedia] = (0, import_react18.useState)({});
+  (0, import_react18.useEffect)(() => {
+    let cancelled = false;
+    const run = async () => {
+      setLoading(true);
+      setError(null);
+      setSavedMessage(null);
+      try {
+        const pageParams = new URLSearchParams({
+          depth: "0",
+          draft: "true",
+          limit: "200",
+          sort: "path"
+        });
+        const [headerRes, siteSettingsRes, socialMediaRes, pagesRes] = await Promise.all([
+          fetch(`/api/globals/${globalSlug}?depth=1&draft=true`, { credentials: "same-origin" }),
+          fetch("/api/globals/site-settings?depth=1&draft=true", { credentials: "same-origin" }),
+          fetch("/api/globals/social-media?depth=1&draft=true", { credentials: "same-origin" }),
+          fetch(`/api/${pagesCollectionSlug}?${pageParams.toString()}`, {
+            credentials: "same-origin"
+          })
+        ]);
+        if (!headerRes.ok) throw new Error(`Failed to load ${globalSlug} (${headerRes.status}).`);
+        if (!siteSettingsRes.ok) {
+          throw new Error(`Failed to load site settings (${siteSettingsRes.status}).`);
+        }
+        if (!socialMediaRes.ok) {
+          throw new Error(`Failed to load social media (${socialMediaRes.status}).`);
+        }
+        if (!pagesRes.ok) throw new Error(`Failed to load pages (${pagesRes.status}).`);
+        const [headerJson, siteSettingsJson, socialMediaJson, pagesJson] = await Promise.all([
+          headerRes.json(),
+          siteSettingsRes.json(),
+          socialMediaRes.json(),
+          pagesRes.json()
+        ]);
+        if (cancelled) return;
+        const nextInitialItems = normalizeNavItems(headerJson.navItems);
+        setInitialItems(nextInitialItems);
+        setLiveItems(nextInitialItems);
+        setSiteSettings(
+          siteSettingsJson && typeof siteSettingsJson === "object" && !Array.isArray(siteSettingsJson) ? siteSettingsJson : {}
+        );
+        setSocialMedia(
+          socialMediaJson && typeof socialMediaJson === "object" && !Array.isArray(socialMediaJson) ? socialMediaJson : {}
+        );
+        setPages(
+          Array.isArray(pagesJson.docs) ? pagesJson.docs : []
+        );
+      } catch (loadError) {
+        if (!cancelled) {
+          setError(loadError instanceof Error ? loadError.message : "Failed to load header settings.");
+        }
+      } finally {
+        if (!cancelled) {
+          setLoading(false);
+        }
+      }
+    };
+    void run();
+    return () => {
+      cancelled = true;
+    };
+  }, [globalSlug, pagesCollectionSlug]);
+  const pageOptions = (0, import_react18.useMemo)(() => buildAdminPageLinkOptions(pages), [pages]);
+  const previewSocialLinks = (0, import_react18.useMemo)(
+    () => resolveSocialMediaLinks(socialMedia).map((item) => ({
+      label: item.label,
+      platform: item.platform,
+      url: item.url
+    })),
+    [socialMedia]
+  );
+  const previewSiteName = typeof siteSettings.siteName === "string" && siteSettings.siteName.trim().length > 0 ? siteSettings.siteName.trim() : "Orion Studio";
+  const previewTagline = typeof siteSettings.tagline === "string" ? siteSettings.tagline.trim() : "";
+  const previewLogoUrl = resolveMediaURL(siteSettings.logo);
+  const editorKey = (0, import_react18.useMemo)(() => JSON.stringify(initialItems), [initialItems]);
+  const save = async () => {
+    setSaving(true);
+    setError(null);
+    setSavedMessage(null);
+    try {
+      const response = await fetch(`/api/globals/${globalSlug}`, {
+        body: JSON.stringify({
+          navItems: liveItems.map((item) => ({
+            href: item.href,
+            label: item.label,
+            ...item.parentHref ? { parentHref: item.parentHref } : {}
+          }))
+        }),
+        credentials: "same-origin",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        method: "PATCH"
+      });
+      if (!response.ok) {
+        throw new Error(`Failed to save ${globalSlug} (${response.status}).`);
+      }
+      const json = await response.json();
+      const nextItems = normalizeNavItems(json.navItems);
+      setInitialItems(nextItems);
+      setLiveItems(nextItems);
+      setSavedMessage("Saved.");
+    } catch (saveError) {
+      setError(saveError instanceof Error ? saveError.message : "Failed to save header settings.");
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { paddingBottom: "2rem" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      import_ui8.SetStepNav,
+      {
+        nav: [
+          { label: "Globals", url: resolvedGlobalsBasePath },
+          { label: "Header & Navigation", url: rawGlobalPath }
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h1", { style: { margin: 0 }, children: "Header & Navigation" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Manage the main website navigation and preview it in place." }),
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading header settings\u2026" }) : null,
+    error ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { style: { color: "var(--theme-error-600)" }, children: error }) : null,
+    savedMessage ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { style: { color: "var(--theme-success-700)" }, children: savedMessage }) : null,
+    !loading ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { display: "grid", gap: "1rem", marginTop: "1rem" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        HeaderNavEditorWithPreview,
+        {
+          actionHref,
+          actionLabel,
+          activePath: "/",
+          brandName: previewSiteName,
+          initialItems,
+          locationSummary,
+          logoUrl: previewLogoUrl || void 0,
+          onItemsChange: setLiveItems,
+          pageOptions,
+          socialLinks: previewSocialLinks,
+          tagline: previewTagline
+        },
+        editorKey
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { style: { display: "flex", gap: "0.6rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        "button",
+        {
+          disabled: saving,
+          onClick: () => void save(),
+          style: {
+            background: "var(--theme-elevation-900)",
+            border: "none",
+            borderRadius: 12,
+            color: "var(--theme-elevation-0)",
+            cursor: saving ? "not-allowed" : "pointer",
+            fontWeight: 900,
+            minHeight: 42,
+            padding: "0 0.9rem"
+          },
+          type: "button",
+          children: saving ? "Saving\u2026" : "Save Navigation"
+        }
+      ) })
+    ] }) : null
+  ] }) });
 }
 
-// src/admin/components/studio/AdminStudioGlobalsView.tsx
-var import_ui7 = require("@payloadcms/ui");
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var getPropGlobals = (props) => {
-  if (!props || typeof props !== "object") return null;
-  const direct = props.globals;
-  if (Array.isArray(direct)) return direct;
-  const clientProps = props.clientProps;
-  if (clientProps && typeof clientProps === "object") {
-    const nested = clientProps.globals;
-    if (Array.isArray(nested)) return nested;
-  }
-  return null;
-};
-var getPropString5 = (props, key, fallback) => {
+// src/admin/components/studio/AdminStudioFooterGlobalView.tsx
+var import_react19 = require("react");
+var import_ui9 = require("@payloadcms/ui");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var getPropString7 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
-  if (typeof direct === "string" && direct.length > 0) return direct;
+  if (typeof direct === "string") return direct;
   const clientProps = props.clientProps;
   if (clientProps && typeof clientProps === "object") {
     const nested = clientProps[key];
-    if (typeof nested === "string" && nested.length > 0) return nested;
+    if (typeof nested === "string") return nested;
   }
   return fallback;
 };
-function AdminStudioGlobalsView(props) {
-  const globalsBasePath = getPropString5(props, "globalsBasePath", "/studio-globals");
+var getPropStringArray2 = (props, key) => {
+  if (!props || typeof props !== "object") return [];
+  const read = (value) => Array.isArray(value) ? value.filter((item) => typeof item === "string" && item.trim().length > 0) : [];
+  const direct = read(props[key]);
+  if (direct.length > 0) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    return read(clientProps[key]);
+  }
+  return [];
+};
+var getPropLinks = (props, key) => {
+  if (!props || typeof props !== "object") return [];
+  const read = (value) => Array.isArray(value) ? value.filter((item) => Boolean(item) && typeof item === "object").map((item) => ({
+    href: typeof item.href === "string" ? item.href.trim() : "",
+    label: typeof item.label === "string" ? item.label.trim() : ""
+  })).filter((item) => item.href.length > 0 && item.label.length > 0) : [];
+  const direct = read(props[key]);
+  if (direct.length > 0) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    return read(clientProps[key]);
+  }
+  return [];
+};
+var getPropLocationSummary2 = (props, key) => {
+  if (!props || typeof props !== "object") return void 0;
+  const read = (value) => {
+    if (!value || typeof value !== "object" || Array.isArray(value)) {
+      return void 0;
+    }
+    const record = value;
+    return {
+      ...typeof record.address === "string" ? { address: record.address } : {},
+      ...typeof record.hours === "string" ? { hours: record.hours } : {},
+      ...typeof record.phone === "string" ? { phone: record.phone } : {}
+    };
+  };
+  const direct = read(props[key]);
+  if (direct) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    return read(clientProps[key]);
+  }
+  return void 0;
+};
+var resolveMediaURL2 = (value) => {
+  if (!value || typeof value !== "object" || Array.isArray(value)) {
+    return "";
+  }
+  const record = value;
+  if (typeof record.url === "string" && record.url.length > 0) {
+    return record.url;
+  }
+  if (typeof record.filename === "string" && record.filename.length > 0) {
+    return `/api/media/file/${encodeURIComponent(record.filename)}`;
+  }
+  return "";
+};
+var deriveAddress = (siteSettings) => {
+  const businessProfile = siteSettings.businessProfile && typeof siteSettings.businessProfile === "object" && !Array.isArray(siteSettings.businessProfile) ? siteSettings.businessProfile : {};
+  const parts = [
+    businessProfile.streetAddress,
+    [businessProfile.addressLocality, businessProfile.addressRegion].filter(Boolean).join(", "),
+    businessProfile.postalCode
+  ].filter((part) => typeof part === "string" && part.trim().length > 0).map((part) => part.trim());
+  return parts.join(" ");
+};
+var deriveHours = (siteSettings) => {
+  const businessProfile = siteSettings.businessProfile && typeof siteSettings.businessProfile === "object" && !Array.isArray(siteSettings.businessProfile) ? siteSettings.businessProfile : {};
+  if (!Array.isArray(businessProfile.openingHours) || businessProfile.openingHours.length === 0) {
+    return "";
+  }
+  const firstRow = businessProfile.openingHours[0] && typeof businessProfile.openingHours[0] === "object" && !Array.isArray(businessProfile.openingHours[0]) ? businessProfile.openingHours[0] : {};
+  const dayOfWeek = typeof firstRow.dayOfWeek === "string" ? firstRow.dayOfWeek.trim() : "";
+  const opens = typeof firstRow.opens === "string" ? firstRow.opens.trim() : "";
+  const closes = typeof firstRow.closes === "string" ? firstRow.closes.trim() : "";
+  if (!dayOfWeek || !opens || !closes) {
+    return "";
+  }
+  return `${dayOfWeek} \u2022 ${opens} - ${closes}`;
+};
+function AdminStudioFooterGlobalView(props) {
+  const globalSlug = getPropString7(props, "globalSlug", "footer");
+  const globalsBasePath = getPropString7(props, "globalsBasePath", "/globals");
+  const builtByHref = getPropString7(props, "builtByHref", "");
+  const builtByLabel = getPropString7(props, "builtByLabel", "");
+  const description = getPropString7(props, "description", "");
+  const footerCategories = getPropStringArray2(props, "footerCategories");
+  const footerLinks = getPropLinks(props, "footerLinks");
+  const configuredLocationSummary = getPropLocationSummary2(props, "locationSummary");
   const adminBasePath = useAdminBasePath();
   const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
-  const globals = getPropGlobals(props) || [
-    { slug: "site-settings", label: "Website Settings" },
-    { slug: "header", label: "Header & Navigation" },
-    { slug: "footer", label: "Footer" },
-    { slug: "contact-form", label: "Contact Form", href: "/studio-contact-form" }
-  ];
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_ui7.SetStepNav, { nav: [{ label: "Globals", url: resolvedGlobalsBasePath }] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h1", { style: { margin: 0 }, children: "Globals" }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Site-wide settings." }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: globals.map((global) => {
-      const href = resolveAdminPath(
-        adminBasePath,
-        typeof global.href === "string" ? global.href : `/globals/${global.slug}`
-      );
-      return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-        "a",
+  const rawGlobalPath = resolveAdminPath(adminBasePath, `/globals/${globalSlug}`);
+  const [loading, setLoading] = (0, import_react19.useState)(true);
+  const [saving, setSaving] = (0, import_react19.useState)(false);
+  const [error, setError] = (0, import_react19.useState)(null);
+  const [savedMessage, setSavedMessage] = (0, import_react19.useState)(null);
+  const [doc, setDoc] = (0, import_react19.useState)({
+    contactEmail: "",
+    contactPhone: "",
+    copyright: ""
+  });
+  const [siteSettings, setSiteSettings] = (0, import_react19.useState)({});
+  const [socialMedia, setSocialMedia] = (0, import_react19.useState)({});
+  (0, import_react19.useEffect)(() => {
+    let cancelled = false;
+    const run = async () => {
+      setLoading(true);
+      setError(null);
+      setSavedMessage(null);
+      try {
+        const [footerRes, siteSettingsRes, socialMediaRes] = await Promise.all([
+          fetch(`/api/globals/${globalSlug}?depth=1&draft=true`, { credentials: "same-origin" }),
+          fetch("/api/globals/site-settings?depth=1&draft=true", { credentials: "same-origin" }),
+          fetch("/api/globals/social-media?depth=1&draft=true", { credentials: "same-origin" })
+        ]);
+        if (!footerRes.ok) throw new Error(`Failed to load ${globalSlug} (${footerRes.status}).`);
+        if (!siteSettingsRes.ok) {
+          throw new Error(`Failed to load site settings (${siteSettingsRes.status}).`);
+        }
+        if (!socialMediaRes.ok) {
+          throw new Error(`Failed to load social media (${socialMediaRes.status}).`);
+        }
+        const [footerJson, siteSettingsJson, socialMediaJson] = await Promise.all([
+          footerRes.json(),
+          siteSettingsRes.json(),
+          socialMediaRes.json()
+        ]);
+        if (cancelled) return;
+        const footerRecord = footerJson && typeof footerJson === "object" && !Array.isArray(footerJson) ? footerJson : {};
+        setDoc({
+          contactEmail: typeof footerRecord.contactEmail === "string" ? footerRecord.contactEmail : "",
+          contactPhone: typeof footerRecord.contactPhone === "string" ? footerRecord.contactPhone : "",
+          copyright: typeof footerRecord.copyright === "string" ? footerRecord.copyright : ""
+        });
+        setSiteSettings(
+          siteSettingsJson && typeof siteSettingsJson === "object" && !Array.isArray(siteSettingsJson) ? siteSettingsJson : {}
+        );
+        setSocialMedia(
+          socialMediaJson && typeof socialMediaJson === "object" && !Array.isArray(socialMediaJson) ? socialMediaJson : {}
+        );
+      } catch (loadError) {
+        if (!cancelled) {
+          setError(loadError instanceof Error ? loadError.message : "Failed to load footer settings.");
+        }
+      } finally {
+        if (!cancelled) {
+          setLoading(false);
+        }
+      }
+    };
+    void run();
+    return () => {
+      cancelled = true;
+    };
+  }, [globalSlug]);
+  const previewSocialLinks = (0, import_react19.useMemo)(
+    () => resolveSocialMediaLinks(socialMedia).map((item) => ({
+      label: item.label,
+      platform: item.platform,
+      url: item.url
+    })),
+    [socialMedia]
+  );
+  const previewSiteName = typeof siteSettings.siteName === "string" && siteSettings.siteName.trim().length > 0 ? siteSettings.siteName.trim() : "Orion Studio";
+  const previewTagline = typeof siteSettings.tagline === "string" ? siteSettings.tagline.trim() : "";
+  const previewLogoUrl = resolveMediaURL2(siteSettings.logo);
+  const previewLocationSummary = {
+    address: configuredLocationSummary?.address || deriveAddress(siteSettings),
+    hours: configuredLocationSummary?.hours || deriveHours(siteSettings),
+    phone: doc.contactPhone
+  };
+  const save = async () => {
+    setSaving(true);
+    setError(null);
+    setSavedMessage(null);
+    try {
+      const response = await fetch(`/api/globals/${globalSlug}`, {
+        body: JSON.stringify(doc),
+        credentials: "same-origin",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        method: "PATCH"
+      });
+      if (!response.ok) {
+        throw new Error(`Failed to save ${globalSlug} (${response.status}).`);
+      }
+      const json = await response.json();
+      setDoc({
+        contactEmail: typeof json.contactEmail === "string" ? json.contactEmail : "",
+        contactPhone: typeof json.contactPhone === "string" ? json.contactPhone : "",
+        copyright: typeof json.copyright === "string" ? json.copyright : ""
+      });
+      setSavedMessage("Saved.");
+    } catch (saveError) {
+      setError(saveError instanceof Error ? saveError.message : "Failed to save footer settings.");
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { paddingBottom: "2rem" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      import_ui9.SetStepNav,
+      {
+        nav: [
+          { label: "Globals", url: resolvedGlobalsBasePath },
+          { label: "Footer", url: rawGlobalPath }
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h1", { style: { margin: 0 }, children: "Footer" }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Manage footer contact details and preview the package footer in place." }),
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading footer settings\u2026" }) : null,
+    error ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { style: { color: "var(--theme-error-600)" }, children: error }) : null,
+    savedMessage ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { style: { color: "var(--theme-success-700)" }, children: savedMessage }) : null,
+    !loading ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { display: "grid", gap: "1rem", marginTop: "1rem" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+        "label",
         {
-          href,
           style: {
-            background: "var(--theme-elevation-0)",
-            border: "1px solid var(--theme-elevation-150)",
-            borderRadius: 16,
-            color: "inherit",
-            padding: "0.85rem 1rem",
-            textDecoration: "none"
+            color: "var(--theme-elevation-800)",
+            display: "grid",
+            fontSize: "0.88rem",
+            fontWeight: 700,
+            gap: "0.35rem"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { fontWeight: 900 }, children: global.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: typeof global.description === "string" && global.description.length > 0 ? global.description : href })
+            "Copyright",
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              "input",
+              {
+                onChange: (event) => setDoc((current) => ({ ...current, copyright: event.target.value })),
+                style: {
+                  background: "var(--theme-elevation-0)",
+                  border: "1px solid var(--theme-elevation-200)",
+                  borderRadius: 10,
+                  color: "inherit",
+                  fontSize: "0.95rem",
+                  minHeight: 42,
+                  padding: "0.55rem 0.65rem",
+                  width: "100%"
+                },
+                type: "text",
+                value: doc.copyright
+              }
+            )
           ]
-        },
-        global.slug
-      );
-    }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { marginTop: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      "a",
-      {
-        href: resolvedGlobalsBasePath,
-        style: { color: "var(--theme-elevation-700)", fontSize: "0.85rem", textDecoration: "none" },
-        children: "Reload Globals view"
-      }
-    ) })
-  ] });
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+        "label",
+        {
+          style: {
+            color: "var(--theme-elevation-800)",
+            display: "grid",
+            fontSize: "0.88rem",
+            fontWeight: 700,
+            gap: "0.35rem"
+          },
+          children: [
+            "Contact Email",
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              "input",
+              {
+                onChange: (event) => setDoc((current) => ({ ...current, contactEmail: event.target.value })),
+                style: {
+                  background: "var(--theme-elevation-0)",
+                  border: "1px solid var(--theme-elevation-200)",
+                  borderRadius: 10,
+                  color: "inherit",
+                  fontSize: "0.95rem",
+                  minHeight: 42,
+                  padding: "0.55rem 0.65rem",
+                  width: "100%"
+                },
+                type: "email",
+                value: doc.contactEmail
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+        "label",
+        {
+          style: {
+            color: "var(--theme-elevation-800)",
+            display: "grid",
+            fontSize: "0.88rem",
+            fontWeight: 700,
+            gap: "0.35rem"
+          },
+          children: [
+            "Contact Phone",
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              "input",
+              {
+                onChange: (event) => setDoc((current) => ({ ...current, contactPhone: event.target.value })),
+                style: {
+                  background: "var(--theme-elevation-0)",
+                  border: "1px solid var(--theme-elevation-200)",
+                  borderRadius: 10,
+                  color: "inherit",
+                  fontSize: "0.95rem",
+                  minHeight: 42,
+                  padding: "0.55rem 0.65rem",
+                  width: "100%"
+                },
+                type: "text",
+                value: doc.contactPhone
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "orion-admin-preview-label", children: "Footer Preview" }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "orion-admin-preview-frame", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "orion-admin-preview-surface", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        SiteFooterPreview,
+        {
+          site: {
+            ...builtByHref ? { builtByHref } : {},
+            ...builtByLabel ? { builtByLabel } : {},
+            contactEmail: doc.contactEmail || "hello@example.com",
+            copyright: doc.copyright || `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} ${previewSiteName}`,
+            ...description ? { description } : {},
+            footerCategories,
+            footerLinks,
+            locationSummary: previewLocationSummary,
+            logoUrl: previewLogoUrl || void 0,
+            siteName: previewSiteName,
+            socialLinks: previewSocialLinks,
+            tagline: previewTagline
+          }
+        }
+      ) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { display: "flex", gap: "0.6rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        "button",
+        {
+          disabled: saving,
+          onClick: () => void save(),
+          style: {
+            background: "var(--theme-elevation-900)",
+            border: "none",
+            borderRadius: 12,
+            color: "var(--theme-elevation-0)",
+            cursor: saving ? "not-allowed" : "pointer",
+            fontWeight: 900,
+            minHeight: 42,
+            padding: "0 0.9rem"
+          },
+          type: "button",
+          children: saving ? "Saving\u2026" : "Save Footer"
+        }
+      ) })
+    ] }) : null
+  ] }) });
 }
 
 // src/admin/components/studio/AdminStudioContactFormView.tsx
-var import_react15 = require("react");
-var import_ui8 = require("@payloadcms/ui");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_react20 = require("react");
+var import_ui10 = require("@payloadcms/ui");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var defaultDoc = {
   disabledMessage: "This form is temporarily unavailable. Please call us for immediate service.",
   enabled: true,
@@ -3371,7 +4788,7 @@ var defaultDoc = {
   submitButtonLabel: "Send Request",
   successMessage: "Thanks, your request has been received. We will follow up shortly."
 };
-var getPropString6 = (props, key, fallback) => {
+var getPropString8 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
   if (typeof direct === "string" && direct.length > 0) return direct;
@@ -3440,17 +4857,17 @@ var ghostButtonStyle = {
   color: "var(--theme-elevation-900)"
 };
 function AdminStudioContactFormView(props) {
-  const globalSlug = getPropString6(props, "globalSlug", "contact-form");
-  const globalsBasePath = getPropString6(props, "globalsBasePath", "/studio-globals");
+  const globalSlug = getPropString8(props, "globalSlug", "contact-form");
+  const globalsBasePath = getPropString8(props, "globalsBasePath", "/globals");
   const adminBasePath = useAdminBasePath();
   const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
   const rawGlobalPath = resolveAdminPath(adminBasePath, `/globals/${globalSlug}`);
-  const [doc, setDoc] = (0, import_react15.useState)(defaultDoc);
-  const [error, setError] = (0, import_react15.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react15.useState)(true);
-  const [isSaving, setIsSaving] = (0, import_react15.useState)(false);
-  const [savedMessage, setSavedMessage] = (0, import_react15.useState)(null);
-  (0, import_react15.useEffect)(() => {
+  const [doc, setDoc] = (0, import_react20.useState)(defaultDoc);
+  const [error, setError] = (0, import_react20.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react20.useState)(true);
+  const [isSaving, setIsSaving] = (0, import_react20.useState)(false);
+  const [savedMessage, setSavedMessage] = (0, import_react20.useState)(null);
+  (0, import_react20.useEffect)(() => {
     let mounted = true;
     const load = async () => {
       setIsLoading(true);
@@ -3480,7 +4897,7 @@ function AdminStudioContactFormView(props) {
       mounted = false;
     };
   }, [globalSlug]);
-  const payload = (0, import_react15.useMemo)(
+  const payload = (0, import_react20.useMemo)(
     () => ({
       disabledMessage: doc.disabledMessage,
       enabled: doc.enabled,
@@ -3517,9 +4934,9 @@ function AdminStudioContactFormView(props) {
       setIsSaving(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { paddingBottom: "2rem" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-      import_ui8.SetStepNav,
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { style: { paddingBottom: "2rem" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      import_ui10.SetStepNav,
       {
         nav: [
           { label: "Globals", url: resolvedGlobalsBasePath },
@@ -3527,14 +4944,14 @@ function AdminStudioContactFormView(props) {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h1", { style: { margin: 0 }, children: "Contact Form" }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Edit form behavior and submission messaging without leaving Studio." }),
-    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading form settings\u2026" }) : null,
-    error ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { style: { color: "var(--theme-error-600)" }, children: error }) : null,
-    savedMessage ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { style: { color: "var(--theme-success-700)" }, children: savedMessage }) : null,
-    !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "grid", gap: "1rem", marginTop: "1rem", maxWidth: 900 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { style: { ...fieldLabelStyle, alignItems: "center", display: "flex", gap: "0.6rem" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h1", { style: { margin: 0 }, children: "Contact Form" }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Edit form behavior and submission messaging without leaving Studio." }),
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading form settings\u2026" }) : null,
+    error ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { style: { color: "var(--theme-error-600)" }, children: error }) : null,
+    savedMessage ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { style: { color: "var(--theme-success-700)" }, children: savedMessage }) : null,
+    !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { style: { display: "grid", gap: "1rem", marginTop: "1rem", maxWidth: 900 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", { style: { ...fieldLabelStyle, alignItems: "center", display: "flex", gap: "0.6rem" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "input",
           {
             checked: doc.enabled,
@@ -3544,9 +4961,9 @@ function AdminStudioContactFormView(props) {
         ),
         "Form enabled"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { style: fieldLabelStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", { style: fieldLabelStyle, children: [
         "Notification Email",
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "input",
           {
             onChange: (event) => setDoc((prev) => ({ ...prev, notificationEmail: event.target.value })),
@@ -3556,9 +4973,9 @@ function AdminStudioContactFormView(props) {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { style: fieldLabelStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", { style: fieldLabelStyle, children: [
         "Submit Button Label",
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "input",
           {
             onChange: (event) => setDoc((prev) => ({ ...prev, submitButtonLabel: event.target.value })),
@@ -3568,9 +4985,9 @@ function AdminStudioContactFormView(props) {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { style: fieldLabelStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", { style: fieldLabelStyle, children: [
         "Success Message",
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "input",
           {
             onChange: (event) => setDoc((prev) => ({ ...prev, successMessage: event.target.value })),
@@ -3580,9 +4997,9 @@ function AdminStudioContactFormView(props) {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { style: fieldLabelStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", { style: fieldLabelStyle, children: [
         "Error Message",
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "input",
           {
             onChange: (event) => setDoc((prev) => ({ ...prev, errorMessage: event.target.value })),
@@ -3592,9 +5009,9 @@ function AdminStudioContactFormView(props) {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { style: fieldLabelStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", { style: fieldLabelStyle, children: [
         "Disabled Message",
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "input",
           {
             onChange: (event) => setDoc((prev) => ({ ...prev, disabledMessage: event.target.value })),
@@ -3604,7 +5021,7 @@ function AdminStudioContactFormView(props) {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
         "div",
         {
           style: {
@@ -3614,9 +5031,9 @@ function AdminStudioContactFormView(props) {
             padding: "0.85rem"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { fontWeight: 900, marginBottom: "0.65rem" }, children: "Service Options" }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { display: "grid", gap: "0.55rem" }, children: doc.serviceOptions.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", gap: "0.5rem" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { style: { fontWeight: 900, marginBottom: "0.65rem" }, children: "Service Options" }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { style: { display: "grid", gap: "0.55rem" }, children: doc.serviceOptions.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { style: { display: "flex", gap: "0.5rem" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                 "input",
                 {
                   onChange: (event) => setDoc((prev) => ({
@@ -3630,7 +5047,7 @@ function AdminStudioContactFormView(props) {
                   value: option.label
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                 "button",
                 {
                   onClick: () => setDoc((prev) => ({
@@ -3643,7 +5060,7 @@ function AdminStudioContactFormView(props) {
                 }
               )
             ] }, `${index}-${option.label}`)) }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "button",
               {
                 onClick: () => setDoc((prev) => ({
@@ -3658,9 +5075,9 @@ function AdminStudioContactFormView(props) {
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", gap: "0.6rem" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { disabled: isSaving, onClick: () => void save(), style: buttonStyle, type: "button", children: isSaving ? "Saving\u2026" : "Save Form Settings" }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { style: { display: "flex", gap: "0.6rem" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { disabled: isSaving, onClick: () => void save(), style: buttonStyle, type: "button", children: isSaving ? "Saving\u2026" : "Save Form Settings" }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "a",
           {
             href: rawGlobalPath,
@@ -3676,13 +5093,13 @@ function AdminStudioContactFormView(props) {
         )
       ] })
     ] }) : null
-  ] });
+  ] }) });
 }
 
 // src/admin/components/studio/AdminStudioMediaView.tsx
-var import_ui9 = require("@payloadcms/ui");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var getPropString7 = (props, key, fallback) => {
+var import_ui11 = require("@payloadcms/ui");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var getPropString9 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
   if (typeof direct === "string" && direct.length > 0) return direct;
@@ -3694,15 +5111,15 @@ var getPropString7 = (props, key, fallback) => {
   return fallback;
 };
 function AdminStudioMediaView(props) {
-  const mediaCollectionSlug = getPropString7(props, "mediaCollectionSlug", "media");
+  const mediaCollectionSlug = getPropString9(props, "mediaCollectionSlug", "media");
   const adminBasePath = useAdminBasePath();
   const mediaPath = resolveAdminPath(adminBasePath, `/collections/${mediaCollectionSlug}`);
   const mediaViewPath = resolveAdminPath(adminBasePath, "/media");
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_ui9.SetStepNav, { nav: [{ label: "Media", url: mediaViewPath }] }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h1", { style: { margin: 0 }, children: "Media" }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Media management is currently using Payload's library." }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_ui11.SetStepNav, { nav: [{ label: "Media", url: mediaViewPath }] }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h1", { style: { margin: 0 }, children: "Media" }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Media management is currently using Payload's library." }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       "a",
       {
         href: mediaPath,
@@ -3715,18 +5132,18 @@ function AdminStudioMediaView(props) {
           textDecoration: "none"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: { fontWeight: 900 }, children: "Open Media Library" }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: mediaPath })
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { style: { fontWeight: 900 }, children: "Open Media Library" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: mediaPath })
         ]
       }
     ) })
-  ] });
+  ] }) });
 }
 
 // src/admin/components/studio/AdminStudioFormsView.tsx
-var import_react16 = require("react");
-var import_ui10 = require("@payloadcms/ui");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_react21 = require("react");
+var import_ui12 = require("@payloadcms/ui");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var isAdmin3 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
@@ -3738,7 +5155,7 @@ var isEditor2 = (user) => {
   return typeof role === "string" && role === "editor";
 };
 var canReviewForms = (user) => isAdmin3(user) || isEditor2(user);
-var getPropString8 = (props, key, fallback) => {
+var getPropString10 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
   if (typeof direct === "string" && direct.length > 0) return direct;
@@ -3788,14 +5205,14 @@ var getSubmissionIdentity = (value) => {
 };
 var renderValue = (value) => {
   if (value === null || value === void 0 || value === "") {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { style: { color: "var(--theme-elevation-500)" }, children: "\u2014" });
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { style: { color: "var(--theme-elevation-500)" }, children: "\u2014" });
   }
   if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
     return String(value);
   }
   if (Array.isArray(value)) {
     if (value.length === 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { style: { color: "var(--theme-elevation-500)" }, children: "\u2014" });
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { style: { color: "var(--theme-elevation-500)" }, children: "\u2014" });
     }
     const primitiveValues = value.every(
       (entry) => typeof entry === "string" || typeof entry === "number" || typeof entry === "boolean" || entry === null
@@ -3803,7 +5220,7 @@ var renderValue = (value) => {
     if (primitiveValues) {
       return value.map((entry) => String(entry)).join(", ");
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "pre",
       {
         style: {
@@ -3817,7 +5234,7 @@ var renderValue = (value) => {
     );
   }
   if (typeof value === "object") {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "pre",
       {
         style: {
@@ -3864,37 +5281,37 @@ var panelStyle = {
   borderRadius: 18
 };
 function AdminStudioFormsView(props) {
-  const { user } = (0, import_ui10.useAuth)();
-  const formsCollectionSlug = getPropString8(props, "formsCollectionSlug", "forms");
-  const formSubmissionsCollectionSlug = getPropString8(
+  const { user } = (0, import_ui12.useAuth)();
+  const formsCollectionSlug = getPropString10(props, "formsCollectionSlug", "forms");
+  const formSubmissionsCollectionSlug = getPropString10(
     props,
     "formSubmissionsCollectionSlug",
     "form-submissions"
   );
-  const formUploadsCollectionSlug = getPropString8(props, "formUploadsCollectionSlug", "form-uploads");
+  const formUploadsCollectionSlug = getPropString10(props, "formUploadsCollectionSlug", "form-uploads");
   const adminBasePath = useAdminBasePath();
-  const formsViewPath = resolveAdminPath(adminBasePath, "/studio-forms");
+  const formsViewPath = resolveAdminPath(adminBasePath, "/forms");
   const rawFormsPath = resolveAdminPath(adminBasePath, `/collections/${formsCollectionSlug}`);
   const rawSubmissionsPath = resolveAdminPath(
     adminBasePath,
     `/collections/${formSubmissionsCollectionSlug}`
   );
   const rawUploadsPath = resolveAdminPath(adminBasePath, `/collections/${formUploadsCollectionSlug}`);
-  const [selectedFormID, setSelectedFormID] = (0, import_react16.useState)("");
-  const [forms, setForms] = (0, import_react16.useState)([]);
-  const [submissions, setSubmissions] = (0, import_react16.useState)([]);
-  const [formsLoading, setFormsLoading] = (0, import_react16.useState)(true);
-  const [submissionsLoading, setSubmissionsLoading] = (0, import_react16.useState)(false);
-  const [formsError, setFormsError] = (0, import_react16.useState)(null);
-  const [submissionsError, setSubmissionsError] = (0, import_react16.useState)(null);
-  const selectedForm = (0, import_react16.useMemo)(
+  const [selectedFormID, setSelectedFormID] = (0, import_react21.useState)("");
+  const [forms, setForms] = (0, import_react21.useState)([]);
+  const [submissions, setSubmissions] = (0, import_react21.useState)([]);
+  const [formsLoading, setFormsLoading] = (0, import_react21.useState)(true);
+  const [submissionsLoading, setSubmissionsLoading] = (0, import_react21.useState)(false);
+  const [formsError, setFormsError] = (0, import_react21.useState)(null);
+  const [submissionsError, setSubmissionsError] = (0, import_react21.useState)(null);
+  const selectedForm = (0, import_react21.useMemo)(
     () => forms.find((form) => {
       const id = typeof form.id === "string" || typeof form.id === "number" ? String(form.id) : "";
       return selectedFormID.length > 0 && id === selectedFormID;
     }) || null,
     [forms, selectedFormID]
   );
-  (0, import_react16.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -3904,7 +5321,7 @@ function AdminStudioFormsView(props) {
       setSelectedFormID(formID);
     }
   }, []);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (!canReviewForms(user)) {
       return;
     }
@@ -3958,7 +5375,7 @@ function AdminStudioFormsView(props) {
       cancelled = true;
     };
   }, [formsCollectionSlug, user]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (!selectedFormID || !canReviewForms(user)) {
       setSubmissions([]);
       return;
@@ -4002,7 +5419,7 @@ function AdminStudioFormsView(props) {
       cancelled = true;
     };
   }, [formSubmissionsCollectionSlug, selectedFormID, user]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (typeof window === "undefined" || !selectedFormID) {
       return;
     }
@@ -4011,11 +5428,11 @@ function AdminStudioFormsView(props) {
     window.history.replaceState({}, "", url.toString());
   }, [selectedFormID]);
   if (!canReviewForms(user)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_ui10.SetStepNav, { nav: [{ label: "Forms", url: formsViewPath }] }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h1", { style: { margin: 0 }, children: "Forms" }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "You do not have access to this page." })
-    ] });
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_ui12.SetStepNav, { nav: [{ label: "Forms", url: formsViewPath }] }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h1", { style: { margin: 0 }, children: "Forms" }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "You do not have access to this page." })
+    ] }) });
   }
   const selectedTitle = selectedForm && typeof selectedForm.title === "string" && selectedForm.title || "Forms";
   const selectedSlug = selectedForm && typeof selectedForm.slug === "string" && selectedForm.slug || null;
@@ -4025,15 +5442,15 @@ function AdminStudioFormsView(props) {
     const fields = step.fields;
     return count + (Array.isArray(fields) ? fields.length : 0);
   }, 0) : 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_ui10.SetStepNav, { nav: [{ label: "Forms", url: formsViewPath }] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { alignItems: "flex-end", display: "flex", flexWrap: "wrap", gap: "0.75rem" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { flex: 1, minWidth: 240 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h1", { style: { margin: 0 }, children: "Forms" }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Review your forms, responses, and any uploaded files in one place." })
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_ui12.SetStepNav, { nav: [{ label: "Forms", url: formsViewPath }] }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { style: { alignItems: "flex-end", display: "flex", flexWrap: "wrap", gap: "0.75rem" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { style: { flex: 1, minWidth: 240 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h1", { style: { margin: 0 }, children: "Forms" }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Review your forms, responses, and any uploaded files in one place." })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "a",
           {
             href: rawFormsPath,
@@ -4048,7 +5465,7 @@ function AdminStudioFormsView(props) {
             children: "Open Forms Collection"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "a",
           {
             href: rawSubmissionsPath,
@@ -4063,7 +5480,7 @@ function AdminStudioFormsView(props) {
             children: "Open Submissions"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "a",
           {
             href: rawUploadsPath,
@@ -4080,7 +5497,7 @@ function AdminStudioFormsView(props) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "div",
       {
         style: {
@@ -4090,11 +5507,11 @@ function AdminStudioFormsView(props) {
           marginTop: "1rem"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("section", { style: { ...panelStyle, padding: "1rem" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { fontSize: "0.82rem", fontWeight: 900, letterSpacing: "0.08em", textTransform: "uppercase" }, children: "Site forms" }),
-            formsLoading ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.85rem" }, children: "Loading forms\u2026" }) : null,
-            formsError ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { color: "crimson", marginTop: "0.85rem" }, children: formsError }) : null,
-            !formsLoading && !formsError && forms.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("section", { style: { ...panelStyle, padding: "1rem" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { fontSize: "0.82rem", fontWeight: 900, letterSpacing: "0.08em", textTransform: "uppercase" }, children: "Site forms" }),
+            formsLoading ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.85rem" }, children: "Loading forms\u2026" }) : null,
+            formsError ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { color: "crimson", marginTop: "0.85rem" }, children: formsError }) : null,
+            !formsLoading && !formsError && forms.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               "div",
               {
                 style: {
@@ -4107,13 +5524,13 @@ function AdminStudioFormsView(props) {
                 children: "No forms found."
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { display: "grid", gap: "0.55rem", marginTop: "0.85rem" }, children: forms.map((form) => {
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { display: "grid", gap: "0.55rem", marginTop: "0.85rem" }, children: forms.map((form) => {
               const id = typeof form.id === "string" || typeof form.id === "number" ? String(form.id) : "";
               if (!id) return null;
               const title = typeof form.title === "string" ? form.title : "Untitled Form";
               const slug = typeof form.slug === "string" ? form.slug : "";
               const isSelected = id === selectedFormID;
-              return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                 "button",
                 {
                   onClick: () => setSelectedFormID(id),
@@ -4127,8 +5544,8 @@ function AdminStudioFormsView(props) {
                   },
                   type: "button",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { fontWeight: 900 }, children: title }),
-                    slug ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { fontWeight: 900 }, children: title }),
+                    slug ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                       "div",
                       {
                         style: {
@@ -4145,9 +5562,9 @@ function AdminStudioFormsView(props) {
               );
             }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("section", { style: { display: "grid", gap: "1rem" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { ...panelStyle, padding: "1rem" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("section", { style: { display: "grid", gap: "1rem" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { style: { ...panelStyle, padding: "1rem" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                 "div",
                 {
                   style: {
@@ -4158,8 +5575,8 @@ function AdminStudioFormsView(props) {
                     justifyContent: "space-between"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                         "div",
                         {
                           style: {
@@ -4172,10 +5589,10 @@ function AdminStudioFormsView(props) {
                           children: "Selected form"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h2", { style: { margin: "0.2rem 0 0", fontSize: "1.45rem" }, children: selectedTitle }),
-                      selectedSlug ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.2rem" }, children: selectedSlug }) : null
+                      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h2", { style: { margin: "0.2rem 0 0", fontSize: "1.45rem" }, children: selectedTitle }),
+                      selectedSlug ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.2rem" }, children: selectedSlug }) : null
                     ] }),
-                    selectedFormID ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                    selectedFormID ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                       "a",
                       {
                         href: `${rawFormsPath}/${selectedFormID}`,
@@ -4193,7 +5610,7 @@ function AdminStudioFormsView(props) {
                   ]
                 }
               ),
-              selectedForm ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+              selectedForm ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                 "div",
                 {
                   style: {
@@ -4203,28 +5620,28 @@ function AdminStudioFormsView(props) {
                     marginTop: "1rem"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { ...panelStyle, padding: "0.8rem 0.9rem" }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Steps" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { fontSize: "1.35rem", fontWeight: 900, marginTop: "0.2rem" }, children: selectedStepCount })
+                    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { style: { ...panelStyle, padding: "0.8rem 0.9rem" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Steps" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { fontSize: "1.35rem", fontWeight: 900, marginTop: "0.2rem" }, children: selectedStepCount })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { ...panelStyle, padding: "0.8rem 0.9rem" }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Fields" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { fontSize: "1.35rem", fontWeight: 900, marginTop: "0.2rem" }, children: selectedFieldCount })
+                    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { style: { ...panelStyle, padding: "0.8rem 0.9rem" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Fields" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { fontSize: "1.35rem", fontWeight: 900, marginTop: "0.2rem" }, children: selectedFieldCount })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { ...panelStyle, padding: "0.8rem 0.9rem" }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Submit label" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { fontSize: "1rem", fontWeight: 900, marginTop: "0.2rem" }, children: typeof selectedForm.submitLabel === "string" && selectedForm.submitLabel.length > 0 ? selectedForm.submitLabel : "Submit" })
+                    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { style: { ...panelStyle, padding: "0.8rem 0.9rem" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Submit label" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { fontSize: "1rem", fontWeight: 900, marginTop: "0.2rem" }, children: typeof selectedForm.submitLabel === "string" && selectedForm.submitLabel.length > 0 ? selectedForm.submitLabel : "Submit" })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { ...panelStyle, padding: "0.8rem 0.9rem" }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Updated" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { fontSize: "1rem", fontWeight: 900, marginTop: "0.2rem" }, children: formatDate(selectedForm.updatedAt) })
+                    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { style: { ...panelStyle, padding: "0.8rem 0.9rem" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Updated" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { fontSize: "1rem", fontWeight: 900, marginTop: "0.2rem" }, children: formatDate(selectedForm.updatedAt) })
                     ] })
                   ]
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "1rem" }, children: "Pick a form to review its responses." })
+              ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "1rem" }, children: "Pick a form to review its responses." })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { ...panelStyle, padding: "1rem" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { style: { ...panelStyle, padding: "1rem" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                 "div",
                 {
                   style: {
@@ -4235,11 +5652,11 @@ function AdminStudioFormsView(props) {
                     justifyContent: "space-between"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h2", { style: { fontSize: "1.2rem", margin: 0 }, children: "Responses" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { style: { color: "var(--theme-elevation-600)", margin: "0.25rem 0 0" }, children: "Latest submissions and any files they uploaded." })
+                    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h2", { style: { fontSize: "1.2rem", margin: 0 }, children: "Responses" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { style: { color: "var(--theme-elevation-600)", margin: "0.25rem 0 0" }, children: "Latest submissions and any files they uploaded." })
                     ] }),
-                    selectedFormID ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                    selectedFormID ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                       "a",
                       {
                         href: rawSubmissionsPath,
@@ -4257,9 +5674,9 @@ function AdminStudioFormsView(props) {
                   ]
                 }
               ),
-              submissionsLoading ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "1rem" }, children: "Loading responses\u2026" }) : null,
-              submissionsError ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { color: "crimson", marginTop: "1rem" }, children: submissionsError }) : null,
-              !submissionsLoading && !submissionsError && selectedFormID && submissions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+              submissionsLoading ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "1rem" }, children: "Loading responses\u2026" }) : null,
+              submissionsError ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { color: "crimson", marginTop: "1rem" }, children: submissionsError }) : null,
+              !submissionsLoading && !submissionsError && selectedFormID && submissions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                 "div",
                 {
                   style: {
@@ -4272,7 +5689,7 @@ function AdminStudioFormsView(props) {
                   children: "No responses yet for this form."
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { display: "grid", gap: "0.9rem", marginTop: "1rem" }, children: submissions.map((submission) => {
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { display: "grid", gap: "0.9rem", marginTop: "1rem" }, children: submissions.map((submission) => {
                 const id = typeof submission.id === "string" || typeof submission.id === "number" ? String(submission.id) : "";
                 if (!id) return null;
                 const submissionData = submission.data;
@@ -4280,8 +5697,8 @@ function AdminStudioFormsView(props) {
                 const uploads = getUploads(submission.files);
                 const formSlug = getString(submission.formSlug);
                 const submissionFormID = getFormID(submission.form);
-                return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("article", { style: { ...panelStyle, padding: "1rem" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("article", { style: { ...panelStyle, padding: "1rem" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                     "div",
                     {
                       style: {
@@ -4292,15 +5709,15 @@ function AdminStudioFormsView(props) {
                         justifyContent: "space-between"
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { fontWeight: 900 }, children: identity.name || identity.email || "Submission" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.2rem" }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { fontWeight: 900 }, children: identity.name || identity.email || "Submission" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.2rem" }, children: [
                             formatDate(submission.submittedAt),
                             formSlug ? ` \xB7 ${formSlug}` : ""
                           ] })
                         ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: [
-                          submissionFormID ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: [
+                          submissionFormID ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                             "a",
                             {
                               href: `${rawFormsPath}/${submissionFormID}`,
@@ -4316,7 +5733,7 @@ function AdminStudioFormsView(props) {
                               children: "Form"
                             }
                           ) : null,
-                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                             "a",
                             {
                               href: `${rawSubmissionsPath}/${id}`,
@@ -4336,7 +5753,7 @@ function AdminStudioFormsView(props) {
                       ]
                     }
                   ),
-                  identity.name || identity.email ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                  identity.name || identity.email ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                     "div",
                     {
                       style: {
@@ -4346,19 +5763,19 @@ function AdminStudioFormsView(props) {
                         marginTop: "0.9rem"
                       },
                       children: [
-                        identity.name ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { ...panelStyle, padding: "0.75rem 0.85rem" }, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Name" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { fontWeight: 900, marginTop: "0.2rem" }, children: identity.name })
+                        identity.name ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { style: { ...panelStyle, padding: "0.75rem 0.85rem" }, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Name" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { fontWeight: 900, marginTop: "0.2rem" }, children: identity.name })
                         ] }) : null,
-                        identity.email ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { ...panelStyle, padding: "0.75rem 0.85rem" }, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Email" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { fontWeight: 900, marginTop: "0.2rem" }, children: identity.email })
+                        identity.email ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { style: { ...panelStyle, padding: "0.75rem 0.85rem" }, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Email" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { fontWeight: 900, marginTop: "0.2rem" }, children: identity.email })
                         ] }) : null
                       ]
                     }
                   ) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { marginTop: "1rem" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { style: { marginTop: "1rem" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                       "div",
                       {
                         style: {
@@ -4372,7 +5789,7 @@ function AdminStudioFormsView(props) {
                         children: "Response data"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { display: "grid", gap: "0.55rem" }, children: getFieldEntries(submissionData).map(([key, value]) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { display: "grid", gap: "0.55rem" }, children: getFieldEntries(submissionData).map(([key, value]) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                       "div",
                       {
                         style: {
@@ -4383,7 +5800,7 @@ function AdminStudioFormsView(props) {
                           padding: "0.8rem 0.9rem"
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                             "div",
                             {
                               style: {
@@ -4395,14 +5812,14 @@ function AdminStudioFormsView(props) {
                               children: key
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { overflowWrap: "anywhere" }, children: renderValue(value) })
+                          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { overflowWrap: "anywhere" }, children: renderValue(value) })
                         ]
                       },
                       key
                     )) })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { marginTop: "1rem" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { style: { marginTop: "1rem" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                       "div",
                       {
                         style: {
@@ -4416,7 +5833,7 @@ function AdminStudioFormsView(props) {
                         children: "Uploads"
                       }
                     ),
-                    uploads.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { color: "var(--theme-elevation-600)" }, children: "No files attached." }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { display: "grid", gap: "0.55rem" }, children: uploads.map((upload, index) => {
+                    uploads.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { color: "var(--theme-elevation-600)" }, children: "No files attached." }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { display: "grid", gap: "0.55rem" }, children: uploads.map((upload, index) => {
                       const uploadID = typeof upload.id === "string" || typeof upload.id === "number" ? String(upload.id) : "";
                       if (!uploadID) return null;
                       const label = typeof upload.filename === "string" && upload.filename || `Upload ${index + 1}`;
@@ -4424,7 +5841,7 @@ function AdminStudioFormsView(props) {
                         typeof upload.mimeType === "string" ? upload.mimeType : null,
                         formatFileSize(upload.filesize)
                       ].filter(Boolean);
-                      return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                         "a",
                         {
                           href: `${rawUploadsPath}/${uploadID}`,
@@ -4438,9 +5855,9 @@ function AdminStudioFormsView(props) {
                             textDecoration: "none"
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { fontWeight: 900 }, children: label }),
-                              meta.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { fontWeight: 900 }, children: label }),
+                              meta.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                                 "div",
                                 {
                                   style: {
@@ -4452,7 +5869,7 @@ function AdminStudioFormsView(props) {
                                 }
                               ) : null
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontWeight: 800 }, children: "Open" })
+                            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontWeight: 800 }, children: "Open" })
                           ]
                         },
                         uploadID
@@ -4466,18 +5883,18 @@ function AdminStudioFormsView(props) {
         ]
       }
     )
-  ] });
+  ] }) });
 }
 
 // src/admin/components/studio/AdminStudioToolsView.tsx
-var import_ui11 = require("@payloadcms/ui");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_ui13 = require("@payloadcms/ui");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var isAdmin4 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
   return typeof role === "string" && role === "admin";
 };
-var getPropString9 = (props, key, fallback) => {
+var getPropString11 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
   if (typeof direct === "string" && direct.length > 0) return direct;
@@ -4489,18 +5906,18 @@ var getPropString9 = (props, key, fallback) => {
   return fallback;
 };
 function AdminStudioToolsView(props) {
-  const { user } = (0, import_ui11.useAuth)();
+  const { user } = (0, import_ui13.useAuth)();
   const adminBasePath = useAdminBasePath();
   const toolsPath = resolveAdminPath(adminBasePath, "/tools");
   if (!isAdmin4(user)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_ui11.SetStepNav, { nav: [{ label: "Admin Tools", url: toolsPath }] }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h1", { style: { margin: 0 }, children: "Admin Tools" }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { style: { color: "var(--theme-elevation-600)" }, children: "You do not have access to this page." })
-    ] });
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_ui13.SetStepNav, { nav: [{ label: "Admin Tools", url: toolsPath }] }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h1", { style: { margin: 0 }, children: "Admin Tools" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { style: { color: "var(--theme-elevation-600)" }, children: "You do not have access to this page." })
+    ] }) });
   }
-  const pagesCollectionSlug = getPropString9(props, "pagesCollectionSlug", "pages");
-  const mediaCollectionSlug = getPropString9(props, "mediaCollectionSlug", "media");
+  const pagesCollectionSlug = getPropString11(props, "pagesCollectionSlug", "pages");
+  const mediaCollectionSlug = getPropString11(props, "mediaCollectionSlug", "media");
   const links = [
     { href: resolveAdminPath(adminBasePath, `/collections/${pagesCollectionSlug}`), label: "Raw Pages Collection" },
     { href: resolveAdminPath(adminBasePath, `/collections/${mediaCollectionSlug}`), label: "Raw Media Collection" },
@@ -4509,11 +5926,11 @@ function AdminStudioToolsView(props) {
     { href: resolveAdminPath(adminBasePath, "/globals/footer"), label: "Raw Footer Global" },
     { href: resolveAdminPath(adminBasePath, "/collections/users"), label: "Users / Roles" }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_ui11.SetStepNav, { nav: [{ label: "Admin Tools", url: toolsPath }] }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h1", { style: { margin: 0 }, children: "Admin Tools" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Hidden fallback links for administrators." }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_ui13.SetStepNav, { nav: [{ label: "Admin Tools", url: toolsPath }] }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h1", { style: { margin: 0 }, children: "Admin Tools" }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Hidden fallback links for administrators." }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
       "a",
       {
         href: link.href,
@@ -4526,25 +5943,25 @@ function AdminStudioToolsView(props) {
           textDecoration: "none"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { fontWeight: 900 }, children: link.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: link.href })
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { style: { fontWeight: 900 }, children: link.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: link.href })
         ]
       },
       link.href
     )) })
-  ] });
+  ] }) });
 }
 
 // src/admin/components/studio/OpenInStudioMenuItem.tsx
-var import_ui12 = require("@payloadcms/ui");
-var import_jsx_runtime23 = require("react/jsx-runtime");
-function OpenInStudioMenuItem({ pagesPathBase = "/studio/pages" }) {
-  const documentInfo = (0, import_ui12.useDocumentInfo)();
+var import_ui14 = require("@payloadcms/ui");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function OpenInStudioMenuItem({ pagesPathBase = "/pages" }) {
+  const documentInfo = (0, import_ui14.useDocumentInfo)();
   const id = documentInfo?.id;
   if (!id) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "a",
     {
       href: `${pagesPathBase}/${id}`,
@@ -4563,19 +5980,19 @@ function OpenInStudioMenuItem({ pagesPathBase = "/studio/pages" }) {
 }
 
 // src/admin/components/studio/PageEditRedirectToStudio.tsx
-var import_react17 = require("react");
-var import_ui13 = require("@payloadcms/ui");
-var import_jsx_runtime24 = require("react/jsx-runtime");
-function PageEditRedirectToStudio({ pagesPathBase = "/studio/pages" }) {
-  const documentInfo = (0, import_ui13.useDocumentInfo)();
+var import_react22 = require("react");
+var import_ui15 = require("@payloadcms/ui");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function PageEditRedirectToStudio({ pagesPathBase = "/pages" }) {
+  const documentInfo = (0, import_ui15.useDocumentInfo)();
   const id = documentInfo?.id;
-  (0, import_react17.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (!id) {
       return;
     }
     window.location.replace(`${pagesPathBase}/${id}`);
   }, [id, pagesPathBase]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     "div",
     {
       style: {
@@ -4587,49 +6004,55 @@ function PageEditRedirectToStudio({ pagesPathBase = "/studio/pages" }) {
         minHeight: "50vh"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { style: { margin: 0 }, children: "Opening Editor..." }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { style: { color: "var(--theme-elevation-600)", margin: 0 }, children: "Redirecting to the custom page editor." }),
-        id ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("a", { href: `${pagesPathBase}/${id}`, children: "Continue to Editor" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("a", { href: pagesPathBase, children: "Open Pages" })
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h2", { style: { margin: 0 }, children: "Opening Editor..." }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { style: { color: "var(--theme-elevation-600)", margin: 0 }, children: "Redirecting to the custom page editor." }),
+        id ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href: `${pagesPathBase}/${id}`, children: "Continue to Editor" }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href: pagesPathBase, children: "Open Pages" })
       ]
     }
   );
 }
 
 // src/admin/components/studio/StudioBackBreadcrumb.tsx
-var import_react18 = require("react");
-var import_ui14 = require("@payloadcms/ui");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_react23 = require("react");
+var import_ui16 = require("@payloadcms/ui");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var toTitle = (slug) => slug.split("-").filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
 var buildNav = (pathname, adminBasePath) => {
   if (pathname.includes("/globals/")) {
     const slug = pathname.split("/globals/")[1]?.split("/")[0] || "";
     const currentLabel = slug === "site-settings" ? "Website Settings" : toTitle(slug) || "Global";
     return [
-      { label: "Globals", url: resolveAdminPath(adminBasePath, "/studio-globals") },
+      { label: "Globals", url: resolveAdminPath(adminBasePath, "/globals") },
       { label: currentLabel }
     ];
   }
-  if (pathname.includes("/studio-contact-form")) {
+  if (pathname.includes("/contact-form")) {
     return [
-      { label: "Globals", url: resolveAdminPath(adminBasePath, "/studio-globals") },
+      { label: "Globals", url: resolveAdminPath(adminBasePath, "/globals") },
       { label: "Contact Form" }
     ];
   }
   if (pathname.includes("/collections/pages") || pathname.includes("/pages/")) {
     return [
-      { label: "Pages", url: resolveAdminPath(adminBasePath, "/collections/pages") },
+      { label: "Pages", url: resolveAdminPath(adminBasePath, "/pages") },
       { label: "Page" }
     ];
   }
+  if (pathname.includes("/collections/forms") || pathname.includes("/collections/form-submissions") || pathname.includes("/collections/form-uploads")) {
+    return [
+      { label: "Forms", url: resolveAdminPath(adminBasePath, "/forms") },
+      { label: "Form" }
+    ];
+  }
   if (pathname.includes("/collections/media")) {
     return [
-      { label: "Media", url: resolveAdminPath(adminBasePath, "/collections/media") },
+      { label: "Media", url: resolveAdminPath(adminBasePath, "/media") },
       { label: "Media Item" }
     ];
   }
   if (pathname.includes("/tools") || pathname.includes("/collections/users")) {
     return [
-      { label: "Admin Tools", url: resolveAdminPath(adminBasePath, "/collections/users") },
+      { label: "Admin Tools", url: resolveAdminPath(adminBasePath, "/tools") },
       { label: "Tool" }
     ];
   }
@@ -4637,8 +6060,8 @@ var buildNav = (pathname, adminBasePath) => {
 };
 function StudioBackBreadcrumb() {
   const adminBasePath = useAdminBasePath();
-  const [pathname, setPathname] = (0, import_react18.useState)("");
-  (0, import_react18.useEffect)(() => {
+  const [pathname, setPathname] = (0, import_react23.useState)("");
+  (0, import_react23.useEffect)(() => {
     const update = () => setPathname(window.location.pathname);
     update();
     window.addEventListener("popstate", update);
@@ -4646,13 +6069,13 @@ function StudioBackBreadcrumb() {
   }, []);
   const nav = buildNav(pathname, adminBasePath);
   if (!nav) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_ui14.SetStepNav, { nav });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_ui16.SetStepNav, { nav });
 }
 
 // src/admin/components/studio/StudioContactFormRedirect.tsx
-var import_react19 = require("react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var getPropString10 = (props, key, fallback) => {
+var import_react24 = require("react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var getPropString12 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
   if (typeof direct === "string" && direct.length > 0) return direct;
@@ -4665,13 +6088,13 @@ var getPropString10 = (props, key, fallback) => {
 };
 function StudioContactFormRedirect(props) {
   const adminBasePath = useAdminBasePath();
-  const studioContactFormPath = getPropString10(props, "studioContactFormPath", "/studio-contact-form");
+  const studioContactFormPath = getPropString12(props, "studioContactFormPath", "/contact-form");
   const targetPath = resolveAdminPath(adminBasePath, studioContactFormPath);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (window.location.pathname === targetPath) return;
     window.location.replace(targetPath);
   }, [targetPath]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "div",
     {
       style: {
@@ -4684,8 +6107,8 @@ function StudioContactFormRedirect(props) {
         minHeight: "40vh"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { style: { margin: 0 }, children: "Opening Contact Form Editor..." }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("a", { href: targetPath, children: "Continue" })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h2", { style: { margin: 0 }, children: "Opening Contact Form Editor..." }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("a", { href: targetPath, children: "Continue" })
       ]
     }
   );
@@ -4694,8 +6117,10 @@ function StudioContactFormRedirect(props) {
 0 && (module.exports = {
   AdminStudioContactFormView,
   AdminStudioDashboard,
+  AdminStudioFooterGlobalView,
   AdminStudioFormsView,
   AdminStudioGlobalsView,
+  AdminStudioHeaderGlobalView,
   AdminStudioMediaView,
   AdminStudioNav,
   AdminStudioPageEditView,