@orion-studios/payload-studio 0.6.0-beta.20 → 0.6.0-beta.21

package/dist/admin/client.mjs

@@ -2667,15 +2667,15 @@ function AdminStudioDashboard(rawProps) {
 }
 
 // src/admin/components/studio/AdminStudioPagesListView.tsx
-import { useEffect as useEffect8, useMemo as useMemo4, useState as useState8 } from "react";
+import { useEffect as useEffect9, useMemo as useMemo5, useState as useState10 } from "react";
 import Link2 from "next/link";
+import { useAuth as useAuth5 } from "@payloadcms/ui";
+
+// src/admin/components/studio/AdminStudioNewPageView.tsx
+import { useState as useState8 } from "react";
 import { useAuth as useAuth3 } from "@payloadcms/ui";
 import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
-var hasAdminAccess = (user) => {
-  if (!user || typeof user !== "object") return false;
-  const role = user.role;
-  return typeof role === "string" && (role === "admin" || role === "developer");
-};
+var pageTemplates = ["standard", "landing", "services", "contact"];
 var getPropString3 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
@@ -2687,92 +2687,116 @@ var getPropString3 = (props, key, fallback) => {
   }
   return fallback;
 };
-function AdminStudioPagesListView(props) {
+var canManagePages = (user) => {
+  if (!user || typeof user !== "object") return false;
+  const role = user.role;
+  return role === "admin" || role === "developer" || role === "editor";
+};
+var slugify = (value) => value.toLowerCase().trim().replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-");
+function AdminStudioNewPageView(props) {
   const { user } = useAuth3();
-  const pagesCollectionSlug = getPropString3(props, "pagesCollectionSlug", "pages");
   const adminBasePath = useAdminBasePath();
-  const newPagePath = resolveAdminPath(adminBasePath, "/pages/new");
-  const [loading, setLoading] = useState8(true);
+  const pagesCollectionSlug = getPropString3(props, "pagesCollectionSlug", "pages");
+  const [submitting, setSubmitting] = useState8(false);
   const [error, setError] = useState8(null);
-  const [docs, setDocs] = useState8([]);
-  const apiURL = useMemo4(() => {
-    const params = new URLSearchParams({
-      depth: "0",
-      limit: "100",
-      sort: "-updatedAt",
-      draft: "true"
-    });
-    return `/api/${pagesCollectionSlug}?${params.toString()}`;
-  }, [pagesCollectionSlug]);
-  useEffect8(() => {
-    let cancelled = false;
-    const run = async () => {
-      setLoading(true);
-      setError(null);
-      try {
-        const res = await fetch(apiURL, { credentials: "include" });
-        if (!res.ok) {
-          const body = await res.text();
-          throw new Error(body || "Failed to fetch pages");
-        }
-        const data = await res.json();
-        if (!cancelled) {
-          setDocs(Array.isArray(data.docs) ? data.docs : []);
-        }
-      } catch (err) {
-        if (!cancelled) {
-          setError(err instanceof Error ? err.message : "Failed to fetch pages");
-        }
-      } finally {
-        if (!cancelled) {
-          setLoading(false);
-        }
+  if (!canManagePages(user)) {
+    return /* @__PURE__ */ jsx18(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsx18(
+      AdminPage,
+      {
+        breadcrumbs: [
+          { label: "Dashboard", href: adminBasePath },
+          { label: "Pages", href: resolveAdminPath(adminBasePath, "/pages") },
+          { label: "New Page" }
+        ],
+        description: "You do not have access to create pages.",
+        title: "New Page",
+        children: /* @__PURE__ */ jsxs15("div", { className: "orion-admin-card", children: [
+          /* @__PURE__ */ jsx18("strong", { children: "Access denied" }),
+          /* @__PURE__ */ jsx18("span", { children: "This section is restricted to administrator, developer, and editor accounts." })
+        ] })
       }
-    };
-    void run();
-    return () => {
-      cancelled = true;
-    };
-  }, [apiURL]);
-  return /* @__PURE__ */ jsx18(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs15(
+    ) });
+  }
+  const createPage = async (event) => {
+    event.preventDefault();
+    setSubmitting(true);
+    setError(null);
+    try {
+      const formData = new FormData(event.currentTarget);
+      const titleValue = String(formData.get("title") || "").trim();
+      const slugValue = String(formData.get("slug") || "").trim();
+      const templateValue = String(formData.get("template") || "standard").trim();
+      const template = pageTemplates.includes(templateValue) ? templateValue : "standard";
+      const title = titleValue || "Untitled Page";
+      const slug = slugValue || slugify(title) || "untitled-page";
+      const response = await fetch(`/api/${pagesCollectionSlug}`, {
+        body: JSON.stringify({
+          _status: "draft",
+          slug,
+          template,
+          title
+        }),
+        credentials: "include",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        method: "POST"
+      });
+      if (!response.ok) {
+        throw new Error(`Failed to create page (${response.status}).`);
+      }
+      const payload = await response.json();
+      const id = typeof payload.id === "string" || typeof payload.id === "number" ? String(payload.id) : "";
+      if (!id) {
+        throw new Error("Page created but no document ID was returned.");
+      }
+      window.location.assign(resolveAdminPath(adminBasePath, `/pages/${id}`));
+    } catch (createError) {
+      setError(createError instanceof Error ? createError.message : "Failed to create page.");
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ jsx18(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsx18(
     AdminPage,
     {
-      actions: hasAdminAccess(user) ? /* @__PURE__ */ jsx18(Link2, { className: "orion-admin-action-button", href: newPagePath, children: "New Page" }) : null,
       breadcrumbs: [
         { label: "Dashboard", href: adminBasePath },
-        { label: "Pages" }
+        { label: "Pages", href: resolveAdminPath(adminBasePath, "/pages") },
+        { label: "New Page" }
       ],
-      description: "Open a page to edit it in the inline custom builder.",
-      title: "Pages",
-      children: [
-        loading ? /* @__PURE__ */ jsx18("div", { className: "orion-admin-list-meta", children: "Loading..." }) : null,
+      description: "Create a new page and open it in the custom editor.",
+      title: "New Page",
+      children: /* @__PURE__ */ jsxs15("form", { className: "orion-admin-form", onSubmit: createPage, children: [
         error ? /* @__PURE__ */ jsx18("div", { className: "orion-admin-error", children: error }) : null,
-        /* @__PURE__ */ jsxs15("div", { className: "orion-admin-list", children: [
-          !loading && !error && docs.length === 0 ? /* @__PURE__ */ jsxs15("div", { className: "orion-admin-card", children: [
-            /* @__PURE__ */ jsx18("strong", { children: "No pages yet" }),
-            /* @__PURE__ */ jsx18("span", { children: "Create the first page to start building content." })
-          ] }) : null,
-          docs.map((doc) => {
-            const id = typeof doc.id === "string" || typeof doc.id === "number" ? String(doc.id) : "";
-            if (!id) return null;
-            const title = typeof doc.title === "string" ? doc.title : "Untitled Page";
-            const status = typeof doc._status === "string" ? doc._status : "draft";
-            return /* @__PURE__ */ jsxs15(Link2, { className: "orion-admin-list-item", href: resolveAdminPath(adminBasePath, `/pages/${id}`), children: [
-              /* @__PURE__ */ jsx18("div", { children: /* @__PURE__ */ jsx18("strong", { children: title }) }),
-              /* @__PURE__ */ jsx18("span", { className: "orion-admin-pill", children: status })
-            ] }, id);
-          })
-        ] })
-      ]
+        /* @__PURE__ */ jsxs15("label", { children: [
+          "Title",
+          /* @__PURE__ */ jsx18("input", { name: "title", placeholder: "Services", required: true, type: "text" })
+        ] }),
+        /* @__PURE__ */ jsxs15("label", { children: [
+          "Slug",
+          /* @__PURE__ */ jsx18("input", { name: "slug", placeholder: "services", type: "text" })
+        ] }),
+        /* @__PURE__ */ jsxs15("label", { children: [
+          "Template",
+          /* @__PURE__ */ jsxs15("select", { defaultValue: "standard", name: "template", children: [
+            /* @__PURE__ */ jsx18("option", { value: "standard", children: "Standard" }),
+            /* @__PURE__ */ jsx18("option", { value: "landing", children: "Landing" }),
+            /* @__PURE__ */ jsx18("option", { value: "contact", children: "Contact" }),
+            /* @__PURE__ */ jsx18("option", { value: "services", children: "Services" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx18("button", { disabled: submitting, type: "submit", children: submitting ? "Creating..." : "Create Page" })
+      ] })
     }
   ) });
 }
 
 // src/admin/components/studio/AdminStudioPageEditView.tsx
-import { useEffect as useEffect9, useMemo as useMemo5, useRef as useRef3, useState as useState9 } from "react";
+import { useEffect as useEffect8, useMemo as useMemo4, useRef as useRef3, useState as useState9 } from "react";
 import { SetStepNav, toast, useAuth as useAuth4 } from "@payloadcms/ui";
 import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
-var hasAdminAccess2 = (user) => {
+var hasAdminAccess = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
   return typeof role === "string" && (role === "admin" || role === "developer");
@@ -2819,10 +2843,10 @@ function AdminStudioPageEditView(props) {
   const [canRedo, setCanRedo] = useState9(false);
   const builderBasePath = getPropString4(props, "builderBasePath", "/builder");
   const pagesPath = resolveAdminPath(adminBasePath, "/pages");
-  const pageIDFromParams = useMemo5(() => getParam(props.params, "id"), [props.params]);
+  const pageIDFromParams = useMemo4(() => getParam(props.params, "id"), [props.params]);
   const [pageID, setPageID] = useState9(pageIDFromParams);
   const [didResolvePathFallback, setDidResolvePathFallback] = useState9(false);
-  useEffect9(() => {
+  useEffect8(() => {
     if (pageIDFromParams) {
       setPageID(pageIDFromParams);
       setDidResolvePathFallback(true);
@@ -2833,7 +2857,7 @@ function AdminStudioPageEditView(props) {
     }
     setDidResolvePathFallback(true);
   }, [pageIDFromParams]);
-  const canPublish = hasAdminAccess2(user) || isEditor(user);
+  const canPublish = hasAdminAccess(user) || isEditor(user);
   const refreshUnpublishedState = async (id) => {
     try {
       const response = await fetch(
@@ -2866,7 +2890,7 @@ function AdminStudioPageEditView(props) {
     } catch {
     }
   };
-  useEffect9(() => {
+  useEffect8(() => {
     if (!pageID) {
       return;
     }
@@ -2889,7 +2913,7 @@ function AdminStudioPageEditView(props) {
     }
     iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type }, "*");
   };
-  useEffect9(() => {
+  useEffect8(() => {
     const onMessage = (event) => {
       const data = event.data;
       if (!data || data.source !== "payload-visual-builder-child" || typeof data.type !== "string") {
@@ -3116,11 +3140,13 @@ function AdminStudioPageEditView(props) {
   ] }) });
 }
 
-// src/admin/components/studio/AdminStudioNewPageView.tsx
-import { useState as useState10 } from "react";
-import { useAuth as useAuth5 } from "@payloadcms/ui";
+// src/admin/components/studio/AdminStudioPagesListView.tsx
 import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
-var pageTemplates = ["standard", "landing", "services", "contact"];
+var hasAdminAccess2 = (user) => {
+  if (!user || typeof user !== "object") return false;
+  const role = user.role;
+  return typeof role === "string" && (role === "admin" || role === "developer");
+};
 var getPropString5 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
@@ -3132,107 +3158,104 @@ var getPropString5 = (props, key, fallback) => {
   }
   return fallback;
 };
-var canManagePages = (user) => {
-  if (!user || typeof user !== "object") return false;
-  const role = user.role;
-  return role === "admin" || role === "developer" || role === "editor";
-};
-var slugify = (value) => value.toLowerCase().trim().replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-");
-function AdminStudioNewPageView(props) {
-  const { user } = useAuth5();
+function AdminStudioPagesListView(props) {
   const adminBasePath = useAdminBasePath();
+  const [pathname, setPathname] = useState10(null);
+  useEffect9(() => {
+    const updatePathname = () => setPathname(window.location.pathname);
+    updatePathname();
+    window.addEventListener("popstate", updatePathname);
+    return () => window.removeEventListener("popstate", updatePathname);
+  }, []);
+  const pagesPath = resolveAdminPath(adminBasePath, "/pages");
+  const nestedPagePath = pathname && pathname.startsWith(`${pagesPath}/`) ? pathname.slice(`${pagesPath}/`.length).split("/")[0] : "";
+  if (nestedPagePath === "new") {
+    return /* @__PURE__ */ jsx20(AdminStudioNewPageView, { ...props });
+  }
+  if (nestedPagePath) {
+    return /* @__PURE__ */ jsx20(AdminStudioPageEditView, { ...props });
+  }
+  return /* @__PURE__ */ jsx20(AdminStudioPagesIndexView, { ...props, adminBasePath });
+}
+function AdminStudioPagesIndexView({
+  adminBasePath,
+  ...props
+}) {
+  const { user } = useAuth5();
   const pagesCollectionSlug = getPropString5(props, "pagesCollectionSlug", "pages");
-  const [submitting, setSubmitting] = useState10(false);
+  const newPagePath = resolveAdminPath(adminBasePath, "/pages/new");
+  const [loading, setLoading] = useState10(true);
   const [error, setError] = useState10(null);
-  if (!canManagePages(user)) {
-    return /* @__PURE__ */ jsx20(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsx20(
-      AdminPage,
-      {
-        breadcrumbs: [
-          { label: "Dashboard", href: adminBasePath },
-          { label: "Pages", href: resolveAdminPath(adminBasePath, "/pages") },
-          { label: "New Page" }
-        ],
-        description: "You do not have access to create pages.",
-        title: "New Page",
-        children: /* @__PURE__ */ jsxs17("div", { className: "orion-admin-card", children: [
-          /* @__PURE__ */ jsx20("strong", { children: "Access denied" }),
-          /* @__PURE__ */ jsx20("span", { children: "This section is restricted to administrator, developer, and editor accounts." })
-        ] })
-      }
-    ) });
-  }
-  const createPage = async (event) => {
-    event.preventDefault();
-    setSubmitting(true);
-    setError(null);
-    try {
-      const formData = new FormData(event.currentTarget);
-      const titleValue = String(formData.get("title") || "").trim();
-      const slugValue = String(formData.get("slug") || "").trim();
-      const templateValue = String(formData.get("template") || "standard").trim();
-      const template = pageTemplates.includes(templateValue) ? templateValue : "standard";
-      const title = titleValue || "Untitled Page";
-      const slug = slugValue || slugify(title) || "untitled-page";
-      const response = await fetch(`/api/${pagesCollectionSlug}`, {
-        body: JSON.stringify({
-          _status: "draft",
-          slug,
-          template,
-          title
-        }),
-        credentials: "include",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        method: "POST"
-      });
-      if (!response.ok) {
-        throw new Error(`Failed to create page (${response.status}).`);
-      }
-      const payload = await response.json();
-      const id = typeof payload.id === "string" || typeof payload.id === "number" ? String(payload.id) : "";
-      if (!id) {
-        throw new Error("Page created but no document ID was returned.");
+  const [docs, setDocs] = useState10([]);
+  const apiURL = useMemo5(() => {
+    const params = new URLSearchParams({
+      depth: "0",
+      limit: "100",
+      sort: "-updatedAt",
+      draft: "true"
+    });
+    return `/api/${pagesCollectionSlug}?${params.toString()}`;
+  }, [pagesCollectionSlug]);
+  useEffect9(() => {
+    let cancelled = false;
+    const run = async () => {
+      setLoading(true);
+      setError(null);
+      try {
+        const res = await fetch(apiURL, { credentials: "include" });
+        if (!res.ok) {
+          const body = await res.text();
+          throw new Error(body || "Failed to fetch pages");
+        }
+        const data = await res.json();
+        if (!cancelled) {
+          setDocs(Array.isArray(data.docs) ? data.docs : []);
+        }
+      } catch (err) {
+        if (!cancelled) {
+          setError(err instanceof Error ? err.message : "Failed to fetch pages");
+        }
+      } finally {
+        if (!cancelled) {
+          setLoading(false);
+        }
       }
-      window.location.assign(resolveAdminPath(adminBasePath, `/pages/${id}`));
-    } catch (createError) {
-      setError(createError instanceof Error ? createError.message : "Failed to create page.");
-    } finally {
-      setSubmitting(false);
-    }
-  };
-  return /* @__PURE__ */ jsx20(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsx20(
+    };
+    void run();
+    return () => {
+      cancelled = true;
+    };
+  }, [apiURL]);
+  return /* @__PURE__ */ jsx20(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs17(
     AdminPage,
     {
+      actions: hasAdminAccess2(user) ? /* @__PURE__ */ jsx20(Link2, { className: "orion-admin-action-button", href: newPagePath, children: "New Page" }) : null,
       breadcrumbs: [
         { label: "Dashboard", href: adminBasePath },
-        { label: "Pages", href: resolveAdminPath(adminBasePath, "/pages") },
-        { label: "New Page" }
+        { label: "Pages" }
       ],
-      description: "Create a new page and open it in the custom editor.",
-      title: "New Page",
-      children: /* @__PURE__ */ jsxs17("form", { className: "orion-admin-form", onSubmit: createPage, children: [
+      description: "Open a page to edit it in the inline custom builder.",
+      title: "Pages",
+      children: [
+        loading ? /* @__PURE__ */ jsx20("div", { className: "orion-admin-list-meta", children: "Loading..." }) : null,
         error ? /* @__PURE__ */ jsx20("div", { className: "orion-admin-error", children: error }) : null,
-        /* @__PURE__ */ jsxs17("label", { children: [
-          "Title",
-          /* @__PURE__ */ jsx20("input", { name: "title", placeholder: "Services", required: true, type: "text" })
-        ] }),
-        /* @__PURE__ */ jsxs17("label", { children: [
-          "Slug",
-          /* @__PURE__ */ jsx20("input", { name: "slug", placeholder: "services", type: "text" })
-        ] }),
-        /* @__PURE__ */ jsxs17("label", { children: [
-          "Template",
-          /* @__PURE__ */ jsxs17("select", { defaultValue: "standard", name: "template", children: [
-            /* @__PURE__ */ jsx20("option", { value: "standard", children: "Standard" }),
-            /* @__PURE__ */ jsx20("option", { value: "landing", children: "Landing" }),
-            /* @__PURE__ */ jsx20("option", { value: "contact", children: "Contact" }),
-            /* @__PURE__ */ jsx20("option", { value: "services", children: "Services" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx20("button", { disabled: submitting, type: "submit", children: submitting ? "Creating..." : "Create Page" })
-      ] })
+        /* @__PURE__ */ jsxs17("div", { className: "orion-admin-list", children: [
+          !loading && !error && docs.length === 0 ? /* @__PURE__ */ jsxs17("div", { className: "orion-admin-card", children: [
+            /* @__PURE__ */ jsx20("strong", { children: "No pages yet" }),
+            /* @__PURE__ */ jsx20("span", { children: "Create the first page to start building content." })
+          ] }) : null,
+          docs.map((doc) => {
+            const id = typeof doc.id === "string" || typeof doc.id === "number" ? String(doc.id) : "";
+            if (!id) return null;
+            const title = typeof doc.title === "string" ? doc.title : "Untitled Page";
+            const status = typeof doc._status === "string" ? doc._status : "draft";
+            return /* @__PURE__ */ jsxs17(Link2, { className: "orion-admin-list-item", href: resolveAdminPath(adminBasePath, `/pages/${id}`), children: [
+              /* @__PURE__ */ jsx20("div", { children: /* @__PURE__ */ jsx20("strong", { children: title }) }),
+              /* @__PURE__ */ jsx20("span", { className: "orion-admin-pill", children: status })
+            ] }, id);
+          })
+        ] })
+      ]
     }
   ) });
 }

package/dist/admin/index.js

@@ -407,6 +407,7 @@ function configureAdmin(config) {
           },
           ...studioEnabled ? {
             studioGlobals: {
+              exact: true,
               path: globalsBasePath,
               Component: {
                 exportName: "AdminStudioGlobalsView",
@@ -418,10 +419,11 @@ function configureAdmin(config) {
                 }
               }
             },
-            studioPages: {
-              path: pagesBasePath,
+            studioPageNew: {
+              exact: true,
+              path: `${pagesBasePath}/new`,
               Component: {
-                exportName: "AdminStudioPagesListView",
+                exportName: "AdminStudioNewPageView",
                 path: clientPath,
                 clientProps: {
                   ...studioNavClientProps,
@@ -430,6 +432,7 @@ function configureAdmin(config) {
               }
             },
             studioPageEditor: {
+              exact: true,
               path: `${pagesBasePath}/:id`,
               Component: {
                 exportName: "AdminStudioPageEditView",
@@ -440,10 +443,11 @@ function configureAdmin(config) {
                 }
               }
             },
-            studioPageNew: {
-              path: `${pagesBasePath}/new`,
+            studioPages: {
+              exact: true,
+              path: pagesBasePath,
               Component: {
-                exportName: "AdminStudioNewPageView",
+                exportName: "AdminStudioPagesListView",
                 path: clientPath,
                 clientProps: {
                   ...studioNavClientProps,
@@ -452,6 +456,7 @@ function configureAdmin(config) {
               }
             },
             studioContactForm: {
+              exact: true,
               path: contactFormStudioPath,
               Component: {
                 exportName: "AdminStudioContactFormView",
@@ -464,20 +469,8 @@ function configureAdmin(config) {
               }
             },
             ...formsEnabled ? {
-              studioForms: {
-                path: formsBasePath,
-                Component: {
-                  exportName: "AdminStudioFormsView",
-                  path: clientPath,
-                  clientProps: {
-                    ...studioNavClientProps,
-                    formsCollectionSlug,
-                    formSubmissionsCollectionSlug,
-                    formUploadsCollectionSlug
-                  }
-                }
-              },
               studioFormSubmission: {
+                exact: true,
                 path: `${formsBasePath}/submissions/:id`,
                 Component: {
                   exportName: "AdminStudioFormSubmissionView",
@@ -491,6 +484,7 @@ function configureAdmin(config) {
                 }
               },
               studioFormUpload: {
+                exact: true,
                 path: `${formsBasePath}/uploads/:id`,
                 Component: {
                   exportName: "AdminStudioFormUploadView",
@@ -502,6 +496,7 @@ function configureAdmin(config) {
                 }
               },
               studioFormDetail: {
+                exact: true,
                 path: `${formsBasePath}/:id`,
                 Component: {
                   exportName: "AdminStudioFormDetailView",
@@ -512,12 +507,27 @@ function configureAdmin(config) {
                     formSubmissionsCollectionSlug
                   }
                 }
+              },
+              studioForms: {
+                exact: true,
+                path: formsBasePath,
+                Component: {
+                  exportName: "AdminStudioFormsView",
+                  path: clientPath,
+                  clientProps: {
+                    ...studioNavClientProps,
+                    formsCollectionSlug,
+                    formSubmissionsCollectionSlug,
+                    formUploadsCollectionSlug
+                  }
+                }
               }
             } : {},
-            studioMedia: {
-              path: mediaBasePath,
+            studioMediaItem: {
+              exact: true,
+              path: `${mediaBasePath}/:id`,
               Component: {
-                exportName: "AdminStudioMediaView",
+                exportName: "AdminStudioMediaItemView",
                 path: clientPath,
                 clientProps: {
                   ...studioNavClientProps,
@@ -525,10 +535,11 @@ function configureAdmin(config) {
                 }
               }
             },
-            studioMediaItem: {
-              path: `${mediaBasePath}/:id`,
+            studioMedia: {
+              exact: true,
+              path: mediaBasePath,
               Component: {
-                exportName: "AdminStudioMediaItemView",
+                exportName: "AdminStudioMediaView",
                 path: clientPath,
                 clientProps: {
                   ...studioNavClientProps,
@@ -537,6 +548,7 @@ function configureAdmin(config) {
               }
             },
             studioTools: {
+              exact: true,
               path: toolsBasePath,
               Component: {
                 exportName: "AdminStudioToolsView",

package/dist/admin/index.mjs

@@ -7,7 +7,7 @@ import {
   socialMediaConnectionsField,
   themePreferenceField,
   withTooltips
-} from "../chunk-3AHBR7RI.mjs";
+} from "../chunk-JC3UV74N.mjs";
 import "../chunk-W2UOCJDX.mjs";
 import {
   SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM,