@orion-studios/payload-studio 0.3.0-beta.10 → 0.3.0-beta.12

package/dist/admin/client.js

@@ -2286,7 +2286,21 @@ var cardStyle = {
   padding: "1rem",
   textDecoration: "none"
 };
-function AdminStudioDashboard() {
+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;
+};
+function AdminStudioDashboard(props) {
+  const pagesCollectionSlug = getPropString(props, "pagesCollectionSlug", "pages");
+  const mediaCollectionSlug = getPropString(props, "mediaCollectionSlug", "media");
+  const globalsBasePath = getPropString(props, "globalsBasePath", "/admin/globals");
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { style: { padding: "1.2rem 1.2rem 2.5rem" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_ui3.SetStepNav, { nav: [{ label: "Dashboard", url: "/admin" }] }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h1", { style: { fontSize: "1.6rem", margin: 0 }, children: "Studio" }),
@@ -2301,15 +2315,15 @@ function AdminStudioDashboard() {
           marginTop: "1.1rem"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("a", { href: "/admin/pages", style: cardStyle, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("a", { href: `/admin/collections/${pagesCollectionSlug}`, style: cardStyle, children: [
             /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { fontWeight: 900 }, children: "Pages" }),
             /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Edit your site pages with the custom editor." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("a", { href: "/admin/studio-globals", style: cardStyle, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("a", { href: globalsBasePath, style: cardStyle, children: [
             /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { fontWeight: 900 }, children: "Globals" }),
             /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Site settings, header, footer." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("a", { href: "/admin/media", style: cardStyle, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("a", { href: `/admin/collections/${mediaCollectionSlug}`, style: cardStyle, children: [
             /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { fontWeight: 900 }, children: "Media" }),
             /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Upload and manage images and files." })
           ] })
@@ -2328,7 +2342,7 @@ var isAdmin = (user) => {
   const role = user.role;
   return typeof role === "string" && role === "admin";
 };
-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;
@@ -2352,9 +2366,11 @@ var getPropBoolean = (props, key, fallback) => {
 };
 function AdminStudioNav(props) {
   const { user } = (0, import_ui4.useAuth)();
-  const brandName = getPropString(props, "brandName", "Orion Studio");
-  const logoUrl = getPropString(props, "logoUrl", "");
-  const globalsBasePath = getPropString(props, "globalsBasePath", "/admin/studio-globals");
+  const brandName = getPropString2(props, "brandName", "Orion Studio");
+  const logoUrl = getPropString2(props, "logoUrl", "");
+  const pagesCollectionSlug = getPropString2(props, "pagesCollectionSlug", "pages");
+  const mediaCollectionSlug = getPropString2(props, "mediaCollectionSlug", "media");
+  const globalsBasePath = getPropString2(props, "globalsBasePath", "/admin/globals");
   const compact = getPropBoolean(props, "compact", false);
   const branding = useSiteBranding(brandName, logoUrl || void 0);
   const resolvedName = branding.siteName || brandName;
@@ -2365,28 +2381,30 @@ function AdminStudioNav(props) {
     window.addEventListener("popstate", update);
     return () => window.removeEventListener("popstate", update);
   }, []);
