@orion-studios/payload-studio 0.6.0-beta.1 → 0.6.0-beta.10

package/dist/admin/client.mjs

@@ -59,7 +59,7 @@ function useSiteBranding(defaultName, defaultLogoUrl) {
     let cancelled = false;
     const run = async () => {
       try {
-        const res = await fetch("/api/globals/site-settings?depth=1&draft=true", {
+        const res = await fetch("/api/globals/site-settings?depth=1", {
           credentials: "include"
         });
         if (!res.ok) return;
@@ -234,38 +234,122 @@ function AdminLoginIntro({ brandName = "Orion Studio", logoUrl } = {}) {
   const branding = useSiteBranding(brandName, logoUrl);
   const resolvedName = branding.siteName || brandName;
   return /* @__PURE__ */ jsxs3("div", { className: "orion-admin-login-intro", children: [
-    /* @__PURE__ */ jsx3("span", { className: "orion-admin-login-eyebrow", children: "Studio Access" }),
+    /* @__PURE__ */ jsx3("span", { className: "orion-admin-login-eyebrow", children: "Private Admin" }),
     /* @__PURE__ */ jsxs3("h1", { children: [
-      "Manage ",
       resolvedName,
-      " without losing the site's voice."
+      " admin"
     ] }),
-    /* @__PURE__ */ jsx3("p", { children: "Sign in to update content, review leads, and keep the public site aligned with the same brand experience your visitors already know." }),
-    /* @__PURE__ */ jsxs3("div", { className: "orion-admin-login-note-grid", children: [
-      /* @__PURE__ */ jsxs3("article", { className: "orion-admin-login-note", children: [
-        /* @__PURE__ */ jsx3("strong", { children: "Branded workspace" }),
-        /* @__PURE__ */ jsx3("span", { children: "The admin mirrors the live site instead of dropping editors into a generic CMS shell." })
-      ] }),
-      /* @__PURE__ */ jsxs3("article", { className: "orion-admin-login-note", children: [
-        /* @__PURE__ */ jsx3("strong", { children: "One editorial flow" }),
-        /* @__PURE__ */ jsx3("span", { children: "Pages, globals, media, forms, and analytics stay in one place once you are inside." })
-      ] }),
-      /* @__PURE__ */ jsxs3("article", { className: "orion-admin-login-note", children: [
-        /* @__PURE__ */ jsx3("strong", { children: "Protected entry" }),
-        /* @__PURE__ */ jsx3("span", { children: "Only authorized administrators and editors can access this workspace." })
-      ] })
-    ] })
+    /* @__PURE__ */ jsx3("p", { children: "Sign in to update pages, review forms, manage media, and adjust site settings." }),
+    /* @__PURE__ */ jsx3("p", { className: "orion-admin-login-caption", children: "For owners and authorized team members." })
   ] });
 }
 
+// src/admin/components/AdminLoginPasswordToggle.tsx
+import { useEffect as useEffect2, useState as useState2 } from "react";
+import { createPortal } from "react-dom";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var loginPasswordSelector = '.template-minimal.login .login__form input[name="password"]';
+function EyeIcon({ crossed = false }) {
+  return /* @__PURE__ */ jsxs4(
+    "svg",
+    {
+      "aria-hidden": "true",
+      fill: "none",
+      height: "18",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.9",
+      viewBox: "0 0 24 24",
+      width: "18",
+      children: [
+        /* @__PURE__ */ jsx4("path", { d: "M2 12s3.6-6 10-6 10 6 10 6-3.6 6-10 6S2 12 2 12Z" }),
+        /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "2.75" }),
+        crossed ? /* @__PURE__ */ jsx4("path", { d: "M4 4l16 16" }) : null
+      ]
+    }
+  );
+}
+function AdminLoginPasswordToggle() {
+  const [hostEl, setHostEl] = useState2(null);
+  const [inputEl, setInputEl] = useState2(null);
+  const [portalEl, setPortalEl] = useState2(null);
+  const [visible, setVisible] = useState2(false);
+  useEffect2(() => {
+    const sync = () => {
+      const nextInput = document.querySelector(loginPasswordSelector);
+      const nextHost = nextInput?.parentElement ?? null;
+      setInputEl((current) => current === nextInput ? current : nextInput);
+      setHostEl((current) => current === nextHost ? current : nextHost);
+    };
+    sync();
+    const observer = new MutationObserver(sync);
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+    return () => observer.disconnect();
+  }, []);
+  useEffect2(() => {
+    setVisible(false);
+  }, [inputEl]);
+  useEffect2(() => {
+    if (!inputEl) {
+      return;
+    }
+    inputEl.type = visible ? "text" : "password";
+    return () => {
+      inputEl.type = "password";
+    };
+  }, [inputEl, visible]);
+  useEffect2(() => {
+    if (!hostEl) {
+      setPortalEl(null);
+      return;
+    }
+    const existing = hostEl.querySelector(".orion-admin-password-toggle-slot");
+    const slot = existing || document.createElement("div");
+    slot.className = "orion-admin-password-toggle-slot";
+    if (!slot.parentElement) {
+      hostEl.appendChild(slot);
+    }
+    setPortalEl(slot);
+    return () => {
+      if (slot.parentElement === hostEl) {
+        slot.remove();
+      }
+    };
+  }, [hostEl]);
+  if (!inputEl || inputEl.disabled || !portalEl) {
+    return null;
+  }
+  return createPortal(
+    /* @__PURE__ */ jsx4(
+      "button",
+      {
+        "aria-label": visible ? "Hide password" : "Show password",
+        "aria-pressed": visible,
+        className: "orion-admin-password-toggle",
+        "data-visible": visible ? "true" : "false",
+        onClick: () => setVisible((current) => !current),
+        onMouseDown: (event) => event.preventDefault(),
+        title: visible ? "Hide password" : "Show password",
+        type: "button",
+        children: /* @__PURE__ */ jsx4(EyeIcon, { crossed: visible })
+      }
+    ),
+    portalEl
+  );
+}
+
 // src/admin/components/Dashboard.tsx
-import { useEffect as useEffect4, useState as useState4 } from "react";
+import { useEffect as useEffect5, useState as useState5 } from "react";
 
 // src/admin/components/ThemeSwitcher.tsx
 import { useLayoutEffect } from "react";
 
 // src/admin/hooks/useTheme.ts
-import { useCallback, useEffect as useEffect2, useRef, useState as useState2 } from "react";
+import { useCallback, useEffect as useEffect3, useRef, useState as useState3 } from "react";
 var STORAGE_KEY = "orion-admin-theme";
 function applyTheme(theme) {
   const html = document.documentElement;
@@ -299,12 +383,12 @@ function cacheTheme(theme) {
   }
 }
 function useTheme(defaultTheme = "brand-light") {
-  const [theme, setThemeState] = useState2(defaultTheme);
-  const [isLoading, setIsLoading] = useState2(true);
-  const [hasMounted, setHasMounted] = useState2(false);
+  const [theme, setThemeState] = useState3(defaultTheme);
+  const [isLoading, setIsLoading] = useState3(true);
+  const [hasMounted, setHasMounted] = useState3(false);
   const debounceRef = useRef(null);
   const userIdRef = useRef(null);
-  useEffect2(() => {
+  useEffect3(() => {
     setHasMounted(true);
     const cached = getCachedTheme();
     if (cached) {
@@ -379,31 +463,31 @@ function useTheme(defaultTheme = "brand-light") {
 }
 
 // src/admin/components/ThemeSwitcher.tsx
-import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var iconSize = 16;
 function SunIcon() {
-  return /* @__PURE__ */ jsxs4("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "5" }),
-    /* @__PURE__ */ jsx4("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
-    /* @__PURE__ */ jsx4("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
-    /* @__PURE__ */ jsx4("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }),
-    /* @__PURE__ */ jsx4("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }),
-    /* @__PURE__ */ jsx4("line", { x1: "1", y1: "12", x2: "3", y2: "12" }),
-    /* @__PURE__ */ jsx4("line", { x1: "21", y1: "12", x2: "23", y2: "12" }),
-    /* @__PURE__ */ jsx4("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
-    /* @__PURE__ */ jsx4("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })
+  return /* @__PURE__ */ jsxs5("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx5("circle", { cx: "12", cy: "12", r: "5" }),
+    /* @__PURE__ */ jsx5("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
+    /* @__PURE__ */ jsx5("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
+    /* @__PURE__ */ jsx5("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }),
+    /* @__PURE__ */ jsx5("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }),
+    /* @__PURE__ */ jsx5("line", { x1: "1", y1: "12", x2: "3", y2: "12" }),
+    /* @__PURE__ */ jsx5("line", { x1: "21", y1: "12", x2: "23", y2: "12" }),
+    /* @__PURE__ */ jsx5("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
+    /* @__PURE__ */ jsx5("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })
   ] });
 }
 function MoonIcon() {
-  return /* @__PURE__ */ jsx4("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx4("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) });
+  return /* @__PURE__ */ jsx5("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx5("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) });
 }
 function PaletteIcon() {
-  return /* @__PURE__ */ jsxs4("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsx4("circle", { cx: "13.5", cy: "6.5", r: "0.5", fill: "currentColor" }),
-    /* @__PURE__ */ jsx4("circle", { cx: "17.5", cy: "10.5", r: "0.5", fill: "currentColor" }),
-    /* @__PURE__ */ jsx4("circle", { cx: "8.5", cy: "7.5", r: "0.5", fill: "currentColor" }),
-    /* @__PURE__ */ jsx4("circle", { cx: "6.5", cy: "12", r: "0.5", fill: "currentColor" }),
-    /* @__PURE__ */ jsx4("path", { d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z" })
+  return /* @__PURE__ */ jsxs5("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx5("circle", { cx: "13.5", cy: "6.5", r: "0.5", fill: "currentColor" }),
+    /* @__PURE__ */ jsx5("circle", { cx: "17.5", cy: "10.5", r: "0.5", fill: "currentColor" }),
+    /* @__PURE__ */ jsx5("circle", { cx: "8.5", cy: "7.5", r: "0.5", fill: "currentColor" }),
+    /* @__PURE__ */ jsx5("circle", { cx: "6.5", cy: "12", r: "0.5", fill: "currentColor" }),
+    /* @__PURE__ */ jsx5("path", { d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z" })
   ] });
 }
 var buttonBase = {
@@ -438,7 +522,7 @@ function ThemeSwitcher({
   const { isDark, isBrand, hasMounted, toggleDarkMode, toggleBrandMode } = useTheme(defaultTheme);
   const showDark = hasMounted && isDark;
   const showBrand = hasMounted && isBrand;
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       style: {
@@ -448,7 +532,7 @@ function ThemeSwitcher({
         padding: "8px 12px"
       },
       children: [
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           "button",
           {
             type: "button",
@@ -456,10 +540,10 @@ function ThemeSwitcher({
             style: showDark ? buttonActive : buttonBase,
             title: showDark ? "Switch to light mode" : "Switch to dark mode",
             "aria-label": showDark ? "Switch to light mode" : "Switch to dark mode",
-            children: showDark ? /* @__PURE__ */ jsx4(MoonIcon, {}) : /* @__PURE__ */ jsx4(SunIcon, {})
+            children: showDark ? /* @__PURE__ */ jsx5(MoonIcon, {}) : /* @__PURE__ */ jsx5(SunIcon, {})
           }
         ),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           "button",
           {
             type: "button",
@@ -467,7 +551,7 @@ function ThemeSwitcher({
             style: showBrand ? buttonActive : buttonBase,
             title: showBrand ? "Switch to standard colors" : "Switch to brand colors",
             "aria-label": showBrand ? "Switch to standard colors" : "Switch to brand colors",
-            children: /* @__PURE__ */ jsx4(PaletteIcon, {})
+            children: /* @__PURE__ */ jsx5(PaletteIcon, {})
           }
         )
       ]
@@ -519,24 +603,24 @@ function ThemeProvider({
     } catch {
     }
   }, [allowThemePreference, defaultTheme]);
-  return /* @__PURE__ */ jsx4(Fragment, { children });
+  return /* @__PURE__ */ jsx5(Fragment, { children });
 }
 
 // src/admin/components/HelpTooltip.tsx
-import { useCallback as useCallback2, useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useCallback as useCallback2, useEffect as useEffect4, useRef as useRef2, useState as useState4 } from "react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function HelpTooltip({
   content,
   position = "top"
 }) {
-  const [isVisible, setIsVisible] = useState3(false);
+  const [isVisible, setIsVisible] = useState4(false);
   const triggerRef = useRef2(null);
   const tooltipRef = useRef2(null);
   const tooltipId = useRef2(`tooltip-${Math.random().toString(36).slice(2, 9)}`);
   const show = useCallback2(() => setIsVisible(true), []);
   const hide = useCallback2(() => setIsVisible(false), []);
   const toggle = useCallback2(() => setIsVisible((v) => !v), []);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!isVisible) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") setIsVisible(false);
@@ -544,7 +628,7 @@ function HelpTooltip({
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [isVisible]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!isVisible) return;
     const handleClick = (e) => {
       if (triggerRef.current && !triggerRef.current.contains(e.target) && tooltipRef.current && !tooltipRef.current.contains(e.target)) {
@@ -560,8 +644,8 @@ function HelpTooltip({
     left: { right: "100%", top: "50%", transform: "translateY(-50%)", marginRight: 8 },
     right: { left: "100%", top: "50%", transform: "translateY(-50%)", marginLeft: 8 }
   };
-  return /* @__PURE__ */ jsxs5("span", { style: { position: "relative", display: "inline-flex", verticalAlign: "middle", marginLeft: 6 }, children: [
-    /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs6("span", { style: { position: "relative", display: "inline-flex", verticalAlign: "middle", marginLeft: 6 }, children: [
+    /* @__PURE__ */ jsx6(
       "button",
       {
         ref: triggerRef,
@@ -597,7 +681,7 @@ function HelpTooltip({
         children: "?"
       }
     ),
-    isVisible && /* @__PURE__ */ jsx5(
+    isVisible && /* @__PURE__ */ jsx6(
       "div",
       {
         ref: tooltipRef,
@@ -627,7 +711,7 @@ function HelpTooltip({
 }
 
 // src/admin/components/StatusBadge.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var statusConfig = {
   draft: { label: "Draft" },
   published: { label: "Published" },
@@ -639,7 +723,7 @@ function StatusBadge({
 }) {
   const config = statusConfig[status];
   const isSm = size === "sm";
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "span",
     {
       style: {
@@ -656,7 +740,7 @@ function StatusBadge({
         whiteSpace: "nowrap"
       },
       children: [
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(
           "span",
           {
             style: {
@@ -675,46 +759,46 @@ function StatusBadge({
 }
 
 // src/admin/components/Dashboard.tsx
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function PagesIcon({ size = 24 }) {
-  return /* @__PURE__ */ jsxs7("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsx7("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-    /* @__PURE__ */ jsx7("polyline", { points: "14 2 14 8 20 8" }),
-    /* @__PURE__ */ jsx7("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
-    /* @__PURE__ */ jsx7("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
-    /* @__PURE__ */ jsx7("polyline", { points: "10 9 9 9 8 9" })
+  return /* @__PURE__ */ jsxs8("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx8("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+    /* @__PURE__ */ jsx8("polyline", { points: "14 2 14 8 20 8" }),
+    /* @__PURE__ */ jsx8("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
+    /* @__PURE__ */ jsx8("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
+    /* @__PURE__ */ jsx8("polyline", { points: "10 9 9 9 8 9" })
   ] });
 }
 function MediaIcon({ size = 24 }) {
-  return /* @__PURE__ */ jsxs7("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsx7("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
-    /* @__PURE__ */ jsx7("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
-    /* @__PURE__ */ jsx7("polyline", { points: "21 15 16 10 5 21" })
+  return /* @__PURE__ */ jsxs8("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx8("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx8("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+    /* @__PURE__ */ jsx8("polyline", { points: "21 15 16 10 5 21" })
   ] });
 }
 function SettingsIcon({ size = 24 }) {
-  return /* @__PURE__ */ jsxs7("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsx7("circle", { cx: "12", cy: "12", r: "3" }),
-    /* @__PURE__ */ jsx7("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.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-2 2 2 2 0 0 1-2-2v-.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 0 2 2 0 0 1 0-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-2-2 2 2 0 0 1 2-2h.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 0-2.83 2 2 0 0 1 2.83 0l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.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 0 2 2 0 0 1 0 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 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
+  return /* @__PURE__ */ jsxs8("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx8("circle", { cx: "12", cy: "12", r: "3" }),
+    /* @__PURE__ */ jsx8("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.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-2 2 2 2 0 0 1-2-2v-.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 0 2 2 0 0 1 0-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-2-2 2 2 0 0 1 2-2h.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 0-2.83 2 2 0 0 1 2.83 0l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.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 0 2 2 0 0 1 0 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 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
   ] });
 }
 function LayoutIcon({ size = 24 }) {
-  return /* @__PURE__ */ jsxs7("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsx7("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
-    /* @__PURE__ */ jsx7("line", { x1: "3", y1: "9", x2: "21", y2: "9" }),
-    /* @__PURE__ */ jsx7("line", { x1: "3", y1: "15", x2: "21", y2: "15" })
+  return /* @__PURE__ */ jsxs8("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx8("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx8("line", { x1: "3", y1: "9", x2: "21", y2: "9" }),
+    /* @__PURE__ */ jsx8("line", { x1: "3", y1: "15", x2: "21", y2: "15" })
   ] });
 }
 function PlusIcon({ size = 16 }) {
-  return /* @__PURE__ */ jsxs7("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsx7("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
-    /* @__PURE__ */ jsx7("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  return /* @__PURE__ */ jsxs8("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx8("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ jsx8("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
   ] });
 }
 function ClockIcon({ size = 14 }) {
-  return /* @__PURE__ */ jsxs7("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsx7("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ jsx7("polyline", { points: "12 6 12 12 16 14" })
+  return /* @__PURE__ */ jsxs8("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx8("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx8("polyline", { points: "12 6 12 12 16 14" })
   ] });
 }
 function getGreeting() {
@@ -737,11 +821,11 @@ function formatRelativeTime(dateStr) {
   return date.toLocaleDateString();
 }
 function Dashboard() {
-  const [userName, setUserName] = useState4("");
-  const [recentPages, setRecentPages] = useState4([]);
-  const [pageCount, setPageCount] = useState4(null);
-  const [mediaCount, setMediaCount] = useState4(null);
-  useEffect4(() => {
+  const [userName, setUserName] = useState5("");
+  const [recentPages, setRecentPages] = useState5([]);
+  const [pageCount, setPageCount] = useState5(null);
+  const [mediaCount, setMediaCount] = useState5(null);
+  useEffect5(() => {
     fetch("/api/users/me", { credentials: "include" }).then((res) => res.json()).then((data) => {
       const user = data?.user || data;
       setUserName(user?.fullName || user?.email?.split("@")[0] || "");
@@ -757,24 +841,24 @@ function Dashboard() {
     }).catch(() => {
     });
   }, []);
-  return /* @__PURE__ */ jsxs7("div", { style: { padding: "32px", maxWidth: 1200, margin: "0 auto" }, children: [
-    /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between", marginBottom: 32 }, children: [
-      /* @__PURE__ */ jsxs7("div", { children: [
-        /* @__PURE__ */ jsxs7("h1", { style: { fontSize: 28, fontWeight: 700, color: "var(--admin-text)", margin: "0 0 6px" }, children: [
+  return /* @__PURE__ */ jsxs8("div", { style: { padding: "32px", maxWidth: 1200, margin: "0 auto" }, children: [
+    /* @__PURE__ */ jsxs8("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between", marginBottom: 32 }, children: [
+      /* @__PURE__ */ jsxs8("div", { children: [
+        /* @__PURE__ */ jsxs8("h1", { style: { fontSize: 28, fontWeight: 700, color: "var(--admin-text)", margin: "0 0 6px" }, children: [
           getGreeting(),
           userName ? `, ${userName}` : ""
         ] }),
-        /* @__PURE__ */ jsx7("p", { style: { fontSize: 15, color: "var(--admin-text-muted)", margin: 0 }, children: "Manage your website content and settings from here." })
+        /* @__PURE__ */ jsx8("p", { style: { fontSize: 15, color: "var(--admin-text-muted)", margin: 0 }, children: "Manage your website content and settings from here." })
       ] }),
-      /* @__PURE__ */ jsx7(ThemeSwitcher, {})
+      /* @__PURE__ */ jsx8(ThemeSwitcher, {})
     ] }),
-    /* @__PURE__ */ jsxs7("div", { style: { display: "flex", gap: 10, marginBottom: 32, flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ jsx7(QuickAction, { href: "/admin/collections/pages/create", icon: /* @__PURE__ */ jsx7(PlusIcon, {}), label: "New Page" }),
-      /* @__PURE__ */ jsx7(QuickAction, { href: "/admin/collections/media/create", icon: /* @__PURE__ */ jsx7(PlusIcon, {}), label: "Upload Media" }),
-      /* @__PURE__ */ jsx7(QuickAction, { href: "/admin/globals/header", icon: /* @__PURE__ */ jsx7(LayoutIcon, { size: 16 }), label: "Edit Navigation" }),
-      /* @__PURE__ */ jsx7(QuickAction, { href: "/admin/globals/site-settings", icon: /* @__PURE__ */ jsx7(SettingsIcon, { size: 16 }), label: "Website Settings" })
+    /* @__PURE__ */ jsxs8("div", { style: { display: "flex", gap: 10, marginBottom: 32, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ jsx8(QuickAction, { href: "/admin/collections/pages/create", icon: /* @__PURE__ */ jsx8(PlusIcon, {}), label: "New Page" }),
+      /* @__PURE__ */ jsx8(QuickAction, { href: "/admin/collections/media/create", icon: /* @__PURE__ */ jsx8(PlusIcon, {}), label: "Upload Media" }),
+      /* @__PURE__ */ jsx8(QuickAction, { href: "/admin/globals/header", icon: /* @__PURE__ */ jsx8(LayoutIcon, { size: 16 }), label: "Edit Navigation" }),
+      /* @__PURE__ */ jsx8(QuickAction, { href: "/admin/globals/site-settings", icon: /* @__PURE__ */ jsx8(SettingsIcon, { size: 16 }), label: "Website Settings" })
     ] }),
-    /* @__PURE__ */ jsxs7(
+    /* @__PURE__ */ jsxs8(
       "div",
       {
         style: {
@@ -784,10 +868,10 @@ function Dashboard() {
           marginBottom: 32
         },
         children: [
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(
             ContentCard,
             {
-              icon: /* @__PURE__ */ jsx7(PagesIcon, {}),
+              icon: /* @__PURE__ */ jsx8(PagesIcon, {}),
               title: "Pages",
               description: "Create and manage your website pages",
               count: pageCount,
@@ -799,10 +883,10 @@ function Dashboard() {
               ]
             }
           ),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(
             ContentCard,
             {
-              icon: /* @__PURE__ */ jsx7(MediaIcon, {}),
+              icon: /* @__PURE__ */ jsx8(MediaIcon, {}),
               title: "Media Library",
               description: "Upload and organize images and files",
               count: mediaCount,
@@ -814,10 +898,10 @@ function Dashboard() {
               ]
             }
           ),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(
             ContentCard,
             {
-              icon: /* @__PURE__ */ jsx7(LayoutIcon, {}),
+              icon: /* @__PURE__ */ jsx8(LayoutIcon, {}),
               title: "Site Design",
               description: "Customize your header, footer, and site-wide settings",
               tooltip: "These settings apply to every page on your website \u2014 your navigation menu, footer information, and global SEO settings.",
@@ -831,7 +915,7 @@ function Dashboard() {
         ]
       }
     ),
-    recentPages.length > 0 && /* @__PURE__ */ jsxs7(
+    recentPages.length > 0 && /* @__PURE__ */ jsxs8(
       "div",
       {
         style: {
@@ -841,7 +925,7 @@ function Dashboard() {
           overflow: "hidden"
         },
         children: [
-          /* @__PURE__ */ jsxs7(
+          /* @__PURE__ */ jsxs8(
             "div",
             {
               style: {
@@ -852,11 +936,11 @@ function Dashboard() {
                 justifyContent: "space-between"
               },
               children: [
-                /* @__PURE__ */ jsxs7("h3", { style: { fontSize: 15, fontWeight: 600, color: "var(--admin-text)", margin: 0, display: "flex", alignItems: "center", gap: 6 }, children: [
-                  /* @__PURE__ */ jsx7(ClockIcon, {}),
+                /* @__PURE__ */ jsxs8("h3", { style: { fontSize: 15, fontWeight: 600, color: "var(--admin-text)", margin: 0, display: "flex", alignItems: "center", gap: 6 }, children: [
+                  /* @__PURE__ */ jsx8(ClockIcon, {}),
                   " Recently Edited"
                 ] }),
-                /* @__PURE__ */ jsx7(
+                /* @__PURE__ */ jsx8(
                   "a",
                   {
                     href: "/admin/collections/pages",
@@ -867,7 +951,7 @@ function Dashboard() {
               ]
             }
           ),
-          recentPages.map((page, i) => /* @__PURE__ */ jsxs7(
+          recentPages.map((page, i) => /* @__PURE__ */ jsxs8(
             "a",
             {
               href: `/admin/collections/pages/${page.id}`,
@@ -887,13 +971,13 @@ function Dashboard() {
                 e.currentTarget.style.backgroundColor = "transparent";
               },
               children: [
-                /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", gap: 12, minWidth: 0 }, children: [
-                  /* @__PURE__ */ jsx7(PagesIcon, { size: 16 }),
-                  /* @__PURE__ */ jsx7("span", { style: { fontSize: 14, fontWeight: 500, color: "var(--admin-text)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: page.title || page.slug || "Untitled" })
+                /* @__PURE__ */ jsxs8("div", { style: { display: "flex", alignItems: "center", gap: 12, minWidth: 0 }, children: [
+                  /* @__PURE__ */ jsx8(PagesIcon, { size: 16 }),
+                  /* @__PURE__ */ jsx8("span", { style: { fontSize: 14, fontWeight: 500, color: "var(--admin-text)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: page.title || page.slug || "Untitled" })
                 ] }),
-                /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", gap: 12, flexShrink: 0 }, children: [
-                  page._status && /* @__PURE__ */ jsx7(StatusBadge, { status: page._status, size: "sm" }),
-                  /* @__PURE__ */ jsx7("span", { style: { fontSize: 12, color: "var(--admin-text-muted)", whiteSpace: "nowrap" }, children: formatRelativeTime(page.updatedAt) })
+                /* @__PURE__ */ jsxs8("div", { style: { display: "flex", alignItems: "center", gap: 12, flexShrink: 0 }, children: [
+                  page._status && /* @__PURE__ */ jsx8(StatusBadge, { status: page._status, size: "sm" }),
+                  /* @__PURE__ */ jsx8("span", { style: { fontSize: 12, color: "var(--admin-text-muted)", whiteSpace: "nowrap" }, children: formatRelativeTime(page.updatedAt) })
                 ] })
               ]
             },
@@ -905,7 +989,7 @@ function Dashboard() {
   ] });
 }
 function QuickAction({ href, icon, label }) {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "a",
     {
       href,
@@ -950,7 +1034,7 @@ function ContentCard({
   tooltip,
   actions
 }) {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       style: {
@@ -965,8 +1049,8 @@ function ContentCard({
         transition: "all 0.2s ease"
       },
       children: [
-        /* @__PURE__ */ jsx7("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
-          /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: /* @__PURE__ */ jsxs8("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
+          /* @__PURE__ */ jsx8(
             "div",
             {
               style: {
@@ -982,20 +1066,20 @@ function ContentCard({
               children: icon
             }
           ),
-          /* @__PURE__ */ jsxs7("div", { children: [
-            /* @__PURE__ */ jsxs7("h3", { style: { fontSize: 16, fontWeight: 600, color: "var(--admin-text)", margin: 0, display: "flex", alignItems: "center" }, children: [
+          /* @__PURE__ */ jsxs8("div", { children: [
+            /* @__PURE__ */ jsxs8("h3", { style: { fontSize: 16, fontWeight: 600, color: "var(--admin-text)", margin: 0, display: "flex", alignItems: "center" }, children: [
               title,
-              tooltip && /* @__PURE__ */ jsx7(HelpTooltip, { content: tooltip, position: "right" })
+              tooltip && /* @__PURE__ */ jsx8(HelpTooltip, { content: tooltip, position: "right" })
             ] }),
-            count !== void 0 && count !== null && /* @__PURE__ */ jsxs7("span", { style: { fontSize: 12, color: "var(--admin-text-muted)" }, children: [
+            count !== void 0 && count !== null && /* @__PURE__ */ jsxs8("span", { style: { fontSize: 12, color: "var(--admin-text-muted)" }, children: [
               count,
               " ",
               countLabel
             ] })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx7("p", { style: { fontSize: 13, color: "var(--admin-text-muted)", margin: 0, lineHeight: 1.5 }, children: description }),
-        actions && actions.length > 0 && /* @__PURE__ */ jsx7("div", { style: { display: "flex", gap: 8, marginTop: "auto", flexWrap: "wrap" }, children: actions.map((action) => /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8("p", { style: { fontSize: 13, color: "var(--admin-text-muted)", margin: 0, lineHeight: 1.5 }, children: description }),
+        actions && actions.length > 0 && /* @__PURE__ */ jsx8("div", { style: { display: "flex", gap: 8, marginTop: "auto", flexWrap: "wrap" }, children: actions.map((action) => /* @__PURE__ */ jsx8(
           "a",
           {
             href: action.href,
@@ -1027,7 +1111,7 @@ function ContentCard({
 }
 
 // src/admin/components/EmptyState.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function EmptyState({
   icon,
   title,
@@ -1035,7 +1119,7 @@ function EmptyState({
   actionLabel,
   actionHref
 }) {
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       style: {
@@ -1050,7 +1134,7 @@ function EmptyState({
         border: "1px dashed var(--admin-border)"
       },
       children: [
-        icon && /* @__PURE__ */ jsx8(
+        icon && /* @__PURE__ */ jsx9(
           "div",
           {
             style: {
@@ -1061,7 +1145,7 @@ function EmptyState({
             children: icon
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           "h3",
           {
             style: {
@@ -1073,7 +1157,7 @@ function EmptyState({
             children: title
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           "p",
           {
             style: {
@@ -1086,7 +1170,7 @@ function EmptyState({
             children: description
           }
         ),
-        actionLabel && actionHref && /* @__PURE__ */ jsx8(
+        actionLabel && actionHref && /* @__PURE__ */ jsx9(
           "a",
           {
             href: actionHref,
@@ -1113,24 +1197,24 @@ function EmptyState({
 
 // src/admin/components/OrionBlocksField.tsx
 import { lazy, Suspense } from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var OrionBlocksFieldImpl = lazy(async () => {
   const mod = await import("../OrionBlocksFieldImpl-QX5GTMQZ.mjs");
   return { default: mod.OrionBlocksFieldImpl };
 });
 function OrionBlocksField(props) {
-  return /* @__PURE__ */ jsx9(Suspense, { fallback: null, children: /* @__PURE__ */ jsx9(OrionBlocksFieldImpl, { ...props }) });
+  return /* @__PURE__ */ jsx10(Suspense, { fallback: null, children: /* @__PURE__ */ jsx10(OrionBlocksFieldImpl, { ...props }) });
 }
 
 // src/admin/components/WelcomeHeader.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function WelcomeHeader({
   title,
   description,
   tooltip,
   actions
 }) {
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       style: {
@@ -1142,8 +1226,8 @@ function WelcomeHeader({
         marginBottom: 24
       },
       children: [
-        /* @__PURE__ */ jsxs9("div", { children: [
-          /* @__PURE__ */ jsxs9(
+        /* @__PURE__ */ jsxs10("div", { children: [
+          /* @__PURE__ */ jsxs10(
             "h1",
             {
               style: {
@@ -1156,62 +1240,109 @@ function WelcomeHeader({
               },
               children: [
                 title,
-                tooltip && /* @__PURE__ */ jsx10(HelpTooltip, { content: tooltip, position: "right" })
+                tooltip && /* @__PURE__ */ jsx11(HelpTooltip, { content: tooltip, position: "right" })
               ]
             }
           ),
-          description && /* @__PURE__ */ jsx10("p", { style: { fontSize: 14, color: "var(--admin-text-muted)", margin: "6px 0 0" }, children: description })
+          description && /* @__PURE__ */ jsx11("p", { style: { fontSize: 14, color: "var(--admin-text-muted)", margin: "6px 0 0" }, children: description })
         ] }),
-        actions && /* @__PURE__ */ jsx10("div", { style: { display: "flex", gap: 8 }, children: actions })
+        actions && /* @__PURE__ */ jsx11("div", { style: { display: "flex", gap: 8 }, children: actions })
       ]
     }
   );
 }
 
-// src/admin/components/studio/AdminStudioDashboard.tsx
-import Link from "next/link";
-
-// src/admin-app/components/AdminBreadcrumbs.tsx
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
-function AdminBreadcrumbs({ items }) {
-  return /* @__PURE__ */ jsx11("nav", { "aria-label": "Breadcrumb", className: "orion-admin-breadcrumbs", children: items.map((item, index) => {
-    const isLast = index === items.length - 1;
-    return /* @__PURE__ */ jsxs10("span", { children: [
-      item.href && !isLast ? /* @__PURE__ */ jsx11("a", { href: item.href, children: item.label }) : /* @__PURE__ */ jsx11("span", { children: item.label }),
-      !isLast ? /* @__PURE__ */ jsx11("span", { className: "orion-admin-breadcrumb-sep", children: "/" }) : null
-    ] }, `${item.label}-${index}`);
-  }) });
-}
+// src/admin/components/studio/AdminStudioNav.tsx
+import { useMemo } from "react";
+import { usePathname } from "next/navigation";
+import { Logout, useAuth } from "@payloadcms/ui";
 
-// src/admin-app/components/AdminPage.tsx
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
-function AdminPage({ title, description, breadcrumbs, actions, children }) {
-  return /* @__PURE__ */ jsxs11("div", { className: "orion-admin-page", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "orion-admin-page-header", children: [
-      /* @__PURE__ */ jsx12(AdminBreadcrumbs, { items: breadcrumbs }),
-      /* @__PURE__ */ jsxs11("div", { className: "orion-admin-page-title-row", children: [
-        /* @__PURE__ */ jsxs11("div", { children: [
-          /* @__PURE__ */ jsx12("h1", { children: title }),
-          description ? /* @__PURE__ */ jsx12("p", { children: description }) : null
-        ] }),
-        actions ? /* @__PURE__ */ jsx12("div", { className: "orion-admin-page-actions", children: actions }) : null
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx12("div", { className: "orion-admin-page-content", children })
-  ] });
-}
+// src/admin/components/studio/adminPathUtils.ts
+import { useEffect as useEffect6, useState as useState6 } from "react";
+var DEFAULT_ADMIN_BASE_PATH = "/admin";
+var normalizePath = (value) => {
+  if (!value || value === "/") return "/";
+  const withLeadingSlash = value.startsWith("/") ? value : `/${value}`;
+  const trimmed = withLeadingSlash.replace(/\/+$/, "");
+  return trimmed.length > 0 ? trimmed : "/";
+};
+var normalizeAdminBasePath = (value) => {
+  const normalized = normalizePath(value);
+  return normalized === "/" ? DEFAULT_ADMIN_BASE_PATH : normalized;
+};
+var detectAdminBasePath = (pathname, fallback = DEFAULT_ADMIN_BASE_PATH) => {
+  const normalizedPathname = normalizePath(pathname);
+  const normalizedFallback = normalizeAdminBasePath(fallback);
+  const markers = [
+    "/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 isAbsoluteExternalURL = (value) => /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(value) || value.startsWith("//");
+var resolveAdminPath = (adminBasePath, targetPath) => {
+  if (!targetPath) return adminBasePath;
+  if (isAbsoluteExternalURL(targetPath)) return targetPath;
+  const normalizedBasePath = normalizeAdminBasePath(adminBasePath);
+  const normalizedTargetPath = normalizePath(targetPath);
+  if (normalizedTargetPath === "/admin") {
+    return normalizedBasePath;
+  }
+  if (normalizedTargetPath.startsWith("/admin/")) {
+    return `${normalizedBasePath}${normalizedTargetPath.slice("/admin".length)}`;
+  }
+  if (normalizedTargetPath === normalizedBasePath || normalizedTargetPath.startsWith(`${normalizedBasePath}/`)) {
+    return normalizedTargetPath;
+  }
+  if (normalizedTargetPath === "/") {
+    return normalizedBasePath;
+  }
+  return `${normalizedBasePath}${normalizedTargetPath}`;
+};
+var useAdminBasePath = (fallback = DEFAULT_ADMIN_BASE_PATH) => {
+  const [adminBasePath, setAdminBasePath] = useState6(normalizeAdminBasePath(fallback));
+  useEffect6(() => {
+    const update = () => {
+      setAdminBasePath(detectAdminBasePath(window.location.pathname, fallback));
+    };
+    update();
+    window.addEventListener("popstate", update);
+    return () => window.removeEventListener("popstate", update);
+  }, [fallback]);
+  return adminBasePath;
+};
 
 // src/shared/studioSections.ts
 var studioRoles = /* @__PURE__ */ new Set(["admin", "editor", "client"]);
 var studioIcons = new Set(adminNavIcons);
 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 isAbsoluteExternalURL2 = (value) => /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(value) || value.startsWith("//");
 var normalizePathLikeValue = (value) => {
   const trimmed = value.trim();
   if (!trimmed) {
     return "";
   }
-  if (isAbsoluteExternalURL(trimmed)) {
+  if (isAbsoluteExternalURL2(trimmed)) {
     return trimmed;
   }
   const withLeadingSlash = trimmed.startsWith("/") ? trimmed : `/${trimmed}`;
@@ -1279,86 +1410,6 @@ var resolveStudioSections = (value) => {
   return sections;
 };
 
-// src/admin/components/studio/adminPathUtils.ts
-import { useEffect as useEffect5, useState as useState5 } from "react";
-var DEFAULT_ADMIN_BASE_PATH = "/admin";
-var normalizePath = (value) => {
-  if (!value || value === "/") return "/";
-  const withLeadingSlash = value.startsWith("/") ? value : `/${value}`;
-  const trimmed = withLeadingSlash.replace(/\/+$/, "");
-  return trimmed.length > 0 ? trimmed : "/";
-};
-var normalizeAdminBasePath = (value) => {
-  const normalized = normalizePath(value);
-  return normalized === "/" ? DEFAULT_ADMIN_BASE_PATH : normalized;
-};
-var detectAdminBasePath = (pathname, fallback = DEFAULT_ADMIN_BASE_PATH) => {
-  const normalizedPathname = normalizePath(pathname);
-  const normalizedFallback = normalizeAdminBasePath(fallback);
-  const markers = [
-    "/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] = useState5(normalizeAdminBasePath(fallback));
-  useEffect5(() => {
-    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/StudioSectionLayout.tsx
-import { useLayoutEffect as useLayoutEffect2, useMemo } from "react";
-import { usePathname, useRouter } from "next/navigation";
-import { useAuth } from "@payloadcms/ui";
-
 // src/admin/components/studio/studioNavModel.ts
 var getPropString = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
@@ -1432,7 +1483,7 @@ var buildStudioNavItems = (props, adminBasePath) => {
   const resolvedGlobalsExtraMatchPrefixes = globalsExtraMatchPrefixes.map(
     (prefix) => resolveAdminPath(adminBasePath, prefix)
   );
-  const baseItems = [
+  const baseItemsBeforeTools = [
     {
       href: adminBasePath,
       icon: "dashboard",
@@ -1473,15 +1524,15 @@ var buildStudioNavItems = (props, adminBasePath) => {
       icon: "media",
       label: "Media",
       matchPrefixes: [mediaPath, resolveAdminPath(adminBasePath, `/collections/${mediaCollectionSlug}`)]
-    },
-    {
-      href: toolsPath,
-      icon: "tools",
-      label: "Admin Tools",
-      matchPrefixes: [toolsPath, resolveAdminPath(adminBasePath, "/collections/users")],
-      roles: ["admin"]
     }
   ];
+  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 } : {},
@@ -1489,7 +1540,7 @@ var buildStudioNavItems = (props, adminBasePath) => {
     matchPrefixes: section.matchPrefixes.map((prefix) => resolveAdminPath(adminBasePath, prefix)),
     roles: section.roles
   }));
-  return [...baseItems, ...extensionItems];
+  return [...baseItemsBeforeTools, ...extensionItems, adminToolsItem];
 };
 var isStudioShellRoute = (pathname, props, adminBasePath) => {
   const globalsBasePath = getPropString(props, "globalsBasePath", "/globals");
@@ -1516,30 +1567,205 @@ var isStudioShellRoute = (pathname, props, adminBasePath) => {
   return shellPrefixes.some((prefix) => pathname === prefix || pathname.startsWith(`${prefix}/`));
 };
 
-// src/admin/components/studio/StudioSectionLayout.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
-function StudioSectionLayout({ children, navProps }) {
-  const { user } = useAuth();
-  const pathname = usePathname() || "";
-  const router = useRouter();
-  const adminBasePath = useAdminBasePath();
-  const defaultBrandName = getPropString(navProps, "brandName", "Orion Studio");
-  const defaultLogoUrl = getPropString(navProps, "logoUrl", "");
-  const navItems = useMemo(
-    () => buildStudioNavItems(navProps, adminBasePath),
-    [adminBasePath, navProps]
-  );
-  const branding = useSiteBranding(defaultBrandName, defaultLogoUrl || void 0);
-  useLayoutEffect2(() => {
-    document.body.classList.add("orion-studio-shell-active");
-    return () => {
-      document.body.classList.remove("orion-studio-shell-active");
-    };
-  }, []);
-  const logout = useMemo(
-    () => async () => {
-      await fetch("/api/users/logout", {
-        credentials: "include",
+// src/admin/components/studio/AdminStudioNav.tsx
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+var iconSize2 = 18;
+function NavIcon({ sectionID }) {
+  const props = {
+    fill: "none",
+    height: iconSize2,
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    viewBox: "0 0 24 24",
+    width: iconSize2
+  };
+  switch (sectionID) {
+    case "dashboard":
+      return /* @__PURE__ */ jsxs11("svg", { ...props, children: [
+        /* @__PURE__ */ jsx12("rect", { x: "3", y: "3", width: "7", height: "9", rx: "1" }),
+        /* @__PURE__ */ jsx12("rect", { x: "14", y: "3", width: "7", height: "5", rx: "1" }),
+        /* @__PURE__ */ jsx12("rect", { x: "14", y: "12", width: "7", height: "9", rx: "1" }),
+        /* @__PURE__ */ jsx12("rect", { x: "3", y: "16", width: "7", height: "5", rx: "1" })
+      ] });
+    case "pages":
+      return /* @__PURE__ */ jsxs11("svg", { ...props, children: [
+        /* @__PURE__ */ jsx12("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z" }),
+        /* @__PURE__ */ jsx12("polyline", { points: "14 2 14 8 20 8" }),
+        /* @__PURE__ */ jsx12("line", { x1: "8", y1: "13", x2: "16", y2: "13" }),
+        /* @__PURE__ */ jsx12("line", { x1: "8", y1: "17", x2: "12", y2: "17" })
+      ] });
+    case "forms":
+      return /* @__PURE__ */ jsxs11("svg", { ...props, children: [
+        /* @__PURE__ */ jsx12("path", { d: "M9 3h6" }),
+        /* @__PURE__ */ jsx12("path", { d: "M12 3v18" }),
+        /* @__PURE__ */ jsx12("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__ */ jsx12("path", { d: "M7 11h10" }),
+        /* @__PURE__ */ jsx12("path", { d: "M7 15h6" })
+      ] });
+    case "globals":
+      return /* @__PURE__ */ jsxs11("svg", { ...props, children: [
+        /* @__PURE__ */ jsx12("circle", { cx: "12", cy: "12", r: "3" }),
+        /* @__PURE__ */ jsx12("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__ */ jsxs11("svg", { ...props, children: [
+        /* @__PURE__ */ jsx12("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsx12("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+        /* @__PURE__ */ jsx12("polyline", { points: "21 15 16 10 5 21" })
+      ] });
+    case "analytics":
+      return /* @__PURE__ */ jsxs11("svg", { ...props, children: [
+        /* @__PURE__ */ jsx12("path", { d: "M4 19V5" }),
+        /* @__PURE__ */ jsx12("path", { d: "M10 19V10" }),
+        /* @__PURE__ */ jsx12("path", { d: "M16 19v-6" }),
+        /* @__PURE__ */ jsx12("path", { d: "M22 19V3" })
+      ] });
+    case "admin-tools":
+      return /* @__PURE__ */ jsx12("svg", { ...props, children: /* @__PURE__ */ jsx12("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" }) });
+    default:
+      return null;
+  }
+}
+function AdminStudioNav(props) {
+  const { user } = useAuth();
+  const brandName = getPropString(props, "brandName", "Orion Studio");
+  const logoUrl = getPropString(props, "logoUrl", "");
+  const compact = getPropBoolean(props, "compact", false);
+  const adminBasePath = useAdminBasePath();
+  const pathname = usePathname() || "";
+  const branding = useSiteBranding(brandName, logoUrl || void 0);
+  const resolvedName = branding.siteName || brandName;
+  const dashboardPath = adminBasePath;
+  const userRole = readUserRole(user);
+  const links = useMemo(() => buildStudioNavItems(props, adminBasePath), [adminBasePath, props]);
+  if (isStudioShellRoute(pathname, props, adminBasePath)) {
+    return null;
+  }
+  const linkStyle = (active) => ({
+    alignItems: "center",
+    background: active ? "var(--theme-elevation-100)" : "transparent",
+    borderRadius: 10,
+    color: "var(--theme-elevation-900)",
+    display: "flex",
+    fontSize: "0.95rem",
+    fontWeight: active ? 800 : 650,
+    justifyContent: compact ? "center" : "flex-start",
+    minHeight: 40,
+    padding: compact ? "0.6rem" : "0.6rem 0.75rem",
+    textDecoration: "none"
+  });
+  return /* @__PURE__ */ jsxs11(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "0.85rem",
+        height: "100%",
+        padding: compact ? "0.8rem 0.5rem" : "1rem 0.85rem"
+      },
+      children: [
+        /* @__PURE__ */ jsxs11("div", { className: "admin-studio-brand", style: { padding: compact ? "0" : "0 0.35rem 0 2.4rem" }, children: [
+          branding.logoUrl ? /* @__PURE__ */ jsx12(
+            "div",
+            {
+              style: {
+                borderRadius: 8,
+                height: compact ? 34 : 40,
+                marginBottom: compact ? 0 : "0.35rem",
+                overflow: "hidden",
+                width: compact ? 34 : 40
+              },
+              children: /* @__PURE__ */ jsx12("img", { alt: `${resolvedName} logo`, src: branding.logoUrl, style: { height: "100%", objectFit: "cover", width: "100%" } })
+            }
+          ) : null,
+          /* @__PURE__ */ jsx12(
+            "div",
+            {
+              style: {
+                fontSize: compact ? "0.95rem" : "1.05rem",
+                fontWeight: 900,
+                letterSpacing: "-0.01em",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap"
+              },
+              title: resolvedName,
+              children: compact ? resolvedName.slice(0, 1).toUpperCase() : resolvedName
+            }
+          ),
+          !compact ? /* @__PURE__ */ jsx12("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.85rem" }, children: "Studio" }) : null
+        ] }),
+        /* @__PURE__ */ jsx12("nav", { style: { display: "grid", gap: "0.25rem" }, children: links.filter((link) => !link.roles || userRole && link.roles.includes(userRole)).map((link) => {
+          const active = link.href === dashboardPath ? pathname === dashboardPath : link.matchPrefixes.some((prefix) => pathname.startsWith(prefix));
+          return /* @__PURE__ */ jsx12("a", { href: link.href, style: linkStyle(active), title: link.label, children: (() => {
+            const icon = /* @__PURE__ */ jsx12(
+              NavIcon,
+              {
+                sectionID: link.icon === "tools" ? "admin-tools" : link.icon || ""
+              }
+            );
+            if (compact) {
+              return icon || link.label.slice(0, 1);
+            }
+            return /* @__PURE__ */ jsxs11("span", { style: { alignItems: "center", display: "inline-flex", gap: "0.6rem" }, children: [
+              icon,
+              /* @__PURE__ */ jsx12("span", { children: link.label })
+            ] });
+          })() }, link.href);
+        }) }),
+        /* @__PURE__ */ jsx12("div", { style: { flex: 1 } }),
+        /* @__PURE__ */ jsxs11(
+          "div",
+          {
+            style: {
+              borderTop: "1px solid var(--theme-elevation-150)",
+              paddingTop: "0.85rem",
+              textAlign: compact ? "center" : "left"
+            },
+            children: [
+              !compact ? /* @__PURE__ */ jsxs11(Fragment2, { children: [
+                /* @__PURE__ */ jsx12("div", { style: { color: "var(--theme-elevation-700)", fontSize: "0.85rem" }, children: "Signed in as" }),
+                /* @__PURE__ */ jsx12("div", { style: { fontWeight: 800, marginBottom: "0.55rem" }, children: typeof user?.email === "string" ? user.email : "User" })
+              ] }) : null,
+              /* @__PURE__ */ jsx12(Logout, {})
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/admin/components/studio/StudioSectionLayout.tsx
+import { useLayoutEffect as useLayoutEffect2, useMemo as useMemo2 } from "react";
+import { usePathname as usePathname2, useRouter } from "next/navigation";
+import { useAuth as useAuth2 } from "@payloadcms/ui";
+import { jsx as jsx13 } from "react/jsx-runtime";
+function StudioSectionLayout({ children, navProps }) {
+  const { user } = useAuth2();
+  const pathname = usePathname2() || "";
+  const router = useRouter();
+  const adminBasePath = useAdminBasePath();
+  const defaultBrandName = getPropString(navProps, "brandName", "Orion Studio");
+  const defaultLogoUrl = getPropString(navProps, "logoUrl", "");
+  const navItems = useMemo2(
+    () => buildStudioNavItems(navProps, adminBasePath),
+    [adminBasePath, navProps]
+  );
+  const branding = useSiteBranding(defaultBrandName, defaultLogoUrl || void 0);
+  useLayoutEffect2(() => {
+    document.body.classList.add("orion-studio-shell-active");
+    return () => {
+      document.body.classList.remove("orion-studio-shell-active");
+    };
+  }, []);
+  const logout = useMemo2(
+    () => async () => {
+      await fetch("/api/users/logout", {
+        credentials: "include",
         method: "POST"
       });
       router.push(resolveAdminPath(adminBasePath, "/login"));
@@ -1563,8 +1789,677 @@ function StudioSectionLayout({ children, navProps }) {
   );
 }
 
-// src/admin/components/studio/AdminStudioDashboard.tsx
+// src/admin-app/components/AdminBreadcrumbs.tsx
 import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+function AdminBreadcrumbs({ items }) {
+  return /* @__PURE__ */ jsx14("nav", { "aria-label": "Breadcrumb", className: "orion-admin-breadcrumbs", children: items.map((item, index) => {
+    const isLast = index === items.length - 1;
+    return /* @__PURE__ */ jsxs12("span", { children: [
+      item.href && !isLast ? /* @__PURE__ */ jsx14("a", { href: item.href, children: item.label }) : /* @__PURE__ */ jsx14("span", { children: item.label }),
+      !isLast ? /* @__PURE__ */ jsx14("span", { className: "orion-admin-breadcrumb-sep", children: "/" }) : null
+    ] }, `${item.label}-${index}`);
+  }) });
+}
+
+// src/admin-app/components/AdminPage.tsx
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+function AdminPage({ title, description, breadcrumbs, actions, children }) {
+  return /* @__PURE__ */ jsxs13("div", { className: "orion-admin-page", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "orion-admin-page-header", children: [
+      /* @__PURE__ */ jsx15(AdminBreadcrumbs, { items: breadcrumbs }),
+      /* @__PURE__ */ jsxs13("div", { className: "orion-admin-page-title-row", children: [
+        /* @__PURE__ */ jsxs13("div", { children: [
+          /* @__PURE__ */ jsx15("h1", { children: title }),
+          description ? /* @__PURE__ */ jsx15("p", { children: description }) : null
+        ] }),
+        actions ? /* @__PURE__ */ jsx15("div", { className: "orion-admin-page-actions", children: actions }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx15("div", { className: "orion-admin-page-content", children })
+  ] });
+}
+
+// src/admin/components/studio/AdminStudioDashboardClient.tsx
+import { startTransition, useEffect as useEffect7, useMemo as useMemo3, useState as useState7 } from "react";
+import Link from "next/link";
+import { jsx as jsx16, jsxs as jsxs14 } from "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 formatRelativeTime2 = (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(path) {
+  const response = await fetch(path, {
+    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__ */ jsx16("div", { className: "orion-dashboard-inline-note", children: message });
+}
+function EmptyState2({
+  body,
+  title
+}) {
+  return /* @__PURE__ */ jsxs14("div", { className: "orion-dashboard-empty-state", children: [
+    /* @__PURE__ */ jsx16("strong", { children: title }),
+    /* @__PURE__ */ jsx16("span", { children: body })
+  ] });
+}
+function SnapshotMetric({ card }) {
+  return /* @__PURE__ */ jsxs14("article", { className: "orion-dashboard-snapshot-card", children: [
+    /* @__PURE__ */ jsx16("span", { className: "orion-dashboard-snapshot-kicker", children: card.kicker }),
+    /* @__PURE__ */ jsx16("strong", { children: card.value }),
+    /* @__PURE__ */ jsx16("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] = useState7(
+    () => formsEnabled && canReviewForms(role) ? {
+      forms: { status: "loading" },
+      media: { status: "loading" },
+      pages: { status: "loading" }
+    } : loadingState
+  );
+  useEffect7(() => {
+    let cancelled = false;
+    const run = async () => {
+      const includeForms = formsEnabled && canReviewForms(role);
+      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;
+      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 = useMemo3(
+    () => sectionLinks.filter((section) => canAccess(role, section.roles)),
+    [role, sectionLinks]
+  );
+  const activityItems = useMemo3(() => {
+    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 = useMemo3(() => {
+    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 = useMemo3(() => {
+    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 = useMemo3(() => {
+    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__ */ jsxs14("div", { className: "orion-dashboard-layout", children: [
+    /* @__PURE__ */ jsxs14("section", { className: "orion-dashboard-panel orion-dashboard-panel--attention", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "orion-dashboard-panel-header", children: [
+        /* @__PURE__ */ jsxs14("div", { children: [
+          /* @__PURE__ */ jsx16("span", { className: "orion-dashboard-panel-kicker", children: attentionTitle }),
+          /* @__PURE__ */ jsx16("h2", { children: attentionDescription })
+        ] }),
+        /* @__PURE__ */ jsx16("span", { className: "orion-dashboard-panel-meta", children: "Last 7 days" })
+      ] }),
+      attentionItems.length > 0 ? /* @__PURE__ */ jsx16("div", { className: "orion-dashboard-attention-list", children: attentionItems.map(
+        (item) => item.href ? /* @__PURE__ */ jsxs14(
+          Link,
+          {
+            className: ["orion-dashboard-attention-item", item.tone ? `is-${item.tone}` : ""].filter(Boolean).join(" "),
+            href: item.href,
+            children: [
+              /* @__PURE__ */ jsx16("strong", { children: item.label }),
+              /* @__PURE__ */ jsx16("span", { children: "Open" })
+            ]
+          },
+          item.id
+        ) : /* @__PURE__ */ jsx16(
+          "div",
+          {
+            className: ["orion-dashboard-attention-item", item.tone ? `is-${item.tone}` : ""].filter(Boolean).join(" "),
+            children: /* @__PURE__ */ jsx16("strong", { children: item.label })
+          },
+          item.id
+        )
+      ) }) : state.pages.status === "loading" || state.media.status === "loading" ? /* @__PURE__ */ jsx16(ModuleStatus, { message: "Loading attention items..." }) : /* @__PURE__ */ jsx16(
+        EmptyState2,
+        {
+          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__ */ jsxs14("section", { className: "orion-dashboard-panel orion-dashboard-panel--actions", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "orion-dashboard-panel-header", children: [
+        /* @__PURE__ */ jsxs14("div", { children: [
+          /* @__PURE__ */ jsx16("span", { className: "orion-dashboard-panel-kicker", children: "Quick Actions" }),
+          /* @__PURE__ */ jsx16("h2", { children: "Jump into the work that matters most." })
+        ] }),
+        /* @__PURE__ */ jsxs14("span", { className: "orion-dashboard-panel-meta", children: [
+          role || "studio",
+          " mode"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx16("div", { className: "orion-dashboard-action-list", children: primaryActions.map((action) => /* @__PURE__ */ jsxs14(
+        Link,
+        {
+          className: [
+            "orion-dashboard-action",
+            action.tone === "ghost" ? "is-ghost" : action.tone === "soft" ? "is-soft" : ""
+          ].filter(Boolean).join(" "),
+          href: action.href,
+          children: [
+            /* @__PURE__ */ jsx16("strong", { children: action.label }),
+            /* @__PURE__ */ jsx16("span", { children: action.description })
+          ]
+        },
+        action.label
+      )) }),
+      /* @__PURE__ */ jsxs14("div", { className: "orion-dashboard-workspace-strip", children: [
+        /* @__PURE__ */ jsx16("span", { className: "orion-dashboard-workspace-label", children: "Workspace" }),
+        /* @__PURE__ */ jsx16("div", { className: "orion-dashboard-workspace-pills", children: visibleWorkspaceLinks.map((section) => /* @__PURE__ */ jsx16(Link, { className: "orion-dashboard-workspace-pill", href: section.href, children: section.label }, section.id)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs14("section", { className: "orion-dashboard-panel orion-dashboard-panel--activity", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "orion-dashboard-panel-header", children: [
+        /* @__PURE__ */ jsxs14("div", { children: [
+          /* @__PURE__ */ jsx16("span", { className: "orion-dashboard-panel-kicker", children: "Recent Activity" }),
+          /* @__PURE__ */ jsx16("h2", { children: "The freshest edits, responses, and uploads across the studio." })
+        ] }),
+        /* @__PURE__ */ jsxs14("span", { className: "orion-dashboard-panel-meta", children: [
+          activityItems.length,
+          " items"
+        ] })
+      ] }),
+      activityItems.length > 0 ? /* @__PURE__ */ jsx16("div", { className: "orion-dashboard-activity-list", children: activityItems.map((item) => /* @__PURE__ */ jsxs14(Link, { className: `orion-dashboard-activity-item is-${item.kind}`, href: item.href, children: [
+        /* @__PURE__ */ jsxs14("div", { className: "orion-dashboard-activity-copy", children: [
+          /* @__PURE__ */ jsxs14("div", { className: "orion-dashboard-activity-topline", children: [
+            /* @__PURE__ */ jsx16("strong", { children: item.title }),
+            /* @__PURE__ */ jsx16("span", { children: formatRelativeTime2(item.timestamp) })
+          ] }),
+          /* @__PURE__ */ jsx16("p", { children: item.meta })
+        ] }),
+        /* @__PURE__ */ jsx16("span", { className: "orion-dashboard-activity-pill", children: item.label })
+      ] }, item.id)) }) : state.pages.status === "loading" || state.media.status === "loading" ? /* @__PURE__ */ jsx16(ModuleStatus, { message: "Loading activity feed..." }) : /* @__PURE__ */ jsx16(
+        EmptyState2,
+        {
+          body: "Recent page edits, submissions, and uploads will start stacking here as soon as the team gets moving.",
+          title: "No recent activity yet"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs14("section", { className: "orion-dashboard-panel orion-dashboard-panel--snapshot", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "orion-dashboard-panel-header", children: [
+        /* @__PURE__ */ jsxs14("div", { children: [
+          /* @__PURE__ */ jsx16("span", { className: "orion-dashboard-panel-kicker", children: "Business Snapshot" }),
+          /* @__PURE__ */ jsx16("h2", { children: "A compact read on content momentum and performance." })
+        ] }),
+        /* @__PURE__ */ jsx16("span", { className: "orion-dashboard-panel-meta", children: "30-day lens" })
+      ] }),
+      /* @__PURE__ */ jsxs14("div", { className: "orion-dashboard-snapshot-grid", children: [
+        snapshotCards.map((card) => /* @__PURE__ */ jsx16(SnapshotMetric, { card }, card.kicker)),
+        children
+      ] }),
+      state.pages.status === "error" || state.media.status === "error" ? /* @__PURE__ */ jsx16("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/AdminStudioDashboard.tsx
+import { jsx as jsx17 } from "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];
@@ -1597,237 +2492,165 @@ var getPropSections2 = (props) => {
   }
   return [];
 };
-function AdminStudioDashboard(props) {
+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 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 AdminStudioDashboard(rawProps) {
+  const props = rawProps || {};
   const formsEnabled = getPropBoolean2(props, "formsEnabled", false);
   const globalsBasePath = getPropString2(props, "globalsBasePath", "/globals");
   const sections = getPropSections2(props);
-  const adminBasePath = useAdminBasePath();
-  const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
-  const formsPath = resolveAdminPath(adminBasePath, "/forms");
-  const pagesPath = resolveAdminPath(adminBasePath, "/pages");
-  const mediaPath = resolveAdminPath(adminBasePath, "/media");
-  const toolsPath = resolveAdminPath(adminBasePath, "/tools");
-  const extensionCards = sections.filter((section) => section.card).map((section) => ({
-    href: resolveAdminPath(adminBasePath, section.href),
-    title: section.card?.title || section.label,
-    description: section.card?.description || ""
-  }));
-  return /* @__PURE__ */ jsx14(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsx14(
+  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 userRole = readUserRole2(props);
+  const navProps = {
+    brandName: getPropString2(props, "brandName", "Orion Studio"),
+    formSubmissionsCollectionSlug,
+    formsCollectionSlug,
+    formsEnabled,
+    globalsBasePath,
+    logoUrl: getPropString2(props, "logoUrl", ""),
+    mediaCollectionSlug,
+    pagesCollectionSlug,
+    sections
+  };
+  return /* @__PURE__ */ jsx17(StudioSectionLayout, { navProps, children: /* @__PURE__ */ jsx17(
     AdminPage,
     {
       breadcrumbs: [{ label: "Dashboard" }],
-      description: "Pick what you want to manage.",
+      description: "What needs attention, what changed recently, and how the site is performing.",
       title: "Studio",
-      children: /* @__PURE__ */ jsxs12("div", { className: "orion-admin-grid", children: [
-        /* @__PURE__ */ jsxs12(Link, { className: "orion-admin-card", href: pagesPath, children: [
-          /* @__PURE__ */ jsx14("strong", { children: "Pages" }),
-          /* @__PURE__ */ jsx14("span", { children: "Manage and edit site pages in the custom builder." })
-        ] }),
-        formsEnabled ? /* @__PURE__ */ jsxs12(Link, { className: "orion-admin-card", href: formsPath, children: [
-          /* @__PURE__ */ jsx14("strong", { children: "Forms" }),
-          /* @__PURE__ */ jsx14("span", { children: "Review forms, submissions, and uploaded files." })
-        ] }) : null,
-        extensionCards.map((card) => /* @__PURE__ */ jsxs12(Link, { className: "orion-admin-card", href: card.href, children: [
-          /* @__PURE__ */ jsx14("strong", { children: card.title }),
-          /* @__PURE__ */ jsx14("span", { children: card.description })
-        ] }, card.href)),
-        /* @__PURE__ */ jsxs12(Link, { className: "orion-admin-card", href: resolvedGlobalsBasePath, children: [
-          /* @__PURE__ */ jsx14("strong", { children: "Globals" }),
-          /* @__PURE__ */ jsx14("span", { children: "Update site settings, navigation, footer, social links, and form settings." })
-        ] }),
-        /* @__PURE__ */ jsxs12(Link, { className: "orion-admin-card", href: mediaPath, children: [
-          /* @__PURE__ */ jsx14("strong", { children: "Media" }),
-          /* @__PURE__ */ jsx14("span", { children: "Upload and manage all site media assets." })
-        ] }),
-        /* @__PURE__ */ jsxs12(Link, { className: "orion-admin-card", href: toolsPath, children: [
-          /* @__PURE__ */ jsx14("strong", { children: "Admin Tools" }),
-          /* @__PURE__ */ jsx14("span", { children: "Manage users, roles, and system fallback links." })
-        ] })
-      ] })
+      children: /* @__PURE__ */ jsx17(
+        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
+        }
+      )
     }
   ) });
 }
 
-// src/admin/components/studio/AdminStudioNav.tsx
-import { useMemo as useMemo2 } from "react";
-import { usePathname as usePathname2 } from "next/navigation";
-import { Logout, useAuth as useAuth2 } from "@payloadcms/ui";
-import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
-var iconSize2 = 18;
-function NavIcon({ sectionID }) {
-  const props = {
-    fill: "none",
-    height: iconSize2,
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2,
-    viewBox: "0 0 24 24",
-    width: iconSize2
-  };
-  switch (sectionID) {
-    case "dashboard":
-      return /* @__PURE__ */ jsxs13("svg", { ...props, children: [
-        /* @__PURE__ */ jsx15("rect", { x: "3", y: "3", width: "7", height: "9", rx: "1" }),
-        /* @__PURE__ */ jsx15("rect", { x: "14", y: "3", width: "7", height: "5", rx: "1" }),
-        /* @__PURE__ */ jsx15("rect", { x: "14", y: "12", width: "7", height: "9", rx: "1" }),
-        /* @__PURE__ */ jsx15("rect", { x: "3", y: "16", width: "7", height: "5", rx: "1" })
-      ] });
-    case "pages":
-      return /* @__PURE__ */ jsxs13("svg", { ...props, children: [
-        /* @__PURE__ */ jsx15("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z" }),
-        /* @__PURE__ */ jsx15("polyline", { points: "14 2 14 8 20 8" }),
-        /* @__PURE__ */ jsx15("line", { x1: "8", y1: "13", x2: "16", y2: "13" }),
-        /* @__PURE__ */ jsx15("line", { x1: "8", y1: "17", x2: "12", y2: "17" })
-      ] });
-    case "forms":
-      return /* @__PURE__ */ jsxs13("svg", { ...props, children: [
-        /* @__PURE__ */ jsx15("path", { d: "M9 3h6" }),
-        /* @__PURE__ */ jsx15("path", { d: "M12 3v18" }),
-        /* @__PURE__ */ jsx15("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__ */ jsx15("path", { d: "M7 11h10" }),
-        /* @__PURE__ */ jsx15("path", { d: "M7 15h6" })
-      ] });
-    case "globals":
-      return /* @__PURE__ */ jsxs13("svg", { ...props, children: [
-        /* @__PURE__ */ jsx15("circle", { cx: "12", cy: "12", r: "3" }),
-        /* @__PURE__ */ jsx15("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__ */ jsxs13("svg", { ...props, children: [
-        /* @__PURE__ */ jsx15("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
-        /* @__PURE__ */ jsx15("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
-        /* @__PURE__ */ jsx15("polyline", { points: "21 15 16 10 5 21" })
-      ] });
-    case "analytics":
-      return /* @__PURE__ */ jsxs13("svg", { ...props, children: [
-        /* @__PURE__ */ jsx15("path", { d: "M4 19V5" }),
-        /* @__PURE__ */ jsx15("path", { d: "M10 19V10" }),
-        /* @__PURE__ */ jsx15("path", { d: "M16 19v-6" }),
-        /* @__PURE__ */ jsx15("path", { d: "M22 19V3" })
-      ] });
-    case "admin-tools":
-      return /* @__PURE__ */ jsx15("svg", { ...props, children: /* @__PURE__ */ jsx15("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" }) });
-    default:
-      return null;
-  }
-}
-function AdminStudioNav(props) {
-  const { user } = useAuth2();
-  const brandName = getPropString(props, "brandName", "Orion Studio");
-  const logoUrl = getPropString(props, "logoUrl", "");
-  const compact = getPropBoolean(props, "compact", false);
-  const adminBasePath = useAdminBasePath();
-  const pathname = usePathname2() || "";
-  const branding = useSiteBranding(brandName, logoUrl || void 0);
-  const resolvedName = branding.siteName || brandName;
-  const dashboardPath = adminBasePath;
-  const userRole = readUserRole(user);
-  const links = useMemo2(() => buildStudioNavItems(props, adminBasePath), [adminBasePath, props]);
-  if (isStudioShellRoute(pathname, props, adminBasePath)) {
-    return null;
-  }
-  const linkStyle = (active) => ({
-    alignItems: "center",
-    background: active ? "var(--theme-elevation-100)" : "transparent",
-    borderRadius: 10,
-    color: "var(--theme-elevation-900)",
-    display: "flex",
-    fontSize: "0.95rem",
-    fontWeight: active ? 800 : 650,
-    justifyContent: compact ? "center" : "flex-start",
-    minHeight: 40,
-    padding: compact ? "0.6rem" : "0.6rem 0.75rem",
-    textDecoration: "none"
-  });
-  return /* @__PURE__ */ jsxs13(
-    "div",
-    {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        gap: "0.85rem",
-        height: "100%",
-        padding: compact ? "0.8rem 0.5rem" : "1rem 0.85rem"
-      },
-      children: [
-        /* @__PURE__ */ jsxs13("div", { className: "admin-studio-brand", style: { padding: compact ? "0" : "0 0.35rem 0 2.4rem" }, children: [
-          branding.logoUrl ? /* @__PURE__ */ jsx15(
-            "div",
-            {
-              style: {
-                borderRadius: 8,
-                height: compact ? 34 : 40,
-                marginBottom: compact ? 0 : "0.35rem",
-                overflow: "hidden",
-                width: compact ? 34 : 40
-              },
-              children: /* @__PURE__ */ jsx15("img", { alt: `${resolvedName} logo`, src: branding.logoUrl, style: { height: "100%", objectFit: "cover", width: "100%" } })
-            }
-          ) : null,
-          /* @__PURE__ */ jsx15(
-            "div",
-            {
-              style: {
-                fontSize: compact ? "0.95rem" : "1.05rem",
-                fontWeight: 900,
-                letterSpacing: "-0.01em",
-                overflow: "hidden",
-                textOverflow: "ellipsis",
-                whiteSpace: "nowrap"
-              },
-              title: resolvedName,
-              children: compact ? resolvedName.slice(0, 1).toUpperCase() : resolvedName
-            }
-          ),
-          !compact ? /* @__PURE__ */ jsx15("div", { style: { color: "var(--theme-elevation-600)", fontSize: "0.85rem" }, children: "Studio" }) : null
-        ] }),
-        /* @__PURE__ */ jsx15("nav", { style: { display: "grid", gap: "0.25rem" }, children: links.filter((link) => !link.roles || userRole && link.roles.includes(userRole)).map((link) => {
-          const active = link.href === dashboardPath ? pathname === dashboardPath : link.matchPrefixes.some((prefix) => pathname.startsWith(prefix));
-          return /* @__PURE__ */ jsx15("a", { href: link.href, style: linkStyle(active), title: link.label, children: (() => {
-            const icon = /* @__PURE__ */ jsx15(
-              NavIcon,
-              {
-                sectionID: link.icon === "tools" ? "admin-tools" : link.icon || ""
-              }
-            );
-            if (compact) {
-              return icon || link.label.slice(0, 1);
-            }
-            return /* @__PURE__ */ jsxs13("span", { style: { alignItems: "center", display: "inline-flex", gap: "0.6rem" }, children: [
-              icon,
-              /* @__PURE__ */ jsx15("span", { children: link.label })
-            ] });
-          })() }, link.href);
-        }) }),
-        /* @__PURE__ */ jsx15("div", { style: { flex: 1 } }),
-        /* @__PURE__ */ jsxs13(
-          "div",
-          {
-            style: {
-              borderTop: "1px solid var(--theme-elevation-150)",
-              paddingTop: "0.85rem",
-              textAlign: compact ? "center" : "left"
-            },
-            children: [
-              !compact ? /* @__PURE__ */ jsxs13(Fragment2, { children: [
-                /* @__PURE__ */ jsx15("div", { style: { color: "var(--theme-elevation-700)", fontSize: "0.85rem" }, children: "Signed in as" }),
-                /* @__PURE__ */ jsx15("div", { style: { fontWeight: 800, marginBottom: "0.55rem" }, children: typeof user?.email === "string" ? user.email : "User" })
-              ] }) : null,
-              /* @__PURE__ */ jsx15(Logout, {})
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-
 // src/admin/components/studio/AdminStudioPagesListView.tsx
-import { useEffect as useEffect6, useMemo as useMemo3, useState as useState6 } from "react";
+import { useEffect as useEffect8, useMemo as useMemo4, useState as useState8 } from "react";
 import Link2 from "next/link";
 import { useAuth as useAuth3 } from "@payloadcms/ui";
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var isAdmin = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
@@ -1849,10 +2672,10 @@ function AdminStudioPagesListView(props) {
   const pagesCollectionSlug = getPropString3(props, "pagesCollectionSlug", "pages");
   const adminBasePath = useAdminBasePath();
   const newPagePath = resolveAdminPath(adminBasePath, "/pages/new");
-  const [loading, setLoading] = useState6(true);
-  const [error, setError] = useState6(null);
-  const [docs, setDocs] = useState6([]);
-  const apiURL = useMemo3(() => {
+  const [loading, setLoading] = useState8(true);
+  const [error, setError] = useState8(null);
+  const [docs, setDocs] = useState8([]);
+  const apiURL = useMemo4(() => {
     const params = new URLSearchParams({
       depth: "0",
       limit: "100",
@@ -1861,7 +2684,7 @@ function AdminStudioPagesListView(props) {
     });
     return `/api/${pagesCollectionSlug}?${params.toString()}`;
   }, [pagesCollectionSlug]);
-  useEffect6(() => {
+  useEffect8(() => {
     let cancelled = false;
     const run = async () => {
       setLoading(true);
@@ -1891,10 +2714,10 @@ function AdminStudioPagesListView(props) {
       cancelled = true;
     };
   }, [apiURL]);
-  return /* @__PURE__ */ jsx16(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsx18(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs15(
     AdminPage,
     {
-      actions: isAdmin(user) ? /* @__PURE__ */ jsx16(Link2, { className: "orion-admin-action-button", href: newPagePath, children: "New Page" }) : null,
+      actions: isAdmin(user) ? /* @__PURE__ */ jsx18(Link2, { className: "orion-admin-action-button", href: newPagePath, children: "New Page" }) : null,
       breadcrumbs: [
         { label: "Dashboard", href: adminBasePath },
         { label: "Pages" }
@@ -1902,21 +2725,21 @@ function AdminStudioPagesListView(props) {
       description: "Open a page to edit it in the inline custom builder.",
       title: "Pages",
       children: [
-        loading ? /* @__PURE__ */ jsx16("div", { className: "orion-admin-list-meta", children: "Loading..." }) : null,
-        error ? /* @__PURE__ */ jsx16("div", { className: "orion-admin-error", children: error }) : null,
-        /* @__PURE__ */ jsxs14("div", { className: "orion-admin-list", children: [
-          !loading && !error && docs.length === 0 ? /* @__PURE__ */ jsxs14("div", { className: "orion-admin-card", children: [
-            /* @__PURE__ */ jsx16("strong", { children: "No pages yet" }),
-            /* @__PURE__ */ jsx16("span", { children: "Create the first page to start building content." })
+        loading ? /* @__PURE__ */ jsx18("div", { className: "orion-admin-list-meta", children: "Loading..." }) : null,
+        error ? /* @__PURE__ */ jsx18("div", { className: "orion-admin-error", children: error }) : null,
+        /* @__PURE__ */ jsxs15("div", { className: "orion-admin-list", children: [
+          !loading && !error && docs.length === 0 ? /* @__PURE__ */ jsxs15("div", { className: "orion-admin-card", children: [
+            /* @__PURE__ */ jsx18("strong", { children: "No pages yet" }),
+            /* @__PURE__ */ jsx18("span", { children: "Create the first page to start building content." })
           ] }) : null,
           docs.map((doc) => {
             const id = typeof doc.id === "string" || typeof doc.id === "number" ? String(doc.id) : "";
             if (!id) return null;
             const title = typeof doc.title === "string" ? doc.title : "Untitled Page";
             const status = typeof doc._status === "string" ? doc._status : "draft";
-            return /* @__PURE__ */ jsxs14(Link2, { className: "orion-admin-list-item", href: resolveAdminPath(adminBasePath, `/pages/${id}`), children: [
-              /* @__PURE__ */ jsx16("div", { children: /* @__PURE__ */ jsx16("strong", { children: title }) }),
-              /* @__PURE__ */ jsx16("span", { className: "orion-admin-pill", children: status })
+            return /* @__PURE__ */ jsxs15(Link2, { className: "orion-admin-list-item", href: resolveAdminPath(adminBasePath, `/pages/${id}`), children: [
+              /* @__PURE__ */ jsx18("div", { children: /* @__PURE__ */ jsx18("strong", { children: title }) }),
+              /* @__PURE__ */ jsx18("span", { className: "orion-admin-pill", children: status })
             ] }, id);
           })
         ] })
@@ -1926,9 +2749,9 @@ function AdminStudioPagesListView(props) {
 }
 
 // src/admin/components/studio/AdminStudioPageEditView.tsx
-import { useEffect as useEffect7, useMemo as useMemo4, useRef as useRef3, useState as useState7 } from "react";
+import { useEffect as useEffect9, useMemo as useMemo5, useRef as useRef3, useState as useState9 } from "react";
 import { SetStepNav, toast, useAuth as useAuth4 } from "@payloadcms/ui";
-import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 var isAdmin2 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
@@ -1969,17 +2792,17 @@ function AdminStudioPageEditView(props) {
   const { user } = useAuth4();
   const adminBasePath = useAdminBasePath();
   const iframeRef = useRef3(null);
-  const [saving, setSaving] = useState7(null);
-  const [dirty, setDirty] = useState7(false);
-  const [hasUnpublishedChanges, setHasUnpublishedChanges] = useState7(false);
-  const [canUndo, setCanUndo] = useState7(false);
-  const [canRedo, setCanRedo] = useState7(false);
+  const [saving, setSaving] = useState9(null);
+  const [dirty, setDirty] = useState9(false);
+  const [hasUnpublishedChanges, setHasUnpublishedChanges] = useState9(false);
+  const [canUndo, setCanUndo] = useState9(false);
+  const [canRedo, setCanRedo] = useState9(false);
   const builderBasePath = getPropString4(props, "builderBasePath", "/builder");
   const pagesPath = resolveAdminPath(adminBasePath, "/pages");
-  const pageIDFromParams = useMemo4(() => getParam(props.params, "id"), [props.params]);
-  const [pageID, setPageID] = useState7(pageIDFromParams);
-  const [didResolvePathFallback, setDidResolvePathFallback] = useState7(false);
-  useEffect7(() => {
+  const pageIDFromParams = useMemo5(() => getParam(props.params, "id"), [props.params]);
+  const [pageID, setPageID] = useState9(pageIDFromParams);
+  const [didResolvePathFallback, setDidResolvePathFallback] = useState9(false);
+  useEffect9(() => {
     if (pageIDFromParams) {
       setPageID(pageIDFromParams);
       setDidResolvePathFallback(true);
@@ -2023,7 +2846,7 @@ function AdminStudioPageEditView(props) {
     } catch {
     }
   };
-  useEffect7(() => {
+  useEffect9(() => {
     if (!pageID) {
       return;
     }
@@ -2046,7 +2869,7 @@ function AdminStudioPageEditView(props) {
     }
     iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type }, "*");
   };
-  useEffect7(() => {
+  useEffect9(() => {
     const onMessage = (event) => {
       const data = event.data;
       if (!data || data.source !== "payload-visual-builder-child" || typeof data.type !== "string") {
@@ -2081,8 +2904,8 @@ function AdminStudioPageEditView(props) {
     return () => window.removeEventListener("message", onMessage);
   }, []);
   if (!pageID && !didResolvePathFallback) {
-    return /* @__PURE__ */ jsx17(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs15(Fragment3, { children: [
-      /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx19(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs16(Fragment3, { children: [
+      /* @__PURE__ */ jsx19(
         SetStepNav,
         {
           nav: [
@@ -2091,13 +2914,13 @@ function AdminStudioPageEditView(props) {
           ]
         }
       ),
-      /* @__PURE__ */ jsx17("h1", { style: { margin: 0 }, children: "Page Editor" }),
-      /* @__PURE__ */ jsx17("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading page editor..." })
+      /* @__PURE__ */ jsx19("h1", { style: { margin: 0 }, children: "Page Editor" }),
+      /* @__PURE__ */ jsx19("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading page editor..." })
     ] }) });
   }
   if (!pageID) {
-    return /* @__PURE__ */ jsx17(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs15(Fragment3, { children: [
-      /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx19(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs16(Fragment3, { children: [
+      /* @__PURE__ */ jsx19(
         SetStepNav,
         {
           nav: [
@@ -2106,12 +2929,12 @@ function AdminStudioPageEditView(props) {
           ]
         }
       ),
-      /* @__PURE__ */ jsx17("h1", { style: { margin: 0 }, children: "Page Editor" }),
-      /* @__PURE__ */ jsx17("p", { style: { color: "var(--theme-elevation-600)" }, children: "Missing page ID." })
+      /* @__PURE__ */ jsx19("h1", { style: { margin: 0 }, children: "Page Editor" }),
+      /* @__PURE__ */ jsx19("p", { style: { color: "var(--theme-elevation-600)" }, children: "Missing page ID." })
     ] }) });
   }
-  return /* @__PURE__ */ jsx17(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs15(Fragment3, { children: [
-    /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs16(Fragment3, { children: [
+    /* @__PURE__ */ jsx19(
       SetStepNav,
       {
         nav: [
@@ -2120,8 +2943,8 @@ function AdminStudioPageEditView(props) {
         ]
       }
     ),
-    /* @__PURE__ */ jsxs15("div", { style: { display: "grid", gridTemplateRows: "auto 1fr", height: "calc(100vh - 120px)" }, children: [
-      /* @__PURE__ */ jsxs15(
+    /* @__PURE__ */ jsxs16("div", { style: { display: "grid", gridTemplateRows: "auto 1fr", height: "calc(100vh - 120px)" }, children: [
+      /* @__PURE__ */ jsxs16(
         "div",
         {
           style: {
@@ -2137,9 +2960,9 @@ function AdminStudioPageEditView(props) {
             zIndex: 20
           },
           children: [
-            /* @__PURE__ */ jsxs15("div", { style: { minWidth: 0 }, children: [
-              /* @__PURE__ */ jsx17("div", { style: { fontWeight: 900 }, children: "Page Editor" }),
-              /* @__PURE__ */ jsxs15(
+            /* @__PURE__ */ jsxs16("div", { style: { minWidth: 0 }, children: [
+              /* @__PURE__ */ jsx19("div", { style: { fontWeight: 900 }, children: "Page Editor" }),
+              /* @__PURE__ */ jsxs16(
                 "div",
                 {
                   style: {
@@ -2155,9 +2978,9 @@ function AdminStudioPageEditView(props) {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs15("div", { style: { alignItems: "center", display: "flex", gap: "0.5rem" }, children: [
-              /* @__PURE__ */ jsx17("div", { style: { color: dirty ? "var(--theme-elevation-900)" : "var(--theme-elevation-600)", fontSize: "0.85rem", fontWeight: 700 }, children: dirty ? "Unsaved changes" : "All changes saved" }),
-              /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsxs16("div", { style: { alignItems: "center", display: "flex", gap: "0.5rem" }, children: [
+              /* @__PURE__ */ jsx19("div", { style: { color: dirty ? "var(--theme-elevation-900)" : "var(--theme-elevation-600)", fontSize: "0.85rem", fontWeight: 700 }, children: dirty ? "Unsaved changes" : "All changes saved" }),
+              /* @__PURE__ */ jsx19(
                 "div",
                 {
                   style: {
@@ -2174,7 +2997,7 @@ function AdminStudioPageEditView(props) {
                   children: hasUnpublishedChanges ? "Unpublished draft changes" : "Live is up to date"
                 }
               ),
-              /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx19(
                 "button",
                 {
                   disabled: !canUndo,
@@ -2190,7 +3013,7 @@ function AdminStudioPageEditView(props) {
                   children: "Undo"
                 }
               ),
-              /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx19(
                 "button",
                 {
                   disabled: !canRedo,
@@ -2206,7 +3029,7 @@ function AdminStudioPageEditView(props) {
                   children: "Redo"
                 }
               ),
-              /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx19(
                 "button",
                 {
                   disabled: saving !== null,
@@ -2222,7 +3045,7 @@ function AdminStudioPageEditView(props) {
                   children: saving === "draft" ? "Saving\u2026" : "Save Draft"
                 }
               ),
-              /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx19(
                 "button",
                 {
                   disabled: !canPublish || saving !== null,
@@ -2245,7 +3068,7 @@ function AdminStudioPageEditView(props) {
           ]
         }
       ),
-      /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx19(
         "iframe",
         {
           ref: iframeRef,
@@ -2265,9 +3088,9 @@ function AdminStudioPageEditView(props) {
 }
 
 // src/admin/components/studio/AdminStudioNewPageView.tsx
-import { useState as useState8 } from "react";
+import { useState as useState10 } from "react";
 import { useAuth as useAuth5 } from "@payloadcms/ui";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 var pageTemplates = ["standard", "landing", "services", "contact"];
 var getPropString5 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
@@ -2290,10 +3113,10 @@ function AdminStudioNewPageView(props) {
   const { user } = useAuth5();
   const adminBasePath = useAdminBasePath();
   const pagesCollectionSlug = getPropString5(props, "pagesCollectionSlug", "pages");
-  const [submitting, setSubmitting] = useState8(false);
-  const [error, setError] = useState8(null);
+  const [submitting, setSubmitting] = useState10(false);
+  const [error, setError] = useState10(null);
   if (!canManagePages(user)) {
-    return /* @__PURE__ */ jsx18(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx20(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsx20(
       AdminPage,
       {
         breadcrumbs: [
@@ -2303,9 +3126,9 @@ function AdminStudioNewPageView(props) {
         ],
         description: "You do not have access to create pages.",
         title: "New Page",
-        children: /* @__PURE__ */ jsxs16("div", { className: "orion-admin-card", children: [
-          /* @__PURE__ */ jsx18("strong", { children: "Access denied" }),
-          /* @__PURE__ */ jsx18("span", { children: "This section is restricted to administrator and editor accounts." })
+        children: /* @__PURE__ */ jsxs17("div", { className: "orion-admin-card", children: [
+          /* @__PURE__ */ jsx20("strong", { children: "Access denied" }),
+          /* @__PURE__ */ jsx20("span", { children: "This section is restricted to administrator and editor accounts." })
         ] })
       }
     ) });
@@ -2350,7 +3173,7 @@ function AdminStudioNewPageView(props) {
       setSubmitting(false);
     }
   };
-  return /* @__PURE__ */ jsx18(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx20(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsx20(
     AdminPage,
     {
       breadcrumbs: [
@@ -2360,33 +3183,33 @@ function AdminStudioNewPageView(props) {
       ],
       description: "Create a new page and open it in the custom editor.",
       title: "New Page",
-      children: /* @__PURE__ */ jsxs16("form", { className: "orion-admin-form", onSubmit: createPage, children: [
-        error ? /* @__PURE__ */ jsx18("div", { className: "orion-admin-error", children: error }) : null,
-        /* @__PURE__ */ jsxs16("label", { children: [
+      children: /* @__PURE__ */ jsxs17("form", { className: "orion-admin-form", onSubmit: createPage, children: [
+        error ? /* @__PURE__ */ jsx20("div", { className: "orion-admin-error", children: error }) : null,
+        /* @__PURE__ */ jsxs17("label", { children: [
           "Title",
-          /* @__PURE__ */ jsx18("input", { name: "title", placeholder: "Services", required: true, type: "text" })
+          /* @__PURE__ */ jsx20("input", { name: "title", placeholder: "Services", required: true, type: "text" })
         ] }),
-        /* @__PURE__ */ jsxs16("label", { children: [
+        /* @__PURE__ */ jsxs17("label", { children: [
           "Slug",
-          /* @__PURE__ */ jsx18("input", { name: "slug", placeholder: "services", type: "text" })
+          /* @__PURE__ */ jsx20("input", { name: "slug", placeholder: "services", type: "text" })
         ] }),
-        /* @__PURE__ */ jsxs16("label", { children: [
+        /* @__PURE__ */ jsxs17("label", { children: [
           "Template",
-          /* @__PURE__ */ jsxs16("select", { defaultValue: "standard", name: "template", children: [
-            /* @__PURE__ */ jsx18("option", { value: "standard", children: "Standard" }),
-            /* @__PURE__ */ jsx18("option", { value: "landing", children: "Landing" }),
-            /* @__PURE__ */ jsx18("option", { value: "contact", children: "Contact" }),
-            /* @__PURE__ */ jsx18("option", { value: "services", children: "Services" })
+          /* @__PURE__ */ jsxs17("select", { defaultValue: "standard", name: "template", children: [
+            /* @__PURE__ */ jsx20("option", { value: "standard", children: "Standard" }),
+            /* @__PURE__ */ jsx20("option", { value: "landing", children: "Landing" }),
+            /* @__PURE__ */ jsx20("option", { value: "contact", children: "Contact" }),
+            /* @__PURE__ */ jsx20("option", { value: "services", children: "Services" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx18("button", { disabled: submitting, type: "submit", children: submitting ? "Creating..." : "Create Page" })
+        /* @__PURE__ */ jsx20("button", { disabled: submitting, type: "submit", children: submitting ? "Creating..." : "Create Page" })
       ] })
     }
   ) });
 }
 
 // src/admin/components/studio/AdminStudioGlobalsView.tsx
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 var getPropGlobals = (props) => {
   if (!props || typeof props !== "object") return null;
   const direct = props.globals;
@@ -2406,7 +3229,7 @@ function AdminStudioGlobalsView(props) {
     { slug: "footer", label: "Footer" },
     { slug: "social-media", label: "Social Media" }
   ];
-  return /* @__PURE__ */ jsx19(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx21(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsx21(
     AdminPage,
     {
       breadcrumbs: [
@@ -2415,17 +3238,17 @@ function AdminStudioGlobalsView(props) {
       ],
       description: "Site-wide content and branding settings.",
       title: "Globals",
-      children: /* @__PURE__ */ jsx19("div", { className: "orion-admin-list", children: globals.map((global) => {
+      children: /* @__PURE__ */ jsx21("div", { className: "orion-admin-list", children: globals.map((global) => {
         const href = resolveAdminPath(
           adminBasePath,
           typeof global.href === "string" ? global.href : `/globals/${global.slug}`
         );
-        return /* @__PURE__ */ jsxs17("a", { className: "orion-admin-list-item", href, children: [
-          /* @__PURE__ */ jsxs17("div", { children: [
-            /* @__PURE__ */ jsx19("strong", { children: global.label }),
-            /* @__PURE__ */ jsx19("div", { className: "orion-admin-list-meta", children: typeof global.description === "string" && global.description.length > 0 ? global.description : href })
+        return /* @__PURE__ */ jsxs18("a", { className: "orion-admin-list-item", href, children: [
+          /* @__PURE__ */ jsxs18("div", { children: [
+            /* @__PURE__ */ jsx21("strong", { children: global.label }),
+            /* @__PURE__ */ jsx21("div", { className: "orion-admin-list-meta", children: typeof global.description === "string" && global.description.length > 0 ? global.description : href })
           ] }),
-          /* @__PURE__ */ jsx19("span", { className: "orion-admin-list-meta", children: "Open" })
+          /* @__PURE__ */ jsx21("span", { className: "orion-admin-list-meta", children: "Open" })
         ] }, global.slug);
       }) })
     }
@@ -2433,8 +3256,8 @@ function AdminStudioGlobalsView(props) {
 }
 
 // src/admin/components/studio/AdminStudioSiteSettingsGlobalView.tsx
-import { useEffect as useEffect8, useMemo as useMemo5, useState as useState9 } from "react";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { useEffect as useEffect10, useMemo as useMemo6, useState as useState11 } from "react";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 var getPropString6 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
@@ -2519,13 +3342,13 @@ function AdminStudioSiteSettingsGlobalView(props) {
   const mediaCollectionSlug = getPropString6(props, "mediaCollectionSlug", "media");
   const adminBasePath = useAdminBasePath();
   const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
-  const [loading, setLoading] = useState9(true);
-  const [saving, setSaving] = useState9(false);
-  const [error, setError] = useState9(null);
-  const [savedMessage, setSavedMessage] = useState9(null);
-  const [globalData, setGlobalData] = useState9({});
-  const [mediaOptions, setMediaOptions] = useState9([]);
-  useEffect8(() => {
+  const [loading, setLoading] = useState11(true);
+  const [saving, setSaving] = useState11(false);
+  const [error, setError] = useState11(null);
+  const [savedMessage, setSavedMessage] = useState11(null);
+  const [globalData, setGlobalData] = useState11({});
+  const [mediaOptions, setMediaOptions] = useState11([]);
+  useEffect10(() => {
     let cancelled = false;
     const run = async () => {
       setLoading(true);
@@ -2573,15 +3396,15 @@ function AdminStudioSiteSettingsGlobalView(props) {
       cancelled = true;
     };
   }, [globalSlug, mediaCollectionSlug]);
-  const defaultSeo = useMemo5(() => {
+  const defaultSeo = useMemo6(() => {
     const value = globalData.defaultSeo;
     return value && typeof value === "object" && !Array.isArray(value) ? value : {};
   }, [globalData.defaultSeo]);
-  const businessProfile = useMemo5(() => {
+  const businessProfile = useMemo6(() => {
     const value = globalData.businessProfile;
     return value && typeof value === "object" && !Array.isArray(value) ? value : {};
   }, [globalData.businessProfile]);
-  const openingHoursRows = useMemo5(
+  const openingHoursRows = useMemo6(
     () => serializeRows(businessProfile.openingHours, (item) => {
       const dayOfWeek = String(item.dayOfWeek || "").trim();
       const opens = String(item.opens || "").trim();
@@ -2593,14 +3416,14 @@ function AdminStudioSiteSettingsGlobalView(props) {
     }),
     [businessProfile.openingHours]
   );
-  const sameAsRows = useMemo5(
+  const sameAsRows = useMemo6(
     () => serializeRows(businessProfile.sameAs, (item) => {
       const url = String(item.url || "").trim();
       return url || null;
     }),
     [businessProfile.sameAs]
   );
-  const serviceCatalogRows = useMemo5(
+  const serviceCatalogRows = useMemo6(
     () => serializeRows(businessProfile.serviceCatalog, (item) => {
       const name = String(item.name || "").trim();
       const description = String(item.description || "").trim();
@@ -2671,7 +3494,7 @@ function AdminStudioSiteSettingsGlobalView(props) {
   };
   const logoID = getRelationID(globalData.logo);
   const ogImageID = getRelationID(defaultSeo.ogImage);
-  return /* @__PURE__ */ jsx20(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsx22(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs19(
     AdminPage,
     {
       breadcrumbs: [
@@ -2682,126 +3505,126 @@ function AdminStudioSiteSettingsGlobalView(props) {
       description: "Manage site-wide brand, SEO, and business metadata.",
       title: "Website Settings",
       children: [
-        loading ? /* @__PURE__ */ jsx20("div", { className: "orion-admin-list-meta", children: "Loading..." }) : null,
-        !loading ? /* @__PURE__ */ jsxs18("form", { className: "orion-admin-form", onSubmit: save, children: [
-          error ? /* @__PURE__ */ jsx20("div", { className: "orion-admin-error", children: error }) : null,
-          savedMessage ? /* @__PURE__ */ jsx20("div", { className: "orion-admin-success", children: savedMessage }) : null,
-          /* @__PURE__ */ jsxs18("label", { children: [
+        loading ? /* @__PURE__ */ jsx22("div", { className: "orion-admin-list-meta", children: "Loading..." }) : null,
+        !loading ? /* @__PURE__ */ jsxs19("form", { className: "orion-admin-form", onSubmit: save, children: [
+          error ? /* @__PURE__ */ jsx22("div", { className: "orion-admin-error", children: error }) : null,
+          savedMessage ? /* @__PURE__ */ jsx22("div", { className: "orion-admin-success", children: savedMessage }) : null,
+          /* @__PURE__ */ jsxs19("label", { children: [
             "Site Name",
-            /* @__PURE__ */ jsx20("input", { defaultValue: String(globalData.siteName || ""), name: "siteName", required: true, type: "text" })
+            /* @__PURE__ */ jsx22("input", { defaultValue: String(globalData.siteName || ""), name: "siteName", required: true, type: "text" })
           ] }),
-          /* @__PURE__ */ jsxs18("label", { children: [
+          /* @__PURE__ */ jsxs19("label", { children: [
             "Tagline",
-            /* @__PURE__ */ jsx20("input", { defaultValue: String(globalData.tagline || ""), name: "tagline", type: "text" })
+            /* @__PURE__ */ jsx22("input", { defaultValue: String(globalData.tagline || ""), name: "tagline", type: "text" })
           ] }),
-          /* @__PURE__ */ jsxs18("label", { children: [
+          /* @__PURE__ */ jsxs19("label", { children: [
             "Logo (media ID)",
-            /* @__PURE__ */ jsxs18("select", { defaultValue: logoID ? String(logoID) : "", name: "logo", children: [
-              /* @__PURE__ */ jsx20("option", { value: "", children: "No logo" }),
+            /* @__PURE__ */ jsxs19("select", { defaultValue: logoID ? String(logoID) : "", name: "logo", children: [
+              /* @__PURE__ */ jsx22("option", { value: "", children: "No logo" }),
               mediaOptions.map((asset) => {
                 const id = typeof asset.id === "string" || typeof asset.id === "number" ? String(asset.id) : "";
                 if (!id) return null;
-                return /* @__PURE__ */ jsx20("option", { value: id, children: asset.filename || `Media ${id}` }, id);
+                return /* @__PURE__ */ jsx22("option", { value: id, children: asset.filename || `Media ${id}` }, id);
               })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs18("label", { children: [
+          /* @__PURE__ */ jsxs19("label", { children: [
             "SEO Meta Title",
-            /* @__PURE__ */ jsx20("input", { defaultValue: String(defaultSeo.metaTitle || ""), name: "metaTitle", type: "text" })
+            /* @__PURE__ */ jsx22("input", { defaultValue: String(defaultSeo.metaTitle || ""), name: "metaTitle", type: "text" })
           ] }),
-          /* @__PURE__ */ jsxs18("label", { children: [
+          /* @__PURE__ */ jsxs19("label", { children: [
             "SEO Meta Description",
-            /* @__PURE__ */ jsx20("textarea", { defaultValue: String(defaultSeo.metaDescription || ""), name: "metaDescription", rows: 3 })
+            /* @__PURE__ */ jsx22("textarea", { defaultValue: String(defaultSeo.metaDescription || ""), name: "metaDescription", rows: 3 })
           ] }),
-          /* @__PURE__ */ jsxs18("label", { children: [
+          /* @__PURE__ */ jsxs19("label", { children: [
             "Canonical Base URL",
-            /* @__PURE__ */ jsx20("input", { defaultValue: String(defaultSeo.canonicalBaseUrl || ""), name: "canonicalBaseUrl", type: "text" })
+            /* @__PURE__ */ jsx22("input", { defaultValue: String(defaultSeo.canonicalBaseUrl || ""), name: "canonicalBaseUrl", type: "text" })
           ] }),
-          /* @__PURE__ */ jsxs18("label", { children: [
+          /* @__PURE__ */ jsxs19("label", { children: [
             "SEO OG Image (media ID)",
-            /* @__PURE__ */ jsxs18("select", { defaultValue: ogImageID ? String(ogImageID) : "", name: "ogImage", children: [
-              /* @__PURE__ */ jsx20("option", { value: "", children: "No image" }),
+            /* @__PURE__ */ jsxs19("select", { defaultValue: ogImageID ? String(ogImageID) : "", name: "ogImage", children: [
+              /* @__PURE__ */ jsx22("option", { value: "", children: "No image" }),
               mediaOptions.map((asset) => {
                 const id = typeof asset.id === "string" || typeof asset.id === "number" ? String(asset.id) : "";
                 if (!id) return null;
-                return /* @__PURE__ */ jsx20("option", { value: id, children: asset.filename || `Media ${id}` }, id);
+                return /* @__PURE__ */ jsx22("option", { value: id, children: asset.filename || `Media ${id}` }, id);
               })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs18("label", { children: [
+          /* @__PURE__ */ jsxs19("label", { children: [
             "Business Schema Type",
-            /* @__PURE__ */ jsx20("input", { defaultValue: String(businessProfile.schemaType || "Store"), name: "schemaType", type: "text" })
+            /* @__PURE__ */ jsx22("input", { defaultValue: String(businessProfile.schemaType || "Store"), name: "schemaType", type: "text" })
           ] }),
-          /* @__PURE__ */ jsxs18("label", { children: [
+          /* @__PURE__ */ jsxs19("label", { children: [
             "Business Description",
-            /* @__PURE__ */ jsx20("textarea", { defaultValue: String(businessProfile.description || ""), name: "businessDescription", rows: 4 })
+            /* @__PURE__ */ jsx22("textarea", { defaultValue: String(businessProfile.description || ""), name: "businessDescription", rows: 4 })
           ] }),
-          /* @__PURE__ */ jsxs18("label", { children: [
+          /* @__PURE__ */ jsxs19("label", { children: [
             "Street Address",
-            /* @__PURE__ */ jsx20("input", { defaultValue: String(businessProfile.streetAddress || ""), name: "streetAddress", type: "text" })
+            /* @__PURE__ */ jsx22("input", { defaultValue: String(businessProfile.streetAddress || ""), name: "streetAddress", type: "text" })
           ] }),
-          /* @__PURE__ */ jsxs18("label", { children: [
+          /* @__PURE__ */ jsxs19("label", { children: [
             "City",
-            /* @__PURE__ */ jsx20("input", { defaultValue: String(businessProfile.addressLocality || ""), name: "addressLocality", type: "text" })
+            /* @__PURE__ */ jsx22("input", { defaultValue: String(businessProfile.addressLocality || ""), name: "addressLocality", type: "text" })
           ] }),
-          /* @__PURE__ */ jsxs18("label", { children: [
+          /* @__PURE__ */ jsxs19("label", { children: [
             "State / Region",
-            /* @__PURE__ */ jsx20("input", { defaultValue: String(businessProfile.addressRegion || ""), name: "addressRegion", type: "text" })
+            /* @__PURE__ */ jsx22("input", { defaultValue: String(businessProfile.addressRegion || ""), name: "addressRegion", type: "text" })
           ] }),
-          /* @__PURE__ */ jsxs18("label", { children: [
+          /* @__PURE__ */ jsxs19("label", { children: [
             "Postal Code",
-            /* @__PURE__ */ jsx20("input", { defaultValue: String(businessProfile.postalCode || ""), name: "postalCode", type: "text" })
+            /* @__PURE__ */ jsx22("input", { defaultValue: String(businessProfile.postalCode || ""), name: "postalCode", type: "text" })
           ] }),
-          /* @__PURE__ */ jsxs18("label", { children: [
+          /* @__PURE__ */ jsxs19("label", { children: [
             "Country Code",
-            /* @__PURE__ */ jsx20("input", { defaultValue: String(businessProfile.addressCountry || "US"), name: "addressCountry", type: "text" })
+            /* @__PURE__ */ jsx22("input", { defaultValue: String(businessProfile.addressCountry || "US"), name: "addressCountry", type: "text" })
           ] }),
-          /* @__PURE__ */ jsxs18("label", { children: [
+          /* @__PURE__ */ jsxs19("label", { children: [
             "Neighborhood",
-            /* @__PURE__ */ jsx20("input", { defaultValue: String(businessProfile.neighborhood || ""), name: "neighborhood", type: "text" })
+            /* @__PURE__ */ jsx22("input", { defaultValue: String(businessProfile.neighborhood || ""), name: "neighborhood", type: "text" })
           ] }),
-          /* @__PURE__ */ jsxs18("label", { children: [
+          /* @__PURE__ */ jsxs19("label", { children: [
             "Latitude",
-            /* @__PURE__ */ jsx20("input", { defaultValue: String(businessProfile.latitude || ""), name: "latitude", type: "text" })
+            /* @__PURE__ */ jsx22("input", { defaultValue: String(businessProfile.latitude || ""), name: "latitude", type: "text" })
           ] }),
-          /* @__PURE__ */ jsxs18("label", { children: [
+          /* @__PURE__ */ jsxs19("label", { children: [
             "Longitude",
-            /* @__PURE__ */ jsx20("input", { defaultValue: String(businessProfile.longitude || ""), name: "longitude", type: "text" })
+            /* @__PURE__ */ jsx22("input", { defaultValue: String(businessProfile.longitude || ""), name: "longitude", type: "text" })
           ] }),
-          /* @__PURE__ */ jsxs18("label", { children: [
+          /* @__PURE__ */ jsxs19("label", { children: [
             "Price Range",
-            /* @__PURE__ */ jsx20("input", { defaultValue: String(businessProfile.priceRange || ""), name: "priceRange", type: "text" })
+            /* @__PURE__ */ jsx22("input", { defaultValue: String(businessProfile.priceRange || ""), name: "priceRange", type: "text" })
           ] }),
-          /* @__PURE__ */ jsxs18("label", { children: [
+          /* @__PURE__ */ jsxs19("label", { children: [
             "Map URL",
-            /* @__PURE__ */ jsx20("input", { defaultValue: String(businessProfile.mapUrl || ""), name: "mapUrl", type: "text" })
+            /* @__PURE__ */ jsx22("input", { defaultValue: String(businessProfile.mapUrl || ""), name: "mapUrl", type: "text" })
           ] }),
-          /* @__PURE__ */ jsxs18("label", { children: [
+          /* @__PURE__ */ jsxs19("label", { children: [
             "LLM Summary",
-            /* @__PURE__ */ jsx20("textarea", { defaultValue: String(businessProfile.llmsSummary || ""), name: "llmsSummary", rows: 4 })
+            /* @__PURE__ */ jsx22("textarea", { defaultValue: String(businessProfile.llmsSummary || ""), name: "llmsSummary", rows: 4 })
           ] }),
-          /* @__PURE__ */ jsxs18("label", { children: [
+          /* @__PURE__ */ jsxs19("label", { children: [
             "Opening Hours Rows",
-            /* @__PURE__ */ jsx20("textarea", { defaultValue: openingHoursRows, name: "openingHoursRows", rows: 4 }),
-            /* @__PURE__ */ jsxs18("span", { style: { color: "var(--orion-admin-muted)", fontSize: "0.82rem", fontWeight: 600 }, children: [
+            /* @__PURE__ */ jsx22("textarea", { defaultValue: openingHoursRows, name: "openingHoursRows", rows: 4 }),
+            /* @__PURE__ */ jsxs19("span", { style: { color: "var(--orion-admin-muted)", fontSize: "0.82rem", fontWeight: 600 }, children: [
               "One row per line: ",
-              /* @__PURE__ */ jsx20("code", { children: "Monday,Tuesday,Wednesday|10:00|19:00" })
+              /* @__PURE__ */ jsx22("code", { children: "Monday,Tuesday,Wednesday|10:00|19:00" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs18("label", { children: [
+          /* @__PURE__ */ jsxs19("label", { children: [
             "Citation / SameAs URLs",
-            /* @__PURE__ */ jsx20("textarea", { defaultValue: sameAsRows, name: "sameAsRows", rows: 4 }),
-            /* @__PURE__ */ jsx20("span", { style: { color: "var(--orion-admin-muted)", fontSize: "0.82rem", fontWeight: 600 }, children: "One absolute URL per line. Social links still come from the Social Media global." })
+            /* @__PURE__ */ jsx22("textarea", { defaultValue: sameAsRows, name: "sameAsRows", rows: 4 }),
+            /* @__PURE__ */ jsx22("span", { style: { color: "var(--orion-admin-muted)", fontSize: "0.82rem", fontWeight: 600 }, children: "One absolute URL per line. Social links still come from the Social Media global." })
           ] }),
-          /* @__PURE__ */ jsxs18("label", { children: [
+          /* @__PURE__ */ jsxs19("label", { children: [
             "Service Schema Rows",
-            /* @__PURE__ */ jsx20("textarea", { defaultValue: serviceCatalogRows, name: "serviceCatalogRows", rows: 6 }),
-            /* @__PURE__ */ jsxs18("span", { style: { color: "var(--orion-admin-muted)", fontSize: "0.82rem", fontWeight: 600 }, children: [
+            /* @__PURE__ */ jsx22("textarea", { defaultValue: serviceCatalogRows, name: "serviceCatalogRows", rows: 6 }),
+            /* @__PURE__ */ jsxs19("span", { style: { color: "var(--orion-admin-muted)", fontSize: "0.82rem", fontWeight: 600 }, children: [
               "One row per line: ",
-              /* @__PURE__ */ jsx20("code", { children: "Name|Description|Optional price range|/page-path" })
+              /* @__PURE__ */ jsx22("code", { children: "Name|Description|Optional price range|/page-path" })
             ] })
           ] }),
-          /* @__PURE__ */ jsx20("button", { disabled: saving, type: "submit", children: saving ? "Saving..." : "Save Global" })
+          /* @__PURE__ */ jsx22("button", { disabled: saving, type: "submit", children: saving ? "Saving..." : "Save Global" })
         ] }) : null
       ]
     }
@@ -2809,7 +3632,7 @@ function AdminStudioSiteSettingsGlobalView(props) {
 }
 
 // src/admin/components/studio/AdminStudioSocialMediaGlobalView.tsx
-import { useEffect as useEffect9, useMemo as useMemo6, useState as useState10 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo7, useState as useState12 } from "react";
 
 // src/shared/socialMedia.ts
 var SOCIAL_MEDIA_PLATFORM_LABELS = {
@@ -2891,7 +3714,7 @@ var SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM = SOCIAL_MEDIA_PLATFORMS.reduce(
 );
 
 // src/admin/components/studio/AdminStudioSocialMediaGlobalView.tsx
-import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 var getSocialUrlFieldName = (platform) => `social-${platform}-url`;
 var getSocialIconFieldName = (platform) => `social-${platform}-icon`;
 var getPropString7 = (props, key, fallback) => {
@@ -2946,12 +3769,12 @@ function AdminStudioSocialMediaGlobalView(props) {
   const globalsBasePath = getPropString7(props, "globalsBasePath", "/globals");
   const adminBasePath = useAdminBasePath();
   const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
-  const [loading, setLoading] = useState10(true);
-  const [saving, setSaving] = useState10(false);
-  const [error, setError] = useState10(null);
-  const [savedMessage, setSavedMessage] = useState10(null);
-  const [globalData, setGlobalData] = useState10({});
-  useEffect9(() => {
+  const [loading, setLoading] = useState12(true);
+  const [saving, setSaving] = useState12(false);
+  const [error, setError] = useState12(null);
+  const [savedMessage, setSavedMessage] = useState12(null);
+  const [globalData, setGlobalData] = useState12({});
+  useEffect11(() => {
     let cancelled = false;
     const run = async () => {
       setLoading(true);
@@ -2982,7 +3805,7 @@ function AdminStudioSocialMediaGlobalView(props) {
       cancelled = true;
     };
   }, [globalSlug]);
-  const socialProfiles = useMemo6(
+  const socialProfiles = useMemo7(
     () => normalizeSocialMediaProfiles(globalData.profiles),
     [globalData.profiles]
   );
@@ -3028,7 +3851,7 @@ function AdminStudioSocialMediaGlobalView(props) {
       setSaving(false);
     }
   };
-  return /* @__PURE__ */ jsx21(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsx23(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs20(
     AdminPage,
     {
       breadcrumbs: [
@@ -3039,16 +3862,16 @@ function AdminStudioSocialMediaGlobalView(props) {
       description: "Control which social profiles appear across the site.",
       title: "Social Media",
       children: [
-        loading ? /* @__PURE__ */ jsx21("div", { className: "orion-admin-list-meta", children: "Loading..." }) : null,
-        !loading ? /* @__PURE__ */ jsxs19("form", { className: "orion-admin-form", onSubmit: save, children: [
-          error ? /* @__PURE__ */ jsx21("div", { className: "orion-admin-error", children: error }) : null,
-          savedMessage ? /* @__PURE__ */ jsx21("div", { className: "orion-admin-success", children: savedMessage }) : null,
-          /* @__PURE__ */ jsx21("div", { style: { color: "var(--orion-admin-muted)", fontSize: "0.88rem", fontWeight: 700 }, children: "Add URLs for the platforms you use. Leave a URL blank to hide that platform." }),
+        loading ? /* @__PURE__ */ jsx23("div", { className: "orion-admin-list-meta", children: "Loading..." }) : null,
+        !loading ? /* @__PURE__ */ jsxs20("form", { className: "orion-admin-form", onSubmit: save, children: [
+          error ? /* @__PURE__ */ jsx23("div", { className: "orion-admin-error", children: error }) : null,
+          savedMessage ? /* @__PURE__ */ jsx23("div", { className: "orion-admin-success", children: savedMessage }) : null,
+          /* @__PURE__ */ jsx23("div", { style: { color: "var(--orion-admin-muted)", fontSize: "0.88rem", fontWeight: 700 }, children: "Add URLs for the platforms you use. Leave a URL blank to hide that platform." }),
           SOCIAL_MEDIA_PLATFORMS.map((platform) => {
             const profile = socialProfiles[platform];
             const platformLabel = SOCIAL_MEDIA_PLATFORM_LABELS[platform];
             const placeholderDomain = platform === "x" ? "x.com" : `${platform}.com`;
-            return /* @__PURE__ */ jsxs19(
+            return /* @__PURE__ */ jsxs20(
               "fieldset",
               {
                 style: {
@@ -3059,10 +3882,10 @@ function AdminStudioSocialMediaGlobalView(props) {
                   padding: "0.85rem"
                 },
                 children: [
-                  /* @__PURE__ */ jsx21("legend", { style: { fontWeight: 700, padding: "0 0.3rem" }, children: platformLabel }),
-                  /* @__PURE__ */ jsxs19("label", { children: [
+                  /* @__PURE__ */ jsx23("legend", { style: { fontWeight: 700, padding: "0 0.3rem" }, children: platformLabel }),
+                  /* @__PURE__ */ jsxs20("label", { children: [
                     "Profile URL",
-                    /* @__PURE__ */ jsx21(
+                    /* @__PURE__ */ jsx23(
                       "input",
                       {
                         defaultValue: profile.url,
@@ -3073,16 +3896,16 @@ function AdminStudioSocialMediaGlobalView(props) {
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsxs19("label", { children: [
+                  /* @__PURE__ */ jsxs20("label", { children: [
                     "Icon Style",
-                    /* @__PURE__ */ jsx21("select", { defaultValue: profile.icon, name: getSocialIconFieldName(platform), children: SOCIAL_MEDIA_ICON_OPTIONS[platform].map((option) => /* @__PURE__ */ jsx21("option", { value: option.value, children: option.label }, option.value)) })
+                    /* @__PURE__ */ jsx23("select", { defaultValue: profile.icon, name: getSocialIconFieldName(platform), children: SOCIAL_MEDIA_ICON_OPTIONS[platform].map((option) => /* @__PURE__ */ jsx23("option", { value: option.value, children: option.label }, option.value)) })
                   ] })
                 ]
               },
               platform
             );
           }),
-          /* @__PURE__ */ jsx21("button", { disabled: saving, type: "submit", children: saving ? "Saving..." : "Save Global" })
+          /* @__PURE__ */ jsx23("button", { disabled: saving, type: "submit", children: saving ? "Saving..." : "Save Global" })
         ] }) : null
       ]
     }
@@ -3090,7 +3913,7 @@ function AdminStudioSocialMediaGlobalView(props) {
 }
 
 // src/admin/components/studio/AdminStudioHeaderGlobalView.tsx
-import { useEffect as useEffect10, useMemo as useMemo7, useState as useState11 } from "react";
+import { useEffect as useEffect12, useMemo as useMemo8, useState as useState13 } from "react";
 import { SetStepNav as SetStepNav2 } from "@payloadcms/ui";
 
 // src/nextjs/utilities/socialMedia.ts
@@ -3120,7 +3943,7 @@ function resolveSocialMediaLinks(data) {
 }
 
 // src/admin/components/studio/AdminStudioHeaderGlobalView.tsx
-import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 var getPropString8 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
@@ -3186,16 +4009,16 @@ function AdminStudioHeaderGlobalView(props) {
   const adminBasePath = useAdminBasePath();
   const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
   const rawGlobalPath = resolveAdminPath(adminBasePath, `/globals/${globalSlug}`);
-  const [loading, setLoading] = useState11(true);
-  const [saving, setSaving] = useState11(false);
-  const [error, setError] = useState11(null);
-  const [savedMessage, setSavedMessage] = useState11(null);
-  const [initialItems, setInitialItems] = useState11([]);
-  const [liveItems, setLiveItems] = useState11([]);
-  const [pages, setPages] = useState11([]);
-  const [siteSettings, setSiteSettings] = useState11({});
-  const [socialMedia, setSocialMedia] = useState11({});
-  useEffect10(() => {
+  const [loading, setLoading] = useState13(true);
+  const [saving, setSaving] = useState13(false);
+  const [error, setError] = useState13(null);
+  const [savedMessage, setSavedMessage] = useState13(null);
+  const [initialItems, setInitialItems] = useState13([]);
+  const [liveItems, setLiveItems] = useState13([]);
+  const [pages, setPages] = useState13([]);
+  const [siteSettings, setSiteSettings] = useState13({});
+  const [socialMedia, setSocialMedia] = useState13({});
+  useEffect12(() => {
     let cancelled = false;
     const run = async () => {
       setLoading(true);
@@ -3258,8 +4081,8 @@ function AdminStudioHeaderGlobalView(props) {
       cancelled = true;
     };
   }, [globalSlug, pagesCollectionSlug]);
-  const pageOptions = useMemo7(() => buildAdminPageLinkOptions(pages), [pages]);
-  const previewSocialLinks = useMemo7(
+  const pageOptions = useMemo8(() => buildAdminPageLinkOptions(pages), [pages]);
+  const previewSocialLinks = useMemo8(
     () => resolveSocialMediaLinks(socialMedia).map((item) => ({
       label: item.label,
       platform: item.platform,
@@ -3270,7 +4093,7 @@ function AdminStudioHeaderGlobalView(props) {
   const previewSiteName = typeof siteSettings.siteName === "string" && siteSettings.siteName.trim().length > 0 ? siteSettings.siteName.trim() : "Orion Studio";
   const previewTagline = typeof siteSettings.tagline === "string" ? siteSettings.tagline.trim() : "";
   const previewLogoUrl = resolveMediaURL(siteSettings.logo);
-  const editorKey = useMemo7(() => JSON.stringify(initialItems), [initialItems]);
+  const editorKey = useMemo8(() => JSON.stringify(initialItems), [initialItems]);
   const save = async () => {
     setSaving(true);
     setError(null);
@@ -3304,8 +4127,8 @@ function AdminStudioHeaderGlobalView(props) {
       setSaving(false);
     }
   };
-  return /* @__PURE__ */ jsx22(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs20("div", { style: { paddingBottom: "2rem" }, children: [
-    /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx24(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs21("div", { style: { paddingBottom: "2rem" }, children: [
+    /* @__PURE__ */ jsx24(
       SetStepNav2,
       {
         nav: [
@@ -3314,13 +4137,13 @@ function AdminStudioHeaderGlobalView(props) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx22("h1", { style: { margin: 0 }, children: "Header & Navigation" }),
-    /* @__PURE__ */ jsx22("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Manage the main website navigation and preview it in place." }),
-    loading ? /* @__PURE__ */ jsx22("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading header settings\u2026" }) : null,
-    error ? /* @__PURE__ */ jsx22("p", { style: { color: "var(--theme-error-600)" }, children: error }) : null,
-    savedMessage ? /* @__PURE__ */ jsx22("p", { style: { color: "var(--theme-success-700)" }, children: savedMessage }) : null,
-    !loading ? /* @__PURE__ */ jsxs20("div", { style: { display: "grid", gap: "1rem", marginTop: "1rem" }, children: [
-      /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx24("h1", { style: { margin: 0 }, children: "Header & Navigation" }),
+    /* @__PURE__ */ jsx24("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Manage the main website navigation and preview it in place." }),
+    loading ? /* @__PURE__ */ jsx24("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading header settings\u2026" }) : null,
+    error ? /* @__PURE__ */ jsx24("p", { style: { color: "var(--theme-error-600)" }, children: error }) : null,
+    savedMessage ? /* @__PURE__ */ jsx24("p", { style: { color: "var(--theme-success-700)" }, children: savedMessage }) : null,
+    !loading ? /* @__PURE__ */ jsxs21("div", { style: { display: "grid", gap: "1rem", marginTop: "1rem" }, children: [
+      /* @__PURE__ */ jsx24(
         HeaderNavEditorWithPreview,
         {
           actionHref,
@@ -3337,7 +4160,7 @@ function AdminStudioHeaderGlobalView(props) {
         },
         editorKey
       ),
-      /* @__PURE__ */ jsx22("div", { style: { display: "flex", gap: "0.6rem" }, children: /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx24("div", { style: { display: "flex", gap: "0.6rem" }, children: /* @__PURE__ */ jsx24(
         "button",
         {
           disabled: saving,
@@ -3361,9 +4184,9 @@ function AdminStudioHeaderGlobalView(props) {
 }
 
 // src/admin/components/studio/AdminStudioFooterGlobalView.tsx
-import { useEffect as useEffect11, useMemo as useMemo8, useState as useState12 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo9, useState as useState14 } from "react";
 import { SetStepNav as SetStepNav3 } from "@payloadcms/ui";
-import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 var getPropString9 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
@@ -3469,18 +4292,18 @@ function AdminStudioFooterGlobalView(props) {
   const adminBasePath = useAdminBasePath();
   const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
   const rawGlobalPath = resolveAdminPath(adminBasePath, `/globals/${globalSlug}`);
-  const [loading, setLoading] = useState12(true);
-  const [saving, setSaving] = useState12(false);
-  const [error, setError] = useState12(null);
-  const [savedMessage, setSavedMessage] = useState12(null);
-  const [doc, setDoc] = useState12({
+  const [loading, setLoading] = useState14(true);
+  const [saving, setSaving] = useState14(false);
+  const [error, setError] = useState14(null);
+  const [savedMessage, setSavedMessage] = useState14(null);
+  const [doc, setDoc] = useState14({
     contactEmail: "",
     contactPhone: "",
     copyright: ""
   });
-  const [siteSettings, setSiteSettings] = useState12({});
-  const [socialMedia, setSocialMedia] = useState12({});
-  useEffect11(() => {
+  const [siteSettings, setSiteSettings] = useState14({});
+  const [socialMedia, setSocialMedia] = useState14({});
+  useEffect13(() => {
     let cancelled = false;
     const run = async () => {
       setLoading(true);
@@ -3532,7 +4355,7 @@ function AdminStudioFooterGlobalView(props) {
       cancelled = true;
     };
   }, [globalSlug]);
-  const previewSocialLinks = useMemo8(
+  const previewSocialLinks = useMemo9(
     () => resolveSocialMediaLinks(socialMedia).map((item) => ({
       label: item.label,
       platform: item.platform,
@@ -3577,8 +4400,8 @@ function AdminStudioFooterGlobalView(props) {
       setSaving(false);
     }
   };
-  return /* @__PURE__ */ jsx23(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs21("div", { style: { paddingBottom: "2rem" }, children: [
-    /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs22("div", { style: { paddingBottom: "2rem" }, children: [
+    /* @__PURE__ */ jsx25(
       SetStepNav3,
       {
         nav: [
@@ -3587,13 +4410,13 @@ function AdminStudioFooterGlobalView(props) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx23("h1", { style: { margin: 0 }, children: "Footer" }),
-    /* @__PURE__ */ jsx23("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Manage footer contact details and preview the package footer in place." }),
-    loading ? /* @__PURE__ */ jsx23("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading footer settings\u2026" }) : null,
-    error ? /* @__PURE__ */ jsx23("p", { style: { color: "var(--theme-error-600)" }, children: error }) : null,
-    savedMessage ? /* @__PURE__ */ jsx23("p", { style: { color: "var(--theme-success-700)" }, children: savedMessage }) : null,
-    !loading ? /* @__PURE__ */ jsxs21("div", { style: { display: "grid", gap: "1rem", marginTop: "1rem" }, children: [
-      /* @__PURE__ */ jsxs21(
+    /* @__PURE__ */ jsx25("h1", { style: { margin: 0 }, children: "Footer" }),
+    /* @__PURE__ */ jsx25("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Manage footer contact details and preview the package footer in place." }),
+    loading ? /* @__PURE__ */ jsx25("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading footer settings\u2026" }) : null,
+    error ? /* @__PURE__ */ jsx25("p", { style: { color: "var(--theme-error-600)" }, children: error }) : null,
+    savedMessage ? /* @__PURE__ */ jsx25("p", { style: { color: "var(--theme-success-700)" }, children: savedMessage }) : null,
+    !loading ? /* @__PURE__ */ jsxs22("div", { style: { display: "grid", gap: "1rem", marginTop: "1rem" }, children: [
+      /* @__PURE__ */ jsxs22(
         "label",
         {
           style: {
@@ -3605,7 +4428,7 @@ function AdminStudioFooterGlobalView(props) {
           },
           children: [
             "Copyright",
-            /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsx25(
               "input",
               {
                 onChange: (event) => setDoc((current) => ({ ...current, copyright: event.target.value })),
@@ -3626,7 +4449,7 @@ function AdminStudioFooterGlobalView(props) {
           ]
         }
       ),
-      /* @__PURE__ */ jsxs21(
+      /* @__PURE__ */ jsxs22(
         "label",
         {
           style: {
@@ -3638,7 +4461,7 @@ function AdminStudioFooterGlobalView(props) {
           },
           children: [
             "Contact Email",
-            /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsx25(
               "input",
               {
                 onChange: (event) => setDoc((current) => ({ ...current, contactEmail: event.target.value })),
@@ -3659,7 +4482,7 @@ function AdminStudioFooterGlobalView(props) {
           ]
         }
       ),
-      /* @__PURE__ */ jsxs21(
+      /* @__PURE__ */ jsxs22(
         "label",
         {
           style: {
@@ -3671,7 +4494,7 @@ function AdminStudioFooterGlobalView(props) {
           },
           children: [
             "Contact Phone",
-            /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsx25(
               "input",
               {
                 onChange: (event) => setDoc((current) => ({ ...current, contactPhone: event.target.value })),
@@ -3692,8 +4515,8 @@ function AdminStudioFooterGlobalView(props) {
           ]
         }
       ),
-      /* @__PURE__ */ jsx23("div", { className: "orion-admin-preview-label", children: "Footer Preview" }),
-      /* @__PURE__ */ jsx23("div", { className: "orion-admin-preview-frame", children: /* @__PURE__ */ jsx23("div", { className: "orion-admin-preview-surface", children: /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx25("div", { className: "orion-admin-preview-label", children: "Footer Preview" }),
+      /* @__PURE__ */ jsx25("div", { className: "orion-admin-preview-frame", children: /* @__PURE__ */ jsx25("div", { className: "orion-admin-preview-surface", children: /* @__PURE__ */ jsx25(
         SiteFooterPreview,
         {
           site: {
@@ -3712,7 +4535,7 @@ function AdminStudioFooterGlobalView(props) {
           }
         }
       ) }) }),
-      /* @__PURE__ */ jsx23("div", { style: { display: "flex", gap: "0.6rem" }, children: /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx25("div", { style: { display: "flex", gap: "0.6rem" }, children: /* @__PURE__ */ jsx25(
         "button",
         {
           disabled: saving,
@@ -3736,9 +4559,9 @@ function AdminStudioFooterGlobalView(props) {
 }
 
 // src/admin/components/studio/AdminStudioContactFormView.tsx
-import { useEffect as useEffect12, useMemo as useMemo9, useState as useState13 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo10, useState as useState15 } from "react";
 import { SetStepNav as SetStepNav4 } from "@payloadcms/ui";
-import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
 var defaultDoc = {
   disabledMessage: "This form is temporarily unavailable. Please call us for immediate service.",
   enabled: true,
@@ -3827,12 +4650,12 @@ function AdminStudioContactFormView(props) {
   const adminBasePath = useAdminBasePath();
   const resolvedGlobalsBasePath = resolveAdminPath(adminBasePath, globalsBasePath);
   const rawGlobalPath = resolveAdminPath(adminBasePath, `/globals/${globalSlug}`);
-  const [doc, setDoc] = useState13(defaultDoc);
-  const [error, setError] = useState13(null);
-  const [isLoading, setIsLoading] = useState13(true);
-  const [isSaving, setIsSaving] = useState13(false);
-  const [savedMessage, setSavedMessage] = useState13(null);
-  useEffect12(() => {
+  const [doc, setDoc] = useState15(defaultDoc);
+  const [error, setError] = useState15(null);
+  const [isLoading, setIsLoading] = useState15(true);
+  const [isSaving, setIsSaving] = useState15(false);
+  const [savedMessage, setSavedMessage] = useState15(null);
+  useEffect14(() => {
     let mounted = true;
     const load = async () => {
       setIsLoading(true);
@@ -3862,7 +4685,7 @@ function AdminStudioContactFormView(props) {
       mounted = false;
     };
   }, [globalSlug]);
-  const payload = useMemo9(
+  const payload = useMemo10(
     () => ({
       disabledMessage: doc.disabledMessage,
       enabled: doc.enabled,
@@ -3899,8 +4722,8 @@ function AdminStudioContactFormView(props) {
       setIsSaving(false);
     }
   };
-  return /* @__PURE__ */ jsx24(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs22("div", { style: { paddingBottom: "2rem" }, children: [
-    /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx26(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs23("div", { style: { paddingBottom: "2rem" }, children: [
+    /* @__PURE__ */ jsx26(
       SetStepNav4,
       {
         nav: [
@@ -3909,14 +4732,14 @@ function AdminStudioContactFormView(props) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx24("h1", { style: { margin: 0 }, children: "Contact Form" }),
-    /* @__PURE__ */ jsx24("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Edit form behavior and submission messaging without leaving Studio." }),
-    isLoading ? /* @__PURE__ */ jsx24("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading form settings\u2026" }) : null,
-    error ? /* @__PURE__ */ jsx24("p", { style: { color: "var(--theme-error-600)" }, children: error }) : null,
-    savedMessage ? /* @__PURE__ */ jsx24("p", { style: { color: "var(--theme-success-700)" }, children: savedMessage }) : null,
-    !isLoading ? /* @__PURE__ */ jsxs22("div", { style: { display: "grid", gap: "1rem", marginTop: "1rem", maxWidth: 900 }, children: [
-      /* @__PURE__ */ jsxs22("label", { style: { ...fieldLabelStyle, alignItems: "center", display: "flex", gap: "0.6rem" }, children: [
-        /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx26("h1", { style: { margin: 0 }, children: "Contact Form" }),
+    /* @__PURE__ */ jsx26("p", { style: { color: "var(--theme-elevation-600)", marginTop: "0.35rem" }, children: "Edit form behavior and submission messaging without leaving Studio." }),
+    isLoading ? /* @__PURE__ */ jsx26("p", { style: { color: "var(--theme-elevation-600)" }, children: "Loading form settings\u2026" }) : null,
+    error ? /* @__PURE__ */ jsx26("p", { style: { color: "var(--theme-error-600)" }, children: error }) : null,
+    savedMessage ? /* @__PURE__ */ jsx26("p", { style: { color: "var(--theme-success-700)" }, children: savedMessage }) : null,
+    !isLoading ? /* @__PURE__ */ jsxs23("div", { style: { display: "grid", gap: "1rem", marginTop: "1rem", maxWidth: 900 }, children: [
+      /* @__PURE__ */ jsxs23("label", { style: { ...fieldLabelStyle, alignItems: "center", display: "flex", gap: "0.6rem" }, children: [
+        /* @__PURE__ */ jsx26(
           "input",
           {
             checked: doc.enabled,
@@ -3926,9 +4749,9 @@ function AdminStudioContactFormView(props) {
         ),
         "Form enabled"
       ] }),
-      /* @__PURE__ */ jsxs22("label", { style: fieldLabelStyle, children: [
+      /* @__PURE__ */ jsxs23("label", { style: fieldLabelStyle, children: [
         "Notification Email",
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx26(
           "input",
           {
             onChange: (event) => setDoc((prev) => ({ ...prev, notificationEmail: event.target.value })),
@@ -3938,9 +4761,9 @@ function AdminStudioContactFormView(props) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs22("label", { style: fieldLabelStyle, children: [
+      /* @__PURE__ */ jsxs23("label", { style: fieldLabelStyle, children: [
         "Submit Button Label",
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx26(
           "input",
           {
             onChange: (event) => setDoc((prev) => ({ ...prev, submitButtonLabel: event.target.value })),
@@ -3950,9 +4773,9 @@ function AdminStudioContactFormView(props) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs22("label", { style: fieldLabelStyle, children: [
+      /* @__PURE__ */ jsxs23("label", { style: fieldLabelStyle, children: [
         "Success Message",
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx26(
           "input",
           {
             onChange: (event) => setDoc((prev) => ({ ...prev, successMessage: event.target.value })),
@@ -3962,9 +4785,9 @@ function AdminStudioContactFormView(props) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs22("label", { style: fieldLabelStyle, children: [
+      /* @__PURE__ */ jsxs23("label", { style: fieldLabelStyle, children: [
         "Error Message",
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx26(
           "input",
           {
             onChange: (event) => setDoc((prev) => ({ ...prev, errorMessage: event.target.value })),
@@ -3974,9 +4797,9 @@ function AdminStudioContactFormView(props) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs22("label", { style: fieldLabelStyle, children: [
+      /* @__PURE__ */ jsxs23("label", { style: fieldLabelStyle, children: [
         "Disabled Message",
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx26(
           "input",
           {
             onChange: (event) => setDoc((prev) => ({ ...prev, disabledMessage: event.target.value })),
@@ -3986,7 +4809,7 @@ function AdminStudioContactFormView(props) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs22(
+      /* @__PURE__ */ jsxs23(
         "div",
         {
           style: {
@@ -3996,9 +4819,9 @@ function AdminStudioContactFormView(props) {
             padding: "0.85rem"
           },
           children: [
-            /* @__PURE__ */ jsx24("div", { style: { fontWeight: 900, marginBottom: "0.65rem" }, children: "Service Options" }),
-            /* @__PURE__ */ jsx24("div", { style: { display: "grid", gap: "0.55rem" }, children: doc.serviceOptions.map((option, index) => /* @__PURE__ */ jsxs22("div", { style: { display: "flex", gap: "0.5rem" }, children: [
-              /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx26("div", { style: { fontWeight: 900, marginBottom: "0.65rem" }, children: "Service Options" }),
+            /* @__PURE__ */ jsx26("div", { style: { display: "grid", gap: "0.55rem" }, children: doc.serviceOptions.map((option, index) => /* @__PURE__ */ jsxs23("div", { style: { display: "flex", gap: "0.5rem" }, children: [
+              /* @__PURE__ */ jsx26(
                 "input",
                 {
                   onChange: (event) => setDoc((prev) => ({
@@ -4012,7 +4835,7 @@ function AdminStudioContactFormView(props) {
                   value: option.label
                 }
               ),
-              /* @__PURE__ */ jsx24(
+              /* @__PURE__ */ jsx26(
                 "button",
                 {
                   onClick: () => setDoc((prev) => ({
@@ -4025,7 +4848,7 @@ function AdminStudioContactFormView(props) {
                 }
               )
             ] }, `${index}-${option.label}`)) }),
-            /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx26(
               "button",
               {
                 onClick: () => setDoc((prev) => ({
@@ -4040,9 +4863,9 @@ function AdminStudioContactFormView(props) {
           ]
         }
       ),
-      /* @__PURE__ */ jsxs22("div", { style: { display: "flex", gap: "0.6rem" }, children: [
-        /* @__PURE__ */ jsx24("button", { disabled: isSaving, onClick: () => void save(), style: buttonStyle, type: "button", children: isSaving ? "Saving\u2026" : "Save Form Settings" }),
-        /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsxs23("div", { style: { display: "flex", gap: "0.6rem" }, children: [
+        /* @__PURE__ */ jsx26("button", { disabled: isSaving, onClick: () => void save(), style: buttonStyle, type: "button", children: isSaving ? "Saving\u2026" : "Save Form Settings" }),
+        /* @__PURE__ */ jsx26(
           "a",
           {
             href: rawGlobalPath,
@@ -4062,8 +4885,8 @@ function AdminStudioContactFormView(props) {
 }
 
 // src/admin/components/studio/AdminStudioMediaView.tsx
-import { useEffect as useEffect13, useMemo as useMemo10, useState as useState14 } from "react";
-import { jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
+import { useEffect as useEffect15, useMemo as useMemo11, useState as useState16 } from "react";
+import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
 var MEDIA_LIBRARY_SYNC_EVENT = "orion-media-library-updated";
 var getPropString11 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
@@ -4079,10 +4902,10 @@ var getPropString11 = (props, key, fallback) => {
 function AdminStudioMediaView(props) {
   const mediaCollectionSlug = getPropString11(props, "mediaCollectionSlug", "media");
   const adminBasePath = useAdminBasePath();
-  const [docs, setDocs] = useState14([]);
-  const [loading, setLoading] = useState14(true);
-  const [error, setError] = useState14(null);
-  const apiURL = useMemo10(() => {
+  const [docs, setDocs] = useState16([]);
+  const [loading, setLoading] = useState16(true);
+  const [error, setError] = useState16(null);
+  const apiURL = useMemo11(() => {
     const params = new URLSearchParams({
       depth: "0",
       draft: "true",
@@ -4091,7 +4914,7 @@ function AdminStudioMediaView(props) {
     });
     return `/api/${mediaCollectionSlug}?${params.toString()}`;
   }, [mediaCollectionSlug]);
-  useEffect13(() => {
+  useEffect15(() => {
     let cancelled = false;
     const run = async () => {
       setLoading(true);
@@ -4127,7 +4950,7 @@ function AdminStudioMediaView(props) {
       window.removeEventListener("storage", rerun);
     };
   }, [apiURL]);
-  return /* @__PURE__ */ jsx25(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsx27(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs24(
     AdminPage,
     {
       breadcrumbs: [
@@ -4137,18 +4960,18 @@ function AdminStudioMediaView(props) {
       description: `${docs.length} asset${docs.length === 1 ? "" : "s"} \u2014 Upload assets here, including logos used in Site Settings branding.`,
       title: "Media",
       children: [
-        /* @__PURE__ */ jsx25(MediaUploadForm, {}),
-        loading ? /* @__PURE__ */ jsx25("div", { className: "orion-admin-list-meta", style: { marginTop: "1rem" }, children: "Loading..." }) : null,
-        error ? /* @__PURE__ */ jsx25("div", { className: "orion-admin-error", style: { marginTop: "1rem" }, children: error }) : null,
-        /* @__PURE__ */ jsxs23("div", { className: "orion-admin-list", style: { marginTop: "1rem" }, children: [
-          !loading && !error && docs.length === 0 ? /* @__PURE__ */ jsxs23("div", { className: "orion-admin-card", children: [
-            /* @__PURE__ */ jsx25("strong", { children: "No media found" }),
-            /* @__PURE__ */ jsx25("span", { children: "Upload an image to get started." })
+        /* @__PURE__ */ jsx27(MediaUploadForm, {}),
+        loading ? /* @__PURE__ */ jsx27("div", { className: "orion-admin-list-meta", style: { marginTop: "1rem" }, children: "Loading..." }) : null,
+        error ? /* @__PURE__ */ jsx27("div", { className: "orion-admin-error", style: { marginTop: "1rem" }, children: error }) : null,
+        /* @__PURE__ */ jsxs24("div", { className: "orion-admin-list", style: { marginTop: "1rem" }, children: [
+          !loading && !error && docs.length === 0 ? /* @__PURE__ */ jsxs24("div", { className: "orion-admin-card", children: [
+            /* @__PURE__ */ jsx27("strong", { children: "No media found" }),
+            /* @__PURE__ */ jsx27("span", { children: "Upload an image to get started." })
           ] }) : null,
           docs.map((doc) => {
             const id = typeof doc.id === "string" || typeof doc.id === "number" ? String(doc.id) : "";
             if (!id) return null;
-            return /* @__PURE__ */ jsx25(
+            return /* @__PURE__ */ jsx27(
               MediaListItem,
               {
                 alt: doc.alt,
@@ -4171,8 +4994,8 @@ function AdminStudioMediaView(props) {
 }
 
 // src/admin/components/studio/AdminStudioMediaItemView.tsx
-import { useEffect as useEffect14, useMemo as useMemo11, useState as useState15 } from "react";
-import { jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
+import { useEffect as useEffect16, useMemo as useMemo12, useState as useState17 } from "react";
+import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
 var getPropString12 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
@@ -4202,13 +5025,13 @@ function AdminStudioMediaItemView(props) {
   const mediaCollectionSlug = getPropString12(props, "mediaCollectionSlug", "media");
   const adminBasePath = useAdminBasePath();
   const mediaPath = resolveAdminPath(adminBasePath, "/media");
-  const mediaIDFromParams = useMemo11(() => getParam2(props.params, "id"), [props.params]);
-  const [mediaID, setMediaID] = useState15(mediaIDFromParams);
-  const [doc, setDoc] = useState15(null);
-  const [loading, setLoading] = useState15(true);
-  const [error, setError] = useState15(null);
-  const [savedMessage, setSavedMessage] = useState15(null);
-  useEffect14(() => {
+  const mediaIDFromParams = useMemo12(() => getParam2(props.params, "id"), [props.params]);
+  const [mediaID, setMediaID] = useState17(mediaIDFromParams);
+  const [doc, setDoc] = useState17(null);
+  const [loading, setLoading] = useState17(true);
+  const [error, setError] = useState17(null);
+  const [savedMessage, setSavedMessage] = useState17(null);
+  useEffect16(() => {
     if (mediaIDFromParams) {
       setMediaID(mediaIDFromParams);
       return;
@@ -4236,7 +5059,7 @@ function AdminStudioMediaItemView(props) {
       setLoading(false);
     }
   };
-  useEffect14(() => {
+  useEffect16(() => {
     if (!mediaID) return;
     void loadDoc(mediaID);
   }, [mediaCollectionSlug, mediaID]);
@@ -4282,7 +5105,7 @@ function AdminStudioMediaItemView(props) {
       setError(deleteError instanceof Error ? deleteError.message : "Failed to delete media item.");
     }
   };
-  return /* @__PURE__ */ jsx26(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsx28(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs25(
     AdminPage,
     {
       breadcrumbs: [
@@ -4293,10 +5116,10 @@ function AdminStudioMediaItemView(props) {
       description: "Update metadata or remove the selected asset.",
       title: "Media Asset",
       children: [
-        loading ? /* @__PURE__ */ jsx26("div", { className: "orion-admin-list-meta", children: "Loading..." }) : null,
-        error ? /* @__PURE__ */ jsx26("div", { className: "orion-admin-error", children: error }) : null,
-        savedMessage ? /* @__PURE__ */ jsx26("div", { className: "orion-admin-success", children: savedMessage }) : null,
-        !loading && !error && doc && mediaID ? /* @__PURE__ */ jsx26(
+        loading ? /* @__PURE__ */ jsx28("div", { className: "orion-admin-list-meta", children: "Loading..." }) : null,
+        error ? /* @__PURE__ */ jsx28("div", { className: "orion-admin-error", children: error }) : null,
+        savedMessage ? /* @__PURE__ */ jsx28("div", { className: "orion-admin-success", children: savedMessage }) : null,
+        !loading && !error && doc && mediaID ? /* @__PURE__ */ jsx28(
           MediaDetailPanel,
           {
             alt: doc.alt,
@@ -4319,9 +5142,9 @@ function AdminStudioMediaItemView(props) {
 
 // src/admin/components/studio/AdminStudioFormsView.tsx
 import Link3 from "next/link";
-import { useEffect as useEffect15, useMemo as useMemo12, useState as useState16 } from "react";
+import { useEffect as useEffect17, useMemo as useMemo13, useState as useState18 } from "react";
 import { useAuth as useAuth6 } from "@payloadcms/ui";
-import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
 var FORM_TONES = [
   {
     accent: "var(--orion-cms-tone-1, var(--orion-cms-accent, var(--orion-admin-accent)))",
@@ -4372,7 +5195,7 @@ var isEditor2 = (user) => {
   const role = user.role;
   return typeof role === "string" && role === "editor";
 };
-var canReviewForms = (user) => isAdmin3(user) || isEditor2(user);
+var canReviewForms2 = (user) => isAdmin3(user) || isEditor2(user);
 var getPropString13 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
@@ -4401,7 +5224,7 @@ var getFieldCount = (form) => Array.isArray(form.steps) ? form.steps.reduce((cou
   const fields = step.fields;
   return count + (Array.isArray(fields) ? fields.length : 0);
 }, 0) : 0;
-var getFormID = (value) => {
+var getFormID2 = (value) => {
   if (typeof value === "string" || typeof value === "number") return String(value);
   if (value && typeof value === "object") {
     const id = value.id;
@@ -4522,7 +5345,7 @@ var getSecondaryIdentity = (identity, previewFields, uploads) => {
   if (identity.email) return "Email response";
   return "Response preview unavailable";
 };
-var loadCollection = async (slug, params) => {
+var loadCollection2 = async (slug, params) => {
   const response = await fetch(`/api/${slug}?${params.toString()}`, {
     credentials: "include"
   });
@@ -4533,9 +5356,9 @@ var loadCollection = async (slug, params) => {
   const payload = await response.json();
   return Array.isArray(payload.docs) ? payload.docs : [];
 };
-var renderEmptyMessage = (message) => /* @__PURE__ */ jsxs25("div", { className: "orion-admin-empty-state", children: [
-  /* @__PURE__ */ jsx27("strong", { children: "No responses yet" }),
-  /* @__PURE__ */ jsx27("span", { children: message })
+var renderEmptyMessage = (message) => /* @__PURE__ */ jsxs26("div", { className: "orion-admin-empty-state", children: [
+  /* @__PURE__ */ jsx29("strong", { children: "No responses yet" }),
+  /* @__PURE__ */ jsx29("span", { children: message })
 ] });
 function AdminStudioFormsView(props) {
   const { user } = useAuth6();
@@ -4553,12 +5376,12 @@ function AdminStudioFormsView(props) {
     `/collections/${formSubmissionsCollectionSlug}`
   );
   const rawUploadsPath = resolveAdminPath(adminBasePath, `/collections/${formUploadsCollectionSlug}`);
-  const [forms, setForms] = useState16([]);
-  const [submissions, setSubmissions] = useState16([]);
-  const [loading, setLoading] = useState16(true);
-  const [error, setError] = useState16(null);
-  useEffect15(() => {
-    if (!canReviewForms(user)) {
+  const [forms, setForms] = useState18([]);
+  const [submissions, setSubmissions] = useState18([]);
+  const [loading, setLoading] = useState18(true);
+  const [error, setError] = useState18(null);
+  useEffect17(() => {
+    if (!canReviewForms2(user)) {
       return;
     }
     let cancelled = false;
@@ -4577,8 +5400,8 @@ function AdminStudioFormsView(props) {
           sort: "-submittedAt"
         });
         const [nextForms, nextSubmissions] = await Promise.all([
-          loadCollection(formsCollectionSlug, formsParams),
-          loadCollection(formSubmissionsCollectionSlug, submissionsParams)
+          loadCollection2(formsCollectionSlug, formsParams),
+          loadCollection2(formSubmissionsCollectionSlug, submissionsParams)
         ]);
         if (cancelled) return;
         setForms(nextForms);
@@ -4598,10 +5421,10 @@ function AdminStudioFormsView(props) {
       cancelled = true;
     };
   }, [formSubmissionsCollectionSlug, formsCollectionSlug, user]);
-  const submissionsByForm = useMemo12(() => {
+  const submissionsByForm = useMemo13(() => {
     const map = /* @__PURE__ */ new Map();
     for (const submission of submissions) {
-      const formID = getFormID(submission.form);
+      const formID = getFormID2(submission.form);
       if (!formID) continue;
       const current = map.get(formID) || [];
       current.push(submission);
@@ -4609,7 +5432,7 @@ function AdminStudioFormsView(props) {
     }
     return map;
   }, [submissions]);
-  const busiestForm = useMemo12(
+  const busiestForm = useMemo13(
     () => forms.reduce((current, form) => {
       const title = typeof form.title === "string" && form.title.trim().length > 0 ? form.title : "Untitled Form";
       const count = (typeof form.id === "string" || typeof form.id === "number" ? submissionsByForm.get(String(form.id)) : null)?.length || 0;
@@ -4620,8 +5443,8 @@ function AdminStudioFormsView(props) {
     }, null),
     [forms, submissionsByForm]
   );
-  if (!canReviewForms(user)) {
-    return /* @__PURE__ */ jsx27(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsx27(
+  if (!canReviewForms2(user)) {
+    return /* @__PURE__ */ jsx29(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsx29(
       AdminPage,
       {
         breadcrumbs: [
@@ -4630,14 +5453,14 @@ function AdminStudioFormsView(props) {
         ],
         description: "You do not have access to this section.",
         title: "Forms",
-        children: /* @__PURE__ */ jsxs25("div", { className: "orion-admin-card", children: [
-          /* @__PURE__ */ jsx27("strong", { children: "Access denied" }),
-          /* @__PURE__ */ jsx27("span", { children: "This section is restricted to editor and administrator accounts." })
+        children: /* @__PURE__ */ jsxs26("div", { className: "orion-admin-card", children: [
+          /* @__PURE__ */ jsx29("strong", { children: "Access denied" }),
+          /* @__PURE__ */ jsx29("span", { children: "This section is restricted to editor and administrator accounts." })
         ] })
       }
     ) });
   }
-  return /* @__PURE__ */ jsx27(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsx29(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs26(
     AdminPage,
     {
       breadcrumbs: [
@@ -4647,30 +5470,30 @@ function AdminStudioFormsView(props) {
       description: "Review live forms, recent responses, and uploaded files.",
       title: "Forms",
       children: [
-        loading ? /* @__PURE__ */ jsx27("div", { className: "orion-admin-list-meta", children: "Loading..." }) : null,
-        error ? /* @__PURE__ */ jsx27("div", { className: "orion-admin-error", children: error }) : null,
-        !loading && !error ? /* @__PURE__ */ jsxs25("div", { className: "orion-admin-forms-dashboard", children: [
-          /* @__PURE__ */ jsxs25("div", { className: "orion-admin-forms-summary-grid", children: [
-            /* @__PURE__ */ jsxs25("article", { className: "orion-admin-overview-stat", children: [
-              /* @__PURE__ */ jsx27("span", { className: "orion-admin-overview-stat-label", children: "Configured forms" }),
-              /* @__PURE__ */ jsx27("strong", { children: forms.length }),
-              /* @__PURE__ */ jsx27("p", { children: "Published or draft forms currently available inside the CMS." })
+        loading ? /* @__PURE__ */ jsx29("div", { className: "orion-admin-list-meta", children: "Loading..." }) : null,
+        error ? /* @__PURE__ */ jsx29("div", { className: "orion-admin-error", children: error }) : null,
+        !loading && !error ? /* @__PURE__ */ jsxs26("div", { className: "orion-admin-forms-dashboard", children: [
+          /* @__PURE__ */ jsxs26("div", { className: "orion-admin-forms-summary-grid", children: [
+            /* @__PURE__ */ jsxs26("article", { className: "orion-admin-overview-stat", children: [
+              /* @__PURE__ */ jsx29("span", { className: "orion-admin-overview-stat-label", children: "Configured forms" }),
+              /* @__PURE__ */ jsx29("strong", { children: forms.length }),
+              /* @__PURE__ */ jsx29("p", { children: "Published or draft forms currently available inside the CMS." })
             ] }),
-            /* @__PURE__ */ jsxs25("article", { className: "orion-admin-overview-stat", children: [
-              /* @__PURE__ */ jsx27("span", { className: "orion-admin-overview-stat-label", children: "Recent submissions" }),
-              /* @__PURE__ */ jsx27("strong", { children: submissions.length }),
-              /* @__PURE__ */ jsx27("p", { children: "Latest 200 responses collected across every form." })
+            /* @__PURE__ */ jsxs26("article", { className: "orion-admin-overview-stat", children: [
+              /* @__PURE__ */ jsx29("span", { className: "orion-admin-overview-stat-label", children: "Recent submissions" }),
+              /* @__PURE__ */ jsx29("strong", { children: submissions.length }),
+              /* @__PURE__ */ jsx29("p", { children: "Latest 200 responses collected across every form." })
             ] }),
-            /* @__PURE__ */ jsxs25("article", { className: "orion-admin-overview-stat", children: [
-              /* @__PURE__ */ jsx27("span", { className: "orion-admin-overview-stat-label", children: "Most active form" }),
-              /* @__PURE__ */ jsx27("strong", { children: busiestForm && busiestForm.count > 0 ? busiestForm.title : "No activity yet" }),
-              /* @__PURE__ */ jsx27("p", { children: busiestForm && busiestForm.count > 0 ? `${busiestForm.count} response${busiestForm.count === 1 ? "" : "s"} in this view.` : "Submissions will surface here once a form starts receiving traffic." })
+            /* @__PURE__ */ jsxs26("article", { className: "orion-admin-overview-stat", children: [
+              /* @__PURE__ */ jsx29("span", { className: "orion-admin-overview-stat-label", children: "Most active form" }),
+              /* @__PURE__ */ jsx29("strong", { children: busiestForm && busiestForm.count > 0 ? busiestForm.title : "No activity yet" }),
+              /* @__PURE__ */ jsx29("p", { children: busiestForm && busiestForm.count > 0 ? `${busiestForm.count} response${busiestForm.count === 1 ? "" : "s"} in this view.` : "Submissions will surface here once a form starts receiving traffic." })
             ] })
           ] }),
-          forms.length === 0 ? /* @__PURE__ */ jsxs25("div", { className: "orion-admin-card", children: [
-            /* @__PURE__ */ jsx27("strong", { children: "No forms found" }),
-            /* @__PURE__ */ jsx27("span", { children: "Create a form in Payload to start collecting responses." })
-          ] }) : /* @__PURE__ */ jsx27("div", { className: "orion-admin-forms-board-list", children: forms.map((form) => {
+          forms.length === 0 ? /* @__PURE__ */ jsxs26("div", { className: "orion-admin-card", children: [
+            /* @__PURE__ */ jsx29("strong", { children: "No forms found" }),
+            /* @__PURE__ */ jsx29("span", { children: "Create a form in Payload to start collecting responses." })
+          ] }) : /* @__PURE__ */ jsx29("div", { className: "orion-admin-forms-board-list", children: forms.map((form) => {
             const id = typeof form.id === "string" || typeof form.id === "number" ? String(form.id) : "";
             if (!id) return null;
             const title = typeof form.title === "string" && form.title.trim().length > 0 ? form.title : "Untitled Form";
@@ -4685,30 +5508,30 @@ function AdminStudioFormsView(props) {
             const updatedMeta = form.updatedAt ? `Updated ${formatDate(form.updatedAt)}` : "Update time unavailable";
             const toneStyle = getFormToneStyle(slug, title || id);
             const isResponsePanelScrollable = formSubmissions.length > RESPONSE_SCROLL_THRESHOLD;
-            return /* @__PURE__ */ jsxs25("section", { className: "orion-admin-form-board", style: toneStyle, children: [
-              /* @__PURE__ */ jsxs25("div", { className: "orion-admin-form-board-header", children: [
-                /* @__PURE__ */ jsxs25("div", { className: "orion-admin-form-board-heading", children: [
-                  /* @__PURE__ */ jsxs25("div", { className: "orion-admin-form-board-kicker-row", children: [
-                    /* @__PURE__ */ jsx27("span", { className: "orion-admin-form-board-kicker", children: slug || "No slug set" }),
-                    /* @__PURE__ */ jsx27("span", { className: "orion-admin-form-board-meta", children: updatedMeta })
+            return /* @__PURE__ */ jsxs26("section", { className: "orion-admin-form-board", style: toneStyle, children: [
+              /* @__PURE__ */ jsxs26("div", { className: "orion-admin-form-board-header", children: [
+                /* @__PURE__ */ jsxs26("div", { className: "orion-admin-form-board-heading", children: [
+                  /* @__PURE__ */ jsxs26("div", { className: "orion-admin-form-board-kicker-row", children: [
+                    /* @__PURE__ */ jsx29("span", { className: "orion-admin-form-board-kicker", children: slug || "No slug set" }),
+                    /* @__PURE__ */ jsx29("span", { className: "orion-admin-form-board-meta", children: updatedMeta })
                   ] }),
-                  /* @__PURE__ */ jsxs25("div", { className: "orion-admin-form-board-title-row", children: [
-                    /* @__PURE__ */ jsx27("div", { className: "orion-admin-form-board-mark", children: getInitials(title, slug) }),
-                    /* @__PURE__ */ jsxs25("div", { className: "orion-admin-form-board-copy", children: [
-                      /* @__PURE__ */ jsx27("h2", { className: "orion-admin-form-board-title", children: title }),
-                      /* @__PURE__ */ jsx27("p", { className: "orion-admin-form-board-subtitle", children: latestResponse ? `Latest response ${latestResponseLabel}` : "Awaiting the first submission" })
+                  /* @__PURE__ */ jsxs26("div", { className: "orion-admin-form-board-title-row", children: [
+                    /* @__PURE__ */ jsx29("div", { className: "orion-admin-form-board-mark", children: getInitials(title, slug) }),
+                    /* @__PURE__ */ jsxs26("div", { className: "orion-admin-form-board-copy", children: [
+                      /* @__PURE__ */ jsx29("h2", { className: "orion-admin-form-board-title", children: title }),
+                      /* @__PURE__ */ jsx29("p", { className: "orion-admin-form-board-subtitle", children: latestResponse ? `Latest response ${latestResponseLabel}` : "Awaiting the first submission" })
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsxs25("div", { className: "orion-admin-form-board-actions", children: [
-                  /* @__PURE__ */ jsxs25("div", { className: "orion-admin-form-board-count", children: [
-                    /* @__PURE__ */ jsx27("span", { className: "orion-admin-form-board-count-value", children: formSubmissions.length }),
-                    /* @__PURE__ */ jsxs25("span", { className: "orion-admin-form-board-count-label", children: [
+                /* @__PURE__ */ jsxs26("div", { className: "orion-admin-form-board-actions", children: [
+                  /* @__PURE__ */ jsxs26("div", { className: "orion-admin-form-board-count", children: [
+                    /* @__PURE__ */ jsx29("span", { className: "orion-admin-form-board-count-value", children: formSubmissions.length }),
+                    /* @__PURE__ */ jsxs26("span", { className: "orion-admin-form-board-count-label", children: [
                       "response",
                       formSubmissions.length === 1 ? "" : "s"
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx27(
+                  /* @__PURE__ */ jsx29(
                     Link3,
                     {
                       className: "orion-admin-action-button orion-admin-action-button--soft",
@@ -4718,35 +5541,35 @@ function AdminStudioFormsView(props) {
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs25("div", { className: "orion-admin-form-board-metrics", children: [
-                /* @__PURE__ */ jsxs25("article", { className: "orion-admin-form-metric", children: [
-                  /* @__PURE__ */ jsx27("span", { className: "orion-admin-form-metric-label", children: "Workflow steps" }),
-                  /* @__PURE__ */ jsx27("strong", { className: "orion-admin-form-metric-value", children: stepCount })
+              /* @__PURE__ */ jsxs26("div", { className: "orion-admin-form-board-metrics", children: [
+                /* @__PURE__ */ jsxs26("article", { className: "orion-admin-form-metric", children: [
+                  /* @__PURE__ */ jsx29("span", { className: "orion-admin-form-metric-label", children: "Workflow steps" }),
+                  /* @__PURE__ */ jsx29("strong", { className: "orion-admin-form-metric-value", children: stepCount })
                 ] }),
-                /* @__PURE__ */ jsxs25("article", { className: "orion-admin-form-metric", children: [
-                  /* @__PURE__ */ jsx27("span", { className: "orion-admin-form-metric-label", children: "Fields" }),
-                  /* @__PURE__ */ jsx27("strong", { className: "orion-admin-form-metric-value", children: fieldCount })
+                /* @__PURE__ */ jsxs26("article", { className: "orion-admin-form-metric", children: [
+                  /* @__PURE__ */ jsx29("span", { className: "orion-admin-form-metric-label", children: "Fields" }),
+                  /* @__PURE__ */ jsx29("strong", { className: "orion-admin-form-metric-value", children: fieldCount })
                 ] }),
-                /* @__PURE__ */ jsxs25("article", { className: "orion-admin-form-metric", children: [
-                  /* @__PURE__ */ jsx27("span", { className: "orion-admin-form-metric-label", children: "Submit button" }),
-                  /* @__PURE__ */ jsx27("strong", { className: "orion-admin-form-metric-value is-copy", children: submitLabel })
+                /* @__PURE__ */ jsxs26("article", { className: "orion-admin-form-metric", children: [
+                  /* @__PURE__ */ jsx29("span", { className: "orion-admin-form-metric-label", children: "Submit button" }),
+                  /* @__PURE__ */ jsx29("strong", { className: "orion-admin-form-metric-value is-copy", children: submitLabel })
                 ] }),
-                /* @__PURE__ */ jsxs25("article", { className: "orion-admin-form-metric", children: [
-                  /* @__PURE__ */ jsx27("span", { className: "orion-admin-form-metric-label", children: "Latest response" }),
-                  /* @__PURE__ */ jsx27("strong", { className: "orion-admin-form-metric-value is-copy", children: latestResponseLabel })
+                /* @__PURE__ */ jsxs26("article", { className: "orion-admin-form-metric", children: [
+                  /* @__PURE__ */ jsx29("span", { className: "orion-admin-form-metric-label", children: "Latest response" }),
+                  /* @__PURE__ */ jsx29("strong", { className: "orion-admin-form-metric-value is-copy", children: latestResponseLabel })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs25("div", { className: "orion-admin-form-response-panel", children: [
-                /* @__PURE__ */ jsxs25("div", { className: "orion-admin-form-response-panel-header", children: [
-                  /* @__PURE__ */ jsxs25("div", { children: [
-                    /* @__PURE__ */ jsx27("span", { className: "orion-admin-form-section-label", children: "Response stream" }),
-                    /* @__PURE__ */ jsx27("strong", { children: formSubmissions.length > 0 ? `${formSubmissions.length} recent submission${formSubmissions.length === 1 ? "" : "s"}` : "No responses yet" })
+              /* @__PURE__ */ jsxs26("div", { className: "orion-admin-form-response-panel", children: [
+                /* @__PURE__ */ jsxs26("div", { className: "orion-admin-form-response-panel-header", children: [
+                  /* @__PURE__ */ jsxs26("div", { children: [
+                    /* @__PURE__ */ jsx29("span", { className: "orion-admin-form-section-label", children: "Response stream" }),
+                    /* @__PURE__ */ jsx29("strong", { children: formSubmissions.length > 0 ? `${formSubmissions.length} recent submission${formSubmissions.length === 1 ? "" : "s"}` : "No responses yet" })
                   ] }),
-                  isResponsePanelScrollable ? /* @__PURE__ */ jsx27("span", { className: "orion-admin-form-panel-note", children: "Latest 3 visible. Scroll for older responses." }) : formSubmissions.length > 0 ? /* @__PURE__ */ jsx27("span", { className: "orion-admin-form-panel-note", children: "Showing all recent activity" }) : null
+                  isResponsePanelScrollable ? /* @__PURE__ */ jsx29("span", { className: "orion-admin-form-panel-note", children: "Latest 3 visible. Scroll for older responses." }) : formSubmissions.length > 0 ? /* @__PURE__ */ jsx29("span", { className: "orion-admin-form-panel-note", children: "Showing all recent activity" }) : null
                 ] }),
                 formSubmissions.length === 0 ? renderEmptyMessage(
                   "This form will start filling this lane as soon as the first submission arrives."
-                ) : /* @__PURE__ */ jsx27(
+                ) : /* @__PURE__ */ jsx29(
                   "div",
                   {
                     className: [
@@ -4770,33 +5593,33 @@ function AdminStudioFormsView(props) {
                       );
                       const visibleUploads = uploads.slice(0, 2);
                       const hiddenUploadCount = uploads.length - visibleUploads.length;
-                      return /* @__PURE__ */ jsxs25(
+                      return /* @__PURE__ */ jsxs26(
                         "article",
                         {
                           className: "orion-admin-response-card",
                           children: [
-                            /* @__PURE__ */ jsxs25("div", { className: "orion-admin-response-card-main", children: [
-                              /* @__PURE__ */ jsxs25("div", { className: "orion-admin-response-card-top", children: [
-                                /* @__PURE__ */ jsx27("div", { className: "orion-admin-response-badge", children: getInitials(identity.name, identity.email, title) }),
-                                /* @__PURE__ */ jsxs25("div", { className: "orion-admin-response-heading", children: [
-                                  /* @__PURE__ */ jsx27("strong", { children: primaryIdentity }),
-                                  /* @__PURE__ */ jsx27("div", { className: "orion-admin-response-secondary", children: secondaryIdentity })
+                            /* @__PURE__ */ jsxs26("div", { className: "orion-admin-response-card-main", children: [
+                              /* @__PURE__ */ jsxs26("div", { className: "orion-admin-response-card-top", children: [
+                                /* @__PURE__ */ jsx29("div", { className: "orion-admin-response-badge", children: getInitials(identity.name, identity.email, title) }),
+                                /* @__PURE__ */ jsxs26("div", { className: "orion-admin-response-heading", children: [
+                                  /* @__PURE__ */ jsx29("strong", { children: primaryIdentity }),
+                                  /* @__PURE__ */ jsx29("div", { className: "orion-admin-response-secondary", children: secondaryIdentity })
                                 ] }),
-                                /* @__PURE__ */ jsx27("div", { className: "orion-admin-response-date", children: formatDate(submission.submittedAt) })
+                                /* @__PURE__ */ jsx29("div", { className: "orion-admin-response-date", children: formatDate(submission.submittedAt) })
                               ] }),
-                              previewFields.length > 0 ? /* @__PURE__ */ jsx27("div", { className: "orion-admin-response-chip-row", children: previewFields.map((field, index) => /* @__PURE__ */ jsxs25(
+                              previewFields.length > 0 ? /* @__PURE__ */ jsx29("div", { className: "orion-admin-response-chip-row", children: previewFields.map((field, index) => /* @__PURE__ */ jsxs26(
                                 "div",
                                 {
                                   className: "orion-admin-response-chip",
                                   children: [
-                                    /* @__PURE__ */ jsx27("span", { className: "orion-admin-response-chip-label", children: field.label }),
-                                    /* @__PURE__ */ jsx27("span", { className: "orion-admin-response-chip-value", children: field.value })
+                                    /* @__PURE__ */ jsx29("span", { className: "orion-admin-response-chip-label", children: field.label }),
+                                    /* @__PURE__ */ jsx29("span", { className: "orion-admin-response-chip-value", children: field.value })
                                   ]
                                 },
                                 `${submissionID}-${field.label}-${index}`
-                              )) }) : /* @__PURE__ */ jsx27("div", { className: "orion-admin-response-empty", children: "No preview fields are available for this submission." }),
-                              uploads.length > 0 ? /* @__PURE__ */ jsxs25("div", { className: "orion-admin-response-upload-row", children: [
-                                /* @__PURE__ */ jsx27("span", { className: "orion-admin-upload-label", children: "Uploads" }),
+                              )) }) : /* @__PURE__ */ jsx29("div", { className: "orion-admin-response-empty", children: "No preview fields are available for this submission." }),
+                              uploads.length > 0 ? /* @__PURE__ */ jsxs26("div", { className: "orion-admin-response-upload-row", children: [
+                                /* @__PURE__ */ jsx29("span", { className: "orion-admin-upload-label", children: "Uploads" }),
                                 visibleUploads.map((upload) => {
                                   const uploadID = typeof upload.id === "string" || typeof upload.id === "number" ? String(upload.id) : "";
                                   if (!uploadID) return null;
@@ -4810,7 +5633,7 @@ function AdminStudioFormsView(props) {
                                     ),
                                     38
                                   );
-                                  return /* @__PURE__ */ jsx27(
+                                  return /* @__PURE__ */ jsx29(
                                     Link3,
                                     {
                                       className: "orion-admin-upload-chip",
@@ -4820,14 +5643,14 @@ function AdminStudioFormsView(props) {
                                     uploadID
                                   );
                                 }),
-                                hiddenUploadCount > 0 ? /* @__PURE__ */ jsxs25("span", { className: "orion-admin-upload-chip is-passive", children: [
+                                hiddenUploadCount > 0 ? /* @__PURE__ */ jsxs26("span", { className: "orion-admin-upload-chip is-passive", children: [
                                   "+",
                                   hiddenUploadCount,
                                   " more"
                                 ] }) : null
                               ] }) : null
                             ] }),
-                            /* @__PURE__ */ jsx27(
+                            /* @__PURE__ */ jsx29(
                               Link3,
                               {
                                 className: "orion-admin-action-button orion-admin-action-button--ghost",
@@ -4852,9 +5675,9 @@ function AdminStudioFormsView(props) {
 }
 
 // src/admin/components/studio/AdminStudioToolsView.tsx
-import { useEffect as useEffect16, useState as useState17 } from "react";
+import { useEffect as useEffect18, useState as useState19 } from "react";
 import { useAuth as useAuth7 } from "@payloadcms/ui";
-import { jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
 var userRoles = ["admin", "client", "editor"];
 var isAdmin4 = (user) => {
   if (!user || typeof user !== "object") return false;
@@ -4865,14 +5688,14 @@ var normalizeRole = (value) => userRoles.includes(value) ? value : "editor";
 function AdminStudioToolsView(props) {
   const { user } = useAuth7();
   const adminBasePath = useAdminBasePath();
-  const [docs, setDocs] = useState17([]);
-  const [loading, setLoading] = useState17(true);
-  const [error, setError] = useState17(null);
-  const [savedMessage, setSavedMessage] = useState17(null);
-  const [createSubmitting, setCreateSubmitting] = useState17(false);
-  const [updatingUserID, setUpdatingUserID] = useState17(null);
+  const [docs, setDocs] = useState19([]);
+  const [loading, setLoading] = useState19(true);
+  const [error, setError] = useState19(null);
+  const [savedMessage, setSavedMessage] = useState19(null);
+  const [createSubmitting, setCreateSubmitting] = useState19(false);
+  const [updatingUserID, setUpdatingUserID] = useState19(null);
   if (!isAdmin4(user)) {
-    return /* @__PURE__ */ jsx28(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx30(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsx30(
       AdminPage,
       {
         breadcrumbs: [
@@ -4881,9 +5704,9 @@ function AdminStudioToolsView(props) {
         ],
         description: "You do not have access to this section.",
         title: "Admin Tools",
-        children: /* @__PURE__ */ jsxs26("div", { className: "orion-admin-card", children: [
-          /* @__PURE__ */ jsx28("strong", { children: "Access denied" }),
-          /* @__PURE__ */ jsx28("span", { children: "This section is restricted to administrator accounts." })
+        children: /* @__PURE__ */ jsxs27("div", { className: "orion-admin-card", children: [
+          /* @__PURE__ */ jsx30("strong", { children: "Access denied" }),
+          /* @__PURE__ */ jsx30("span", { children: "This section is restricted to administrator accounts." })
         ] })
       }
     ) });
@@ -4912,7 +5735,7 @@ function AdminStudioToolsView(props) {
       setLoading(false);
     }
   };
-  useEffect16(() => {
+  useEffect18(() => {
     void loadUsers();
   }, []);
   const createUser = async (event) => {
@@ -4983,7 +5806,7 @@ function AdminStudioToolsView(props) {
       setUpdatingUserID(null);
     }
   };
-  return /* @__PURE__ */ jsx28(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsx30(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs27(
     AdminPage,
     {
       breadcrumbs: [
@@ -4993,53 +5816,53 @@ function AdminStudioToolsView(props) {
       description: "Manage users and fallback links to Payload native admin.",
       title: "Admin Tools",
       children: [
-        /* @__PURE__ */ jsx28("div", { className: "orion-admin-inline-actions", style: { marginBottom: "1rem" }, children: /* @__PURE__ */ jsx28("a", { className: "orion-admin-action-button", href: "/admin-core", target: "_blank", children: "Open Payload Core Admin" }) }),
-        error ? /* @__PURE__ */ jsx28("div", { className: "orion-admin-error", style: { marginBottom: "1rem" }, children: error }) : null,
-        savedMessage ? /* @__PURE__ */ jsx28("div", { className: "orion-admin-success", style: { marginBottom: "1rem" }, children: savedMessage }) : null,
-        /* @__PURE__ */ jsxs26("form", { className: "orion-admin-form", onSubmit: createUser, style: { marginBottom: "1rem" }, children: [
-          /* @__PURE__ */ jsx28("strong", { children: "Create User" }),
-          /* @__PURE__ */ jsxs26("label", { children: [
+        /* @__PURE__ */ jsx30("div", { className: "orion-admin-inline-actions", style: { marginBottom: "1rem" }, children: /* @__PURE__ */ jsx30("a", { className: "orion-admin-action-button", href: "/admin-core", target: "_blank", children: "Open Payload Core Admin" }) }),
+        error ? /* @__PURE__ */ jsx30("div", { className: "orion-admin-error", style: { marginBottom: "1rem" }, children: error }) : null,
+        savedMessage ? /* @__PURE__ */ jsx30("div", { className: "orion-admin-success", style: { marginBottom: "1rem" }, children: savedMessage }) : null,
+        /* @__PURE__ */ jsxs27("form", { className: "orion-admin-form", onSubmit: createUser, style: { marginBottom: "1rem" }, children: [
+          /* @__PURE__ */ jsx30("strong", { children: "Create User" }),
+          /* @__PURE__ */ jsxs27("label", { children: [
             "Email",
-            /* @__PURE__ */ jsx28("input", { name: "email", required: true, type: "email" })
+            /* @__PURE__ */ jsx30("input", { name: "email", required: true, type: "email" })
           ] }),
-          /* @__PURE__ */ jsxs26("label", { children: [
+          /* @__PURE__ */ jsxs27("label", { children: [
             "Full Name",
-            /* @__PURE__ */ jsx28("input", { name: "fullName", type: "text" })
+            /* @__PURE__ */ jsx30("input", { name: "fullName", type: "text" })
           ] }),
-          /* @__PURE__ */ jsxs26("label", { children: [
+          /* @__PURE__ */ jsxs27("label", { children: [
             "Password",
-            /* @__PURE__ */ jsx28("input", { name: "password", required: true, type: "password" })
+            /* @__PURE__ */ jsx30("input", { name: "password", required: true, type: "password" })
           ] }),
-          /* @__PURE__ */ jsxs26("label", { children: [
+          /* @__PURE__ */ jsxs27("label", { children: [
             "Role",
-            /* @__PURE__ */ jsxs26("select", { defaultValue: "editor", name: "role", children: [
-              /* @__PURE__ */ jsx28("option", { value: "admin", children: "admin" }),
-              /* @__PURE__ */ jsx28("option", { value: "editor", children: "editor" }),
-              /* @__PURE__ */ jsx28("option", { value: "client", children: "client" })
+            /* @__PURE__ */ jsxs27("select", { defaultValue: "editor", name: "role", children: [
+              /* @__PURE__ */ jsx30("option", { value: "admin", children: "admin" }),
+              /* @__PURE__ */ jsx30("option", { value: "editor", children: "editor" }),
+              /* @__PURE__ */ jsx30("option", { value: "client", children: "client" })
             ] })
           ] }),
-          /* @__PURE__ */ jsx28("button", { disabled: createSubmitting, type: "submit", children: createSubmitting ? "Creating..." : "Create User" })
+          /* @__PURE__ */ jsx30("button", { disabled: createSubmitting, type: "submit", children: createSubmitting ? "Creating..." : "Create User" })
         ] }),
-        loading ? /* @__PURE__ */ jsx28("div", { className: "orion-admin-list-meta", children: "Loading..." }) : null,
-        /* @__PURE__ */ jsx28("div", { className: "orion-admin-list", children: docs.map((doc) => {
+        loading ? /* @__PURE__ */ jsx30("div", { className: "orion-admin-list-meta", children: "Loading..." }) : null,
+        /* @__PURE__ */ jsx30("div", { className: "orion-admin-list", children: docs.map((doc) => {
           const id = typeof doc.id === "string" || typeof doc.id === "number" ? String(doc.id) : "";
           if (!id) return null;
           const email = typeof doc.email === "string" ? doc.email : `user-${id}`;
           const fullName = typeof doc.fullName === "string" ? doc.fullName : "";
           const currentRole = typeof doc.role === "string" ? normalizeRole(doc.role) : "editor";
-          return /* @__PURE__ */ jsxs26("div", { className: "orion-admin-list-item", children: [
-            /* @__PURE__ */ jsxs26("div", { children: [
-              /* @__PURE__ */ jsx28("strong", { children: email }),
-              /* @__PURE__ */ jsx28("div", { className: "orion-admin-list-meta", children: fullName || "No full name set" })
+          return /* @__PURE__ */ jsxs27("div", { className: "orion-admin-list-item", children: [
+            /* @__PURE__ */ jsxs27("div", { children: [
+              /* @__PURE__ */ jsx30("strong", { children: email }),
+              /* @__PURE__ */ jsx30("div", { className: "orion-admin-list-meta", children: fullName || "No full name set" })
             ] }),
-            /* @__PURE__ */ jsxs26("form", { className: "orion-admin-inline-actions", onSubmit: updateUserRole, children: [
-              /* @__PURE__ */ jsx28("input", { name: "id", type: "hidden", value: id }),
-              /* @__PURE__ */ jsxs26("select", { defaultValue: currentRole, name: "role", children: [
-                /* @__PURE__ */ jsx28("option", { value: "admin", children: "admin" }),
-                /* @__PURE__ */ jsx28("option", { value: "editor", children: "editor" }),
-                /* @__PURE__ */ jsx28("option", { value: "client", children: "client" })
+            /* @__PURE__ */ jsxs27("form", { className: "orion-admin-inline-actions", onSubmit: updateUserRole, children: [
+              /* @__PURE__ */ jsx30("input", { name: "id", type: "hidden", value: id }),
+              /* @__PURE__ */ jsxs27("select", { defaultValue: currentRole, name: "role", children: [
+                /* @__PURE__ */ jsx30("option", { value: "admin", children: "admin" }),
+                /* @__PURE__ */ jsx30("option", { value: "editor", children: "editor" }),
+                /* @__PURE__ */ jsx30("option", { value: "client", children: "client" })
               ] }),
-              /* @__PURE__ */ jsx28("button", { disabled: updatingUserID === id, type: "submit", children: updatingUserID === id ? "Updating..." : "Update" })
+              /* @__PURE__ */ jsx30("button", { disabled: updatingUserID === id, type: "submit", children: updatingUserID === id ? "Updating..." : "Update" })
             ] })
           ] }, id);
         }) })
@@ -5050,14 +5873,14 @@ function AdminStudioToolsView(props) {
 
 // src/admin/components/studio/OpenInStudioMenuItem.tsx
 import { useDocumentInfo } from "@payloadcms/ui";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function OpenInStudioMenuItem({ pagesPathBase = "/pages" }) {
   const documentInfo = useDocumentInfo();
   const id = documentInfo?.id;
   if (!id) {
     return null;
   }
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx31(
     "a",
     {
       href: `${pagesPathBase}/${id}`,
@@ -5076,19 +5899,19 @@ function OpenInStudioMenuItem({ pagesPathBase = "/pages" }) {
 }
 
 // src/admin/components/studio/PageEditRedirectToStudio.tsx
-import { useEffect as useEffect17 } from "react";
+import { useEffect as useEffect19 } from "react";
 import { useDocumentInfo as useDocumentInfo2 } from "@payloadcms/ui";
-import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
 function PageEditRedirectToStudio({ pagesPathBase = "/pages" }) {
   const documentInfo = useDocumentInfo2();
   const id = documentInfo?.id;
-  useEffect17(() => {
+  useEffect19(() => {
     if (!id) {
       return;
     }
     window.location.replace(`${pagesPathBase}/${id}`);
   }, [id, pagesPathBase]);
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     "div",
     {
       style: {
@@ -5100,18 +5923,18 @@ function PageEditRedirectToStudio({ pagesPathBase = "/pages" }) {
         minHeight: "50vh"
       },
       children: [
-        /* @__PURE__ */ jsx30("h2", { style: { margin: 0 }, children: "Opening Editor..." }),
-        /* @__PURE__ */ jsx30("p", { style: { color: "var(--theme-elevation-600)", margin: 0 }, children: "Redirecting to the custom page editor." }),
-        id ? /* @__PURE__ */ jsx30("a", { href: `${pagesPathBase}/${id}`, children: "Continue to Editor" }) : /* @__PURE__ */ jsx30("a", { href: pagesPathBase, children: "Open Pages" })
+        /* @__PURE__ */ jsx32("h2", { style: { margin: 0 }, children: "Opening Editor..." }),
+        /* @__PURE__ */ jsx32("p", { style: { color: "var(--theme-elevation-600)", margin: 0 }, children: "Redirecting to the custom page editor." }),
+        id ? /* @__PURE__ */ jsx32("a", { href: `${pagesPathBase}/${id}`, children: "Continue to Editor" }) : /* @__PURE__ */ jsx32("a", { href: pagesPathBase, children: "Open Pages" })
       ]
     }
   );
 }
 
 // src/admin/components/studio/StudioBackBreadcrumb.tsx
-import { useEffect as useEffect18, useState as useState18 } from "react";
+import { useEffect as useEffect20, useState as useState20 } from "react";
 import { SetStepNav as SetStepNav5 } from "@payloadcms/ui";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var toTitle = (slug) => slug.split("-").filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
 var buildNav = (pathname, adminBasePath) => {
   if (pathname.includes("/globals/")) {
@@ -5156,8 +5979,8 @@ var buildNav = (pathname, adminBasePath) => {
 };
 function StudioBackBreadcrumb() {
   const adminBasePath = useAdminBasePath();
-  const [pathname, setPathname] = useState18("");
-  useEffect18(() => {
+  const [pathname, setPathname] = useState20("");
+  useEffect20(() => {
     const update = () => setPathname(window.location.pathname);
     update();
     window.addEventListener("popstate", update);
@@ -5165,12 +5988,12 @@ function StudioBackBreadcrumb() {
   }, []);
   const nav = buildNav(pathname, adminBasePath);
   if (!nav) return null;
-  return /* @__PURE__ */ jsx31(SetStepNav5, { nav });
+  return /* @__PURE__ */ jsx33(SetStepNav5, { nav });
 }
 
 // src/admin/components/studio/StudioContactFormRedirect.tsx
-import { useEffect as useEffect19 } from "react";
-import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
+import { useEffect as useEffect21 } from "react";
+import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
 var getPropString14 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
@@ -5186,11 +6009,11 @@ function StudioContactFormRedirect(props) {
   const adminBasePath = useAdminBasePath();
   const studioContactFormPath = getPropString14(props, "studioContactFormPath", "/contact-form");
   const targetPath = resolveAdminPath(adminBasePath, studioContactFormPath);
-  useEffect19(() => {
+  useEffect21(() => {
     if (window.location.pathname === targetPath) return;
     window.location.replace(targetPath);
   }, [targetPath]);
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(
     "div",
     {
       style: {
@@ -5203,14 +6026,15 @@ function StudioContactFormRedirect(props) {
         minHeight: "40vh"
       },
       children: [
-        /* @__PURE__ */ jsx32("h2", { style: { margin: 0 }, children: "Opening Contact Form Editor..." }),
-        /* @__PURE__ */ jsx32("a", { href: targetPath, children: "Continue" })
+        /* @__PURE__ */ jsx34("h2", { style: { margin: 0 }, children: "Opening Contact Form Editor..." }),
+        /* @__PURE__ */ jsx34("a", { href: targetPath, children: "Continue" })
       ]
     }
   );
 }
 export {
   AdminLoginIntro,
+  AdminLoginPasswordToggle,
   AdminStudioContactFormView,
   AdminStudioDashboard,
   AdminStudioFooterGlobalView,