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

package/dist/admin/client.js

@@ -1565,7 +1565,13 @@ var buttonActive = {
   borderColor: "var(--theme-success-500)",
   color: "var(--theme-success-500)"
 };
-function ThemeSwitcher({ defaultTheme = "brand-light" }) {
+function ThemeSwitcher({
+  allowThemePreference = false,
+  defaultTheme = "brand-light"
+}) {
+  if (!allowThemePreference) {
+    return null;
+  }
   const { isDark, isBrand, hasMounted, toggleDarkMode, toggleBrandMode } = useTheme(defaultTheme);
   const showDark = hasMounted && isDark;
   const showBrand = hasMounted && isBrand;
@@ -1605,10 +1611,14 @@ function ThemeSwitcher({ defaultTheme = "brand-light" }) {
     }
   );
 }
-function ThemeProvider({ children, defaultTheme = "brand-light" }) {
-  (0, import_react3.useEffect)(() => {
+function ThemeProvider({
+  children,
+  defaultTheme = "brand-light",
+  allowThemePreference = false
+}) {
+  (0, import_react3.useLayoutEffect)(() => {
     try {
-      const stored = localStorage.getItem("orion-admin-theme");
+      const stored = allowThemePreference ? localStorage.getItem("orion-admin-theme") : null;
       const html = document.documentElement;
       const resolvedTheme = stored && ["light", "dark", "brand-light", "brand-dark"].includes(stored) ? stored : defaultTheme;
       const isDark = resolvedTheme === "dark" || resolvedTheme === "brand-dark";
@@ -1626,7 +1636,7 @@ function ThemeProvider({ children, defaultTheme = "brand-light" }) {
       localStorage.setItem("orion-admin-theme", resolvedTheme);
     } catch {
     }
-  }, [defaultTheme]);
+  }, [allowThemePreference, defaultTheme]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children });
 }
 
@@ -2281,7 +2291,7 @@ function WelcomeHeader({
 }
 
 // src/admin/components/studio/AdminStudioDashboard.tsx
-var import_ui4 = require("@payloadcms/ui");
+var import_ui3 = require("@payloadcms/ui");
 
 // src/shared/studioSections.ts
 var studioRoles = /* @__PURE__ */ new Set(["admin", "editor", "client"]);
@@ -2434,12 +2444,116 @@ var useAdminBasePath = (fallback = DEFAULT_ADMIN_BASE_PATH) => {
 };
 
 // src/admin/components/studio/StudioSectionLayout.tsx
-var import_react13 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function StudioSectionLayout({ children, navProps: _navProps }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children });
+}
+
+// src/admin/components/studio/AdminStudioDashboard.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var cardStyle = {
+  background: "var(--theme-elevation-0)",
+  border: "1px solid var(--theme-elevation-150)",
+  borderRadius: 16,
+  color: "inherit",
+  padding: "1rem",
+  textDecoration: "none"
+};
+var getPropString = (props, key, fallback) => {
+  if (!props || typeof props !== "object") return fallback;
+  const direct = props[key];
+  if (typeof direct === "string" && direct.length > 0) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    const nested = clientProps[key];
+    if (typeof nested === "string" && nested.length > 0) return nested;
+  }
+  return fallback;
+};
+var getPropBoolean = (props, key, fallback) => {
+  if (!props || typeof props !== "object") return fallback;
+  const direct = props[key];
+  if (typeof direct === "boolean") return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    const nested = clientProps[key];
+    if (typeof nested === "boolean") return nested;
+  }
+  return fallback;
+};
+var getPropSections = (props, key) => {
+  if (!props || typeof props !== "object") return [];
+  const direct = resolveStudioSections(props[key]);
+  if (direct.length > 0) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    return resolveStudioSections(clientProps[key]);
+  }
+  return [];
+};
+function AdminStudioDashboard(props) {
+  const formsEnabled = getPropBoolean(props, "formsEnabled", false);
+  const globalsBasePath = getPropString(props, "globalsBasePath", "/globals");
+  const sections = getPropSections(props, "sections");
+  const adminBasePath = useAdminBasePath();
+  const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
+  const formsPath = resolveAdminPath(adminBasePath, "/forms");
+  const pagesPath = resolveAdminPath(adminBasePath, "/pages");
+  const mediaPath = resolveAdminPath(adminBasePath, "/media");
+  const toolsPath = resolveAdminPath(adminBasePath, "/tools");
+  const extensionCards = sections.filter((section) => section.card).map((section) => ({
+    href: resolveAdminPath(adminBasePath, section.href),
+    title: section.card?.title || section.label,
+    description: section.card?.description || ""
+  }));
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { paddingBottom: "1.3rem" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_ui3.SetStepNav, { nav: [{ label: "Dashboard", url: adminBasePath }] }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h1", { style: { fontSize: "1.6rem", margin: 0 }, children: "Studio" }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Pick what you want to edit." }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      "div",
+      {
+        style: {
+          display: "grid",
+          gap: "0.85rem",
+          gridTemplateColumns: "repeat(auto-fit, minmax(240px, 1fr))",
+          marginTop: "1.1rem"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("a", { href: pagesPath, style: cardStyle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { fontWeight: 900 }, children: "Pages" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Edit your site pages with the custom editor." })
+          ] }),
+          formsEnabled ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("a", { href: formsPath, style: cardStyle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { fontWeight: 900 }, children: "Forms" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Review forms, submissions, and uploaded files." })
+          ] }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("a", { href: resolvedGlobalsBasePath, style: cardStyle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { fontWeight: 900 }, children: "Globals" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Site settings, header, footer." })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("a", { href: mediaPath, style: cardStyle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { fontWeight: 900 }, children: "Media" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Upload and manage images and files." })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("a", { href: toolsPath, style: cardStyle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { fontWeight: 900 }, children: "Admin Tools" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Open admin-only fallback links and user management." })
+          ] }),
+          extensionCards.map((card) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("a", { href: card.href, style: cardStyle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { fontWeight: 900 }, children: card.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: card.description })
+          ] }, card.href))
+        ]
+      }
+    )
+  ] }) });
+}
 
 // src/admin/components/studio/AdminStudioNav.tsx
 var import_react12 = require("react");