+  const pagesPath = `/admin/collections/${pagesCollectionSlug}`;
+  const mediaPath = `/admin/collections/${mediaCollectionSlug}`;
   const links = (0, import_react11.useMemo)(
     () => [
       { href: "/admin", label: "Dashboard", matchPrefixes: ["/admin"] },
       {
-        href: "/admin/pages",
+        href: pagesPath,
         label: "Pages",
-        matchPrefixes: ["/admin/pages", "/admin/collections/pages"]
+        matchPrefixes: [pagesPath]
       },
       { href: globalsBasePath, label: "Globals", matchPrefixes: [globalsBasePath, "/admin/globals"] },
       {
-        href: "/admin/media",
+        href: mediaPath,
         label: "Media",
-        matchPrefixes: ["/admin/media", "/admin/collections/media"]
+        matchPrefixes: [mediaPath]
       },
       {
-        href: "/admin/tools",
+        href: "/admin/collections/users",
         label: "Admin Tools",
-        matchPrefixes: ["/admin/tools"],
+        matchPrefixes: ["/admin/collections/users"],
         adminOnly: true
       }
     ],
-    [globalsBasePath]
+    [globalsBasePath, mediaPath, pagesPath]
   );
   const linkStyle = (active) => ({
     alignItems: "center",
@@ -2471,78 +2489,15 @@ function AdminStudioNav(props) {
 }
 
 // src/admin/components/studio/AdminStudioPagesListView.tsx
-var import_react13 = require("react");
-var import_ui5 = require("@payloadcms/ui");
-
-// src/admin/components/studio/StudioSectionLayout.tsx
 var import_react12 = require("react");
+var import_ui5 = require("@payloadcms/ui");
 var import_jsx_runtime16 = 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_react12.useState)(false);
-  (0, import_react12.useEffect)(() => {
-    try {
-      const stored = window.localStorage.getItem(STORAGE_KEY2);
-      if (stored === "1") {
-        setCollapsed(true);
-      }
-    } catch {
-    }
-  }, []);
-  (0, import_react12.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_runtime16.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_runtime16.jsxs)("aside", { className: "orion-studio-sidebar", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-            "button",
-            {
-              "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
-              className: "orion-studio-sidebar-toggle",
-              onClick: toggle,
-              type: "button",
-              children: collapsed ? ">" : "<"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "orion-studio-sidebar-scroll", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AdminStudioNav, { ...navProps, compact: collapsed }) })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("main", { className: "orion-studio-main", children })
-      ]
-    }
-  );
-}
-
-// src/admin/components/studio/AdminStudioPagesListView.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
 var isAdmin2 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
   return typeof role === "string" && role === "admin";
 };
