@orion-studios/payload-studio 0.6.0-beta.3 → 0.6.0-beta.4

package/dist/admin/index.js

@@ -30,6 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // 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,
@@ -79,10 +80,26 @@ var adminNavIcons = [
   "account",
   "analytics"
 ];
+var roleCanAccessNav = (role, item) => {
+  if (!item.roles || item.roles.length === 0) {
+    return true;
+  }
+  if (!role) {
+    return false;
+  }
+  return item.roles.includes(role);
+};
+var navItemIsActive = (pathname, item) => {
+  if (item.href === "/admin") {
+    return pathname === "/admin";
+  }
+  return item.matchPrefixes.some((prefix) => pathname.startsWith(prefix));
+};
 
 // 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) => {
@@ -124,6 +141,22 @@ 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 [];
@@ -189,6 +222,38 @@ 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 = {};
@@ -248,6 +313,7 @@ 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;
@@ -277,6 +343,7 @@ function configureAdmin(config) {
     cssPath = genPath;
   }
   const clientPath = "@orion-studios/payload-studio/admin/client";
+  const adminPath = "@orion-studios/payload-studio/admin";
   const studioNavClientProps = {
     brandName,
     formSubmissionsCollectionSlug,
@@ -288,8 +355,14 @@ 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
@@ -324,6 +397,11 @@ function configureAdmin(config) {
   return {
     admin: {
       css: cssPath,
+      ...dashboardImportMapGenerator ? {
+        importMap: {
+          generators: [dashboardImportMapGenerator]
+        }
+      } : {},
       components: {
         ...studioEnabled ? {
           Nav: {
@@ -354,7 +432,7 @@ function configureAdmin(config) {
           dashboard: {
             Component: {
               exportName: studioEnabled ? "AdminStudioDashboard" : "Dashboard",
-              path: clientPath,
+              path: studioEnabled ? adminPath : clientPath,
               clientProps: studioNavClientProps
             }
           },
@@ -750,6 +828,1431 @@ 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({
+  extensionPanels = [],
+  formSubmissionsCollectionSlug,
+  formsCollectionSlug,
+  formsEnabled,
+  formsPath,
+  globalsBasePath,
+  mediaCollectionSlug,
+  mediaPath,
+  pagesCollectionSlug,
+  pagesPath,
+  sectionLinks,
+  toolsPath,
+  userRole
+}) {
+  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)),
+        extensionPanels.map((panel) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "div",
+          {
+            className: [
+              "orion-dashboard-extension-panel",
+              panel.span === "full" ? "is-full" : "is-half"
+            ].filter(Boolean).join(" "),
+            children: panel.node
+          },
+          panel.id
+        ))
+      ] }),
+      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&draft=true", {
+          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,
+        {
+          extensionPanels,
+          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
+        }
+      )
+    }
+  ) });
+}
+
 // src/admin/helpers/withTooltips.ts
 var defaultTooltips = {
   title: "The main title displayed on this page.",
@@ -1006,6 +2509,7 @@ var createSocialMediaGlobal = (options = {}) => ({
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AdminStudioDashboard,
   SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM,
   SOCIAL_MEDIA_ICON_OPTIONS,
   SOCIAL_MEDIA_PLATFORMS,