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

package/dist/admin/client.js

@@ -749,7 +749,7 @@ var init_OrionBlocksFieldImpl = __esm({
       const schemaPath = schemaPathFromProps ?? name;
       const minRows = minRowsProp ?? (required ? 1 : 0);
       const { setDocFieldPreferences } = (0, import_DocumentInfo.useDocumentInfo)();
-      const { addFieldRow, dispatchFields, getFields, moveFieldRow, removeFieldRow, replaceState, setModified } = (0, import_Form.useForm)();
+      const { addFieldRow, dispatchFields, getFields: getFields2, moveFieldRow, removeFieldRow, replaceState, setModified } = (0, import_Form.useForm)();
       const { code: locale } = (0, import_Locale.useLocale)();
       const configContext = (0, import_Config.useConfig)();
       const config = configContext?.config ?? {};
@@ -911,7 +911,7 @@ var init_OrionBlocksFieldImpl = __esm({
         (rowIndex) => {
           const result = clipboardCopy({
             getDataToCopy: () => reduceFormStateByPath({
-              formState: getFields(),
+              formState: getFields2(),
               path: safePath,
               rowIndex
             }),
@@ -929,13 +929,13 @@ var init_OrionBlocksFieldImpl = __esm({
             import_sonner.toast.success(t("general:copied"));
           }
         },
-        [clientBlocks, getFields, safePath, t, type]
+        [clientBlocks, getFields2, safePath, t, type]
       );
       const pasteRow = (0, import_react10.useCallback)(
         (rowIndex) => {
           const result = clipboardPaste({
             onPaste: (dataFromClipboard) => {
-              const formState = getFields();
+              const formState = getFields2();
               const newState = mergeFormStateFromClipboard({
                 dataFromClipboard,
                 formState,
@@ -952,11 +952,11 @@ var init_OrionBlocksFieldImpl = __esm({
             import_sonner.toast.error(result);
           }
         },
-        [clientBlocks, getFields, replaceState, safePath, setModified, t]
+        [clientBlocks, getFields2, replaceState, safePath, setModified, t]
       );
       const pasteBlocks = (0, import_react10.useCallback)(
         (dataFromClipboard) => {
-          const formState = getFields();
+          const formState = getFields2();
           const newState = mergeFormStateFromClipboard({
             dataFromClipboard,
             formState,
@@ -965,7 +965,7 @@ var init_OrionBlocksFieldImpl = __esm({
           replaceState(newState);
           setModified(true);
         },
-        [getFields, replaceState, safePath, setModified]
+        [getFields2, replaceState, safePath, setModified]
       );
       const hasMaxRows = Boolean(maxRows && rows.length >= maxRows);
       const fieldErrorCount = errorPaths.length;
@@ -1042,7 +1042,7 @@ var init_OrionBlocksFieldImpl = __esm({
                       className: `${baseClass}__header-action`,
                       disabled,
                       getDataToCopy: () => reduceFormStateByPath({
-                        formState: getFields(),
+                        formState: getFields2(),
                         path: safePath
                       }),
                       onPaste: pasteBlocks,
@@ -1171,6 +1171,9 @@ __export(client_exports, {
   AdminStudioContactFormView: () => AdminStudioContactFormView,
   AdminStudioDashboard: () => AdminStudioDashboard,
   AdminStudioFooterGlobalView: () => AdminStudioFooterGlobalView,
+  AdminStudioFormDetailView: () => AdminStudioFormDetailView,
+  AdminStudioFormSubmissionView: () => AdminStudioFormSubmissionView,
+  AdminStudioFormUploadView: () => AdminStudioFormUploadView,
   AdminStudioFormsView: () => AdminStudioFormsView,
   AdminStudioGlobalsView: () => AdminStudioGlobalsView,
   AdminStudioHeaderGlobalView: () => AdminStudioHeaderGlobalView,
@@ -1196,6 +1199,7 @@ __export(client_exports, {
   StatusBadge: () => StatusBadge,
   StudioBackBreadcrumb: () => StudioBackBreadcrumb,
   StudioContactFormRedirect: () => StudioContactFormRedirect,
+  StudioDocumentRedirect: () => StudioDocumentRedirect,
   StudioSectionLayout: () => StudioSectionLayout,
   ThemeProvider: () => ThemeProvider,
   ThemeSwitcher: () => ThemeSwitcher,
@@ -1289,9 +1293,9 @@ function Logo({ brandName = "Orion Studio", logoOnDarkUrl, logoUrl } = {}) {
   const branding = useSiteBranding(brandName, logoUrl, logoOnDarkUrl);
   const resolvedName = branding.siteName || brandName;
   const resolvedLogo = branding.logoUrl || logoUrl || null;
-  const resolvedLogoOnDark = branding.logoOnDarkUrl || logoOnDarkUrl || resolvedLogo;
+  const resolvedLogoOnDark = branding.logoOnDarkUrl || logoOnDarkUrl || resolvedLogo || "";
   const hasDarkLogoVariant = Boolean(
-    resolvedLogo && resolvedLogoOnDark && resolvedLogoOnDark.trim().length > 0 && resolvedLogoOnDark !== resolvedLogo
+    resolvedLogo && resolvedLogoOnDark.trim().length > 0 && resolvedLogoOnDark !== resolvedLogo
   );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
@@ -2574,7 +2578,7 @@ var navItemIsActive = (pathname, item) => {
 };
 
 // src/shared/studioSections.ts
-var studioRoles = /* @__PURE__ */ new Set(["admin", "editor", "client"]);
+var studioRoles = /* @__PURE__ */ new Set(["admin", "developer", "editor", "client"]);
 var studioIcons = new Set(adminNavIcons);
 var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
 var isAbsoluteExternalURL2 = (value) => /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(value) || value.startsWith("//");
@@ -2772,7 +2776,7 @@ var buildStudioNavItems = (props, adminBasePath) => {
     icon: "tools",
     label: "Admin Tools",
     matchPrefixes: [toolsPath, resolveAdminPath(adminBasePath, "/collections/users")],
-    roles: ["admin"]
+    roles: ["admin", "developer"]
   };
   const extensionItems = sections.map((section) => ({
     href: resolveAdminPath(adminBasePath, section.href),
@@ -2869,8 +2873,26 @@ function NavIcon({ sectionID }) {
       return null;
   }
 }
+function LogoutIcon() {
+  const props = {
+    fill: "none",
+    height: iconSize2,
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    viewBox: "0 0 24 24",
+    width: iconSize2
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("svg", { ...props, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("polyline", { points: "10 17 5 12 10 7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("line", { x1: "5", y1: "12", x2: "17", y2: "12" })
+  ] });
+}
 function AdminStudioNav(props) {
   const { user } = (0, import_ui3.useAuth)();
+  const [loggingOut, setLoggingOut] = (0, import_react13.useState)(false);
   const brandName = getPropString(props, "brandName", "Orion Studio");
   const logoUrl = getPropString(props, "logoUrl", "");
   const compact = getPropBoolean(props, "compact", false);
@@ -2881,6 +2903,18 @@ function AdminStudioNav(props) {
   const dashboardPath = adminBasePath;
   const userRole = readUserRole(user);
   const links = (0, import_react13.useMemo)(() => buildStudioNavItems(props, adminBasePath), [adminBasePath, props]);
+  const logout = async () => {
+    setLoggingOut(true);
+    try {
+      await fetch("/api/users/logout", {
+        credentials: "include",
+        method: "POST"
+      });
+      window.location.href = `${adminBasePath}/login`;
+    } finally {
+      setLoggingOut(false);
+    }
+  };
   if (isStudioShellRoute(pathname, props, adminBasePath)) {
     return null;
   }
@@ -2971,7 +3005,38 @@ function AdminStudioNav(props) {
                 /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { color: "var(--theme-elevation-700)", fontSize: "0.85rem" }, children: "Signed in as" }),
                 /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { fontWeight: 800, marginBottom: "0.55rem" }, children: typeof user?.email === "string" ? user.email : "User" })
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_ui3.Logout, {})
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                "button",
+                {
+                  "aria-label": "Log out",
+                  disabled: loggingOut,
+                  onClick: () => void logout(),
+                  style: {
+                    alignItems: "center",
+                    background: "transparent",
+                    border: "1px solid var(--theme-elevation-150)",
+                    borderRadius: 10,
+                    color: "var(--theme-elevation-900)",
+                    cursor: loggingOut ? "not-allowed" : "pointer",
+                    display: "inline-flex",
+                    font: "inherit",
+                    fontWeight: 800,
+                    gap: compact ? 0 : "0.45rem",
+                    justifyContent: "center",
+                    minHeight: compact ? 48 : 34,
+                    minWidth: compact ? 48 : 0,
+                    opacity: loggingOut ? 0.55 : 1,
+                    padding: compact ? 0 : "0.4rem 0.62rem",
+                    width: compact ? 48 : "auto"
+                  },
+                  title: "Log out",
+                  type: "button",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(LogoutIcon, {}),
+                    !compact ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: loggingOut ? "Logging out..." : "Log out" }) : null
+                  ]
+                }
+              )
             ]
           }
         )
@@ -3044,6 +3109,14 @@ function NavIcon2({ name }) {
       return null;
   }
 }
+function LogoutIcon2() {
+  const props = { width: iconSize3, height: iconSize3, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", style: iconStyle };
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("svg", { ...props, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("polyline", { points: "10 17 5 12 10 7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("line", { x1: "5", y1: "12", x2: "17", y2: "12" })
+  ] });
+}
 function AdminShellClient({
   children,
   brandName,
@@ -3055,14 +3128,12 @@ function AdminShellClient({
   onLogout,
   storageKey = "orion-admin-shell-collapsed"
 }) {
-  const [collapsed, setCollapsed] = (0, import_react14.useState)(false);
+  const [collapsed, setCollapsed] = (0, import_react14.useState)(true);
   const [loggingOut, setLoggingOut] = (0, import_react14.useState)(false);
   (0, import_react14.useEffect)(() => {
     try {
       const stored = window.localStorage.getItem(storageKey);
-      if (stored === "1") {
-        setCollapsed(true);
-      }
+      setCollapsed(stored === "1");
     } catch {
     }
   }, [storageKey]);
@@ -3124,7 +3195,10 @@ function AdminShellClient({
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "orion-admin-user-label", children: "Signed in as" }),
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "orion-admin-user-email", children: userEmail })
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { className: "orion-admin-logout", disabled: loggingOut, onClick: handleLogout, type: "button", children: loggingOut ? "..." : "Log out" })
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { className: "orion-admin-logout", disabled: loggingOut, onClick: handleLogout, type: "button", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(LogoutIcon2, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: loggingOut ? "Logging out..." : "Log out" })
+        ] })
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("main", { className: "orion-admin-main", children })
@@ -3213,9 +3287,9 @@ var import_react16 = require("react");
 var import_link = __toESM(require("next/link"));
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var SEVEN_DAYS_MS = 7 * 24 * 60 * 60 * 1e3;
-var isRole = (value) => value === "admin" || value === "editor" || value === "client";
-var canReviewForms = (role) => role === "admin" || role === "editor";
-var canCreatePages = (role) => role === "admin" || role === "editor";
+var isRole = (value) => value === "admin" || value === "client" || value === "developer" || value === "editor";
+var canReviewForms = (role) => role === "admin" || role === "developer" || role === "editor";
+var canCreatePages = (role) => role === "admin" || role === "developer" || role === "editor";
 var canAccess = (role, roles) => {
   if (!roles || roles.length === 0) {
     return true;
@@ -3691,7 +3765,7 @@ function AdminStudioDashboardClient({
       label: "Manage Media",
       tone: "ghost"
     });
-    if (role === "admin") {
+    if (role === "admin" || role === "developer") {
       actions.push({
         description: "Manage users, roles, and fallback tools.",
         href: toolsPath,
@@ -3970,7 +4044,7 @@ var buildSectionLinks = (adminBasePath, sections, formsEnabled, globalsBasePath)
       href: resolveAdminPath2(adminBasePath, "/tools"),
       id: "admin-tools",
       label: "Admin Tools",
-      roles: ["admin"]
+      roles: ["admin", "developer"]
     }
   ];
   const seen = /* @__PURE__ */ new Set();
@@ -4036,15 +4110,16 @@ function AdminStudioDashboard(rawProps) {
 }
 
 // src/admin/components/studio/AdminStudioPagesListView.tsx
-var import_react17 = require("react");
+var import_react19 = require("react");
 var import_link2 = __toESM(require("next/link"));
+var import_navigation3 = require("next/navigation");
+var import_ui7 = require("@payloadcms/ui");
+
+// src/admin/components/studio/AdminStudioNewPageView.tsx
+var import_react17 = require("react");
 var import_ui5 = require("@payloadcms/ui");
 var import_jsx_runtime23 = require("react/jsx-runtime");
-var isAdmin = (user) => {
-  if (!user || typeof user !== "object") return false;
-  const role = user.role;
-  return typeof role === "string" && role === "admin";
-};
+var pageTemplates = ["standard", "landing", "services", "contact"];
 var getPropString3 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
@@ -4056,83 +4131,107 @@ var getPropString3 = (props, key, fallback) => {
   }
   return fallback;
 };
-function AdminStudioPagesListView(props) {
+var canManagePages = (user) => {
+  if (!user || typeof user !== "object") return false;
+  const role = user.role;
+  return role === "admin" || role === "developer" || role === "editor";
+};
+var slugify = (value) => value.toLowerCase().trim().replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-");
+function AdminStudioNewPageView(props) {
   const { user } = (0, import_ui5.useAuth)();
-  const pagesCollectionSlug = getPropString3(props, "pagesCollectionSlug", "pages");
   const adminBasePath = useAdminBasePath();
-  const newPagePath = resolveAdminPath(adminBasePath, "/pages/new");
-  const [loading, setLoading] = (0, import_react17.useState)(true);
+  const pagesCollectionSlug = getPropString3(props, "pagesCollectionSlug", "pages");
+  const [submitting, setSubmitting] = (0, import_react17.useState)(false);
   const [error, setError] = (0, import_react17.useState)(null);
-  const [docs, setDocs] = (0, import_react17.useState)([]);
-  const apiURL = (0, import_react17.useMemo)(() => {
-    const params = new URLSearchParams({
-      depth: "0",
-      limit: "100",
-      sort: "-updatedAt",
-      draft: "true"
-    });
-    return `/api/${pagesCollectionSlug}?${params.toString()}`;
-  }, [pagesCollectionSlug]);
-  (0, import_react17.useEffect)(() => {
-    let cancelled = false;
-    const run = async () => {
-      setLoading(true);
-      setError(null);
-      try {
-        const res = await fetch(apiURL, { credentials: "include" });
-        if (!res.ok) {
-          const body = await res.text();
-          throw new Error(body || "Failed to fetch pages");
-        }
-        const data = await res.json();
-        if (!cancelled) {
-          setDocs(Array.isArray(data.docs) ? data.docs : []);
-        }
-      } catch (err) {
-        if (!cancelled) {
-          setError(err instanceof Error ? err.message : "Failed to fetch pages");
-        }
-      } finally {
-        if (!cancelled) {
-          setLoading(false);
-        }
+  if (!canManagePages(user)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      AdminPage,
+      {
+        breadcrumbs: [
+          { label: "Dashboard", href: adminBasePath },
+          { label: "Pages", href: resolveAdminPath(adminBasePath, "/pages") },
+          { label: "New Page" }
+        ],
+        description: "You do not have access to create pages.",
+        title: "New Page",
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "orion-admin-card", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("strong", { children: "Access denied" }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: "This section is restricted to administrator, developer, and editor accounts." })
+        ] })
       }
-    };
-    void run();
-    return () => {
-      cancelled = true;
-    };
-  }, [apiURL]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    ) });
+  }
+  const createPage = async (event) => {
+    event.preventDefault();
+    setSubmitting(true);
+    setError(null);
+    try {
+      const formData = new FormData(event.currentTarget);
+      const titleValue = String(formData.get("title") || "").trim();
+      const slugValue = String(formData.get("slug") || "").trim();
+      const templateValue = String(formData.get("template") || "standard").trim();
+      const template = pageTemplates.includes(templateValue) ? templateValue : "standard";
+      const title = titleValue || "Untitled Page";
+      const slug = slugValue || slugify(title) || "untitled-page";
+      const response = await fetch(`/api/${pagesCollectionSlug}`, {
+        body: JSON.stringify({
+          _status: "draft",
+          slug,
+          template,
+          title
+        }),
+        credentials: "include",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        method: "POST"
+      });
+      if (!response.ok) {
+        throw new Error(`Failed to create page (${response.status}).`);
+      }
+      const payload = await response.json();
+      const id = typeof payload.id === "string" || typeof payload.id === "number" ? String(payload.id) : "";
+      if (!id) {
+        throw new Error("Page created but no document ID was returned.");
+      }
+      window.location.assign(resolveAdminPath(adminBasePath, `/pages/${id}`));
+    } catch (createError) {
+      setError(createError instanceof Error ? createError.message : "Failed to create page.");
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     AdminPage,
     {
-      actions: isAdmin(user) ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_link2.default, { className: "orion-admin-action-button", href: newPagePath, children: "New Page" }) : null,
       breadcrumbs: [
         { label: "Dashboard", href: adminBasePath },
-        { label: "Pages" }
+        { label: "Pages", href: resolveAdminPath(adminBasePath, "/pages") },
+        { label: "New Page" }
       ],
-      description: "Open a page to edit it in the inline custom builder.",
-      title: "Pages",
-      children: [
-        loading ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "orion-admin-list-meta", children: "Loading..." }) : null,
+      description: "Create a new page and open it in the custom editor.",
+      title: "New Page",
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("form", { className: "orion-admin-form", onSubmit: createPage, children: [
         error ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "orion-admin-error", children: error }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "orion-admin-list", children: [
-          !loading && !error && docs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "orion-admin-card", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("strong", { children: "No pages yet" }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: "Create the first page to start building content." })
-          ] }) : null,
-          docs.map((doc) => {
-            const id = typeof doc.id === "string" || typeof doc.id === "number" ? String(doc.id) : "";
-            if (!id) return null;
-            const title = typeof doc.title === "string" ? doc.title : "Untitled Page";
-            const status = typeof doc._status === "string" ? doc._status : "draft";
-            return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_link2.default, { className: "orion-admin-list-item", href: resolveAdminPath(adminBasePath, `/pages/${id}`), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("strong", { children: title }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "orion-admin-pill", children: status })
-            ] }, id);
-          })
-        ] })
-      ]
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("label", { children: [
+          "Title",
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("input", { name: "title", placeholder: "Services", required: true, type: "text" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("label", { children: [
+          "Slug",
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("input", { name: "slug", placeholder: "services", type: "text" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("label", { children: [
+          "Template",
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("select", { defaultValue: "standard", name: "template", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("option", { value: "standard", children: "Standard" }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("option", { value: "landing", children: "Landing" }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("option", { value: "contact", children: "Contact" }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("option", { value: "services", children: "Services" })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { disabled: submitting, type: "submit", children: submitting ? "Creating..." : "Create Page" })
+      ] })
     }
   ) });
 }
@@ -4141,16 +4240,6 @@ function AdminStudioPagesListView(props) {
 var import_react18 = require("react");
 var import_ui6 = require("@payloadcms/ui");
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var isAdmin2 = (user) => {
-  if (!user || typeof user !== "object") return false;
-  const role = user.role;
-  return typeof role === "string" && role === "admin";
-};
-var isEditor = (user) => {
-  if (!user || typeof user !== "object") return false;
-  const role = user.role;
-  return typeof role === "string" && role === "editor";
-};
 var getPropString4 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
@@ -4178,14 +4267,8 @@ var getPageIDFromPathname = (pathname) => {
   return pagePart ? decodeURIComponent(pagePart) : null;
 };
 function AdminStudioPageEditView(props) {
-  const { user } = (0, import_ui6.useAuth)();
   const adminBasePath = useAdminBasePath();
   const iframeRef = (0, import_react18.useRef)(null);
-  const [saving, setSaving] = (0, import_react18.useState)(null);
-  const [dirty, setDirty] = (0, import_react18.useState)(false);
-  const [hasUnpublishedChanges, setHasUnpublishedChanges] = (0, import_react18.useState)(false);
-  const [canUndo, setCanUndo] = (0, import_react18.useState)(false);
-  const [canRedo, setCanRedo] = (0, import_react18.useState)(false);
   const builderBasePath = getPropString4(props, "builderBasePath", "/builder");
   const pagesPath = resolveAdminPath(adminBasePath, "/pages");
   const pageIDFromParams = (0, import_react18.useMemo)(() => getParam(props.params, "id"), [props.params]);
@@ -4202,96 +4285,6 @@ function AdminStudioPageEditView(props) {
     }
     setDidResolvePathFallback(true);
   }, [pageIDFromParams]);
-  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 {
-    }
-  };
-  (0, import_react18.useEffect)(() => {
-    if (!pageID) {
-      return;
-    }
-    void refreshUnpublishedState(pageID);
-  }, [pageID]);
-  const requestSave = (status) => {
-    const iframe = iframeRef.current;
-    if (!iframe?.contentWindow) {
-      import_ui6.toast.error("Editor is not ready yet. Please try again.");
-      return;
-    }
-    setSaving(status);
-    iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type: "save", status }, "*");
-  };
-  const requestHistoryAction = (type) => {
-    const iframe = iframeRef.current;
-    if (!iframe?.contentWindow) {
-      import_ui6.toast.error("Editor is not ready yet. Please try again.");
-      return;
-    }
-    iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type }, "*");
-  };
-  (0, import_react18.useEffect)(() => {
-    const onMessage = (event) => {
-      const data = event.data;
-      if (!data || data.source !== "payload-visual-builder-child" || typeof data.type !== "string") {
-        return;
-      }
-      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);
-          }
-          import_ui6.toast.success(typeof data.message === "string" ? data.message : "Saved.");
-        } else {
-          import_ui6.toast.error(typeof data.message === "string" ? data.message : "Save failed.");
-        }
-      }
-    };
-    window.addEventListener("message", onMessage);
-    return () => window.removeEventListener("message", onMessage);
-  }, []);
   if (!pageID && !didResolvePathFallback) {
     return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
@@ -4332,155 +4325,25 @@ function AdminStudioPageEditView(props) {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { display: "grid", gridTemplateRows: "auto 1fr", height: "calc(100vh - 120px)" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-        "div",
-        {
-          style: {
-            alignItems: "center",
-            background: "var(--theme-elevation-0)",
-            borderBottom: "1px solid var(--theme-elevation-150)",
-            display: "flex",
-            gap: "0.6rem",
-            justifyContent: "space-between",
-            padding: "0.65rem 0.9rem",
-            position: "sticky",
-            top: 0,
-            zIndex: 20
-          },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { minWidth: 0 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { fontWeight: 900 }, children: "Page Editor" }),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-                "div",
-                {
-                  style: {
-                    color: "var(--theme-elevation-600)",
-                    fontSize: "0.85rem",
-                    overflow: "hidden",
-                    textOverflow: "ellipsis"
-                  },
-                  children: [
-                    "Editing: ",
-                    pageID
-                  ]
-                }
-              )
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { alignItems: "center", display: "flex", gap: "0.5rem" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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__ */ (0, import_jsx_runtime24.jsx)(
-                "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__ */ (0, import_jsx_runtime24.jsx)(
-                "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__ */ (0, import_jsx_runtime24.jsx)(
-                "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__ */ (0, import_jsx_runtime24.jsx)(
-                "button",
-                {
-                  disabled: saving !== null,
-                  onClick: () => requestSave("draft"),
-                  style: {
-                    border: "1px solid var(--theme-elevation-300)",
-                    borderRadius: 12,
-                    cursor: saving ? "not-allowed" : "pointer",
-                    fontWeight: 800,
-                    padding: "0.5rem 0.75rem"
-                  },
-                  type: "button",
-                  children: saving === "draft" ? "Saving\u2026" : "Save Draft"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-                "button",
-                {
-                  disabled: !canPublish || saving !== null,
-                  onClick: () => requestSave("published"),
-                  style: {
-                    background: canPublish ? "var(--theme-success-700)" : "var(--theme-elevation-300)",
-                    border: "none",
-                    borderRadius: 12,
-                    color: canPublish ? "var(--theme-elevation-0)" : "var(--theme-elevation-700)",
-                    cursor: !canPublish || saving ? "not-allowed" : "pointer",
-                    fontWeight: 900,
-                    padding: "0.5rem 0.75rem"
-                  },
-                  type: "button",
-                  title: !canPublish ? "You do not have publish permissions." : void 0,
-                  children: saving === "published" ? "Publishing\u2026" : "Publish"
-                }
-              )
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-        "iframe",
-        {
-          ref: iframeRef,
-          src: `${builderBasePath.replace(/\/$/, "")}/${pageID}`,
-          style: { border: "none", height: "100%", width: "100%" },
-          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" }, "*");
-          }
-        }
-      )
-    ] })
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { height: "100dvh", overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      "iframe",
+      {
+        ref: iframeRef,
+        src: `${builderBasePath.replace(/\/$/, "")}/${pageID}`,
+        style: { border: "none", height: "100%", width: "100%" },
+        title: "Page Builder"
+      }
+    ) })
   ] }) });
 }
 
-// src/admin/components/studio/AdminStudioNewPageView.tsx
-var import_react19 = require("react");
-var import_ui7 = require("@payloadcms/ui");
+// src/admin/components/studio/AdminStudioPagesListView.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
-var pageTemplates = ["standard", "landing", "services", "contact"];
+var hasAdminAccess = (user) => {
+  if (!user || typeof user !== "object") return false;
+  const role = user.role;
+  return typeof role === "string" && (role === "admin" || role === "developer");
+};
 var getPropString5 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
@@ -4492,107 +4355,98 @@ var getPropString5 = (props, key, fallback) => {
   }
   return fallback;
 };
-var canManagePages = (user) => {
-  if (!user || typeof user !== "object") return false;
-  const role = user.role;
-  return role === "admin" || role === "editor";
-};
-var slugify = (value) => value.toLowerCase().trim().replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-");
-function AdminStudioNewPageView(props) {
-  const { user } = (0, import_ui7.useAuth)();
+function AdminStudioPagesListView(props) {
   const adminBasePath = useAdminBasePath();
+  const pathname = (0, import_navigation3.usePathname)();
+  const pagesPath = resolveAdminPath(adminBasePath, "/pages");
+  const nestedPagePath = pathname && pathname.startsWith(`${pagesPath}/`) ? pathname.slice(`${pagesPath}/`.length).split("/")[0] : "";
+  if (nestedPagePath === "new") {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AdminStudioNewPageView, { ...props });
+  }
+  if (nestedPagePath) {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AdminStudioPageEditView, { ...props });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AdminStudioPagesIndexView, { ...props, adminBasePath });
+}
+function AdminStudioPagesIndexView({
+  adminBasePath,
+  ...props
+}) {
+  const { user } = (0, import_ui7.useAuth)();
   const pagesCollectionSlug = getPropString5(props, "pagesCollectionSlug", "pages");
-  const [submitting, setSubmitting] = (0, import_react19.useState)(false);
+  const newPagePath = resolveAdminPath(adminBasePath, "/pages/new");
+  const [loading, setLoading] = (0, import_react19.useState)(true);
   const [error, setError] = (0, import_react19.useState)(null);
-  if (!canManagePages(user)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      AdminPage,
-      {
-        breadcrumbs: [
-          { label: "Dashboard", href: adminBasePath },
-          { label: "Pages", href: resolveAdminPath(adminBasePath, "/pages") },
-          { label: "New Page" }
-        ],
-        description: "You do not have access to create pages.",
-        title: "New Page",
-        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "orion-admin-card", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("strong", { children: "Access denied" }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "This section is restricted to administrator and editor accounts." })
-        ] })
-      }
-    ) });
-  }
-  const createPage = async (event) => {
-    event.preventDefault();
-    setSubmitting(true);
-    setError(null);
-    try {
-      const formData = new FormData(event.currentTarget);
-      const titleValue = String(formData.get("title") || "").trim();
-      const slugValue = String(formData.get("slug") || "").trim();
-      const templateValue = String(formData.get("template") || "standard").trim();
-      const template = pageTemplates.includes(templateValue) ? templateValue : "standard";
-      const title = titleValue || "Untitled Page";
-      const slug = slugValue || slugify(title) || "untitled-page";
-      const response = await fetch(`/api/${pagesCollectionSlug}`, {
-        body: JSON.stringify({
-          _status: "draft",
-          slug,
-          template,
-          title
-        }),
-        credentials: "include",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        method: "POST"
-      });
-      if (!response.ok) {
-        throw new Error(`Failed to create page (${response.status}).`);
-      }
-      const payload = await response.json();
-      const id = typeof payload.id === "string" || typeof payload.id === "number" ? String(payload.id) : "";
-      if (!id) {
-        throw new Error("Page created but no document ID was returned.");
+  const [docs, setDocs] = (0, import_react19.useState)([]);
+  const apiURL = (0, import_react19.useMemo)(() => {
+    const params = new URLSearchParams({
+      depth: "0",
+      limit: "100",
+      sort: "-updatedAt",
+      draft: "true"
+    });
+    return `/api/${pagesCollectionSlug}?${params.toString()}`;
+  }, [pagesCollectionSlug]);
+  (0, import_react19.useEffect)(() => {
+    let cancelled = false;
+    const run = async () => {
+      setLoading(true);
+      setError(null);
+      try {
+        const res = await fetch(apiURL, { credentials: "include" });
+        if (!res.ok) {
+          const body = await res.text();
+          throw new Error(body || "Failed to fetch pages");
+        }
+        const data = await res.json();
+        if (!cancelled) {
+          setDocs(Array.isArray(data.docs) ? data.docs : []);
+        }
+      } catch (err) {
+        if (!cancelled) {
+          setError(err instanceof Error ? err.message : "Failed to fetch pages");
+        }
+      } finally {
+        if (!cancelled) {
+          setLoading(false);
+        }
       }
-      window.location.assign(resolveAdminPath(adminBasePath, `/pages/${id}`));
-    } catch (createError) {
-      setError(createError instanceof Error ? createError.message : "Failed to create page.");
-    } finally {
-      setSubmitting(false);
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    };
+    void run();
+    return () => {
+      cancelled = true;
+    };
+  }, [apiURL]);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     AdminPage,
     {
+      actions: hasAdminAccess(user) ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_link2.default, { className: "orion-admin-action-button", href: newPagePath, children: "New Page" }) : null,
       breadcrumbs: [
         { label: "Dashboard", href: adminBasePath },
-        { label: "Pages", href: resolveAdminPath(adminBasePath, "/pages") },
-        { label: "New Page" }
+        { label: "Pages" }
       ],
-      description: "Create a new page and open it in the custom editor.",
-      title: "New Page",
-      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("form", { className: "orion-admin-form", onSubmit: createPage, children: [
+      description: "Open a page to edit it in the inline custom builder.",
+      title: "Pages",
+      children: [
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "orion-admin-list-meta", children: "Loading..." }) : null,
         error ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "orion-admin-error", children: error }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", { children: [
-          "Title",
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("input", { name: "title", placeholder: "Services", required: true, type: "text" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", { children: [
-          "Slug",
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("input", { name: "slug", placeholder: "services", type: "text" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", { children: [
-          "Template",
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("select", { defaultValue: "standard", name: "template", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: "standard", children: "Standard" }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: "landing", children: "Landing" }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: "contact", children: "Contact" }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: "services", children: "Services" })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { disabled: submitting, type: "submit", children: submitting ? "Creating..." : "Create Page" })
-      ] })
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "orion-admin-list", children: [
+          !loading && !error && docs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "orion-admin-card", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("strong", { children: "No pages yet" }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "Create the first page to start building content." })
+          ] }) : null,
+          docs.map((doc) => {
+            const id = typeof doc.id === "string" || typeof doc.id === "number" ? String(doc.id) : "";
+            if (!id) return null;
+            const title = typeof doc.title === "string" ? doc.title : "Untitled Page";
+            const status = typeof doc._status === "string" ? doc._status : "draft";
+            return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_link2.default, { className: "orion-admin-list-item", href: resolveAdminPath(adminBasePath, `/pages/${id}`), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("strong", { children: title }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "orion-admin-pill", children: status })
+            ] }, id);
+          })
+        ] })
+      ]
     }
   ) });
 }
@@ -6861,7 +6715,7 @@ function MediaListItem({
 
 // src/admin-app/components/MediaUploadForm.tsx
 var import_react27 = require("react");
-var import_navigation3 = require("next/navigation");
+var import_navigation4 = require("next/navigation");
 
 // src/shared/clientImageUploadOptimization.ts
 var MAX_DIRECT_UPLOAD_BYTES = 4e6;
@@ -6996,7 +6850,7 @@ var parseUploadError = async (response) => {
   return fallback;
 };
 function MediaUploadForm() {
-  const router = (0, import_navigation3.useRouter)();
+  const router = (0, import_navigation4.useRouter)();
   const fileInputRef = (0, import_react27.useRef)(null);
   const [alt, setAlt] = (0, import_react27.useState)("");
   const [file, setFile] = (0, import_react27.useState)(null);
@@ -7531,17 +7385,17 @@ var FORM_TONE_OVERRIDES = {
 var IDENTITY_KEYS = /* @__PURE__ */ new Set(["contactEmail", "email", "firstName", "lastName", "name"]);
 var RESPONSE_FIELD_PREVIEW_LIMIT = 3;
 var RESPONSE_SCROLL_THRESHOLD = 3;
-var isAdmin3 = (user) => {
+var hasAdminAccess2 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
-  return typeof role === "string" && role === "admin";
+  return typeof role === "string" && (role === "admin" || role === "developer");
 };
-var isEditor2 = (user) => {
+var isEditor = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
   return typeof role === "string" && role === "editor";
 };
-var canReviewForms2 = (user) => isAdmin3(user) || isEditor2(user);
+var canReviewForms2 = (user) => hasAdminAccess2(user) || isEditor(user);
 var getPropString13 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
@@ -7714,14 +7568,10 @@ function AdminStudioFormsView(props) {
     "formSubmissionsCollectionSlug",
     "form-submissions"
   );
-  const formUploadsCollectionSlug = getPropString13(props, "formUploadsCollectionSlug", "form-uploads");
   const adminBasePath = useAdminBasePath();
-  const rawFormsPath = resolveAdminPath(adminBasePath, `/collections/${formsCollectionSlug}`);
-  const rawSubmissionsPath = resolveAdminPath(
-    adminBasePath,
-    `/collections/${formSubmissionsCollectionSlug}`
-  );
-  const rawUploadsPath = resolveAdminPath(adminBasePath, `/collections/${formUploadsCollectionSlug}`);
+  const studioFormsPath = resolveAdminPath(adminBasePath, "/forms");
+  const studioSubmissionsPath = resolveAdminPath(adminBasePath, "/forms/submissions");
+  const studioUploadsPath = resolveAdminPath(adminBasePath, "/forms/uploads");
   const [forms, setForms] = (0, import_react31.useState)([]);
   const [submissions, setSubmissions] = (0, import_react31.useState)([]);
   const [loading, setLoading] = (0, import_react31.useState)(true);
@@ -7881,7 +7731,7 @@ function AdminStudioFormsView(props) {
                     import_link3.default,
                     {
                       className: "orion-admin-action-button orion-admin-action-button--soft",
-                      href: `${rawFormsPath}/${id}`,
+                      href: `${studioFormsPath}/${id}`,
                       children: "Open Form"
                     }
                   )
@@ -7983,7 +7833,7 @@ function AdminStudioFormsView(props) {
                                     import_link3.default,
                                     {
                                       className: "orion-admin-upload-chip",
-                                      href: `${rawUploadsPath}/${uploadID}`,
+                                      href: `${studioUploadsPath}/${uploadID}`,
                                       children: uploadLabel
                                     },
                                     uploadID
@@ -8000,7 +7850,7 @@ function AdminStudioFormsView(props) {
                               import_link3.default,
                               {
                                 className: "orion-admin-action-button orion-admin-action-button--ghost",
-                                href: `${rawSubmissionsPath}/${submissionID}`,
+                                href: `${studioSubmissionsPath}/${submissionID}`,
                                 children: "Open"
                               }
                             )
@@ -8020,77 +7870,1704 @@ function AdminStudioFormsView(props) {
   ) });
 }
 
-// src/admin/components/studio/AdminStudioToolsView.tsx
+// src/admin/components/studio/AdminStudioFormDetailView.tsx
+var import_link4 = __toESM(require("next/link"));
 var import_react32 = require("react");
-var import_ui12 = require("@payloadcms/ui");
-var import_jsx_runtime41 = require("react/jsx-runtime");
-var userRoles = ["admin", "client", "editor"];
-var isAdmin4 = (user) => {
-  if (!user || typeof user !== "object") return false;
-  const role = user.role;
-  return typeof role === "string" && role === "admin";
+
+// src/admin/components/studio/formsStudioShared.ts
+var FORM_TONES2 = [
+  {
+    accent: "var(--orion-cms-tone-1, var(--orion-cms-accent, var(--orion-admin-accent)))",
+    accentBorder: "color-mix(in srgb, var(--orion-cms-tone-1, var(--orion-cms-accent, var(--orion-admin-accent))) 24%, transparent)",
+    accentMist: "color-mix(in srgb, var(--orion-cms-tone-1, var(--orion-cms-accent, var(--orion-admin-accent))) 12%, transparent)",
+    accentSoft: "color-mix(in srgb, var(--orion-cms-tone-1, var(--orion-cms-accent, var(--orion-admin-accent))) 7%, transparent)"
+  },
+  {
+    accent: "var(--orion-cms-tone-2, var(--brand-secondary, var(--orion-admin-accent)))",
+    accentBorder: "color-mix(in srgb, var(--orion-cms-tone-2, var(--brand-secondary, var(--orion-admin-accent))) 24%, transparent)",
+    accentMist: "color-mix(in srgb, var(--orion-cms-tone-2, var(--brand-secondary, var(--orion-admin-accent))) 13%, transparent)",
+    accentSoft: "color-mix(in srgb, var(--orion-cms-tone-2, var(--brand-secondary, var(--orion-admin-accent))) 8%, transparent)"
+  },
+  {
+    accent: "var(--orion-cms-tone-3, color-mix(in srgb, var(--orion-cms-accent, var(--orion-admin-accent)) 72%, #5f816b))",
+    accentBorder: "color-mix(in srgb, var(--orion-cms-tone-3, color-mix(in srgb, var(--orion-cms-accent, var(--orion-admin-accent)) 72%, #5f816b)) 24%, transparent)",
+    accentMist: "color-mix(in srgb, var(--orion-cms-tone-3, color-mix(in srgb, var(--orion-cms-accent, var(--orion-admin-accent)) 72%, #5f816b)) 12%, transparent)",
+    accentSoft: "color-mix(in srgb, var(--orion-cms-tone-3, color-mix(in srgb, var(--orion-cms-accent, var(--orion-admin-accent)) 72%, #5f816b)) 8%, transparent)"
+  },
+  {
+    accent: "var(--orion-cms-tone-4, color-mix(in srgb, var(--brand-secondary, var(--orion-admin-accent)) 72%, #7a652e))",
+    accentBorder: "color-mix(in srgb, var(--orion-cms-tone-4, color-mix(in srgb, var(--brand-secondary, var(--orion-admin-accent)) 72%, #7a652e)) 24%, transparent)",
+    accentMist: "color-mix(in srgb, var(--orion-cms-tone-4, color-mix(in srgb, var(--brand-secondary, var(--orion-admin-accent)) 72%, #7a652e)) 13%, transparent)",
+    accentSoft: "color-mix(in srgb, var(--orion-cms-tone-4, color-mix(in srgb, var(--brand-secondary, var(--orion-admin-accent)) 72%, #7a652e)) 8%, transparent)"
+  },
+  {
+    accent: "var(--orion-cms-tone-5, color-mix(in srgb, var(--brand-secondary, var(--orion-admin-accent)) 68%, #8d4a40))",
+    accentBorder: "color-mix(in srgb, var(--orion-cms-tone-5, color-mix(in srgb, var(--brand-secondary, var(--orion-admin-accent)) 68%, #8d4a40)) 24%, transparent)",
+    accentMist: "color-mix(in srgb, var(--orion-cms-tone-5, color-mix(in srgb, var(--brand-secondary, var(--orion-admin-accent)) 68%, #8d4a40)) 13%, transparent)",
+    accentSoft: "color-mix(in srgb, var(--orion-cms-tone-5, color-mix(in srgb, var(--brand-secondary, var(--orion-admin-accent)) 68%, #8d4a40)) 8%, transparent)"
+  }
+];
+var FORM_TONE_OVERRIDES2 = {
+  "basket-request": FORM_TONES2[1],
+  contact: FORM_TONES2[2],
+  "vendor-inquiry": FORM_TONES2[0]
 };
-var normalizeRole = (value) => userRoles.includes(value) ? value : "editor";
-function AdminStudioToolsView(props) {
-  const { user } = (0, import_ui12.useAuth)();
-  const adminBasePath = useAdminBasePath();
-  const [docs, setDocs] = (0, import_react32.useState)([]);
-  const [loading, setLoading] = (0, import_react32.useState)(true);
-  const [error, setError] = (0, import_react32.useState)(null);
-  const [savedMessage, setSavedMessage] = (0, import_react32.useState)(null);
-  const [createSubmitting, setCreateSubmitting] = (0, import_react32.useState)(false);
-  const [updatingUserID, setUpdatingUserID] = (0, import_react32.useState)(null);
-  if (!isAdmin4(user)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-      AdminPage,
-      {
-        breadcrumbs: [
-          { label: "Dashboard", href: adminBasePath },
-          { label: "Admin Tools" }
-        ],
-        description: "You do not have access to this section.",
-        title: "Admin Tools",
-        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-card", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { children: "Access denied" }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "This section is restricted to administrator accounts." })
-        ] })
-      }
-    ) });
+var IDENTITY_KEYS2 = /* @__PURE__ */ new Set(["contactEmail", "email", "firstName", "lastName", "name"]);
+var RESPONSE_FIELD_PREVIEW_LIMIT2 = 3;
+var getPropString14 = (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;
   }
