@orion-studios/payload-studio 0.6.0-beta.5 → 0.6.0-beta.7

package/dist/index.js

@@ -42,7 +42,6 @@ module.exports = __toCommonJS(index_exports);
 // src/admin/index.ts
 var admin_exports = {};
 __export(admin_exports, {
-  AdminStudioDashboard: () => AdminStudioDashboard,
   SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM: () => SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM,
   SOCIAL_MEDIA_ICON_OPTIONS: () => SOCIAL_MEDIA_ICON_OPTIONS,
   SOCIAL_MEDIA_PLATFORMS: () => SOCIAL_MEDIA_PLATFORMS,
@@ -110,7 +109,6 @@ var navItemIsActive = (pathname, item) => {
 // src/shared/studioSections.ts
 var studioRoles = /* @__PURE__ */ new Set(["admin", "editor", "client"]);
 var studioIcons = new Set(adminNavIcons);
-var dashboardSpans = /* @__PURE__ */ new Set(["full", "half"]);
 var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
 var isAbsoluteExternalURL = (value) => /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(value) || value.startsWith("//");
 var normalizePathLikeValue = (value) => {
@@ -152,22 +150,6 @@ var normalizeCard = (value) => {
   };
 };
 var normalizeIcon = (value) => typeof value === "string" && studioIcons.has(value) ? value : void 0;
-var normalizeComponent = (value) => {
-  if (!isRecord(value)) {
-    return void 0;
-  }
-  const componentPath = typeof value.path === "string" ? value.path.trim() : "";
-  const exportName = typeof value.exportName === "string" ? value.exportName.trim() : "";
-  if (!componentPath || !exportName) {
-    return void 0;
-  }
-  return {
-    exportName,
-    path: componentPath,
-    ...isRecord(value.clientProps) ? { clientProps: value.clientProps } : {}
-  };
-};
-var normalizeDashboardSpan = (value) => typeof value === "string" && dashboardSpans.has(value) ? value : "half";
 var resolveStudioSections = (value) => {
   if (!Array.isArray(value)) {
     return [];
@@ -233,38 +215,6 @@ var resolveStudioSectionViews = (value) => {
   }
   return views;
 };
-var resolveStudioSectionDashboards = (value) => {
-  if (!Array.isArray(value)) {
-    return [];
-  }
-  const panels = [];
-  const seen = /* @__PURE__ */ new Set();
-  for (const entry of value) {
-    if (!isRecord(entry) || typeof entry.id !== "string" || typeof entry.label !== "string") {
-      continue;
-    }
-    const id = entry.id.trim();
-    const label = entry.label.trim();
-    const dashboard = isRecord(entry.dashboard) ? entry.dashboard : null;
-    const component = dashboard ? normalizeComponent(dashboard.Component) : void 0;
-    const href = typeof entry.href === "string" && entry.href.trim().length > 0 ? normalizePathLikeValue(entry.href) : isRecord(entry.view) && typeof entry.view.path === "string" ? normalizePathLikeValue(entry.view.path) : "";
-    if (!id || !label || !dashboard || !component || !href || seen.has(id)) {
-      continue;
-    }
-    const priority = typeof dashboard.priority === "number" && Number.isFinite(dashboard.priority) ? dashboard.priority : 100;
-    panels.push({
-      Component: component,
-      href,
-      id,
-      label,
-      priority,
-      ...normalizeRoles(dashboard.roles ?? entry.roles) ? { roles: normalizeRoles(dashboard.roles ?? entry.roles) } : {},
-      span: normalizeDashboardSpan(dashboard.span)
-    });
-    seen.add(id);
-  }
-  return panels.sort((a, b) => a.priority === b.priority ? a.label.localeCompare(b.label) : a.priority - b.priority);
-};
 
 // src/admin/helpers/configureAdmin.ts
 var import_meta = {};
@@ -324,7 +274,6 @@ function configureAdmin(config) {
     };
   });
   const studioSections = resolveStudioSections(config.studio?.sections || []);
-  const studioDashboardPanels = resolveStudioSectionDashboards(config.studio?.sections || []);
   const studioSectionViews = resolveStudioSectionViews(config.studio?.sections || []);
   const sitePreview = config.studio?.sitePreview;
   let cssPath;
@@ -354,7 +303,6 @@ function configureAdmin(config) {
     cssPath = genPath;
   }
   const clientPath = "@orion-studios/payload-studio/admin/client";
-  const adminPath = "@orion-studios/payload-studio/admin";
   const studioNavClientProps = {
     brandName,
     formSubmissionsCollectionSlug,
@@ -366,14 +314,8 @@ function configureAdmin(config) {
     logoUrl,
     mediaCollectionSlug,
     pagesCollectionSlug,
-    dashboardPanels: studioDashboardPanels,
     sections: studioSections
   };
-  const dashboardImportMapGenerator = studioDashboardPanels.length > 0 ? ({ addToImportMap }) => {
-    addToImportMap(
-      studioDashboardPanels.map((panel) => panel.Component)
-    );
-  } : void 0;
   const studioBackBreadcrumbComponent = {
     exportName: "StudioBackBreadcrumb",
     path: clientPath
@@ -408,11 +350,6 @@ function configureAdmin(config) {
   return {
     admin: {
       css: cssPath,
-      ...dashboardImportMapGenerator ? {
-        importMap: {
-          generators: [dashboardImportMapGenerator]
-        }
-      } : {},
       components: {
         ...studioEnabled ? {
           Nav: {
@@ -443,7 +380,7 @@ function configureAdmin(config) {
           dashboard: {
             Component: {
               exportName: studioEnabled ? "AdminStudioDashboard" : "Dashboard",
-              path: studioEnabled ? adminPath : clientPath,
+              path: clientPath,
               clientProps: studioNavClientProps
             }
           },
@@ -839,1431 +776,6 @@ function configureAdmin(config) {
   };
 }
 
-// src/admin/components/studio/AdminStudioDashboard.tsx
-var import_RenderServerComponent = require("@payloadcms/ui/elements/RenderServerComponent");
-
-// src/admin-app/components/AdminBreadcrumbs.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function AdminBreadcrumbs({ items }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { "aria-label": "Breadcrumb", className: "orion-admin-breadcrumbs", children: items.map((item, index) => {
-    const isLast = index === items.length - 1;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
-      item.href && !isLast ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: item.href, children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: item.label }),
-      !isLast ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "orion-admin-breadcrumb-sep", children: "/" }) : null
-    ] }, `${item.label}-${index}`);
-  }) });
-}
-
-// src/admin-app/components/AdminPage.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function AdminPage({ title, description, breadcrumbs, actions, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "orion-admin-page", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "orion-admin-page-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AdminBreadcrumbs, { items: breadcrumbs }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "orion-admin-page-title-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { children: title }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: description }) : null
-        ] }),
-        actions ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "orion-admin-page-actions", children: actions }) : null
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "orion-admin-page-content", children })
-  ] });
-}
-
-// src/admin/components/studio/AdminStudioDashboardClient.tsx
-var import_react = require("react");
-var import_link = __toESM(require("next/link"));
-var import_jsx_runtime3 = 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 canAccess = (role, roles) => {
-  if (!roles || roles.length === 0) {
-    return true;
-  }
-  if (!role) {
-    return false;
-  }
-  return roles.includes(role);
-};
-var asText = (value, fallback) => typeof value === "string" && value.trim().length > 0 ? value.trim() : fallback;
-var asID = (value) => {
-  if (typeof value === "string" || typeof value === "number") return String(value);
-  return "";
-};
-var toTimestamp = (value) => {
-  if (typeof value !== "string" || value.length === 0) {
-    return Number.NaN;
-  }
-  const timestamp = Date.parse(value);
-  return Number.isFinite(timestamp) ? timestamp : Number.NaN;
-};
-var isRecent = (value) => {
-  const timestamp = toTimestamp(value);
-  return Number.isFinite(timestamp) && Date.now() - timestamp <= SEVEN_DAYS_MS;
-};
-var formatDateTime = (value) => {
-  if (typeof value !== "string" || value.length === 0) {
-    return "Unknown time";
-  }
-  const date = new Date(value);
-  if (Number.isNaN(date.getTime())) {
-    return value;
-  }
-  return new Intl.DateTimeFormat(void 0, {
-    dateStyle: "medium",
-    timeStyle: "short"
-  }).format(date);
-};
-var formatRelativeTime = (timestamp) => {
-  if (!Number.isFinite(timestamp)) {
-    return "Unknown time";
-  }
-  const diffMs = timestamp - Date.now();
-  const diffMinutes = Math.round(diffMs / (60 * 1e3));
-  const rtf = new Intl.RelativeTimeFormat(void 0, { numeric: "auto" });
-  if (Math.abs(diffMinutes) < 60) {
-    return rtf.format(diffMinutes, "minute");
-  }
-  const diffHours = Math.round(diffMinutes / 60);
-  if (Math.abs(diffHours) < 24) {
-    return rtf.format(diffHours, "hour");
-  }
-  const diffDays = Math.round(diffHours / 24);
-  return rtf.format(diffDays, "day");
-};
-var readSubmissionIdentity = (value) => {
-  if (!value || typeof value !== "object") {
-    return "New submission";
-  }
-  const data = value;
-  const firstName = typeof data.firstName === "string" ? data.firstName.trim() : "";
-  const lastName = typeof data.lastName === "string" ? data.lastName.trim() : "";
-  const name = typeof data.name === "string" ? data.name.trim() : "";
-  const email = typeof data.email === "string" ? data.email.trim() : typeof data.contactEmail === "string" ? data.contactEmail.trim() : "";
-  const fullName = [firstName, lastName].filter(Boolean).join(" ").trim();
-  return fullName || name || email || "New submission";
-};
-var getFormID = (value) => {
-  if (typeof value === "string" || typeof value === "number") return String(value);
-  if (value && typeof value === "object") {
-    const nestedID = value.id;
-    if (typeof nestedID === "string" || typeof nestedID === "number") return String(nestedID);
-  }
-  return "";
-};
-var getFormTitle = (value) => {
-  if (!value || typeof value !== "object") {
-    return "";
-  }
-  const title = value.title;
-  if (typeof title === "string" && title.trim().length > 0) {
-    return title.trim();
-  }
-  const slug = value.slug;
-  return typeof slug === "string" && slug.trim().length > 0 ? slug.trim() : "";
-};
-var buildSearchParams = (params) => new URLSearchParams(
-  Object.entries(params).filter(([, value]) => typeof value === "string" && value.length > 0)
-).toString();
-async function loadCollection(path2) {
-  const response = await fetch(path2, {
-    cache: "no-store",
-    credentials: "include"
-  });
-  if (!response.ok) {
-    const body = await response.text();
-    throw new Error(body || `Request failed: ${response.status}`);
-  }
-  return await response.json();
-}
-async function loadPages(collectionSlug) {
-  const params = buildSearchParams({
-    depth: "0",
-    draft: "true",
-    limit: "200",
-    sort: "-updatedAt"
-  });
-  const result = await loadCollection(`/api/${collectionSlug}?${params}`);
-  const docs = Array.isArray(result.docs) ? result.docs : [];
-  return {
-    draftCount: docs.filter((doc) => doc._status === "draft").length,
-    recent: docs.slice(0, 8),
-    total: typeof result.totalDocs === "number" ? result.totalDocs : docs.length,
-    updatedThisWeek: docs.filter((doc) => isRecent(doc.updatedAt)).length
-  };
-}
-async function loadForms(formsCollectionSlug, submissionsCollectionSlug) {
-  const [formsResult, submissionsResult] = await Promise.all([
-    loadCollection(
-      `/api/${formsCollectionSlug}?${buildSearchParams({
-        depth: "0",
-        draft: "true",
-        limit: "80",
-        sort: "-updatedAt"
-      })}`
-    ),
-    loadCollection(
-      `/api/${submissionsCollectionSlug}?${buildSearchParams({
-        depth: "1",
-        limit: "40",
-        sort: "-submittedAt"
-      })}`
-    )
-  ]);
-  const forms = Array.isArray(formsResult.docs) ? formsResult.docs : [];
-  const recentSubmissions = Array.isArray(submissionsResult.docs) ? submissionsResult.docs : [];
-  const submissionsByForm = /* @__PURE__ */ new Map();
-  for (const submission of recentSubmissions) {
-    const formID = getFormID(submission.form);
-    if (!formID) continue;
-    submissionsByForm.set(formID, (submissionsByForm.get(formID) || 0) + 1);
-  }
-  let busiestFormTitle = null;
-  let busiestFormCount = 0;
-  for (const form of forms) {
-    const formID = asID(form.id);
-    if (!formID) continue;
-    const submissionCount = submissionsByForm.get(formID) || 0;
-    if (submissionCount > busiestFormCount) {
-      busiestFormCount = submissionCount;
-      busiestFormTitle = asText(form.title, "Untitled form");
-    }
-  }
-  return {
-    busiestFormTitle,
-    forms,
-    recentSubmissions,
-    submissionsThisWeek: recentSubmissions.filter((submission) => isRecent(submission.submittedAt)).length,
-    totalForms: typeof formsResult.totalDocs === "number" ? formsResult.totalDocs : forms.length
-  };
-}
-async function loadMedia(collectionSlug) {
-  const params = buildSearchParams({
-    depth: "0",
-    limit: "24",
-    sort: "-updatedAt"
-  });
-  const result = await loadCollection(`/api/${collectionSlug}?${params}`);
-  const docs = Array.isArray(result.docs) ? result.docs : [];
-  return {
-    recent: docs.slice(0, 8),
-    total: typeof result.totalDocs === "number" ? result.totalDocs : docs.length,
-    uploadsThisWeek: docs.filter((doc) => isRecent(doc.updatedAt)).length
-  };
-}
-var loadingState = {
-  forms: null,
-  media: { status: "loading" },
-  pages: { status: "loading" }
-};
-function ModuleStatus({ message }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "orion-dashboard-inline-note", children: message });
-}
-function EmptyState({
-  body,
-  title
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "orion-dashboard-empty-state", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: body })
-  ] });
-}
-function SnapshotMetric({ card }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("article", { className: "orion-dashboard-snapshot-card", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "orion-dashboard-snapshot-kicker", children: card.kicker }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: card.value }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: card.detail })
-  ] });
-}
-function AdminStudioDashboardClient({
-  formSubmissionsCollectionSlug,
-  formsCollectionSlug,
-  formsEnabled,
-  formsPath,
-  globalsBasePath,
-  mediaCollectionSlug,
-  mediaPath,
-  pagesCollectionSlug,
-  pagesPath,
-  sectionLinks,
-  toolsPath,
-  userRole,
-  children
-}) {
-  const role = isRole(userRole) ? userRole : void 0;
-  const [state, setState] = (0, import_react.useState)(
-    () => formsEnabled && canReviewForms(role) ? {
-      forms: { status: "loading" },
-      media: { status: "loading" },
-      pages: { status: "loading" }
-    } : loadingState
-  );
-  (0, import_react.useEffect)(() => {
-    let cancelled = false;
-    const run = async () => {
-      const includeForms = formsEnabled && canReviewForms(role);
-      (0, import_react.startTransition)(() => {
-        setState({
-          forms: includeForms ? { status: "loading" } : null,
-          media: { status: "loading" },
-          pages: { status: "loading" }
-        });
-      });
-      const [pagesResult, formsResult, mediaResult] = await Promise.allSettled([
-        loadPages(pagesCollectionSlug),
-        includeForms ? loadForms(formsCollectionSlug, formSubmissionsCollectionSlug) : Promise.resolve(null),
-        loadMedia(mediaCollectionSlug)
-      ]);
-      if (cancelled) return;
-      (0, import_react.startTransition)(() => {
-        setState({
-          forms: includeForms && formsResult.status === "rejected" ? {
-            error: formsResult.reason instanceof Error ? formsResult.reason.message : "Unable to load form activity.",
-            status: "error"
-          } : includeForms && formsResult.status === "fulfilled" && formsResult.value ? {
-            data: formsResult.value,
-            status: "success"
-          } : null,
-          media: mediaResult.status === "rejected" ? {
-            error: mediaResult.reason instanceof Error ? mediaResult.reason.message : "Unable to load media activity.",
-            status: "error"
-          } : {
-            data: mediaResult.value,
-            status: "success"
-          },
-          pages: pagesResult.status === "rejected" ? {
-            error: pagesResult.reason instanceof Error ? pagesResult.reason.message : "Unable to load page activity.",
-            status: "error"
-          } : {
-            data: pagesResult.value,
-            status: "success"
-          }
-        });
-      });
-    };
-    void run();
-    return () => {
-      cancelled = true;
-    };
-  }, [
-    formSubmissionsCollectionSlug,
-    formsCollectionSlug,
-    formsEnabled,
-    mediaCollectionSlug,
-    pagesCollectionSlug,
-    role
-  ]);
-  const visibleWorkspaceLinks = (0, import_react.useMemo)(
-    () => sectionLinks.filter((section) => canAccess(role, section.roles)),
-    [role, sectionLinks]
-  );
-  const activityItems = (0, import_react.useMemo)(() => {
-    const items = [];
-    if (state.pages.status === "success") {
-      for (const doc of state.pages.data.recent) {
-        const id = asID(doc.id);
-        if (!id) continue;
-        const timestamp = toTimestamp(doc.updatedAt);
-        items.push({
-          href: `${pagesPath}/${id}`,
-          id: `page-${id}`,
-          kind: "page",
-          label: typeof doc._status === "string" ? doc._status : "page",
-          meta: Number.isFinite(timestamp) ? formatDateTime(doc.updatedAt) : "Update time unavailable",
-          timestamp,
-          title: asText(doc.title, "Untitled page")
-        });
-      }
-    }
-    if (state.forms?.status === "success") {
-      for (const submission of state.forms.data.recentSubmissions) {
-        const id = asID(submission.id);
-        const formID = getFormID(submission.form);
-        if (!id || !formID) continue;
-        const timestamp = toTimestamp(submission.submittedAt);
-        const formTitle = getFormTitle(submission.form) || "Form response";
-        items.push({
-          href: `${formsPath}?form=${encodeURIComponent(formID)}`,
-          id: `submission-${id}`,
-          kind: "submission",
-          label: formTitle,
-          meta: Number.isFinite(timestamp) ? `${readSubmissionIdentity(submission.data)} \xB7 ${formatDateTime(submission.submittedAt)}` : readSubmissionIdentity(submission.data),
-          timestamp,
-          title: "New submission"
-        });
-      }
-    }
-    if (state.media.status === "success") {
-      for (const doc of state.media.data.recent) {
-        const id = asID(doc.id);
-        if (!id) continue;
-        const timestamp = toTimestamp(doc.updatedAt);
-        items.push({
-          href: `${mediaPath}/${id}`,
-          id: `media-${id}`,
-          kind: "media",
-          label: asText(doc.mimeType, "Media asset"),
-          meta: Number.isFinite(timestamp) ? formatDateTime(doc.updatedAt) : "Update time unavailable",
-          timestamp,
-          title: asText(doc.filename, "Untitled asset")
-        });
-      }
-    }
-    return items.filter((item) => Number.isFinite(item.timestamp)).sort((a, b) => b.timestamp - a.timestamp).slice(0, 10);
-  }, [formsPath, mediaPath, pagesPath, state.forms, state.media, state.pages]);
-  const attentionItems = (0, import_react.useMemo)(() => {
-    if (role === "client") {
-      const items2 = [];
-      if (state.pages.status === "success" && state.pages.data.updatedThisWeek > 0) {
-        items2.push({
-          href: pagesPath,
-          id: "pages-updated",
-          label: `${state.pages.data.updatedThisWeek} page${state.pages.data.updatedThisWeek === 1 ? "" : "s"} changed in the last 7 days.`
-        });
-      }
-      if (state.media.status === "success" && state.media.data.uploadsThisWeek > 0) {
-        items2.push({
-          href: mediaPath,
-          id: "media-updated",
-          label: `${state.media.data.uploadsThisWeek} new media asset${state.media.data.uploadsThisWeek === 1 ? "" : "s"} landed this week.`
-        });
-      }
-      return items2;
-    }
-    const items = [];
-    if (state.pages.status === "success" && state.pages.data.draftCount > 0) {
-      items.push({
-        href: pagesPath,
-        id: "draft-pages",
-        label: `${state.pages.data.draftCount} page${state.pages.data.draftCount === 1 ? "" : "s"} still need publishing review.`,
-        tone: "accent"
-      });
-    }
-    if (state.forms?.status === "success" && state.forms.data.submissionsThisWeek > 0) {
-      items.push({
-        href: formsPath,
-        id: "recent-submissions",
-        label: `${state.forms.data.submissionsThisWeek} form submission${state.forms.data.submissionsThisWeek === 1 ? "" : "s"} arrived in the last 7 days.`,
-        tone: "accent"
-      });
-    }
-    if (state.media.status === "success" && state.media.data.total === 0) {
-      items.push({
-        href: mediaPath,
-        id: "empty-media",
-        label: "The media library is still empty. Add brand assets before content expands."
-      });
-    }
-    if (state.pages.status === "error") {
-      items.push({
-        href: pagesPath,
-        id: "pages-error",
-        label: "Page activity could not be loaded for the dashboard.",
-        tone: "muted"
-      });
-    }
-    if (state.forms?.status === "error") {
-      items.push({
-        href: formsPath,
-        id: "forms-error",
-        label: "Form activity could not be loaded for the dashboard.",
-        tone: "muted"
-      });
-    }
-    if (state.media.status === "error") {
-      items.push({
-        href: mediaPath,
-        id: "media-error",
-        label: "Media activity could not be loaded for the dashboard.",
-        tone: "muted"
-      });
-    }
-    return items;
-  }, [formsPath, mediaPath, pagesPath, role, state.forms, state.media, state.pages]);
-  const snapshotCards = (0, import_react.useMemo)(() => {
-    const cards = [];
-    if (state.pages.status === "success") {
-      cards.push(
-        role === "client" ? {
-          detail: `${state.pages.data.updatedThisWeek} updated this week`,
-          kicker: "Pages",
-          value: `${state.pages.data.total}`
-        } : {
-          detail: `${state.pages.data.draftCount} draft${state.pages.data.draftCount === 1 ? "" : "s"} waiting`,
-          kicker: "Pages",
-          value: `${state.pages.data.total}`
-        }
-      );
-    }
-    if (state.forms?.status === "success") {
-      cards.push({
-        detail: state.forms.data.busiestFormTitle ? `Most active: ${state.forms.data.busiestFormTitle}` : "Waiting on the first submission",
-        kicker: "Forms",
-        value: `${state.forms.data.submissionsThisWeek}`
-      });
-    }
-    if (state.media.status === "success") {
-      cards.push({
-        detail: `${state.media.data.uploadsThisWeek} uploaded this week`,
-        kicker: "Media",
-        value: `${state.media.data.total}`
-      });
-    }
-    cards.push({
-      detail: `${visibleWorkspaceLinks.length} section${visibleWorkspaceLinks.length === 1 ? "" : "s"} available`,
-      kicker: "Workspace",
-      value: role ? role.toUpperCase() : "CMS"
-    });
-    return cards.slice(0, 4);
-  }, [role, state.forms, state.media, state.pages, visibleWorkspaceLinks.length]);
-  const primaryActions = (0, import_react.useMemo)(() => {
-    const actions = [];
-    if (canCreatePages(role)) {
-      actions.push({
-        description: "Create or revise content in the visual builder.",
-        href: `${pagesPath}/new`,
-        label: "New Page"
-      });
-    }
-    actions.push({
-      description: "Review live pages and recent edits.",
-      href: pagesPath,
-      label: "Open Pages",
-      tone: "ghost"
-    });
-    if (formsEnabled && canReviewForms(role)) {
-      actions.push({
-        description: "Check submissions and form performance.",
-        href: formsPath,
-        label: "Review Forms",
-        tone: "soft"
-      });
-    }
-    actions.push({
-      description: "Update site settings, navigation, and footer content.",
-      href: globalsBasePath,
-      label: "Open Globals",
-      tone: "ghost"
-    });
-    actions.push({
-      description: "Upload or organize brand and campaign assets.",
-      href: mediaPath,
-      label: "Manage Media",
-      tone: "ghost"
-    });
-    if (role === "admin") {
-      actions.push({
-        description: "Manage users, roles, and fallback tools.",
-        href: toolsPath,
-        label: "Admin Tools",
-        tone: "ghost"
-      });
-    }
-    return actions;
-  }, [formsEnabled, formsPath, globalsBasePath, mediaPath, pagesPath, role, toolsPath]);
-  const attentionTitle = role === "client" ? "What Changed" : "Needs Attention";
-  const attentionDescription = role === "client" ? "A quick read on recent content and asset changes." : "The highest-signal items that still need review.";
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "orion-dashboard-layout", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "orion-dashboard-panel orion-dashboard-panel--attention", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "orion-dashboard-panel-header", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "orion-dashboard-panel-kicker", children: attentionTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: attentionDescription })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "orion-dashboard-panel-meta", children: "Last 7 days" })
-      ] }),
-      attentionItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "orion-dashboard-attention-list", children: attentionItems.map(
-        (item) => item.href ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-          import_link.default,
-          {
-            className: ["orion-dashboard-attention-item", item.tone ? `is-${item.tone}` : ""].filter(Boolean).join(" "),
-            href: item.href,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: item.label }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Open" })
-            ]
-          },
-          item.id
-        ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "div",
-          {
-            className: ["orion-dashboard-attention-item", item.tone ? `is-${item.tone}` : ""].filter(Boolean).join(" "),
-            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: item.label })
-          },
-          item.id
-        )
-      ) }) : state.pages.status === "loading" || state.media.status === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ModuleStatus, { message: "Loading attention items..." }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        EmptyState,
-        {
-          body: role === "client" ? "No major changes landed during the current review window." : "No urgent follow-up surfaced from content, forms, or media activity.",
-          title: "Everything looks steady"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "orion-dashboard-panel orion-dashboard-panel--actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "orion-dashboard-panel-header", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "orion-dashboard-panel-kicker", children: "Quick Actions" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: "Jump into the work that matters most." })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "orion-dashboard-panel-meta", children: [
-          role || "studio",
-          " mode"
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "orion-dashboard-action-list", children: primaryActions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-        import_link.default,
-        {
-          className: [
-            "orion-dashboard-action",
-            action.tone === "ghost" ? "is-ghost" : action.tone === "soft" ? "is-soft" : ""
-          ].filter(Boolean).join(" "),
-          href: action.href,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: action.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: action.description })
-          ]
-        },
-        action.label
-      )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "orion-dashboard-workspace-strip", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "orion-dashboard-workspace-label", children: "Workspace" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "orion-dashboard-workspace-pills", children: visibleWorkspaceLinks.map((section) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link.default, { className: "orion-dashboard-workspace-pill", href: section.href, children: section.label }, section.id)) })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "orion-dashboard-panel orion-dashboard-panel--activity", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "orion-dashboard-panel-header", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "orion-dashboard-panel-kicker", children: "Recent Activity" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: "The freshest edits, responses, and uploads across the studio." })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "orion-dashboard-panel-meta", children: [
-          activityItems.length,
-          " items"
-        ] })
-      ] }),
-      activityItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "orion-dashboard-activity-list", children: activityItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_link.default, { className: `orion-dashboard-activity-item is-${item.kind}`, href: item.href, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "orion-dashboard-activity-copy", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "orion-dashboard-activity-topline", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: item.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: formatRelativeTime(item.timestamp) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: item.meta })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "orion-dashboard-activity-pill", children: item.label })
-      ] }, item.id)) }) : state.pages.status === "loading" || state.media.status === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ModuleStatus, { message: "Loading activity feed..." }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        EmptyState,
-        {
-          body: "Recent page edits, submissions, and uploads will start stacking here as soon as the team gets moving.",
-          title: "No recent activity yet"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "orion-dashboard-panel orion-dashboard-panel--snapshot", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "orion-dashboard-panel-header", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "orion-dashboard-panel-kicker", children: "Business Snapshot" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: "A compact read on content momentum and performance." })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "orion-dashboard-panel-meta", children: "30-day lens" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "orion-dashboard-snapshot-grid", children: [
-        snapshotCards.map((card) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SnapshotMetric, { card }, card.kicker)),
-        children
-      ] }),
-      state.pages.status === "error" || state.media.status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "orion-dashboard-inline-note", children: "Some dashboard modules could not be loaded. The rest of the workspace remains available." }) : null
-    ] })
-  ] });
-}
-
-// src/admin/components/studio/StudioSectionLayout.tsx
-var import_react5 = require("react");
-var import_navigation = require("next/navigation");
-var import_ui = require("@payloadcms/ui");
-
-// src/admin-app/components/AdminShellClient.tsx
-var import_react2 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var iconSize = 20;
-var iconStyle = { display: "block", flexShrink: 0 };
-function NavIcon({ name }) {
-  const props = { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", style: iconStyle };
-  switch (name) {
-    case "dashboard":
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { x: "3", y: "3", width: "7", height: "9", rx: "1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { x: "14", y: "3", width: "7", height: "5", rx: "1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { x: "14", y: "12", width: "7", height: "9", rx: "1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { x: "3", y: "16", width: "7", height: "5", rx: "1" })
-      ] });
-    case "pages":
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("polyline", { points: "14 2 14 8 20 8" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "8", y1: "13", x2: "16", y2: "13" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "8", y1: "17", x2: "12", y2: "17" })
-      ] });
-    case "forms":
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M9 3h6" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 3v18" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M5 7h14a2 2 0 0 1 2 2v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a2 2 0 0 1 2-2Z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M7 11h10" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M7 15h6" })
-      ] });
-    case "globals":
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "12", cy: "12", r: "3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z" })
-      ] });
-    case "media":
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("polyline", { points: "21 15 16 10 5 21" })
-      ] });
-    case "tools":
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76Z" }) });
-    case "analytics":
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M4 19V5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M10 19V10" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M16 19v-6" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M22 19V3" })
-      ] });
-    case "account":
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "12", cy: "7", r: "4" })
-      ] });
-    default:
-      return null;
-  }
-}
-function AdminShellClient({
-  children,
-  brandName,
-  logoUrl,
-  userEmail,
-  userRole,
-  pathname,
-  navItems,
-  onLogout,
-  storageKey = "orion-admin-shell-collapsed"
-}) {
-  const [collapsed, setCollapsed] = (0, import_react2.useState)(false);
-  const [loggingOut, setLoggingOut] = (0, import_react2.useState)(false);
-  (0, import_react2.useEffect)(() => {
-    try {
-      const stored = window.localStorage.getItem(storageKey);
-      if (stored === "1") {
-        setCollapsed(true);
-      }
-    } catch {
-    }
-  }, [storageKey]);
-  const toggleSidebar = () => {
-    setCollapsed((current) => {
-      const next = !current;
-      try {
-        window.localStorage.setItem(storageKey, next ? "1" : "0");
-      } catch {
-      }
-      return next;
-    });
-  };
-  const handleLogout = async () => {
-    setLoggingOut(true);
-    try {
-      await onLogout();
-    } finally {
-      setLoggingOut(false);
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: `orion-admin-shell ${collapsed ? "is-collapsed" : ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("aside", { className: "orion-admin-sidebar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        "button",
-        {
-          "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
-          className: "orion-admin-sidebar-toggle",
-          onClick: toggleSidebar,
-          type: "button",
-          children: collapsed ? ">" : "<"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "orion-admin-brand-wrap", children: [
-        logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "orion-admin-brand-logo", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { alt: `${brandName} logo`, src: logoUrl }) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "orion-admin-brand-text", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "orion-admin-brand-name", title: brandName, children: collapsed ? brandName.slice(0, 1).toUpperCase() : brandName }),
-          !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "orion-admin-brand-subtitle", children: "Studio" }) : null
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("nav", { className: "orion-admin-nav", children: navItems.filter((item) => roleCanAccessNav(userRole, item)).map((item) => {
-        const active = navItemIsActive(pathname, item);
-        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          "a",
-          {
-            className: `orion-admin-nav-link ${active ? "is-active" : ""}`,
-            href: item.href,
-            title: item.label,
-            children: item.icon ? collapsed ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(NavIcon, { name: item.icon }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { style: { alignItems: "center", display: "flex", gap: "0.6rem" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(NavIcon, { name: item.icon }),
-              item.label
-            ] }) : collapsed ? item.label.slice(0, 1) : item.label
-          },
-          item.href
-        );
-      }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "orion-admin-sidebar-footer", children: [
-        !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "orion-admin-user-label", children: "Signed in as" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "orion-admin-user-email", children: userEmail })
-        ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "orion-admin-logout", disabled: loggingOut, onClick: handleLogout, type: "button", children: loggingOut ? "..." : "Log out" })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("main", { className: "orion-admin-main", children })
-  ] });
-}
-
-// src/admin/hooks/useSiteBranding.ts
-var import_react3 = require("react");
-var asRecord = (value) => {
-  if (!value || typeof value !== "object" || Array.isArray(value)) return null;
-  return value;
-};
-var pickString = (value) => {
-  if (typeof value !== "string") return null;
-  const next = value.trim();
-  return next.length > 0 ? next : null;
-};
-var resolveUploadUrl = (value) => {
-  const direct = pickString(value);
-  if (direct) return direct;
-  const record = asRecord(value);
-  if (!record) return null;
-  const fromUrl = pickString(record.url);
-  if (fromUrl) return fromUrl;
-  const fromFilename = pickString(record.filename);
-  if (fromFilename) return `/api/media/file/${fromFilename}`;
-  return null;
-};
-var resolveLogoUrl = (settings) => {
-  return resolveUploadUrl(settings.logo) || resolveUploadUrl(settings.adminLogo) || resolveUploadUrl(settings.brandLogo) || null;
-};
-var cachedBranding = null;
-function useSiteBranding(defaultName, defaultLogoUrl) {
-  const [branding, setBranding] = (0, import_react3.useState)(() => {
-    if (cachedBranding) {
-      return {
-        logoUrl: cachedBranding.logoUrl || defaultLogoUrl || null,
-        siteName: cachedBranding.siteName || defaultName || null
-      };
-    }
-    return {
-      logoUrl: defaultLogoUrl || null,
-      siteName: defaultName || null
-    };
-  });
-  (0, import_react3.useEffect)(() => {
-    let cancelled = false;
-    const run = async () => {
-      try {
-        const res = await fetch("/api/globals/site-settings?depth=1", {
-          credentials: "include"
-        });
-        if (!res.ok) return;
-        const data = await res.json();
-        const record = asRecord(data);
-        if (!record) return;
-        const siteName = pickString(record.siteName);
-        const logoUrl = resolveLogoUrl(record);
-        cachedBranding = { logoUrl, siteName };
-        if (!cancelled) {
-          setBranding({
-            logoUrl: logoUrl || defaultLogoUrl || null,
-            siteName: siteName || defaultName || null
-          });
-        }
-      } catch {
-      }
-    };
-    void run();
-    return () => {
-      cancelled = true;
-    };
-  }, [defaultLogoUrl, defaultName]);
-  return branding;
-}
-
-// src/admin/components/studio/adminPathUtils.ts
-var import_react4 = require("react");
-var DEFAULT_ADMIN_BASE_PATH = "/admin";
-var normalizePath = (value) => {
-  if (!value || value === "/") return "/";
-  const withLeadingSlash = value.startsWith("/") ? value : `/${value}`;
-  const trimmed = withLeadingSlash.replace(/\/+$/, "");
-  return trimmed.length > 0 ? trimmed : "/";
-};
-var normalizeAdminBasePath = (value) => {
-  const normalized = normalizePath(value);
-  return normalized === "/" ? DEFAULT_ADMIN_BASE_PATH : normalized;
-};
-var detectAdminBasePath = (pathname, fallback = DEFAULT_ADMIN_BASE_PATH) => {
-  const normalizedPathname = normalizePath(pathname);
-  const normalizedFallback = normalizeAdminBasePath(fallback);
-  const markers = [
-    "/contact-form",
-    "/collections/",
-    "/globals/",
-    "/forms",
-    "/pages/",
-    "/tools",
-    "/media",
-    "/logout",
-    "/login"
-  ];
-  for (const marker of markers) {
-    const index = normalizedPathname.indexOf(marker);
-    if (index > 0) {
-      return normalizeAdminBasePath(normalizedPathname.slice(0, index));
-    }
-  }
-  if (normalizedPathname === normalizedFallback || normalizedPathname.startsWith(`${normalizedFallback}/`)) {
-    return normalizedFallback;
-  }
-  const segments = normalizedPathname.split("/").filter(Boolean);
-  if (segments.length > 0) {
-    return normalizeAdminBasePath(`/${segments[0]}`);
-  }
-  return normalizedFallback;
-};
-var isAbsoluteExternalURL2 = (value) => /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(value) || value.startsWith("//");
-var resolveAdminPath = (adminBasePath, targetPath) => {
-  if (!targetPath) return adminBasePath;
-  if (isAbsoluteExternalURL2(targetPath)) return targetPath;
-  const normalizedBasePath = normalizeAdminBasePath(adminBasePath);
-  const normalizedTargetPath = normalizePath(targetPath);
-  if (normalizedTargetPath === "/admin") {
-    return normalizedBasePath;
-  }
-  if (normalizedTargetPath.startsWith("/admin/")) {
-    return `${normalizedBasePath}${normalizedTargetPath.slice("/admin".length)}`;
-  }
-  if (normalizedTargetPath === normalizedBasePath || normalizedTargetPath.startsWith(`${normalizedBasePath}/`)) {
-    return normalizedTargetPath;
-  }
-  if (normalizedTargetPath === "/") {
-    return normalizedBasePath;
-  }
-  return `${normalizedBasePath}${normalizedTargetPath}`;
-};
-var useAdminBasePath = (fallback = DEFAULT_ADMIN_BASE_PATH) => {
-  const [adminBasePath, setAdminBasePath] = (0, import_react4.useState)(normalizeAdminBasePath(fallback));
-  (0, import_react4.useEffect)(() => {
-    const update = () => {
-      setAdminBasePath(detectAdminBasePath(window.location.pathname, fallback));
-    };
-    update();
-    window.addEventListener("popstate", update);
-    return () => window.removeEventListener("popstate", update);
-  }, [fallback]);
-  return adminBasePath;
-};
-
-// src/admin/components/studio/studioNavModel.ts
-var getPropString = (props, key, fallback) => {
-  if (!props || typeof props !== "object") return fallback;
-  const direct = props[key];
-  if (typeof direct === "string" && direct.length > 0) return direct;
-  const clientProps = props.clientProps;
-  if (clientProps && typeof clientProps === "object") {
-    const nested = clientProps[key];
-    if (typeof nested === "string" && nested.length > 0) return nested;
-  }
-  return fallback;
-};
-var getPropBoolean = (props, key, fallback) => {
-  if (!props || typeof props !== "object") return fallback;
-  const direct = props[key];
-  if (typeof direct === "boolean") return direct;
-  const clientProps = props.clientProps;
-  if (clientProps && typeof clientProps === "object") {
-    const nested = clientProps[key];
-    if (typeof nested === "boolean") return nested;
-  }
-  return fallback;
-};
-var getPropStringArray = (props, key, fallback) => {
-  if (!props || typeof props !== "object") return fallback;
-  const read = (candidate) => Array.isArray(candidate) ? candidate.filter((value) => typeof value === "string" && value.length > 0) : null;
-  const direct = read(props[key]);
-  if (direct) return direct;
-  const clientProps = props.clientProps;
-  if (clientProps && typeof clientProps === "object") {
-    const nested = read(clientProps[key]);
-    if (nested) return nested;
-  }
-  return fallback;
-};
-var getPropSections = (props) => {
-  if (!props || typeof props !== "object") return [];
-  const direct = resolveStudioSections(props.sections);
-  if (direct.length > 0) return direct;
-  const clientProps = props.clientProps;
-  if (clientProps && typeof clientProps === "object") {
-    return resolveStudioSections(clientProps.sections);
-  }
-  return [];
-};
-var readUserRole = (user) => {
-  if (!user || typeof user !== "object") {
-    return void 0;
-  }
-  const role = user.role;
-  return typeof role === "string" ? role : void 0;
-};
-var buildStudioNavItems = (props, adminBasePath) => {
-  const formsEnabled = getPropBoolean(props, "formsEnabled", false);
-  const formsCollectionSlug = getPropString(props, "formsCollectionSlug", "forms");
-  const formSubmissionsCollectionSlug = getPropString(
-    props,
-    "formSubmissionsCollectionSlug",
-    "form-submissions"
-  );
-  const formUploadsCollectionSlug = getPropString(props, "formUploadsCollectionSlug", "form-uploads");
-  const mediaCollectionSlug = getPropString(props, "mediaCollectionSlug", "media");
-  const globalsBasePath = getPropString(props, "globalsBasePath", "/globals");
-  const globalsExtraMatchPrefixes = getPropStringArray(props, "globalsExtraMatchPrefixes", []);
-  const sections = getPropSections(props);
-  const pagesPath = resolveAdminPath(adminBasePath, "/pages");
-  const formsPath = resolveAdminPath(adminBasePath, "/forms");
-  const mediaPath = resolveAdminPath(adminBasePath, "/media");
-  const toolsPath = resolveAdminPath(adminBasePath, "/tools");
-  const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
-  const resolvedGlobalsExtraMatchPrefixes = globalsExtraMatchPrefixes.map(
-    (prefix) => resolveAdminPath(adminBasePath, prefix)
-  );
-  const baseItemsBeforeTools = [
-    {
-      href: adminBasePath,
-      icon: "dashboard",
-      label: "Dashboard",
-      matchPrefixes: [adminBasePath]
-    },
-    {
-      href: pagesPath,
-      icon: "pages",
-      label: "Pages",
-      matchPrefixes: [pagesPath]
-    },
-    ...formsEnabled ? [
-      {
-        href: formsPath,
-        icon: "forms",
-        label: "Forms",
-        matchPrefixes: [
-          formsPath,
-          resolveAdminPath(adminBasePath, `/collections/${formsCollectionSlug}`),
-          resolveAdminPath(adminBasePath, `/collections/${formSubmissionsCollectionSlug}`),
-          resolveAdminPath(adminBasePath, `/collections/${formUploadsCollectionSlug}`)
-        ]
-      }
-    ] : [],
-    {
-      href: resolvedGlobalsBasePath,
-      icon: "globals",
-      label: "Globals",
-      matchPrefixes: [
-        resolvedGlobalsBasePath,
-        resolveAdminPath(adminBasePath, "/globals"),
-        ...resolvedGlobalsExtraMatchPrefixes
-      ]
-    },
-    {
-      href: mediaPath,
-      icon: "media",
-      label: "Media",
-      matchPrefixes: [mediaPath, resolveAdminPath(adminBasePath, `/collections/${mediaCollectionSlug}`)]
-    }
-  ];
-  const adminToolsItem = {
-    href: toolsPath,
-    icon: "tools",
-    label: "Admin Tools",
-    matchPrefixes: [toolsPath, resolveAdminPath(adminBasePath, "/collections/users")],
-    roles: ["admin"]
-  };
-  const extensionItems = sections.map((section) => ({
-    href: resolveAdminPath(adminBasePath, section.href),
-    ...section.icon ? { icon: section.icon } : {},
-    label: section.label,
-    matchPrefixes: section.matchPrefixes.map((prefix) => resolveAdminPath(adminBasePath, prefix)),
-    roles: section.roles
-  }));
-  return [...baseItemsBeforeTools, ...extensionItems, adminToolsItem];
-};
-
-// src/admin/components/studio/StudioSectionLayout.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-function StudioSectionLayout({ children, navProps }) {
-  const { user } = (0, import_ui.useAuth)();
-  const pathname = (0, import_navigation.usePathname)() || "";
-  const router = (0, import_navigation.useRouter)();
-  const adminBasePath = useAdminBasePath();
-  const defaultBrandName = getPropString(navProps, "brandName", "Orion Studio");
-  const defaultLogoUrl = getPropString(navProps, "logoUrl", "");
-  const navItems = (0, import_react5.useMemo)(
-    () => buildStudioNavItems(navProps, adminBasePath),
-    [adminBasePath, navProps]
-  );
-  const branding = useSiteBranding(defaultBrandName, defaultLogoUrl || void 0);
-  (0, import_react5.useLayoutEffect)(() => {
-    document.body.classList.add("orion-studio-shell-active");
-    return () => {
-      document.body.classList.remove("orion-studio-shell-active");
-    };
-  }, []);
-  const logout = (0, import_react5.useMemo)(
-    () => async () => {
-      await fetch("/api/users/logout", {
-        credentials: "include",
-        method: "POST"
-      });
-      router.push(resolveAdminPath(adminBasePath, "/login"));
-      router.refresh();
-    },
-    [adminBasePath, router]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    AdminShellClient,
-    {
-      brandName: branding.siteName || defaultBrandName,
-      logoUrl: branding.logoUrl || defaultLogoUrl || void 0,
-      navItems,
-      onLogout: logout,
-      pathname,
-      storageKey: "orion-admin-sidebar-collapsed-v1",
-      userEmail: typeof user?.email === "string" ? user.email : "user",
-      userRole: readUserRole(user),
-      children
-    }
-  );
-}
-
-// src/admin/components/studio/AdminStudioDashboard.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var DEFAULT_ADMIN_BASE_PATH2 = "/admin";
-var normalizePath2 = (value) => {
-  if (!value || value === "/") return "/";
-  const withLeadingSlash = value.startsWith("/") ? value : `/${value}`;
-  const trimmed = withLeadingSlash.replace(/\/+$/, "");
-  return trimmed.length > 0 ? trimmed : "/";
-};
-var normalizeAdminBasePath2 = (value) => {
-  const normalized = normalizePath2(value);
-  return normalized === "/" ? DEFAULT_ADMIN_BASE_PATH2 : normalized;
-};
-var isAbsoluteExternalURL3 = (value) => /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(value) || value.startsWith("//");
-var resolveAdminPath2 = (adminBasePath, targetPath) => {
-  if (!targetPath) return adminBasePath;
-  if (isAbsoluteExternalURL3(targetPath)) return targetPath;
-  const normalizedBasePath = normalizeAdminBasePath2(adminBasePath);
-  const normalizedTargetPath = normalizePath2(targetPath);
-  if (normalizedTargetPath === "/admin") {
-    return normalizedBasePath;
-  }
-  if (normalizedTargetPath.startsWith("/admin/")) {
-    return `${normalizedBasePath}${normalizedTargetPath.slice("/admin".length)}`;
-  }
-  if (normalizedTargetPath === normalizedBasePath || normalizedTargetPath.startsWith(`${normalizedBasePath}/`)) {
-    return normalizedTargetPath;
-  }
-  if (normalizedTargetPath === "/") {
-    return normalizedBasePath;
-  }
-  return `${normalizedBasePath}${normalizedTargetPath}`;
-};
-var getPropString2 = (props, key, fallback) => {
-  if (!props || typeof props !== "object") return fallback;
-  const direct = props[key];
-  if (typeof direct === "string" && direct.length > 0) return direct;
-  const clientProps = props.clientProps;
-  if (clientProps && typeof clientProps === "object") {
-    const nested = clientProps[key];
-    if (typeof nested === "string" && nested.length > 0) return nested;
-  }
-  return fallback;
-};
-var getPropBoolean2 = (props, key, fallback) => {
-  if (!props || typeof props !== "object") return fallback;
-  const direct = props[key];
-  if (typeof direct === "boolean") return direct;
-  const clientProps = props.clientProps;
-  if (clientProps && typeof clientProps === "object") {
-    const nested = clientProps[key];
-    if (typeof nested === "boolean") return nested;
-  }
-  return fallback;
-};
-var getPropSections2 = (props) => {
-  if (!props || typeof props !== "object") return [];
-  const direct = resolveStudioSections(props.sections);
-  if (direct.length > 0) return direct;
-  const clientProps = props.clientProps;
-  if (clientProps && typeof clientProps === "object") {
-    return resolveStudioSections(clientProps.sections);
-  }
-  return [];
-};
-var getPropDashboardPanels = (props) => {
-  if (!props || typeof props !== "object") return [];
-  const direct = resolveStudioSectionDashboards(props.dashboardPanels);
-  if (direct.length > 0) return direct;
-  const clientProps = props.clientProps;
-  if (clientProps && typeof clientProps === "object") {
-    return resolveStudioSectionDashboards(clientProps.dashboardPanels);
-  }
-  return [];
-};
-var readImportMap = (props) => {
-  if (!props || typeof props !== "object") return void 0;
-  const direct = props.importMap;
-  if (direct && typeof direct === "object") {
-    return direct;
-  }
-  const payloadLike = props.payload;
-  if (payloadLike && typeof payloadLike === "object") {
-    const nested = payloadLike.importMap;
-    if (nested && typeof nested === "object") {
-      return nested;
-    }
-  }
-  const initPageResult = props.initPageResult;
-  if (initPageResult && typeof initPageResult === "object") {
-    const req = initPageResult.req;
-    if (req && typeof req === "object") {
-      const payload = req.payload;
-      if (payload && typeof payload === "object") {
-        const nested = payload.importMap;
-        if (nested && typeof nested === "object") {
-          return nested;
-        }
-      }
-    }
-  }
-  return void 0;
-};
-var readUserRole2 = (props) => {
-  if (!props || typeof props !== "object") return void 0;
-  const user = props.user;
-  if (user && typeof user === "object") {
-    const role = user.role;
-    if (typeof role === "string") {
-      return role;
-    }
-  }
-  const initPageResult = props.initPageResult;
-  if (initPageResult && typeof initPageResult === "object") {
-    const req = initPageResult.req;
-    if (req && typeof req === "object") {
-      const nestedUser = req.user;
-      if (nestedUser && typeof nestedUser === "object") {
-        const role = nestedUser.role;
-        if (typeof role === "string") {
-          return role;
-        }
-      }
-    }
-  }
-  return void 0;
-};
-var readAdminBasePath = (props) => {
-  if (!props || typeof props !== "object") {
-    return DEFAULT_ADMIN_BASE_PATH2;
-  }
-  const payloadLike = props.payload;
-  if (payloadLike && typeof payloadLike === "object") {
-    const config = payloadLike.config;
-    const routes = config && typeof config === "object" ? config.routes : null;
-    const admin = routes && typeof routes === "object" ? routes.admin : null;
-    if (typeof admin === "string" && admin.length > 0) {
-      return normalizeAdminBasePath2(admin);
-    }
-  }
-  const initPageResult = props.initPageResult;
-  if (initPageResult && typeof initPageResult === "object") {
-    const req = initPageResult.req;
-    if (req && typeof req === "object") {
-      const nestedPayload = req.payload;
-      if (nestedPayload && typeof nestedPayload === "object") {
-        const config = nestedPayload.config;
-        const routes = config && typeof config === "object" ? config.routes : null;
-        const admin = routes && typeof routes === "object" ? routes.admin : null;
-        if (typeof admin === "string" && admin.length > 0) {
-          return normalizeAdminBasePath2(admin);
-        }
-      }
-    }
-  }
-  return DEFAULT_ADMIN_BASE_PATH2;
-};
-var canAccess2 = (role, roles) => {
-  if (!roles || roles.length === 0) {
-    return true;
-  }
-  if (!role) {
-    return false;
-  }
-  return roles.includes(role);
-};
-var buildSectionLinks = (adminBasePath, sections, formsEnabled, globalsBasePath) => {
-  const links = [
-    {
-      href: resolveAdminPath2(adminBasePath, "/pages"),
-      id: "pages",
-      label: "Pages"
-    },
-    ...formsEnabled ? [
-      {
-        href: resolveAdminPath2(adminBasePath, "/forms"),
-        id: "forms",
-        label: "Forms",
-        roles: ["admin", "editor"]
-      }
-    ] : [],
-    {
-      href: resolveAdminPath2(adminBasePath, globalsBasePath),
-      id: "globals",
-      label: "Globals"
-    },
-    {
-      href: resolveAdminPath2(adminBasePath, "/media"),
-      id: "media",
-      label: "Media"
-    },
-    ...sections.map((section) => ({
-      href: resolveAdminPath2(adminBasePath, section.href),
-      id: section.id,
-      label: section.label,
-      ...section.roles ? { roles: section.roles } : {}
-    })),
-    {
-      href: resolveAdminPath2(adminBasePath, "/tools"),
-      id: "admin-tools",
-      label: "Admin Tools",
-      roles: ["admin"]
-    }
-  ];
-  const seen = /* @__PURE__ */ new Set();
-  return links.filter((link) => {
-    if (seen.has(link.id)) {
-      return false;
-    }
-    seen.add(link.id);
-    return true;
-  });
-};
-function DashboardPanelFallback({ label }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "orion-dashboard-extension-fallback", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "orion-dashboard-panel-kicker", children: "Extension Unavailable" }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: "This dashboard panel could not be rendered, but the rest of the dashboard is still available." })
-  ] });
-}
-function buildExtensionPanels(adminBasePath, importMap, panels, userRole) {
-  const visiblePanels = panels.filter((panel) => canAccess2(userRole, panel.roles));
-  return visiblePanels.map((panel) => {
-    const href = resolveAdminPath2(adminBasePath, panel.href);
-    return {
-      id: panel.id,
-      node: importMap ? (0, import_RenderServerComponent.RenderServerComponent)({
-        Component: panel.Component,
-        Fallback: () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DashboardPanelFallback, { label: panel.label }),
-        importMap,
-        serverProps: {
-          adminBasePath,
-          href,
-          label: panel.label
-        }
-      }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DashboardPanelFallback, { label: panel.label }),
-      span: panel.span
-    };
-  });
-}
-function AdminStudioDashboard(rawProps) {
-  const props = rawProps || {};
-  const formsEnabled = getPropBoolean2(props, "formsEnabled", false);
-  const globalsBasePath = getPropString2(props, "globalsBasePath", "/globals");
-  const sections = getPropSections2(props);
-  const dashboardPanels = getPropDashboardPanels(props);
-  const pagesCollectionSlug = getPropString2(props, "pagesCollectionSlug", "pages");
-  const formsCollectionSlug = getPropString2(props, "formsCollectionSlug", "forms");
-  const formSubmissionsCollectionSlug = getPropString2(
-    props,
-    "formSubmissionsCollectionSlug",
-    "form-submissions"
-  );
-  const mediaCollectionSlug = getPropString2(props, "mediaCollectionSlug", "media");
-  const adminBasePath = readAdminBasePath(props);
-  const importMap = readImportMap(props);
-  const userRole = readUserRole2(props);
-  const navProps = {
-    brandName: getPropString2(props, "brandName", "Orion Studio"),
-    dashboardPanels,
-    formSubmissionsCollectionSlug,
-    formsCollectionSlug,
-    formsEnabled,
-    globalsBasePath,
-    logoUrl: getPropString2(props, "logoUrl", ""),
-    mediaCollectionSlug,
-    pagesCollectionSlug,
-    sections
-  };
-  const extensionPanels = buildExtensionPanels(adminBasePath, importMap, dashboardPanels, userRole);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StudioSectionLayout, { navProps, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    AdminPage,
-    {
-      breadcrumbs: [{ label: "Dashboard" }],
-      description: "What needs attention, what changed recently, and how the site is performing.",
-      title: "Studio",
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        AdminStudioDashboardClient,
-        {
-          formSubmissionsCollectionSlug,
-          formsCollectionSlug,
-          formsEnabled,
-          formsPath: resolveAdminPath2(adminBasePath, "/forms"),
-          globalsBasePath: resolveAdminPath2(adminBasePath, globalsBasePath),
-          mediaCollectionSlug,
-          mediaPath: resolveAdminPath2(adminBasePath, "/media"),
-          pagesCollectionSlug,
-          pagesPath: resolveAdminPath2(adminBasePath, "/pages"),
-          sectionLinks: buildSectionLinks(adminBasePath, sections, formsEnabled, globalsBasePath),
-          toolsPath: resolveAdminPath2(adminBasePath, "/tools"),
-          userRole,
-          children: extensionPanels.map((panel) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            "div",
-            {
-              className: [
-                "orion-dashboard-extension-panel",
-                panel.span === "full" ? "is-full" : "is-half"
-              ].filter(Boolean).join(" "),
-              children: panel.node
-            },
-            panel.id
-          ))
-        }
-      )
-    }
-  ) });
-}
-
 // src/admin/helpers/withTooltips.ts
 var defaultTooltips = {
   title: "The main title displayed on this page.",
@@ -2534,6 +1046,36 @@ __export(admin_app_exports, {
   roleCanAccessNav: () => roleCanAccessNav
 });
 
+// src/admin-app/components/AdminBreadcrumbs.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function AdminBreadcrumbs({ items }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { "aria-label": "Breadcrumb", className: "orion-admin-breadcrumbs", children: items.map((item, index) => {
+    const isLast = index === items.length - 1;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+      item.href && !isLast ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: item.href, children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: item.label }),
+      !isLast ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "orion-admin-breadcrumb-sep", children: "/" }) : null
+    ] }, `${item.label}-${index}`);
+  }) });
+}
+
+// src/admin-app/components/AdminPage.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function AdminPage({ title, description, breadcrumbs, actions, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "orion-admin-page", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "orion-admin-page-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AdminBreadcrumbs, { items: breadcrumbs }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "orion-admin-page-title-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { children: title }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: description }) : null
+        ] }),
+        actions ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "orion-admin-page-actions", children: actions }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "orion-admin-page-content", children })
+  ] });
+}
+
 // src/admin-app/nestedNavigation.ts
 var normalizeNestedNavItems = (items) => {
   const deduped = [];
@@ -4330,7 +2872,7 @@ var TestimonialsBlock = {
 };
 
 // src/blocks/components/BuilderBlockLabel.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var blockTitles = {
   bookingEmbed: "Booking Embed",
   cta: "Call to Action",
@@ -4357,8 +2899,8 @@ function BuilderBlockLabel({ blockType, rowLabel, rowNumber }) {
   const fallbackTitle = blockTitles[blockType] || blockType;
   const title = rowLabel && rowLabel.trim().length > 0 ? rowLabel : fallbackTitle;
   const tag = blockEmojis[blockType] || "Section";
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { alignItems: "center", display: "flex", gap: 8 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { alignItems: "center", display: "flex", gap: 8 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "span",
       {
         style: {
@@ -4373,7 +2915,7 @@ function BuilderBlockLabel({ blockType, rowLabel, rowNumber }) {
         children: tag
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: { fontWeight: 700 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: { fontWeight: 700 }, children: [
       typeof rowNumber === "number" ? `${rowNumber + 1}. ` : "",
       title
     ] })
@@ -4920,18 +3462,18 @@ function createStudioRegistry(modules) {
     listNodeTypes: () => [...nodeTypes]
   };
 }
-function validateStudioDocument(document2, modules) {
+function validateStudioDocument(document, modules) {
   const issues = [];
-  if (document2.schemaVersion !== 1) {
+  if (document.schemaVersion !== 1) {
     issues.push(makeIssue("Unsupported schema version", "schemaVersion", "studio.schemaVersion"));
   }
-  if (!Array.isArray(document2.nodes)) {
+  if (!Array.isArray(document.nodes)) {
     issues.push(makeIssue("Nodes must be an array", "nodes", "studio.nodes"));
     return issues;
   }
   const registry = createStudioRegistry(modules);
   const nodeIDs = /* @__PURE__ */ new Set();
-  document2.nodes.forEach((node, index) => {
+  document.nodes.forEach((node, index) => {
     if (!node.id) {
       issues.push(makeIssue("Node id is required", `nodes.${index}.id`, "studio.node.id"));
     }
@@ -4945,15 +3487,15 @@ function validateStudioDocument(document2, modules) {
   });
   for (const module2 of modules) {
     for (const validate of module2.validators) {
-      issues.push(...validate(document2));
+      issues.push(...validate(document));
     }
   }
   return issues;
 }
-function compileStudioDocument(document2, modules) {
-  const issues = validateStudioDocument(document2, modules);
+function compileStudioDocument(document, modules) {
+  const issues = validateStudioDocument(document, modules);
   const compilerEntries = modules.filter((mod) => typeof mod.compiler?.compileNode === "function").map((mod) => mod.compiler?.compileNode);
-  const layout = document2.nodes.map((node) => {
+  const layout = document.nodes.map((node) => {
     for (const compileNode of compilerEntries) {
       if (!compileNode) {
         continue;
@@ -5290,7 +3832,7 @@ var layoutToStudioDocument = (layout, title, metadata) => {
     updatedAt: (/* @__PURE__ */ new Date()).toISOString()
   };
 };
-var studioDocumentToLayout = (document2) => document2.nodes.map(
+var studioDocumentToLayout = (document) => document.nodes.map(
   (node) => migrateBlockToSettingsV2({
     id: node.id,
     blockType: node.type,
@@ -5324,7 +3866,7 @@ function withStudioDocumentLayout(page) {
   }
   return page;
 }
-function normalizePath3(segments) {
+function normalizePath(segments) {
   if (!segments || segments.length === 0) {
     return "/";
   }
@@ -5381,7 +3923,7 @@ function createPageQueries(getPayloadClient, contentTag = "website-content") {
     { tags: [contentTag] }
   );
   async function getPageBySegments(segments, draft = false) {
-    const path2 = normalizePath3(segments);
+    const path2 = normalizePath(segments);
     const payload = await getPayloadClient();
     if (draft) {
       return queryPageByPath(payload, path2, true);
@@ -5993,8 +4535,8 @@ var hydrateRelationship = (valueFromStudio, valueFromLayout) => {
   }
   return valueFromLayout;
 };
-var hydrateDocumentWithLayoutRelations = (document2, layout) => {
-  const nextNodes = document2.nodes.map((node, index) => {
+var hydrateDocumentWithLayoutRelations = (document, layout) => {
+  const nextNodes = document.nodes.map((node, index) => {
     const layoutBlock = layout[index];
     if (!isRecord5(layoutBlock)) {
       return node;
@@ -6033,17 +4575,17 @@ var hydrateDocumentWithLayoutRelations = (document2, layout) => {
     };
   });
   return {
-    ...document2,
+    ...document,
     nodes: nextNodes
   };
 };
-var normalizeDocument = (document2) => ({
-  ...document2,
+var normalizeDocument = (document) => ({
+  ...document,
   schemaVersion: 1,
   updatedAt: (/* @__PURE__ */ new Date()).toISOString()
 });
-var normalizeLegacyHeroDefaults = (document2) => {
-  const nodes = document2.nodes.map((node) => {
+var normalizeLegacyHeroDefaults = (document) => {
+  const nodes = document.nodes.map((node) => {
     if (node.type !== "hero" || !isRecord5(node.data)) {
       return node;
     }
@@ -6061,7 +4603,7 @@ var normalizeLegacyHeroDefaults = (document2) => {
     };
   });
   return {
-    ...document2,
+    ...document,
     nodes
   };
 };
@@ -6110,9 +4652,9 @@ var createStudioPageService = ({
       title: typeof page.title === "string" ? page.title : "Untitled Page"
     };
   },
-  validateStudioDocument: (document2) => validateStudioDocument(document2, modules),
-  saveDraft: async (pageID, document2, _metadata) => {
-    const normalizedDocument = normalizeLegacyHeroDefaults(normalizeDocument(document2));
+  validateStudioDocument: (document) => validateStudioDocument(document, modules),
+  saveDraft: async (pageID, document, _metadata) => {
+    const normalizedDocument = normalizeLegacyHeroDefaults(normalizeDocument(document));
     const compileResult = compileStudioDocument(normalizedDocument, modules);
     await payload.update({
       collection: collectionSlug,
@@ -6132,8 +4674,8 @@ var createStudioPageService = ({
       status: "draft"
     };
   },
-  publish: async (pageID, document2, _metadata) => {
-    const normalizedDocument = normalizeLegacyHeroDefaults(normalizeDocument(document2));
+  publish: async (pageID, document, _metadata) => {
+    const normalizedDocument = normalizeLegacyHeroDefaults(normalizeDocument(document));
     const compileResult = compileStudioDocument(normalizedDocument, modules);
     assertCanPublish(compileResult.issues);
     await payload.update({
@@ -6413,9 +4955,9 @@ var pageNodeTypes = Object.keys(defaultNodeData).map((type) => ({
     return data;
   }
 }));
-var validatePageDocument = (document2) => {
+var validatePageDocument = (document) => {
   const issues = [];
-  if (!document2.title || document2.title.trim().length === 0) {
+  if (!document.title || document.title.trim().length === 0) {
     issues.push({
       code: "pages.title.required",
       message: "Page title is required before publishing.",
@@ -6423,7 +4965,7 @@ var validatePageDocument = (document2) => {
       severity: "error"
     });
   }
-  if (document2.nodes.length === 0) {
+  if (document.nodes.length === 0) {
     issues.push({
       code: "pages.nodes.required",
       message: "At least one section is required.",
@@ -6431,7 +4973,7 @@ var validatePageDocument = (document2) => {
       severity: "error"
     });
   }
-  document2.nodes.forEach((node, index) => {
+  document.nodes.forEach((node, index) => {
     if (node.type === "hero" && typeof node.data.headline !== "string") {
       issues.push({
         code: "pages.hero.headline",