@orion-studios/payload-studio 0.5.0-beta.11 → 0.5.0-beta.111

package/dist/admin/client.mjs

@@ -1096,6 +1096,158 @@ 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";
+var normalizePath = (value) => {
+  if (!value || value === "/") return "/";
+  const withLeadingSlash = value.startsWith("/") ? value : `/${value}`;
+  const trimmed = withLeadingSlash.replace(/\/+$/, "");
+  return trimmed.length > 0 ? trimmed : "/";
+};
+var normalizeAdminBasePath = (value) => {
+  const normalized = normalizePath(value);
+  return normalized === "/" ? DEFAULT_ADMIN_BASE_PATH : normalized;
+};
+var detectAdminBasePath = (pathname, fallback = DEFAULT_ADMIN_BASE_PATH) => {
+  const normalizedPathname = normalizePath(pathname);
+  const normalizedFallback = normalizeAdminBasePath(fallback);
+  const markers = [
+    "/studio-contact-form",
+    "/studio-globals",
+    "/collections/",
+    "/globals/",
+    "/pages/",
+    "/tools",
+    "/media",
+    "/logout",
+    "/login"
+  ];
+  for (const marker of markers) {
+    const index = normalizedPathname.indexOf(marker);
+    if (index > 0) {
+      return normalizeAdminBasePath(normalizedPathname.slice(0, index));
+    }
+  }
+  if (normalizedPathname === normalizedFallback || normalizedPathname.startsWith(`${normalizedFallback}/`)) {
+    return normalizedFallback;
+  }
+  const segments = normalizedPathname.split("/").filter(Boolean);
+  if (segments.length > 0) {
+    return normalizeAdminBasePath(`/${segments[0]}`);
+  }
+  return normalizedFallback;
+};
+var isAbsoluteExternalURL2 = (value) => /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(value) || value.startsWith("//");
+var resolveAdminPath = (adminBasePath, targetPath) => {
+  if (!targetPath) return adminBasePath;
+  if (isAbsoluteExternalURL2(targetPath)) return targetPath;
+  const normalizedBasePath = normalizeAdminBasePath(adminBasePath);
+  const normalizedTargetPath = normalizePath(targetPath);
+  if (normalizedTargetPath === "/admin") {
+    return normalizedBasePath;
+  }
+  if (normalizedTargetPath.startsWith("/admin/")) {
+    return `${normalizedBasePath}${normalizedTargetPath.slice("/admin".length)}`;
+  }
+  if (normalizedTargetPath === normalizedBasePath || normalizedTargetPath.startsWith(`${normalizedBasePath}/`)) {
+    return normalizedTargetPath;
+  }
+  if (normalizedTargetPath === "/") {
+    return normalizedBasePath;
+  }
+  return `${normalizedBasePath}${normalizedTargetPath}`;
+};
+var useAdminBasePath = (fallback = DEFAULT_ADMIN_BASE_PATH) => {
+  const [adminBasePath, setAdminBasePath] = useState5(normalizeAdminBasePath(fallback));
+  useEffect6(() => {
+    const update = () => {
+      setAdminBasePath(detectAdminBasePath(window.location.pathname, fallback));
+    };
+    update();
+    window.addEventListener("popstate", update);
+    return () => window.removeEventListener("popstate", update);
+  }, [fallback]);
+  return adminBasePath;
+};
+
+// src/admin/components/studio/AdminStudioDashboard.tsx
 import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var cardStyle = {
   background: "var(--theme-elevation-0)",
@@ -1116,12 +1268,45 @@ var getPropString = (props, key, fallback) => {
   }
   return fallback;
 };