-  const loadUsers = async () => {
-    setLoading(true);
-    setError(null);
-    try {
-      const params = new URLSearchParams({
-        depth: "0",
-        draft: "true",
-        limit: "200",
-        sort: "email"
-      });
-      const response = await fetch(`/api/users?${params.toString()}`, {
-        credentials: "include"
-      });
-      if (!response.ok) {
-        throw new Error(`Failed to load users (${response.status}).`);
-      }
-      const payload = await response.json();
-      setDocs(Array.isArray(payload.docs) ? payload.docs : []);
-    } catch (loadError) {
-      setError(loadError instanceof Error ? loadError.message : "Failed to load users.");
-    } finally {
+  return fallback;
+};
+var getParam3 = (params, key) => {
+  if (!params || typeof params !== "object") return null;
+  const value = params[key];
+  if (typeof value === "string") return value;
+  if (Array.isArray(value) && typeof value[0] === "string") return value[0];
+  return null;
+};
+var getIDFromPathname = (pathname, marker) => {
+  const markerIndex = pathname.indexOf(marker);
+  if (markerIndex < 0) return null;
+  const id = pathname.slice(markerIndex + marker.length).split("/")[0];
+  return id ? decodeURIComponent(id) : null;
+};
+var formatDate2 = (value) => {
+  if (typeof value !== "string" || value.length === 0) return "Unknown date";
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return value;
+  return date.toLocaleString();
+};
+var formatFileSize4 = (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 getFieldCount2 = (form) => Array.isArray(form.steps) ? form.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;
+var getFormID3 = (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 "";
+};
+var getUploads2 = (value) => Array.isArray(value) ? value.map((entry) => {
+  if (typeof entry === "string" || typeof entry === "number") {
+    return { id: entry };
+  }
+  return entry && typeof entry === "object" ? entry : null;
+}).filter((entry) => Boolean(entry)) : [];
+var getNameAndEmail2 = (data) => {
+  if (!data || typeof data !== "object") return {};
+  const record = data;
+  const email = typeof record.email === "string" ? record.email : typeof record.contactEmail === "string" ? record.contactEmail : void 0;
+  const firstName = typeof record.firstName === "string" ? record.firstName : void 0;
+  const lastName = typeof record.lastName === "string" ? record.lastName : void 0;
+  const fallbackName = typeof record.name === "string" ? record.name : void 0;
+  const joinedName = [firstName, lastName].filter(Boolean).join(" ").trim();
+  return {
+    ...email ? { email } : {},
+    ...joinedName ? { name: joinedName } : fallbackName ? { name: fallbackName } : {}
+  };
+};
+var humanizeKey2 = (value) => value.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").replace(/\s+/g, " ").trim().replace(/^./, (char) => char.toUpperCase());
+var buildFieldLabelMap2 = (form) => {
+  const labels = /* @__PURE__ */ new Map();
+  for (const step of Array.isArray(form.steps) ? form.steps : []) {
+    const fields = step && typeof step === "object" ? step.fields : null;
+    for (const field of Array.isArray(fields) ? fields : []) {
+      const name = field && typeof field === "object" && typeof field.name === "string" ? field.name.trim() : "";
+      const label = field && typeof field === "object" && typeof field.label === "string" ? field.label.trim() : "";
+      if (name) {
+        labels.set(name, label || humanizeKey2(name));
+      }
+    }
+  }
+  return labels;
+};
+var truncateText2 = (value, maxLength = 64) => {
+  const normalized = value.replace(/\s+/g, " ").trim();
+  if (normalized.length <= maxLength) return normalized;
+  return `${normalized.slice(0, maxLength - 1).trimEnd()}...`;
+};
+var formatPreviewValue2 = (value) => {
+  if (value === null || value === void 0) return null;
+  if (typeof value === "boolean") return value ? "Yes" : "No";
+  if (typeof value === "number") return String(value);
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    return trimmed ? truncateText2(trimmed, 72) : null;
+  }
+  if (Array.isArray(value)) {
+    const joined = value.map((entry) => String(entry).trim()).filter(Boolean).join(", ");
+    return joined ? truncateText2(joined, 72) : null;
+  }
+  if (typeof value === "object") {
+    return truncateText2(JSON.stringify(value), 72);
+  }
+  return truncateText2(String(value), 72);
+};
+var getPreviewFields2 = (data, fieldLabels) => {
+  if (!data || typeof data !== "object") return [];
+  return Object.entries(data).filter(([key]) => !IDENTITY_KEYS2.has(key)).map(([key, value]) => {
+    const formatted = formatPreviewValue2(value);
+    if (!formatted) return null;
+    return {
+      label: fieldLabels.get(key) || humanizeKey2(key),
+      value: formatted
+    };
+  }).filter((entry) => Boolean(entry)).slice(0, RESPONSE_FIELD_PREVIEW_LIMIT2);
+};
+var getInitials3 = (...values) => {
+  const source = values.find((value) => typeof value === "string" && value.trim().length > 0);
+  if (!source) return "FM";
+  const cleaned = source.replace(/[^a-z0-9]+/gi, " ").trim();
+  if (!cleaned) return "FM";
+  const parts = cleaned.split(/\s+/).filter(Boolean);
+  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();
+  return `${parts[0][0] || ""}${parts[1][0] || ""}`.toUpperCase();
+};
+var getHash2 = (value) => {
+  let hash = 0;
+  for (let index = 0; index < value.length; index += 1) {
+    hash = hash * 31 + value.charCodeAt(index) >>> 0;
+  }
+  return hash;
+};
+var normalizeToneKey2 = (value) => value?.trim().toLowerCase() || "";
+var getFormTone2 = (slug, fallbackSeed) => {
+  const normalizedSlug = normalizeToneKey2(slug);
+  if (normalizedSlug && FORM_TONE_OVERRIDES2[normalizedSlug]) {
+    return FORM_TONE_OVERRIDES2[normalizedSlug];
+  }
+  const normalizedSeed = normalizeToneKey2(fallbackSeed);
+  if (normalizedSeed && FORM_TONE_OVERRIDES2[normalizedSeed]) {
+    return FORM_TONE_OVERRIDES2[normalizedSeed];
+  }
+  return FORM_TONES2[getHash2(slug || fallbackSeed) % FORM_TONES2.length];
+};
+var getFormToneStyle2 = (slug, fallbackSeed) => {
+  const tone = getFormTone2(slug, fallbackSeed);
+  return {
+    ["--form-accent"]: tone.accent,
+    ["--form-accent-border"]: tone.accentBorder,
+    ["--form-accent-mist"]: tone.accentMist,
+    ["--form-accent-soft"]: tone.accentSoft
+  };
+};
+var getFormTitle2 = (value) => {
+  if (value && typeof value === "object" && typeof value.title === "string") {
+    const title = value.title.trim();
+    if (title.length > 0) return title;
+  }
+  if (typeof value === "string" && value.trim().length > 0) {
+    return value;
+  }
+  return "Untitled Form";
+};
+
+// src/admin/components/studio/AdminStudioFormDetailView.tsx
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var getNonEmptyText = (value, fallback = "") => typeof value === "string" && value.trim().length > 0 ? value : fallback;
+var normalizeSteps = (value) => {
+  if (!Array.isArray(value)) {
+    return [];
+  }
+  return value.map((step) => step && typeof step === "object" && !Array.isArray(step) ? step : {});
+};
+var normalizeFormResponse = (value) => {
+  if (!value || typeof value !== "object" || Array.isArray(value)) {
+    return {};
+  }
+  const record = value;
+  const nestedDoc = record.doc;
+  if (nestedDoc && typeof nestedDoc === "object" && !Array.isArray(nestedDoc)) {
+    return nestedDoc;
+  }
+  return record;
+};
+var toEditorState = (doc) => {
+  const emails = doc.emails && typeof doc.emails === "object" ? doc.emails : null;
+  const adminRecipients = Array.isArray(emails?.adminRecipients) ? emails?.adminRecipients.map(
+    (entry) => entry && typeof entry === "object" && typeof entry.email === "string" ? entry.email.trim() : ""
+  ).filter(Boolean) : [];
+  return {
+    adminRecipientsText: adminRecipients.join("\n"),
+    adminSubject: getNonEmptyText(emails?.adminSubject),
+    confirmationHeading: getNonEmptyText(emails?.confirmationHeading),
+    confirmationMessage: getNonEmptyText(emails?.confirmationMessage),
+    confirmationSubject: getNonEmptyText(emails?.confirmationSubject),
+    sendAdmin: emails?.sendAdmin !== false,
+    sendConfirmation: emails?.sendConfirmation !== false,
+    slug: getNonEmptyText(doc.slug),
+    steps: normalizeSteps(doc.steps),
+    submitLabel: getNonEmptyText(doc.submitLabel, "Submit"),
+    successMessage: getNonEmptyText(doc.successMessage),
+    title: getNonEmptyText(doc.title, "Untitled Form")
+  };
+};
+var checkboxLabelStyle = {
+  alignItems: "center",
+  display: "flex",
+  gap: "0.6rem"
+};
+var sectionGridStyle = {
+  display: "grid",
+  gap: "1rem",
+  gridTemplateColumns: "repeat(auto-fit, minmax(320px, 1fr))"
+};
+var fieldTypeOptions = [
+  "text",
+  "textarea",
+  "email",
+  "phone",
+  "url",
+  "select",
+  "radio",
+  "checkbox",
+  "checkbox-group",
+  "date",
+  "file"
+];
+var getFields = (step) => Array.isArray(step.fields) ? step.fields.map(
+  (field) => field && typeof field === "object" && !Array.isArray(field) ? field : {}
+) : [];
+var toOptionsText = (value) => Array.isArray(value) ? value.map((entry) => {
+  if (entry && typeof entry === "object" && !Array.isArray(entry)) {
+    const record = entry;
+    const label = typeof record.label === "string" ? record.label : "";
+    const optionValue = typeof record.value === "string" ? record.value : label;
+    return label && optionValue && label !== optionValue ? `${label} | ${optionValue}` : label || optionValue;
+  }
+  return typeof entry === "string" ? entry : "";
+}).filter(Boolean).join("\n") : "";
+var fromOptionsText = (value) => value.split("\n").map((entry) => entry.trim()).filter(Boolean).map((entry) => {
+  const [label, optionValue] = entry.split("|").map((part) => part.trim());
+  return {
+    label,
+    value: optionValue || label
+  };
+});
+var slugifyFieldName = (value) => value.trim().replace(/[^a-z0-9]+/gi, " ").trim().replace(/\s+([a-z0-9])/gi, (_, char) => char.toUpperCase()).replace(/^./, (char) => char.toLowerCase());
+var blankField = () => ({
+  label: "New field",
+  name: "newField",
+  required: false,
+  type: "text"
+});
+var blankStep = () => ({
+  fields: [blankField()],
+  title: "New step"
+});
+var getStepTitle = (step, stepIndex) => getNonEmptyText(step.title, `Step ${stepIndex + 1}`);
+var getFieldLabel = (field, fieldIndex) => getNonEmptyText(field.label, getNonEmptyText(field.name, `Field ${fieldIndex + 1}`));
+var formatFieldTypeLabel = (value) => getNonEmptyText(value, "text").replace(/-/g, " ").replace(/^./, (char) => char.toUpperCase());
+var getStepDestination = (stepIndex, stepCount) => {
+  if (stepIndex < stepCount - 1) {
+    return `Next: Step ${stepIndex + 2}`;
+  }
+  return "Then: Submit form";
+};
+var moveItem = (items, fromIndex, toIndex) => {
+  if (toIndex < 0 || toIndex >= items.length) {
+    return items;
+  }
+  const nextItems = [...items];
+  const [item] = nextItems.splice(fromIndex, 1);
+  nextItems.splice(toIndex, 0, item);
+  return nextItems;
+};
+function getFormIDFromPathname(pathname) {
+  const marker = "/forms/";
+  const raw = getIDFromPathname(pathname, marker);
+  if (!raw || raw === "submissions" || raw === "uploads") {
+    return null;
+  }
+  return raw;
+}
+function AdminStudioFormDetailView(props) {
+  const formsCollectionSlug = getPropString14(props, "formsCollectionSlug", "forms");
+  const formSubmissionsCollectionSlug = getPropString14(
+    props,
+    "formSubmissionsCollectionSlug",
+    "form-submissions"
+  );
+  const adminBasePath = useAdminBasePath();
+  const formsPath = resolveAdminPath(adminBasePath, "/forms");
+  const formIDFromParams = (0, import_react32.useMemo)(() => getParam3(props.params, "id"), [props.params]);
+  const [formID, setFormID] = (0, import_react32.useState)(formIDFromParams);
+  const [didResolvePathFallback, setDidResolvePathFallback] = (0, import_react32.useState)(false);
+  const [doc, setDoc] = (0, import_react32.useState)(null);
+  const [submissions, setSubmissions] = (0, import_react32.useState)([]);
+  const [editorState, setEditorState] = (0, import_react32.useState)(null);
+  const [loading, setLoading] = (0, import_react32.useState)(true);
+  const [error, setError] = (0, import_react32.useState)(null);
+  const [saving, setSaving] = (0, import_react32.useState)(false);
+  const [savedMessage, setSavedMessage] = (0, import_react32.useState)(null);
+  (0, import_react32.useEffect)(() => {
+    if (formIDFromParams) {
+      setFormID(formIDFromParams);
+      setDidResolvePathFallback(true);
+      return;
+    }
+    if (typeof window !== "undefined") {
+      setFormID(getFormIDFromPathname(window.location.pathname));
+    }
+    setDidResolvePathFallback(true);
+  }, [formIDFromParams]);
+  const loadDoc = async (id) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const submissionsParams = new URLSearchParams({
+        depth: "1",
+        limit: "25",
+        sort: "-submittedAt"
+      });
+      submissionsParams.set("where[form][equals]", id);
+      const [formResponse, submissionsResponse] = await Promise.all([
+        fetch(`/api/${formsCollectionSlug}/${encodeURIComponent(id)}?depth=0&draft=true`, {
+          credentials: "include"
+        }),
+        fetch(`/api/${formSubmissionsCollectionSlug}?${submissionsParams.toString()}`, {
+          credentials: "include"
+        })
+      ]);
+      if (!formResponse.ok) {
+        throw new Error(`Failed to load form (${formResponse.status}).`);
+      }
+      if (!submissionsResponse.ok) {
+        throw new Error(`Failed to load submissions (${submissionsResponse.status}).`);
+      }
+      const nextDoc = normalizeFormResponse(await formResponse.json());
+      const submissionsPayload = await submissionsResponse.json();
+      const nextSubmissions = Array.isArray(submissionsPayload.docs) ? submissionsPayload.docs : [];
+      setDoc(nextDoc);
+      setEditorState(toEditorState(nextDoc));
+      setSubmissions(nextSubmissions);
+    } catch (loadError) {
+      setError(loadError instanceof Error ? loadError.message : "Failed to load form.");
+      setDoc(null);
+      setEditorState(null);
+      setSubmissions([]);
+    } finally {
+      setLoading(false);
+    }
+  };
+  (0, import_react32.useEffect)(() => {
+    if (!formID) {
+      return;
+    }
+    void loadDoc(formID);
+  }, [formID, formsCollectionSlug, formSubmissionsCollectionSlug]);
+  const save = async (event) => {
+    event.preventDefault();
+    if (!formID || !editorState) {
+      return;
+    }
+    setSaving(true);
+    setError(null);
+    setSavedMessage(null);
+    try {
+      const payload = {
+        emails: {
+          adminRecipients: editorState.adminRecipientsText.split("\n").map((value) => value.trim()).filter(Boolean).map((email) => ({ email })),
+          adminSubject: editorState.adminSubject.trim(),
+          confirmationHeading: editorState.confirmationHeading.trim(),
+          confirmationMessage: editorState.confirmationMessage,
+          confirmationSubject: editorState.confirmationSubject.trim(),
+          sendAdmin: editorState.sendAdmin,
+          sendConfirmation: editorState.sendConfirmation
+        },
+        slug: editorState.slug.trim(),
+        steps: editorState.steps,
+        submitLabel: editorState.submitLabel.trim(),
+        successMessage: editorState.successMessage,
+        title: editorState.title.trim()
+      };
+      const response = await fetch(`/api/${formsCollectionSlug}/${encodeURIComponent(formID)}`, {
+        body: JSON.stringify(payload),
+        credentials: "include",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        method: "PATCH"
+      });
+      if (!response.ok) {
+        throw new Error(`Failed to save form (${response.status}).`);
+      }
+      const nextDoc = normalizeFormResponse(await response.json());
+      setDoc(nextDoc);
+      setEditorState(toEditorState(nextDoc));
+      setSavedMessage("Saved.");
+    } catch (saveError) {
+      setError(saveError instanceof Error ? saveError.message : "Failed to save form.");
+    } finally {
+      setSaving(false);
+    }
+  };
+  if (!formID && !didResolvePathFallback) {
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      AdminPage,
+      {
+        breadcrumbs: [
+          { label: "Dashboard", href: adminBasePath },
+          { label: "Forms", href: formsPath },
+          { label: "Form" }
+        ],
+        description: "Loading form workspace...",
+        title: "Form",
+        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_jsx_runtime41.Fragment, {})
+      }
+    ) });
+  }
+  const title = doc && typeof doc.title === "string" && doc.title.trim().length > 0 ? doc.title : "Form";
+  const slug = doc && typeof doc.slug === "string" ? doc.slug : "";
+  const toneStyle = getFormToneStyle2(slug, title || formID || "form");
+  const fieldLabels = doc ? buildFieldLabelMap2(doc) : /* @__PURE__ */ new Map();
+  const latestSubmission = submissions[0];
+  const stepCount = editorState?.steps.length || 0;
+  const fieldCount = editorState ? editorState.steps.reduce((count, step) => count + getFields(step).length, 0) : doc ? getFieldCount2(doc) : 0;
+  const updateStep = (stepIndex, patch) => {
+    setEditorState(
+      (current) => current ? {
+        ...current,
+        steps: current.steps.map(
+          (step, index) => index === stepIndex ? { ...step, ...patch } : step
+        )
+      } : current
+    );
+  };
+  const updateField = (stepIndex, fieldIndex, patch) => {
+    setEditorState((current) => {
+      if (!current) return current;
+      return {
+        ...current,
+        steps: current.steps.map((step, index) => {
+          if (index !== stepIndex) return step;
+          const fields = getFields(step).map(
+            (field, currentFieldIndex) => currentFieldIndex === fieldIndex ? { ...field, ...patch } : field
+          );
+          return { ...step, fields };
+        })
+      };
+    });
+  };
+  const moveStep = (stepIndex, direction) => {
+    setEditorState(
+      (current) => current ? {
+        ...current,
+        steps: moveItem(current.steps, stepIndex, stepIndex + direction)
+      } : current
+    );
+  };
+  const moveField = (stepIndex, fieldIndex, direction) => {
+    setEditorState((current) => {
+      if (!current) return current;
+      return {
+        ...current,
+        steps: current.steps.map(
+          (step, index) => index === stepIndex ? { ...step, fields: moveItem(getFields(step), fieldIndex, fieldIndex + direction) } : step
+        )
+      };
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+    AdminPage,
+    {
+      breadcrumbs: [
+        { label: "Dashboard", href: adminBasePath },
+        { label: "Forms", href: formsPath },
+        { label: title }
+      ],
+      description: "Manage form content and review recent responses without leaving Studio.",
+      title: "Form",
+      children: [
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-list-meta", children: "Loading..." }) : null,
+        error ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-error", children: error }) : null,
+        savedMessage ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-success", children: savedMessage }) : null,
+        !loading && !error && doc && editorState && formID ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { style: { display: "grid", gap: "1rem" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-forms-summary-grid", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("article", { className: "orion-admin-overview-stat", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "orion-admin-overview-stat-label", children: "Workflow steps" }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { children: stepCount }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { children: "Configured stages in the public form flow." })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("article", { className: "orion-admin-overview-stat", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "orion-admin-overview-stat-label", children: "Fields" }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { children: fieldCount }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { children: "Total visible and conditional fields across every step." })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("article", { className: "orion-admin-overview-stat", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "orion-admin-overview-stat-label", children: "Recent submissions" }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { children: submissions.length }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { children: latestSubmission ? `Latest response ${formatDate2(latestSubmission.submittedAt)}` : "No responses have been recorded yet." })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("section", { className: "orion-admin-form-board", style: toneStyle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-form-board-header", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-form-board-heading", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-form-board-kicker-row", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "orion-admin-form-board-kicker", children: slug || "No slug set" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "orion-admin-form-board-meta", children: doc.updatedAt ? `Updated ${formatDate2(doc.updatedAt)}` : "Update time unavailable" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-form-board-title-row", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-form-board-mark", children: getInitials3(title, slug) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-form-board-copy", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h2", { className: "orion-admin-form-board-title", children: title }),
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "orion-admin-form-board-subtitle", children: editorState.successMessage.trim().length > 0 ? editorState.successMessage : "No success message set." })
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-form-board-actions", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-form-board-count", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "orion-admin-form-board-count-value", children: submissions.length }),
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "orion-admin-form-board-count-label", children: [
+                  "response",
+                  submissions.length === 1 ? "" : "s"
+                ] })
+              ] }) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-form-board-metrics", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("article", { className: "orion-admin-form-metric", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "orion-admin-form-metric-label", children: "Submit button" }),
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { className: "orion-admin-form-metric-value is-copy", children: editorState.submitLabel || "Submit" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("article", { className: "orion-admin-form-metric", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "orion-admin-form-metric-label", children: "Admin notifications" }),
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { className: "orion-admin-form-metric-value", children: editorState.sendAdmin ? "On" : "Off" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("article", { className: "orion-admin-form-metric", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "orion-admin-form-metric-label", children: "Confirmation email" }),
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { className: "orion-admin-form-metric-value", children: editorState.sendConfirmation ? "On" : "Off" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("article", { className: "orion-admin-form-metric", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "orion-admin-form-metric-label", children: "Latest response" }),
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { className: "orion-admin-form-metric-value is-copy", children: latestSubmission ? formatDate2(latestSubmission.submittedAt) : "No activity yet" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { style: sectionGridStyle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { style: { display: "grid", gap: "1rem" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-card", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { children: "Step preview" }),
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "Review the public workflow as visitors will move through it." }),
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { style: { display: "grid", gap: "0.85rem", marginTop: "1rem" }, children: editorState.steps.length > 0 ? editorState.steps.map((record, stepIndex) => {
+                  const fields = getFields(record);
+                  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-form", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("strong", { children: [
+                        "Step ",
+                        stepIndex + 1,
+                        ": ",
+                        getNonEmptyText(record?.title, "Untitled Step")
+                      ] }),
+                      getNonEmptyText(record?.subtitle) ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-list-meta", style: { marginTop: "0.25rem" }, children: getNonEmptyText(record?.subtitle) }) : null
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-inline-actions", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "orion-admin-pill", children: [
+                        fields.length,
+                        " field",
+                        fields.length === 1 ? "" : "s"
+                      ] }),
+                      record?.allowSkip === true ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "orion-admin-pill", children: "Can skip" }) : null,
+                      getNonEmptyText(record?.nextLabel) ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "orion-admin-pill", children: [
+                        "Next: ",
+                        getNonEmptyText(record?.nextLabel)
+                      ] }) : null
+                    ] }),
+                    fields.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-list", children: fields.map((field, fieldIndex) => {
+                      const fieldRecord = field && typeof field === "object" && !Array.isArray(field) ? field : null;
+                      const type = getNonEmptyText(fieldRecord?.type, "text");
+                      const label = getNonEmptyText(
+                        fieldRecord?.label,
+                        getNonEmptyText(fieldRecord?.name, `Field ${fieldIndex + 1}`)
+                      );
+                      const helpText = getNonEmptyText(fieldRecord?.helpText);
+                      const condition = fieldRecord?.condition && typeof fieldRecord.condition === "object" && !Array.isArray(fieldRecord.condition) ? fieldRecord.condition : null;
+                      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-list-item", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { children: label }),
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-list-meta", children: [
+                          type,
+                          fieldRecord?.required === true ? " \xB7 required" : "",
+                          condition?.field && condition?.equals ? ` \xB7 when ${String(condition.field)} = ${String(condition.equals)}` : ""
+                        ] }),
+                        helpText ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                          "div",
+                          {
+                            className: "orion-admin-list-meta",
+                            style: { marginTop: "0.25rem" },
+                            children: helpText
+                          }
+                        ) : null
+                      ] }) }, `field-${fieldIndex}`);
+                    }) }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-list-meta", children: "This step has no fields." })
+                  ] }, `step-${stepIndex}`);
+                }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-empty-state", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { children: "No steps configured" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "Add at least one step in Form settings to publish this form." })
+                ] }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-card", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { children: "Recent submissions" }),
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "Jump from the form definition into the latest responses." }),
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { style: { display: "grid", gap: "0.85rem", marginTop: "1rem" }, children: submissions.length > 0 ? submissions.map((submission) => {
+                  const submissionID = typeof submission.id === "string" || typeof submission.id === "number" ? String(submission.id) : "";
+                  if (!submissionID) return null;
+                  const identity = getNameAndEmail2(submission.data);
+                  const previewFields = getPreviewFields2(submission.data, fieldLabels);
+                  const formSubmissionPath = resolveAdminPath(
+                    adminBasePath,
+                    `/forms/submissions/${submissionID}`
+                  );
+                  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_link4.default, { className: "orion-admin-list-item", href: formSubmissionPath, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { children: identity.name || identity.email || "Submission" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-list-meta", children: formatDate2(submission.submittedAt) }),
+                      previewFields.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-list-meta", style: { marginTop: "0.3rem" }, children: previewFields.map((field) => `${field.label}: ${field.value}`).join(" \xB7 ") }) : null
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "orion-admin-action-button orion-admin-action-button--ghost", children: "Open" })
+                  ] }, submissionID);
+                }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-empty-state", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { children: "No responses yet" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "This view will populate as soon as the form starts receiving traffic." })
+                ] }) })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("form", { className: "orion-admin-form", onSubmit: save, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { children: "Form settings" }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { children: [
+                "Title",
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                  "input",
+                  {
+                    onChange: (event) => setEditorState(
+                      (current) => current ? { ...current, title: event.target.value } : current
+                    ),
+                    required: true,
+                    type: "text",
+                    value: editorState.title
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { children: [
+                "Slug",
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                  "input",
+                  {
+                    onChange: (event) => setEditorState(
+                      (current) => current ? { ...current, slug: event.target.value } : current
+                    ),
+                    required: true,
+                    type: "text",
+                    value: editorState.slug
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { children: [
+                "Submit button",
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                  "input",
+                  {
+                    onChange: (event) => setEditorState(
+                      (current) => current ? { ...current, submitLabel: event.target.value } : current
+                    ),
+                    type: "text",
+                    value: editorState.submitLabel
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { children: [
+                "Success message",
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                  "textarea",
+                  {
+                    onChange: (event) => setEditorState(
+                      (current) => current ? { ...current, successMessage: event.target.value } : current
+                    ),
+                    rows: 4,
+                    value: editorState.successMessage
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-card", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { children: "Email behavior" }),
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { style: { display: "grid", gap: "0.85rem", marginTop: "0.9rem" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { style: checkboxLabelStyle, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                      "input",
+                      {
+                        checked: editorState.sendAdmin,
+                        onChange: (event) => setEditorState(
+                          (current) => current ? { ...current, sendAdmin: event.target.checked } : current
+                        ),
+                        type: "checkbox"
+                      }
+                    ),
+                    "Send admin notifications"
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { children: [
+                    "Admin recipients",
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                      "textarea",
+                      {
+                        onChange: (event) => setEditorState(
+                          (current) => current ? { ...current, adminRecipientsText: event.target.value } : current
+                        ),
+                        placeholder: "one@email.com\ntwo@email.com",
+                        rows: 4,
+                        value: editorState.adminRecipientsText
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { children: [
+                    "Admin subject",
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                      "input",
+                      {
+                        onChange: (event) => setEditorState(
+                          (current) => current ? { ...current, adminSubject: event.target.value } : current
+                        ),
+                        type: "text",
+                        value: editorState.adminSubject
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { style: checkboxLabelStyle, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                      "input",
+                      {
+                        checked: editorState.sendConfirmation,
+                        onChange: (event) => setEditorState(
+                          (current) => current ? { ...current, sendConfirmation: event.target.checked } : current
+                        ),
+                        type: "checkbox"
+                      }
+                    ),
+                    "Send confirmation email"
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { children: [
+                    "Confirmation subject",
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                      "input",
+                      {
+                        onChange: (event) => setEditorState(
+                          (current) => current ? { ...current, confirmationSubject: event.target.value } : current
+                        ),
+                        type: "text",
+                        value: editorState.confirmationSubject
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { children: [
+                    "Confirmation heading",
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                      "input",
+                      {
+                        onChange: (event) => setEditorState(
+                          (current) => current ? { ...current, confirmationHeading: event.target.value } : current
+                        ),
+                        type: "text",
+                        value: editorState.confirmationHeading
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { children: [
+                    "Confirmation message",
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                      "textarea",
+                      {
+                        onChange: (event) => setEditorState(
+                          (current) => current ? { ...current, confirmationMessage: event.target.value } : current
+                        ),
+                        rows: 4,
+                        value: editorState.confirmationMessage
+                      }
+                    )
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-card orion-admin-workflow-editor", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-workflow-editor-header", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { children: "Form steps" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "Build the visitor flow, then edit each step's fields below." })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                    "button",
+                    {
+                      className: "orion-admin-action-button orion-admin-action-button--ghost",
+                      onClick: () => setEditorState(
+                        (current) => current ? { ...current, steps: [...current.steps, blankStep()] } : current
+                      ),
+                      type: "button",
+                      children: "Add step"
+                    }
+                  )
+                ] }),
+                editorState.steps.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-empty-state", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { children: "No steps configured" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "Add a first step to start building the public form flow." })
+                ] }) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-step-editor-list", children: editorState.steps.map((step, stepIndex) => {
+                  const fields = getFields(step);
+                  const requiredCount = fields.filter((field) => field.required === true).length;
+                  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("details", { className: "orion-admin-step-editor", open: true, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("summary", { className: "orion-admin-step-editor-summary", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "orion-admin-workflow-node-number", children: stepIndex + 1 }),
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "orion-admin-step-editor-title", children: getStepTitle(step, stepIndex) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "orion-admin-step-editor-meta", children: [
+                        fields.length,
+                        " field",
+                        fields.length === 1 ? "" : "s",
+                        requiredCount > 0 ? ` \xB7 ${requiredCount} required` : ""
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "orion-admin-workflow-node-destination", children: getStepDestination(stepIndex, editorState.steps.length) })
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-step-editor-body", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-step-editor-actions", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                          "button",
+                          {
+                            className: "orion-admin-action-button orion-admin-action-button--ghost",
+                            disabled: stepIndex === 0,
+                            onClick: () => moveStep(stepIndex, -1),
+                            type: "button",
+                            children: "Move up"
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                          "button",
+                          {
+                            className: "orion-admin-action-button orion-admin-action-button--ghost",
+                            disabled: stepIndex === editorState.steps.length - 1,
+                            onClick: () => moveStep(stepIndex, 1),
+                            type: "button",
+                            children: "Move down"
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                          "button",
+                          {
+                            className: "orion-admin-action-button orion-admin-action-button--ghost",
+                            onClick: () => setEditorState(
+                              (current) => current ? {
+                                ...current,
+                                steps: current.steps.filter((_, index) => index !== stepIndex)
+                              } : current
+                            ),
+                            type: "button",
+                            children: "Remove step"
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-step-settings-grid", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { children: [
+                          "Step title",
+                          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                            "input",
+                            {
+                              onChange: (event) => updateStep(stepIndex, { title: event.target.value }),
+                              type: "text",
+                              value: getNonEmptyText(step.title)
+                            }
+                          )
+                        ] }),
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { children: [
+                          "Next button label",
+                          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                            "input",
+                            {
+                              onChange: (event) => updateStep(stepIndex, { nextLabel: event.target.value }),
+                              placeholder: "Next",
+                              type: "text",
+                              value: getNonEmptyText(step.nextLabel)
+                            }
+                          )
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { children: [
+                        "Step intro text",
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                          "textarea",
+                          {
+                            onChange: (event) => updateStep(stepIndex, { subtitle: event.target.value }),
+                            rows: 3,
+                            value: getNonEmptyText(step.subtitle)
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { style: checkboxLabelStyle, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                          "input",
+                          {
+                            checked: step.allowSkip === true,
+                            onChange: (event) => updateStep(stepIndex, { allowSkip: event.target.checked }),
+                            type: "checkbox"
+                          }
+                        ),
+                        "Allow visitors to skip this step"
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-field-list-header", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { children: "Fields in this step" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "These appear together before the visitor moves to the next step." })
+                        ] }),
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                          "button",
+                          {
+                            className: "orion-admin-action-button orion-admin-action-button--ghost",
+                            onClick: () => setEditorState(
+                              (current) => current ? {
+                                ...current,
+                                steps: current.steps.map(
+                                  (currentStep, index) => index === stepIndex ? { ...currentStep, fields: [...getFields(currentStep), blankField()] } : currentStep
+                                )
+                              } : current
+                            ),
+                            type: "button",
+                            children: "Add field"
+                          }
+                        )
+                      ] }),
+                      fields.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-field-editor-list", children: fields.map((field, fieldIndex) => {
+                        const label = getFieldLabel(field, fieldIndex);
+                        const fieldType = getNonEmptyText(field.type, "text");
+                        return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("details", { className: "orion-admin-field-editor", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("summary", { className: "orion-admin-field-editor-summary", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "orion-admin-field-order", children: fieldIndex + 1 }),
+                            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "orion-admin-field-editor-title", children: label }),
+                            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "orion-admin-field-editor-meta", children: [
+                              formatFieldTypeLabel(fieldType),
+                              field.required === true ? " \xB7 Required" : ""
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-field-editor-body", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-step-editor-actions", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                                "button",
+                                {
+                                  className: "orion-admin-action-button orion-admin-action-button--ghost",
+                                  disabled: fieldIndex === 0,
+                                  onClick: () => moveField(stepIndex, fieldIndex, -1),
+                                  type: "button",
+                                  children: "Move up"
+                                }
+                              ),
+                              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                                "button",
+                                {
+                                  className: "orion-admin-action-button orion-admin-action-button--ghost",
+                                  disabled: fieldIndex === fields.length - 1,
+                                  onClick: () => moveField(stepIndex, fieldIndex, 1),
+                                  type: "button",
+                                  children: "Move down"
+                                }
+                              ),
+                              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                                "button",
+                                {
+                                  className: "orion-admin-action-button orion-admin-action-button--ghost",
+                                  onClick: () => setEditorState((current) => {
+                                    if (!current) return current;
+                                    return {
+                                      ...current,
+                                      steps: current.steps.map(
+                                        (currentStep, index) => index === stepIndex ? {
+                                          ...currentStep,
+                                          fields: getFields(currentStep).filter(
+                                            (_, currentFieldIndex) => currentFieldIndex !== fieldIndex
+                                          )
+                                        } : currentStep
+                                      )
+                                    };
+                                  }),
+                                  type: "button",
+                                  children: "Remove field"
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-step-settings-grid", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { children: [
+                                "Field label",
+                                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                                  "input",
+                                  {
+                                    onChange: (event) => {
+                                      const nextLabel = event.target.value;
+                                      const currentName = getNonEmptyText(field.name);
+                                      updateField(stepIndex, fieldIndex, {
+                                        label: nextLabel,
+                                        name: currentName || slugifyFieldName(nextLabel)
+                                      });
+                                    },
+                                    type: "text",
+                                    value: label
+                                  }
+                                )
+                              ] }),
+                              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { children: [
+                                "Field type",
+                                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                                  "select",
+                                  {
+                                    onChange: (event) => updateField(stepIndex, fieldIndex, { type: event.target.value }),
+                                    value: fieldType,
+                                    children: fieldTypeOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("option", { value: option, children: formatFieldTypeLabel(option) }, option))
+                                  }
+                                )
+                              ] })
+                            ] }),
+                            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { children: [
+                              "Field key",
+                              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                                "input",
+                                {
+                                  onChange: (event) => updateField(stepIndex, fieldIndex, { name: event.target.value }),
+                                  type: "text",
+                                  value: getNonEmptyText(field.name)
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { style: checkboxLabelStyle, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                                "input",
+                                {
+                                  checked: field.required === true,
+                                  onChange: (event) => updateField(stepIndex, fieldIndex, { required: event.target.checked }),
+                                  type: "checkbox"
+                                }
+                              ),
+                              "Required"
+                            ] }),
+                            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { children: [
+                              "Help text",
+                              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                                "textarea",
+                                {
+                                  onChange: (event) => updateField(stepIndex, fieldIndex, { helpText: event.target.value }),
+                                  rows: 2,
+                                  value: getNonEmptyText(field.helpText)
+                                }
+                              )
+                            ] }),
+                            ["select", "radio", "checkbox-group"].includes(fieldType) ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { children: [
+                              "Options",
+                              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                                "textarea",
+                                {
+                                  onChange: (event) => updateField(stepIndex, fieldIndex, {
+                                    options: fromOptionsText(event.target.value)
+                                  }),
+                                  placeholder: "Option one\nOption two",
+                                  rows: 4,
+                                  value: toOptionsText(field.options)
+                                }
+                              )
+                            ] }) : null
+                          ] })
+                        ] }, `edit-field-${stepIndex}-${fieldIndex}`);
+                      }) }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-empty-state", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { children: "No fields in this step" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "Add a field so visitors have something to answer here." })
+                      ] })
+                    ] })
+                  ] }, `edit-step-${stepIndex}`);
+                }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("button", { disabled: saving, type: "submit", children: saving ? "Saving..." : "Save Form" })
+            ] })
+          ] })
+        ] }) : null
+      ]
+    }
+  ) });
+}
+
+// src/admin/components/studio/AdminStudioFormSubmissionView.tsx
+var import_link5 = __toESM(require("next/link"));
+var import_react33 = require("react");
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var sectionGridStyle2 = {
+  display: "grid",
+  gap: "1rem",
+  gridTemplateColumns: "repeat(auto-fit, minmax(320px, 1fr))"
+};
+var nestedListStyle = {
+  display: "grid",
+  gap: "0.45rem",
+  margin: 0,
+  padding: 0
+};
+var renderFieldValue = (value) => {
+  if (value === null || value === void 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "orion-admin-list-meta", children: "No value" });
+  }
+  if (typeof value === "boolean") {
+    return value ? "Yes" : "No";
+  }
+  if (typeof value === "number") {
+    return String(value);
+  }
+  if (typeof value === "string") {
+    return value.trim().length > 0 ? value : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "orion-admin-list-meta", children: "No value" });
+  }
+  if (Array.isArray(value)) {
+    const entries = value.filter((entry) => entry !== null && entry !== void 0 && entry !== "");
+    if (entries.length === 0) {
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "orion-admin-list-meta", children: "No value" });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("ul", { style: nestedListStyle, children: entries.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("li", { children: renderFieldValue(entry) }, index)) });
+  }
+  if (typeof value === "object") {
+    const entries = Object.entries(value).filter(
+      ([, entryValue]) => entryValue !== null && entryValue !== void 0 && entryValue !== ""
+    );
+    if (entries.length === 0) {
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "orion-admin-list-meta", children: "No value" });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { style: { display: "grid", gap: "0.65rem" }, children: entries.map(([key, entryValue]) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "orion-admin-meta-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "orion-admin-meta-label", children: humanizeKey2(key) }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "orion-admin-meta-value", children: renderFieldValue(entryValue) })
+    ] }, key)) });
+  }
+  return String(value);
+};
+function getSubmissionIDFromPathname(pathname) {
+  return getIDFromPathname(pathname, "/forms/submissions/");
+}
+function AdminStudioFormSubmissionView(props) {
+  const formsCollectionSlug = getPropString14(props, "formsCollectionSlug", "forms");
+  const formSubmissionsCollectionSlug = getPropString14(
+    props,
+    "formSubmissionsCollectionSlug",
+    "form-submissions"
+  );
+  const adminBasePath = useAdminBasePath();
+  const formsPath = resolveAdminPath(adminBasePath, "/forms");
+  const submissionIDFromParams = (0, import_react33.useMemo)(() => getParam3(props.params, "id"), [props.params]);
+  const [submissionID, setSubmissionID] = (0, import_react33.useState)(submissionIDFromParams);
+  const [didResolvePathFallback, setDidResolvePathFallback] = (0, import_react33.useState)(false);
+  const [doc, setDoc] = (0, import_react33.useState)(null);
+  const [formDoc, setFormDoc] = (0, import_react33.useState)(null);
+  const [loading, setLoading] = (0, import_react33.useState)(true);
+  const [error, setError] = (0, import_react33.useState)(null);
+  const [confirmDelete, setConfirmDelete] = (0, import_react33.useState)(false);
+  const [deleting, setDeleting] = (0, import_react33.useState)(false);
+  (0, import_react33.useEffect)(() => {
+    if (submissionIDFromParams) {
+      setSubmissionID(submissionIDFromParams);
+      setDidResolvePathFallback(true);
+      return;
+    }
+    if (typeof window !== "undefined") {
+      setSubmissionID(getSubmissionIDFromPathname(window.location.pathname));
+    }
+    setDidResolvePathFallback(true);
+  }, [submissionIDFromParams]);
+  const loadDoc = async (id) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await fetch(
+        `/api/${formSubmissionsCollectionSlug}/${encodeURIComponent(id)}?depth=2&draft=true`,
+        {
+          credentials: "include"
+        }
+      );
+      if (!response.ok) {
+        throw new Error(`Failed to load submission (${response.status}).`);
+      }
+      const nextDoc = await response.json();
+      const relatedForm = nextDoc.form && typeof nextDoc.form === "object" && !Array.isArray(nextDoc.form) ? nextDoc.form : null;
+      let nextFormDoc = relatedForm;
+      const relatedFormID2 = getFormID3(nextDoc.form);
+      if (!nextFormDoc && relatedFormID2) {
+        const formResponse = await fetch(
+          `/api/${formsCollectionSlug}/${encodeURIComponent(relatedFormID2)}?depth=0&draft=true`,
+          {
+            credentials: "include"
+          }
+        );
+        if (formResponse.ok) {
+          nextFormDoc = await formResponse.json();
+        }
+      }
+      setDoc(nextDoc);
+      setFormDoc(nextFormDoc);
+    } catch (loadError) {
+      setError(loadError instanceof Error ? loadError.message : "Failed to load submission.");
+      setDoc(null);
+      setFormDoc(null);
+    } finally {
       setLoading(false);
     }
   };