-var getPropString2 = (props, key, fallback) => {
+var getPropString3 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
   if (typeof direct === "string" && direct.length > 0) return direct;
@@ -2555,11 +2510,11 @@ var getPropString2 = (props, key, fallback) => {
 };
 function AdminStudioPagesListView(props) {
   const { user } = (0, import_ui5.useAuth)();
-  const pagesCollectionSlug = getPropString2(props, "pagesCollectionSlug", "pages");
-  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 pagesCollectionSlug = getPropString3(props, "pagesCollectionSlug", "pages");
+  const [loading, setLoading] = (0, import_react12.useState)(true);
+  const [error, setError] = (0, import_react12.useState)(null);
+  const [docs, setDocs] = (0, import_react12.useState)([]);
+  const apiURL = (0, import_react12.useMemo)(() => {
     const params = new URLSearchParams({
       depth: "0",
       limit: "100",
@@ -2568,7 +2523,7 @@ function AdminStudioPagesListView(props) {
     });
     return `/api/${pagesCollectionSlug}?${params.toString()}`;
   }, [pagesCollectionSlug]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     let cancelled = false;
     const run = async () => {
       setLoading(true);
@@ -2593,14 +2548,14 @@ function AdminStudioPagesListView(props) {
       cancelled = true;
     };
   }, [apiURL]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(StudioSectionLayout, { navProps: props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_ui5.SetStepNav, { nav: [{ label: "Pages", url: "/admin/pages" }] }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { alignItems: "flex-end", display: "flex", gap: "0.75rem" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { flex: 1 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h1", { style: { margin: 0 }, children: "Pages" }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Open a page to edit it in the custom editor." })
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_ui5.SetStepNav, { nav: [{ label: "Pages", url: "/admin/pages" }] }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { alignItems: "flex-end", display: "flex", gap: "0.75rem" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { flex: 1 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h1", { style: { margin: 0 }, children: "Pages" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Open a page to edit it in the custom editor." })
       ] }),
-      isAdmin2(user) ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      isAdmin2(user) ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "a",
         {
           href: `/admin/collections/${pagesCollectionSlug}/create`,
@@ -2616,10 +2571,10 @@ function AdminStudioPagesListView(props) {
         }
       ) : null
     ] }),
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "1rem" }, children: "Loading..." }) : null,
-    error ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { color: "crimson", marginTop: "1rem" }, children: error }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: [
-      !loading && !error && docs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "1rem" }, children: "Loading..." }) : null,
+    error ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { color: "crimson", marginTop: "1rem" }, children: error }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: [
+      !loading && !error && docs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "div",
         {
           style: {
@@ -2637,7 +2592,7 @@ function AdminStudioPagesListView(props) {
         const path = typeof doc.path === "string" ? doc.path : "/";
         const status = typeof doc._status === "string" ? doc._status : "";
         if (!id) return null;
-        return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
           "a",
           {
             href: `/admin/pages/${id}`,
@@ -2653,9 +2608,9 @@ function AdminStudioPagesListView(props) {
               textDecoration: "none"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { minWidth: 0 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { fontWeight: 900, overflow: "hidden", textOverflow: "ellipsis" }, children: title }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { minWidth: 0 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { fontWeight: 900, overflow: "hidden", textOverflow: "ellipsis" }, children: title }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   "div",
                   {
                     style: {
@@ -2668,7 +2623,7 @@ function AdminStudioPagesListView(props) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                 "div",
                 {
                   style: {
@@ -2678,7 +2633,7 @@ function AdminStudioPagesListView(props) {
                     gap: "0.5rem"
                   },
                   children: [
-                    status ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                    status ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                       "span",
                       {
                         style: {
@@ -2693,7 +2648,7 @@ function AdminStudioPagesListView(props) {
                         children: status
                       }
                     ) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { style: { color: "var(--theme-elevation-600)", fontWeight: 800 }, children: "Open" })
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { style: { color: "var(--theme-elevation-600)", fontWeight: 800 }, children: "Open" })
                   ]
                 }
               )
@@ -2707,9 +2662,9 @@ function AdminStudioPagesListView(props) {
 }
 
 // src/admin/components/studio/AdminStudioPageEditView.tsx
-var import_react14 = require("react");
+var import_react13 = require("react");
 var import_ui6 = require("@payloadcms/ui");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var isAdmin3 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
@@ -2720,7 +2675,7 @@ var isEditor = (user) => {
   const role = user.role;
   return typeof role === "string" && role === "editor";
 };
-var getPropString3 = (props, key, fallback) => {
+var getPropString4 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
   if (typeof direct === "string" && direct.length > 0) return direct;
@@ -2745,13 +2700,13 @@ var getPageIDFromPathname = (pathname) => {
 };
 function AdminStudioPageEditView(props) {
   const { user } = (0, import_ui6.useAuth)();
-  const iframeRef = (0, import_react14.useRef)(null);
-  const [saving, setSaving] = (0, import_react14.useState)(null);
-  const builderBasePath = getPropString3(props, "builderBasePath", "/builder");
-  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 iframeRef = (0, import_react13.useRef)(null);
+  const [saving, setSaving] = (0, import_react13.useState)(null);
+  const builderBasePath = getPropString4(props, "builderBasePath", "/builder");
+  const pageIDFromParams = (0, import_react13.useMemo)(() => getParam(props.params, "id"), [props.params]);
+  const [pageID, setPageID] = (0, import_react13.useState)(pageIDFromParams);
+  const [didResolvePathFallback, setDidResolvePathFallback] = (0, import_react13.useState)(false);
+  (0, import_react13.useEffect)(() => {
     if (pageIDFromParams) {
       setPageID(pageIDFromParams);
       setDidResolvePathFallback(true);
@@ -2772,7 +2727,7 @@ function AdminStudioPageEditView(props) {
     setSaving(status);
     iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type: "save", status }, "*");
   };
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const onMessage = (event) => {
       const data = event.data;
       if (!data || data.source !== "payload-visual-builder-child" || data.type !== "save-result") {
@@ -2789,8 +2744,8 @@ function AdminStudioPageEditView(props) {
     return () => window.removeEventListener("message", onMessage);
   }, []);
   if (!pageID && !didResolvePathFallback) {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(StudioSectionLayout, { navProps: props, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         import_ui6.SetStepNav,
         {
           nav: [
@@ -2799,13 +2754,13 @@ function AdminStudioPageEditView(props) {
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h1", { style: { margin: 0 }, children: "Page Editor" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading page editor..." })
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h1", { style: { margin: 0 }, children: "Page Editor" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading page editor..." })
     ] });
   }
   if (!pageID) {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(StudioSectionLayout, { navProps: props, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         import_ui6.SetStepNav,
         {
           nav: [
@@ -2814,12 +2769,12 @@ function AdminStudioPageEditView(props) {
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h1", { style: { margin: 0 }, children: "Page Editor" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { color: "var(--theme-elevation-600)" }, children: "Missing page ID." })
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h1", { style: { margin: 0 }, children: "Page Editor" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { style: { color: "var(--theme-elevation-600)" }, children: "Missing page ID." })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(StudioSectionLayout, { navProps: props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       import_ui6.SetStepNav,
       {
         nav: [
@@ -2828,8 +2783,8 @@ function AdminStudioPageEditView(props) {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "grid", gridTemplateRows: "auto 1fr", height: "calc(100vh - 120px)" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { display: "grid", gridTemplateRows: "auto 1fr", height: "calc(100vh - 120px)" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
         "div",
         {
           style: {
@@ -2845,9 +2800,9 @@ function AdminStudioPageEditView(props) {
             zIndex: 20
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { minWidth: 0 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { fontWeight: 900 }, children: "Page Editor" }),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { minWidth: 0 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { fontWeight: 900 }, children: "Page Editor" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                 "div",
                 {
                   style: {
@@ -2863,8 +2818,8 @@ function AdminStudioPageEditView(props) {
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { alignItems: "center", display: "flex", gap: "0.5rem" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { alignItems: "center", display: "flex", gap: "0.5rem" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 "button",
                 {
                   disabled: saving !== null,
@@ -2880,7 +2835,7 @@ function AdminStudioPageEditView(props) {
                   children: saving === "draft" ? "Saving\u2026" : "Save Draft"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 "button",
                 {
                   disabled: !canPublish || saving !== null,
@@ -2903,7 +2858,7 @@ function AdminStudioPageEditView(props) {
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "iframe",
         {
           ref: iframeRef,
@@ -2918,7 +2873,7 @@ function AdminStudioPageEditView(props) {
 
 // src/admin/components/studio/AdminStudioGlobalsView.tsx
 var import_ui7 = require("@payloadcms/ui");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var getPropGlobals = (props) => {
   if (!props || typeof props !== "object") return null;
   const direct = props.globals;
@@ -2930,7 +2885,7 @@ var getPropGlobals = (props) => {
   }
   return null;
 };
-var getPropString4 = (props, key, fallback) => {
+var getPropString5 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
   if (typeof direct === "string" && direct.length > 0) return direct;
@@ -2942,17 +2897,17 @@ var getPropString4 = (props, key, fallback) => {
   return fallback;
 };
 function AdminStudioGlobalsView(props) {
-  const globalsBasePath = getPropString4(props, "globalsBasePath", "/admin/studio-globals");
+  const globalsBasePath = getPropString5(props, "globalsBasePath", "/admin/studio-globals");
   const globals = getPropGlobals(props) || [
     { slug: "site-settings", label: "Website Settings" },
     { slug: "header", label: "Header & Navigation" },
     { slug: "footer", label: "Footer" }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(StudioSectionLayout, { navProps: props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_ui7.SetStepNav, { nav: [{ label: "Globals", url: globalsBasePath }] }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h1", { style: { margin: 0 }, children: "Globals" }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Site-wide settings." }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: globals.map((global) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_ui7.SetStepNav, { nav: [{ label: "Globals", url: globalsBasePath }] }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h1", { style: { margin: 0 }, children: "Globals" }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Site-wide settings." }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: globals.map((global) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       "a",
       {
         href: `/admin/globals/${global.slug}`,
@@ -2965,8 +2920,8 @@ function AdminStudioGlobalsView(props) {
           textDecoration: "none"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { fontWeight: 900 }, children: global.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { fontWeight: 900 }, children: global.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: [
             "/admin/globals/",
             global.slug
           ] })
@@ -2974,7 +2929,7 @@ function AdminStudioGlobalsView(props) {
       },
       global.slug
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { marginTop: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { marginTop: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "a",
       {
         href: globalsBasePath,
@@ -2987,8 +2942,8 @@ function AdminStudioGlobalsView(props) {
 
 // src/admin/components/studio/AdminStudioMediaView.tsx
 var import_ui8 = require("@payloadcms/ui");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var getPropString5 = (props, key, fallback) => {
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var getPropString6 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
   if (typeof direct === "string" && direct.length > 0) return direct;
@@ -3000,12 +2955,12 @@ var getPropString5 = (props, key, fallback) => {
   return fallback;
 };
 function AdminStudioMediaView(props) {
-  const mediaCollectionSlug = getPropString5(props, "mediaCollectionSlug", "media");
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(StudioSectionLayout, { navProps: props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_ui8.SetStepNav, { nav: [{ label: "Media", url: "/admin/media" }] }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h1", { style: { margin: 0 }, children: "Media" }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Media management is currently using Payload's library." }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  const mediaCollectionSlug = getPropString6(props, "mediaCollectionSlug", "media");
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_ui8.SetStepNav, { nav: [{ label: "Media", url: "/admin/media" }] }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h1", { style: { margin: 0 }, children: "Media" }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Media management is currently using Payload's library." }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
       "a",
       {
         href: `/admin/collections/${mediaCollectionSlug}`,
@@ -3018,8 +2973,8 @@ function AdminStudioMediaView(props) {
           textDecoration: "none"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: { fontWeight: 900 }, children: "Open Media Library" }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { fontWeight: 900 }, children: "Open Media Library" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: [
             "/admin/collections/",
             mediaCollectionSlug
           ] })
@@ -3031,13 +2986,13 @@ function AdminStudioMediaView(props) {
 
 // src/admin/components/studio/AdminStudioToolsView.tsx
 var import_ui9 = require("@payloadcms/ui");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var isAdmin4 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
   return typeof role === "string" && role === "admin";
 };
-var getPropString6 = (props, key, fallback) => {
+var getPropString7 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
   if (typeof direct === "string" && direct.length > 0) return direct;
@@ -3051,14 +3006,14 @@ var getPropString6 = (props, key, fallback) => {
 function AdminStudioToolsView(props) {
   const { user } = (0, import_ui9.useAuth)();
   if (!isAdmin4(user)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(StudioSectionLayout, { navProps: props, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_ui9.SetStepNav, { nav: [{ label: "Admin Tools", url: "/admin/tools" }] }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h1", { style: { margin: 0 }, children: "Admin Tools" }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { style: { color: "var(--theme-elevation-600)" }, children: "You do not have access to this page." })
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_ui9.SetStepNav, { nav: [{ label: "Admin Tools", url: "/admin/tools" }] }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h1", { style: { margin: 0 }, children: "Admin Tools" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { style: { color: "var(--theme-elevation-600)" }, children: "You do not have access to this page." })
     ] });
   }
-  const pagesCollectionSlug = getPropString6(props, "pagesCollectionSlug", "pages");
-  const mediaCollectionSlug = getPropString6(props, "mediaCollectionSlug", "media");
+  const pagesCollectionSlug = getPropString7(props, "pagesCollectionSlug", "pages");
+  const mediaCollectionSlug = getPropString7(props, "mediaCollectionSlug", "media");
   const links = [
     { href: `/admin/collections/${pagesCollectionSlug}`, label: "Raw Pages Collection" },
     { href: `/admin/collections/${mediaCollectionSlug}`, label: "Raw Media Collection" },
@@ -3067,11 +3022,11 @@ function AdminStudioToolsView(props) {
     { href: "/admin/globals/footer", label: "Raw Footer Global" },
     { href: "/admin/collections/users", label: "Users / Roles" }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(StudioSectionLayout, { navProps: props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_ui9.SetStepNav, { nav: [{ label: "Admin Tools", url: "/admin/tools" }] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h1", { style: { margin: 0 }, children: "Admin Tools" }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Hidden fallback links for administrators." }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_ui9.SetStepNav, { nav: [{ label: "Admin Tools", url: "/admin/tools" }] }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h1", { style: { margin: 0 }, children: "Admin Tools" }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Hidden fallback links for administrators." }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
       "a",
       {
         href: link.href,
@@ -3084,8 +3039,8 @@ function AdminStudioToolsView(props) {
           textDecoration: "none"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { fontWeight: 900 }, children: link.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: link.href })
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: { fontWeight: 900 }, children: link.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: link.href })
         ]
       },
       link.href
@@ -3095,14 +3050,14 @@ function AdminStudioToolsView(props) {
 
 // src/admin/components/studio/OpenInStudioMenuItem.tsx
 var import_ui10 = require("@payloadcms/ui");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-function OpenInStudioMenuItem({ pagesPathBase = "/admin/pages" }) {
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function OpenInStudioMenuItem({ pagesPathBase = "/studio/pages" }) {
   const documentInfo = (0, import_ui10.useDocumentInfo)();
   const id = documentInfo?.id;
   if (!id) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "a",
     {
       href: `${pagesPathBase}/${id}`,
@@ -3121,19 +3076,19 @@ function OpenInStudioMenuItem({ pagesPathBase = "/admin/pages" }) {
 }
 
 // src/admin/components/studio/PageEditRedirectToStudio.tsx
-var import_react15 = require("react");
+var import_react14 = require("react");
 var import_ui11 = require("@payloadcms/ui");
-var import_jsx_runtime23 = require("react/jsx-runtime");
-function PageEditRedirectToStudio({ pagesPathBase = "/admin/pages" }) {
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function PageEditRedirectToStudio({ pagesPathBase = "/studio/pages" }) {
   const documentInfo = (0, import_ui11.useDocumentInfo)();
   const id = documentInfo?.id;
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!id) {
       return;
     }
     window.location.replace(`${pagesPathBase}/${id}`);
   }, [id, pagesPathBase]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "div",
     {
       style: {
@@ -3145,9 +3100,9 @@ function PageEditRedirectToStudio({ pagesPathBase = "/admin/pages" }) {
         minHeight: "50vh"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h2", { style: { margin: 0 }, children: "Opening Editor..." }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { style: { color: "var(--theme-elevation-600)", margin: 0 }, children: "Redirecting to the custom page editor." }),
-        id ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("a", { href: `${pagesPathBase}/${id}`, children: "Continue to Editor" }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("a", { href: pagesPathBase, children: "Open Pages" })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h2", { style: { margin: 0 }, children: "Opening Editor..." }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { style: { color: "var(--theme-elevation-600)", margin: 0 }, children: "Redirecting to the custom page editor." }),
+        id ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("a", { href: `${pagesPathBase}/${id}`, children: "Continue to Editor" }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("a", { href: pagesPathBase, children: "Open Pages" })
       ]
     }
   );
@@ -3156,32 +3111,32 @@ function PageEditRedirectToStudio({ pagesPathBase = "/admin/pages" }) {
 // src/admin/components/studio/StudioBackBreadcrumb.tsx
 var import_ui12 = require("@payloadcms/ui");
 var import_navigation = require("next/navigation");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var toTitle = (slug) => slug.split("-").filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
 var buildNav = (pathname) => {
   if (pathname.includes("/globals/")) {
     const slug = pathname.split("/globals/")[1]?.split("/")[0] || "";
     const currentLabel = slug === "site-settings" ? "Website Settings" : toTitle(slug) || "Global";
     return [
-      { label: "Globals", url: "/admin/studio-globals" },
+      { label: "Globals", url: "/admin/globals" },
       { label: currentLabel }
     ];
   }
   if (pathname.includes("/collections/pages") || pathname.startsWith("/admin/pages/")) {
     return [
-      { label: "Pages", url: "/admin/pages" },
+      { label: "Pages", url: "/admin/collections/pages" },
       { label: "Page" }
     ];
   }
   if (pathname.includes("/collections/media")) {
     return [
-      { label: "Media", url: "/admin/media" },
+      { label: "Media", url: "/admin/collections/media" },
       { label: "Media Item" }
     ];
   }
-  if (pathname.startsWith("/admin/tools")) {
+  if (pathname.startsWith("/admin/tools") || pathname.includes("/collections/users")) {
     return [
-      { label: "Admin Tools", url: "/admin/tools" },
+      { label: "Admin Tools", url: "/admin/collections/users" },
       { label: "Tool" }
     ];
   }
@@ -3191,7 +3146,7 @@ function StudioBackBreadcrumb() {
   const pathname = (0, import_navigation.usePathname)();
   const nav = buildNav(pathname);
   if (!nav) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_ui12.SetStepNav, { nav });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_ui12.SetStepNav, { nav });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {