@orion-studios/payload-studio 0.5.0-beta.97 → 0.5.0-beta.99

package/README.md

@@ -69,7 +69,7 @@ export const globals = [
 
 - Major platforms (Facebook, Instagram, X, LinkedIn, YouTube, TikTok, Pinterest, Snapchat)
 - URL field for each platform
-- Two icon choices per platform (`Simple Icons` and `Font Awesome Brands`)
+- Four icon choices per platform (`Simple Icons`, `Font Awesome Brands`, `Tabler Brands`, `Remix Icons`)
 
 You can fetch and normalize these links in Next.js:
 

package/dist/admin/client.js

@@ -2280,6 +2280,81 @@ function WelcomeHeader({
 // src/admin/components/studio/AdminStudioDashboard.tsx
 var import_ui3 = require("@payloadcms/ui");
 
+// src/shared/studioSections.ts
+var studioRoles = /* @__PURE__ */ new Set(["admin", "editor", "client"]);
+var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var isAbsoluteExternalURL = (value) => /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(value) || value.startsWith("//");
+var normalizePathLikeValue = (value) => {
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return "";
+  }
+  if (isAbsoluteExternalURL(trimmed)) {
+    return trimmed;
+  }
+  const withLeadingSlash = trimmed.startsWith("/") ? trimmed : `/${trimmed}`;
+  const normalized = withLeadingSlash.replace(/\/+$/, "");
+  return normalized || "/";
+};
+var normalizeStringArray = (value) => {
+  if (!Array.isArray(value)) {
+    return [];
+  }
+  return value.filter((entry) => typeof entry === "string").map((entry) => normalizePathLikeValue(entry)).filter((entry) => entry.length > 0);
+};
+var normalizeRoles = (value) => {
+  if (!Array.isArray(value)) {
+    return void 0;
+  }
+  const roles = value.filter((entry) => typeof entry === "string" && studioRoles.has(entry));
+  return roles.length > 0 ? roles : void 0;
+};
+var normalizeCard = (value) => {
+  if (!isRecord(value) || typeof value.title !== "string") {
+    return void 0;
+  }
+  const title = value.title.trim();
+  if (!title) {
+    return void 0;
+  }
+  return {
+    title,
+    ...typeof value.description === "string" && value.description.trim().length > 0 ? { description: value.description.trim() } : {}
+  };
+};
+var resolveStudioSections = (value) => {
+  if (!Array.isArray(value)) {
+    return [];
+  }
+  const sections = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const entry of value) {
+    if (!isRecord(entry) || typeof entry.id !== "string" || typeof entry.label !== "string") {
+      continue;
+    }
+    const id = entry.id.trim();
+    const label = entry.label.trim();
+    if (!id || !label || seen.has(id)) {
+      continue;
+    }
+    const href = typeof entry.href === "string" && entry.href.trim().length > 0 ? normalizePathLikeValue(entry.href) : isRecord(entry.view) && typeof entry.view.path === "string" ? normalizePathLikeValue(entry.view.path) : "";
+    if (!href) {
+      continue;
+    }
+    const matchPrefixes = Array.from(/* @__PURE__ */ new Set([href, ...normalizeStringArray(entry.matchPrefixes)]));
+    sections.push({
+      id,
+      label,
+      href,
+      matchPrefixes,
+      ...normalizeRoles(entry.roles) ? { roles: normalizeRoles(entry.roles) } : {},
+      ...normalizeCard(entry.card) ? { card: normalizeCard(entry.card) } : {}
+    });
+    seen.add(id);
+  }
+  return sections;
+};
+
 // src/admin/components/studio/adminPathUtils.ts
 var import_react11 = require("react");
 var DEFAULT_ADMIN_BASE_PATH = "/admin";
@@ -2322,10 +2397,10 @@ var detectAdminBasePath = (pathname, fallback = DEFAULT_ADMIN_BASE_PATH) => {
   }
   return normalizedFallback;
 };