-var import_ui3 = require("@payloadcms/ui");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_ui4 = require("@payloadcms/ui");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var iconSize2 = 18;
 function NavIcon({ sectionID }) {
   const props = {
@@ -2454,45 +2568,45 @@ function NavIcon({ sectionID }) {
   };
   switch (sectionID) {
     case "dashboard":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { x: "3", y: "3", width: "7", height: "9", rx: "1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { x: "14", y: "3", width: "7", height: "5", rx: "1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { x: "14", y: "12", width: "7", height: "9", rx: "1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { x: "3", y: "16", width: "7", height: "5", rx: "1" })
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("svg", { ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("rect", { x: "3", y: "3", width: "7", height: "9", rx: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("rect", { x: "14", y: "3", width: "7", height: "5", rx: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("rect", { x: "14", y: "12", width: "7", height: "9", rx: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("rect", { x: "3", y: "16", width: "7", height: "5", rx: "1" })
       ] });
     case "pages":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("polyline", { points: "14 2 14 8 20 8" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("line", { x1: "8", y1: "13", x2: "16", y2: "13" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("line", { x1: "8", y1: "17", x2: "12", y2: "17" })
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("svg", { ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("polyline", { points: "14 2 14 8 20 8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("line", { x1: "8", y1: "13", x2: "16", y2: "13" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("line", { x1: "8", y1: "17", x2: "12", y2: "17" })
       ] });
     case "forms":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M9 3h6" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M12 3v18" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M5 7h14a2 2 0 0 1 2 2v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a2 2 0 0 1 2-2Z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M7 11h10" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M7 15h6" })
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("svg", { ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M9 3h6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M12 3v18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M5 7h14a2 2 0 0 1 2 2v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a2 2 0 0 1 2-2Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M7 11h10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M7 15h6" })
       ] });
     case "globals":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", { cx: "12", cy: "12", r: "3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z" })
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("svg", { ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("circle", { cx: "12", cy: "12", r: "3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z" })
       ] });
     case "media":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("polyline", { points: "21 15 16 10 5 21" })
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("svg", { ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("polyline", { points: "21 15 16 10 5 21" })
       ] });
     case "admin-tools":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76Z" }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76Z" }) });
     default:
       return null;
   }
 }
-var getPropString = (props, key, fallback) => {
+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;
@@ -2503,7 +2617,7 @@ var getPropString = (props, key, fallback) => {
   }
   return fallback;
 };
-var getPropBoolean = (props, key, fallback) => {
+var getPropBoolean2 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
   if (typeof direct === "boolean") return direct;
@@ -2526,7 +2640,7 @@ var getPropStringArray = (props, key, fallback) => {
   }
   return fallback;
 };
-var getPropSections = (props, key) => {
+var getPropSections2 = (props, key) => {
   if (!props || typeof props !== "object") return [];
   const direct = resolveStudioSections(props[key]);
   if (direct.length > 0) return direct;
@@ -2553,22 +2667,22 @@ var readUserRole = (user) => {
   return typeof role === "string" ? role : void 0;
 };
 function AdminStudioNav(props) {
-  const { user } = (0, import_ui3.useAuth)();
-  const brandName = getPropString(props, "brandName", "Orion Studio");
-  const logoUrl = getPropString(props, "logoUrl", "");
-  const formsEnabled = getPropBoolean(props, "formsEnabled", false);
-  const formsCollectionSlug = getPropString(props, "formsCollectionSlug", "forms");
-  const formSubmissionsCollectionSlug = getPropString(
+  const { user } = (0, import_ui4.useAuth)();
+  const brandName = getPropString2(props, "brandName", "Orion Studio");
+  const logoUrl = getPropString2(props, "logoUrl", "");
+  const formsEnabled = getPropBoolean2(props, "formsEnabled", false);
+  const formsCollectionSlug = getPropString2(props, "formsCollectionSlug", "forms");
+  const formSubmissionsCollectionSlug = getPropString2(
     props,
     "formSubmissionsCollectionSlug",
     "form-submissions"
   );
-  const formUploadsCollectionSlug = getPropString(props, "formUploadsCollectionSlug", "form-uploads");
-  const mediaCollectionSlug = getPropString(props, "mediaCollectionSlug", "media");
-  const globalsBasePath = getPropString(props, "globalsBasePath", "/globals");
+  const formUploadsCollectionSlug = getPropString2(props, "formUploadsCollectionSlug", "form-uploads");
+  const mediaCollectionSlug = getPropString2(props, "mediaCollectionSlug", "media");
+  const globalsBasePath = getPropString2(props, "globalsBasePath", "/globals");
   const globalsExtraMatchPrefixes = getPropStringArray(props, "globalsExtraMatchPrefixes", []);
-  const sections = getPropSections(props, "sections");
-  const compact = getPropBoolean(props, "compact", false);
+  const sections = getPropSections2(props, "sections");
+  const compact = getPropBoolean2(props, "compact", false);
   const adminBasePath = useAdminBasePath();
   const branding = useSiteBranding(brandName, logoUrl || void 0);
   const resolvedName = branding.siteName || brandName;
@@ -2670,7 +2784,7 @@ function AdminStudioNav(props) {
     padding: compact ? "0.6rem" : "0.6rem 0.75rem",
     textDecoration: "none"
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "div",
     {
       style: {
@@ -2681,8 +2795,8 @@ function AdminStudioNav(props) {
         padding: compact ? "0.8rem 0.5rem" : "1rem 0.85rem"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "admin-studio-brand", style: { padding: compact ? "0" : "0 0.35rem 0 2.4rem" }, children: [
-          branding.logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "admin-studio-brand", style: { padding: compact ? "0" : "0 0.35rem 0 2.4rem" }, children: [
+          branding.logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             "div",
             {
               style: {
@@ -2692,10 +2806,10 @@ function AdminStudioNav(props) {
                 overflow: "hidden",
                 width: compact ? 34 : 40
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("img", { alt: `${resolvedName} logo`, src: branding.logoUrl, style: { height: "100%", objectFit: "cover", width: "100%" } })
+              children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("img", { alt: `${resolvedName} logo`, src: branding.logoUrl, style: { height: "100%", objectFit: "cover", width: "100%" } })
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             "div",
             {
               style: {
@@ -2710,23 +2824,23 @@ function AdminStudioNav(props) {
               children: compact ? resolvedName.slice(0, 1).toUpperCase() : resolvedName
             }
           ),
-          !compact ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.85rem" }, children: "Studio" }) : null
+          !compact ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.85rem" }, children: "Studio" }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("nav", { style: { display: "grid", gap: "0.25rem" }, children: links.filter((link) => roleCanAccessSection(userRole, link)).map((link) => {
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("nav", { style: { display: "grid", gap: "0.25rem" }, children: links.filter((link) => roleCanAccessSection(userRole, link)).map((link) => {
           const active = link.href === dashboardPath ? pathname === dashboardPath : link.matchPrefixes.some((prefix) => pathname.startsWith(prefix));
-          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("a", { href: link.href, style: linkStyle(active), title: link.label, children: (() => {
-            const icon = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(NavIcon, { sectionID: link.id });
+          return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("a", { href: link.href, style: linkStyle(active), title: link.label, children: (() => {
+            const icon = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(NavIcon, { sectionID: link.id });
             if (compact) {
               return icon || link.label.slice(0, 1);
             }
-            return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { style: { alignItems: "center", display: "inline-flex", gap: "0.6rem" }, children: [
+            return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { style: { alignItems: "center", display: "inline-flex", gap: "0.6rem" }, children: [
               icon,
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: link.label })
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: link.label })
             ] });
           })() }, link.href);
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { flex: 1 } }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { flex: 1 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
           "div",
           {
             style: {
@@ -2735,11 +2849,11 @@ function AdminStudioNav(props) {
               textAlign: compact ? "center" : "left"
             },
             children: [
-              !compact ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { color: "var(--theme-elevation-700)", fontSize: "0.85rem" }, children: "Signed in as" }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { fontWeight: 800, marginBottom: "0.55rem" }, children: typeof user?.email === "string" ? user.email : "User" })
+              !compact ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { color: "var(--theme-elevation-700)", fontSize: "0.85rem" }, children: "Signed in as" }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { fontWeight: 800, marginBottom: "0.55rem" }, children: typeof user?.email === "string" ? user.email : "User" })
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_ui3.Logout, {})
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_ui4.Logout, {})
             ]
           }
         )
@@ -2748,169 +2862,8 @@ function AdminStudioNav(props) {
   );
 }
 
-// src/admin/components/studio/StudioSectionLayout.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var STORAGE_KEY2 = "orion-studio-sidebar-collapsed";
-var ACTIVE_CLASS = "orion-studio-shell-active";
-function StudioSectionLayout({ children, navProps }) {
-  const [collapsed, setCollapsed] = (0, import_react13.useState)(false);
-  (0, import_react13.useEffect)(() => {
-    try {
-      const stored = window.localStorage.getItem(STORAGE_KEY2);
-      if (stored === "1") {
-        setCollapsed(true);
-      }
-    } catch {
-    }
-  }, []);
-  (0, import_react13.useEffect)(() => {
-    document.body.classList.add(ACTIVE_CLASS);
-    return () => {
-      document.body.classList.remove(ACTIVE_CLASS);
-    };
-  }, []);
-  const toggle = () => {
-    setCollapsed((prev) => {
-      const next = !prev;
-      try {
-        window.localStorage.setItem(STORAGE_KEY2, next ? "1" : "0");
-      } catch {
-      }
-      return next;
-    });
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-    "div",
-    {
-      className: `orion-studio-shell ${collapsed ? "is-collapsed" : ""}`,
-      style: {
-        display: "grid",
-        gridTemplateColumns: collapsed ? "84px minmax(0, 1fr)" : "260px minmax(0, 1fr)",
-        minHeight: "100vh"
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("aside", { className: "orion-studio-sidebar", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            "button",
-            {
-              "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
-              className: "orion-studio-sidebar-toggle",
-              onClick: toggle,
-              type: "button",
-              children: collapsed ? ">" : "<"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "orion-studio-sidebar-scroll", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AdminStudioNav, { ...navProps, compact: collapsed }) })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("main", { className: "orion-studio-main", children })
-      ]
-    }
-  );
-}
-
-// src/admin/components/studio/AdminStudioDashboard.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var cardStyle = {
-  background: "var(--theme-elevation-0)",
-  border: "1px solid var(--theme-elevation-150)",
-  borderRadius: 16,
-  color: "inherit",
-  padding: "1rem",
-  textDecoration: "none"
-};
-var getPropString2 = (props, key, fallback) => {
-  if (!props || typeof props !== "object") return fallback;
-  const direct = props[key];
-  if (typeof direct === "string" && direct.length > 0) return direct;
-  const clientProps = props.clientProps;
-  if (clientProps && typeof clientProps === "object") {
-    const nested = clientProps[key];
-    if (typeof nested === "string" && nested.length > 0) return nested;
-  }
-  return fallback;
-};
-var getPropBoolean2 = (props, key, fallback) => {
-  if (!props || typeof props !== "object") return fallback;
-  const direct = props[key];
-  if (typeof direct === "boolean") return direct;
-  const clientProps = props.clientProps;
-  if (clientProps && typeof clientProps === "object") {
-    const nested = clientProps[key];
-    if (typeof nested === "boolean") return nested;
-  }
-  return fallback;
-};
-var getPropSections2 = (props, key) => {
-  if (!props || typeof props !== "object") return [];
-  const direct = resolveStudioSections(props[key]);
-  if (direct.length > 0) return direct;
-  const clientProps = props.clientProps;
-  if (clientProps && typeof clientProps === "object") {
-    return resolveStudioSections(clientProps[key]);
-  }
-  return [];
-};
-function AdminStudioDashboard(props) {
-  const formsEnabled = getPropBoolean2(props, "formsEnabled", false);
-  const globalsBasePath = getPropString2(props, "globalsBasePath", "/globals");
-  const sections = getPropSections2(props, "sections");
-  const adminBasePath = useAdminBasePath();
-  const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
-  const formsPath = resolveAdminPath(adminBasePath, "/forms");
-  const pagesPath = resolveAdminPath(adminBasePath, "/pages");
-  const mediaPath = resolveAdminPath(adminBasePath, "/media");
-  const toolsPath = resolveAdminPath(adminBasePath, "/tools");
-  const extensionCards = sections.filter((section) => section.card).map((section) => ({
-    href: resolveAdminPath(adminBasePath, section.href),
-    title: section.card?.title || section.label,
-    description: section.card?.description || ""
-  }));
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { paddingBottom: "1.3rem" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_ui4.SetStepNav, { nav: [{ label: "Dashboard", url: adminBasePath }] }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h1", { style: { fontSize: "1.6rem", margin: 0 }, children: "Studio" }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Pick what you want to edit." }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-      "div",
-      {
-        style: {
-          display: "grid",
-          gap: "0.85rem",
-          gridTemplateColumns: "repeat(auto-fit, minmax(240px, 1fr))",
-          marginTop: "1.1rem"
-        },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("a", { href: pagesPath, style: cardStyle, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { fontWeight: 900 }, children: "Pages" }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Edit your site pages with the custom editor." })
-          ] }),
-          formsEnabled ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("a", { href: formsPath, style: cardStyle, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { fontWeight: 900 }, children: "Forms" }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Review forms, submissions, and uploaded files." })
-          ] }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("a", { href: resolvedGlobalsBasePath, style: cardStyle, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { fontWeight: 900 }, children: "Globals" }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Site settings, header, footer." })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("a", { href: mediaPath, style: cardStyle, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { fontWeight: 900 }, children: "Media" }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Upload and manage images and files." })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("a", { href: toolsPath, style: cardStyle, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { fontWeight: 900 }, children: "Admin Tools" }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Open admin-only fallback links and user management." })
-          ] }),
-          extensionCards.map((card) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("a", { href: card.href, style: cardStyle, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { fontWeight: 900 }, children: card.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: card.description })
-          ] }, card.href))
-        ]
-      }
-    )
-  ] }) });
-}
-
 // src/admin/components/studio/AdminStudioPagesListView.tsx
