@orion-studios/payload-studio 0.3.0-beta.11 → 0.3.0-beta.13

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",
@@ -2412,7 +2430,7 @@ function AdminStudioNav(props) {
         padding: compact ? "0.8rem 0.5rem" : "1rem 0.85rem"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "admin-studio-brand", style: { padding: compact ? "0" : "0 0.35rem" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "admin-studio-brand", style: { padding: compact ? "0" : "0 0.35rem 0 2.4rem" }, children: [
           branding.logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             "div",
             {
@@ -2479,7 +2497,7 @@ var isAdmin2 = (user) => {
   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;
@@ -2492,7 +2510,7 @@ var getPropString2 = (props, key, fallback) => {
 };
 function AdminStudioPagesListView(props) {
   const { user } = (0, import_ui5.useAuth)();
-  const pagesCollectionSlug = getPropString2(props, "pagesCollectionSlug", "pages");
+  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)([]);
@@ -2657,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;
@@ -2684,7 +2702,7 @@ function AdminStudioPageEditView(props) {
   const { user } = (0, import_ui6.useAuth)();
   const iframeRef = (0, import_react13.useRef)(null);
   const [saving, setSaving] = (0, import_react13.useState)(null);
-  const builderBasePath = getPropString3(props, "builderBasePath", "/builder");
+  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);
@@ -2867,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;
@@ -2879,7 +2897,7 @@ 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" },
@@ -2925,7 +2943,7 @@ function AdminStudioGlobalsView(props) {
 // src/admin/components/studio/AdminStudioMediaView.tsx
 var import_ui8 = require("@payloadcms/ui");
 var import_jsx_runtime19 = require("react/jsx-runtime");
-var getPropString5 = (props, key, fallback) => {
+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;
@@ -2937,7 +2955,7 @@ var getPropString5 = (props, key, fallback) => {
   return fallback;
 };
 function AdminStudioMediaView(props) {
-  const mediaCollectionSlug = getPropString5(props, "mediaCollectionSlug", "media");
+  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" }),
@@ -2974,7 +2992,7 @@ var isAdmin4 = (user) => {
   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;
@@ -2994,8 +3012,8 @@ function AdminStudioToolsView(props) {
       /* @__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" },
@@ -3033,7 +3051,7 @@ function AdminStudioToolsView(props) {
 // src/admin/components/studio/OpenInStudioMenuItem.tsx
 var import_ui10 = require("@payloadcms/ui");
 var import_jsx_runtime21 = require("react/jsx-runtime");
-function OpenInStudioMenuItem({ pagesPathBase = "/admin/pages" }) {
+function OpenInStudioMenuItem({ pagesPathBase = "/studio/pages" }) {
   const documentInfo = (0, import_ui10.useDocumentInfo)();
   const id = documentInfo?.id;
   if (!id) {
@@ -3061,7 +3079,7 @@ function OpenInStudioMenuItem({ pagesPathBase = "/admin/pages" }) {
 var import_react14 = require("react");
 var import_ui11 = require("@payloadcms/ui");
 var import_jsx_runtime22 = require("react/jsx-runtime");
-function PageEditRedirectToStudio({ pagesPathBase = "/admin/pages" }) {
+function PageEditRedirectToStudio({ pagesPathBase = "/studio/pages" }) {
   const documentInfo = (0, import_ui11.useDocumentInfo)();
   const id = documentInfo?.id;
   (0, import_react14.useEffect)(() => {
@@ -3106,19 +3124,19 @@ var buildNav = (pathname) => {
   }
   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" }
     ];
   }

package/dist/admin/client.mjs

@@ -1105,7 +1105,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__ */ jsxs9("div", { style: { padding: "1.2rem 1.2rem 2.5rem" }, children: [
     /* @__PURE__ */ jsx10(SetStepNav, { nav: [{ label: "Dashboard", url: "/admin" }] }),
     /* @__PURE__ */ jsx10("h1", { style: { fontSize: "1.6rem", margin: 0 }, children: "Studio" }),
@@ -1120,15 +1134,15 @@ function AdminStudioDashboard() {
           marginTop: "1.1rem"
         },
         children: [
-          /* @__PURE__ */ jsxs9("a", { href: "/admin/pages", style: cardStyle, children: [
+          /* @__PURE__ */ jsxs9("a", { href: `/admin/collections/${pagesCollectionSlug}`, style: cardStyle, children: [
             /* @__PURE__ */ jsx10("div", { style: { fontWeight: 900 }, children: "Pages" }),
             /* @__PURE__ */ jsx10("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Edit your site pages with the custom editor." })
           ] }),
-          /* @__PURE__ */ jsxs9("a", { href: "/admin/studio-globals", style: cardStyle, children: [
+          /* @__PURE__ */ jsxs9("a", { href: globalsBasePath, style: cardStyle, children: [
             /* @__PURE__ */ jsx10("div", { style: { fontWeight: 900 }, children: "Globals" }),
             /* @__PURE__ */ jsx10("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Site settings, header, footer." })
           ] }),
-          /* @__PURE__ */ jsxs9("a", { href: "/admin/media", style: cardStyle, children: [
+          /* @__PURE__ */ jsxs9("a", { href: `/admin/collections/${mediaCollectionSlug}`, style: cardStyle, children: [
             /* @__PURE__ */ jsx10("div", { style: { fontWeight: 900 }, children: "Media" }),
             /* @__PURE__ */ jsx10("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Upload and manage images and files." })
           ] })
@@ -1147,7 +1161,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;
@@ -1171,9 +1185,11 @@ var getPropBoolean = (props, key, fallback) => {
 };
 function AdminStudioNav(props) {
   const { user } = 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;
@@ -1184,28 +1200,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 = 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",
@@ -1231,7 +1249,7 @@ function AdminStudioNav(props) {
         padding: compact ? "0.8rem 0.5rem" : "1rem 0.85rem"
       },
       children: [
-        /* @__PURE__ */ jsxs10("div", { className: "admin-studio-brand", style: { padding: compact ? "0" : "0 0.35rem" }, children: [
+        /* @__PURE__ */ jsxs10("div", { className: "admin-studio-brand", style: { padding: compact ? "0" : "0 0.35rem 0 2.4rem" }, children: [
           branding.logoUrl ? /* @__PURE__ */ jsx11(
             "div",
             {
@@ -1298,7 +1316,7 @@ var isAdmin2 = (user) => {
   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;
@@ -1311,7 +1329,7 @@ var getPropString2 = (props, key, fallback) => {
 };
 function AdminStudioPagesListView(props) {
   const { user } = useAuth2();
-  const pagesCollectionSlug = getPropString2(props, "pagesCollectionSlug", "pages");
+  const pagesCollectionSlug = getPropString3(props, "pagesCollectionSlug", "pages");
   const [loading, setLoading] = useState6(true);
   const [error, setError] = useState6(null);
   const [docs, setDocs] = useState6([]);
@@ -1476,7 +1494,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;
@@ -1503,7 +1521,7 @@ function AdminStudioPageEditView(props) {
   const { user } = useAuth3();
   const iframeRef = useRef3(null);
   const [saving, setSaving] = useState7(null);
-  const builderBasePath = getPropString3(props, "builderBasePath", "/builder");
+  const builderBasePath = getPropString4(props, "builderBasePath", "/builder");
   const pageIDFromParams = useMemo3(() => getParam(props.params, "id"), [props.params]);
   const [pageID, setPageID] = useState7(pageIDFromParams);
   const [didResolvePathFallback, setDidResolvePathFallback] = useState7(false);
@@ -1686,7 +1704,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;
@@ -1698,7 +1716,7 @@ 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" },
@@ -1744,7 +1762,7 @@ function AdminStudioGlobalsView(props) {
 // src/admin/components/studio/AdminStudioMediaView.tsx
 import { SetStepNav as SetStepNav5 } from "@payloadcms/ui";
 import { Fragment as Fragment6, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
-var getPropString5 = (props, key, fallback) => {
+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;
@@ -1756,7 +1774,7 @@ var getPropString5 = (props, key, fallback) => {
   return fallback;
 };
 function AdminStudioMediaView(props) {
-  const mediaCollectionSlug = getPropString5(props, "mediaCollectionSlug", "media");
+  const mediaCollectionSlug = getPropString6(props, "mediaCollectionSlug", "media");
   return /* @__PURE__ */ jsxs14(Fragment6, { children: [
     /* @__PURE__ */ jsx15(SetStepNav5, { nav: [{ label: "Media", url: "/admin/media" }] }),
     /* @__PURE__ */ jsx15("h1", { style: { margin: 0 }, children: "Media" }),
@@ -1793,7 +1811,7 @@ var isAdmin4 = (user) => {
   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;
@@ -1813,8 +1831,8 @@ function AdminStudioToolsView(props) {
       /* @__PURE__ */ jsx16("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" },
@@ -1852,7 +1870,7 @@ function AdminStudioToolsView(props) {
 // src/admin/components/studio/OpenInStudioMenuItem.tsx
 import { useDocumentInfo } from "@payloadcms/ui";
 import { jsx as jsx17 } from "react/jsx-runtime";
-function OpenInStudioMenuItem({ pagesPathBase = "/admin/pages" }) {
+function OpenInStudioMenuItem({ pagesPathBase = "/studio/pages" }) {
   const documentInfo = useDocumentInfo();
   const id = documentInfo?.id;
   if (!id) {
@@ -1880,7 +1898,7 @@ function OpenInStudioMenuItem({ pagesPathBase = "/admin/pages" }) {
 import { useEffect as useEffect9 } from "react";
 import { useDocumentInfo as useDocumentInfo2 } from "@payloadcms/ui";
 import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
-function PageEditRedirectToStudio({ pagesPathBase = "/admin/pages" }) {
+function PageEditRedirectToStudio({ pagesPathBase = "/studio/pages" }) {
   const documentInfo = useDocumentInfo2();
   const id = documentInfo?.id;
   useEffect9(() => {
@@ -1925,19 +1943,19 @@ var buildNav = (pathname) => {
   }
   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" }
     ];
   }

package/dist/admin/index.d.mts

@@ -1,2 +1,2 @@
-export { A as AdminConfig, c as configureAdmin, a as createThemePreferenceField, t as themePreferenceField, w as withTooltips } from '../index-vTq0Uy37.mjs';
+export { A as AdminConfig, c as configureAdmin, a as createThemePreferenceField, t as themePreferenceField, w as withTooltips } from '../index-DJFhANvJ.mjs';
 import 'payload';

package/dist/admin/index.d.ts

@@ -1,2 +1,2 @@
-export { A as AdminConfig, c as configureAdmin, a as createThemePreferenceField, t as themePreferenceField, w as withTooltips } from '../index-vTq0Uy37.js';
+export { A as AdminConfig, c as configureAdmin, a as createThemePreferenceField, t as themePreferenceField, w as withTooltips } from '../index-DJFhANvJ.js';
 import 'payload';

package/dist/admin/index.js

@@ -89,7 +89,6 @@ function configureAdmin(config) {
   } = config;
   const studioEnabled = Boolean(config.studio?.enabled);
   const pagesCollectionSlug = config.studio?.pages?.collectionSlug || "pages";
-  const builderBasePath = config.studio?.pages?.builderBasePath || "/builder";
   const mediaCollectionSlug = config.studio?.media?.collectionSlug || "media";
   const globals = config.studio?.globals || [
     { slug: "site-settings", label: "Website Settings" },
@@ -125,7 +124,9 @@ function configureAdmin(config) {
             clientProps: {
               brandName,
               logoUrl,
-              globalsBasePath: "/admin/studio-globals"
+              globalsBasePath: "/admin/studio-globals",
+              mediaCollectionSlug,
+              pagesCollectionSlug
             }
           }
         } : {},
@@ -155,37 +156,13 @@ function configureAdmin(config) {
               clientProps: {
                 brandName,
                 logoUrl,
-                globalsBasePath: "/admin/studio-globals"
+                globalsBasePath: "/admin/studio-globals",
+                mediaCollectionSlug,
+                pagesCollectionSlug
               }
             }
           },
           ...studioEnabled ? {
-            studioPages: {
-              path: "/pages",
-              Component: {
-                exportName: "AdminStudioPagesListView",
-                path: clientPath,
-                clientProps: {
-                  pagesCollectionSlug,
-                  brandName,
-                  logoUrl,
-                  globalsBasePath: "/admin/studio-globals"
-                }
-              }
-            },
-            studioPageEdit: {
-              path: "/pages/:id",
-              Component: {
-                exportName: "AdminStudioPageEditView",
-                path: clientPath,
-                clientProps: {
-                  builderBasePath,
-                  brandName,
-                  logoUrl,
-                  globalsBasePath: "/admin/studio-globals"
-                }
-              }
-            },
             studioGlobals: {
               path: "/studio-globals",
               Component: {
@@ -193,35 +170,6 @@ function configureAdmin(config) {
                 path: clientPath,
                 clientProps: {
                   globals,
-                  brandName,
-                  logoUrl,
-                  globalsBasePath: "/admin/studio-globals"
-                }
-              }
-            },
-            studioMedia: {
-              path: "/media",
-              Component: {
-                exportName: "AdminStudioMediaView",
-                path: clientPath,
-                clientProps: {
-                  mediaCollectionSlug,
-                  brandName,
-                  logoUrl,
-                  globalsBasePath: "/admin/studio-globals"
-                }
-              }
-            },
-            studioTools: {
-              path: "/tools",
-              Component: {
-                exportName: "AdminStudioToolsView",
-                path: clientPath,
-                clientProps: {
-                  mediaCollectionSlug,
-                  pagesCollectionSlug,
-                  brandName,
-                  logoUrl,
                   globalsBasePath: "/admin/studio-globals"
                 }
               }

package/dist/admin/index.mjs

@@ -3,7 +3,7 @@ import {
   createThemePreferenceField,
   themePreferenceField,
   withTooltips
-} from "../chunk-J6HM2LPT.mjs";
+} from "../chunk-J7W5EE3B.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {
   configureAdmin,

package/dist/{chunk-J6HM2LPT.mjs → chunk-J7W5EE3B.mjs}

@@ -63,7 +63,6 @@ function configureAdmin(config) {
   } = config;
   const studioEnabled = Boolean(config.studio?.enabled);
   const pagesCollectionSlug = config.studio?.pages?.collectionSlug || "pages";
-  const builderBasePath = config.studio?.pages?.builderBasePath || "/builder";
   const mediaCollectionSlug = config.studio?.media?.collectionSlug || "media";
   const globals = config.studio?.globals || [
     { slug: "site-settings", label: "Website Settings" },
@@ -99,7 +98,9 @@ function configureAdmin(config) {
             clientProps: {
               brandName,
               logoUrl,
-              globalsBasePath: "/admin/studio-globals"
+              globalsBasePath: "/admin/studio-globals",
+              mediaCollectionSlug,
+              pagesCollectionSlug
             }
           }
         } : {},
@@ -129,37 +130,13 @@ function configureAdmin(config) {
               clientProps: {
                 brandName,
                 logoUrl,
-                globalsBasePath: "/admin/studio-globals"
+                globalsBasePath: "/admin/studio-globals",
+                mediaCollectionSlug,
+                pagesCollectionSlug
               }
             }
           },
           ...studioEnabled ? {
-            studioPages: {
-              path: "/pages",
-              Component: {
-                exportName: "AdminStudioPagesListView",
-                path: clientPath,
-                clientProps: {
-                  pagesCollectionSlug,
-                  brandName,
-                  logoUrl,
-                  globalsBasePath: "/admin/studio-globals"
-                }
-              }
-            },
-            studioPageEdit: {
-              path: "/pages/:id",
-              Component: {
-                exportName: "AdminStudioPageEditView",
-                path: clientPath,
-                clientProps: {
-                  builderBasePath,
-                  brandName,
-                  logoUrl,
-                  globalsBasePath: "/admin/studio-globals"
-                }
-              }
-            },
             studioGlobals: {
               path: "/studio-globals",
               Component: {
@@ -167,35 +144,6 @@ function configureAdmin(config) {
                 path: clientPath,
                 clientProps: {
                   globals,
-                  brandName,
-                  logoUrl,
-                  globalsBasePath: "/admin/studio-globals"
-                }
-              }
-            },
-            studioMedia: {
-              path: "/media",
-              Component: {
-                exportName: "AdminStudioMediaView",
-                path: clientPath,
-                clientProps: {
-                  mediaCollectionSlug,
-                  brandName,
-                  logoUrl,
-                  globalsBasePath: "/admin/studio-globals"
-                }
-              }
-            },
-            studioTools: {
-              path: "/tools",
-              Component: {
-                exportName: "AdminStudioToolsView",
-                path: clientPath,
-                clientProps: {
-                  mediaCollectionSlug,
-                  pagesCollectionSlug,
-                  brandName,
-                  logoUrl,
                   globalsBasePath: "/admin/studio-globals"
                 }
               }

package/dist/{index-vTq0Uy37.d.mts → index-DJFhANvJ.d.mts}

@@ -51,32 +51,6 @@ declare function configureAdmin(config: AdminConfig): {
                 };
             };
             views: {
-                studioPages?: {
-                    path: "/pages";
-                    Component: {
-                        exportName: string;
-                        path: string;
-                        clientProps: {
-                            pagesCollectionSlug: string;
-                            brandName: string;
-                            logoUrl: string | undefined;
-                            globalsBasePath: string;
-                        };
-                    };
-                } | undefined;
-                studioPageEdit?: {
-                    path: "/pages/:id";
-                    Component: {
-                        exportName: string;
-                        path: string;
-                        clientProps: {
-                            builderBasePath: string;
-                            brandName: string;
-                            logoUrl: string | undefined;
-                            globalsBasePath: string;
-                        };
-                    };
-                } | undefined;
                 studioGlobals?: {
                     path: "/studio-globals";
                     Component: {
@@ -84,47 +58,20 @@ declare function configureAdmin(config: AdminConfig): {
                         path: string;
                         clientProps: {
                             globals: StudioGlobalLink[];
-                            brandName: string;
-                            logoUrl: string | undefined;
                             globalsBasePath: string;
                         };
                     };
                 } | undefined;
-                studioMedia?: {
-                    path: "/media";
+                dashboard: {
                     Component: {
                         exportName: string;
                         path: string;
                         clientProps: {
-                            mediaCollectionSlug: string;
                             brandName: string;
                             logoUrl: string | undefined;
                             globalsBasePath: string;
-                        };
-                    };
-                } | undefined;
-                studioTools?: {
-                    path: "/tools";
-                    Component: {
-                        exportName: string;
-                        path: string;
-                        clientProps: {
                             mediaCollectionSlug: string;
                             pagesCollectionSlug: string;
-                            brandName: string;
-                            logoUrl: string | undefined;
-                            globalsBasePath: string;
-                        };
-                    };
-                } | undefined;
-                dashboard: {
-                    Component: {
-                        exportName: string;
-                        path: string;
-                        clientProps: {
-                            brandName: string;
-                            logoUrl: string | undefined;
-                            globalsBasePath: string;
                         };
                     };
                 };
@@ -150,6 +97,8 @@ declare function configureAdmin(config: AdminConfig): {
                     brandName: string;
                     logoUrl: string | undefined;
                     globalsBasePath: string;
+                    mediaCollectionSlug: string;
+                    pagesCollectionSlug: string;
                 };
             } | undefined;
         };

package/dist/{index-vTq0Uy37.d.ts → index-DJFhANvJ.d.ts}

@@ -51,32 +51,6 @@ declare function configureAdmin(config: AdminConfig): {
                 };
             };
             views: {
-                studioPages?: {
-                    path: "/pages";
-                    Component: {
-                        exportName: string;
-                        path: string;
-                        clientProps: {
-                            pagesCollectionSlug: string;
-                            brandName: string;
-                            logoUrl: string | undefined;
-                            globalsBasePath: string;
-                        };
-                    };
-                } | undefined;
-                studioPageEdit?: {
-                    path: "/pages/:id";
-                    Component: {
-                        exportName: string;
-                        path: string;
-                        clientProps: {
-                            builderBasePath: string;
-                            brandName: string;
-                            logoUrl: string | undefined;
-                            globalsBasePath: string;
-                        };
-                    };
-                } | undefined;
                 studioGlobals?: {
                     path: "/studio-globals";
                     Component: {
@@ -84,47 +58,20 @@ declare function configureAdmin(config: AdminConfig): {
                         path: string;
                         clientProps: {
                             globals: StudioGlobalLink[];
-                            brandName: string;
-                            logoUrl: string | undefined;
                             globalsBasePath: string;
                         };
                     };
                 } | undefined;
-                studioMedia?: {
-                    path: "/media";
+                dashboard: {
                     Component: {
                         exportName: string;
                         path: string;
                         clientProps: {
-                            mediaCollectionSlug: string;
                             brandName: string;
                             logoUrl: string | undefined;
                             globalsBasePath: string;
-                        };
-                    };
-                } | undefined;
-                studioTools?: {
-                    path: "/tools";
-                    Component: {
-                        exportName: string;
-                        path: string;
-                        clientProps: {
                             mediaCollectionSlug: string;
                             pagesCollectionSlug: string;
-                            brandName: string;
-                            logoUrl: string | undefined;
-                            globalsBasePath: string;
-                        };
-                    };
-                } | undefined;
-                dashboard: {
-                    Component: {
-                        exportName: string;
-                        path: string;
-                        clientProps: {
-                            brandName: string;
-                            logoUrl: string | undefined;
-                            globalsBasePath: string;
                         };
                     };
                 };
@@ -150,6 +97,8 @@ declare function configureAdmin(config: AdminConfig): {
                     brandName: string;
                     logoUrl: string | undefined;
                     globalsBasePath: string;
+                    mediaCollectionSlug: string;
+                    pagesCollectionSlug: string;
                 };
             } | undefined;
         };

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-export { i as admin } from './index-vTq0Uy37.mjs';
+export { i as admin } from './index-DJFhANvJ.mjs';
 export { i as blocks } from './index-B-5K41Km.mjs';
 export { i as nextjs } from './index-DbH0Ljwp.mjs';
 export { i as studio } from './index-FA2Ep5rj.mjs';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { i as admin } from './index-vTq0Uy37.js';
+export { i as admin } from './index-DJFhANvJ.js';
 export { i as blocks } from './index-B-5K41Km.js';
 export { i as nextjs } from './index-DbH0Ljwp.js';
 export { i as studio } from './index-FA2Ep5rj.js';

package/dist/index.js

@@ -99,7 +99,6 @@ function configureAdmin(config) {
   } = config;
   const studioEnabled = Boolean(config.studio?.enabled);
   const pagesCollectionSlug = config.studio?.pages?.collectionSlug || "pages";
-  const builderBasePath = config.studio?.pages?.builderBasePath || "/builder";
   const mediaCollectionSlug = config.studio?.media?.collectionSlug || "media";
   const globals = config.studio?.globals || [
     { slug: "site-settings", label: "Website Settings" },
@@ -135,7 +134,9 @@ function configureAdmin(config) {
             clientProps: {
               brandName,
               logoUrl,
-              globalsBasePath: "/admin/studio-globals"
+              globalsBasePath: "/admin/studio-globals",
+              mediaCollectionSlug,
+              pagesCollectionSlug
             }
           }
         } : {},
@@ -165,37 +166,13 @@ function configureAdmin(config) {
               clientProps: {
                 brandName,
                 logoUrl,
-                globalsBasePath: "/admin/studio-globals"
+                globalsBasePath: "/admin/studio-globals",
+                mediaCollectionSlug,
+                pagesCollectionSlug
               }
             }
           },
           ...studioEnabled ? {
-            studioPages: {
-              path: "/pages",
-              Component: {
-                exportName: "AdminStudioPagesListView",
-                path: clientPath,
-                clientProps: {
-                  pagesCollectionSlug,
-                  brandName,
-                  logoUrl,
-                  globalsBasePath: "/admin/studio-globals"
-                }
-              }
-            },
-            studioPageEdit: {
-              path: "/pages/:id",
-              Component: {
-                exportName: "AdminStudioPageEditView",
-                path: clientPath,
-                clientProps: {
-                  builderBasePath,
-                  brandName,
-                  logoUrl,
-                  globalsBasePath: "/admin/studio-globals"
-                }
-              }
-            },
             studioGlobals: {
               path: "/studio-globals",
               Component: {
@@ -203,35 +180,6 @@ function configureAdmin(config) {
                 path: clientPath,
                 clientProps: {
                   globals,
-                  brandName,
-                  logoUrl,
-                  globalsBasePath: "/admin/studio-globals"
-                }
-              }
-            },
-            studioMedia: {
-              path: "/media",
-              Component: {
-                exportName: "AdminStudioMediaView",
-                path: clientPath,
-                clientProps: {
-                  mediaCollectionSlug,
-                  brandName,
-                  logoUrl,
-                  globalsBasePath: "/admin/studio-globals"
-                }
-              }
-            },
-            studioTools: {
-              path: "/tools",
-              Component: {
-                exportName: "AdminStudioToolsView",
-                path: clientPath,
-                clientProps: {
-                  mediaCollectionSlug,
-                  pagesCollectionSlug,
-                  brandName,
-                  logoUrl,
                   globalsBasePath: "/admin/studio-globals"
                 }
               }

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   admin_exports
-} from "./chunk-J6HM2LPT.mjs";
+} from "./chunk-J7W5EE3B.mjs";
 import {
   blocks_exports
 } from "./chunk-L62FYT57.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orion-studios/payload-studio",
-  "version": "0.3.0-beta.11",
+  "version": "0.3.0-beta.13",
   "description": "Unified Payload CMS toolkit for Orion Studios",
   "types": "./dist/index.d.ts",
   "exports": {