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

package/dist/admin/client.mjs

@@ -1,5 +1,10 @@
 'use client';
 "use client";
+import {
+  HeaderNavEditorWithPreview,
+  SiteFooterPreview,
+  buildAdminPageLinkOptions
+} from "../chunk-6NE7GIVT.mjs";
 import {
   BlockPicker,
   SectionTabs
@@ -1189,10 +1194,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",
@@ -1247,109 +1252,66 @@ var useAdminBasePath = (fallback = DEFAULT_ADMIN_BASE_PATH) => {
   return adminBasePath;
 };
 
-// src/admin/components/studio/AdminStudioDashboard.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "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__ */ jsxs9("div", { style: { padding: "1.2rem 1.2rem 2.5rem" }, children: [
-    /* @__PURE__ */ jsx10(SetStepNav, { nav: [{ label: "Dashboard", url: adminBasePath }] }),
-    /* @__PURE__ */ jsx10("h1", { style: { fontSize: "1.6rem", margin: 0 }, children: "Studio" }),
-    /* @__PURE__ */ jsx10("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Pick what you want to edit." }),
-    /* @__PURE__ */ jsxs9(
-      "div",
-      {
-        style: {
-          display: "grid",
-          gap: "0.85rem",
-          gridTemplateColumns: "repeat(auto-fit, minmax(240px, 1fr))",
-          marginTop: "1.1rem"
-        },
-        children: [
-          /* @__PURE__ */ jsxs9("a", { href: pagesPath, style: cardStyle, children: [
-            /* @__PURE__ */ jsx10("div", { style: { fontWeight: 900 }, children: "Pages" }),
-            /* @__PURE__ */ jsx10("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Edit your site pages with the custom editor." })
-          ] }),
-          formsEnabled ? /* @__PURE__ */ jsxs9("a", { href: formsPath, style: cardStyle, children: [
-            /* @__PURE__ */ jsx10("div", { style: { fontWeight: 900 }, children: "Forms" }),
-            /* @__PURE__ */ jsx10("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Review forms, submissions, and uploaded files." })
-          ] }) : null,
-          /* @__PURE__ */ jsxs9("a", { href: resolvedGlobalsBasePath, style: cardStyle, children: [
-            /* @__PURE__ */ jsx10("div", { style: { fontWeight: 900 }, children: "Globals" }),
-            /* @__PURE__ */ jsx10("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Site settings, header, footer." })
-          ] }),
-          /* @__PURE__ */ jsxs9("a", { href: mediaPath, style: cardStyle, children: [
-            /* @__PURE__ */ jsx10("div", { style: { fontWeight: 900 }, children: "Media" }),
-            /* @__PURE__ */ jsx10("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Upload and manage images and files." })
-          ] }),
-          extensionCards.map((card) => /* @__PURE__ */ jsxs9("a", { href: card.href, style: cardStyle, children: [
-            /* @__PURE__ */ jsx10("div", { style: { fontWeight: 900 }, children: card.title }),
-            /* @__PURE__ */ jsx10("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: card.description })
-          ] }, card.href))
-        ]
-      }
-    )
-  ] });
-}
+// src/admin/components/studio/StudioSectionLayout.tsx
+import { useEffect as useEffect8, useState as useState7 } from "react";
 
 // src/admin/components/studio/AdminStudioNav.tsx
 import { useEffect as useEffect7, useMemo, useState as useState6 } from "react";
 import { Logout, useAuth } from "@payloadcms/ui";
-import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
-var getPropString2 = (props, key, fallback) => {
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs9 } from "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__ */ jsxs9("svg", { ...props, children: [
+        /* @__PURE__ */ jsx10("rect", { x: "3", y: "3", width: "7", height: "9", rx: "1" }),
+        /* @__PURE__ */ jsx10("rect", { x: "14", y: "3", width: "7", height: "5", rx: "1" }),
+        /* @__PURE__ */ jsx10("rect", { x: "14", y: "12", width: "7", height: "9", rx: "1" }),
+        /* @__PURE__ */ jsx10("rect", { x: "3", y: "16", width: "7", height: "5", rx: "1" })
+      ] });
+    case "pages":
+      return /* @__PURE__ */ jsxs9("svg", { ...props, children: [
+        /* @__PURE__ */ jsx10("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z" }),
+        /* @__PURE__ */ jsx10("polyline", { points: "14 2 14 8 20 8" }),
+        /* @__PURE__ */ jsx10("line", { x1: "8", y1: "13", x2: "16", y2: "13" }),
+        /* @__PURE__ */ jsx10("line", { x1: "8", y1: "17", x2: "12", y2: "17" })
+      ] });
+    case "forms":
+      return /* @__PURE__ */ jsxs9("svg", { ...props, children: [
+        /* @__PURE__ */ jsx10("path", { d: "M9 3h6" }),
+        /* @__PURE__ */ jsx10("path", { d: "M12 3v18" }),
+        /* @__PURE__ */ jsx10("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__ */ jsx10("path", { d: "M7 11h10" }),
+        /* @__PURE__ */ jsx10("path", { d: "M7 15h6" })
+      ] });
+    case "globals":
+      return /* @__PURE__ */ jsxs9("svg", { ...props, children: [
+        /* @__PURE__ */ jsx10("circle", { cx: "12", cy: "12", r: "3" }),
+        /* @__PURE__ */ jsx10("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__ */ jsxs9("svg", { ...props, children: [
+        /* @__PURE__ */ jsx10("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsx10("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+        /* @__PURE__ */ jsx10("polyline", { points: "21 15 16 10 5 21" })
+      ] });
+    case "admin-tools":
+      return /* @__PURE__ */ jsx10("svg", { ...props, children: /* @__PURE__ */ jsx10("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;
@@ -1360,7 +1322,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;
@@ -1383,7 +1345,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;
@@ -1411,16 +1373,21 @@ var readUserRole = (user) => {
 };
 function AdminStudioNav(props) {
   const { user } = 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 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;
@@ -1431,10 +1398,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)
@@ -1453,7 +1420,12 @@ function AdminStudioNav(props) {
             label: "Forms",
             matchPrefixes: [
               formsPath,
-              resolveAdminPath(adminBasePath, `/collections/${formsCollectionSlug}`)
+              resolveAdminPath(adminBasePath, `/collections/${formsCollectionSlug}`),
+              resolveAdminPath(
+                adminBasePath,
+                `/collections/${formSubmissionsCollectionSlug}`
+              ),
+              resolveAdminPath(adminBasePath, `/collections/${formUploadsCollectionSlug}`)
             ]
           }
         ] : [],
@@ -1467,12 +1439,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"]
         }
       ];
@@ -1489,6 +1466,8 @@ function AdminStudioNav(props) {
       formsCollectionSlug,
       formsEnabled,
       formsPath,
+      formSubmissionsCollectionSlug,
+      formUploadsCollectionSlug,
       mediaPath,
       pagesPath,
       resolvedGlobalsBasePath,
@@ -1510,7 +1489,7 @@ function AdminStudioNav(props) {
     padding: compact ? "0.6rem" : "0.6rem 0.75rem",
     textDecoration: "none"
   });
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       style: {
@@ -1521,8 +1500,8 @@ function AdminStudioNav(props) {
         padding: compact ? "0.8rem 0.5rem" : "1rem 0.85rem"
       },
       children: [
-        /* @__PURE__ */ jsxs10("div", { className: "admin-studio-brand", style: { padding: compact ? "0" : "0 0.35rem 0 2.4rem" }, children: [
-          branding.logoUrl ? /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsxs9("div", { className: "admin-studio-brand", style: { padding: compact ? "0" : "0 0.35rem 0 2.4rem" }, children: [
+          branding.logoUrl ? /* @__PURE__ */ jsx10(
             "div",
             {
               style: {
@@ -1532,10 +1511,10 @@ function AdminStudioNav(props) {
                 overflow: "hidden",
                 width: compact ? 34 : 40
               },
-              children: /* @__PURE__ */ jsx11("img", { alt: `${resolvedName} logo`, src: branding.logoUrl, style: { height: "100%", objectFit: "cover", width: "100%" } })
+              children: /* @__PURE__ */ jsx10("img", { alt: `${resolvedName} logo`, src: branding.logoUrl, style: { height: "100%", objectFit: "cover", width: "100%" } })
             }
           ) : null,
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx10(
             "div",
             {
               style: {
@@ -1550,14 +1529,23 @@ function AdminStudioNav(props) {
               children: compact ? resolvedName.slice(0, 1).toUpperCase() : resolvedName
             }
           ),
-          !compact ? /* @__PURE__ */ jsx11("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.85rem" }, children: "Studio" }) : null
+          !compact ? /* @__PURE__ */ jsx10("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.85rem" }, children: "Studio" }) : null
         ] }),
-        /* @__PURE__ */ jsx11("nav", { style: { display: "grid", gap: "0.25rem" }, children: links.filter((link) => roleCanAccessSection(userRole, link)).map((link) => {
+        /* @__PURE__ */ jsx10("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__ */ jsx11("a", { href: link.href, style: linkStyle(active), title: link.label, children: compact ? link.label.slice(0, 1) : link.label }, link.href);
+          return /* @__PURE__ */ jsx10("a", { href: link.href, style: linkStyle(active), title: link.label, children: (() => {
+            const icon = /* @__PURE__ */ jsx10(NavIcon, { sectionID: link.id });
+            if (compact) {
+              return icon || link.label.slice(0, 1);
+            }
+            return /* @__PURE__ */ jsxs9("span", { style: { alignItems: "center", display: "inline-flex", gap: "0.6rem" }, children: [
+              icon,
+              /* @__PURE__ */ jsx10("span", { children: link.label })
+            ] });
+          })() }, link.href);
         }) }),
-        /* @__PURE__ */ jsx11("div", { style: { flex: 1 } }),
-        /* @__PURE__ */ jsxs10(
+        /* @__PURE__ */ jsx10("div", { style: { flex: 1 } }),
+        /* @__PURE__ */ jsxs9(
           "div",
           {
             style: {
@@ -1566,11 +1554,11 @@ function AdminStudioNav(props) {
               textAlign: compact ? "center" : "left"
             },
             children: [
-              !compact ? /* @__PURE__ */ jsxs10(Fragment2, { children: [
-                /* @__PURE__ */ jsx11("div", { style: { color: "var(--theme-elevation-700)", fontSize: "0.85rem" }, children: "Signed in as" }),
-                /* @__PURE__ */ jsx11("div", { style: { fontWeight: 800, marginBottom: "0.55rem" }, children: typeof user?.email === "string" ? user.email : "User" })
+              !compact ? /* @__PURE__ */ jsxs9(Fragment2, { children: [
+                /* @__PURE__ */ jsx10("div", { style: { color: "var(--theme-elevation-700)", fontSize: "0.85rem" }, children: "Signed in as" }),
+                /* @__PURE__ */ jsx10("div", { style: { fontWeight: 800, marginBottom: "0.55rem" }, children: typeof user?.email === "string" ? user.email : "User" })
               ] }) : null,
-              /* @__PURE__ */ jsx11(Logout, {})
+              /* @__PURE__ */ jsx10(Logout, {})
             ]
           }
         )
@@ -1579,10 +1567,171 @@ function AdminStudioNav(props) {
   );
 }
 
+// src/admin/components/studio/StudioSectionLayout.tsx
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+var STORAGE_KEY2 = "orion-studio-sidebar-collapsed";
+var ACTIVE_CLASS = "orion-studio-shell-active";
+function StudioSectionLayout({ children, navProps }) {
+  const [collapsed, setCollapsed] = useState7(false);
+  useEffect8(() => {
+    try {
+      const stored = window.localStorage.getItem(STORAGE_KEY2);
+      if (stored === "1") {
+        setCollapsed(true);
+      }
+    } catch {
+    }
+  }, []);
+  useEffect8(() => {
+    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__ */ jsxs10(
+    "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__ */ jsxs10("aside", { className: "orion-studio-sidebar", children: [
+          /* @__PURE__ */ jsx11(
+            "button",
+            {
+              "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
+              className: "orion-studio-sidebar-toggle",
+              onClick: toggle,
+              type: "button",
+              children: collapsed ? ">" : "<"
+            }
+          ),
+          /* @__PURE__ */ jsx11("div", { className: "orion-studio-sidebar-scroll", children: /* @__PURE__ */ jsx11(AdminStudioNav, { ...navProps, compact: collapsed }) })
+        ] }),
+        /* @__PURE__ */ jsx11("main", { className: "orion-studio-main", children })
+      ]
+    }
+  );
+}
+
+// src/admin/components/studio/AdminStudioDashboard.tsx
+import { jsx as jsx12, jsxs as jsxs11 } from "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__ */ jsx12(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs11("div", { style: { paddingBottom: "1.3rem" }, children: [
+    /* @__PURE__ */ jsx12(SetStepNav, { nav: [{ label: "Dashboard", url: adminBasePath }] }),
+    /* @__PURE__ */ jsx12("h1", { style: { fontSize: "1.6rem", margin: 0 }, children: "Studio" }),
+    /* @__PURE__ */ jsx12("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Pick what you want to edit." }),
+    /* @__PURE__ */ jsxs11(
+      "div",
+      {
+        style: {
+          display: "grid",
+          gap: "0.85rem",
+          gridTemplateColumns: "repeat(auto-fit, minmax(240px, 1fr))",
+          marginTop: "1.1rem"
+        },
+        children: [
+          /* @__PURE__ */ jsxs11("a", { href: pagesPath, style: cardStyle, children: [
+            /* @__PURE__ */ jsx12("div", { style: { fontWeight: 900 }, children: "Pages" }),
+            /* @__PURE__ */ jsx12("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Edit your site pages with the custom editor." })
+          ] }),
+          formsEnabled ? /* @__PURE__ */ jsxs11("a", { href: formsPath, style: cardStyle, children: [
+            /* @__PURE__ */ jsx12("div", { style: { fontWeight: 900 }, children: "Forms" }),
+            /* @__PURE__ */ jsx12("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Review forms, submissions, and uploaded files." })
+          ] }) : null,
+          /* @__PURE__ */ jsxs11("a", { href: resolvedGlobalsBasePath, style: cardStyle, children: [
+            /* @__PURE__ */ jsx12("div", { style: { fontWeight: 900 }, children: "Globals" }),
+            /* @__PURE__ */ jsx12("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Site settings, header, footer." })
+          ] }),
+          /* @__PURE__ */ jsxs11("a", { href: mediaPath, style: cardStyle, children: [
+            /* @__PURE__ */ jsx12("div", { style: { fontWeight: 900 }, children: "Media" }),
+            /* @__PURE__ */ jsx12("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Upload and manage images and files." })
+          ] }),
+          /* @__PURE__ */ jsxs11("a", { href: toolsPath, style: cardStyle, children: [
+            /* @__PURE__ */ jsx12("div", { style: { fontWeight: 900 }, children: "Admin Tools" }),
+            /* @__PURE__ */ jsx12("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Open admin-only fallback links and user management." })
+          ] }),
+          extensionCards.map((card) => /* @__PURE__ */ jsxs11("a", { href: card.href, style: cardStyle, children: [
+            /* @__PURE__ */ jsx12("div", { style: { fontWeight: 900 }, children: card.title }),
+            /* @__PURE__ */ jsx12("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: card.description })
+          ] }, card.href))
+        ]
+      }
+    )
+  ] }) });
+}
+
 // src/admin/components/studio/AdminStudioPagesListView.tsx