+var getPropBoolean = (props, key, fallback) => {
+  if (!props || typeof props !== "object") return fallback;
+  const direct = props[key];
+  if (typeof direct === "boolean") return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    const nested = clientProps[key];
+    if (typeof nested === "boolean") return nested;
+  }
+  return fallback;
+};
+var getPropSections = (props, key) => {
+  if (!props || typeof props !== "object") return [];
+  const direct = resolveStudioSections(props[key]);
+  if (direct.length > 0) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    return resolveStudioSections(clientProps[key]);
+  }
+  return [];
+};
 function AdminStudioDashboard(props) {
+  const formsEnabled = getPropBoolean(props, "formsEnabled", false);
   const pagesCollectionSlug = getPropString(props, "pagesCollectionSlug", "pages");
   const mediaCollectionSlug = getPropString(props, "mediaCollectionSlug", "media");
-  const globalsBasePath = getPropString(props, "globalsBasePath", "/admin/globals");
+  const globalsBasePath = getPropString(props, "globalsBasePath", "/studio-globals");
+  const sections = getPropSections(props, "sections");
+  const adminBasePath = useAdminBasePath();
+  const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
+  const formsPath = resolveAdminPath(adminBasePath, "/studio-forms");
+  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: "/admin" }] }),
+    /* @__PURE__ */ jsx10(SetStepNav, { nav: [{ label: "Dashboard", url: adminBasePath }] }),
     /* @__PURE__ */ jsx10("h1", { style: { fontSize: "1.6rem", margin: 0 }, children: "Studio" }),
     /* @__PURE__ */ jsx10("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Pick what you want to edit." }),
     /* @__PURE__ */ jsxs9(
@@ -1134,18 +1319,26 @@ function AdminStudioDashboard(props) {
           marginTop: "1.1rem"
         },
         children: [
-          /* @__PURE__ */ jsxs9("a", { href: `/admin/collections/${pagesCollectionSlug}`, style: cardStyle, children: [
+          /* @__PURE__ */ jsxs9("a", { href: pagesPath, 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: globalsBasePath, style: cardStyle, children: [
+          formsEnabled ? /* @__PURE__ */ jsxs9("a", { href: formsPath, style: cardStyle, children: [
+            /* @__PURE__ */ jsx10("div", { style: { fontWeight: 900 }, children: "Forms" }),
+            /* @__PURE__ */ jsx10("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.25rem" }, children: "Review forms, submissions, and uploaded files." })
+          ] }) : null,
+          /* @__PURE__ */ jsxs9("a", { href: resolvedGlobalsBasePath, 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/collections/${mediaCollectionSlug}`, style: cardStyle, children: [
+          /* @__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))
         ]
       }
     )
@@ -1153,14 +1346,9 @@ function AdminStudioDashboard(props) {
 }
 
 // src/admin/components/studio/AdminStudioNav.tsx
-import { useEffect as useEffect6, useMemo, useState as useState5 } from "react";
+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];
@@ -1172,7 +1360,7 @@ var getPropString2 = (props, key, fallback) => {
   }
   return fallback;
 };
-var getPropBoolean = (props, key, fallback) => {
+var getPropBoolean2 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
   if (typeof direct === "boolean") return direct;
@@ -1183,47 +1371,131 @@ var getPropBoolean = (props, key, fallback) => {
   }
   return fallback;
 };
+var getPropStringArray = (props, key, fallback) => {
+  if (!props || typeof props !== "object") return fallback;
+  const read = (candidate) => Array.isArray(candidate) ? candidate.filter((value) => typeof value === "string" && value.length > 0) : null;
+  const direct = read(props[key]);
+  if (direct) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    const nested = read(clientProps[key]);
+    if (nested) return nested;
+  }
+  return fallback;
+};
+var getPropSections2 = (props, key) => {
+  if (!props || typeof props !== "object") return [];
+  const direct = resolveStudioSections(props[key]);
+  if (direct.length > 0) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    return resolveStudioSections(clientProps[key]);
+  }
+  return [];
+};
+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");
   const logoUrl = getPropString2(props, "logoUrl", "");
+  const formsEnabled = getPropBoolean2(props, "formsEnabled", false);
+  const formsCollectionSlug = getPropString2(props, "formsCollectionSlug", "forms");
   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 globalsBasePath = getPropString2(props, "globalsBasePath", "/studio-globals");
+  const globalsExtraMatchPrefixes = getPropStringArray(props, "globalsExtraMatchPrefixes", []);
+  const sections = getPropSections2(props, "sections");
+  const compact = getPropBoolean2(props, "compact", false);
+  const adminBasePath = useAdminBasePath();
   const branding = useSiteBranding(brandName, logoUrl || void 0);
   const resolvedName = branding.siteName || brandName;
-  const [pathname, setPathname] = useState5("");
-  useEffect6(() => {
+  const [pathname, setPathname] = useState6("");
+  useEffect7(() => {
     const update = () => setPathname(window.location.pathname);
     update();
     window.addEventListener("popstate", update);
     return () => window.removeEventListener("popstate", update);
   }, []);
-  const pagesPath = `/admin/collections/${pagesCollectionSlug}`;
-  const mediaPath = `/admin/collections/${mediaCollectionSlug}`;
+  const pagesPath = resolveAdminPath(adminBasePath, `/collections/${pagesCollectionSlug}`);
+  const formsPath = resolveAdminPath(adminBasePath, "/studio-forms");
+  const mediaPath = resolveAdminPath(adminBasePath, `/collections/${mediaCollectionSlug}`);
+  const usersPath = resolveAdminPath(adminBasePath, "/collections/users");
+  const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
+  const resolvedGlobalsExtraMatchPrefixes = globalsExtraMatchPrefixes.map(
+    (prefix) => resolveAdminPath(adminBasePath, prefix)
+  );
+  const dashboardPath = adminBasePath;
+  const userRole = readUserRole(user);
   const links = useMemo(
-    () => [
-      { href: "/admin", label: "Dashboard", matchPrefixes: ["/admin"] },
-      {
-        href: pagesPath,
-        label: "Pages",
-        matchPrefixes: [pagesPath]
-      },
-      { href: globalsBasePath, label: "Globals", matchPrefixes: [globalsBasePath, "/admin/globals"] },
-      {
-        href: mediaPath,
-        label: "Media",
-        matchPrefixes: [mediaPath]
-      },
-      {
-        href: "/admin/collections/users",
-        label: "Admin Tools",
-        matchPrefixes: ["/admin/collections/users"],
-        adminOnly: true
-      }
-    ],
-    [globalsBasePath, mediaPath, pagesPath]
+    () => {
+      const defaultSections = [
+        { id: "dashboard", href: dashboardPath, label: "Dashboard", matchPrefixes: [dashboardPath] },
+        { id: "pages", href: pagesPath, label: "Pages", matchPrefixes: [pagesPath] },
+        ...formsEnabled ? [
+          {
+            id: "forms",
+            href: formsPath,
+            label: "Forms",
+            matchPrefixes: [
+              formsPath,
+              resolveAdminPath(adminBasePath, `/collections/${formsCollectionSlug}`)
+            ]
+          }
+        ] : [],
+        {
+          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,
+      formsCollectionSlug,
+      formsEnabled,
+      formsPath,
+      mediaPath,
+      pagesPath,
+      resolvedGlobalsBasePath,
+      resolvedGlobalsExtraMatchPrefixes,
+      sections,
+      usersPath
+    ]
   );
   const linkStyle = (active) => ({
     alignItems: "center",
@@ -1280,8 +1552,8 @@ 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) => {
-          const active = link.href === "/admin" ? pathname === "/admin" : link.matchPrefixes.some((prefix) => pathname.startsWith(prefix));
+        /* @__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);
         }) }),
         /* @__PURE__ */ jsx11("div", { style: { flex: 1 } }),
@@ -1308,10 +1580,10 @@ function AdminStudioNav(props) {
 }
 
 // src/admin/components/studio/AdminStudioPagesListView.tsx
-import { useEffect as useEffect7, useMemo as useMemo2, useState as useState6 } from "react";
+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";
@@ -1330,9 +1602,12 @@ var getPropString3 = (props, key, fallback) => {
 function AdminStudioPagesListView(props) {
   const { user } = useAuth2();
   const pagesCollectionSlug = getPropString3(props, "pagesCollectionSlug", "pages");
-  const [loading, setLoading] = useState6(true);
-  const [error, setError] = useState6(null);
-  const [docs, setDocs] = useState6([]);
+  const adminBasePath = useAdminBasePath();
+  const pagesPath = resolveAdminPath(adminBasePath, "/pages");
+  const rawPagesCollectionPath = resolveAdminPath(adminBasePath, `/collections/${pagesCollectionSlug}`);
+  const [loading, setLoading] = useState7(true);
+  const [error, setError] = useState7(null);
+  const [docs, setDocs] = useState7([]);
   const apiURL = useMemo2(() => {
     const params = new URLSearchParams({
       depth: "0",
@@ -1342,7 +1617,7 @@ function AdminStudioPagesListView(props) {
     });
     return `/api/${pagesCollectionSlug}?${params.toString()}`;
   }, [pagesCollectionSlug]);
-  useEffect7(() => {
+  useEffect8(() => {
     let cancelled = false;
     const run = async () => {
       setLoading(true);
@@ -1368,16 +1643,16 @@ function AdminStudioPagesListView(props) {
     };
   }, [apiURL]);
   return /* @__PURE__ */ jsxs11(Fragment3, { children: [
-    /* @__PURE__ */ jsx12(SetStepNav2, { nav: [{ label: "Pages", url: "/admin/pages" }] }),
+    /* @__PURE__ */ jsx12(SetStepNav2, { nav: [{ label: "Pages", url: pagesPath }] }),
     /* @__PURE__ */ jsxs11("div", { style: { alignItems: "flex-end", display: "flex", gap: "0.75rem" }, children: [
       /* @__PURE__ */ jsxs11("div", { style: { flex: 1 }, children: [
         /* @__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: `/admin/collections/${pagesCollectionSlug}/create`,
+          href: `${rawPagesCollectionPath}/create`,
           style: {
             background: "var(--theme-elevation-900)",
             borderRadius: 12,
@@ -1414,7 +1689,7 @@ function AdminStudioPagesListView(props) {
         return /* @__PURE__ */ jsxs11(
           "a",
           {
-            href: `/admin/pages/${id}`,
+            href: resolveAdminPath(adminBasePath, `/pages/${id}`),
             style: {
               background: "var(--theme-elevation-0)",
               border: "1px solid var(--theme-elevation-150)",
@@ -1481,10 +1756,10 @@ function AdminStudioPagesListView(props) {
 }
 
 // src/admin/components/studio/AdminStudioPageEditView.tsx
-import { useEffect as useEffect8, useMemo as useMemo3, useRef as useRef3, useState as useState7 } from "react";
+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";
@@ -1514,18 +1789,27 @@ var getParam = (params, key) => {
   return null;
 };
 var getPageIDFromPathname = (pathname) => {
-  const match = pathname.match(/\/admin\/pages\/([^/]+)(?:\/|$)/);
-  return match?.[1] ? decodeURIComponent(match[1]) : null;
+  const marker = "/pages/";
+  const markerIndex = pathname.indexOf(marker);
+  if (markerIndex < 0) return null;
+  const pagePart = pathname.slice(markerIndex + marker.length).split("/")[0];
+  return pagePart ? decodeURIComponent(pagePart) : null;
 };
 function AdminStudioPageEditView(props) {
   const { user } = useAuth3();
+  const adminBasePath = useAdminBasePath();
   const iframeRef = useRef3(null);
-  const [saving, setSaving] = useState7(null);
+  const [saving, setSaving] = useState8(null);
+  const [dirty, setDirty] = useState8(false);
+  const [hasUnpublishedChanges, setHasUnpublishedChanges] = useState8(false);
+  const [canUndo, setCanUndo] = useState8(false);
+  const [canRedo, setCanRedo] = useState8(false);
   const builderBasePath = getPropString4(props, "builderBasePath", "/builder");
+  const pagesPath = resolveAdminPath(adminBasePath, "/pages");
   const pageIDFromParams = useMemo3(() => getParam(props.params, "id"), [props.params]);
-  const [pageID, setPageID] = useState7(pageIDFromParams);
-  const [didResolvePathFallback, setDidResolvePathFallback] = useState7(false);
-  useEffect8(() => {
+  const [pageID, setPageID] = useState8(pageIDFromParams);
+  const [didResolvePathFallback, setDidResolvePathFallback] = useState8(false);
+  useEffect9(() => {
     if (pageIDFromParams) {
       setPageID(pageIDFromParams);
       setDidResolvePathFallback(true);
@@ -1536,7 +1820,45 @@ 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(
+        `/api/pages/versions?depth=0&limit=25&sort=-updatedAt&where[parent][equals]=${encodeURIComponent(id)}`,
+        {
+          credentials: "include"
+        }
+      );
+      if (!response.ok) {
+        return;
+      }
+      const payload = await response.json();
+      const docs = Array.isArray(payload.docs) ? payload.docs : [];
+      let latestDraft = 0;
+      let latestPublished = 0;
+      docs.forEach((doc) => {
+        const status = doc.version?._status;
+        const millis = typeof doc.updatedAt === "string" ? Date.parse(doc.updatedAt) : Number.NaN;
+        if (!Number.isFinite(millis)) {
+          return;
+        }
+        if (status === "draft") {
+          latestDraft = Math.max(latestDraft, millis);
+        }
+        if (status === "published") {
+          latestPublished = Math.max(latestPublished, millis);
+        }
+      });
+      setHasUnpublishedChanges(latestDraft > 0 && latestDraft >= latestPublished);
+    } catch {
+    }
+  };
+  useEffect9(() => {
+    if (!pageID) {
+      return;
+    }
+    void refreshUnpublishedState(pageID);
+  }, [pageID]);
   const requestSave = (status) => {
     const iframe = iframeRef.current;
     if (!iframe?.contentWindow) {
@@ -1546,17 +1868,43 @@ function AdminStudioPageEditView(props) {
     setSaving(status);
     iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type: "save", status }, "*");
   };
-  useEffect8(() => {
+  const requestHistoryAction = (type) => {
+    const iframe = iframeRef.current;
+    if (!iframe?.contentWindow) {
+      toast.error("Editor is not ready yet. Please try again.");
+      return;
+    }
+    iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type }, "*");
+  };
+  useEffect9(() => {
     const onMessage = (event) => {
       const data = event.data;
-      if (!data || data.source !== "payload-visual-builder-child" || data.type !== "save-result") {
+      if (!data || data.source !== "payload-visual-builder-child" || typeof data.type !== "string") {
         return;
       }
-      setSaving(null);
-      if (data.ok) {
-        toast.success(typeof data.message === "string" ? data.message : "Saved.");
-      } else {
-        toast.error(typeof data.message === "string" ? data.message : "Save failed.");
+      if (data.type === "dirty-state") {
+        setDirty(Boolean(data.dirty));
+        return;
+      }
+      if (data.type === "history-state") {
+        setCanUndo(Boolean(data.canUndo));
+        setCanRedo(Boolean(data.canRedo));
+        return;
+      }
+      if (data.type === "save-result") {
+        setSaving(null);
+        if (data.ok) {
+          if (data.status === "draft") {
+            setHasUnpublishedChanges(true);
+          } else if (data.status === "published") {
+            setHasUnpublishedChanges(false);
+          } else if (pageID) {
+            void refreshUnpublishedState(pageID);
+          }
+          toast.success(typeof data.message === "string" ? data.message : "Saved.");
+        } else {
+          toast.error(typeof data.message === "string" ? data.message : "Save failed.");
+        }
       }
     };
     window.addEventListener("message", onMessage);
@@ -1568,8 +1916,8 @@ function AdminStudioPageEditView(props) {
         SetStepNav3,
         {
           nav: [
-            { label: "Pages", url: "/admin/pages" },
-            { label: "Page Editor", url: "/admin/pages" }
+            { label: "Pages", url: pagesPath },
+            { label: "Page Editor", url: pagesPath }
           ]
         }
       ),
@@ -1583,8 +1931,8 @@ function AdminStudioPageEditView(props) {
         SetStepNav3,
         {
           nav: [
-            { label: "Pages", url: "/admin/pages" },
-            { label: "Page Editor", url: "/admin/pages" }
+            { label: "Pages", url: pagesPath },
+            { label: "Page Editor", url: pagesPath }
           ]
         }
       ),
@@ -1597,8 +1945,8 @@ function AdminStudioPageEditView(props) {
       SetStepNav3,
       {
         nav: [
-          { label: "Pages", url: "/admin/pages" },
-          { label: `Page ${pageID}`, url: `/admin/pages/${pageID}` }
+          { label: "Pages", url: pagesPath },
+          { label: `Page ${pageID}`, url: resolveAdminPath(adminBasePath, `/pages/${pageID}`) }
         ]
       }
     ),
@@ -1638,6 +1986,56 @@ function AdminStudioPageEditView(props) {
               )
             ] }),
             /* @__PURE__ */ jsxs12("div", { style: { alignItems: "center", display: "flex", gap: "0.5rem" }, children: [
+              /* @__PURE__ */ jsx13("div", { style: { color: dirty ? "var(--theme-elevation-900)" : "var(--theme-elevation-600)", fontSize: "0.85rem", fontWeight: 700 }, children: dirty ? "Unsaved changes" : "All changes saved" }),
+              /* @__PURE__ */ jsx13(
+                "div",
+                {
+                  style: {
+                    background: hasUnpublishedChanges ? "#fff3cd" : "var(--theme-success-50)",
+                    border: `1px solid ${hasUnpublishedChanges ? "#f0c36d" : "var(--theme-success-300)"}`,
+                    borderRadius: 999,
+                    color: hasUnpublishedChanges ? "#6a4a00" : "var(--theme-success-700)",
+                    fontSize: "0.75rem",
+                    fontWeight: 800,
+                    padding: "0.2rem 0.55rem",
+                    whiteSpace: "nowrap"
+                  },
+                  title: hasUnpublishedChanges ? "There are saved draft changes not yet published." : "The live page matches the latest published content.",
+                  children: hasUnpublishedChanges ? "Unpublished draft changes" : "Live is up to date"
+                }
+              ),
+              /* @__PURE__ */ jsx13(
+                "button",
+                {
+                  disabled: !canUndo,
+                  onClick: () => requestHistoryAction("undo"),
+                  style: {
+                    border: "1px solid var(--theme-elevation-300)",
+                    borderRadius: 12,
+                    cursor: canUndo ? "pointer" : "not-allowed",
+                    fontWeight: 800,
+                    padding: "0.5rem 0.65rem"
+                  },
+                  type: "button",
+                  children: "Undo"
+                }
+              ),
+              /* @__PURE__ */ jsx13(
+                "button",
+                {
+                  disabled: !canRedo,
+                  onClick: () => requestHistoryAction("redo"),
+                  style: {
+                    border: "1px solid var(--theme-elevation-300)",
+                    borderRadius: 12,
+                    cursor: canRedo ? "pointer" : "not-allowed",
+                    fontWeight: 800,
+                    padding: "0.5rem 0.65rem"
+                  },
+                  type: "button",
+                  children: "Redo"
+                }
+              ),
               /* @__PURE__ */ jsx13(
                 "button",
                 {
@@ -1660,7 +2058,7 @@ function AdminStudioPageEditView(props) {
                   disabled: !canPublish || saving !== null,
                   onClick: () => requestSave("published"),
                   style: {
-                    background: canPublish ? "var(--theme-elevation-900)" : "var(--theme-elevation-300)",
+                    background: canPublish ? "var(--theme-success-700)" : "var(--theme-elevation-300)",
                     border: "none",
                     borderRadius: 12,
                     color: canPublish ? "var(--theme-elevation-0)" : "var(--theme-elevation-700)",
@@ -1683,7 +2081,13 @@ function AdminStudioPageEditView(props) {
           ref: iframeRef,
           src: `${builderBasePath.replace(/\/$/, "")}/${pageID}`,
           style: { border: "none", height: "100%", width: "100%" },
-          title: "Page Builder"
+          title: "Page Builder",
+          onLoad: () => {
+            const iframe = iframeRef.current;
+            if (!iframe?.contentWindow) return;
+            iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type: "dirty-check-request" }, "*");
+            iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type: "history-check-request" }, "*");
+          }
         }
       )
     ] })
@@ -1716,42 +2120,48 @@ var getPropString5 = (props, key, fallback) => {
   return fallback;
 };
 function AdminStudioGlobalsView(props) {
-  const globalsBasePath = getPropString5(props, "globalsBasePath", "/admin/studio-globals");
+  const globalsBasePath = getPropString5(props, "globalsBasePath", "/studio-globals");
+  const adminBasePath = useAdminBasePath();
+  const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
   const globals = getPropGlobals(props) || [
     { slug: "site-settings", label: "Website Settings" },
     { slug: "header", label: "Header & Navigation" },
-    { slug: "footer", label: "Footer" }
+    { slug: "footer", label: "Footer" },
+    { slug: "contact-form", label: "Contact Form", href: "/studio-contact-form" }
   ];
   return /* @__PURE__ */ jsxs13(Fragment5, { children: [
-    /* @__PURE__ */ jsx14(SetStepNav4, { nav: [{ label: "Globals", url: globalsBasePath }] }),
+    /* @__PURE__ */ jsx14(SetStepNav4, { nav: [{ label: "Globals", url: resolvedGlobalsBasePath }] }),
     /* @__PURE__ */ jsx14("h1", { style: { margin: 0 }, children: "Globals" }),
     /* @__PURE__ */ jsx14("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Site-wide settings." }),
-    /* @__PURE__ */ jsx14("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: globals.map((global) => /* @__PURE__ */ jsxs13(
-      "a",
-      {
-        href: `/admin/globals/${global.slug}`,
-        style: {
-          background: "var(--theme-elevation-0)",
-          border: "1px solid var(--theme-elevation-150)",
-          borderRadius: 16,
-          color: "inherit",
-          padding: "0.85rem 1rem",
-          textDecoration: "none"
+    /* @__PURE__ */ jsx14("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: globals.map((global) => {
+      const href = resolveAdminPath(
+        adminBasePath,
+        typeof global.href === "string" ? global.href : `/globals/${global.slug}`
+      );
+      return /* @__PURE__ */ jsxs13(
+        "a",
+        {
+          href,
+          style: {
+            background: "var(--theme-elevation-0)",
+            border: "1px solid var(--theme-elevation-150)",
+            borderRadius: 16,
+            color: "inherit",
+            padding: "0.85rem 1rem",
+            textDecoration: "none"
+          },
+          children: [
+            /* @__PURE__ */ jsx14("div", { style: { fontWeight: 900 }, children: global.label }),
+            /* @__PURE__ */ jsx14("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: typeof global.description === "string" && global.description.length > 0 ? global.description : href })
+          ]
         },
-        children: [
-          /* @__PURE__ */ jsx14("div", { style: { fontWeight: 900 }, children: global.label }),
-          /* @__PURE__ */ jsxs13("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: [
-            "/admin/globals/",
-            global.slug
-          ] })
-        ]
-      },
-      global.slug
-    )) }),
+        global.slug
+      );
+    }) }),
     /* @__PURE__ */ jsx14("div", { style: { marginTop: "1rem" }, children: /* @__PURE__ */ jsx14(
       "a",
       {
-        href: globalsBasePath,
+        href: resolvedGlobalsBasePath,
         style: { color: "var(--theme-elevation-700)", fontSize: "0.85rem", textDecoration: "none" },
         children: "Reload Globals view"
       }
@@ -1759,9 +2169,24 @@ function AdminStudioGlobalsView(props) {
   ] });
 }
 
-// src/admin/components/studio/AdminStudioMediaView.tsx
+// src/admin/components/studio/AdminStudioContactFormView.tsx
+import { useEffect as useEffect10, useMemo as useMemo4, useState as useState9 } from "react";
 import { SetStepNav as SetStepNav5 } from "@payloadcms/ui";
-import { Fragment as Fragment6, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+var defaultDoc = {
+  disabledMessage: "This form is temporarily unavailable. Please call us for immediate service.",
+  enabled: true,
+  errorMessage: "Submission failed. Please call us at (512) 555-0149.",
+  notificationEmail: "",
+  serviceOptions: [
+    { label: "Tree Trimming" },
+    { label: "Tree Removal" },
+    { label: "Stump Grinding" },
+    { label: "Storm Cleanup" }
+  ],
+  submitButtonLabel: "Send Request",
+  successMessage: "Thanks, your request has been received. We will follow up shortly."
+};
 var getPropString6 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
@@ -1773,110 +2198,1169 @@ var getPropString6 = (props, key, fallback) => {
   }
   return fallback;
 };
-function AdminStudioMediaView(props) {
-  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" }),
-    /* @__PURE__ */ jsx15("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Media management is currently using Payload's library." }),
-    /* @__PURE__ */ jsx15("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: /* @__PURE__ */ jsxs14(
-      "a",
-      {
-        href: `/admin/collections/${mediaCollectionSlug}`,
-        style: {
-          background: "var(--theme-elevation-0)",
-          border: "1px solid var(--theme-elevation-150)",
-          borderRadius: 16,
-          color: "inherit",
-          padding: "0.85rem 1rem",
-          textDecoration: "none"
-        },
-        children: [
-          /* @__PURE__ */ jsx15("div", { style: { fontWeight: 900 }, children: "Open Media Library" }),
-          /* @__PURE__ */ jsxs14("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: [
-            "/admin/collections/",
-            mediaCollectionSlug
-          ] })
-        ]
-      }
-    ) })
-  ] });
-}
-
-// src/admin/components/studio/AdminStudioToolsView.tsx
-import { SetStepNav as SetStepNav6, useAuth as useAuth4 } from "@payloadcms/ui";
-import { Fragment as Fragment7, jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
-var isAdmin4 = (user) => {
-  if (!user || typeof user !== "object") return false;
-  const role = user.role;
-  return typeof role === "string" && role === "admin";
+var normalizeOption = (value) => {
+  if (!value || typeof value !== "object" || Array.isArray(value)) return null;
+  const label = value.label;
+  if (typeof label !== "string") return null;
+  const trimmed = label.trim();
+  if (!trimmed) return null;
+  return { label: trimmed };
 };
-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;
-  const clientProps = props.clientProps;
-  if (clientProps && typeof clientProps === "object") {
-    const nested = clientProps[key];
-    if (typeof nested === "string" && nested.length > 0) return nested;
+var normalizeDoc = (value) => {
+  if (!value || typeof value !== "object" || Array.isArray(value)) {
+    return defaultDoc;
   }
-  return fallback;
+  const record = value;
+  const options = Array.isArray(record.serviceOptions) ? record.serviceOptions.map(normalizeOption).filter((option) => option !== null) : defaultDoc.serviceOptions;
+  return {
+    disabledMessage: typeof record.disabledMessage === "string" && record.disabledMessage.length > 0 ? record.disabledMessage : defaultDoc.disabledMessage,
+    enabled: record.enabled !== false,
+    errorMessage: typeof record.errorMessage === "string" && record.errorMessage.length > 0 ? record.errorMessage : defaultDoc.errorMessage,
+    notificationEmail: typeof record.notificationEmail === "string" ? record.notificationEmail : defaultDoc.notificationEmail,
+    serviceOptions: options.length > 0 ? options : defaultDoc.serviceOptions,
+    submitButtonLabel: typeof record.submitButtonLabel === "string" && record.submitButtonLabel.length > 0 ? record.submitButtonLabel : defaultDoc.submitButtonLabel,
+    successMessage: typeof record.successMessage === "string" && record.successMessage.length > 0 ? record.successMessage : defaultDoc.successMessage
+  };
 };
-function AdminStudioToolsView(props) {
-  const { user } = useAuth4();
-  if (!isAdmin4(user)) {
-    return /* @__PURE__ */ jsxs15(Fragment7, { children: [
-      /* @__PURE__ */ jsx16(SetStepNav6, { nav: [{ label: "Admin Tools", url: "/admin/tools" }] }),
-      /* @__PURE__ */ jsx16("h1", { style: { margin: 0 }, children: "Admin Tools" }),
-      /* @__PURE__ */ jsx16("p", { style: { color: "var(--theme-elevation-600)" }, children: "You do not have access to this page." })
-    ] });
-  }
-  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" },
-    { href: "/admin/globals/site-settings", label: "Raw Site Settings Global" },
-    { href: "/admin/globals/header", label: "Raw Header Global" },
-    { href: "/admin/globals/footer", label: "Raw Footer Global" },
-    { href: "/admin/collections/users", label: "Users / Roles" }
-  ];
-  return /* @__PURE__ */ jsxs15(Fragment7, { children: [
-    /* @__PURE__ */ jsx16(SetStepNav6, { nav: [{ label: "Admin Tools", url: "/admin/tools" }] }),
-    /* @__PURE__ */ jsx16("h1", { style: { margin: 0 }, children: "Admin Tools" }),
-    /* @__PURE__ */ jsx16("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Hidden fallback links for administrators." }),
-    /* @__PURE__ */ jsx16("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: links.map((link) => /* @__PURE__ */ jsxs15(
-      "a",
-      {
-        href: link.href,
-        style: {
-          background: "var(--theme-elevation-0)",
-          border: "1px solid var(--theme-elevation-150)",
-          borderRadius: 16,
-          color: "inherit",
-          padding: "0.85rem 1rem",
-          textDecoration: "none"
-        },
-        children: [
-          /* @__PURE__ */ jsx16("div", { style: { fontWeight: 900 }, children: link.label }),
-          /* @__PURE__ */ jsx16("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: link.href })
-        ]
-      },
-      link.href
-    )) })
-  ] });
+var inputStyle = {
+  background: "var(--theme-elevation-0)",
+  border: "1px solid var(--theme-elevation-200)",
+  borderRadius: 10,
+  color: "inherit",
+  fontSize: "0.95rem",
+  minHeight: 42,
+  padding: "0.55rem 0.65rem",
+  width: "100%"
+};
+var fieldLabelStyle = {
+  color: "var(--theme-elevation-800)",
+  display: "grid",
+  fontSize: "0.88rem",
+  fontWeight: 700,
+  gap: "0.35rem"
+};
+var buttonStyle = {
+  background: "var(--theme-success-700)",
+  border: "1px solid var(--theme-success-700)",
+  borderRadius: 10,
+  color: "#fff",
+  cursor: "pointer",
+  fontSize: "0.9rem",
+  fontWeight: 800,
+  minHeight: 40,
+  padding: "0 0.9rem"
+};
+var ghostButtonStyle = {
+  ...buttonStyle,
+  background: "transparent",
+  color: "var(--theme-elevation-900)"
+};
+function AdminStudioContactFormView(props) {
+  const globalSlug = getPropString6(props, "globalSlug", "contact-form");
+  const globalsBasePath = getPropString6(props, "globalsBasePath", "/studio-globals");
+  const adminBasePath = useAdminBasePath();
+  const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
+  const rawGlobalPath = resolveAdminPath(adminBasePath, `/globals/${globalSlug}`);
+  const [doc, setDoc] = useState9(defaultDoc);
+  const [error, setError] = useState9(null);
+  const [isLoading, setIsLoading] = useState9(true);
+  const [isSaving, setIsSaving] = useState9(false);
+  const [savedMessage, setSavedMessage] = useState9(null);
+  useEffect10(() => {
+    let mounted = true;
+    const load = async () => {
+      setIsLoading(true);
+      setError(null);
+      setSavedMessage(null);
+      try {
+        const response = await fetch(`/api/globals/${globalSlug}?depth=0&draft=true`, {
+          credentials: "same-origin"
+        });
+        if (!response.ok) {
+          throw new Error(`Failed to load global (${response.status}).`);
+        }
+        const json = await response.json();
+        if (!mounted) return;
+        setDoc(normalizeDoc(json));
+      } catch (loadError) {
+        if (!mounted) return;
+        setError(loadError instanceof Error ? loadError.message : "Failed to load contact form settings.");
+      } finally {
+        if (mounted) {
+          setIsLoading(false);
+        }
+      }
+    };
+    void load();
+    return () => {
+      mounted = false;
+    };
+  }, [globalSlug]);
+  const payload = useMemo4(
+    () => ({
+      disabledMessage: doc.disabledMessage,
+      enabled: doc.enabled,
+      errorMessage: doc.errorMessage,
+      notificationEmail: doc.notificationEmail.trim(),
+      serviceOptions: doc.serviceOptions.map((option) => ({ label: option.label.trim() })).filter((option) => option.label.length > 0),
+      submitButtonLabel: doc.submitButtonLabel,
+      successMessage: doc.successMessage
+    }),
+    [doc]
+  );
+  const save = async () => {
+    setIsSaving(true);
+    setError(null);
+    setSavedMessage(null);
+    try {
+      const response = await fetch(`/api/globals/${globalSlug}`, {
+        body: JSON.stringify(payload),
+        credentials: "same-origin",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        method: "PATCH"
+      });
+      if (!response.ok) {
+        throw new Error(`Failed to save settings (${response.status}).`);
+      }
+      const json = await response.json();
+      setDoc(normalizeDoc(json));
+      setSavedMessage("Saved.");
+    } catch (saveError) {
+      setError(saveError instanceof Error ? saveError.message : "Failed to save contact form settings.");
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs14("div", { style: { paddingBottom: "2rem" }, children: [
+    /* @__PURE__ */ jsx15(
+      SetStepNav5,
+      {
+        nav: [
+          { label: "Globals", url: resolvedGlobalsBasePath },
+          { label: "Contact Form" }
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx15("h1", { style: { margin: 0 }, children: "Contact Form" }),
+    /* @__PURE__ */ jsx15("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Edit form behavior and submission messaging without leaving Studio." }),
+    isLoading ? /* @__PURE__ */ jsx15("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading form settings\u2026" }) : null,
+    error ? /* @__PURE__ */ jsx15("p", { style: { color: "var(--theme-error-600)" }, children: error }) : null,
+    savedMessage ? /* @__PURE__ */ jsx15("p", { style: { color: "var(--theme-success-700)" }, children: savedMessage }) : null,
+    !isLoading ? /* @__PURE__ */ jsxs14("div", { style: { display: "grid", gap: "1rem", marginTop: "1rem", maxWidth: 900 }, children: [
+      /* @__PURE__ */ jsxs14("label", { style: { ...fieldLabelStyle, alignItems: "center", display: "flex", gap: "0.6rem" }, children: [
+        /* @__PURE__ */ jsx15(
+          "input",
+          {
+            checked: doc.enabled,
+            onChange: (event) => setDoc((prev) => ({ ...prev, enabled: event.target.checked })),
+            type: "checkbox"
+          }
+        ),
+        "Form enabled"
+      ] }),
+      /* @__PURE__ */ jsxs14("label", { style: fieldLabelStyle, children: [
+        "Notification Email",
+        /* @__PURE__ */ jsx15(
+          "input",
+          {
+            onChange: (event) => setDoc((prev) => ({ ...prev, notificationEmail: event.target.value })),
+            style: inputStyle,
+            type: "email",
+            value: doc.notificationEmail
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs14("label", { style: fieldLabelStyle, children: [
+        "Submit Button Label",
+        /* @__PURE__ */ jsx15(
+          "input",
+          {
+            onChange: (event) => setDoc((prev) => ({ ...prev, submitButtonLabel: event.target.value })),
+            style: inputStyle,
+            type: "text",
+            value: doc.submitButtonLabel
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs14("label", { style: fieldLabelStyle, children: [
+        "Success Message",
+        /* @__PURE__ */ jsx15(
+          "input",
+          {
+            onChange: (event) => setDoc((prev) => ({ ...prev, successMessage: event.target.value })),
+            style: inputStyle,
+            type: "text",
+            value: doc.successMessage
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs14("label", { style: fieldLabelStyle, children: [
+        "Error Message",
+        /* @__PURE__ */ jsx15(
+          "input",
+          {
+            onChange: (event) => setDoc((prev) => ({ ...prev, errorMessage: event.target.value })),
+            style: inputStyle,
+            type: "text",
+            value: doc.errorMessage
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs14("label", { style: fieldLabelStyle, children: [
+        "Disabled Message",
+        /* @__PURE__ */ jsx15(
+          "input",
+          {
+            onChange: (event) => setDoc((prev) => ({ ...prev, disabledMessage: event.target.value })),
+            style: inputStyle,
+            type: "text",
+            value: doc.disabledMessage
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs14(
+        "div",
+        {
+          style: {
+            background: "var(--theme-elevation-0)",
+            border: "1px solid var(--theme-elevation-200)",
+            borderRadius: 14,
+            padding: "0.85rem"
+          },
+          children: [
+            /* @__PURE__ */ jsx15("div", { style: { fontWeight: 900, marginBottom: "0.65rem" }, children: "Service Options" }),
+            /* @__PURE__ */ jsx15("div", { style: { display: "grid", gap: "0.55rem" }, children: doc.serviceOptions.map((option, index) => /* @__PURE__ */ jsxs14("div", { style: { display: "flex", gap: "0.5rem" }, children: [
+              /* @__PURE__ */ jsx15(
+                "input",
+                {
+                  onChange: (event) => setDoc((prev) => ({
+                    ...prev,
+                    serviceOptions: prev.serviceOptions.map(
+                      (row, rowIndex) => rowIndex === index ? { label: event.target.value } : row
+                    )
+                  })),
+                  style: inputStyle,
+                  type: "text",
+                  value: option.label
+                }
+              ),
+              /* @__PURE__ */ jsx15(
+                "button",
+                {
+                  onClick: () => setDoc((prev) => ({
+                    ...prev,
+                    serviceOptions: prev.serviceOptions.length > 1 ? prev.serviceOptions.filter((_, rowIndex) => rowIndex !== index) : prev.serviceOptions
+                  })),
+                  style: ghostButtonStyle,
+                  type: "button",
+                  children: "Remove"
+                }
+              )
+            ] }, `${index}-${option.label}`)) }),
+            /* @__PURE__ */ jsx15(
+              "button",
+              {
+                onClick: () => setDoc((prev) => ({
+                  ...prev,
+                  serviceOptions: [...prev.serviceOptions, { label: "" }]
+                })),
+                style: { ...ghostButtonStyle, marginTop: "0.7rem" },
+                type: "button",
+                children: "Add Service"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs14("div", { style: { display: "flex", gap: "0.6rem" }, children: [
+        /* @__PURE__ */ jsx15("button", { disabled: isSaving, onClick: () => void save(), style: buttonStyle, type: "button", children: isSaving ? "Saving\u2026" : "Save Form Settings" }),
+        /* @__PURE__ */ jsx15(
+          "a",
+          {
+            href: rawGlobalPath,
+            style: {
+              ...ghostButtonStyle,
+              alignItems: "center",
+              display: "inline-flex",
+              justifyContent: "center",
+              textDecoration: "none"
+            },
+            children: "Open Raw Global"
+          }
+        )
+      ] })
+    ] }) : null
+  ] });
+}
+
+// src/admin/components/studio/AdminStudioMediaView.tsx
+import { SetStepNav as SetStepNav6 } from "@payloadcms/ui";
+import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+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;
+  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 AdminStudioMediaView(props) {
+  const mediaCollectionSlug = getPropString7(props, "mediaCollectionSlug", "media");
+  const adminBasePath = useAdminBasePath();
+  const mediaPath = resolveAdminPath(adminBasePath, `/collections/${mediaCollectionSlug}`);
+  const mediaViewPath = resolveAdminPath(adminBasePath, "/media");
+  return /* @__PURE__ */ jsxs15(Fragment6, { children: [
+    /* @__PURE__ */ jsx16(SetStepNav6, { nav: [{ label: "Media", url: mediaViewPath }] }),
+    /* @__PURE__ */ jsx16("h1", { style: { margin: 0 }, children: "Media" }),
+    /* @__PURE__ */ jsx16("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Media management is currently using Payload's library." }),
+    /* @__PURE__ */ jsx16("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: /* @__PURE__ */ jsxs15(
+      "a",
+      {
+        href: mediaPath,
+        style: {
+          background: "var(--theme-elevation-0)",
+          border: "1px solid var(--theme-elevation-150)",
+          borderRadius: 16,
+          color: "inherit",
+          padding: "0.85rem 1rem",
+          textDecoration: "none"
+        },
+        children: [
+          /* @__PURE__ */ jsx16("div", { style: { fontWeight: 900 }, children: "Open Media Library" }),
+          /* @__PURE__ */ jsx16("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: mediaPath })
+        ]
+      }
+    ) })
+  ] });
+}
+
+// src/admin/components/studio/AdminStudioFormsView.tsx
+import { useEffect as useEffect11, useMemo as useMemo5, useState as useState10 } from "react";
+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 isAdmin3 = (user) => {
+  if (!user || typeof user !== "object") return false;
+  const role = user.role;
+  return typeof role === "string" && role === "admin";
+};
+var isEditor2 = (user) => {
+  if (!user || typeof user !== "object") return false;
+  const role = user.role;
+  return typeof role === "string" && role === "editor";
+};
+var canReviewForms = (user) => isAdmin3(user) || isEditor2(user);
+var getPropString8 = (props, key, fallback) => {
+  if (!props || typeof props !== "object") return fallback;
+  const direct = props[key];
+  if (typeof direct === "string" && direct.length > 0) return direct;
+  const clientProps = props.clientProps;
+  if (clientProps && typeof clientProps === "object") {
+    const nested = clientProps[key];
+    if (typeof nested === "string" && nested.length > 0) return nested;
+  }
+  return fallback;
+};
+var formatDate = (value) => {
+  if (typeof value !== "string" || value.length === 0) {
+    return "Unknown date";
+  }
+  const parsed = new Date(value);
+  if (Number.isNaN(parsed.getTime())) {
+    return value;
+  }
+  return parsed.toLocaleString();
+};
+var formatFileSize = (value) => {
+  if (typeof value !== "number" || !Number.isFinite(value) || value <= 0) {
+    return null;
+  }
+  if (value < 1024) return `${value} B`;
+  if (value < 1024 * 1024) return `${(value / 1024).toFixed(1)} KB`;
+  return `${(value / (1024 * 1024)).toFixed(1)} MB`;
+};
+var getFieldEntries = (value) => {
+  if (!value || typeof value !== "object" || Array.isArray(value)) {
+    return [];
+  }
+  return Object.entries(value);
+};
+var getString = (value) => typeof value === "string" && value.trim().length > 0 ? value.trim() : null;
+var getSubmissionIdentity = (value) => {
+  const entries = getFieldEntries(value);
+  const byKey = Object.fromEntries(entries);
+  const firstName = getString(byKey.firstName) || getString(byKey.first_name);
+  const lastName = getString(byKey.lastName) || getString(byKey.last_name);
+  const email = getString(byKey.email) || getString(byKey.contactEmail) || getString(byKey.contact_email);
+  const fullName = getString(byKey.name) || [firstName, lastName].filter(Boolean).join(" ").trim() || void 0;
+  return {
+    ...email ? { email } : {},
+    ...fullName ? { name: fullName } : {}
+  };
+};
+var renderValue = (value) => {
+  if (value === null || value === void 0 || value === "") {
+    return /* @__PURE__ */ jsx17("span", { style: { color: "var(--theme-elevation-500)" }, children: "\u2014" });
+  }
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+    return String(value);
+  }
+  if (Array.isArray(value)) {
+    if (value.length === 0) {
+      return /* @__PURE__ */ jsx17("span", { style: { color: "var(--theme-elevation-500)" }, children: "\u2014" });
+    }
+    const primitiveValues = value.every(
+      (entry) => typeof entry === "string" || typeof entry === "number" || typeof entry === "boolean" || entry === null
+    );
+    if (primitiveValues) {
+      return value.map((entry) => String(entry)).join(", ");
+    }
+    return /* @__PURE__ */ jsx17(
+      "pre",
+      {
+        style: {
+          margin: 0,
+          overflowX: "auto",
+          whiteSpace: "pre-wrap",
+          wordBreak: "break-word"
+        },
+        children: JSON.stringify(value, null, 2)
+      }
+    );
+  }
+  if (typeof value === "object") {
+    return /* @__PURE__ */ jsx17(
+      "pre",
+      {
+        style: {
+          margin: 0,
+          overflowX: "auto",
+          whiteSpace: "pre-wrap",
+          wordBreak: "break-word"
+        },
+        children: JSON.stringify(value, null, 2)
+      }
+    );
+  }
+  return String(value);
+};
+var getFormID = (value) => {
+  if (typeof value === "string" || typeof value === "number") {
+    return String(value);
+  }
+  if (value && typeof value === "object") {
+    const id = value.id;
+    if (typeof id === "string" || typeof id === "number") {
+      return String(id);
+    }
+  }
+  return null;
+};
+var getUploads = (value) => {
+  if (!Array.isArray(value)) {
+    return [];
+  }
+  return value.map((entry) => {
+    if (typeof entry === "string" || typeof entry === "number") {
+      return { id: entry };
+    }
+    if (entry && typeof entry === "object") {
+      return entry;
+    }
+    return null;
+  }).filter((entry) => Boolean(entry));
+};
+var panelStyle = {
+  background: "var(--theme-elevation-0)",
+  border: "1px solid var(--theme-elevation-150)",
+  borderRadius: 18
+};
+function AdminStudioFormsView(props) {
+  const { user } = useAuth4();
+  const formsCollectionSlug = getPropString8(props, "formsCollectionSlug", "forms");
+  const formSubmissionsCollectionSlug = getPropString8(
+    props,
+    "formSubmissionsCollectionSlug",
+    "form-submissions"
+  );
+  const formUploadsCollectionSlug = getPropString8(props, "formUploadsCollectionSlug", "form-uploads");
+  const adminBasePath = useAdminBasePath();
+  const formsViewPath = resolveAdminPath(adminBasePath, "/studio-forms");
+  const rawFormsPath = resolveAdminPath(adminBasePath, `/collections/${formsCollectionSlug}`);
+  const rawSubmissionsPath = resolveAdminPath(
+    adminBasePath,
+    `/collections/${formSubmissionsCollectionSlug}`
+  );
+  const rawUploadsPath = resolveAdminPath(adminBasePath, `/collections/${formUploadsCollectionSlug}`);
+  const [selectedFormID, setSelectedFormID] = useState10("");
+  const [forms, setForms] = useState10([]);
+  const [submissions, setSubmissions] = useState10([]);
+  const [formsLoading, setFormsLoading] = useState10(true);
+  const [submissionsLoading, setSubmissionsLoading] = useState10(false);
+  const [formsError, setFormsError] = useState10(null);
+  const [submissionsError, setSubmissionsError] = useState10(null);
+  const selectedForm = useMemo5(
+    () => forms.find((form) => {
+      const id = typeof form.id === "string" || typeof form.id === "number" ? String(form.id) : "";
+      return selectedFormID.length > 0 && id === selectedFormID;
+    }) || null,
+    [forms, selectedFormID]
+  );
+  useEffect11(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const params = new URLSearchParams(window.location.search);
+    const formID = params.get("form");
+    if (formID) {
+      setSelectedFormID(formID);
+    }
+  }, []);
+  useEffect11(() => {
+    if (!canReviewForms(user)) {
+      return;
+    }
+    let cancelled = false;
+    const run = async () => {
+      setFormsLoading(true);
+      setFormsError(null);
+      try {
+        const params = new URLSearchParams({
+          depth: "0",
+          limit: "100",
+          sort: "title"
+        });
+        const response = await fetch(`/api/${formsCollectionSlug}?${params.toString()}`, {
+          credentials: "include"
+        });
+        if (!response.ok) {
+          const body = await response.text();
+          throw new Error(body || "Failed to fetch forms");
+        }
+        const next = await response.json();
+        const docs = Array.isArray(next.docs) ? next.docs : [];
+        if (cancelled) return;
+        setForms(docs);
+        setSelectedFormID((current) => {
+          if (docs.length === 0) {
+            return "";
+          }
+          const knownSelected = docs.some((doc) => {
+            const id = typeof doc.id === "string" || typeof doc.id === "number" ? String(doc.id) : "";
+            return id === current;
+          });
+          if (knownSelected) {
+            return current;
+          }
+          const firstID = docs[0]?.id;
+          return typeof firstID === "string" || typeof firstID === "number" ? String(firstID) : "";
+        });
+      } catch (error) {
+        if (!cancelled) {
+          setFormsError(error instanceof Error ? error.message : "Failed to fetch forms");
+        }
+      } finally {
+        if (!cancelled) {
+          setFormsLoading(false);
+        }
+      }
+    };
+    void run();
+    return () => {
+      cancelled = true;
+    };
+  }, [formsCollectionSlug, user]);
+  useEffect11(() => {
+    if (!selectedFormID || !canReviewForms(user)) {
+      setSubmissions([]);
+      return;
+    }
+    let cancelled = false;
+    const run = async () => {
+      setSubmissionsLoading(true);
+      setSubmissionsError(null);
+      try {
+        const params = new URLSearchParams({
+          depth: "1",
+          limit: "100",
+          sort: "-submittedAt"
+        });
+        params.set("where[form][equals]", selectedFormID);
+        const response = await fetch(`/api/${formSubmissionsCollectionSlug}?${params.toString()}`, {
+          credentials: "include"
+        });
+        if (!response.ok) {
+          const body = await response.text();
+          throw new Error(body || "Failed to fetch submissions");
+        }
+        const next = await response.json();
+        if (!cancelled) {
+          setSubmissions(Array.isArray(next.docs) ? next.docs : []);
+        }
+      } catch (error) {
+        if (!cancelled) {
+          setSubmissionsError(
+            error instanceof Error ? error.message : "Failed to fetch form submissions"
+          );
+        }
+      } finally {
+        if (!cancelled) {
+          setSubmissionsLoading(false);
+        }
+      }
+    };
+    void run();
+    return () => {
+      cancelled = true;
+    };
+  }, [formSubmissionsCollectionSlug, selectedFormID, user]);
+  useEffect11(() => {
+    if (typeof window === "undefined" || !selectedFormID) {
+      return;
+    }
+    const url = new URL(window.location.href);
+    url.searchParams.set("form", selectedFormID);
+    window.history.replaceState({}, "", url.toString());
+  }, [selectedFormID]);
+  if (!canReviewForms(user)) {
+    return /* @__PURE__ */ jsxs16(Fragment7, { children: [
+      /* @__PURE__ */ jsx17(SetStepNav7, { nav: [{ label: "Forms", url: formsViewPath }] }),
+      /* @__PURE__ */ jsx17("h1", { style: { margin: 0 }, children: "Forms" }),
+      /* @__PURE__ */ jsx17("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "You do not have access to this page." })
+    ] });
+  }
+  const selectedTitle = selectedForm && typeof selectedForm.title === "string" && selectedForm.title || "Forms";
+  const selectedSlug = selectedForm && typeof selectedForm.slug === "string" && selectedForm.slug || null;
+  const selectedStepCount = Array.isArray(selectedForm?.steps) ? selectedForm.steps.length : 0;
+  const selectedFieldCount = Array.isArray(selectedForm?.steps) ? selectedForm.steps.reduce((count, step) => {
+    if (!step || typeof step !== "object") return count;
+    const fields = step.fields;
+    return count + (Array.isArray(fields) ? fields.length : 0);
+  }, 0) : 0;
+  return /* @__PURE__ */ jsxs16(Fragment7, { children: [
+    /* @__PURE__ */ jsx17(SetStepNav7, { nav: [{ label: "Forms", url: formsViewPath }] }),
+    /* @__PURE__ */ jsxs16("div", { style: { alignItems: "flex-end", display: "flex", flexWrap: "wrap", gap: "0.75rem" }, children: [
+      /* @__PURE__ */ jsxs16("div", { style: { flex: 1, minWidth: 240 }, children: [
+        /* @__PURE__ */ jsx17("h1", { style: { margin: 0 }, children: "Forms" }),
+        /* @__PURE__ */ jsx17("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Review your forms, responses, and any uploaded files in one place." })
+      ] }),
+      /* @__PURE__ */ jsxs16("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: [
+        /* @__PURE__ */ jsx17(
+          "a",
+          {
+            href: rawFormsPath,
+            style: {
+              background: "var(--theme-elevation-900)",
+              borderRadius: 12,
+              color: "var(--theme-elevation-0)",
+              fontWeight: 800,
+              padding: "0.55rem 0.85rem",
+              textDecoration: "none"
+            },
+            children: "Open Forms Collection"
+          }
+        ),
+        /* @__PURE__ */ jsx17(
+          "a",
+          {
+            href: rawSubmissionsPath,
+            style: {
+              border: "1px solid var(--theme-elevation-200)",
+              borderRadius: 12,
+              color: "inherit",
+              fontWeight: 800,
+              padding: "0.55rem 0.85rem",
+              textDecoration: "none"
+            },
+            children: "Open Submissions"
+          }
+        ),
+        /* @__PURE__ */ jsx17(
+          "a",
+          {
+            href: rawUploadsPath,
+            style: {
+              border: "1px solid var(--theme-elevation-200)",
+              borderRadius: 12,
+              color: "inherit",
+              fontWeight: 800,
+              padding: "0.55rem 0.85rem",
+              textDecoration: "none"
+            },
+            children: "Open Uploads"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs16(
+      "div",
+      {
+        style: {
+          display: "grid",
+          gap: "1rem",
+          gridTemplateColumns: "minmax(260px, 320px) minmax(0, 1fr)",
+          marginTop: "1rem"
+        },
+        children: [
+          /* @__PURE__ */ jsxs16("section", { style: { ...panelStyle, padding: "1rem" }, children: [
+            /* @__PURE__ */ jsx17("div", { style: { fontSize: "0.82rem", fontWeight: 900, letterSpacing: "0.08em", textTransform: "uppercase" }, children: "Site forms" }),
+            formsLoading ? /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.85rem" }, children: "Loading forms\u2026" }) : null,
+            formsError ? /* @__PURE__ */ jsx17("div", { style: { color: "crimson", marginTop: "0.85rem" }, children: formsError }) : null,
+            !formsLoading && !formsError && forms.length === 0 ? /* @__PURE__ */ jsx17(
+              "div",
+              {
+                style: {
+                  border: "1px dashed var(--theme-elevation-300)",
+                  borderRadius: 16,
+                  color: "var(--theme-elevation-700)",
+                  marginTop: "0.85rem",
+                  padding: "0.9rem"
+                },
+                children: "No forms found."
+              }
+            ) : null,
+            /* @__PURE__ */ jsx17("div", { style: { display: "grid", gap: "0.55rem", marginTop: "0.85rem" }, children: forms.map((form) => {
+              const id = typeof form.id === "string" || typeof form.id === "number" ? String(form.id) : "";
+              if (!id) return null;
+              const title = typeof form.title === "string" ? form.title : "Untitled Form";
+              const slug = typeof form.slug === "string" ? form.slug : "";
+              const isSelected = id === selectedFormID;
+              return /* @__PURE__ */ jsxs16(
+                "button",
+                {
+                  onClick: () => setSelectedFormID(id),
+                  style: {
+                    background: isSelected ? "var(--theme-elevation-50)" : "var(--theme-elevation-0)",
+                    border: `1px solid ${isSelected ? "var(--theme-elevation-300)" : "var(--theme-elevation-150)"}`,
+                    borderRadius: 16,
+                    cursor: "pointer",
+                    padding: "0.85rem",
+                    textAlign: "left"
+                  },
+                  type: "button",
+                  children: [
+                    /* @__PURE__ */ jsx17("div", { style: { fontWeight: 900 }, children: title }),
+                    slug ? /* @__PURE__ */ jsx17(
+                      "div",
+                      {
+                        style: {
+                          color: "var(--theme-elevation-600)",
+                          fontSize: "0.9rem",
+                          marginTop: "0.2rem"
+                        },
+                        children: slug
+                      }
+                    ) : null
+                  ]
+                },
+                id
+              );
+            }) })
+          ] }),
+          /* @__PURE__ */ jsxs16("section", { style: { display: "grid", gap: "1rem" }, children: [
+            /* @__PURE__ */ jsxs16("div", { style: { ...panelStyle, padding: "1rem" }, children: [
+              /* @__PURE__ */ jsxs16(
+                "div",
+                {
+                  style: {
+                    alignItems: "flex-start",
+                    display: "flex",
+                    flexWrap: "wrap",
+                    gap: "0.9rem",
+                    justifyContent: "space-between"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs16("div", { children: [
+                      /* @__PURE__ */ jsx17(
+                        "div",
+                        {
+                          style: {
+                            color: "var(--theme-elevation-600)",
+                            fontSize: "0.82rem",
+                            fontWeight: 900,
+                            letterSpacing: "0.08em",
+                            textTransform: "uppercase"
+                          },
+                          children: "Selected form"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx17("h2", { style: { margin: "0.2rem 0 0", fontSize: "1.45rem" }, children: selectedTitle }),
+                      selectedSlug ? /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.2rem" }, children: selectedSlug }) : null
+                    ] }),
+                    selectedFormID ? /* @__PURE__ */ jsx17(
+                      "a",
+                      {
+                        href: `${rawFormsPath}/${selectedFormID}`,
+                        style: {
+                          border: "1px solid var(--theme-elevation-200)",
+                          borderRadius: 12,
+                          color: "inherit",
+                          fontWeight: 800,
+                          padding: "0.55rem 0.85rem",
+                          textDecoration: "none"
+                        },
+                        children: "Edit Form"
+                      }
+                    ) : null
+                  ]
+                }
+              ),
+              selectedForm ? /* @__PURE__ */ jsxs16(
+                "div",
+                {
+                  style: {
+                    display: "grid",
+                    gap: "0.75rem",
+                    gridTemplateColumns: "repeat(auto-fit, minmax(180px, 1fr))",
+                    marginTop: "1rem"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs16("div", { style: { ...panelStyle, padding: "0.8rem 0.9rem" }, children: [
+                      /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Steps" }),
+                      /* @__PURE__ */ jsx17("div", { style: { fontSize: "1.35rem", fontWeight: 900, marginTop: "0.2rem" }, children: selectedStepCount })
+                    ] }),
+                    /* @__PURE__ */ jsxs16("div", { style: { ...panelStyle, padding: "0.8rem 0.9rem" }, children: [
+                      /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Fields" }),
+                      /* @__PURE__ */ jsx17("div", { style: { fontSize: "1.35rem", fontWeight: 900, marginTop: "0.2rem" }, children: selectedFieldCount })
+                    ] }),
+                    /* @__PURE__ */ jsxs16("div", { style: { ...panelStyle, padding: "0.8rem 0.9rem" }, children: [
+                      /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Submit label" }),
+                      /* @__PURE__ */ jsx17("div", { style: { fontSize: "1rem", fontWeight: 900, marginTop: "0.2rem" }, children: typeof selectedForm.submitLabel === "string" && selectedForm.submitLabel.length > 0 ? selectedForm.submitLabel : "Submit" })
+                    ] }),
+                    /* @__PURE__ */ jsxs16("div", { style: { ...panelStyle, padding: "0.8rem 0.9rem" }, children: [
+                      /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Updated" }),
+                      /* @__PURE__ */ jsx17("div", { style: { fontSize: "1rem", fontWeight: 900, marginTop: "0.2rem" }, children: formatDate(selectedForm.updatedAt) })
+                    ] })
+                  ]
+                }
+              ) : /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", marginTop: "1rem" }, children: "Pick a form to review its responses." })
+            ] }),
+            /* @__PURE__ */ jsxs16("div", { style: { ...panelStyle, padding: "1rem" }, children: [
+              /* @__PURE__ */ jsxs16(
+                "div",
+                {
+                  style: {
+                    alignItems: "center",
+                    display: "flex",
+                    flexWrap: "wrap",
+                    gap: "0.75rem",
+                    justifyContent: "space-between"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs16("div", { children: [
+                      /* @__PURE__ */ jsx17("h2", { style: { fontSize: "1.2rem", margin: 0 }, children: "Responses" }),
+                      /* @__PURE__ */ jsx17("p", { style: { color: "var(--theme-elevation-600)", margin: "0.25rem 0 0" }, children: "Latest submissions and any files they uploaded." })
+                    ] }),
+                    selectedFormID ? /* @__PURE__ */ jsx17(
+                      "a",
+                      {
+                        href: rawSubmissionsPath,
+                        style: {
+                          border: "1px solid var(--theme-elevation-200)",
+                          borderRadius: 12,
+                          color: "inherit",
+                          fontWeight: 800,
+                          padding: "0.55rem 0.85rem",
+                          textDecoration: "none"
+                        },
+                        children: "Raw Submissions"
+                      }
+                    ) : null
+                  ]
+                }
+              ),
+              submissionsLoading ? /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", marginTop: "1rem" }, children: "Loading responses\u2026" }) : null,
+              submissionsError ? /* @__PURE__ */ jsx17("div", { style: { color: "crimson", marginTop: "1rem" }, children: submissionsError }) : null,
+              !submissionsLoading && !submissionsError && selectedFormID && submissions.length === 0 ? /* @__PURE__ */ jsx17(
+                "div",
+                {
+                  style: {
+                    border: "1px dashed var(--theme-elevation-300)",
+                    borderRadius: 16,
+                    color: "var(--theme-elevation-700)",
+                    marginTop: "1rem",
+                    padding: "1rem"
+                  },
+                  children: "No responses yet for this form."
+                }
+              ) : null,
+              /* @__PURE__ */ jsx17("div", { style: { display: "grid", gap: "0.9rem", marginTop: "1rem" }, children: submissions.map((submission) => {
+                const id = typeof submission.id === "string" || typeof submission.id === "number" ? String(submission.id) : "";
+                if (!id) return null;
+                const submissionData = submission.data;
+                const identity = getSubmissionIdentity(submissionData);
+                const uploads = getUploads(submission.files);
+                const formSlug = getString(submission.formSlug);
+                const submissionFormID = getFormID(submission.form);
+                return /* @__PURE__ */ jsxs16("article", { style: { ...panelStyle, padding: "1rem" }, children: [
+                  /* @__PURE__ */ jsxs16(
+                    "div",
+                    {
+                      style: {
+                        alignItems: "flex-start",
+                        display: "flex",
+                        flexWrap: "wrap",
+                        gap: "0.75rem",
+                        justifyContent: "space-between"
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxs16("div", { children: [
+                          /* @__PURE__ */ jsx17("div", { style: { fontWeight: 900 }, children: identity.name || identity.email || "Submission" }),
+                          /* @__PURE__ */ jsxs16("div", { style: { color: "var(--theme-elevation-600)", marginTop: "0.2rem" }, children: [
+                            formatDate(submission.submittedAt),
+                            formSlug ? ` \xB7 ${formSlug}` : ""
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ jsxs16("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: [
+                          submissionFormID ? /* @__PURE__ */ jsx17(
+                            "a",
+                            {
+                              href: `${rawFormsPath}/${submissionFormID}`,
+                              style: {
+                                border: "1px solid var(--theme-elevation-200)",
+                                borderRadius: 999,
+                                color: "inherit",
+                                fontSize: "0.88rem",
+                                fontWeight: 800,
+                                padding: "0.3rem 0.65rem",
+                                textDecoration: "none"
+                              },
+                              children: "Form"
+                            }
+                          ) : null,
+                          /* @__PURE__ */ jsx17(
+                            "a",
+                            {
+                              href: `${rawSubmissionsPath}/${id}`,
+                              style: {
+                                border: "1px solid var(--theme-elevation-200)",
+                                borderRadius: 999,
+                                color: "inherit",
+                                fontSize: "0.88rem",
+                                fontWeight: 800,
+                                padding: "0.3rem 0.65rem",
+                                textDecoration: "none"
+                              },
+                              children: "Submission"
+                            }
+                          )
+                        ] })
+                      ]
+                    }
+                  ),
+                  identity.name || identity.email ? /* @__PURE__ */ jsxs16(
+                    "div",
+                    {
+                      style: {
+                        display: "grid",
+                        gap: "0.65rem",
+                        gridTemplateColumns: "repeat(auto-fit, minmax(180px, 1fr))",
+                        marginTop: "0.9rem"
+                      },
+                      children: [
+                        identity.name ? /* @__PURE__ */ jsxs16("div", { style: { ...panelStyle, padding: "0.75rem 0.85rem" }, children: [
+                          /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Name" }),
+                          /* @__PURE__ */ jsx17("div", { style: { fontWeight: 900, marginTop: "0.2rem" }, children: identity.name })
+                        ] }) : null,
+                        identity.email ? /* @__PURE__ */ jsxs16("div", { style: { ...panelStyle, padding: "0.75rem 0.85rem" }, children: [
+                          /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.82rem" }, children: "Email" }),
+                          /* @__PURE__ */ jsx17("div", { style: { fontWeight: 900, marginTop: "0.2rem" }, children: identity.email })
+                        ] }) : null
+                      ]
+                    }
+                  ) : null,
+                  /* @__PURE__ */ jsxs16("div", { style: { marginTop: "1rem" }, children: [
+                    /* @__PURE__ */ jsx17(
+                      "div",
+                      {
+                        style: {
+                          color: "var(--theme-elevation-600)",
+                          fontSize: "0.82rem",
+                          fontWeight: 900,
+                          letterSpacing: "0.08em",
+                          marginBottom: "0.5rem",
+                          textTransform: "uppercase"
+                        },
+                        children: "Response data"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx17("div", { style: { display: "grid", gap: "0.55rem" }, children: getFieldEntries(submissionData).map(([key, value]) => /* @__PURE__ */ jsxs16(
+                      "div",
+                      {
+                        style: {
+                          ...panelStyle,
+                          display: "grid",
+                          gap: "0.45rem",
+                          gridTemplateColumns: "minmax(160px, 220px) minmax(0, 1fr)",
+                          padding: "0.8rem 0.9rem"
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx17(
+                            "div",
+                            {
+                              style: {
+                                color: "var(--theme-elevation-700)",
+                                fontSize: "0.92rem",
+                                fontWeight: 900,
+                                overflowWrap: "anywhere"
+                              },
+                              children: key
+                            }
+                          ),
+                          /* @__PURE__ */ jsx17("div", { style: { overflowWrap: "anywhere" }, children: renderValue(value) })
+                        ]
+                      },
+                      key
+                    )) })
+                  ] }),
+                  /* @__PURE__ */ jsxs16("div", { style: { marginTop: "1rem" }, children: [
+                    /* @__PURE__ */ jsx17(
+                      "div",
+                      {
+                        style: {
+                          color: "var(--theme-elevation-600)",
+                          fontSize: "0.82rem",
+                          fontWeight: 900,
+                          letterSpacing: "0.08em",
+                          marginBottom: "0.5rem",
+                          textTransform: "uppercase"
+                        },
+                        children: "Uploads"
+                      }
+                    ),
+                    uploads.length === 0 ? /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)" }, children: "No files attached." }) : /* @__PURE__ */ jsx17("div", { style: { display: "grid", gap: "0.55rem" }, children: uploads.map((upload, index) => {
+                      const uploadID = typeof upload.id === "string" || typeof upload.id === "number" ? String(upload.id) : "";
+                      if (!uploadID) return null;
+                      const label = typeof upload.filename === "string" && upload.filename || `Upload ${index + 1}`;
+                      const meta = [
+                        typeof upload.mimeType === "string" ? upload.mimeType : null,
+                        formatFileSize(upload.filesize)
+                      ].filter(Boolean);
+                      return /* @__PURE__ */ jsxs16(
+                        "a",
+                        {
+                          href: `${rawUploadsPath}/${uploadID}`,
+                          style: {
+                            ...panelStyle,
+                            color: "inherit",
+                            display: "flex",
+                            gap: "0.75rem",
+                            justifyContent: "space-between",
+                            padding: "0.8rem 0.9rem",
+                            textDecoration: "none"
+                          },
+                          children: [
+                            /* @__PURE__ */ jsxs16("div", { children: [
+                              /* @__PURE__ */ jsx17("div", { style: { fontWeight: 900 }, children: label }),
+                              meta.length > 0 ? /* @__PURE__ */ jsx17(
+                                "div",
+                                {
+                                  style: {
+                                    color: "var(--theme-elevation-600)",
+                                    fontSize: "0.9rem",
+                                    marginTop: "0.2rem"
+                                  },
+                                  children: meta.join(" \xB7 ")
+                                }
+                              ) : null
+                            ] }),
+                            /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", fontWeight: 800 }, children: "Open" })
+                          ]
+                        },
+                        uploadID
+                      );
+                    }) })
+                  ] })
+                ] }, id);
+              }) })
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/admin/components/studio/AdminStudioToolsView.tsx
+import { SetStepNav as SetStepNav8, useAuth as useAuth5 } from "@payloadcms/ui";
+import { Fragment as Fragment8, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+var isAdmin4 = (user) => {
+  if (!user || typeof user !== "object") return false;
+  const role = user.role;
+  return typeof role === "string" && role === "admin";
+};
+var getPropString9 = (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 AdminStudioToolsView(props) {
+  const { user } = useAuth5();
+  const adminBasePath = useAdminBasePath();
+  const toolsPath = resolveAdminPath(adminBasePath, "/tools");
+  if (!isAdmin4(user)) {
+    return /* @__PURE__ */ jsxs17(Fragment8, { children: [
+      /* @__PURE__ */ jsx18(SetStepNav8, { nav: [{ label: "Admin Tools", url: toolsPath }] }),
+      /* @__PURE__ */ jsx18("h1", { style: { margin: 0 }, children: "Admin Tools" }),
+      /* @__PURE__ */ jsx18("p", { style: { color: "var(--theme-elevation-600)" }, children: "You do not have access to this page." })
+    ] });
+  }
+  const pagesCollectionSlug = getPropString9(props, "pagesCollectionSlug", "pages");
+  const mediaCollectionSlug = getPropString9(props, "mediaCollectionSlug", "media");
+  const links = [
+    { href: resolveAdminPath(adminBasePath, `/collections/${pagesCollectionSlug}`), label: "Raw Pages Collection" },
+    { href: resolveAdminPath(adminBasePath, `/collections/${mediaCollectionSlug}`), label: "Raw Media Collection" },
+    { href: resolveAdminPath(adminBasePath, "/globals/site-settings"), label: "Raw Site Settings Global" },
+    { href: resolveAdminPath(adminBasePath, "/globals/header"), label: "Raw Header Global" },
+    { href: resolveAdminPath(adminBasePath, "/globals/footer"), label: "Raw Footer Global" },
+    { href: resolveAdminPath(adminBasePath, "/collections/users"), label: "Users / Roles" }
+  ];
+  return /* @__PURE__ */ jsxs17(Fragment8, { children: [
+    /* @__PURE__ */ jsx18(SetStepNav8, { nav: [{ label: "Admin Tools", url: toolsPath }] }),
+    /* @__PURE__ */ jsx18("h1", { style: { margin: 0 }, children: "Admin Tools" }),
+    /* @__PURE__ */ jsx18("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Hidden fallback links for administrators." }),
+    /* @__PURE__ */ jsx18("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: links.map((link) => /* @__PURE__ */ jsxs17(
+      "a",
+      {
+        href: link.href,
+        style: {
+          background: "var(--theme-elevation-0)",
+          border: "1px solid var(--theme-elevation-150)",
+          borderRadius: 16,
+          color: "inherit",
+          padding: "0.85rem 1rem",
+          textDecoration: "none"
+        },
+        children: [
+          /* @__PURE__ */ jsx18("div", { style: { fontWeight: 900 }, children: link.label }),
+          /* @__PURE__ */ jsx18("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: link.href })
+        ]
+      },
+      link.href
+    )) })
+  ] });
 }
 
 // src/admin/components/studio/OpenInStudioMenuItem.tsx
 import { useDocumentInfo } from "@payloadcms/ui";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function OpenInStudioMenuItem({ pagesPathBase = "/studio/pages" }) {
   const documentInfo = useDocumentInfo();
   const id = documentInfo?.id;
   if (!id) {
     return null;
   }
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     "a",
     {
       href: `${pagesPathBase}/${id}`,
@@ -1895,19 +3379,19 @@ function OpenInStudioMenuItem({ pagesPathBase = "/studio/pages" }) {
 }
 
 // src/admin/components/studio/PageEditRedirectToStudio.tsx
-import { useEffect as useEffect9 } from "react";
+import { useEffect as useEffect12 } from "react";
 import { useDocumentInfo as useDocumentInfo2 } from "@payloadcms/ui";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 function PageEditRedirectToStudio({ pagesPathBase = "/studio/pages" }) {
   const documentInfo = useDocumentInfo2();
   const id = documentInfo?.id;
-  useEffect9(() => {
+  useEffect12(() => {
     if (!id) {
       return;
     }
     window.location.replace(`${pagesPathBase}/${id}`);
   }, [id, pagesPathBase]);
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs18(
     "div",
     {
       style: {
@@ -1919,56 +3403,113 @@ function PageEditRedirectToStudio({ pagesPathBase = "/studio/pages" }) {
         minHeight: "50vh"
       },
       children: [
-        /* @__PURE__ */ jsx18("h2", { style: { margin: 0 }, children: "Opening Editor..." }),
-        /* @__PURE__ */ jsx18("p", { style: { color: "var(--theme-elevation-600)", margin: 0 }, children: "Redirecting to the custom page editor." }),
-        id ? /* @__PURE__ */ jsx18("a", { href: `${pagesPathBase}/${id}`, children: "Continue to Editor" }) : /* @__PURE__ */ jsx18("a", { href: pagesPathBase, children: "Open Pages" })
+        /* @__PURE__ */ jsx20("h2", { style: { margin: 0 }, children: "Opening Editor..." }),
+        /* @__PURE__ */ jsx20("p", { style: { color: "var(--theme-elevation-600)", margin: 0 }, children: "Redirecting to the custom page editor." }),
+        id ? /* @__PURE__ */ jsx20("a", { href: `${pagesPathBase}/${id}`, children: "Continue to Editor" }) : /* @__PURE__ */ jsx20("a", { href: pagesPathBase, children: "Open Pages" })
       ]
     }
   );
 }
 
 // src/admin/components/studio/StudioBackBreadcrumb.tsx
-import { SetStepNav as SetStepNav7 } from "@payloadcms/ui";
-import { usePathname } from "next/navigation";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { useEffect as useEffect13, useState as useState11 } from "react";
+import { SetStepNav as SetStepNav9 } from "@payloadcms/ui";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var toTitle = (slug) => slug.split("-").filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
-var buildNav = (pathname) => {
+var buildNav = (pathname, adminBasePath) => {
   if (pathname.includes("/globals/")) {
     const slug = pathname.split("/globals/")[1]?.split("/")[0] || "";
     const currentLabel = slug === "site-settings" ? "Website Settings" : toTitle(slug) || "Global";
     return [
-      { label: "Globals", url: "/admin/studio-globals" },
+      { label: "Globals", url: resolveAdminPath(adminBasePath, "/studio-globals") },
       { label: currentLabel }
     ];
   }
-  if (pathname.includes("/collections/pages") || pathname.startsWith("/admin/pages/")) {
+  if (pathname.includes("/studio-contact-form")) {
     return [
-      { label: "Pages", url: "/admin/collections/pages" },
+      { label: "Globals", url: resolveAdminPath(adminBasePath, "/studio-globals") },
+      { label: "Contact Form" }
+    ];
+  }
+  if (pathname.includes("/collections/pages") || pathname.includes("/pages/")) {
+    return [
+      { label: "Pages", url: resolveAdminPath(adminBasePath, "/collections/pages") },
       { label: "Page" }
     ];
   }
   if (pathname.includes("/collections/media")) {
     return [
-      { label: "Media", url: "/admin/collections/media" },
+      { label: "Media", url: resolveAdminPath(adminBasePath, "/collections/media") },
       { label: "Media Item" }
     ];
   }
-  if (pathname.startsWith("/admin/tools") || pathname.includes("/collections/users")) {
+  if (pathname.includes("/tools") || pathname.includes("/collections/users")) {
     return [
-      { label: "Admin Tools", url: "/admin/collections/users" },
+      { label: "Admin Tools", url: resolveAdminPath(adminBasePath, "/collections/users") },
       { label: "Tool" }
     ];
   }
   return null;
 };
 function StudioBackBreadcrumb() {
-  const pathname = usePathname();
-  const nav = buildNav(pathname);
+  const adminBasePath = useAdminBasePath();
+  const [pathname, setPathname] = useState11("");
+  useEffect13(() => {
+    const update = () => setPathname(window.location.pathname);
+    update();
+    window.addEventListener("popstate", update);
+    return () => window.removeEventListener("popstate", update);
+  }, []);
+  const nav = buildNav(pathname, adminBasePath);
   if (!nav) return null;
-  return /* @__PURE__ */ jsx19(SetStepNav7, { nav });
+  return /* @__PURE__ */ jsx21(SetStepNav9, { nav });
+}
+
+// src/admin/components/studio/StudioContactFormRedirect.tsx
+import { useEffect as useEffect14 } from "react";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+var getPropString10 = (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 StudioContactFormRedirect(props) {
+  const adminBasePath = useAdminBasePath();
+  const studioContactFormPath = getPropString10(props, "studioContactFormPath", "/studio-contact-form");
+  const targetPath = resolveAdminPath(adminBasePath, studioContactFormPath);
+  useEffect14(() => {
+    if (window.location.pathname === targetPath) return;
+    window.location.replace(targetPath);
+  }, [targetPath]);
+  return /* @__PURE__ */ jsxs19(
+    "div",
+    {
+      style: {
+        alignItems: "center",
+        color: "var(--theme-elevation-800)",
+        display: "flex",
+        flexDirection: "column",
+        gap: "0.75rem",
+        justifyContent: "center",
+        minHeight: "40vh"
+      },
+      children: [
+        /* @__PURE__ */ jsx22("h2", { style: { margin: 0 }, children: "Opening Contact Form Editor..." }),
+        /* @__PURE__ */ jsx22("a", { href: targetPath, children: "Continue" })
+      ]
+    }
+  );
 }
 export {
+  AdminStudioContactFormView,
   AdminStudioDashboard,
+  AdminStudioFormsView,
   AdminStudioGlobalsView,
   AdminStudioMediaView,
   AdminStudioNav,
@@ -1987,6 +3528,7 @@ export {
   SectionTabs,
   StatusBadge,
   StudioBackBreadcrumb,
+  StudioContactFormRedirect,
   ThemeProvider,
   ThemeSwitcher,
   WelcomeHeader,