-var isAbsoluteExternalURL = (value) => /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(value) || value.startsWith("//");
+var isAbsoluteExternalURL2 = (value) => /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(value) || value.startsWith("//");
 var resolveAdminPath = (adminBasePath, targetPath) => {
   if (!targetPath) return adminBasePath;
-  if (isAbsoluteExternalURL(targetPath)) return targetPath;
+  if (isAbsoluteExternalURL2(targetPath)) return targetPath;
   const normalizedBasePath = normalizeAdminBasePath(adminBasePath);
   const normalizedTargetPath = normalizePath(targetPath);
   if (normalizedTargetPath === "/admin") {
@@ -2376,14 +2451,30 @@ var getPropString = (props, key, fallback) => {
   }
   return fallback;
 };
+var getPropSections = (props, key) => {
+  if (!props || typeof props !== "object") return [];
+  const direct = resolveStudioSections(props[key]);
+  if (direct.length > 0) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    return resolveStudioSections(clientProps[key]);
+  }
+  return [];
+};
 function AdminStudioDashboard(props) {
   const pagesCollectionSlug = getPropString(props, "pagesCollectionSlug", "pages");
   const mediaCollectionSlug = getPropString(props, "mediaCollectionSlug", "media");
   const globalsBasePath = getPropString(props, "globalsBasePath", "/studio-globals");
+  const sections = getPropSections(props, "sections");
   const adminBasePath = useAdminBasePath();
   const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
   const pagesPath = resolveAdminPath(adminBasePath, `/collections/${pagesCollectionSlug}`);
   const mediaPath = resolveAdminPath(adminBasePath, `/collections/${mediaCollectionSlug}`);
+  const extensionCards = sections.filter((section) => section.card).map((section) => ({
+    href: resolveAdminPath(adminBasePath, section.href),
+    title: section.card?.title || section.label,
+    description: section.card?.description || ""
+  }));
   return /* @__PURE__ */ (0, import_jsx_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: adminBasePath }] }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h1", { style: { fontSize: "1.6rem", margin: 0 }, children: "Studio" }),
@@ -2409,7 +2500,11 @@ function AdminStudioDashboard(props) {
           /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("a", { href: mediaPath, 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." })
-          ] })
+          ] }),
+          extensionCards.map((card) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("a", { href: card.href, style: cardStyle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { fontWeight: 900 }, children: card.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: card.description })
+          ] }, card.href))
         ]
       }
     )
@@ -2420,11 +2515,6 @@ function AdminStudioDashboard(props) {
 var import_react12 = require("react");
 var import_ui4 = require("@payloadcms/ui");
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var isAdmin = (user) => {
-  if (!user || typeof user !== "object") return false;
-  const role = user.role;
-  return typeof role === "string" && role === "admin";
-};
 var getPropString2 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
@@ -2459,6 +2549,32 @@ var getPropStringArray = (props, key, fallback) => {
   }
   return fallback;
 };