-  (0, import_react32.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
+    if (!submissionID) {
+      return;
+    }
+    void loadDoc(submissionID);
+  }, [formsCollectionSlug, formSubmissionsCollectionSlug, submissionID]);
+  const deleteSubmission = async () => {
+    if (!submissionID) {
+      return;
+    }
+    setDeleting(true);
+    setError(null);
+    try {
+      const response = await fetch(`/api/${formSubmissionsCollectionSlug}/${encodeURIComponent(submissionID)}`, {
+        credentials: "include",
+        method: "DELETE"
+      });
+      if (!response.ok) {
+        throw new Error(`Failed to delete submission (${response.status}).`);
+      }
+      const relatedFormID2 = doc ? getFormID3(doc.form) : "";
+      const targetHref = relatedFormID2 ? resolveAdminPath(adminBasePath, `/forms/${relatedFormID2}`) : formsPath;
+      window.location.assign(targetHref);
+    } catch (deleteError) {
+      setError(deleteError instanceof Error ? deleteError.message : "Failed to delete submission.");
+      setDeleting(false);
+    }
+  };
+  if (!submissionID && !didResolvePathFallback) {
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      AdminPage,
+      {
+        breadcrumbs: [
+          { label: "Dashboard", href: adminBasePath },
+          { label: "Forms", href: formsPath },
+          { label: "Submission" }
+        ],
+        description: "Loading submission workspace...",
+        title: "Submission",
+        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_jsx_runtime42.Fragment, {})
+      }
+    ) });
+  }
+  const relatedFormID = doc ? getFormID3(doc.form) : "";
+  const formPath = relatedFormID ? resolveAdminPath(adminBasePath, `/forms/${relatedFormID}`) : formsPath;
+  const formTitle = formDoc ? getFormTitle2(formDoc) : getFormTitle2(doc?.formSlug);
+  const uploads = doc ? getUploads2(doc.files) : [];
+  const identity = doc ? getNameAndEmail2(doc.data) : {};
+  const fieldLabels = formDoc ? buildFieldLabelMap2(formDoc) : /* @__PURE__ */ new Map();
+  const previewFields = doc ? getPreviewFields2(doc.data, fieldLabels) : [];
+  const answerEntries = doc && doc.data && typeof doc.data === "object" ? Object.entries(doc.data) : [];
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+    AdminPage,
+    {
+      breadcrumbs: [
+        { label: "Dashboard", href: adminBasePath },
+        { label: "Forms", href: formsPath },
+        ...relatedFormID ? [{ label: formTitle, href: formPath }] : [{ label: formTitle }],
+        { label: "Submission" }
+      ],
+      description: "Review the submitted answers, related files, and linked form details.",
+      title: "Submission",
+      children: [
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "orion-admin-list-meta", children: "Loading..." }) : null,
+        error ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "orion-admin-error", children: error }) : null,
+        !loading && !error && doc && submissionID ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { style: { display: "grid", gap: "1rem" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "orion-admin-forms-summary-grid", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("article", { className: "orion-admin-overview-stat", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "orion-admin-overview-stat-label", children: "Submitted" }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("strong", { children: formatDate2(doc.submittedAt) }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { children: "Captured timestamp for this response." })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("article", { className: "orion-admin-overview-stat", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "orion-admin-overview-stat-label", children: "Uploads" }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("strong", { children: uploads.length }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { children: "Files attached by the submitter." })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("article", { className: "orion-admin-overview-stat", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "orion-admin-overview-stat-label", children: "Highlighted answers" }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("strong", { children: previewFields.length }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { children: "Readable answer previews from this response." })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { style: sectionGridStyle2, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { style: { display: "grid", gap: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "orion-admin-card", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("strong", { children: "Response details" }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { children: "Formatted answers using the current form field labels when available." }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { style: { display: "grid", gap: "0.85rem", marginTop: "1rem" }, children: answerEntries.length > 0 ? answerEntries.map(([key, value]) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "orion-admin-form", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("strong", { children: fieldLabels.get(key) || humanizeKey2(key) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "orion-admin-list-meta", children: key })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { children: renderFieldValue(value) })
+              ] }, key)) : /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "orion-admin-empty-state", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("strong", { children: "No answers available" }),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { children: "This submission does not contain visible response details." })
+              ] }) })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { style: { display: "grid", gap: "1rem" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "orion-admin-card orion-admin-meta-table", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "orion-admin-meta-row", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "orion-admin-meta-label", children: "Form" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "orion-admin-meta-value", children: relatedFormID ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_link5.default, { href: formPath, children: formTitle }) : formTitle })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "orion-admin-meta-row", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "orion-admin-meta-label", children: "Primary contact" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "orion-admin-meta-value", children: identity.name || identity.email || "Unknown" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "orion-admin-meta-row", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "orion-admin-meta-label", children: "Email" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "orion-admin-meta-value", children: identity.email || "Not provided" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "orion-admin-meta-row", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "orion-admin-meta-label", children: "Submission ID" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "orion-admin-meta-value", children: submissionID })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "orion-admin-meta-row", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "orion-admin-meta-label", children: "Form slug" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "orion-admin-meta-value", children: typeof doc.formSlug === "string" && doc.formSlug.trim().length > 0 ? doc.formSlug : "Unavailable" })
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "orion-admin-card", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("strong", { children: "Attached uploads" }),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { children: "Files linked to this response remain inside the Studio workspace." }),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { style: { display: "grid", gap: "0.75rem", marginTop: "1rem" }, children: uploads.length > 0 ? uploads.map((upload) => {
+                  const uploadID = typeof upload.id === "string" || typeof upload.id === "number" ? String(upload.id) : "";
+                  if (!uploadID) return null;
+                  const uploadPath = resolveAdminPath(adminBasePath, `/forms/uploads/${uploadID}`);
+                  const meta = [formatFileSize4(upload.filesize), typeof upload.mimeType === "string" ? upload.mimeType : null].filter(Boolean).join(" \xB7 ");
+                  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_link5.default, { className: "orion-admin-list-item", href: uploadPath, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("strong", { children: typeof upload.filename === "string" && upload.filename.trim().length > 0 ? upload.filename : `Upload ${uploadID}` }),
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "orion-admin-list-meta", children: meta || "Open file details" })
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "orion-admin-action-button orion-admin-action-button--ghost", children: "Open" })
+                  ] }, uploadID);
+                }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "orion-admin-empty-state", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("strong", { children: "No files attached" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { children: "This response did not include any uploads." })
+                ] }) })
+              ] }),
+              confirmDelete ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "orion-admin-form", style: { borderColor: "#b42318" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { style: { fontWeight: 700, margin: 0 }, children: "Delete this submission?" }),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "orion-admin-list-meta", style: { margin: 0 }, children: "This action cannot be undone and will remove the stored response." }),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "orion-admin-inline-actions", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("button", { disabled: deleting, onClick: deleteSubmission, type: "button", children: deleting ? "Deleting..." : "Yes, Delete" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("button", { onClick: () => setConfirmDelete(false), type: "button", children: "Cancel" })
+                ] })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                "button",
+                {
+                  className: "orion-admin-action-button",
+                  onClick: () => setConfirmDelete(true),
+                  style: { background: "#b42318" },
+                  type: "button",
+                  children: "Delete Submission"
+                }
+              )
+            ] })
+          ] })
+        ] }) : null
+      ]
+    }
+  ) });
+}
+
+// src/admin/components/studio/AdminStudioFormUploadView.tsx
+var import_react34 = require("react");
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var previewStyle = {
+  borderRadius: 14,
+  display: "block",
+  maxHeight: "28rem",
+  objectFit: "contain",
+  width: "100%"
+};
+function getUploadIDFromPathname(pathname) {
+  return getIDFromPathname(pathname, "/forms/uploads/");
+}
+function AdminStudioFormUploadView(props) {
+  const formUploadsCollectionSlug = getPropString14(props, "formUploadsCollectionSlug", "form-uploads");
+  const adminBasePath = useAdminBasePath();
+  const formsPath = resolveAdminPath(adminBasePath, "/forms");
+  const uploadIDFromParams = (0, import_react34.useMemo)(() => getParam3(props.params, "id"), [props.params]);
+  const [uploadID, setUploadID] = (0, import_react34.useState)(uploadIDFromParams);
+  const [didResolvePathFallback, setDidResolvePathFallback] = (0, import_react34.useState)(false);
+  const [doc, setDoc] = (0, import_react34.useState)(null);
+  const [loading, setLoading] = (0, import_react34.useState)(true);
+  const [error, setError] = (0, import_react34.useState)(null);
+  const [savedMessage, setSavedMessage] = (0, import_react34.useState)(null);
+  const [saving, setSaving] = (0, import_react34.useState)(false);
+  const [confirmDelete, setConfirmDelete] = (0, import_react34.useState)(false);
+  const [deleting, setDeleting] = (0, import_react34.useState)(false);
+  (0, import_react34.useEffect)(() => {
+    if (uploadIDFromParams) {
+      setUploadID(uploadIDFromParams);
+      setDidResolvePathFallback(true);
+      return;
+    }
+    if (typeof window !== "undefined") {
+      setUploadID(getUploadIDFromPathname(window.location.pathname));
+    }
+    setDidResolvePathFallback(true);
+  }, [uploadIDFromParams]);
+  const loadDoc = async (id) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await fetch(`/api/${formUploadsCollectionSlug}/${encodeURIComponent(id)}?depth=0&draft=true`, {
+        credentials: "include"
+      });
+      if (!response.ok) {
+        throw new Error(`Failed to load upload (${response.status}).`);
+      }
+      const nextDoc = await response.json();
+      setDoc(nextDoc);
+    } catch (loadError) {
+      setError(loadError instanceof Error ? loadError.message : "Failed to load upload.");
+      setDoc(null);
+    } finally {
+      setLoading(false);
+    }
+  };
+  (0, import_react34.useEffect)(() => {
+    if (!uploadID) {
+      return;
+    }
+    void loadDoc(uploadID);
+  }, [formUploadsCollectionSlug, uploadID]);
+  const save = async (event) => {
+    event.preventDefault();
+    if (!uploadID) {
+      return;
+    }
+    setSaving(true);
+    setError(null);
+    setSavedMessage(null);
+    try {
+      const formData = new FormData(event.currentTarget);
+      const alt = String(formData.get("alt") || "").trim();
+      const response = await fetch(`/api/${formUploadsCollectionSlug}/${encodeURIComponent(uploadID)}`, {
+        body: JSON.stringify({ alt }),
+        credentials: "include",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        method: "PATCH"
+      });
+      if (!response.ok) {
+        throw new Error(`Failed to save upload (${response.status}).`);
+      }
+      const nextDoc = await response.json();
+      setDoc(nextDoc);
+      setSavedMessage("Saved.");
+    } catch (saveError) {
+      setError(saveError instanceof Error ? saveError.message : "Failed to save upload.");
+    } finally {
+      setSaving(false);
+    }
+  };
+  const deleteUpload = async () => {
+    if (!uploadID) {
+      return;
+    }
+    setDeleting(true);
+    setError(null);
+    try {
+      const response = await fetch(`/api/${formUploadsCollectionSlug}/${encodeURIComponent(uploadID)}`, {
+        credentials: "include",
+        method: "DELETE"
+      });
+      if (!response.ok) {
+        throw new Error(`Failed to delete upload (${response.status}).`);
+      }
+      window.location.assign(formsPath);
+    } catch (deleteError) {
+      setError(deleteError instanceof Error ? deleteError.message : "Failed to delete upload.");
+      setDeleting(false);
+    }
+  };
+  if (!uploadID && !didResolvePathFallback) {
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+      AdminPage,
+      {
+        breadcrumbs: [
+          { label: "Dashboard", href: adminBasePath },
+          { label: "Forms", href: formsPath },
+          { label: "Upload" }
+        ],
+        description: "Loading upload workspace...",
+        title: "Upload",
+        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_jsx_runtime43.Fragment, {})
+      }
+    ) });
+  }
+  const filename = doc && typeof doc.filename === "string" && doc.filename.trim().length > 0 ? doc.filename : uploadID ? `Upload ${uploadID}` : "Upload";
+  const mimeType = doc && typeof doc.mimeType === "string" ? doc.mimeType : "";
+  const sourceURL = doc && typeof doc.url === "string" && doc.url.trim().length > 0 ? doc.url : null;
+  const canPreview = Boolean(sourceURL && mimeType.startsWith("image/"));
+  const createdAt = doc?.createdAt ?? doc?.updatedAt;
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+    AdminPage,
+    {
+      breadcrumbs: [
+        { label: "Dashboard", href: adminBasePath },
+        { label: "Forms", href: formsPath },
+        { label: filename }
+      ],
+      description: "Review file metadata, update alt text, and remove private uploads from Studio.",
+      title: "Upload",
+      children: [
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "orion-admin-list-meta", children: "Loading..." }) : null,
+        error ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "orion-admin-error", children: error }) : null,
+        savedMessage ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "orion-admin-success", children: savedMessage }) : null,
+        !loading && !error && doc && uploadID ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "orion-admin-grid", style: { alignItems: "start" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { style: { display: "grid", gap: "0.8rem" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "orion-admin-card", children: canPreview && sourceURL ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { alt: filename, src: sourceURL, style: previewStyle }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("strong", { children: "No inline preview" }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: mimeType ? `Preview unavailable for ${mimeType}.` : "Preview unavailable for this file." })
+            ] }) }),
+            sourceURL ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("a", { className: "orion-admin-action-button", href: sourceURL, rel: "noreferrer", target: "_blank", children: "Open File" }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { style: { display: "grid", gap: "0.8rem" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "orion-admin-card orion-admin-meta-table", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "orion-admin-meta-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "orion-admin-meta-label", children: "Filename" }),
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "orion-admin-meta-value", children: filename })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "orion-admin-meta-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "orion-admin-meta-label", children: "File size" }),
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "orion-admin-meta-value", children: formatFileSize4(doc.filesize) || "Unavailable" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "orion-admin-meta-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "orion-admin-meta-label", children: "Type" }),
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "orion-admin-meta-value", children: mimeType || "Unavailable" })
+              ] }),
+              typeof doc.width === "number" && typeof doc.height === "number" ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "orion-admin-meta-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "orion-admin-meta-label", children: "Dimensions" }),
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "orion-admin-meta-value", children: [
+                  doc.width,
+                  " x ",
+                  doc.height,
+                  "px"
+                ] })
+              ] }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "orion-admin-meta-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "orion-admin-meta-label", children: "Uploaded" }),
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "orion-admin-meta-value", children: formatDate2(createdAt) })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("form", { className: "orion-admin-form", onSubmit: save, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("strong", { children: "Asset details" }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("label", { children: [
+                "Alt text",
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("input", { defaultValue: typeof doc.alt === "string" ? doc.alt : "", name: "alt", type: "text" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("button", { disabled: saving, type: "submit", children: saving ? "Saving..." : "Save Upload" })
+            ] }),
+            confirmDelete ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "orion-admin-form", style: { borderColor: "#b42318" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { style: { fontWeight: 700, margin: 0 }, children: "Delete this upload?" }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "orion-admin-list-meta", style: { margin: 0 }, children: "This removes the stored file and any linked submission attachment references." }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "orion-admin-inline-actions", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("button", { disabled: deleting, onClick: deleteUpload, type: "button", children: deleting ? "Deleting..." : "Yes, Delete" }),
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("button", { onClick: () => setConfirmDelete(false), type: "button", children: "Cancel" })
+              ] })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+              "button",
+              {
+                className: "orion-admin-action-button",
+                onClick: () => setConfirmDelete(true),
+                style: { background: "#b42318" },
+                type: "button",
+                children: "Delete Upload"
+              }
+            )
+          ] })
+        ] }) : null
+      ]
+    }
+  ) });
+}
+
+// src/admin/components/studio/AdminStudioToolsView.tsx
+var import_react35 = require("react");
+var import_ui12 = require("@payloadcms/ui");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var userRoles = ["admin", "developer", "editor", "client"];
+var hasAdminAccess3 = (user) => {
+  if (!user || typeof user !== "object") return false;
+  const role = user.role;
+  return typeof role === "string" && (role === "admin" || role === "developer");
+};
+var normalizeRole = (value) => userRoles.includes(value) ? value : "editor";
+function AdminStudioToolsView(props) {
+  const { user } = (0, import_ui12.useAuth)();
+  const adminBasePath = useAdminBasePath();
+  const [docs, setDocs] = (0, import_react35.useState)([]);
+  const [loading, setLoading] = (0, import_react35.useState)(true);
+  const [error, setError] = (0, import_react35.useState)(null);
+  const [savedMessage, setSavedMessage] = (0, import_react35.useState)(null);
+  const [createSubmitting, setCreateSubmitting] = (0, import_react35.useState)(false);
+  const [updatingUserID, setUpdatingUserID] = (0, import_react35.useState)(null);
+  if (!hasAdminAccess3(user)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      AdminPage,
+      {
+        breadcrumbs: [
+          { label: "Dashboard", href: adminBasePath },
+          { label: "Admin Tools" }
+        ],
+        description: "You do not have access to this section.",
+        title: "Admin Tools",
+        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "orion-admin-card", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("strong", { children: "Access denied" }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { children: "This section is restricted to administrator and developer accounts." })
+        ] })
+      }
+    ) });
+  }
+  const loadUsers = async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const params = new URLSearchParams({
+        depth: "0",
+        draft: "true",
+        limit: "200",
+        sort: "email"
+      });
+      const response = await fetch(`/api/users?${params.toString()}`, {
+        credentials: "include"
+      });
+      if (!response.ok) {
+        throw new Error(`Failed to load users (${response.status}).`);
+      }
+      const payload = await response.json();
+      setDocs(Array.isArray(payload.docs) ? payload.docs : []);
+    } catch (loadError) {
+      setError(loadError instanceof Error ? loadError.message : "Failed to load users.");
+    } finally {
+      setLoading(false);
+    }
+  };
+  (0, import_react35.useEffect)(() => {
     void loadUsers();
   }, []);
   const createUser = async (event) => {
     event.preventDefault();
+    const form = event.currentTarget;
     setCreateSubmitting(true);
     setError(null);
     setSavedMessage(null);
     try {
-      const formData = new FormData(event.currentTarget);
+      const formData = new FormData(form);
       const email = String(formData.get("email") || "").trim();
       const password = String(formData.get("password") || "");
       const fullName = String(formData.get("fullName") || "").trim();
@@ -8114,7 +9591,7 @@ function AdminStudioToolsView(props) {
       if (!response.ok) {
         throw new Error(`Failed to create user (${response.status}).`);
       }
-      event.currentTarget.reset();
+      form.reset();
       await loadUsers();
       setSavedMessage("User created.");
     } catch (createError) {
@@ -8152,7 +9629,7 @@ function AdminStudioToolsView(props) {
       setUpdatingUserID(null);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
     AdminPage,
     {
       breadcrumbs: [
@@ -8162,53 +9639,44 @@ function AdminStudioToolsView(props) {
       description: "Manage users and fallback links to Payload native admin.",
       title: "Admin Tools",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-inline-actions", style: { marginBottom: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("a", { className: "orion-admin-action-button", href: "/admin-core", target: "_blank", children: "Open Payload Core Admin" }) }),
-        error ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-error", style: { marginBottom: "1rem" }, children: error }) : null,
-        savedMessage ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-success", style: { marginBottom: "1rem" }, children: savedMessage }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("form", { className: "orion-admin-form", onSubmit: createUser, style: { marginBottom: "1rem" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { children: "Create User" }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { children: [
+        error ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "orion-admin-error", style: { marginBottom: "1rem" }, children: error }) : null,
+        savedMessage ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "orion-admin-success", style: { marginBottom: "1rem" }, children: savedMessage }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("form", { className: "orion-admin-form", onSubmit: createUser, style: { marginBottom: "1rem" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("strong", { children: "Create User" }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("label", { children: [
             "Email",
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("input", { name: "email", required: true, type: "email" })
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("input", { name: "email", required: true, type: "email" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("label", { children: [
             "Full Name",
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("input", { name: "fullName", type: "text" })
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("input", { name: "fullName", type: "text" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("label", { children: [
             "Password",
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("input", { name: "password", required: true, type: "password" })
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("input", { name: "password", required: true, type: "password" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("label", { children: [
             "Role",
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("select", { defaultValue: "editor", name: "role", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("option", { value: "admin", children: "admin" }),
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("option", { value: "editor", children: "editor" }),
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("option", { value: "client", children: "client" })
-            ] })
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("select", { defaultValue: "editor", name: "role", children: userRoles.map((role) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("option", { value: role, children: role }, role)) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("button", { disabled: createSubmitting, type: "submit", children: createSubmitting ? "Creating..." : "Create User" })
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("button", { disabled: createSubmitting, type: "submit", children: createSubmitting ? "Creating..." : "Create User" })
         ] }),
-        loading ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-list-meta", children: "Loading..." }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-list", children: docs.map((doc) => {
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "orion-admin-list-meta", children: "Loading..." }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "orion-admin-list", children: docs.map((doc) => {
           const id = typeof doc.id === "string" || typeof doc.id === "number" ? String(doc.id) : "";
           if (!id) return null;
           const email = typeof doc.email === "string" ? doc.email : `user-${id}`;
           const fullName = typeof doc.fullName === "string" ? doc.fullName : "";
           const currentRole = typeof doc.role === "string" ? normalizeRole(doc.role) : "editor";
-          return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-list-item", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { children: email }),
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-list-meta", children: fullName || "No full name set" })
+          return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "orion-admin-list-item", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("strong", { children: email }),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "orion-admin-list-meta", children: fullName || "No full name set" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("form", { className: "orion-admin-inline-actions", onSubmit: updateUserRole, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("input", { name: "id", type: "hidden", value: id }),
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("select", { defaultValue: currentRole, name: "role", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("option", { value: "admin", children: "admin" }),
-                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("option", { value: "editor", children: "editor" }),
-                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("option", { value: "client", children: "client" })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("button", { disabled: updatingUserID === id, type: "submit", children: updatingUserID === id ? "Updating..." : "Update" })
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("form", { className: "orion-admin-inline-actions", onSubmit: updateUserRole, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("input", { name: "id", type: "hidden", value: id }),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("select", { defaultValue: currentRole, name: "role", children: userRoles.map((role) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("option", { value: role, children: role }, role)) }),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("button", { disabled: updatingUserID === id, type: "submit", children: updatingUserID === id ? "Updating..." : "Update" })
             ] })
           ] }, id);
         }) })
@@ -8219,14 +9687,14 @@ function AdminStudioToolsView(props) {
 
 // src/admin/components/studio/OpenInStudioMenuItem.tsx
 var import_ui13 = require("@payloadcms/ui");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function OpenInStudioMenuItem({ pagesPathBase = "/pages" }) {
   const documentInfo = (0, import_ui13.useDocumentInfo)();
   const id = documentInfo?.id;
   if (!id) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "a",
     {
       href: `${pagesPathBase}/${id}`,
@@ -8245,19 +9713,19 @@ function OpenInStudioMenuItem({ pagesPathBase = "/pages" }) {
 }
 
 // src/admin/components/studio/PageEditRedirectToStudio.tsx
-var import_react33 = require("react");
+var import_react36 = require("react");
 var import_ui14 = require("@payloadcms/ui");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function PageEditRedirectToStudio({ pagesPathBase = "/pages" }) {
   const documentInfo = (0, import_ui14.useDocumentInfo)();
   const id = documentInfo?.id;
-  (0, import_react33.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (!id) {
       return;
     }
     window.location.replace(`${pagesPathBase}/${id}`);
   }, [id, pagesPathBase]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     "div",
     {
       style: {
@@ -8269,18 +9737,61 @@ function PageEditRedirectToStudio({ pagesPathBase = "/pages" }) {
         minHeight: "50vh"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h2", { style: { margin: 0 }, children: "Opening Editor..." }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { style: { color: "var(--theme-elevation-600)", margin: 0 }, children: "Redirecting to the custom page editor." }),
-        id ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("a", { href: `${pagesPathBase}/${id}`, children: "Continue to Editor" }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("a", { href: pagesPathBase, children: "Open Pages" })
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("h2", { style: { margin: 0 }, children: "Opening Editor..." }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { style: { color: "var(--theme-elevation-600)", margin: 0 }, children: "Redirecting to the custom page editor." }),
+        id ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("a", { href: `${pagesPathBase}/${id}`, children: "Continue to Editor" }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("a", { href: pagesPathBase, children: "Open Pages" })
       ]
     }
   );
 }
 
-// src/admin/components/studio/StudioBackBreadcrumb.tsx
-var import_react34 = require("react");
+// src/admin/components/studio/StudioDocumentRedirect.tsx
+var import_react37 = require("react");
 var import_ui15 = require("@payloadcms/ui");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
+function StudioDocumentRedirect({
+  description = "Redirecting to the Studio view.",
+  emptyHref,
+  emptyLabel = "Open Studio",
+  pathBase = "/forms",
+  title = "Opening Studio..."
+}) {
+  const adminBasePath = useAdminBasePath();
+  const documentInfo = (0, import_ui15.useDocumentInfo)();
+  const id = documentInfo?.id;
+  const fallbackHref = resolveAdminPath(adminBasePath, emptyHref || pathBase);
+  (0, import_react37.useEffect)(() => {
+    if (!id) {
+      return;
+    }
+    const targetHref = resolveAdminPath(adminBasePath, `${pathBase}/${encodeURIComponent(String(id))}`);
+    window.location.replace(targetHref);
+  }, [adminBasePath, id, pathBase]);
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    "div",
+    {
+      style: {
+        alignItems: "center",
+        display: "flex",
+        flexDirection: "column",
+        gap: "0.75rem",
+        justifyContent: "center",
+        minHeight: "50vh",
+        textAlign: "center"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("h2", { style: { margin: 0 }, children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { style: { color: "var(--theme-elevation-600)", margin: 0 }, children: description }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("a", { href: fallbackHref, children: emptyLabel })
+      ]
+    }
+  );
+}
+
+// src/admin/components/studio/StudioBackBreadcrumb.tsx
+var import_react38 = require("react");
+var import_ui16 = require("@payloadcms/ui");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var toTitle = (slug) => slug.split("-").filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
 var buildNav = (pathname, adminBasePath) => {
   if (pathname.includes("/globals/")) {
@@ -8325,8 +9836,8 @@ var buildNav = (pathname, adminBasePath) => {
 };
 function StudioBackBreadcrumb() {
   const adminBasePath = useAdminBasePath();
-  const [pathname, setPathname] = (0, import_react34.useState)("");
-  (0, import_react34.useEffect)(() => {
+  const [pathname, setPathname] = (0, import_react38.useState)("");
+  (0, import_react38.useEffect)(() => {
     const update = () => setPathname(window.location.pathname);
     update();
     window.addEventListener("popstate", update);
@@ -8334,13 +9845,13 @@ function StudioBackBreadcrumb() {
   }, []);
   const nav = buildNav(pathname, adminBasePath);
   if (!nav) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_ui15.SetStepNav, { nav });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_ui16.SetStepNav, { nav });
 }
 
 // src/admin/components/studio/StudioContactFormRedirect.tsx
-var import_react35 = require("react");
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var getPropString14 = (props, key, fallback) => {
+var import_react39 = require("react");
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var getPropString15 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
   if (typeof direct === "string" && direct.length > 0) return direct;
@@ -8353,13 +9864,13 @@ var getPropString14 = (props, key, fallback) => {
 };
 function StudioContactFormRedirect(props) {
   const adminBasePath = useAdminBasePath();
-  const studioContactFormPath = getPropString14(props, "studioContactFormPath", "/contact-form");
+  const studioContactFormPath = getPropString15(props, "studioContactFormPath", "/contact-form");
   const targetPath = resolveAdminPath(adminBasePath, studioContactFormPath);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (window.location.pathname === targetPath) return;
     window.location.replace(targetPath);
   }, [targetPath]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
     "div",
     {
       style: {
@@ -8372,8 +9883,8 @@ function StudioContactFormRedirect(props) {
         minHeight: "40vh"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h2", { style: { margin: 0 }, children: "Opening Contact Form Editor..." }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("a", { href: targetPath, children: "Continue" })
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h2", { style: { margin: 0 }, children: "Opening Contact Form Editor..." }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("a", { href: targetPath, children: "Continue" })
       ]
     }
   );
@@ -8385,6 +9896,9 @@ function StudioContactFormRedirect(props) {
   AdminStudioContactFormView,
   AdminStudioDashboard,
   AdminStudioFooterGlobalView,
+  AdminStudioFormDetailView,
+  AdminStudioFormSubmissionView,
+  AdminStudioFormUploadView,
   AdminStudioFormsView,
   AdminStudioGlobalsView,
   AdminStudioHeaderGlobalView,
@@ -8410,6 +9924,7 @@ function StudioContactFormRedirect(props) {
   StatusBadge,
   StudioBackBreadcrumb,
   StudioContactFormRedirect,
+  StudioDocumentRedirect,
   StudioSectionLayout,
   ThemeProvider,
   ThemeSwitcher,