-import { useEffect as useEffect8, useMemo as useMemo2, useState as useState7 } from "react";
+import { useEffect as useEffect9, useMemo as useMemo2, useState as useState8 } from "react";
 import { SetStepNav as SetStepNav2, useAuth as useAuth2 } from "@payloadcms/ui";
-import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 var isAdmin = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
@@ -1605,9 +1754,9 @@ function AdminStudioPagesListView(props) {
   const adminBasePath = useAdminBasePath();
   const pagesPath = resolveAdminPath(adminBasePath, "/pages");
   const rawPagesCollectionPath = resolveAdminPath(adminBasePath, `/collections/${pagesCollectionSlug}`);
-  const [loading, setLoading] = useState7(true);
-  const [error, setError] = useState7(null);
-  const [docs, setDocs] = useState7([]);
+  const [loading, setLoading] = useState8(true);
+  const [error, setError] = useState8(null);
+  const [docs, setDocs] = useState8([]);
   const apiURL = useMemo2(() => {
     const params = new URLSearchParams({
       depth: "0",
@@ -1617,7 +1766,7 @@ function AdminStudioPagesListView(props) {
     });
     return `/api/${pagesCollectionSlug}?${params.toString()}`;
   }, [pagesCollectionSlug]);
-  useEffect8(() => {
+  useEffect9(() => {
     let cancelled = false;
     const run = async () => {
       setLoading(true);
@@ -1642,14 +1791,14 @@ function AdminStudioPagesListView(props) {
       cancelled = true;
     };
   }, [apiURL]);
-  return /* @__PURE__ */ jsxs11(Fragment3, { children: [
-    /* @__PURE__ */ jsx12(SetStepNav2, { nav: [{ label: "Pages", url: pagesPath }] }),
-    /* @__PURE__ */ jsxs11("div", { style: { alignItems: "flex-end", display: "flex", gap: "0.75rem" }, children: [
-      /* @__PURE__ */ jsxs11("div", { style: { flex: 1 }, children: [
-        /* @__PURE__ */ jsx12("h1", { style: { margin: 0 }, children: "Pages" }),
-        /* @__PURE__ */ jsx12("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Open a page to edit it in the custom editor." })
+  return /* @__PURE__ */ jsx13(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs12(Fragment3, { children: [
+    /* @__PURE__ */ jsx13(SetStepNav2, { nav: [{ label: "Pages", url: pagesPath }] }),
+    /* @__PURE__ */ jsxs12("div", { style: { alignItems: "flex-end", display: "flex", gap: "0.75rem" }, children: [
+      /* @__PURE__ */ jsxs12("div", { style: { flex: 1 }, children: [
+        /* @__PURE__ */ jsx13("h1", { style: { margin: 0 }, children: "Pages" }),
+        /* @__PURE__ */ jsx13("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Open a page to edit it in the custom editor." })
       ] }),
-      isAdmin(user) ? /* @__PURE__ */ jsx12(
+      isAdmin(user) ? /* @__PURE__ */ jsx13(
         "a",
         {
           href: `${rawPagesCollectionPath}/create`,
@@ -1665,10 +1814,10 @@ function AdminStudioPagesListView(props) {
         }
       ) : null
     ] }),
-    loading ? /* @__PURE__ */ jsx12("div", { style: { color: "var(--theme-elevation-600)", marginTop: "1rem" }, children: "Loading..." }) : null,
-    error ? /* @__PURE__ */ jsx12("div", { style: { color: "crimson", marginTop: "1rem" }, children: error }) : null,
-    /* @__PURE__ */ jsxs11("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: [
-      !loading && !error && docs.length === 0 ? /* @__PURE__ */ jsx12(
+    loading ? /* @__PURE__ */ jsx13("div", { style: { color: "var(--theme-elevation-600)", marginTop: "1rem" }, children: "Loading..." }) : null,
+    error ? /* @__PURE__ */ jsx13("div", { style: { color: "crimson", marginTop: "1rem" }, children: error }) : null,
+    /* @__PURE__ */ jsxs12("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: [
+      !loading && !error && docs.length === 0 ? /* @__PURE__ */ jsx13(
         "div",
         {
           style: {
@@ -1686,7 +1835,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__ */ jsxs11(
+        return /* @__PURE__ */ jsxs12(
           "a",
           {
             href: resolveAdminPath(adminBasePath, `/pages/${id}`),
@@ -1702,9 +1851,9 @@ function AdminStudioPagesListView(props) {
               textDecoration: "none"
             },
             children: [
-              /* @__PURE__ */ jsxs11("div", { style: { minWidth: 0 }, children: [
-                /* @__PURE__ */ jsx12("div", { style: { fontWeight: 900, overflow: "hidden", textOverflow: "ellipsis" }, children: title }),
-                /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsxs12("div", { style: { minWidth: 0 }, children: [
+                /* @__PURE__ */ jsx13("div", { style: { fontWeight: 900, overflow: "hidden", textOverflow: "ellipsis" }, children: title }),
+                /* @__PURE__ */ jsx13(
                   "div",
                   {
                     style: {
@@ -1717,7 +1866,7 @@ function AdminStudioPagesListView(props) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs11(
+              /* @__PURE__ */ jsxs12(
                 "div",
                 {
                   style: {
@@ -1727,7 +1876,7 @@ function AdminStudioPagesListView(props) {
                     gap: "0.5rem"
                   },
                   children: [
-                    status ? /* @__PURE__ */ jsx12(
+                    status ? /* @__PURE__ */ jsx13(
                       "span",
                       {
                         style: {
@@ -1742,7 +1891,7 @@ function AdminStudioPagesListView(props) {
                         children: status
                       }
                     ) : null,
-                    /* @__PURE__ */ jsx12("span", { style: { color: "var(--theme-elevation-600)", fontWeight: 800 }, children: "Open" })
+                    /* @__PURE__ */ jsx13("span", { style: { color: "var(--theme-elevation-600)", fontWeight: 800 }, children: "Open" })
                   ]
                 }
               )
@@ -1752,13 +1901,13 @@ function AdminStudioPagesListView(props) {
         );
       })
     ] })
-  ] });
+  ] }) });
 }
 
 // src/admin/components/studio/AdminStudioPageEditView.tsx
-import { useEffect as useEffect9, useMemo as useMemo3, useRef as useRef3, useState as useState8 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo3, useRef as useRef3, useState as useState9 } from "react";
 import { SetStepNav as SetStepNav3, toast, useAuth as useAuth3 } from "@payloadcms/ui";
-import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 var isAdmin2 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
@@ -1799,17 +1948,17 @@ function AdminStudioPageEditView(props) {
   const { user } = useAuth3();
   const adminBasePath = useAdminBasePath();
   const iframeRef = useRef3(null);
-  const [saving, setSaving] = useState8(null);
-  const [dirty, setDirty] = useState8(false);
-  const [hasUnpublishedChanges, setHasUnpublishedChanges] = useState8(false);
-  const [canUndo, setCanUndo] = useState8(false);
-  const [canRedo, setCanRedo] = useState8(false);
+  const [saving, setSaving] = useState9(null);
+  const [dirty, setDirty] = useState9(false);
+  const [hasUnpublishedChanges, setHasUnpublishedChanges] = useState9(false);
+  const [canUndo, setCanUndo] = useState9(false);
+  const [canRedo, setCanRedo] = useState9(false);
   const builderBasePath = getPropString4(props, "builderBasePath", "/builder");
   const pagesPath = resolveAdminPath(adminBasePath, "/pages");
   const pageIDFromParams = useMemo3(() => getParam(props.params, "id"), [props.params]);
-  const [pageID, setPageID] = useState8(pageIDFromParams);
-  const [didResolvePathFallback, setDidResolvePathFallback] = useState8(false);
-  useEffect9(() => {
+  const [pageID, setPageID] = useState9(pageIDFromParams);
+  const [didResolvePathFallback, setDidResolvePathFallback] = useState9(false);
+  useEffect10(() => {
     if (pageIDFromParams) {
       setPageID(pageIDFromParams);
       setDidResolvePathFallback(true);
@@ -1853,7 +2002,7 @@ function AdminStudioPageEditView(props) {
     } catch {
     }
   };
-  useEffect9(() => {
+  useEffect10(() => {
     if (!pageID) {
       return;
     }
@@ -1876,7 +2025,7 @@ function AdminStudioPageEditView(props) {
     }
     iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type }, "*");
   };
-  useEffect9(() => {
+  useEffect10(() => {
     const onMessage = (event) => {
       const data = event.data;
       if (!data || data.source !== "payload-visual-builder-child" || typeof data.type !== "string") {
@@ -1911,8 +2060,8 @@ function AdminStudioPageEditView(props) {
     return () => window.removeEventListener("message", onMessage);
   }, []);
   if (!pageID && !didResolvePathFallback) {
-    return /* @__PURE__ */ jsxs12(Fragment4, { children: [
-      /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs13(Fragment4, { children: [
+      /* @__PURE__ */ jsx14(
         SetStepNav3,
         {
           nav: [
@@ -1921,13 +2070,13 @@ function AdminStudioPageEditView(props) {
           ]
         }
       ),
-      /* @__PURE__ */ jsx13("h1", { style: { margin: 0 }, children: "Page Editor" }),
-      /* @__PURE__ */ jsx13("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading page editor..." })
-    ] });
+      /* @__PURE__ */ jsx14("h1", { style: { margin: 0 }, children: "Page Editor" }),
+      /* @__PURE__ */ jsx14("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading page editor..." })
+    ] }) });
   }
   if (!pageID) {
-    return /* @__PURE__ */ jsxs12(Fragment4, { children: [
-      /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs13(Fragment4, { children: [
+      /* @__PURE__ */ jsx14(
         SetStepNav3,
         {
           nav: [
@@ -1936,12 +2085,12 @@ function AdminStudioPageEditView(props) {
           ]
         }
       ),
-      /* @__PURE__ */ jsx13("h1", { style: { margin: 0 }, children: "Page Editor" }),
-      /* @__PURE__ */ jsx13("p", { style: { color: "var(--theme-elevation-600)" }, children: "Missing page ID." })
-    ] });
+      /* @__PURE__ */ jsx14("h1", { style: { margin: 0 }, children: "Page Editor" }),
+      /* @__PURE__ */ jsx14("p", { style: { color: "var(--theme-elevation-600)" }, children: "Missing page ID." })
+    ] }) });
   }
-  return /* @__PURE__ */ jsxs12(Fragment4, { children: [
-    /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs13(Fragment4, { children: [
+    /* @__PURE__ */ jsx14(
       SetStepNav3,
       {
         nav: [
@@ -1950,8 +2099,8 @@ function AdminStudioPageEditView(props) {
         ]
       }
     ),
-    /* @__PURE__ */ jsxs12("div", { style: { display: "grid", gridTemplateRows: "auto 1fr", height: "calc(100vh - 120px)" }, children: [
-      /* @__PURE__ */ jsxs12(
+    /* @__PURE__ */ jsxs13("div", { style: { display: "grid", gridTemplateRows: "auto 1fr", height: "calc(100vh - 120px)" }, children: [
+      /* @__PURE__ */ jsxs13(
         "div",
         {
           style: {
@@ -1967,9 +2116,9 @@ function AdminStudioPageEditView(props) {
             zIndex: 20
           },
           children: [
-            /* @__PURE__ */ jsxs12("div", { style: { minWidth: 0 }, children: [
-              /* @__PURE__ */ jsx13("div", { style: { fontWeight: 900 }, children: "Page Editor" }),
-              /* @__PURE__ */ jsxs12(
+            /* @__PURE__ */ jsxs13("div", { style: { minWidth: 0 }, children: [
+              /* @__PURE__ */ jsx14("div", { style: { fontWeight: 900 }, children: "Page Editor" }),
+              /* @__PURE__ */ jsxs13(
                 "div",
                 {
                   style: {
@@ -1985,9 +2134,9 @@ function AdminStudioPageEditView(props) {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs12("div", { style: { alignItems: "center", display: "flex", gap: "0.5rem" }, children: [
-              /* @__PURE__ */ jsx13("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__ */ jsx13(
+            /* @__PURE__ */ jsxs13("div", { style: { alignItems: "center", display: "flex", gap: "0.5rem" }, children: [
+              /* @__PURE__ */ jsx14("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__ */ jsx14(
                 "div",
                 {
                   style: {
@@ -2004,7 +2153,7 @@ function AdminStudioPageEditView(props) {
                   children: hasUnpublishedChanges ? "Unpublished draft changes" : "Live is up to date"
                 }
               ),
-              /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx14(
                 "button",
                 {
                   disabled: !canUndo,
@@ -2020,7 +2169,7 @@ function AdminStudioPageEditView(props) {
                   children: "Undo"
                 }
               ),
-              /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx14(
                 "button",
                 {
                   disabled: !canRedo,
@@ -2036,7 +2185,7 @@ function AdminStudioPageEditView(props) {
                   children: "Redo"
                 }
               ),
-              /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx14(
                 "button",
                 {
                   disabled: saving !== null,
@@ -2052,7 +2201,7 @@ function AdminStudioPageEditView(props) {
                   children: saving === "draft" ? "Saving\u2026" : "Save Draft"
                 }
               ),
-              /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx14(
                 "button",
                 {
                   disabled: !canPublish || saving !== null,
@@ -2075,7 +2224,7 @@ function AdminStudioPageEditView(props) {
           ]
         }
       ),
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(
         "iframe",
         {
           ref: iframeRef,
@@ -2091,12 +2240,12 @@ function AdminStudioPageEditView(props) {
         }
       )
     ] })
-  ] });
+  ] }) });
 }
 
 // src/admin/components/studio/AdminStudioGlobalsView.tsx
 import { SetStepNav as SetStepNav4 } from "@payloadcms/ui";
-import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 var getPropGlobals = (props) => {
   if (!props || typeof props !== "object") return null;
   const direct = props.globals;
@@ -2120,25 +2269,25 @@ var getPropString5 = (props, key, fallback) => {
   return fallback;
 };
 function AdminStudioGlobalsView(props) {
-  const globalsBasePath = getPropString5(props, "globalsBasePath", "/studio-globals");
+  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: "contact-form", label: "Contact Form", href: "/studio-contact-form" }
+    { slug: "social-media", label: "Social Media" }
   ];
-  return /* @__PURE__ */ jsxs13(Fragment5, { children: [
-    /* @__PURE__ */ jsx14(SetStepNav4, { nav: [{ label: "Globals", url: resolvedGlobalsBasePath }] }),
-    /* @__PURE__ */ jsx14("h1", { style: { margin: 0 }, children: "Globals" }),
-    /* @__PURE__ */ jsx14("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Site-wide settings." }),
-    /* @__PURE__ */ jsx14("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: globals.map((global) => {
+  return /* @__PURE__ */ jsx15(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs14(Fragment5, { children: [
+    /* @__PURE__ */ jsx15(SetStepNav4, { nav: [{ label: "Globals", url: resolvedGlobalsBasePath }] }),
+    /* @__PURE__ */ jsx15("h1", { style: { margin: 0 }, children: "Globals" }),
+    /* @__PURE__ */ jsx15("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Site-wide settings." }),
+    /* @__PURE__ */ jsx15("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__ */ jsxs13(
+      return /* @__PURE__ */ jsxs14(
         "a",
         {
           href,
@@ -2151,14 +2300,14 @@ function AdminStudioGlobalsView(props) {
             textDecoration: "none"
           },
           children: [
-            /* @__PURE__ */ jsx14("div", { style: { fontWeight: 900 }, children: global.label }),
-            /* @__PURE__ */ jsx14("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: typeof global.description === "string" && global.description.length > 0 ? global.description : href })
+            /* @__PURE__ */ jsx15("div", { style: { fontWeight: 900 }, children: global.label }),
+            /* @__PURE__ */ jsx15("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__ */ jsx14("div", { style: { marginTop: "1rem" }, children: /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15("div", { style: { marginTop: "1rem" }, children: /* @__PURE__ */ jsx15(
       "a",
       {
         href: resolvedGlobalsBasePath,
@@ -2166,27 +2315,120 @@ function AdminStudioGlobalsView(props) {
         children: "Reload Globals view"
       }
     ) })
-  ] });
+  ] }) });
 }
 
-// src/admin/components/studio/AdminStudioContactFormView.tsx
-import { useEffect as useEffect10, useMemo as useMemo4, useState as useState9 } from "react";
+// src/admin/components/studio/AdminStudioHeaderGlobalView.tsx
+import { useEffect as useEffect11, useMemo as useMemo4, useState as useState10 } from "react";
 import { SetStepNav as SetStepNav5 } from "@payloadcms/ui";
-import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
-var defaultDoc = {
-  disabledMessage: "This form is temporarily unavailable. Please call us for immediate service.",
-  enabled: true,
-  errorMessage: "Submission failed. Please call us at (512) 555-0149.",
-  notificationEmail: "",
-  serviceOptions: [
-    { label: "Tree Trimming" },
-    { label: "Tree Removal" },
-    { label: "Stump Grinding" },
-    { label: "Storm Cleanup" }
+
+// 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" }
   ],
-  submitButtonLabel: "Send Request",
-  successMessage: "Thanks, your request has been received. We will follow up shortly."
+  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
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
 var getPropString6 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
@@ -2198,16 +2440,648 @@ var getPropString6 = (props, key, fallback) => {
   }
   return fallback;
 };
-var normalizeOption = (value) => {
-  if (!value || typeof value !== "object" || Array.isArray(value)) return null;
-  const label = value.label;
-  if (typeof label !== "string") return null;
-  const trimmed = label.trim();
-  if (!trimmed) return null;
-  return { label: trimmed };
-};
-var normalizeDoc = (value) => {
-  if (!value || typeof value !== "object" || Array.isArray(value)) {
+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] = useState10(true);
+  const [saving, setSaving] = useState10(false);
+  const [error, setError] = useState10(null);
+  const [savedMessage, setSavedMessage] = useState10(null);
+  const [initialItems, setInitialItems] = useState10([]);
+  const [liveItems, setLiveItems] = useState10([]);
+  const [pages, setPages] = useState10([]);
+  const [siteSettings, setSiteSettings] = useState10({});
+  const [socialMedia, setSocialMedia] = useState10({});
+  useEffect11(() => {
+    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 = useMemo4(() => buildAdminPageLinkOptions(pages), [pages]);
+  const previewSocialLinks = useMemo4(
+    () => 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 = useMemo4(() => 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__ */ jsx16(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs15("div", { style: { paddingBottom: "2rem" }, children: [
+    /* @__PURE__ */ jsx16(
+      SetStepNav5,
+      {
+        nav: [
+          { label: "Globals", url: resolvedGlobalsBasePath },
+          { label: "Header & Navigation", url: rawGlobalPath }
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx16("h1", { style: { margin: 0 }, children: "Header & Navigation" }),
+    /* @__PURE__ */ jsx16("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Manage the main website navigation and preview it in place." }),
+    loading ? /* @__PURE__ */ jsx16("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading header settings\u2026" }) : null,
+    error ? /* @__PURE__ */ jsx16("p", { style: { color: "var(--theme-error-600)" }, children: error }) : null,
+    savedMessage ? /* @__PURE__ */ jsx16("p", { style: { color: "var(--theme-success-700)" }, children: savedMessage }) : null,
+    !loading ? /* @__PURE__ */ jsxs15("div", { style: { display: "grid", gap: "1rem", marginTop: "1rem" }, children: [
+      /* @__PURE__ */ jsx16(
+        HeaderNavEditorWithPreview,
+        {
+          actionHref,
+          actionLabel,
+          activePath: "/",
+          brandName: previewSiteName,
+          initialItems,
+          locationSummary,
+          logoUrl: previewLogoUrl || void 0,
+          onItemsChange: setLiveItems,
+          pageOptions,
+          socialLinks: previewSocialLinks,
+          tagline: previewTagline
+        },
+        editorKey
+      ),
+      /* @__PURE__ */ jsx16("div", { style: { display: "flex", gap: "0.6rem" }, children: /* @__PURE__ */ jsx16(
+        "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/AdminStudioFooterGlobalView.tsx
+import { useEffect as useEffect12, useMemo as useMemo5, useState as useState11 } from "react";
+import { SetStepNav as SetStepNav6 } from "@payloadcms/ui";
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+var getPropString7 = (props, key, fallback) => {
+  if (!props || typeof props !== "object") return fallback;
+  const direct = props[key];
+  if (typeof direct === "string") return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    const nested = clientProps[key];
+    if (typeof nested === "string") return nested;
+  }
+  return fallback;
+};
+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 rawGlobalPath = resolveAdminPath(adminBasePath, `/globals/${globalSlug}`);
+  const [loading, setLoading] = useState11(true);
+  const [saving, setSaving] = useState11(false);
+  const [error, setError] = useState11(null);
+  const [savedMessage, setSavedMessage] = useState11(null);
+  const [doc, setDoc] = useState11({
+    contactEmail: "",
+    contactPhone: "",
+    copyright: ""
+  });
+  const [siteSettings, setSiteSettings] = useState11({});
+  const [socialMedia, setSocialMedia] = useState11({});
+  useEffect12(() => {
+    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 = useMemo5(
+    () => 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__ */ jsx17(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs16("div", { style: { paddingBottom: "2rem" }, children: [
+    /* @__PURE__ */ jsx17(
+      SetStepNav6,
+      {
+        nav: [
+          { label: "Globals", url: resolvedGlobalsBasePath },
+          { label: "Footer", url: rawGlobalPath }
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx17("h1", { style: { margin: 0 }, children: "Footer" }),
+    /* @__PURE__ */ jsx17("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Manage footer contact details and preview the package footer in place." }),
+    loading ? /* @__PURE__ */ jsx17("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading footer settings\u2026" }) : null,
+    error ? /* @__PURE__ */ jsx17("p", { style: { color: "var(--theme-error-600)" }, children: error }) : null,
+    savedMessage ? /* @__PURE__ */ jsx17("p", { style: { color: "var(--theme-success-700)" }, children: savedMessage }) : null,
+    !loading ? /* @__PURE__ */ jsxs16("div", { style: { display: "grid", gap: "1rem", marginTop: "1rem" }, children: [
+      /* @__PURE__ */ jsxs16(
+        "label",
+        {
+          style: {
+            color: "var(--theme-elevation-800)",
+            display: "grid",
+            fontSize: "0.88rem",
+            fontWeight: 700,
+            gap: "0.35rem"
+          },
+          children: [
+            "Copyright",
+            /* @__PURE__ */ jsx17(
+              "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
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs16(
+        "label",
+        {
+          style: {
+            color: "var(--theme-elevation-800)",
+            display: "grid",
+            fontSize: "0.88rem",
+            fontWeight: 700,
+            gap: "0.35rem"
+          },
+          children: [
+            "Contact Email",
+            /* @__PURE__ */ jsx17(
+              "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__ */ jsxs16(
+        "label",
+        {
+          style: {
+            color: "var(--theme-elevation-800)",
+            display: "grid",
+            fontSize: "0.88rem",
+            fontWeight: 700,
+            gap: "0.35rem"
+          },
+          children: [
+            "Contact Phone",
+            /* @__PURE__ */ jsx17(
+              "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__ */ jsx17("div", { className: "orion-admin-preview-label", children: "Footer Preview" }),
+      /* @__PURE__ */ jsx17("div", { className: "orion-admin-preview-frame", children: /* @__PURE__ */ jsx17("div", { className: "orion-admin-preview-surface", children: /* @__PURE__ */ jsx17(
+        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__ */ jsx17("div", { style: { display: "flex", gap: "0.6rem" }, children: /* @__PURE__ */ jsx17(
+        "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
+import { useEffect as useEffect13, useMemo as useMemo6, useState as useState12 } from "react";
+import { SetStepNav as SetStepNav7 } from "@payloadcms/ui";
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+var defaultDoc = {
+  disabledMessage: "This form is temporarily unavailable. Please call us for immediate service.",
+  enabled: true,
+  errorMessage: "Submission failed. Please call us at (512) 555-0149.",
+  notificationEmail: "",
+  serviceOptions: [
+    { label: "Tree Trimming" },
+    { label: "Tree Removal" },
+    { label: "Stump Grinding" },
+    { label: "Storm Cleanup" }
+  ],
+  submitButtonLabel: "Send Request",
+  successMessage: "Thanks, your request has been received. We will follow up shortly."
+};
+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;
+  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 normalizeOption = (value) => {
+  if (!value || typeof value !== "object" || Array.isArray(value)) return null;
+  const label = value.label;
+  if (typeof label !== "string") return null;
+  const trimmed = label.trim();
+  if (!trimmed) return null;
+  return { label: trimmed };
+};
+var normalizeDoc = (value) => {
+  if (!value || typeof value !== "object" || Array.isArray(value)) {
     return defaultDoc;
   }
   const record = value;
@@ -2256,17 +3130,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] = useState9(defaultDoc);
-  const [error, setError] = useState9(null);
-  const [isLoading, setIsLoading] = useState9(true);
-  const [isSaving, setIsSaving] = useState9(false);
-  const [savedMessage, setSavedMessage] = useState9(null);
-  useEffect10(() => {
+  const [doc, setDoc] = useState12(defaultDoc);
+  const [error, setError] = useState12(null);
+  const [isLoading, setIsLoading] = useState12(true);
+  const [isSaving, setIsSaving] = useState12(false);
+  const [savedMessage, setSavedMessage] = useState12(null);
+  useEffect13(() => {
     let mounted = true;
     const load = async () => {
       setIsLoading(true);
@@ -2296,7 +3170,7 @@ function AdminStudioContactFormView(props) {
       mounted = false;
     };
   }, [globalSlug]);
-  const payload = useMemo4(
+  const payload = useMemo6(
     () => ({
       disabledMessage: doc.disabledMessage,
       enabled: doc.enabled,
@@ -2333,9 +3207,9 @@ function AdminStudioContactFormView(props) {
       setIsSaving(false);
     }
   };
-  return /* @__PURE__ */ jsxs14("div", { style: { paddingBottom: "2rem" }, children: [
-    /* @__PURE__ */ jsx15(
-      SetStepNav5,
+  return /* @__PURE__ */ jsx18(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs17("div", { style: { paddingBottom: "2rem" }, children: [
+    /* @__PURE__ */ jsx18(
+      SetStepNav7,
       {
         nav: [
           { label: "Globals", url: resolvedGlobalsBasePath },
@@ -2343,14 +3217,14 @@ function AdminStudioContactFormView(props) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx15("h1", { style: { margin: 0 }, children: "Contact Form" }),
-    /* @__PURE__ */ jsx15("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Edit form behavior and submission messaging without leaving Studio." }),
-    isLoading ? /* @__PURE__ */ jsx15("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading form settings\u2026" }) : null,
-    error ? /* @__PURE__ */ jsx15("p", { style: { color: "var(--theme-error-600)" }, children: error }) : null,
-    savedMessage ? /* @__PURE__ */ jsx15("p", { style: { color: "var(--theme-success-700)" }, children: savedMessage }) : null,
-    !isLoading ? /* @__PURE__ */ jsxs14("div", { style: { display: "grid", gap: "1rem", marginTop: "1rem", maxWidth: 900 }, children: [
-      /* @__PURE__ */ jsxs14("label", { style: { ...fieldLabelStyle, alignItems: "center", display: "flex", gap: "0.6rem" }, children: [
-        /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx18("h1", { style: { margin: 0 }, children: "Contact Form" }),
+    /* @__PURE__ */ jsx18("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Edit form behavior and submission messaging without leaving Studio." }),
+    isLoading ? /* @__PURE__ */ jsx18("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading form settings\u2026" }) : null,
+    error ? /* @__PURE__ */ jsx18("p", { style: { color: "var(--theme-error-600)" }, children: error }) : null,
+    savedMessage ? /* @__PURE__ */ jsx18("p", { style: { color: "var(--theme-success-700)" }, children: savedMessage }) : null,
+    !isLoading ? /* @__PURE__ */ jsxs17("div", { style: { display: "grid", gap: "1rem", marginTop: "1rem", maxWidth: 900 }, children: [
+      /* @__PURE__ */ jsxs17("label", { style: { ...fieldLabelStyle, alignItems: "center", display: "flex", gap: "0.6rem" }, children: [
+        /* @__PURE__ */ jsx18(
           "input",
           {
             checked: doc.enabled,
@@ -2360,9 +3234,9 @@ function AdminStudioContactFormView(props) {
         ),
         "Form enabled"
       ] }),
-      /* @__PURE__ */ jsxs14("label", { style: fieldLabelStyle, children: [
+      /* @__PURE__ */ jsxs17("label", { style: fieldLabelStyle, children: [
         "Notification Email",
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx18(
           "input",
           {
             onChange: (event) => setDoc((prev) => ({ ...prev, notificationEmail: event.target.value })),
@@ -2372,9 +3246,9 @@ function AdminStudioContactFormView(props) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs14("label", { style: fieldLabelStyle, children: [
+      /* @__PURE__ */ jsxs17("label", { style: fieldLabelStyle, children: [
         "Submit Button Label",
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx18(
           "input",
           {
             onChange: (event) => setDoc((prev) => ({ ...prev, submitButtonLabel: event.target.value })),
@@ -2384,9 +3258,9 @@ function AdminStudioContactFormView(props) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs14("label", { style: fieldLabelStyle, children: [
+      /* @__PURE__ */ jsxs17("label", { style: fieldLabelStyle, children: [
         "Success Message",
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx18(
           "input",
           {
             onChange: (event) => setDoc((prev) => ({ ...prev, successMessage: event.target.value })),
@@ -2396,9 +3270,9 @@ function AdminStudioContactFormView(props) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs14("label", { style: fieldLabelStyle, children: [
+      /* @__PURE__ */ jsxs17("label", { style: fieldLabelStyle, children: [
         "Error Message",
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx18(
           "input",
           {
             onChange: (event) => setDoc((prev) => ({ ...prev, errorMessage: event.target.value })),
@@ -2408,9 +3282,9 @@ function AdminStudioContactFormView(props) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs14("label", { style: fieldLabelStyle, children: [
+      /* @__PURE__ */ jsxs17("label", { style: fieldLabelStyle, children: [
         "Disabled Message",
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx18(
           "input",
           {
             onChange: (event) => setDoc((prev) => ({ ...prev, disabledMessage: event.target.value })),
@@ -2420,7 +3294,7 @@ function AdminStudioContactFormView(props) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs14(
+      /* @__PURE__ */ jsxs17(
         "div",
         {
           style: {
@@ -2430,9 +3304,9 @@ function AdminStudioContactFormView(props) {
             padding: "0.85rem"
           },
           children: [
-            /* @__PURE__ */ jsx15("div", { style: { fontWeight: 900, marginBottom: "0.65rem" }, children: "Service Options" }),
-            /* @__PURE__ */ jsx15("div", { style: { display: "grid", gap: "0.55rem" }, children: doc.serviceOptions.map((option, index) => /* @__PURE__ */ jsxs14("div", { style: { display: "flex", gap: "0.5rem" }, children: [
-              /* @__PURE__ */ jsx15(
+            /* @__PURE__ */ jsx18("div", { style: { fontWeight: 900, marginBottom: "0.65rem" }, children: "Service Options" }),
+            /* @__PURE__ */ jsx18("div", { style: { display: "grid", gap: "0.55rem" }, children: doc.serviceOptions.map((option, index) => /* @__PURE__ */ jsxs17("div", { style: { display: "flex", gap: "0.5rem" }, children: [
+              /* @__PURE__ */ jsx18(
                 "input",
                 {
                   onChange: (event) => setDoc((prev) => ({
@@ -2446,7 +3320,7 @@ function AdminStudioContactFormView(props) {
                   value: option.label
                 }
               ),
-              /* @__PURE__ */ jsx15(
+              /* @__PURE__ */ jsx18(
                 "button",
                 {
                   onClick: () => setDoc((prev) => ({
@@ -2459,7 +3333,7 @@ function AdminStudioContactFormView(props) {
                 }
               )
             ] }, `${index}-${option.label}`)) }),
-            /* @__PURE__ */ jsx15(
+            /* @__PURE__ */ jsx18(
               "button",
               {
                 onClick: () => setDoc((prev) => ({
@@ -2474,9 +3348,9 @@ function AdminStudioContactFormView(props) {
           ]
         }
       ),
-      /* @__PURE__ */ jsxs14("div", { style: { display: "flex", gap: "0.6rem" }, children: [
-        /* @__PURE__ */ jsx15("button", { disabled: isSaving, onClick: () => void save(), style: buttonStyle, type: "button", children: isSaving ? "Saving\u2026" : "Save Form Settings" }),
-        /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsxs17("div", { style: { display: "flex", gap: "0.6rem" }, children: [
+        /* @__PURE__ */ jsx18("button", { disabled: isSaving, onClick: () => void save(), style: buttonStyle, type: "button", children: isSaving ? "Saving\u2026" : "Save Form Settings" }),
+        /* @__PURE__ */ jsx18(
           "a",
           {
             href: rawGlobalPath,
@@ -2492,13 +3366,13 @@ function AdminStudioContactFormView(props) {
         )
       ] })
     ] }) : null
-  ] });
+  ] }) });
 }
 
 // src/admin/components/studio/AdminStudioMediaView.tsx
-import { SetStepNav as SetStepNav6 } from "@payloadcms/ui";
-import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
-var getPropString7 = (props, key, fallback) => {
+import { SetStepNav as SetStepNav8 } from "@payloadcms/ui";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs18 } from "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;
@@ -2510,15 +3384,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__ */ jsxs15(Fragment6, { children: [
-    /* @__PURE__ */ jsx16(SetStepNav6, { nav: [{ label: "Media", url: mediaViewPath }] }),
-    /* @__PURE__ */ jsx16("h1", { style: { margin: 0 }, children: "Media" }),
-    /* @__PURE__ */ jsx16("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Media management is currently using Payload's library." }),
-    /* @__PURE__ */ jsx16("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsx19(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs18(Fragment6, { children: [
+    /* @__PURE__ */ jsx19(SetStepNav8, { nav: [{ label: "Media", url: mediaViewPath }] }),
+    /* @__PURE__ */ jsx19("h1", { style: { margin: 0 }, children: "Media" }),
+    /* @__PURE__ */ jsx19("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Media management is currently using Payload's library." }),
+    /* @__PURE__ */ jsx19("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: /* @__PURE__ */ jsxs18(
       "a",
       {
         href: mediaPath,
@@ -2531,18 +3405,18 @@ function AdminStudioMediaView(props) {
           textDecoration: "none"
         },
         children: [
-          /* @__PURE__ */ jsx16("div", { style: { fontWeight: 900 }, children: "Open Media Library" }),
-          /* @__PURE__ */ jsx16("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: mediaPath })
+          /* @__PURE__ */ jsx19("div", { style: { fontWeight: 900 }, children: "Open Media Library" }),
+          /* @__PURE__ */ jsx19("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: mediaPath })
         ]
       }
     ) })
-  ] });
+  ] }) });
 }
 
 // src/admin/components/studio/AdminStudioFormsView.tsx
-import { useEffect as useEffect11, useMemo as useMemo5, useState as useState10 } from "react";
-import { SetStepNav as SetStepNav7, useAuth as useAuth4 } from "@payloadcms/ui";
-import { Fragment as Fragment7, jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useEffect as useEffect14, useMemo as useMemo7, useState as useState13 } from "react";
+import { SetStepNav as SetStepNav9, useAuth as useAuth4 } from "@payloadcms/ui";
+import { Fragment as Fragment7, jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
 var isAdmin3 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
@@ -2554,7 +3428,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;
@@ -2604,14 +3478,14 @@ var getSubmissionIdentity = (value) => {
 };
 var renderValue = (value) => {
   if (value === null || value === void 0 || value === "") {
-    return /* @__PURE__ */ jsx17("span", { style: { color: "var(--theme-elevation-500)" }, children: "\u2014" });
+    return /* @__PURE__ */ jsx20("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__ */ jsx17("span", { style: { color: "var(--theme-elevation-500)" }, children: "\u2014" });
+      return /* @__PURE__ */ jsx20("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
@@ -2619,7 +3493,7 @@ var renderValue = (value) => {
     if (primitiveValues) {
       return value.map((entry) => String(entry)).join(", ");
     }
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx20(
       "pre",
       {
         style: {
@@ -2633,7 +3507,7 @@ var renderValue = (value) => {
     );
   }
   if (typeof value === "object") {
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx20(
       "pre",
       {
         style: {
@@ -2681,36 +3555,36 @@ var panelStyle = {
 };
 function AdminStudioFormsView(props) {
   const { user } = useAuth4();
-  const formsCollectionSlug = getPropString8(props, "formsCollectionSlug", "forms");
-  const formSubmissionsCollectionSlug = getPropString8(
+  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] = useState10("");
-  const [forms, setForms] = useState10([]);
-  const [submissions, setSubmissions] = useState10([]);
-  const [formsLoading, setFormsLoading] = useState10(true);
-  const [submissionsLoading, setSubmissionsLoading] = useState10(false);
-  const [formsError, setFormsError] = useState10(null);
-  const [submissionsError, setSubmissionsError] = useState10(null);
-  const selectedForm = useMemo5(
+  const [selectedFormID, setSelectedFormID] = useState13("");
+  const [forms, setForms] = useState13([]);
+  const [submissions, setSubmissions] = useState13([]);
+  const [formsLoading, setFormsLoading] = useState13(true);
+  const [submissionsLoading, setSubmissionsLoading] = useState13(false);
+  const [formsError, setFormsError] = useState13(null);
+  const [submissionsError, setSubmissionsError] = useState13(null);
+  const selectedForm = useMemo7(
     () => 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]
   );
-  useEffect11(() => {
+  useEffect14(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -2720,7 +3594,7 @@ function AdminStudioFormsView(props) {
       setSelectedFormID(formID);
     }
   }, []);
-  useEffect11(() => {
+  useEffect14(() => {
     if (!canReviewForms(user)) {
       return;
     }
@@ -2774,7 +3648,7 @@ function AdminStudioFormsView(props) {
       cancelled = true;
     };
   }, [formsCollectionSlug, user]);
-  useEffect11(() => {
+  useEffect14(() => {
     if (!selectedFormID || !canReviewForms(user)) {
       setSubmissions([]);
       return;
@@ -2818,7 +3692,7 @@ function AdminStudioFormsView(props) {
       cancelled = true;
     };
   }, [formSubmissionsCollectionSlug, selectedFormID, user]);
-  useEffect11(() => {
+  useEffect14(() => {
     if (typeof window === "undefined" || !selectedFormID) {
       return;
     }
@@ -2827,11 +3701,11 @@ function AdminStudioFormsView(props) {
     window.history.replaceState({}, "", url.toString());
   }, [selectedFormID]);
   if (!canReviewForms(user)) {
-    return /* @__PURE__ */ jsxs16(Fragment7, { children: [
-      /* @__PURE__ */ jsx17(SetStepNav7, { nav: [{ label: "Forms", url: formsViewPath }] }),
-      /* @__PURE__ */ jsx17("h1", { style: { margin: 0 }, children: "Forms" }),
-      /* @__PURE__ */ jsx17("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "You do not have access to this page." })
-    ] });
+    return /* @__PURE__ */ jsx20(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs19(Fragment7, { children: [
+      /* @__PURE__ */ jsx20(SetStepNav9, { nav: [{ label: "Forms", url: formsViewPath }] }),
+      /* @__PURE__ */ jsx20("h1", { style: { margin: 0 }, children: "Forms" }),
+      /* @__PURE__ */ jsx20("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;
@@ -2841,15 +3715,15 @@ function AdminStudioFormsView(props) {
     const fields = step.fields;
     return count + (Array.isArray(fields) ? fields.length : 0);
   }, 0) : 0;
-  return /* @__PURE__ */ jsxs16(Fragment7, { children: [
-    /* @__PURE__ */ jsx17(SetStepNav7, { nav: [{ label: "Forms", url: formsViewPath }] }),
-    /* @__PURE__ */ jsxs16("div", { style: { alignItems: "flex-end", display: "flex", flexWrap: "wrap", gap: "0.75rem" }, children: [
-      /* @__PURE__ */ jsxs16("div", { style: { flex: 1, minWidth: 240 }, children: [
-        /* @__PURE__ */ jsx17("h1", { style: { margin: 0 }, children: "Forms" }),
-        /* @__PURE__ */ jsx17("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Review your forms, responses, and any uploaded files in one place." })
+  return /* @__PURE__ */ jsx20(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs19(Fragment7, { children: [
+    /* @__PURE__ */ jsx20(SetStepNav9, { nav: [{ label: "Forms", url: formsViewPath }] }),
+    /* @__PURE__ */ jsxs19("div", { style: { alignItems: "flex-end", display: "flex", flexWrap: "wrap", gap: "0.75rem" }, children: [
+      /* @__PURE__ */ jsxs19("div", { style: { flex: 1, minWidth: 240 }, children: [
+        /* @__PURE__ */ jsx20("h1", { style: { margin: 0 }, children: "Forms" }),
+        /* @__PURE__ */ jsx20("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Review your forms, responses, and any uploaded files in one place." })
       ] }),
-      /* @__PURE__ */ jsxs16("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: [
-        /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsxs19("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: [
+        /* @__PURE__ */ jsx20(
           "a",
           {
             href: rawFormsPath,
@@ -2864,7 +3738,7 @@ function AdminStudioFormsView(props) {
             children: "Open Forms Collection"
           }
         ),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx20(
           "a",
           {
             href: rawSubmissionsPath,
@@ -2879,7 +3753,7 @@ function AdminStudioFormsView(props) {
             children: "Open Submissions"
           }
         ),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx20(
           "a",
           {
             href: rawUploadsPath,
@@ -2896,7 +3770,7 @@ function AdminStudioFormsView(props) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs16(
+    /* @__PURE__ */ jsxs19(
       "div",
       {
         style: {
@@ -2906,11 +3780,11 @@ function AdminStudioFormsView(props) {
           marginTop: "1rem"
         },
         children: [
-          /* @__PURE__ */ jsxs16("section", { style: { ...panelStyle, padding: "1rem" }, children: [
-            /* @__PURE__ */ jsx17("div", { style: { fontSize: "0.82rem", fontWeight: 900, letterSpacing: "0.08em", textTransform: "uppercase" }, children: "Site forms" }),
-            formsLoading ? /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.85rem" }, children: "Loading forms\u2026" }) : null,
-            formsError ? /* @__PURE__ */ jsx17("div", { style: { color: "crimson", marginTop: "0.85rem" }, children: formsError }) : null,
-            !formsLoading && !formsError && forms.length === 0 ? /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsxs19("section", { style: { ...panelStyle, padding: "1rem" }, children: [
+            /* @__PURE__ */ jsx20("div", { style: { fontSize: "0.82rem", fontWeight: 900, letterSpacing: "0.08em", textTransform: "uppercase" }, children: "Site forms" }),
+            formsLoading ? /* @__PURE__ */ jsx20("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.85rem" }, children: "Loading forms\u2026" }) : null,
+            formsError ? /* @__PURE__ */ jsx20("div", { style: { color: "crimson", marginTop: "0.85rem" }, children: formsError }) : null,
+            !formsLoading && !formsError && forms.length === 0 ? /* @__PURE__ */ jsx20(
               "div",
               {
                 style: {
@@ -2923,13 +3797,13 @@ function AdminStudioFormsView(props) {
                 children: "No forms found."
               }
             ) : null,
-            /* @__PURE__ */ jsx17("div", { style: { display: "grid", gap: "0.55rem", marginTop: "0.85rem" }, children: forms.map((form) => {
+            /* @__PURE__ */ jsx20("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__ */ jsxs16(
+              return /* @__PURE__ */ jsxs19(
                 "button",
                 {
                   onClick: () => setSelectedFormID(id),
@@ -2943,8 +3817,8 @@ function AdminStudioFormsView(props) {
                   },
                   type: "button",
                   children: [
-                    /* @__PURE__ */ jsx17("div", { style: { fontWeight: 900 }, children: title }),
-                    slug ? /* @__PURE__ */ jsx17(
+                    /* @__PURE__ */ jsx20("div", { style: { fontWeight: 900 }, children: title }),
+                    slug ? /* @__PURE__ */ jsx20(
                       "div",
                       {
                         style: {
@@ -2961,9 +3835,9 @@ function AdminStudioFormsView(props) {
               );
             }) })
           ] }),
-          /* @__PURE__ */ jsxs16("section", { style: { display: "grid", gap: "1rem" }, children: [
-            /* @__PURE__ */ jsxs16("div", { style: { ...panelStyle, padding: "1rem" }, children: [
-              /* @__PURE__ */ jsxs16(
+          /* @__PURE__ */ jsxs19("section", { style: { display: "grid", gap: "1rem" }, children: [
+            /* @__PURE__ */ jsxs19("div", { style: { ...panelStyle, padding: "1rem" }, children: [
+              /* @__PURE__ */ jsxs19(
                 "div",
                 {
                   style: {
@@ -2974,8 +3848,8 @@ function AdminStudioFormsView(props) {
                     justifyContent: "space-between"
                   },
                   children: [
-                    /* @__PURE__ */ jsxs16("div", { children: [
-                      /* @__PURE__ */ jsx17(
+                    /* @__PURE__ */ jsxs19("div", { children: [
+                      /* @__PURE__ */ jsx20(
                         "div",
                         {
                           style: {
@@ -2988,10 +3862,10 @@ function AdminStudioFormsView(props) {
                           children: "Selected form"
                         }
                       ),
-                      /* @__PURE__ */ jsx17("h2", { style: { margin: "0.2rem 0 0", fontSize: "1.45rem" }, children: selectedTitle }),
-                      selectedSlug ? /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.2rem" }, children: selectedSlug }) : null
+                      /* @__PURE__ */ jsx20("h2", { style: { margin: "0.2rem 0 0", fontSize: "1.45rem" }, children: selectedTitle }),
+                      selectedSlug ? /* @__PURE__ */ jsx20("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.2rem" }, children: selectedSlug }) : null
                     ] }),
-                    selectedFormID ? /* @__PURE__ */ jsx17(
+                    selectedFormID ? /* @__PURE__ */ jsx20(
                       "a",
                       {
                         href: `${rawFormsPath}/${selectedFormID}`,
@@ -3009,7 +3883,7 @@ function AdminStudioFormsView(props) {
                   ]
                 }
               ),
-              selectedForm ? /* @__PURE__ */ jsxs16(
+              selectedForm ? /* @__PURE__ */ jsxs19(
                 "div",
                 {
                   style: {
@@ -3019,28 +3893,28 @@ function AdminStudioFormsView(props) {
                     marginTop: "1rem"
                   },
                   children: [
-                    /* @__PURE__ */ jsxs16("div", { style: { ...panelStyle, padding: "0.8rem 0.9rem" }, children: [
-                      /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Steps" }),
-                      /* @__PURE__ */ jsx17("div", { style: { fontSize: "1.35rem", fontWeight: 900, marginTop: "0.2rem" }, children: selectedStepCount })
+                    /* @__PURE__ */ jsxs19("div", { style: { ...panelStyle, padding: "0.8rem 0.9rem" }, children: [
+                      /* @__PURE__ */ jsx20("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Steps" }),
+                      /* @__PURE__ */ jsx20("div", { style: { fontSize: "1.35rem", fontWeight: 900, marginTop: "0.2rem" }, children: selectedStepCount })
                     ] }),
-                    /* @__PURE__ */ jsxs16("div", { style: { ...panelStyle, padding: "0.8rem 0.9rem" }, children: [
-                      /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Fields" }),
-                      /* @__PURE__ */ jsx17("div", { style: { fontSize: "1.35rem", fontWeight: 900, marginTop: "0.2rem" }, children: selectedFieldCount })
+                    /* @__PURE__ */ jsxs19("div", { style: { ...panelStyle, padding: "0.8rem 0.9rem" }, children: [
+                      /* @__PURE__ */ jsx20("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Fields" }),
+                      /* @__PURE__ */ jsx20("div", { style: { fontSize: "1.35rem", fontWeight: 900, marginTop: "0.2rem" }, children: selectedFieldCount })
                     ] }),
-                    /* @__PURE__ */ jsxs16("div", { style: { ...panelStyle, padding: "0.8rem 0.9rem" }, children: [
-                      /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Submit label" }),
-                      /* @__PURE__ */ jsx17("div", { style: { fontSize: "1rem", fontWeight: 900, marginTop: "0.2rem" }, children: typeof selectedForm.submitLabel === "string" && selectedForm.submitLabel.length > 0 ? selectedForm.submitLabel : "Submit" })
+                    /* @__PURE__ */ jsxs19("div", { style: { ...panelStyle, padding: "0.8rem 0.9rem" }, children: [
+                      /* @__PURE__ */ jsx20("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Submit label" }),
+                      /* @__PURE__ */ jsx20("div", { style: { fontSize: "1rem", fontWeight: 900, marginTop: "0.2rem" }, children: typeof selectedForm.submitLabel === "string" && selectedForm.submitLabel.length > 0 ? selectedForm.submitLabel : "Submit" })
                     ] }),
-                    /* @__PURE__ */ jsxs16("div", { style: { ...panelStyle, padding: "0.8rem 0.9rem" }, children: [
-                      /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Updated" }),
-                      /* @__PURE__ */ jsx17("div", { style: { fontSize: "1rem", fontWeight: 900, marginTop: "0.2rem" }, children: formatDate(selectedForm.updatedAt) })
+                    /* @__PURE__ */ jsxs19("div", { style: { ...panelStyle, padding: "0.8rem 0.9rem" }, children: [
+                      /* @__PURE__ */ jsx20("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Updated" }),
+                      /* @__PURE__ */ jsx20("div", { style: { fontSize: "1rem", fontWeight: 900, marginTop: "0.2rem" }, children: formatDate(selectedForm.updatedAt) })
                     ] })
                   ]
                 }
-              ) : /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", marginTop: "1rem" }, children: "Pick a form to review its responses." })
+              ) : /* @__PURE__ */ jsx20("div", { style: { color: "var(--theme-elevation-600)", marginTop: "1rem" }, children: "Pick a form to review its responses." })
             ] }),
-            /* @__PURE__ */ jsxs16("div", { style: { ...panelStyle, padding: "1rem" }, children: [
-              /* @__PURE__ */ jsxs16(
+            /* @__PURE__ */ jsxs19("div", { style: { ...panelStyle, padding: "1rem" }, children: [
+              /* @__PURE__ */ jsxs19(
                 "div",
                 {
                   style: {
@@ -3051,11 +3925,11 @@ function AdminStudioFormsView(props) {
                     justifyContent: "space-between"
                   },
                   children: [
-                    /* @__PURE__ */ jsxs16("div", { children: [
-                      /* @__PURE__ */ jsx17("h2", { style: { fontSize: "1.2rem", margin: 0 }, children: "Responses" }),
-                      /* @__PURE__ */ jsx17("p", { style: { color: "var(--theme-elevation-600)", margin: "0.25rem 0 0" }, children: "Latest submissions and any files they uploaded." })
+                    /* @__PURE__ */ jsxs19("div", { children: [
+                      /* @__PURE__ */ jsx20("h2", { style: { fontSize: "1.2rem", margin: 0 }, children: "Responses" }),
+                      /* @__PURE__ */ jsx20("p", { style: { color: "var(--theme-elevation-600)", margin: "0.25rem 0 0" }, children: "Latest submissions and any files they uploaded." })
                     ] }),
-                    selectedFormID ? /* @__PURE__ */ jsx17(
+                    selectedFormID ? /* @__PURE__ */ jsx20(
                       "a",
                       {
                         href: rawSubmissionsPath,
@@ -3073,9 +3947,9 @@ function AdminStudioFormsView(props) {
                   ]
                 }
               ),
-              submissionsLoading ? /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", marginTop: "1rem" }, children: "Loading responses\u2026" }) : null,
-              submissionsError ? /* @__PURE__ */ jsx17("div", { style: { color: "crimson", marginTop: "1rem" }, children: submissionsError }) : null,
-              !submissionsLoading && !submissionsError && selectedFormID && submissions.length === 0 ? /* @__PURE__ */ jsx17(
+              submissionsLoading ? /* @__PURE__ */ jsx20("div", { style: { color: "var(--theme-elevation-600)", marginTop: "1rem" }, children: "Loading responses\u2026" }) : null,
+              submissionsError ? /* @__PURE__ */ jsx20("div", { style: { color: "crimson", marginTop: "1rem" }, children: submissionsError }) : null,
+              !submissionsLoading && !submissionsError && selectedFormID && submissions.length === 0 ? /* @__PURE__ */ jsx20(
                 "div",
                 {
                   style: {
@@ -3088,7 +3962,7 @@ function AdminStudioFormsView(props) {
                   children: "No responses yet for this form."
                 }
               ) : null,
-              /* @__PURE__ */ jsx17("div", { style: { display: "grid", gap: "0.9rem", marginTop: "1rem" }, children: submissions.map((submission) => {
+              /* @__PURE__ */ jsx20("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;
@@ -3096,8 +3970,8 @@ function AdminStudioFormsView(props) {
                 const uploads = getUploads(submission.files);
                 const formSlug = getString(submission.formSlug);
                 const submissionFormID = getFormID(submission.form);
-                return /* @__PURE__ */ jsxs16("article", { style: { ...panelStyle, padding: "1rem" }, children: [
-                  /* @__PURE__ */ jsxs16(
+                return /* @__PURE__ */ jsxs19("article", { style: { ...panelStyle, padding: "1rem" }, children: [
+                  /* @__PURE__ */ jsxs19(
                     "div",
                     {
                       style: {
@@ -3108,15 +3982,15 @@ function AdminStudioFormsView(props) {
                         justifyContent: "space-between"
                       },
                       children: [
-                        /* @__PURE__ */ jsxs16("div", { children: [
-                          /* @__PURE__ */ jsx17("div", { style: { fontWeight: 900 }, children: identity.name || identity.email || "Submission" }),
-                          /* @__PURE__ */ jsxs16("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.2rem" }, children: [
+                        /* @__PURE__ */ jsxs19("div", { children: [
+                          /* @__PURE__ */ jsx20("div", { style: { fontWeight: 900 }, children: identity.name || identity.email || "Submission" }),
+                          /* @__PURE__ */ jsxs19("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.2rem" }, children: [
                             formatDate(submission.submittedAt),
                             formSlug ? ` \xB7 ${formSlug}` : ""
                           ] })
                         ] }),
-                        /* @__PURE__ */ jsxs16("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: [
-                          submissionFormID ? /* @__PURE__ */ jsx17(
+                        /* @__PURE__ */ jsxs19("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: [
+                          submissionFormID ? /* @__PURE__ */ jsx20(
                             "a",
                             {
                               href: `${rawFormsPath}/${submissionFormID}`,
@@ -3132,7 +4006,7 @@ function AdminStudioFormsView(props) {
                               children: "Form"
                             }
                           ) : null,
-                          /* @__PURE__ */ jsx17(
+                          /* @__PURE__ */ jsx20(
                             "a",
                             {
                               href: `${rawSubmissionsPath}/${id}`,
@@ -3152,7 +4026,7 @@ function AdminStudioFormsView(props) {
                       ]
                     }
                   ),
-                  identity.name || identity.email ? /* @__PURE__ */ jsxs16(
+                  identity.name || identity.email ? /* @__PURE__ */ jsxs19(
                     "div",
                     {
                       style: {
@@ -3162,19 +4036,19 @@ function AdminStudioFormsView(props) {
                         marginTop: "0.9rem"
                       },
                       children: [
-                        identity.name ? /* @__PURE__ */ jsxs16("div", { style: { ...panelStyle, padding: "0.75rem 0.85rem" }, children: [
-                          /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Name" }),
-                          /* @__PURE__ */ jsx17("div", { style: { fontWeight: 900, marginTop: "0.2rem" }, children: identity.name })
+                        identity.name ? /* @__PURE__ */ jsxs19("div", { style: { ...panelStyle, padding: "0.75rem 0.85rem" }, children: [
+                          /* @__PURE__ */ jsx20("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Name" }),
+                          /* @__PURE__ */ jsx20("div", { style: { fontWeight: 900, marginTop: "0.2rem" }, children: identity.name })
                         ] }) : null,
-                        identity.email ? /* @__PURE__ */ jsxs16("div", { style: { ...panelStyle, padding: "0.75rem 0.85rem" }, children: [
-                          /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Email" }),
-                          /* @__PURE__ */ jsx17("div", { style: { fontWeight: 900, marginTop: "0.2rem" }, children: identity.email })
+                        identity.email ? /* @__PURE__ */ jsxs19("div", { style: { ...panelStyle, padding: "0.75rem 0.85rem" }, children: [
+                          /* @__PURE__ */ jsx20("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Email" }),
+                          /* @__PURE__ */ jsx20("div", { style: { fontWeight: 900, marginTop: "0.2rem" }, children: identity.email })
                         ] }) : null
                       ]
                     }
                   ) : null,
-                  /* @__PURE__ */ jsxs16("div", { style: { marginTop: "1rem" }, children: [
-                    /* @__PURE__ */ jsx17(
+                  /* @__PURE__ */ jsxs19("div", { style: { marginTop: "1rem" }, children: [
+                    /* @__PURE__ */ jsx20(
                       "div",
                       {
                         style: {
@@ -3188,7 +4062,7 @@ function AdminStudioFormsView(props) {
                         children: "Response data"
                       }
                     ),
-                    /* @__PURE__ */ jsx17("div", { style: { display: "grid", gap: "0.55rem" }, children: getFieldEntries(submissionData).map(([key, value]) => /* @__PURE__ */ jsxs16(
+                    /* @__PURE__ */ jsx20("div", { style: { display: "grid", gap: "0.55rem" }, children: getFieldEntries(submissionData).map(([key, value]) => /* @__PURE__ */ jsxs19(
                       "div",
                       {
                         style: {
@@ -3199,7 +4073,7 @@ function AdminStudioFormsView(props) {
                           padding: "0.8rem 0.9rem"
                         },
                         children: [
-                          /* @__PURE__ */ jsx17(
+                          /* @__PURE__ */ jsx20(
                             "div",
                             {
                               style: {
@@ -3211,14 +4085,14 @@ function AdminStudioFormsView(props) {
                               children: key
                             }
                           ),
-                          /* @__PURE__ */ jsx17("div", { style: { overflowWrap: "anywhere" }, children: renderValue(value) })
+                          /* @__PURE__ */ jsx20("div", { style: { overflowWrap: "anywhere" }, children: renderValue(value) })
                         ]
                       },
                       key
                     )) })
                   ] }),
-                  /* @__PURE__ */ jsxs16("div", { style: { marginTop: "1rem" }, children: [
-                    /* @__PURE__ */ jsx17(
+                  /* @__PURE__ */ jsxs19("div", { style: { marginTop: "1rem" }, children: [
+                    /* @__PURE__ */ jsx20(
                       "div",
                       {
                         style: {
@@ -3232,7 +4106,7 @@ function AdminStudioFormsView(props) {
                         children: "Uploads"
                       }
                     ),
-                    uploads.length === 0 ? /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)" }, children: "No files attached." }) : /* @__PURE__ */ jsx17("div", { style: { display: "grid", gap: "0.55rem" }, children: uploads.map((upload, index) => {
+                    uploads.length === 0 ? /* @__PURE__ */ jsx20("div", { style: { color: "var(--theme-elevation-600)" }, children: "No files attached." }) : /* @__PURE__ */ jsx20("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}`;
@@ -3240,7 +4114,7 @@ function AdminStudioFormsView(props) {
                         typeof upload.mimeType === "string" ? upload.mimeType : null,
                         formatFileSize(upload.filesize)
                       ].filter(Boolean);
-                      return /* @__PURE__ */ jsxs16(
+                      return /* @__PURE__ */ jsxs19(
                         "a",
                         {
                           href: `${rawUploadsPath}/${uploadID}`,
@@ -3254,9 +4128,9 @@ function AdminStudioFormsView(props) {
                             textDecoration: "none"
                           },
                           children: [
-                            /* @__PURE__ */ jsxs16("div", { children: [
-                              /* @__PURE__ */ jsx17("div", { style: { fontWeight: 900 }, children: label }),
-                              meta.length > 0 ? /* @__PURE__ */ jsx17(
+                            /* @__PURE__ */ jsxs19("div", { children: [
+                              /* @__PURE__ */ jsx20("div", { style: { fontWeight: 900 }, children: label }),
+                              meta.length > 0 ? /* @__PURE__ */ jsx20(
                                 "div",
                                 {
                                   style: {
@@ -3268,7 +4142,7 @@ function AdminStudioFormsView(props) {
                                 }
                               ) : null
                             ] }),
-                            /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", fontWeight: 800 }, children: "Open" })
+                            /* @__PURE__ */ jsx20("div", { style: { color: "var(--theme-elevation-600)", fontWeight: 800 }, children: "Open" })
                           ]
                         },
                         uploadID
@@ -3282,18 +4156,18 @@ function AdminStudioFormsView(props) {
         ]
       }
     )
-  ] });
+  ] }) });
 }
 
 // src/admin/components/studio/AdminStudioToolsView.tsx
-import { SetStepNav as SetStepNav8, useAuth as useAuth5 } from "@payloadcms/ui";
-import { Fragment as Fragment8, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { SetStepNav as SetStepNav10, useAuth as useAuth5 } from "@payloadcms/ui";
+import { Fragment as Fragment8, jsx as jsx21, jsxs as jsxs20 } from "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;
@@ -3309,14 +4183,14 @@ function AdminStudioToolsView(props) {
   const adminBasePath = useAdminBasePath();
   const toolsPath = resolveAdminPath(adminBasePath, "/tools");
   if (!isAdmin4(user)) {
-    return /* @__PURE__ */ jsxs17(Fragment8, { children: [
-      /* @__PURE__ */ jsx18(SetStepNav8, { nav: [{ label: "Admin Tools", url: toolsPath }] }),
-      /* @__PURE__ */ jsx18("h1", { style: { margin: 0 }, children: "Admin Tools" }),
-      /* @__PURE__ */ jsx18("p", { style: { color: "var(--theme-elevation-600)" }, children: "You do not have access to this page." })
-    ] });
+    return /* @__PURE__ */ jsx21(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs20(Fragment8, { children: [
+      /* @__PURE__ */ jsx21(SetStepNav10, { nav: [{ label: "Admin Tools", url: toolsPath }] }),
+      /* @__PURE__ */ jsx21("h1", { style: { margin: 0 }, children: "Admin Tools" }),
+      /* @__PURE__ */ jsx21("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" },
@@ -3325,11 +4199,11 @@ function AdminStudioToolsView(props) {
     { href: resolveAdminPath(adminBasePath, "/globals/footer"), label: "Raw Footer Global" },
     { href: resolveAdminPath(adminBasePath, "/collections/users"), label: "Users / Roles" }
   ];
-  return /* @__PURE__ */ jsxs17(Fragment8, { children: [
-    /* @__PURE__ */ jsx18(SetStepNav8, { nav: [{ label: "Admin Tools", url: toolsPath }] }),
-    /* @__PURE__ */ jsx18("h1", { style: { margin: 0 }, children: "Admin Tools" }),
-    /* @__PURE__ */ jsx18("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Hidden fallback links for administrators." }),
-    /* @__PURE__ */ jsx18("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: links.map((link) => /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsx21(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs20(Fragment8, { children: [
+    /* @__PURE__ */ jsx21(SetStepNav10, { nav: [{ label: "Admin Tools", url: toolsPath }] }),
+    /* @__PURE__ */ jsx21("h1", { style: { margin: 0 }, children: "Admin Tools" }),
+    /* @__PURE__ */ jsx21("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Hidden fallback links for administrators." }),
+    /* @__PURE__ */ jsx21("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: links.map((link) => /* @__PURE__ */ jsxs20(
       "a",
       {
         href: link.href,
@@ -3342,25 +4216,25 @@ function AdminStudioToolsView(props) {
           textDecoration: "none"
         },
         children: [
-          /* @__PURE__ */ jsx18("div", { style: { fontWeight: 900 }, children: link.label }),
-          /* @__PURE__ */ jsx18("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: link.href })
+          /* @__PURE__ */ jsx21("div", { style: { fontWeight: 900 }, children: link.label }),
+          /* @__PURE__ */ jsx21("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: link.href })
         ]
       },
       link.href
     )) })
-  ] });
+  ] }) });
 }
 
 // src/admin/components/studio/OpenInStudioMenuItem.tsx
 import { useDocumentInfo } from "@payloadcms/ui";
-import { jsx as jsx19 } from "react/jsx-runtime";
-function OpenInStudioMenuItem({ pagesPathBase = "/studio/pages" }) {
+import { jsx as jsx22 } from "react/jsx-runtime";
+function OpenInStudioMenuItem({ pagesPathBase = "/pages" }) {
   const documentInfo = useDocumentInfo();
   const id = documentInfo?.id;
   if (!id) {
     return null;
   }
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx22(
     "a",
     {
       href: `${pagesPathBase}/${id}`,
@@ -3379,19 +4253,19 @@ function OpenInStudioMenuItem({ pagesPathBase = "/studio/pages" }) {
 }
 
 // src/admin/components/studio/PageEditRedirectToStudio.tsx
-import { useEffect as useEffect12 } from "react";
+import { useEffect as useEffect15 } from "react";
 import { useDocumentInfo as useDocumentInfo2 } from "@payloadcms/ui";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
-function PageEditRedirectToStudio({ pagesPathBase = "/studio/pages" }) {
+import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
+function PageEditRedirectToStudio({ pagesPathBase = "/pages" }) {
   const documentInfo = useDocumentInfo2();
   const id = documentInfo?.id;
-  useEffect12(() => {
+  useEffect15(() => {
     if (!id) {
       return;
     }
     window.location.replace(`${pagesPathBase}/${id}`);
   }, [id, pagesPathBase]);
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       style: {
@@ -3403,49 +4277,55 @@ function PageEditRedirectToStudio({ pagesPathBase = "/studio/pages" }) {
         minHeight: "50vh"
       },
       children: [
-        /* @__PURE__ */ jsx20("h2", { style: { margin: 0 }, children: "Opening Editor..." }),
-        /* @__PURE__ */ jsx20("p", { style: { color: "var(--theme-elevation-600)", margin: 0 }, children: "Redirecting to the custom page editor." }),
-        id ? /* @__PURE__ */ jsx20("a", { href: `${pagesPathBase}/${id}`, children: "Continue to Editor" }) : /* @__PURE__ */ jsx20("a", { href: pagesPathBase, children: "Open Pages" })
+        /* @__PURE__ */ jsx23("h2", { style: { margin: 0 }, children: "Opening Editor..." }),
+        /* @__PURE__ */ jsx23("p", { style: { color: "var(--theme-elevation-600)", margin: 0 }, children: "Redirecting to the custom page editor." }),
+        id ? /* @__PURE__ */ jsx23("a", { href: `${pagesPathBase}/${id}`, children: "Continue to Editor" }) : /* @__PURE__ */ jsx23("a", { href: pagesPathBase, children: "Open Pages" })
       ]
     }
   );
 }
 
 // src/admin/components/studio/StudioBackBreadcrumb.tsx
-import { useEffect as useEffect13, useState as useState11 } from "react";
-import { SetStepNav as SetStepNav9 } from "@payloadcms/ui";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { useEffect as useEffect16, useState as useState14 } from "react";
+import { SetStepNav as SetStepNav11 } from "@payloadcms/ui";
+import { jsx as jsx24 } from "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" }
     ];
   }
@@ -3453,8 +4333,8 @@ var buildNav = (pathname, adminBasePath) => {
 };
 function StudioBackBreadcrumb() {
   const adminBasePath = useAdminBasePath();
-  const [pathname, setPathname] = useState11("");
-  useEffect13(() => {
+  const [pathname, setPathname] = useState14("");
+  useEffect16(() => {
     const update = () => setPathname(window.location.pathname);
     update();
     window.addEventListener("popstate", update);
@@ -3462,13 +4342,13 @@ function StudioBackBreadcrumb() {
   }, []);
   const nav = buildNav(pathname, adminBasePath);
   if (!nav) return null;
-  return /* @__PURE__ */ jsx21(SetStepNav9, { nav });
+  return /* @__PURE__ */ jsx24(SetStepNav11, { nav });
 }
 
 // src/admin/components/studio/StudioContactFormRedirect.tsx
-import { useEffect as useEffect14 } from "react";
-import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
-var getPropString10 = (props, key, fallback) => {
+import { useEffect as useEffect17 } from "react";
+import { jsx as jsx25, jsxs as jsxs22 } from "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;
@@ -3481,13 +4361,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);
-  useEffect14(() => {
+  useEffect17(() => {
     if (window.location.pathname === targetPath) return;
     window.location.replace(targetPath);
   }, [targetPath]);
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       style: {
@@ -3500,8 +4380,8 @@ function StudioContactFormRedirect(props) {
         minHeight: "40vh"
       },
       children: [
-        /* @__PURE__ */ jsx22("h2", { style: { margin: 0 }, children: "Opening Contact Form Editor..." }),
-        /* @__PURE__ */ jsx22("a", { href: targetPath, children: "Continue" })
+        /* @__PURE__ */ jsx25("h2", { style: { margin: 0 }, children: "Opening Contact Form Editor..." }),
+        /* @__PURE__ */ jsx25("a", { href: targetPath, children: "Continue" })
       ]
     }
   );
@@ -3509,8 +4389,10 @@ function StudioContactFormRedirect(props) {
 export {
   AdminStudioContactFormView,
   AdminStudioDashboard,
+  AdminStudioFooterGlobalView,
   AdminStudioFormsView,
   AdminStudioGlobalsView,
+  AdminStudioHeaderGlobalView,
   AdminStudioMediaView,
   AdminStudioNav,
   AdminStudioPageEditView,