+var getPropSections2 = (props, key) => {
+  if (!props || typeof props !== "object") return [];
+  const direct = resolveStudioSections(props[key]);
+  if (direct.length > 0) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    return resolveStudioSections(clientProps[key]);
+  }
+  return [];
+};
+var roleCanAccessSection = (role, section) => {
+  if (!section.roles || section.roles.length === 0) {
+    return true;
+  }
+  if (!role) {
+    return false;
+  }
+  return section.roles.includes(role);
+};
+var readUserRole = (user) => {
+  if (!user || typeof user !== "object") {
+    return void 0;
+  }
+  const role = user.role;
+  return typeof role === "string" ? role : void 0;
+};
 function AdminStudioNav(props) {
   const { user } = (0, import_ui4.useAuth)();
   const brandName = getPropString2(props, "brandName", "Orion Studio");
@@ -2467,6 +2583,7 @@ function AdminStudioNav(props) {
   const mediaCollectionSlug = getPropString2(props, "mediaCollectionSlug", "media");
   const globalsBasePath = getPropString2(props, "globalsBasePath", "/studio-globals");
   const globalsExtraMatchPrefixes = getPropStringArray(props, "globalsExtraMatchPrefixes", []);
+  const sections = getPropSections2(props, "sections");
   const compact = getPropBoolean(props, "compact", false);
   const adminBasePath = useAdminBasePath();
   const branding = useSiteBranding(brandName, logoUrl || void 0);
@@ -2486,35 +2603,38 @@ function AdminStudioNav(props) {
     (prefix) => resolveAdminPath(adminBasePath, prefix)
   );
   const dashboardPath = adminBasePath;
+  const userRole = readUserRole(user);
   const links = (0, import_react12.useMemo)(
-    () => [
-      { href: dashboardPath, label: "Dashboard", matchPrefixes: [dashboardPath] },
-      {
-        href: pagesPath,
-        label: "Pages",
-        matchPrefixes: [pagesPath]
-      },
-      {
-        href: resolvedGlobalsBasePath,
-        label: "Globals",
-        matchPrefixes: [
-          resolvedGlobalsBasePath,
-          resolveAdminPath(adminBasePath, "/globals"),
-          ...resolvedGlobalsExtraMatchPrefixes
-        ]
-      },
-      {
-        href: mediaPath,
-        label: "Media",
-        matchPrefixes: [mediaPath]
-      },
-      {
-        href: usersPath,
-        label: "Admin Tools",
-        matchPrefixes: [usersPath],
-        adminOnly: true
-      }
-    ],
+    () => {
+      const defaultSections = [
+        { id: "dashboard", href: dashboardPath, label: "Dashboard", matchPrefixes: [dashboardPath] },
+        { id: "pages", href: pagesPath, label: "Pages", matchPrefixes: [pagesPath] },
+        {
+          id: "globals",
+          href: resolvedGlobalsBasePath,
+          label: "Globals",
+          matchPrefixes: [
+            resolvedGlobalsBasePath,
+            resolveAdminPath(adminBasePath, "/globals"),
+            ...resolvedGlobalsExtraMatchPrefixes
+          ]
+        },
+        { id: "media", href: mediaPath, label: "Media", matchPrefixes: [mediaPath] },
+        {
+          id: "admin-tools",
+          href: usersPath,
+          label: "Admin Tools",
+          matchPrefixes: [usersPath],
+          roles: ["admin"]
+        }
+      ];
+      const extensionSections = sections.map((section) => ({
+        ...section,
+        href: resolveAdminPath(adminBasePath, section.href),
+        matchPrefixes: section.matchPrefixes.map((prefix) => resolveAdminPath(adminBasePath, prefix))
+      }));
+      return [...defaultSections, ...extensionSections];
+    },
     [
       adminBasePath,
       dashboardPath,
@@ -2522,6 +2642,7 @@ function AdminStudioNav(props) {
       pagesPath,
       resolvedGlobalsBasePath,
       resolvedGlobalsExtraMatchPrefixes,
+      sections,
       usersPath
     ]
   );
@@ -2580,7 +2701,7 @@ function AdminStudioNav(props) {
           ),
           !compact ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.85rem" }, children: "Studio" }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("nav", { style: { display: "grid", gap: "0.25rem" }, children: links.filter((link) => !link.adminOnly || isAdmin(user)).map((link) => {
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("nav", { style: { display: "grid", gap: "0.25rem" }, children: links.filter((link) => roleCanAccessSection(userRole, link)).map((link) => {
           const active = link.href === dashboardPath ? pathname === dashboardPath : link.matchPrefixes.some((prefix) => pathname.startsWith(prefix));
           return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("a", { href: link.href, style: linkStyle(active), title: link.label, children: compact ? link.label.slice(0, 1) : link.label }, link.href);
         }) }),
@@ -2611,7 +2732,7 @@ function AdminStudioNav(props) {
 var import_react13 = require("react");
 var import_ui5 = require("@payloadcms/ui");
 var import_jsx_runtime16 = require("react/jsx-runtime");
-var isAdmin2 = (user) => {
+var isAdmin = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
   return typeof role === "string" && role === "admin";
@@ -2677,7 +2798,7 @@ function AdminStudioPagesListView(props) {
         /* @__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_runtime16.jsx)(
+      isAdmin(user) ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "a",
         {
           href: `${rawPagesCollectionPath}/create`,
@@ -2787,7 +2908,7 @@ function AdminStudioPagesListView(props) {
 var import_react14 = require("react");
 var import_ui6 = require("@payloadcms/ui");
 var import_jsx_runtime17 = require("react/jsx-runtime");
-var isAdmin3 = (user) => {
+var isAdmin2 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
   return typeof role === "string" && role === "admin";
@@ -2848,7 +2969,7 @@ function AdminStudioPageEditView(props) {
     }
     setDidResolvePathFallback(true);
   }, [pageIDFromParams]);
-  const canPublish = isAdmin3(user) || isEditor(user);
+  const canPublish = isAdmin2(user) || isEditor(user);
   const refreshUnpublishedState = async (id) => {
     try {
       const response = await fetch(
@@ -3570,7 +3691,7 @@ function AdminStudioMediaView(props) {
 // src/admin/components/studio/AdminStudioToolsView.tsx
 var import_ui10 = require("@payloadcms/ui");
 var import_jsx_runtime21 = require("react/jsx-runtime");
-var isAdmin4 = (user) => {
+var isAdmin3 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
   return typeof role === "string" && role === "admin";
@@ -3590,7 +3711,7 @@ function AdminStudioToolsView(props) {
   const { user } = (0, import_ui10.useAuth)();
   const adminBasePath = useAdminBasePath();
   const toolsPath = resolveAdminPath(adminBasePath, "/tools");
-  if (!isAdmin4(user)) {
+  if (!isAdmin3(user)) {
     return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_ui10.SetStepNav, { nav: [{ label: "Admin Tools", url: toolsPath }] }),
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h1", { style: { margin: 0 }, children: "Admin Tools" }),

package/dist/admin/client.mjs

@@ -1097,6 +1097,81 @@ function WelcomeHeader({
 // src/admin/components/studio/AdminStudioDashboard.tsx
 import { SetStepNav } from "@payloadcms/ui";
 
+// src/shared/studioSections.ts
+var studioRoles = /* @__PURE__ */ new Set(["admin", "editor", "client"]);
+var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var isAbsoluteExternalURL = (value) => /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(value) || value.startsWith("//");
+var normalizePathLikeValue = (value) => {
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return "";
+  }
+  if (isAbsoluteExternalURL(trimmed)) {
+    return trimmed;
+  }
+  const withLeadingSlash = trimmed.startsWith("/") ? trimmed : `/${trimmed}`;
+  const normalized = withLeadingSlash.replace(/\/+$/, "");
+  return normalized || "/";
+};
+var normalizeStringArray = (value) => {
+  if (!Array.isArray(value)) {
+    return [];
+  }
+  return value.filter((entry) => typeof entry === "string").map((entry) => normalizePathLikeValue(entry)).filter((entry) => entry.length > 0);
+};
+var normalizeRoles = (value) => {
+  if (!Array.isArray(value)) {
+    return void 0;
+  }
+  const roles = value.filter((entry) => typeof entry === "string" && studioRoles.has(entry));
+  return roles.length > 0 ? roles : void 0;
+};
+var normalizeCard = (value) => {
+  if (!isRecord(value) || typeof value.title !== "string") {
+    return void 0;
+  }
+  const title = value.title.trim();
+  if (!title) {
+    return void 0;
+  }
+  return {
+    title,
+    ...typeof value.description === "string" && value.description.trim().length > 0 ? { description: value.description.trim() } : {}
+  };
+};
+var resolveStudioSections = (value) => {
+  if (!Array.isArray(value)) {
+    return [];
+  }
+  const sections = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const entry of value) {
+    if (!isRecord(entry) || typeof entry.id !== "string" || typeof entry.label !== "string") {
+      continue;
+    }
+    const id = entry.id.trim();
+    const label = entry.label.trim();
+    if (!id || !label || seen.has(id)) {
+      continue;
+    }
+    const href = typeof entry.href === "string" && entry.href.trim().length > 0 ? normalizePathLikeValue(entry.href) : isRecord(entry.view) && typeof entry.view.path === "string" ? normalizePathLikeValue(entry.view.path) : "";
+    if (!href) {
+      continue;
+    }
+    const matchPrefixes = Array.from(/* @__PURE__ */ new Set([href, ...normalizeStringArray(entry.matchPrefixes)]));
+    sections.push({
+      id,
+      label,
+      href,
+      matchPrefixes,
+      ...normalizeRoles(entry.roles) ? { roles: normalizeRoles(entry.roles) } : {},
+      ...normalizeCard(entry.card) ? { card: normalizeCard(entry.card) } : {}
+    });
+    seen.add(id);
+  }
+  return sections;
+};
+
 // src/admin/components/studio/adminPathUtils.ts
 import { useEffect as useEffect6, useState as useState5 } from "react";
 var DEFAULT_ADMIN_BASE_PATH = "/admin";
@@ -1139,10 +1214,10 @@ var detectAdminBasePath = (pathname, fallback = DEFAULT_ADMIN_BASE_PATH) => {
   }
   return normalizedFallback;
 };
-var isAbsoluteExternalURL = (value) => /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(value) || value.startsWith("//");
+var isAbsoluteExternalURL2 = (value) => /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(value) || value.startsWith("//");
 var resolveAdminPath = (adminBasePath, targetPath) => {
   if (!targetPath) return adminBasePath;
-  if (isAbsoluteExternalURL(targetPath)) return targetPath;
+  if (isAbsoluteExternalURL2(targetPath)) return targetPath;
   const normalizedBasePath = normalizeAdminBasePath(adminBasePath);
   const normalizedTargetPath = normalizePath(targetPath);
   if (normalizedTargetPath === "/admin") {
@@ -1193,14 +1268,30 @@ var getPropString = (props, key, fallback) => {
   }
   return fallback;
 };
+var getPropSections = (props, key) => {
+  if (!props || typeof props !== "object") return [];
+  const direct = resolveStudioSections(props[key]);
+  if (direct.length > 0) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    return resolveStudioSections(clientProps[key]);
+  }
+  return [];
+};
 function AdminStudioDashboard(props) {
   const pagesCollectionSlug = getPropString(props, "pagesCollectionSlug", "pages");
   const mediaCollectionSlug = getPropString(props, "mediaCollectionSlug", "media");
   const globalsBasePath = getPropString(props, "globalsBasePath", "/studio-globals");
+  const sections = getPropSections(props, "sections");
   const adminBasePath = useAdminBasePath();
   const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
   const pagesPath = resolveAdminPath(adminBasePath, `/collections/${pagesCollectionSlug}`);
   const mediaPath = resolveAdminPath(adminBasePath, `/collections/${mediaCollectionSlug}`);
+  const extensionCards = sections.filter((section) => section.card).map((section) => ({
+    href: resolveAdminPath(adminBasePath, section.href),
+    title: section.card?.title || section.label,
+    description: section.card?.description || ""
+  }));
   return /* @__PURE__ */ jsxs9("div", { style: { padding: "1.2rem 1.2rem 2.5rem" }, children: [
     /* @__PURE__ */ jsx10(SetStepNav, { nav: [{ label: "Dashboard", url: adminBasePath }] }),
     /* @__PURE__ */ jsx10("h1", { style: { fontSize: "1.6rem", margin: 0 }, children: "Studio" }),
@@ -1226,7 +1317,11 @@ function AdminStudioDashboard(props) {
           /* @__PURE__ */ jsxs9("a", { href: mediaPath, 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." })
-          ] })
+          ] }),
+          extensionCards.map((card) => /* @__PURE__ */ jsxs9("a", { href: card.href, style: cardStyle, children: [
+            /* @__PURE__ */ jsx10("div", { style: { fontWeight: 900 }, children: card.title }),
+            /* @__PURE__ */ jsx10("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: card.description })
+          ] }, card.href))
         ]
       }
     )
@@ -1237,11 +1332,6 @@ function AdminStudioDashboard(props) {
 import { useEffect as useEffect7, useMemo, useState as useState6 } from "react";
 import { Logout, useAuth } from "@payloadcms/ui";
 import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
-var isAdmin = (user) => {
-  if (!user || typeof user !== "object") return false;
-  const role = user.role;
-  return typeof role === "string" && role === "admin";
-};
 var getPropString2 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
@@ -1276,6 +1366,32 @@ var getPropStringArray = (props, key, fallback) => {
   }
   return fallback;
 };
+var getPropSections2 = (props, key) => {
+  if (!props || typeof props !== "object") return [];
+  const direct = resolveStudioSections(props[key]);
+  if (direct.length > 0) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    return resolveStudioSections(clientProps[key]);
+  }
+  return [];
+};
+var roleCanAccessSection = (role, section) => {
+  if (!section.roles || section.roles.length === 0) {
+    return true;
+  }
+  if (!role) {
+    return false;
+  }
+  return section.roles.includes(role);
+};
+var readUserRole = (user) => {
+  if (!user || typeof user !== "object") {
+    return void 0;
+  }
+  const role = user.role;
+  return typeof role === "string" ? role : void 0;
+};
 function AdminStudioNav(props) {
   const { user } = useAuth();
   const brandName = getPropString2(props, "brandName", "Orion Studio");
@@ -1284,6 +1400,7 @@ function AdminStudioNav(props) {
   const mediaCollectionSlug = getPropString2(props, "mediaCollectionSlug", "media");
   const globalsBasePath = getPropString2(props, "globalsBasePath", "/studio-globals");
   const globalsExtraMatchPrefixes = getPropStringArray(props, "globalsExtraMatchPrefixes", []);
+  const sections = getPropSections2(props, "sections");
   const compact = getPropBoolean(props, "compact", false);
   const adminBasePath = useAdminBasePath();
   const branding = useSiteBranding(brandName, logoUrl || void 0);
@@ -1303,35 +1420,38 @@ function AdminStudioNav(props) {
     (prefix) => resolveAdminPath(adminBasePath, prefix)
   );
   const dashboardPath = adminBasePath;
+  const userRole = readUserRole(user);
   const links = useMemo(
-    () => [
-      { href: dashboardPath, label: "Dashboard", matchPrefixes: [dashboardPath] },
-      {
-        href: pagesPath,
-        label: "Pages",
-        matchPrefixes: [pagesPath]
-      },
-      {
-        href: resolvedGlobalsBasePath,
-        label: "Globals",
-        matchPrefixes: [
-          resolvedGlobalsBasePath,
-          resolveAdminPath(adminBasePath, "/globals"),
-          ...resolvedGlobalsExtraMatchPrefixes
-        ]
-      },
-      {
-        href: mediaPath,
-        label: "Media",
-        matchPrefixes: [mediaPath]
-      },
-      {
-        href: usersPath,
-        label: "Admin Tools",
-        matchPrefixes: [usersPath],
-        adminOnly: true
-      }
-    ],
+    () => {
+      const defaultSections = [
+        { id: "dashboard", href: dashboardPath, label: "Dashboard", matchPrefixes: [dashboardPath] },
+        { id: "pages", href: pagesPath, label: "Pages", matchPrefixes: [pagesPath] },
+        {
+          id: "globals",
+          href: resolvedGlobalsBasePath,
+          label: "Globals",
+          matchPrefixes: [
+            resolvedGlobalsBasePath,
+            resolveAdminPath(adminBasePath, "/globals"),
+            ...resolvedGlobalsExtraMatchPrefixes
+          ]
+        },
+        { id: "media", href: mediaPath, label: "Media", matchPrefixes: [mediaPath] },
+        {
+          id: "admin-tools",
+          href: usersPath,
+          label: "Admin Tools",
+          matchPrefixes: [usersPath],
+          roles: ["admin"]
+        }
+      ];
+      const extensionSections = sections.map((section) => ({
+        ...section,
+        href: resolveAdminPath(adminBasePath, section.href),
+        matchPrefixes: section.matchPrefixes.map((prefix) => resolveAdminPath(adminBasePath, prefix))
+      }));
+      return [...defaultSections, ...extensionSections];
+    },
     [
       adminBasePath,
       dashboardPath,
@@ -1339,6 +1459,7 @@ function AdminStudioNav(props) {
       pagesPath,
       resolvedGlobalsBasePath,
       resolvedGlobalsExtraMatchPrefixes,
+      sections,
       usersPath
     ]
   );
@@ -1397,7 +1518,7 @@ function AdminStudioNav(props) {
           ),
           !compact ? /* @__PURE__ */ jsx11("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.85rem" }, children: "Studio" }) : null
         ] }),
