@orion-studios/payload-studio 0.5.0-beta.8 → 0.5.0-beta.80

package/dist/admin/client.mjs

@@ -1096,6 +1096,83 @@ function WelcomeHeader({
 
 // src/admin/components/studio/AdminStudioDashboard.tsx
 import { SetStepNav } from "@payloadcms/ui";
+
+// 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 isAbsoluteExternalURL = (value) => /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(value) || value.startsWith("//");
+var resolveAdminPath = (adminBasePath, targetPath) => {
+  if (!targetPath) return adminBasePath;
+  if (isAbsoluteExternalURL(targetPath)) return targetPath;
+  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)",
@@ -1119,9 +1196,13 @@ var getPropString = (props, key, fallback) => {
 function AdminStudioDashboard(props) {
   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 adminBasePath = useAdminBasePath();
+  const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
+  const pagesPath = resolveAdminPath(adminBasePath, `/collections/${pagesCollectionSlug}`);
+  const mediaPath = resolveAdminPath(adminBasePath, `/collections/${mediaCollectionSlug}`);
   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,15 +1215,15 @@ 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: [
+          /* @__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." })
           ] })
@@ -1153,7 +1234,7 @@ 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) => {
@@ -1183,47 +1264,83 @@ 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;
+};
 function AdminStudioNav(props) {
   const { user } = useAuth();
   const brandName = getPropString2(props, "brandName", "Orion Studio");
   const logoUrl = getPropString2(props, "logoUrl", "");
   const pagesCollectionSlug = getPropString2(props, "pagesCollectionSlug", "pages");
   const mediaCollectionSlug = getPropString2(props, "mediaCollectionSlug", "media");
-  const globalsBasePath = getPropString2(props, "globalsBasePath", "/admin/globals");
+  const globalsBasePath = getPropString2(props, "globalsBasePath", "/studio-globals");
+  const globalsExtraMatchPrefixes = getPropStringArray(props, "globalsExtraMatchPrefixes", []);
   const compact = getPropBoolean(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 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 links = useMemo(
     () => [
-      { href: "/admin", label: "Dashboard", matchPrefixes: ["/admin"] },
+      { href: dashboardPath, label: "Dashboard", matchPrefixes: [dashboardPath] },
       {
         href: pagesPath,
         label: "Pages",
         matchPrefixes: [pagesPath]
       },
-      { href: globalsBasePath, label: "Globals", matchPrefixes: [globalsBasePath, "/admin/globals"] },
+      {
+        href: resolvedGlobalsBasePath,
+        label: "Globals",
+        matchPrefixes: [
+          resolvedGlobalsBasePath,
+          resolveAdminPath(adminBasePath, "/globals"),
+          ...resolvedGlobalsExtraMatchPrefixes
+        ]
+      },
       {
         href: mediaPath,
         label: "Media",
         matchPrefixes: [mediaPath]
       },
       {
-        href: "/admin/collections/users",
+        href: usersPath,
         label: "Admin Tools",
-        matchPrefixes: ["/admin/collections/users"],
+        matchPrefixes: [usersPath],
         adminOnly: true
       }
     ],
-    [globalsBasePath, mediaPath, pagesPath]
+    [
+      adminBasePath,
+      dashboardPath,
+      mediaPath,
+      pagesPath,
+      resolvedGlobalsBasePath,
+      resolvedGlobalsExtraMatchPrefixes,
+      usersPath
+    ]
   );
   const linkStyle = (active) => ({
     alignItems: "center",
@@ -1281,7 +1398,7 @@ function AdminStudioNav(props) {
           !compact ? /* @__PURE__ */ jsx11("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.85rem" }, children: "Studio" }) : null
         ] }),
         /* @__PURE__ */ jsx11("nav", { style: { display: "grid", gap: "0.25rem" }, children: links.filter((link) => !link.adminOnly || isAdmin(user)).map((link) => {
-          const active = link.href === "/admin" ? pathname === "/admin" : link.matchPrefixes.some((prefix) => pathname.startsWith(prefix));
+          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,7 +1425,7 @@ 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) => {
@@ -1330,9 +1447,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 +1462,7 @@ function AdminStudioPagesListView(props) {
     });
     return `/api/${pagesCollectionSlug}?${params.toString()}`;
   }, [pagesCollectionSlug]);
-  useEffect7(() => {
+  useEffect8(() => {
     let cancelled = false;
     const run = async () => {
       setLoading(true);
@@ -1368,7 +1488,7 @@ 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" }),
@@ -1377,7 +1497,7 @@ function AdminStudioPagesListView(props) {
       isAdmin2(user) ? /* @__PURE__ */ jsx12(
         "a",
         {
-          href: `/admin/collections/${pagesCollectionSlug}/create`,
+          href: `${rawPagesCollectionPath}/create`,
           style: {
             background: "var(--theme-elevation-900)",
             borderRadius: 12,
@@ -1414,7 +1534,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,7 +1601,7 @@ 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) => {
@@ -1514,18 +1634,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);
@@ -1537,6 +1666,44 @@ function AdminStudioPageEditView(props) {
     setDidResolvePathFallback(true);
   }, [pageIDFromParams]);
   const canPublish = isAdmin3(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 +1713,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 +1761,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 +1776,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 +1790,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 +1831,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" : "#e7f7ee",
+                    border: `1px solid ${hasUnpublishedChanges ? "#f0c36d" : "#87c79e"}`,
+                    borderRadius: 999,
+                    color: hasUnpublishedChanges ? "#6a4a00" : "#0e5a2a",
+                    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",
                 {
@@ -1683,7 +1926,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 +1965,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 +2014,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,16 +2043,330 @@ var getPropString6 = (props, key, fallback) => {
   }
   return fallback;
 };
+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 normalizeDoc = (value) => {
+  if (!value || typeof value !== "object" || Array.isArray(value)) {
+    return defaultDoc;
+  }
+  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
+  };
+};
+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 = 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(
+  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: `/admin/collections/${mediaCollectionSlug}`,
+        href: mediaPath,
         style: {
           background: "var(--theme-elevation-0)",
           border: "1px solid var(--theme-elevation-150)",
@@ -1792,11 +2376,8 @@ function AdminStudioMediaView(props) {
           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
-          ] })
+          /* @__PURE__ */ jsx16("div", { style: { fontWeight: 900 }, children: "Open Media Library" }),
+          /* @__PURE__ */ jsx16("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: mediaPath })
         ]
       }
     ) })
@@ -1804,14 +2385,14 @@ function AdminStudioMediaView(props) {
 }
 
 // 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";
+import { SetStepNav as SetStepNav7, useAuth as useAuth4 } from "@payloadcms/ui";
+import { Fragment as Fragment7, jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 var isAdmin4 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
   return typeof role === "string" && role === "admin";
 };
-var getPropString7 = (props, key, fallback) => {
+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;
@@ -1824,28 +2405,30 @@ var getPropString7 = (props, key, fallback) => {
 };
 function AdminStudioToolsView(props) {
   const { user } = useAuth4();
+  const adminBasePath = useAdminBasePath();
+  const toolsPath = resolveAdminPath(adminBasePath, "/tools");
   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." })
+    return /* @__PURE__ */ jsxs16(Fragment7, { children: [
+      /* @__PURE__ */ jsx17(SetStepNav7, { nav: [{ label: "Admin Tools", url: toolsPath }] }),
+      /* @__PURE__ */ jsx17("h1", { style: { margin: 0 }, children: "Admin Tools" }),
+      /* @__PURE__ */ jsx17("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 pagesCollectionSlug = getPropString8(props, "pagesCollectionSlug", "pages");
+  const mediaCollectionSlug = getPropString8(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" }
+    { 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__ */ 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(
+  return /* @__PURE__ */ jsxs16(Fragment7, { children: [
+    /* @__PURE__ */ jsx17(SetStepNav7, { nav: [{ label: "Admin Tools", url: toolsPath }] }),
+    /* @__PURE__ */ jsx17("h1", { style: { margin: 0 }, children: "Admin Tools" }),
+    /* @__PURE__ */ jsx17("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Hidden fallback links for administrators." }),
+    /* @__PURE__ */ jsx17("div", { style: { display: "grid", gap: "0.6rem", marginTop: "1rem" }, children: links.map((link) => /* @__PURE__ */ jsxs16(
       "a",
       {
         href: link.href,
@@ -1858,8 +2441,8 @@ function AdminStudioToolsView(props) {
           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 })
+          /* @__PURE__ */ jsx17("div", { style: { fontWeight: 900 }, children: link.label }),
+          /* @__PURE__ */ jsx17("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.9rem" }, children: link.href })
         ]
       },
       link.href
@@ -1869,14 +2452,14 @@ function AdminStudioToolsView(props) {
 
 // src/admin/components/studio/OpenInStudioMenuItem.tsx
 import { useDocumentInfo } from "@payloadcms/ui";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } 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__ */ jsx18(
     "a",
     {
       href: `${pagesPathBase}/${id}`,
@@ -1895,19 +2478,19 @@ function OpenInStudioMenuItem({ pagesPathBase = "/studio/pages" }) {
 }
 
 // src/admin/components/studio/PageEditRedirectToStudio.tsx
-import { useEffect as useEffect9 } from "react";
+import { useEffect as useEffect11 } from "react";
 import { useDocumentInfo as useDocumentInfo2 } from "@payloadcms/ui";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 function PageEditRedirectToStudio({ pagesPathBase = "/studio/pages" }) {
   const documentInfo = useDocumentInfo2();
   const id = documentInfo?.id;
-  useEffect9(() => {
+  useEffect11(() => {
     if (!id) {
       return;
     }
     window.location.replace(`${pagesPathBase}/${id}`);
   }, [id, pagesPathBase]);
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       style: {
@@ -1919,55 +2502,111 @@ 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__ */ jsx19("h2", { style: { margin: 0 }, children: "Opening Editor..." }),
+        /* @__PURE__ */ jsx19("p", { style: { color: "var(--theme-elevation-600)", margin: 0 }, children: "Redirecting to the custom page editor." }),
+        id ? /* @__PURE__ */ jsx19("a", { href: `${pagesPathBase}/${id}`, children: "Continue to Editor" }) : /* @__PURE__ */ jsx19("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 useEffect12, useState as useState10 } from "react";
+import { SetStepNav as SetStepNav8 } from "@payloadcms/ui";
+import { jsx as jsx20 } 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] = useState10("");
+  useEffect12(() => {
+    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__ */ jsx20(SetStepNav8, { nav });
+}
+
+// src/admin/components/studio/StudioContactFormRedirect.tsx
+import { useEffect as useEffect13 } from "react";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+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 StudioContactFormRedirect(props) {
+  const adminBasePath = useAdminBasePath();
+  const studioContactFormPath = getPropString9(props, "studioContactFormPath", "/studio-contact-form");
+  const targetPath = resolveAdminPath(adminBasePath, studioContactFormPath);
+  useEffect13(() => {
+    if (window.location.pathname === targetPath) return;
+    window.location.replace(targetPath);
+  }, [targetPath]);
+  return /* @__PURE__ */ jsxs18(
+    "div",
+    {
+      style: {
+        alignItems: "center",
+        color: "var(--theme-elevation-800)",
+        display: "flex",
+        flexDirection: "column",
+        gap: "0.75rem",
+        justifyContent: "center",
+        minHeight: "40vh"
+      },
+      children: [
+        /* @__PURE__ */ jsx21("h2", { style: { margin: 0 }, children: "Opening Contact Form Editor..." }),
+        /* @__PURE__ */ jsx21("a", { href: targetPath, children: "Continue" })
+      ]
+    }
+  );
 }
 export {
+  AdminStudioContactFormView,
   AdminStudioDashboard,
   AdminStudioGlobalsView,
   AdminStudioMediaView,
@@ -1987,6 +2626,7 @@ export {
   SectionTabs,
   StatusBadge,
   StudioBackBreadcrumb,
+  StudioContactFormRedirect,
   ThemeProvider,
   ThemeSwitcher,
   WelcomeHeader,