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

package/dist/admin/client.js

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