-        /* @__PURE__ */ jsx11("nav", { style: { display: "grid", gap: "0.25rem" }, children: links.filter((link) => !link.adminOnly || isAdmin(user)).map((link) => {
+        /* @__PURE__ */ jsx11("nav", { style: { display: "grid", gap: "0.25rem" }, children: links.filter((link) => roleCanAccessSection(userRole, link)).map((link) => {
           const active = link.href === dashboardPath ? pathname === dashboardPath : link.matchPrefixes.some((prefix) => pathname.startsWith(prefix));
           return /* @__PURE__ */ jsx11("a", { href: link.href, style: linkStyle(active), title: link.label, children: compact ? link.label.slice(0, 1) : link.label }, link.href);
         }) }),
@@ -1428,7 +1549,7 @@ function AdminStudioNav(props) {
 import { useEffect as useEffect8, useMemo as useMemo2, useState as useState7 } from "react";
 import { SetStepNav as SetStepNav2, useAuth as useAuth2 } from "@payloadcms/ui";
 import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
-var isAdmin2 = (user) => {
+var isAdmin = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
   return typeof role === "string" && role === "admin";
@@ -1494,7 +1615,7 @@ function AdminStudioPagesListView(props) {
         /* @__PURE__ */ jsx12("h1", { style: { margin: 0 }, children: "Pages" }),
         /* @__PURE__ */ jsx12("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Open a page to edit it in the custom editor." })
       ] }),
-      isAdmin2(user) ? /* @__PURE__ */ jsx12(
+      isAdmin(user) ? /* @__PURE__ */ jsx12(
         "a",
         {
           href: `${rawPagesCollectionPath}/create`,
@@ -1604,7 +1725,7 @@ function AdminStudioPagesListView(props) {
 import { useEffect as useEffect9, useMemo as useMemo3, useRef as useRef3, useState as useState8 } from "react";
 import { SetStepNav as SetStepNav3, toast, useAuth as useAuth3 } from "@payloadcms/ui";
 import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
-var isAdmin3 = (user) => {
+var isAdmin2 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
   return typeof role === "string" && role === "admin";
@@ -1665,7 +1786,7 @@ function AdminStudioPageEditView(props) {
     }
     setDidResolvePathFallback(true);
   }, [pageIDFromParams]);
-  const canPublish = isAdmin3(user) || isEditor(user);
+  const canPublish = isAdmin2(user) || isEditor(user);
   const refreshUnpublishedState = async (id) => {
     try {
       const response = await fetch(
@@ -2387,7 +2508,7 @@ function AdminStudioMediaView(props) {
 // src/admin/components/studio/AdminStudioToolsView.tsx
 import { SetStepNav as SetStepNav7, useAuth as useAuth4 } from "@payloadcms/ui";
 import { Fragment as Fragment7, jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
-var isAdmin4 = (user) => {
+var isAdmin3 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
   return typeof role === "string" && role === "admin";
@@ -2407,7 +2528,7 @@ function AdminStudioToolsView(props) {
   const { user } = useAuth4();
   const adminBasePath = useAdminBasePath();
   const toolsPath = resolveAdminPath(adminBasePath, "/tools");
-  if (!isAdmin4(user)) {
+  if (!isAdmin3(user)) {
     return /* @__PURE__ */ jsxs16(Fragment7, { children: [
       /* @__PURE__ */ jsx17(SetStepNav7, { nav: [{ label: "Admin Tools", url: toolsPath }] }),
       /* @__PURE__ */ jsx17("h1", { style: { margin: 0 }, children: "Admin Tools" }),