-var import_react14 = require("react");
+var import_react13 = require("react");
 var import_ui5 = require("@payloadcms/ui");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var isAdmin = (user) => {
@@ -2935,10 +2888,10 @@ function AdminStudioPagesListView(props) {
   const adminBasePath = useAdminBasePath();
   const pagesPath = resolveAdminPath(adminBasePath, "/pages");
   const rawPagesCollectionPath = resolveAdminPath(adminBasePath, `/collections/${pagesCollectionSlug}`);
-  const [loading, setLoading] = (0, import_react14.useState)(true);
-  const [error, setError] = (0, import_react14.useState)(null);
-  const [docs, setDocs] = (0, import_react14.useState)([]);
-  const apiURL = (0, import_react14.useMemo)(() => {
+  const [loading, setLoading] = (0, import_react13.useState)(true);
+  const [error, setError] = (0, import_react13.useState)(null);
+  const [docs, setDocs] = (0, import_react13.useState)([]);
+  const apiURL = (0, import_react13.useMemo)(() => {
     const params = new URLSearchParams({
       depth: "0",
       limit: "100",
@@ -2947,7 +2900,7 @@ function AdminStudioPagesListView(props) {
     });
     return `/api/${pagesCollectionSlug}?${params.toString()}`;
   }, [pagesCollectionSlug]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     let cancelled = false;
     const run = async () => {
       setLoading(true);
@@ -3086,7 +3039,7 @@ function AdminStudioPagesListView(props) {
 }
 
 // src/admin/components/studio/AdminStudioPageEditView.tsx
-var import_react15 = require("react");
+var import_react14 = require("react");
 var import_ui6 = require("@payloadcms/ui");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var isAdmin2 = (user) => {
@@ -3128,18 +3081,18 @@ var getPageIDFromPathname = (pathname) => {
 function AdminStudioPageEditView(props) {
   const { user } = (0, import_ui6.useAuth)();
   const adminBasePath = useAdminBasePath();
-  const iframeRef = (0, import_react15.useRef)(null);
-  const [saving, setSaving] = (0, import_react15.useState)(null);
-  const [dirty, setDirty] = (0, import_react15.useState)(false);
-  const [hasUnpublishedChanges, setHasUnpublishedChanges] = (0, import_react15.useState)(false);
-  const [canUndo, setCanUndo] = (0, import_react15.useState)(false);
-  const [canRedo, setCanRedo] = (0, import_react15.useState)(false);
+  const iframeRef = (0, import_react14.useRef)(null);
+  const [saving, setSaving] = (0, import_react14.useState)(null);
+  const [dirty, setDirty] = (0, import_react14.useState)(false);
+  const [hasUnpublishedChanges, setHasUnpublishedChanges] = (0, import_react14.useState)(false);
+  const [canUndo, setCanUndo] = (0, import_react14.useState)(false);
+  const [canRedo, setCanRedo] = (0, import_react14.useState)(false);
   const builderBasePath = getPropString4(props, "builderBasePath", "/builder");
   const pagesPath = resolveAdminPath(adminBasePath, "/pages");
-  const pageIDFromParams = (0, import_react15.useMemo)(() => getParam(props.params, "id"), [props.params]);
-  const [pageID, setPageID] = (0, import_react15.useState)(pageIDFromParams);
-  const [didResolvePathFallback, setDidResolvePathFallback] = (0, import_react15.useState)(false);
-  (0, import_react15.useEffect)(() => {
+  const pageIDFromParams = (0, import_react14.useMemo)(() => getParam(props.params, "id"), [props.params]);
+  const [pageID, setPageID] = (0, import_react14.useState)(pageIDFromParams);
+  const [didResolvePathFallback, setDidResolvePathFallback] = (0, import_react14.useState)(false);
+  (0, import_react14.useEffect)(() => {
     if (pageIDFromParams) {
       setPageID(pageIDFromParams);
       setDidResolvePathFallback(true);
@@ -3183,7 +3136,7 @@ function AdminStudioPageEditView(props) {
     } catch {
     }
   };
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!pageID) {
       return;
     }
@@ -3206,7 +3159,7 @@ function AdminStudioPageEditView(props) {
     }
     iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type }, "*");
   };
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const onMessage = (event) => {
       const data = event.data;
       if (!data || data.source !== "payload-visual-builder-child" || typeof data.type !== "string") {
@@ -3500,11 +3453,11 @@ function AdminStudioGlobalsView(props) {
 }
 
 // src/admin/components/studio/AdminStudioHeaderGlobalView.tsx
-var import_react18 = require("react");
+var import_react17 = require("react");
 var import_ui8 = require("@payloadcms/ui");
 
 // src/admin-app/components/HeaderNavEditorWithPreview.tsx
-var import_react17 = require("react");
+var import_react16 = require("react");
 
 // src/admin-app/nestedNavigation.ts
 var normalizeNestedNavItems = (items) => {
@@ -3553,7 +3506,7 @@ var buildNestedNavTree = (items) => {
 };
 
 // src/admin-app/components/HeaderNavItemsEditor.tsx
-var import_react16 = require("react");
+var import_react15 = require("react");
 
 // src/admin-app/navigationLinks.ts
 var fallbackHomeOption = {
@@ -3652,12 +3605,12 @@ var moveRow = (rows, fromIndex, toIndex) => {
   return next;
 };
 function HeaderNavItemsEditor({ initialItems, pageOptions, onItemsChange }) {
-  const [rows, setRows] = (0, import_react16.useState)(() => initialItems.map(toRow));
-  const [nextRowID, setNextRowID] = (0, import_react16.useState)(initialItems.length);
-  const [draggingRowID, setDraggingRowID] = (0, import_react16.useState)(null);
-  const [dragOverRowID, setDragOverRowID] = (0, import_react16.useState)(null);
-  const pageOptionByHref = (0, import_react16.useMemo)(() => new Map(pageOptions.map((option) => [option.href, option])), [pageOptions]);
-  const serializedState = (0, import_react16.useMemo)(
+  const [rows, setRows] = (0, import_react15.useState)(() => initialItems.map(toRow));
+  const [nextRowID, setNextRowID] = (0, import_react15.useState)(initialItems.length);
+  const [draggingRowID, setDraggingRowID] = (0, import_react15.useState)(null);
+  const [dragOverRowID, setDragOverRowID] = (0, import_react15.useState)(null);
+  const pageOptionByHref = (0, import_react15.useMemo)(() => new Map(pageOptions.map((option) => [option.href, option])), [pageOptions]);
+  const serializedState = (0, import_react15.useMemo)(
     () => JSON.stringify(
       rows.map((row) => ({
         href: row.href.trim(),
@@ -3667,7 +3620,7 @@ function HeaderNavItemsEditor({ initialItems, pageOptions, onItemsChange }) {
     ),
     [rows]
   );
-  const normalizedItems = (0, import_react16.useMemo)(() => {
+  const normalizedItems = (0, import_react15.useMemo)(() => {
     const inputs = rows.map((row) => ({
       href: row.href,
       label: row.label,
@@ -3675,7 +3628,7 @@ function HeaderNavItemsEditor({ initialItems, pageOptions, onItemsChange }) {
     }));
     return normalizeAdminNavInputs(inputs, pageOptions);
   }, [rows, pageOptions]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     onItemsChange?.(normalizedItems);
   }, [normalizedItems, onItemsChange]);
   const setRowValue = (rowID, changes) => {
@@ -4008,8 +3961,8 @@ function HeaderNavEditorWithPreview({
   socialLinks,
   tagline = ""
 }) {
-  const [liveItems, setLiveItems] = (0, import_react17.useState)(initialItems);
-  const previewItems = (0, import_react17.useMemo)(() => {
+  const [liveItems, setLiveItems] = (0, import_react16.useState)(initialItems);
+  const previewItems = (0, import_react16.useMemo)(() => {
     const normalized = normalizeNestedNavItems(liveItems);
     const tree = buildNestedNavTree(normalized);
     return tree.topLevel.length > 0 ? tree : buildNestedNavTree(fallbackNav);
@@ -4221,16 +4174,16 @@ function AdminStudioHeaderGlobalView(props) {
   const adminBasePath = useAdminBasePath();
   const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
   const rawGlobalPath = resolveAdminPath(adminBasePath, `/globals/${globalSlug}`);
-  const [loading, setLoading] = (0, import_react18.useState)(true);
-  const [saving, setSaving] = (0, import_react18.useState)(false);
-  const [error, setError] = (0, import_react18.useState)(null);
-  const [savedMessage, setSavedMessage] = (0, import_react18.useState)(null);
-  const [initialItems, setInitialItems] = (0, import_react18.useState)([]);
-  const [liveItems, setLiveItems] = (0, import_react18.useState)([]);
-  const [pages, setPages] = (0, import_react18.useState)([]);
-  const [siteSettings, setSiteSettings] = (0, import_react18.useState)({});
-  const [socialMedia, setSocialMedia] = (0, import_react18.useState)({});
-  (0, import_react18.useEffect)(() => {
+  const [loading, setLoading] = (0, import_react17.useState)(true);
+  const [saving, setSaving] = (0, import_react17.useState)(false);
+  const [error, setError] = (0, import_react17.useState)(null);
+  const [savedMessage, setSavedMessage] = (0, import_react17.useState)(null);
+  const [initialItems, setInitialItems] = (0, import_react17.useState)([]);
+  const [liveItems, setLiveItems] = (0, import_react17.useState)([]);
+  const [pages, setPages] = (0, import_react17.useState)([]);
+  const [siteSettings, setSiteSettings] = (0, import_react17.useState)({});
+  const [socialMedia, setSocialMedia] = (0, import_react17.useState)({});
+  (0, import_react17.useEffect)(() => {
     let cancelled = false;
     const run = async () => {
       setLoading(true);
@@ -4293,8 +4246,8 @@ function AdminStudioHeaderGlobalView(props) {
       cancelled = true;
     };
   }, [globalSlug, pagesCollectionSlug]);
-  const pageOptions = (0, import_react18.useMemo)(() => buildAdminPageLinkOptions(pages), [pages]);
-  const previewSocialLinks = (0, import_react18.useMemo)(
+  const pageOptions = (0, import_react17.useMemo)(() => buildAdminPageLinkOptions(pages), [pages]);
+  const previewSocialLinks = (0, import_react17.useMemo)(
     () => resolveSocialMediaLinks(socialMedia).map((item) => ({
       label: item.label,
       platform: item.platform,
@@ -4305,7 +4258,7 @@ function AdminStudioHeaderGlobalView(props) {
   const previewSiteName = typeof siteSettings.siteName === "string" && siteSettings.siteName.trim().length > 0 ? siteSettings.siteName.trim() : "Orion Studio";
   const previewTagline = typeof siteSettings.tagline === "string" ? siteSettings.tagline.trim() : "";
   const previewLogoUrl = resolveMediaURL(siteSettings.logo);
-  const editorKey = (0, import_react18.useMemo)(() => JSON.stringify(initialItems), [initialItems]);
+  const editorKey = (0, import_react17.useMemo)(() => JSON.stringify(initialItems), [initialItems]);
   const save = async () => {
     setSaving(true);
     setError(null);
@@ -4396,7 +4349,7 @@ function AdminStudioHeaderGlobalView(props) {
 }
 
 // src/admin/components/studio/AdminStudioFooterGlobalView.tsx
-var import_react19 = require("react");
+var import_react18 = require("react");
 var import_ui9 = require("@payloadcms/ui");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var getPropString7 = (props, key, fallback) => {
@@ -4504,18 +4457,18 @@ function AdminStudioFooterGlobalView(props) {
   const adminBasePath = useAdminBasePath();
   const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
   const rawGlobalPath = resolveAdminPath(adminBasePath, `/globals/${globalSlug}`);
-  const [loading, setLoading] = (0, import_react19.useState)(true);
-  const [saving, setSaving] = (0, import_react19.useState)(false);
-  const [error, setError] = (0, import_react19.useState)(null);
-  const [savedMessage, setSavedMessage] = (0, import_react19.useState)(null);
-  const [doc, setDoc] = (0, import_react19.useState)({
+  const [loading, setLoading] = (0, import_react18.useState)(true);
+  const [saving, setSaving] = (0, import_react18.useState)(false);
+  const [error, setError] = (0, import_react18.useState)(null);
+  const [savedMessage, setSavedMessage] = (0, import_react18.useState)(null);
+  const [doc, setDoc] = (0, import_react18.useState)({
     contactEmail: "",
     contactPhone: "",
     copyright: ""
   });
-  const [siteSettings, setSiteSettings] = (0, import_react19.useState)({});
-  const [socialMedia, setSocialMedia] = (0, import_react19.useState)({});
-  (0, import_react19.useEffect)(() => {
+  const [siteSettings, setSiteSettings] = (0, import_react18.useState)({});
+  const [socialMedia, setSocialMedia] = (0, import_react18.useState)({});
+  (0, import_react18.useEffect)(() => {
     let cancelled = false;
     const run = async () => {
       setLoading(true);
@@ -4567,7 +4520,7 @@ function AdminStudioFooterGlobalView(props) {
       cancelled = true;
     };
   }, [globalSlug]);
-  const previewSocialLinks = (0, import_react19.useMemo)(
+  const previewSocialLinks = (0, import_react18.useMemo)(
     () => resolveSocialMediaLinks(socialMedia).map((item) => ({
       label: item.label,
       platform: item.platform,
@@ -4771,7 +4724,7 @@ function AdminStudioFooterGlobalView(props) {
 }
 
 // src/admin/components/studio/AdminStudioContactFormView.tsx
-var import_react20 = require("react");
+var import_react19 = require("react");
 var import_ui10 = require("@payloadcms/ui");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var defaultDoc = {
@@ -4862,12 +4815,12 @@ function AdminStudioContactFormView(props) {
   const adminBasePath = useAdminBasePath();
   const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
   const rawGlobalPath = resolveAdminPath(adminBasePath, `/globals/${globalSlug}`);
-  const [doc, setDoc] = (0, import_react20.useState)(defaultDoc);
-  const [error, setError] = (0, import_react20.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react20.useState)(true);
-  const [isSaving, setIsSaving] = (0, import_react20.useState)(false);
-  const [savedMessage, setSavedMessage] = (0, import_react20.useState)(null);
-  (0, import_react20.useEffect)(() => {
+  const [doc, setDoc] = (0, import_react19.useState)(defaultDoc);
+  const [error, setError] = (0, import_react19.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react19.useState)(true);
+  const [isSaving, setIsSaving] = (0, import_react19.useState)(false);
+  const [savedMessage, setSavedMessage] = (0, import_react19.useState)(null);
+  (0, import_react19.useEffect)(() => {
     let mounted = true;
     const load = async () => {
       setIsLoading(true);
@@ -4897,7 +4850,7 @@ function AdminStudioContactFormView(props) {
       mounted = false;
     };
   }, [globalSlug]);
-  const payload = (0, import_react20.useMemo)(
+  const payload = (0, import_react19.useMemo)(
     () => ({
       disabledMessage: doc.disabledMessage,
       enabled: doc.enabled,
@@ -5141,7 +5094,7 @@ function AdminStudioMediaView(props) {
 }
 
 // src/admin/components/studio/AdminStudioFormsView.tsx
-var import_react21 = require("react");
+var import_react20 = require("react");
 var import_ui12 = require("@payloadcms/ui");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var isAdmin3 = (user) => {
@@ -5297,21 +5250,21 @@ function AdminStudioFormsView(props) {
     `/collections/${formSubmissionsCollectionSlug}`
   );
   const rawUploadsPath = resolveAdminPath(adminBasePath, `/collections/${formUploadsCollectionSlug}`);
-  const [selectedFormID, setSelectedFormID] = (0, import_react21.useState)("");
-  const [forms, setForms] = (0, import_react21.useState)([]);
-  const [submissions, setSubmissions] = (0, import_react21.useState)([]);
-  const [formsLoading, setFormsLoading] = (0, import_react21.useState)(true);
-  const [submissionsLoading, setSubmissionsLoading] = (0, import_react21.useState)(false);
-  const [formsError, setFormsError] = (0, import_react21.useState)(null);
-  const [submissionsError, setSubmissionsError] = (0, import_react21.useState)(null);
-  const selectedForm = (0, import_react21.useMemo)(
+  const [selectedFormID, setSelectedFormID] = (0, import_react20.useState)("");
+  const [forms, setForms] = (0, import_react20.useState)([]);
+  const [submissions, setSubmissions] = (0, import_react20.useState)([]);
+  const [formsLoading, setFormsLoading] = (0, import_react20.useState)(true);
+  const [submissionsLoading, setSubmissionsLoading] = (0, import_react20.useState)(false);
+  const [formsError, setFormsError] = (0, import_react20.useState)(null);
+  const [submissionsError, setSubmissionsError] = (0, import_react20.useState)(null);
+  const selectedForm = (0, import_react20.useMemo)(
     () => forms.find((form) => {
       const id = typeof form.id === "string" || typeof form.id === "number" ? String(form.id) : "";
       return selectedFormID.length > 0 && id === selectedFormID;
     }) || null,
     [forms, selectedFormID]
   );
-  (0, import_react21.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -5321,7 +5274,7 @@ function AdminStudioFormsView(props) {
       setSelectedFormID(formID);
     }
   }, []);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (!canReviewForms(user)) {
       return;
     }
@@ -5375,7 +5328,7 @@ function AdminStudioFormsView(props) {
       cancelled = true;
     };
   }, [formsCollectionSlug, user]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (!selectedFormID || !canReviewForms(user)) {
       setSubmissions([]);
       return;
@@ -5419,7 +5372,7 @@ function AdminStudioFormsView(props) {
       cancelled = true;
     };
   }, [formSubmissionsCollectionSlug, selectedFormID, user]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (typeof window === "undefined" || !selectedFormID) {
       return;
     }
@@ -5980,13 +5933,13 @@ function OpenInStudioMenuItem({ pagesPathBase = "/pages" }) {
 }
 
 // src/admin/components/studio/PageEditRedirectToStudio.tsx
-var import_react22 = require("react");
+var import_react21 = require("react");
 var import_ui15 = require("@payloadcms/ui");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function PageEditRedirectToStudio({ pagesPathBase = "/pages" }) {
   const documentInfo = (0, import_ui15.useDocumentInfo)();
   const id = documentInfo?.id;
-  (0, import_react22.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (!id) {
       return;
     }
@@ -6013,7 +5966,7 @@ function PageEditRedirectToStudio({ pagesPathBase = "/pages" }) {
 }
 
 // src/admin/components/studio/StudioBackBreadcrumb.tsx
-var import_react23 = require("react");
+var import_react22 = require("react");
 var import_ui16 = require("@payloadcms/ui");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var toTitle = (slug) => slug.split("-").filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
@@ -6060,8 +6013,8 @@ var buildNav = (pathname, adminBasePath) => {
 };
 function StudioBackBreadcrumb() {
   const adminBasePath = useAdminBasePath();
-  const [pathname, setPathname] = (0, import_react23.useState)("");
-  (0, import_react23.useEffect)(() => {
+  const [pathname, setPathname] = (0, import_react22.useState)("");
+  (0, import_react22.useEffect)(() => {
     const update = () => setPathname(window.location.pathname);
     update();
     window.addEventListener("popstate", update);
@@ -6073,7 +6026,7 @@ function StudioBackBreadcrumb() {
 }
 
 // src/admin/components/studio/StudioContactFormRedirect.tsx
-var import_react24 = require("react");
+var import_react23 = require("react");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var getPropString12 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
@@ -6090,7 +6043,7 @@ function StudioContactFormRedirect(props) {
   const adminBasePath = useAdminBasePath();
   const studioContactFormPath = getPropString12(props, "studioContactFormPath", "/contact-form");
   const targetPath = resolveAdminPath(adminBasePath, studioContactFormPath);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (window.location.pathname === targetPath) return;
     window.location.replace(targetPath);
   }, [targetPath]);