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

package/dist/index.js

@@ -79,6 +79,143 @@ var createThemePreferenceField = (defaultTheme = "brand-light") => ({
 });
 var themePreferenceField = createThemePreferenceField("brand-light");
 
+// src/admin-app/routeRegistry.ts
+var adminNavIcons = [
+  "dashboard",
+  "pages",
+  "forms",
+  "globals",
+  "media",
+  "tools",
+  "account",
+  "analytics"
+];
+var roleCanAccessNav = (role, item) => {
+  if (!item.roles || item.roles.length === 0) {
+    return true;
+  }
+  if (!role) {
+    return false;
+  }
+  return item.roles.includes(role);
+};
+var navItemIsActive = (pathname, item) => {
+  if (item.href === "/admin") {
+    return pathname === "/admin";
+  }
+  return item.matchPrefixes.some((prefix) => pathname.startsWith(prefix));
+};
+
+// src/shared/studioSections.ts
+var studioRoles = /* @__PURE__ */ new Set(["admin", "editor", "client"]);
+var studioIcons = new Set(adminNavIcons);
+var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var isAbsoluteExternalURL = (value) => /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(value) || value.startsWith("//");
+var normalizePathLikeValue = (value) => {
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return "";
+  }
+  if (isAbsoluteExternalURL(trimmed)) {
+    return trimmed;
+  }
+  const withLeadingSlash = trimmed.startsWith("/") ? trimmed : `/${trimmed}`;
+  const normalized = withLeadingSlash.replace(/\/+$/, "");
+  return normalized || "/";
+};
+var normalizeStringArray = (value) => {
+  if (!Array.isArray(value)) {
+    return [];
+  }
+  return value.filter((entry) => typeof entry === "string").map((entry) => normalizePathLikeValue(entry)).filter((entry) => entry.length > 0);
+};
+var normalizeRoles = (value) => {
+  if (!Array.isArray(value)) {
+    return void 0;
+  }
+  const roles = value.filter((entry) => typeof entry === "string" && studioRoles.has(entry));
+  return roles.length > 0 ? roles : void 0;
+};
+var normalizeCard = (value) => {
+  if (!isRecord(value) || typeof value.title !== "string") {
+    return void 0;
+  }
+  const title = value.title.trim();
+  if (!title) {
+    return void 0;
+  }
+  return {
+    title,
+    ...typeof value.description === "string" && value.description.trim().length > 0 ? { description: value.description.trim() } : {}
+  };
+};
+var normalizeIcon = (value) => typeof value === "string" && studioIcons.has(value) ? value : void 0;
+var resolveStudioSections = (value) => {
+  if (!Array.isArray(value)) {
+    return [];
+  }
+  const sections = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const entry of value) {
+    if (!isRecord(entry) || typeof entry.id !== "string" || typeof entry.label !== "string") {
+      continue;
+    }
+    const id = entry.id.trim();
+    const label = entry.label.trim();
+    if (!id || !label || seen.has(id)) {
+      continue;
+    }
+    const href = typeof entry.href === "string" && entry.href.trim().length > 0 ? normalizePathLikeValue(entry.href) : isRecord(entry.view) && typeof entry.view.path === "string" ? normalizePathLikeValue(entry.view.path) : "";
+    if (!href) {
+      continue;
+    }
+    const matchPrefixes = Array.from(/* @__PURE__ */ new Set([href, ...normalizeStringArray(entry.matchPrefixes)]));
+    sections.push({
+      id,
+      label,
+      href,
+      matchPrefixes,
+      ...normalizeIcon(entry.icon) ? { icon: normalizeIcon(entry.icon) } : {},
+      ...normalizeRoles(entry.roles) ? { roles: normalizeRoles(entry.roles) } : {},
+      ...normalizeCard(entry.card) ? { card: normalizeCard(entry.card) } : {}
+    });
+    seen.add(id);
+  }
+  return sections;
+};
+var resolveStudioSectionViews = (value) => {
+  if (!Array.isArray(value)) {
+    return {};
+  }
+  const views = {};
+  for (const entry of value) {
+    if (!isRecord(entry) || typeof entry.id !== "string" || !isRecord(entry.view)) {
+      continue;
+    }
+    const id = entry.id.trim();
+    const view = entry.view;
+    const component = isRecord(view.Component) ? view.Component : null;
+    if (!id || typeof view.path !== "string" || !component || typeof component.exportName !== "string" || typeof component.path !== "string") {
+      continue;
+    }
+    const path2 = normalizePathLikeValue(view.path);
+    const componentPath = component.path.trim();
+    const exportName = component.exportName.trim();
+    if (!path2 || !componentPath || !exportName) {
+      continue;
+    }
+    views[id] = {
+      path: path2,
+      Component: {
+        exportName,
+        path: componentPath,
+        ...isRecord(component.clientProps) ? { clientProps: component.clientProps } : {}
+      }
+    };
+  }
+  return views;
+};
+
 // src/admin/helpers/configureAdmin.ts
 var import_meta = {};
 function getPkgDistDir() {
@@ -104,17 +241,28 @@ function configureAdmin(config) {
     brandPrimary = "#3b82f6",
     brandSecondary = "#8b5cf6",
     defaultTheme = "brand-light",
-    logoUrl
+    logoUrl,
+    allowThemePreference = false
   } = config;
   const studioEnabled = config.studio?.enabled ?? true;
+  const formsEnabled = config.studio?.forms?.enabled ?? false;
+  const formsCollectionSlug = config.studio?.forms?.collectionSlug || "forms";
+  const formSubmissionsCollectionSlug = config.studio?.forms?.submissionsCollectionSlug || "form-submissions";
+  const formUploadsCollectionSlug = config.studio?.forms?.uploadsCollectionSlug || "form-uploads";
   const pagesCollectionSlug = config.studio?.pages?.collectionSlug || "pages";
+  const builderBasePath = config.studio?.pages?.builderBasePath || "/builder";
   const mediaCollectionSlug = config.studio?.media?.collectionSlug || "media";
-  const contactFormStudioPath = "/studio-contact-form";
+  const globalsBasePath = "/site-globals";
+  const pagesBasePath = "/pages";
+  const formsBasePath = "/forms";
+  const mediaBasePath = "/media";
+  const toolsBasePath = "/tools";
+  const contactFormStudioPath = "/contact-form";
   const configuredGlobals = config.studio?.globals || [
     { slug: "site-settings", label: "Website Settings" },
     { slug: "header", label: "Header & Navigation" },
     { slug: "footer", label: "Footer" },
-    { slug: "contact-form", label: "Contact Form" }
+    { slug: "social-media", label: "Social Media" }
   ];
   const globals = configuredGlobals.map((global) => {
     if (global.slug !== "contact-form" || global.href) {
@@ -125,24 +273,80 @@ function configureAdmin(config) {
       href: contactFormStudioPath
     };
   });
+  const studioSections = resolveStudioSections(config.studio?.sections || []);
+  const studioSectionViews = resolveStudioSectionViews(config.studio?.sections || []);
+  const sitePreview = config.studio?.sitePreview;
   let cssPath;
   const pkgDist = getPkgDistDir();
   const sourceCssPath = import_path.default.resolve(pkgDist, "admin.css");
-  if (config.basePath && import_fs.default.existsSync(sourceCssPath)) {
-    let css = import_fs.default.readFileSync(sourceCssPath, "utf-8");
-    css = css.replace("--brand-primary: #3b82f6;", `--brand-primary: ${brandPrimary};`);
-    css = css.replace("--brand-secondary: #8b5cf6;", `--brand-secondary: ${brandSecondary};`);
-    const genDir = import_path.default.resolve(config.basePath, ".generated");
+  const adminAppCssPath = import_path.default.resolve(pkgDist, "admin-app", "styles.css");
+  const cssSources = [sourceCssPath, adminAppCssPath].filter((filePath) => import_fs.default.existsSync(filePath));
+  if (cssSources.length === 0) {
+    cssPath = sourceCssPath;
+  } else {
+    let css = cssSources.map((filePath) => import_fs.default.readFileSync(filePath, "utf-8")).join("\n\n");
+    css = css.replace(
+      "--orion-cms-brand-primary-fallback: #3b82f6;",
+      `--orion-cms-brand-primary-fallback: ${brandPrimary};`
+    );
+    css = css.replace(
+      "--orion-cms-brand-secondary-fallback: #8b5cf6;",
+      `--orion-cms-brand-secondary-fallback: ${brandSecondary};`
+    );
+    const outputBasePath = config.basePath || process.cwd();
+    const genDir = import_path.default.resolve(outputBasePath, ".generated");
     if (!import_fs.default.existsSync(genDir)) {
       import_fs.default.mkdirSync(genDir, { recursive: true });
     }
     const genPath = import_path.default.resolve(genDir, "admin.css");
     import_fs.default.writeFileSync(genPath, css);
     cssPath = genPath;
-  } else {
-    cssPath = sourceCssPath;
   }
   const clientPath = "@orion-studios/payload-studio/admin/client";
+  const studioNavClientProps = {
+    brandName,
+    formSubmissionsCollectionSlug,
+    formsCollectionSlug,
+    formsEnabled,
+    formUploadsCollectionSlug,
+    globalsBasePath,
+    globalsExtraMatchPrefixes: [contactFormStudioPath],
+    logoUrl,
+    mediaCollectionSlug,
+    pagesCollectionSlug,
+    sections: studioSections
+  };
+  const studioBackBreadcrumbComponent = {
+    exportName: "StudioBackBreadcrumb",
+    path: clientPath
+  };
+  const hasMatchingComponent = (items, exportName) => Array.isArray(items) && items.some(
+    (item) => item && typeof item === "object" && item.exportName === exportName && item.path === clientPath
+  );
+  const appendComponent = (items, component, exportName) => hasMatchingComponent(items, exportName) ? items || [] : [...items || [], component];
+  const attachStudioBackBreadcrumbToCollection = (collection) => {
+    if (!studioEnabled) {
+      return collection;
+    }
+    const existingBeforeDocumentControls = collection.admin?.components?.edit?.beforeDocumentControls;
+    return {
+      ...collection,
+      admin: {
+        ...collection.admin,
+        components: {
+          ...collection.admin?.components,
+          edit: {
+            ...collection.admin?.components?.edit,
+            beforeDocumentControls: appendComponent(
+              existingBeforeDocumentControls,
+              studioBackBreadcrumbComponent,
+              "StudioBackBreadcrumb"
+            )
+          }
+        }
+      }
+    };
+  };
   return {
     admin: {
       css: cssPath,
@@ -151,14 +355,7 @@ function configureAdmin(config) {
           Nav: {
             exportName: "AdminStudioNav",
             path: clientPath,
-            clientProps: {
-              brandName,
-              logoUrl,
-              globalsBasePath: "/studio-globals",
-              globalsExtraMatchPrefixes: [contactFormStudioPath],
-              mediaCollectionSlug,
-              pagesCollectionSlug
-            }
+            clientProps: studioNavClientProps
           }
         } : {},
         graphics: {
@@ -184,39 +381,131 @@ function configureAdmin(config) {
             Component: {
               exportName: studioEnabled ? "AdminStudioDashboard" : "Dashboard",
               path: clientPath,
-              clientProps: {
-                brandName,
-                logoUrl,
-                globalsBasePath: "/studio-globals",
-                globalsExtraMatchPrefixes: [contactFormStudioPath],
-                mediaCollectionSlug,
-                pagesCollectionSlug
-              }
+              clientProps: studioNavClientProps
             }
           },
           ...studioEnabled ? {
             studioGlobals: {
-              path: "/studio-globals",
+              path: globalsBasePath,
               Component: {
                 exportName: "AdminStudioGlobalsView",
                 path: clientPath,
                 clientProps: {
+                  ...studioNavClientProps,
                   globals,
-                  globalsBasePath: "/studio-globals"
+                  globalsBasePath
+                }
+              }
+            },
+            studioPages: {
+              path: pagesBasePath,
+              Component: {
+                exportName: "AdminStudioPagesListView",
+                path: clientPath,
+                clientProps: {
+                  ...studioNavClientProps,
+                  pagesCollectionSlug
+                }
+              }
+            },
+            studioPageEditor: {
+              path: `${pagesBasePath}/:id`,
+              Component: {
+                exportName: "AdminStudioPageEditView",
+                path: clientPath,
+                clientProps: {
+                  ...studioNavClientProps,
+                  builderBasePath
+                }
+              }
+            },
+            studioPageNew: {
+              path: `${pagesBasePath}/new`,
+              Component: {
+                exportName: "AdminStudioNewPageView",
+                path: clientPath,
+                clientProps: {
+                  ...studioNavClientProps,
+                  pagesCollectionSlug
                 }
               }
             },
             studioContactForm: {
-              path: "/studio-contact-form",
+              path: contactFormStudioPath,
               Component: {
                 exportName: "AdminStudioContactFormView",
                 path: clientPath,
                 clientProps: {
+                  ...studioNavClientProps,
                   globalSlug: "contact-form",
-                  globalsBasePath: "/studio-globals"
+                  globalsBasePath
                 }
               }
-            }
+            },
+            ...formsEnabled ? {
+              studioForms: {
+                path: formsBasePath,
+                Component: {
+                  exportName: "AdminStudioFormsView",
+                  path: clientPath,
+                  clientProps: {
+                    ...studioNavClientProps,
+                    formsCollectionSlug,
+                    formSubmissionsCollectionSlug,
+                    formUploadsCollectionSlug
+                  }
+                }
+              }
+            } : {},
+            studioMedia: {
+              path: mediaBasePath,
+              Component: {
+                exportName: "AdminStudioMediaView",
+                path: clientPath,
+                clientProps: {
+                  ...studioNavClientProps,
+                  mediaCollectionSlug
+                }
+              }
+            },
+            studioMediaItem: {
+              path: `${mediaBasePath}/:id`,
+              Component: {
+                exportName: "AdminStudioMediaItemView",
+                path: clientPath,
+                clientProps: {
+                  ...studioNavClientProps,
+                  mediaCollectionSlug
+                }
+              }
+            },
+            studioTools: {
+              path: toolsBasePath,
+              Component: {
+                exportName: "AdminStudioToolsView",
+                path: clientPath,
+                clientProps: {
+                  ...studioNavClientProps,
+                  mediaCollectionSlug,
+                  pagesCollectionSlug
+                }
+              }
+            },
+            ...Object.fromEntries(
+              Object.entries(studioSectionViews).map(([id, view]) => [
+                id,
+                {
+                  path: view.path,
+                  Component: {
+                    ...view.Component,
+                    clientProps: {
+                      ...studioNavClientProps,
+                      ...view.Component.clientProps || {}
+                    }
+                  }
+                }
+              ])
+            )
           } : {}
         },
         providers: [
@@ -224,19 +513,33 @@ function configureAdmin(config) {
             exportName: "ThemeProvider",
             path: clientPath,
             clientProps: {
+              allowThemePreference,
               defaultTheme
             }
           }
         ],
-        afterNavLinks: [
+        beforeLogin: [
           {
-            exportName: "ThemeSwitcher",
+            exportName: "AdminLoginIntro",
             path: clientPath,
             clientProps: {
-              defaultTheme
+              brandName,
+              logoUrl
             }
           }
-        ]
+        ],
+        ...allowThemePreference ? {
+          afterNavLinks: [
+            {
+              exportName: "ThemeSwitcher",
+              path: clientPath,
+              clientProps: {
+                allowThemePreference,
+                defaultTheme
+              }
+            }
+          ]
+        } : {}
       },
       meta: {
         titleSuffix: ` \u2014 ${brandName}`
@@ -251,11 +554,77 @@ function configureAdmin(config) {
       const hasThemePreference = existingFields.some(
         (field) => typeof field === "object" && field !== null && "name" in field && field.name === "themePreference"
       );
-      return {
+      const nextCollection = {
         ...usersCollection,
-        fields: hasThemePreference ? existingFields : [...existingFields, createThemePreferenceField(defaultTheme)]
+        fields: !allowThemePreference || hasThemePreference ? existingFields : [...existingFields, createThemePreferenceField(defaultTheme)]
+      };
+      return attachStudioBackBreadcrumbToCollection(nextCollection);
+    },
+    wrapPagesCollection(pagesCollection) {
+      if (!studioEnabled) {
+        return pagesCollection;
+      }
+      const collectionWithBreadcrumb = attachStudioBackBreadcrumbToCollection(pagesCollection);
+      const existingEditMenuItems = collectionWithBreadcrumb.admin?.components?.edit?.editMenuItems;
+      const existingViews = collectionWithBreadcrumb.admin?.components?.views;
+      const existingEditViews = existingViews?.edit;
+      const hasCustomEditView = Boolean(
+        existingEditViews?.root || existingEditViews?.default && typeof existingEditViews.default === "object" && existingEditViews.default.Component
+      );
+      return {
+        ...collectionWithBreadcrumb,
+        admin: {
+          ...collectionWithBreadcrumb.admin,
+          components: {
+            ...collectionWithBreadcrumb.admin?.components,
+            edit: {
+              ...collectionWithBreadcrumb.admin?.components?.edit,
+              editMenuItems: appendComponent(
+                existingEditMenuItems,
+                {
+                  exportName: "OpenInStudioMenuItem",
+                  path: clientPath,
+                  clientProps: {
+                    pagesPathBase: pagesBasePath
+                  }
+                },
+                "OpenInStudioMenuItem"
+              )
+            },
+            views: {
+              ...existingViews,
+              ...hasCustomEditView ? {} : {
+                edit: {
+                  ...existingEditViews,
+                  default: {
+                    ...typeof existingEditViews?.default === "object" ? existingEditViews.default : {},
+                    Component: {
+                      exportName: "PageEditRedirectToStudio",
+                      path: clientPath,
+                      clientProps: {
+                        pagesPathBase: pagesBasePath
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
       };
     },
+    wrapMediaCollection(mediaCollection) {
+      return attachStudioBackBreadcrumbToCollection(mediaCollection);
+    },
+    wrapFormsCollection(formsCollection) {
+      return attachStudioBackBreadcrumbToCollection(formsCollection);
+    },
+    wrapFormSubmissionsCollection(formSubmissionsCollection) {
+      return attachStudioBackBreadcrumbToCollection(formSubmissionsCollection);
+    },
+    wrapFormUploadsCollection(formUploadsCollection) {
+      return attachStudioBackBreadcrumbToCollection(formUploadsCollection);
+    },
     wrapGlobals(globals2) {
       const labelMap = {
         header: { group: "Site Design", label: "Header & Navigation" },
@@ -267,25 +636,110 @@ function configureAdmin(config) {
       return globals2.map((global) => {
         const mapping = labelMap[global.slug];
         if (!mapping) return global;
+        const shouldAttachSiteSettingsEditView = studioEnabled && global.slug === "site-settings";
+        const shouldAttachSocialMediaEditView = studioEnabled && global.slug === "social-media";
         const shouldAttachContactFormRedirect = studioEnabled && global.slug === "contact-form";
+        const shouldAttachHeaderEditView = studioEnabled && global.slug === "header";
+        const shouldAttachFooterEditView = studioEnabled && global.slug === "footer";
         const existingViews = global.admin?.components?.views;
         const existingEditViews = existingViews?.edit;
-        const hasCustomContactFormEditView = Boolean(
+        const hasCustomEditView = Boolean(
           existingEditViews?.root || existingEditViews?.default && typeof existingEditViews.default === "object" && existingEditViews.default.Component
         );
-        const contactFormEditViews = shouldAttachContactFormRedirect && !hasCustomContactFormEditView ? {
-          ...existingEditViews,
-          default: {
-            ...typeof existingEditViews?.default === "object" ? existingEditViews.default : {},
-            Component: {
-              exportName: "StudioContactFormRedirect",
-              path: clientPath,
-              clientProps: {
-                studioContactFormPath: contactFormStudioPath
+        const nextEditViews = (() => {
+          if (shouldAttachSiteSettingsEditView && !hasCustomEditView) {
+            return {
+              ...existingEditViews,
+              default: {
+                ...typeof existingEditViews?.default === "object" ? existingEditViews.default : {},
+                Component: {
+                  exportName: "AdminStudioSiteSettingsGlobalView",
+                  path: clientPath,
+                  clientProps: {
+                    ...studioNavClientProps,
+                    globalSlug: global.slug,
+                    mediaCollectionSlug
+                  }
+                }
               }
-            }
+            };
+          }
+          if (shouldAttachSocialMediaEditView && !hasCustomEditView) {
+            return {
+              ...existingEditViews,
+              default: {
+                ...typeof existingEditViews?.default === "object" ? existingEditViews.default : {},
+                Component: {
+                  exportName: "AdminStudioSocialMediaGlobalView",
+                  path: clientPath,
+                  clientProps: {
+                    ...studioNavClientProps,
+                    globalSlug: global.slug
+                  }
+                }
+              }
+            };
+          }
+          if (shouldAttachHeaderEditView && !hasCustomEditView) {
+            return {
+              ...existingEditViews,
+              default: {
+                ...typeof existingEditViews?.default === "object" ? existingEditViews.default : {},
+                Component: {
+                  exportName: "AdminStudioHeaderGlobalView",
+                  path: clientPath,
+                  clientProps: {
+                    ...studioNavClientProps,
+                    actionHref: sitePreview?.header?.actionHref,
+                    actionLabel: sitePreview?.header?.actionLabel,
+                    globalSlug: global.slug,
+                    locationSummary: sitePreview?.locationSummary,
+                    pagesCollectionSlug
+                  }
+                }
+              }
+            };
+          }
+          if (shouldAttachFooterEditView && !hasCustomEditView) {
+            return {
+              ...existingEditViews,
+              default: {
+                ...typeof existingEditViews?.default === "object" ? existingEditViews.default : {},
+                Component: {
+                  exportName: "AdminStudioFooterGlobalView",
+                  path: clientPath,
+                  clientProps: {
+                    ...studioNavClientProps,
+                    builtByHref: sitePreview?.footer?.builtByHref,
+                    builtByLabel: sitePreview?.footer?.builtByLabel,
+                    description: sitePreview?.footer?.description,
+                    footerCategories: sitePreview?.footer?.footerCategories,
+                    footerLinks: sitePreview?.footer?.footerLinks,
+                    globalSlug: global.slug,
+                    locationSummary: sitePreview?.locationSummary
+                  }
+                }
+              }
+            };
           }
-        } : existingEditViews;
+          if (shouldAttachContactFormRedirect && !hasCustomEditView) {
+            return {
+              ...existingEditViews,
+              default: {
+                ...typeof existingEditViews?.default === "object" ? existingEditViews.default : {},
+                Component: {
+                  exportName: "StudioContactFormRedirect",
+                  path: clientPath,
+                  clientProps: {
+                    studioContactFormPath: contactFormStudioPath
+                  }
+                }
+              }
+            };
+          }
+          return existingEditViews;
+        })();
+        const existingBeforeDocumentControls = global.admin?.components?.elements?.beforeDocumentControls;
         return {
           ...global,
           admin: {
@@ -293,12 +747,18 @@ function configureAdmin(config) {
             group: mapping.group,
             components: {
               ...global.admin?.components,
-              ...shouldAttachContactFormRedirect ? {
+              elements: {
+                ...global.admin?.components?.elements,
+                beforeDocumentControls: studioEnabled ? appendComponent(
+                  existingBeforeDocumentControls,
+                  studioBackBreadcrumbComponent,
+                  "StudioBackBreadcrumb"
+                ) : existingBeforeDocumentControls
+              },
+              ...nextEditViews ? {
                 views: {
                   ...existingViews,
-                  ...contactFormEditViews ? {
-                    edit: contactFormEditViews
-                  } : {}
+                  edit: nextEditViews
                 }
               } : {}
             }
@@ -765,23 +1225,6 @@ var parseAdminHeaderNavFromForm = (formData, pageOptions, maxRows = 24) => {
   return [];
 };
 
-// src/admin-app/routeRegistry.ts
-var roleCanAccessNav = (role, item) => {
-  if (!item.roles || item.roles.length === 0) {
-    return true;
-  }
-  if (!role) {
-    return false;
-  }
-  return item.roles.includes(role);
-};
-var navItemIsActive = (pathname, item) => {
-  if (item.href === "/admin") {
-    return pathname === "/admin";
-  }
-  return item.matchPrefixes.some((prefix) => pathname.startsWith(prefix));
-};
-
 // src/blocks/index.ts
 var blocks_exports = {};
 __export(blocks_exports, {
@@ -818,165 +1261,176 @@ var sectionStyleDefaults = {
   contentGradientAngle: "135",
   contentGradientFrom: "#ffffff",
   contentGradientPreset: "none",
-  contentGradientTo: "#f4f6f2",
+  contentGradientTo: "#f4f6f8",
   contentWidth: "inherit",
   sectionPaddingX: "inherit",
   sectionBackgroundColor: "#ffffff",
   sectionBackgroundMode: "none",
   sectionGradientAngle: "135",
-  sectionGradientFrom: "#124a37",
-  sectionGradientPreset: "forest",
-  sectionGradientTo: "#1f684f",
+  sectionGradientFrom: "#334b63",
+  sectionGradientPreset: "slate",
+  sectionGradientTo: "#496582",
   sectionPaddingY: "md",
   sectionWidth: "content"
 };
-var sectionStyleFields = () => [
-  {
-    name: "sectionWidth",
-    type: "select",
-    defaultValue: sectionStyleDefaults.sectionWidth,
-    options: [
-      { label: "Content", value: "content" },
-      { label: "Wide", value: "wide" },
-      { label: "Full", value: "full" }
-    ]
-  },
-  {
-    name: "contentWidth",
-    type: "select",
-    defaultValue: sectionStyleDefaults.contentWidth,
-    options: [
-      { label: "Inherit", value: "inherit" },
-      { label: "Narrow", value: "narrow" },
-      { label: "Content", value: "content" },
-      { label: "Wide", value: "wide" },
-      { label: "Full", value: "full" }
-    ]
-  },
-  {
-    name: "sectionPaddingY",
-    type: "select",
-    defaultValue: sectionStyleDefaults.sectionPaddingY,
-    options: [
-      { label: "None", value: "none" },
-      { label: "Small", value: "sm" },
-      { label: "Medium", value: "md" },
-      { label: "Large", value: "lg" }
-    ]
-  },
-  {
-    name: "sectionPaddingX",
-    type: "select",
-    defaultValue: sectionStyleDefaults.sectionPaddingX,
-    options: [
-      { label: "Inherit", value: "inherit" },
-      { label: "None", value: "none" },
-      { label: "Small", value: "sm" },
-      { label: "Medium", value: "md" },
-      { label: "Large", value: "lg" }
-    ]
-  },
-  {
-    name: "sectionBackgroundMode",
-    type: "select",
-    defaultValue: sectionStyleDefaults.sectionBackgroundMode,
-    options: [
-      { label: "None", value: "none" },
-      { label: "Color", value: "color" },
-      { label: "Gradient", value: "gradient" }
-    ]
-  },
-  {
-    name: "sectionBackgroundColor",
-    type: "text",
-    defaultValue: sectionStyleDefaults.sectionBackgroundColor
-  },
-  {
-    name: "sectionGradientPreset",
-    type: "select",
-    defaultValue: sectionStyleDefaults.sectionGradientPreset,
-    options: [
-      { label: "None", value: "none" },
-      { label: "Forest", value: "forest" },
-      { label: "Moss", value: "moss" },
-      { label: "Cream", value: "cream" },
-      { label: "Slate", value: "slate" }
-    ]
-  },
-  {
-    name: "sectionGradientFrom",
-    type: "text",
-    defaultValue: sectionStyleDefaults.sectionGradientFrom
-  },
-  {
-    name: "sectionGradientTo",
-    type: "text",
-    defaultValue: sectionStyleDefaults.sectionGradientTo
-  },
-  {
-    name: "sectionGradientAngle",
-    type: "text",
-    defaultValue: sectionStyleDefaults.sectionGradientAngle
-  },
-  {
-    name: "contentBackgroundMode",
-    type: "select",
-    defaultValue: sectionStyleDefaults.contentBackgroundMode,
-    options: [
-      { label: "None", value: "none" },
-      { label: "Color", value: "color" },
-      { label: "Gradient", value: "gradient" }
-    ]
-  },
-  {
-    name: "contentBackgroundColor",
-    type: "text",
-    defaultValue: sectionStyleDefaults.contentBackgroundColor
-  },
-  {
-    name: "contentGradientPreset",
-    type: "select",
-    defaultValue: sectionStyleDefaults.contentGradientPreset,
-    options: [
-      { label: "None", value: "none" },
-      { label: "Cloud", value: "cloud" },
-      { label: "Sand", value: "sand" },
-      { label: "Mint", value: "mint" },
-      { label: "Night", value: "night" }
-    ]
-  },
-  {
-    name: "contentGradientFrom",
-    type: "text",
-    defaultValue: sectionStyleDefaults.contentGradientFrom
-  },
-  {
-    name: "contentGradientTo",
-    type: "text",
-    defaultValue: sectionStyleDefaults.contentGradientTo
-  },
-  {
-    name: "contentGradientAngle",
-    type: "text",
-    defaultValue: sectionStyleDefaults.contentGradientAngle
-  }
-];
-
-// src/blocks/blocks/BeforeAfter.ts
-var BeforeAfterBlock = {
-  slug: "beforeAfter",
-  imageURL: "/images/project-before-2.svg",
-  imageAltText: "Before and after section preview",
+var hideFromCMS = (field) => ({
+  ...field,
   admin: {
-    components: {
-      Label: builderBlockLabelComponent
-    }
-  },
-  labels: {
-    singular: "Before / After",
-    plural: "Before / After"
-  },
-  fields: [
+    ...field.admin || {},
+    hidden: true
+  }
+});
+var sectionStyleFields = () => {
+  const fields = [
+    {
+      name: "sectionWidth",
+      type: "select",
+      defaultValue: sectionStyleDefaults.sectionWidth,
+      options: [
+        { label: "Content", value: "content" },
+        { label: "Wide", value: "wide" },
+        { label: "Full", value: "full" }
+      ]
+    },
+    {
+      name: "contentWidth",
+      type: "select",
+      defaultValue: sectionStyleDefaults.contentWidth,
+      options: [
+        { label: "Inherit", value: "inherit" },
+        { label: "Narrow", value: "narrow" },
+        { label: "Content", value: "content" },
+        { label: "Wide", value: "wide" },
+        { label: "Full", value: "full" }
+      ]
+    },
+    {
+      name: "sectionPaddingY",
+      type: "select",
+      defaultValue: sectionStyleDefaults.sectionPaddingY,
+      options: [
+        { label: "None", value: "none" },
+        { label: "Small", value: "sm" },
+        { label: "Medium", value: "md" },
+        { label: "Large", value: "lg" }
+      ]
+    },
+    {
+      name: "sectionPaddingX",
+      type: "select",
+      defaultValue: sectionStyleDefaults.sectionPaddingX,
+      options: [
+        { label: "Inherit", value: "inherit" },
+        { label: "None", value: "none" },
+        { label: "Small", value: "sm" },
+        { label: "Medium", value: "md" },
+        { label: "Large", value: "lg" }
+      ]
+    },
+    {
+      name: "sectionBackgroundMode",
+      type: "select",
+      defaultValue: sectionStyleDefaults.sectionBackgroundMode,
+      options: [
+        { label: "None", value: "none" },
+        { label: "Color", value: "color" },
+        { label: "Gradient", value: "gradient" }
+      ]
+    },
+    {
+      name: "sectionBackgroundColor",
+      type: "text",
+      defaultValue: sectionStyleDefaults.sectionBackgroundColor
+    },
+    {
+      name: "sectionGradientPreset",
+      type: "select",
+      defaultValue: sectionStyleDefaults.sectionGradientPreset,
+      options: [
+        { label: "None", value: "none" },
+        { label: "Brand", value: "brand" },
+        { label: "Forest", value: "forest" },
+        { label: "Moss", value: "moss" },
+        { label: "Cream", value: "cream" },
+        { label: "Slate", value: "slate" }
+      ]
+    },
+    {
+      name: "sectionGradientFrom",
+      type: "text",
+      defaultValue: sectionStyleDefaults.sectionGradientFrom
+    },
+    {
+      name: "sectionGradientTo",
+      type: "text",
+      defaultValue: sectionStyleDefaults.sectionGradientTo
+    },
+    {
+      name: "sectionGradientAngle",
+      type: "text",
+      defaultValue: sectionStyleDefaults.sectionGradientAngle
+    },
+    {
+      name: "contentBackgroundMode",
+      type: "select",
+      defaultValue: sectionStyleDefaults.contentBackgroundMode,
+      options: [
+        { label: "None", value: "none" },
+        { label: "Color", value: "color" },
+        { label: "Gradient", value: "gradient" }
+      ]
+    },
+    {
+      name: "contentBackgroundColor",
+      type: "text",
+      defaultValue: sectionStyleDefaults.contentBackgroundColor
+    },
+    {
+      name: "contentGradientPreset",
+      type: "select",
+      defaultValue: sectionStyleDefaults.contentGradientPreset,
+      options: [
+        { label: "None", value: "none" },
+        { label: "Cloud", value: "cloud" },
+        { label: "Sand", value: "sand" },
+        { label: "Mint", value: "mint" },
+        { label: "Night", value: "night" }
+      ]
+    },
+    {
+      name: "contentGradientFrom",
+      type: "text",
+      defaultValue: sectionStyleDefaults.contentGradientFrom
+    },
+    {
+      name: "contentGradientTo",
+      type: "text",
+      defaultValue: sectionStyleDefaults.contentGradientTo
+    },
+    {
+      name: "contentGradientAngle",
+      type: "text",
+      defaultValue: sectionStyleDefaults.contentGradientAngle
+    }
+  ];
+  return fields.map(hideFromCMS);
+};
+
+// src/blocks/blocks/BeforeAfter.ts
+var BeforeAfterBlock = {
+  slug: "beforeAfter",
+  imageURL: "/images/project-before-2.svg",
+  imageAltText: "Before and after section preview",
+  admin: {
+    components: {
+      Label: builderBlockLabelComponent
+    }
+  },
+  labels: {
+    singular: "Before / After",
+    plural: "Before / After"
+  },
+  fields: [
     {
       name: "title",
       type: "text",
@@ -1014,12 +1468,26 @@ var BeforeAfterBlock = {
           relationTo: "media",
           required: false
         },
+        {
+          name: "beforeImageURL",
+          type: "text",
+          admin: {
+            description: "Optional direct URL for the before image when using an external asset."
+          }
+        },
         {
           name: "afterMedia",
           type: "upload",
           relationTo: "media",
           required: false
         },
+        {
+          name: "afterImageURL",
+          type: "text",
+          admin: {
+            description: "Optional direct URL for the after image when using an external asset."
+          }
+        },
         {
           name: "imageHeight",
           type: "number",
@@ -1175,6 +1643,10 @@ var CtaBlock = {
       name: "description",
       type: "textarea"
     },
+    {
+      name: "eyebrow",
+      type: "text"
+    },
     {
       name: "buttonLabel",
       type: "text"
@@ -1205,9 +1677,33 @@ var CtaBlock = {
       name: "backgroundColor",
       type: "text",
       admin: {
-        description: "Optional background color override for the CTA strip (example: #124a37)."
+        description: "Optional background color override for the CTA strip (example: #334b63)."
+      }
+    },
+    {
+      name: "media",
+      type: "upload",
+      relationTo: "media",
+      required: false
+    },
+    {
+      name: "imageURL",
+      type: "text",
+      admin: {
+        description: "Optional direct image URL when this CTA should use an external image."
       }
     },
+    {
+      name: "bullets",
+      type: "array",
+      fields: [
+        {
+          name: "label",
+          type: "text",
+          required: true
+        }
+      ]
+    },
     {
       name: "settings",
       type: "json",
@@ -1235,6 +1731,10 @@ var FaqBlock = {
     plural: "FAQs"
   },
   fields: [
+    {
+      name: "eyebrow",
+      type: "text"
+    },
     {
       name: "title",
       type: "text",
@@ -1292,10 +1792,17 @@ var FeatureGridBlock = {
     plural: "Feature Grids"
   },
   fields: [
+    {
+      name: "eyebrow",
+      type: "text"
+    },
     {
       name: "title",
-      type: "text",
-      required: true
+      type: "text"
+    },
+    {
+      name: "subtitle",
+      type: "textarea"
     },
     {
       name: "itemsPerRow",
@@ -1323,6 +1830,16 @@ var FeatureGridBlock = {
           name: "description",
           type: "textarea"
         },
+        {
+          name: "tone",
+          type: "select",
+          defaultValue: "warm",
+          options: [
+            { label: "Warm", value: "warm" },
+            { label: "Cool", value: "cool" },
+            { label: "Neutral", value: "neutral" }
+          ]
+        },
         {
           name: "iconType",
           type: "select",
@@ -1368,6 +1885,39 @@ var FeatureGridBlock = {
           relationTo: "media",
           required: false
         },
+        {
+          name: "imageURL",
+          type: "text",
+          admin: {
+            description: "Optional direct image URL when this item should use an external image."
+          }
+        },
+        {
+          name: "embedURL",
+          type: "text",
+          admin: {
+            description: "Optional iframe/embed URL for items like maps or other embedded content."
+          }
+        },
+        {
+          name: "buttonLabel",
+          type: "text"
+        },
+        {
+          name: "buttonHref",
+          type: "text"
+        },
+        {
+          name: "bullets",
+          type: "array",
+          fields: [
+            {
+              name: "label",
+              type: "text",
+              required: true
+            }
+          ]
+        },
         {
           name: "imageHeight",
           type: "number",
@@ -1450,6 +2000,22 @@ var FeatureGridBlock = {
         {
           label: "Highlight",
           value: "highlight"
+        },
+        {
+          label: "Split List",
+          value: "splitList"
+        },
+        {
+          label: "Panels",
+          value: "panels"
+        },
+        {
+          label: "Catalog",
+          value: "catalog"
+        },
+        {
+          label: "Contact Split",
+          value: "contact"
         }
       ]
     },
@@ -1457,7 +2023,7 @@ var FeatureGridBlock = {
       name: "backgroundColor",
       type: "text",
       admin: {
-        description: "Optional background color override when using the Highlight variant (example: #1f684f)."
+        description: "Optional background color override when using the Highlight variant (example: #334b63)."
       }
     },
     {
@@ -1487,6 +2053,10 @@ var FormEmbedBlock = {
     plural: "Form Embeds"
   },
   fields: [
+    {
+      name: "eyebrow",
+      type: "text"
+    },
     {
       name: "title",
       type: "text"
@@ -1495,6 +2065,10 @@ var FormEmbedBlock = {
       name: "description",
       type: "textarea"
     },
+    {
+      name: "submitLabel",
+      type: "text"
+    },
     {
       name: "formType",
       type: "select",
@@ -1576,6 +2150,13 @@ var HeroBlock = {
       type: "upload",
       relationTo: "media"
     },
+    {
+      name: "backgroundImageURL",
+      type: "text",
+      admin: {
+        description: "Optional direct image URL when the hero should use an external image source."
+      }
+    },
     {
       name: "backgroundImageFit",
       type: "select",
@@ -1621,7 +2202,7 @@ var HeroBlock = {
       name: "backgroundColor",
       type: "text",
       admin: {
-        description: "Optional background color override (example: #124a37)."
+        description: "Optional background color override (example: #334b63)."
       }
     },
     {
@@ -1659,14 +2240,14 @@ var HeroBlock = {
       name: "backgroundOverlayGradientFrom",
       type: "text",
       admin: {
-        description: "Gradient overlay start color (example: #0d4a37). Used when Overlay Mode is Gradient."
+        description: "Gradient overlay start color (example: #334b63). Used when Overlay Mode is Gradient."
       }
     },
     {
       name: "backgroundOverlayGradientTo",
       type: "text",
       admin: {
-        description: "Gradient overlay end color (example: #1f684f). Used when Overlay Mode is Gradient."
+        description: "Gradient overlay end color (example: #496582). Used when Overlay Mode is Gradient."
       }
     },
     {
@@ -1821,6 +2402,13 @@ var LogoWallBlock = {
           relationTo: "media",
           required: false
         },
+        {
+          name: "imageURL",
+          type: "text",
+          admin: {
+            description: "Optional direct image URL for this logo when using an external asset."
+          }
+        },
         {
           name: "imageHeight",
           type: "number",
@@ -1926,7 +2514,14 @@ var MediaBlock = {
       name: "image",
       type: "upload",
       relationTo: "media",
-      required: true
+      required: false
+    },
+    {
+      name: "imageURL",
+      type: "text",
+      admin: {
+        description: "Optional direct image URL when this section should use an external image."
+      }
     },
     {
       name: "caption",
@@ -2004,6 +2599,21 @@ var RichTextBlock = {
     plural: "Rich Text Sections"
   },
   fields: [
+    {
+      name: "variant",
+      type: "select",
+      defaultValue: "default",
+      options: [
+        {
+          label: "Default",
+          value: "default"
+        },
+        {
+          label: "Quote Banner",
+          value: "quoteBanner"
+        }
+      ]
+    },
     {
       name: "title",
       type: "text"
@@ -2013,6 +2623,54 @@ var RichTextBlock = {
       type: "richText",
       required: true
     },
+    {
+      name: "statsItems",
+      type: "array",
+      fields: [
+        {
+          name: "value",
+          type: "text",
+          required: true
+        },
+        {
+          name: "label",
+          type: "text",
+          required: true
+        }
+      ]
+    },
+    {
+      name: "cards",
+      type: "array",
+      fields: [
+        {
+          name: "eyebrow",
+          type: "text"
+        },
+        {
+          name: "title",
+          type: "text",
+          required: true
+        },
+        {
+          name: "description",
+          type: "textarea"
+        },
+        {
+          name: "media",
+          type: "upload",
+          relationTo: "media",
+          required: false
+        },
+        {
+          name: "imageURL",
+          type: "text",
+          admin: {
+            description: "Optional direct image URL when this card should use an external image."
+          }
+        }
+      ]
+    },
     {
       name: "width",
       type: "select",
@@ -2267,18 +2925,18 @@ var sectionPresets = [
     blocks: [
       {
         blockType: "hero",
-        kicker: "Licensed + Insured",
-        headline: "Expert Tree Care for Central Texas",
-        subheadline: "Reliable trimming, safe removals, and stump grinding for residential and commercial properties.",
-        primaryLabel: "Get Your Free Quote",
+        kicker: "Trusted Team",
+        headline: "A clear headline for your primary offer",
+        subheadline: "Explain what you offer, who it is for, and why it matters in one strong supporting sentence.",
+        primaryLabel: "Get Started",
         primaryHref: "/contact",
-        secondaryLabel: "See Our Work",
-        secondaryHref: "/portfolio"
+        secondaryLabel: "Learn More",
+        secondaryHref: "/about"
       },
       {
         blockType: "cta",
-        headline: "Need a quote this week?",
-        description: "Call (512) 555-0149 or request an on-site estimate online.",
+        headline: "Ready for the next step?",
+        description: "Use a short call to action with a direct path to contact or purchase.",
         buttonLabel: "Contact Us",
         buttonHref: "/contact",
         style: "light"
@@ -2296,19 +2954,19 @@ var sectionPresets = [
         variant: "cards",
         items: [
           {
-            title: "Tree Trimming & Pruning",
-            description: "Canopy balancing, deadwood removal, and seasonal pruning.",
-            icon: "Trim"
+            title: "Service One",
+            description: "Briefly describe this offer or outcome.",
+            icon: "01"
           },
           {
-            title: "Safe Tree Removal",
-            description: "Controlled removal for hazardous or unstable trees.",
-            icon: "Remove"
+            title: "Service Two",
+            description: "Briefly describe this offer or outcome.",
+            icon: "02"
           },
           {
-            title: "Stump Grinding",
-            description: "Below-grade stump grinding and cleanup.",
-            icon: "Stump"
+            title: "Service Three",
+            description: "Briefly describe this offer or outcome.",
+            icon: "03"
           }
         ]
       }
@@ -2324,15 +2982,15 @@ var sectionPresets = [
         title: "What Homeowners Say",
         items: [
           {
-            quote: "Great communication, fair pricing, and the cleanup was perfect. We will use them again.",
-            name: "Katie M.",
-            location: "Austin, TX",
+            quote: "The experience was smooth, thoughtful, and exactly what we hoped for.",
+            name: "Customer Name",
+            location: "City, ST",
             rating: 5
           },
           {
-            quote: "They removed a dangerous limb over our driveway quickly and safely.",
-            name: "James R.",
-            location: "Round Rock, TX",
+            quote: "Fast communication, strong service, and a result we would happily recommend.",
+            name: "Customer Name",
+            location: "City, ST",
             rating: 5
           }
         ]
@@ -2342,12 +3000,12 @@ var sectionPresets = [
         title: "Common Questions",
         items: [
           {
-            question: "How quickly can you schedule service?",
-            answer: "Most estimate requests are scheduled within 24 hours."
+            question: "How quickly do you respond?",
+            answer: "Replace this with a concise answer to a common customer question."
           },
           {
-            question: "Do you provide cleanup?",
-            answer: "Yes. Debris haul-off and cleanup are included in quoted scopes."
+            question: "What is included?",
+            answer: "Replace this with another concise answer that reduces buying friction."
           }
         ]
       }
@@ -2361,13 +3019,13 @@ var sectionPresets = [
       {
         blockType: "formEmbed",
         title: "Request a Quote",
-        description: "Share your project details and we will follow up quickly.",
+        description: "Share a few details and your team can follow up with next steps.",
         formType: "quote"
       },
       {
         blockType: "bookingEmbed",
         title: "Prefer to book a consultation?",
-        description: "Choose a time window and we will confirm availability.",
+        description: "Offer an alternative scheduling path for visitors who prefer to book directly.",
         buttonLabel: "Book Consultation",
         buttonHref: "/contact"
       }
@@ -2379,14 +3037,14 @@ var templateStarterPresets = {
     {
       blockType: "hero",
       headline: "Contact Us",
-      subheadline: "Request a quote, ask a question, or book a consultation window.",
-      primaryLabel: "Call (512) 555-0149",
-      primaryHref: "tel:+15125550149"
+      subheadline: "Tell visitors exactly how to reach you and what to expect next.",
+      primaryLabel: "Email Us",
+      primaryHref: "mailto:hello@example.com"
     },
     {
       blockType: "formEmbed",
       title: "Request a Quote",
-      description: "Tell us about your project and we will follow up quickly.",
+      description: "Use this space for a form embed or lead capture flow.",
       formType: "quote"
     },
     {
@@ -2394,8 +3052,8 @@ var templateStarterPresets = {
       title: "Common Questions",
       items: [
         {
-          question: "How quickly can you provide an estimate?",
-          answer: "Most estimates are scheduled within 24 hours."
+          question: "How quickly will you respond?",
+          answer: "Replace with the answer that best fits your operating process."
         }
       ]
     }
@@ -2404,27 +3062,27 @@ var templateStarterPresets = {
     {
       blockType: "hero",
       kicker: "Locally Owned",
-      headline: "Expert Tree Care for Central Texas",
-      subheadline: "Premium trimming, removal, and cleanup with safety-first execution.",
-      primaryLabel: "Get Your Free Quote",
+      headline: "Lead with your strongest offer",
+      subheadline: "Support the headline with a concise sentence that clarifies benefits and audience.",
+      primaryLabel: "Get Started",
       primaryHref: "/contact",
       secondaryLabel: "View Services",
       secondaryHref: "/services"
     },
     {
       blockType: "featureGrid",
-      title: "Why Homeowners Choose Us",
+      title: "Why clients choose us",
       variant: "highlight",
       items: [
-        { title: "Transparent Pricing", description: "Clear written estimates.", icon: "01" },
-        { title: "Safety-First Crew", description: "Property protection and planning.", icon: "02" },
-        { title: "Fast Scheduling", description: "Quick estimates and service windows.", icon: "03" }
+        { title: "Clear Value", description: "Explain your first differentiator.", icon: "01" },
+        { title: "Reliable Process", description: "Explain your second differentiator.", icon: "02" },
+        { title: "Strong Results", description: "Explain your third differentiator.", icon: "03" }
       ]
     },
     {
       blockType: "cta",
-      headline: "Need a quote this week?",
-      description: "Call (512) 555-0149 or request an estimate online.",
+      headline: "Ready to take the next step?",
+      description: "Add a direct conversion prompt with a clear primary action.",
       buttonLabel: "Contact Us",
       buttonHref: "/contact",
       style: "light"
@@ -2433,9 +3091,9 @@ var templateStarterPresets = {
   services: [
     {
       blockType: "hero",
-      headline: "Tree Services Built for Safety and Curb Appeal",
-      subheadline: "Core offerings first, with clear scopes and scheduling.",
-      primaryLabel: "Schedule Estimate",
+      headline: "Services Built Around Your Process",
+      subheadline: "Summarize the core offerings with a short clarity-first introduction.",
+      primaryLabel: "Request Info",
       primaryHref: "/contact"
     },
     {
@@ -2444,19 +3102,19 @@ var templateStarterPresets = {
       variant: "cards",
       items: [
         {
-          title: "Tree Trimming & Pruning",
-          description: "Selective pruning for structure, clearance, and health.",
-          icon: "Trim"
+          title: "Service One",
+          description: "Replace with a short description.",
+          icon: "01"
         },
         {
-          title: "Tree Removal",
-          description: "Controlled removal for unstable or hazardous trees.",
-          icon: "Remove"
+          title: "Service Two",
+          description: "Replace with a short description.",
+          icon: "02"
         },
         {
-          title: "Stump Grinding",
-          description: "Below-grade grinding and cleanup.",
-          icon: "Stump"
+          title: "Service Three",
+          description: "Replace with a short description.",
+          icon: "03"
         }
       ]
     },
@@ -2465,8 +3123,8 @@ var templateStarterPresets = {
       title: "Frequently Asked Questions",
       items: [
         {
-          question: "Do you handle storm cleanup?",
-          answer: "Yes. We prioritize urgent hazards after severe weather."
+          question: "Do you offer custom scopes?",
+          answer: "Replace this with an answer that fits your business."
         }
       ]
     }
@@ -2734,7 +3392,7 @@ var withImageUploadOptimization = (collection, options = {}) => {
 };
 
 // src/studio/index.ts
-var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var isRecord2 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
 var makeIssue = (message, path2, code = "studio.invalid") => ({
   code,
   message,
@@ -2749,7 +3407,7 @@ var createEmptyStudioDocument = (title) => ({
   updatedAt: (/* @__PURE__ */ new Date()).toISOString()
 });
 function assertStudioDocumentV1(input) {
-  if (!isRecord(input)) {
+  if (!isRecord2(input)) {
     throw new Error("Studio document must be an object");
   }
   if (input.schemaVersion !== 1) {
@@ -2759,7 +3417,7 @@ function assertStudioDocumentV1(input) {
     throw new Error("Studio document nodes must be an array");
   }
   const nodes = input.nodes.map((node, index) => {
-    if (!isRecord(node)) {
+    if (!isRecord2(node)) {
       throw new Error(`Node at index ${index} must be an object`);
     }
     if (typeof node.id !== "string" || node.id.length === 0) {
@@ -2768,7 +3426,7 @@ function assertStudioDocumentV1(input) {
     if (typeof node.type !== "string" || node.type.length === 0) {
       throw new Error(`Node at index ${index} has invalid type`);
     }
-    if (!isRecord(node.data)) {
+    if (!isRecord2(node.data)) {
       throw new Error(`Node at index ${index} has invalid data`);
     }
     return {
@@ -2778,7 +3436,7 @@ function assertStudioDocumentV1(input) {
     };
   });
   return {
-    metadata: isRecord(input.metadata) ? input.metadata : void 0,
+    metadata: isRecord2(input.metadata) ? input.metadata : void 0,
     schemaVersion: 1,
     title: typeof input.title === "string" ? input.title : void 0,
     nodes,
@@ -2856,7 +3514,7 @@ function migrateStudioDocument(value, migrations) {
   const sorted = [...migrations].sort((a, b) => a.fromVersion - b.fromVersion);
   let current = value;
   for (const migration of sorted) {
-    if (!isRecord(current) || current.schemaVersion !== migration.fromVersion) {
+    if (!isRecord2(current) || current.schemaVersion !== migration.fromVersion) {
       continue;
     }
     current = migration.migrate(current);
@@ -2864,20 +3522,6 @@ function migrateStudioDocument(value, migrations) {
   return assertStudioDocumentV1(current);
 }
 
-// src/studio-pages/index.ts
-var studio_pages_exports = {};
-__export(studio_pages_exports, {
-  createDefaultStudioDocument: () => createDefaultStudioDocument,
-  defaultBuilderThemeTokens: () => defaultBuilderThemeTokens,
-  layoutToStudioDocument: () => layoutToStudioDocument,
-  pageInspectorPanels: () => pageInspectorPanels,
-  pageNodeTypes: () => pageNodeTypes,
-  pagePaletteGroups: () => pagePaletteGroups,
-  pageStudioModuleManifest: () => pageStudioModuleManifest,
-  resolveBuilderThemeTokens: () => resolveBuilderThemeTokens,
-  studioDocumentToLayout: () => studioDocumentToLayout
-});
-
 // src/studio-pages/builder/settings-v2/types.ts
 var defaultBuilderBlockSettingsV2 = {
   advanced: {
@@ -2891,13 +3535,13 @@ var defaultBuilderBlockSettingsV2 = {
     contentGradientAngle: "135",
     contentGradientFrom: "#ffffff",
     contentGradientPreset: "none",
-    contentGradientTo: "#f4f6f2",
+    contentGradientTo: "#f4f6f8",
     sectionBackgroundColor: "#ffffff",
     sectionBackgroundMode: "none",
     sectionGradientAngle: "135",
-    sectionGradientFrom: "#124a37",
-    sectionGradientPreset: "forest",
-    sectionGradientTo: "#1f684f"
+    sectionGradientFrom: "#334b63",
+    sectionGradientPreset: "slate",
+    sectionGradientTo: "#496582"
   },
   layout: {
     contentWidth: "inherit",
@@ -2958,9 +3602,9 @@ var defaultBuilderItemSettingsV2 = {
 };
 var defaultBuilderThemeTokens = {
   colors: {
-    accent: "#0d4a37",
-    bodyText: "#13211c",
-    headingText: "#13211c",
+    accent: "#334b63",
+    bodyText: "#425163",
+    headingText: "#182332",
     surface: "#ffffff"
   },
   radii: {
@@ -2978,7 +3622,7 @@ var defaultBuilderThemeTokens = {
 };
 
 // src/studio-pages/builder/adapters/settingsV2.ts
-var isRecord2 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var isRecord3 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
 var parsePercent = (value) => {
   if (typeof value === "number" && Number.isFinite(value)) {
     return Math.max(0, Math.min(100, value));
@@ -3004,12 +3648,12 @@ var parsePixel = (value) => {
   return null;
 };
 var mergeSettings = (defaults, input) => {
-  if (!isRecord2(input)) {
+  if (!isRecord3(input)) {
     return structuredClone(defaults);
   }
   const next = structuredClone(defaults);
   for (const [key, value] of Object.entries(input)) {
-    if (isRecord2(value) && isRecord2(next[key])) {
+    if (isRecord3(value) && isRecord3(next[key])) {
       next[key] = mergeSettings(next[key], value);
       continue;
     }
@@ -3112,7 +3756,7 @@ var v2SettingsToLegacyBlock = (blockWithSettings) => {
     next.imagePosition = settings.media.position;
   }
   if (Array.isArray(next.items)) {
-    next.items = next.items.map((rawItem) => isRecord2(rawItem) ? v2SettingsToLegacyItem(rawItem) : rawItem);
+    next.items = next.items.map((rawItem) => isRecord3(rawItem) ? v2SettingsToLegacyItem(rawItem) : rawItem);
   }
   return next;
 };
@@ -3152,261 +3796,476 @@ var migrateBlockToSettingsV2 = (block) => {
   }
   return {
     ...withLegacyMirrors,
-    items: withLegacyMirrors.items.map((rawItem) => isRecord2(rawItem) ? v2SettingsToLegacyItem(rawItem) : rawItem)
+    items: withLegacyMirrors.items.map((rawItem) => isRecord3(rawItem) ? v2SettingsToLegacyItem(rawItem) : rawItem)
   };
 };
 
-// src/studio-pages/builder/settings-v2/themeTokens.ts
-var isRecord3 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
-var merge = (base, next) => {
-  if (!next || !isRecord3(next)) {
-    return base;
-  }
-  const merged = { ...base };
-  for (const [key, value] of Object.entries(next)) {
-    if (isRecord3(value) && isRecord3(merged[key])) {
-      merged[key] = merge(merged[key], value);
-      continue;
-    }
-    if (typeof value !== "undefined") {
-      merged[key] = value;
-    }
+// src/studio-pages/document.ts
+var ensureNodeID = (value, index) => {
+  if (typeof value === "string" && value.trim().length > 0) {
+    return value.trim();
   }
-  return merged;
+  return `node-${index + 1}`;
 };
-var resolveBuilderThemeTokens = (layers) => {
-  const withSite = merge(defaultBuilderThemeTokens, layers.site);
-  const withPage = merge(withSite, layers.page);
-  return merge(withPage, layers.block);
+var layoutToStudioDocument = (layout, title, metadata) => {
+  const nodes = layout.filter((block) => typeof block.blockType === "string").map((rawBlock, index) => {
+    const block = migrateBlockToSettingsV2(rawBlock);
+    const blockType = String(block.blockType);
+    const { id, blockType: _ignoredBlockType, ...data } = block;
+    return {
+      id: ensureNodeID(id, index),
+      type: blockType,
+      data
+    };
+  });
+  return {
+    metadata,
+    schemaVersion: 1,
+    title,
+    nodes,
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  };
 };
+var studioDocumentToLayout = (document) => document.nodes.map(
+  (node) => migrateBlockToSettingsV2({
+    id: node.id,
+    blockType: node.type,
+    ...node.data
+  })
+);
+var createDefaultStudioDocument = (title) => ({
+  metadata: {},
+  schemaVersion: 1,
+  title,
+  nodes: [],
+  updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+});
 
-// src/studio-pages/builder/settings-v2/BlockInspectorRenderer.tsx
-var import_react2 = require("react");
-
-// src/studio-pages/builder/ui/Accordion.tsx
-var import_react = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-
-// src/studio-pages/builder/ui/ImageControls.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-
-// src/studio-pages/builder/settings-v2/inspectorSchema.ts
-var alignOptions = [
-  { label: "Left", value: "left" },
-  { label: "Center", value: "center" },
-  { label: "Right", value: "right" },
-  { label: "Justify", value: "justify" }
-];
-var layoutFieldSet = [
-  {
-    group: "layout",
-    key: "settings.layout.contentWidth",
-    label: "Content Width",
-    options: [
-      { label: "Inherit Page Default", value: "inherit" },
-      { label: "Narrow", value: "narrow" },
-      { label: "Content", value: "content" },
-      { label: "Wide", value: "wide" },
-      { label: "Full", value: "full" }
-    ],
-    tags: ["width", "container"],
-    type: "select"
-  },
-  {
-    group: "layout",
-    key: "settings.layout.linkVerticalPadding",
-    label: "Keep Top and Bottom Equal",
-    tags: ["spacing", "padding", "equal", "lock", "vertical"],
-    type: "checkbox"
-  },
-  {
-    group: "layout",
-    key: "settings.layout.paddingTopPt",
-    label: "Top Padding (pt)",
-    max: 240,
-    min: 0,
-    tags: ["spacing", "padding", "top", "vertical"],
-    type: "number"
-  },
-  {
-    group: "layout",
-    key: "settings.layout.paddingBottomPt",
-    label: "Bottom Padding (pt)",
-    max: 240,
-    min: 0,
-    tags: ["spacing", "padding", "bottom", "vertical"],
-    type: "number"
-  },
-  {
-    group: "layout",
-    key: "settings.layout.linkHorizontalPadding",
-    label: "Keep Left and Right Equal",
-    tags: ["spacing", "padding", "equal", "lock", "horizontal"],
-    type: "checkbox"
-  },
-  {
-    group: "layout",
-    key: "settings.layout.paddingLeftPt",
-    label: "Left Padding (pt)",
-    max: 240,
-    min: 0,
-    tags: ["spacing", "padding", "left", "horizontal"],
-    type: "number"
-  },
-  {
-    group: "layout",
-    key: "settings.layout.paddingRightPt",
-    label: "Right Padding (pt)",
-    max: 240,
-    min: 0,
-    tags: ["spacing", "padding", "right", "horizontal"],
-    type: "number"
-  }
-];
-var typographyFieldSet = [
-  {
-    group: "typography",
-    key: "settings.typography.headingAlign",
-    label: "Heading Alignment",
-    options: alignOptions,
-    tags: ["text", "align", "heading"],
-    type: "select"
-  },
-  {
-    group: "typography",
-    key: "settings.typography.bodyAlign",
-    label: "Body Alignment",
-    options: alignOptions,
-    tags: ["text", "align", "paragraph"],
-    type: "select"
-  },
-  {
-    group: "typography",
-    key: "settings.typography.maxTextWidth",
-    label: "Text Width",
-    options: [
-      { label: "Auto", value: "auto" },
-      { label: "Small", value: "sm" },
-      { label: "Medium", value: "md" },
-      { label: "Large", value: "lg" },
-      { label: "Full", value: "full" }
-    ],
-    tags: ["readability", "measure", "line length"],
-    type: "select"
-  },
-  {
-    advanced: true,
-    group: "typography",
-    key: "settings.typography.lineHeightPreset",
-    label: "Line Height",
-    options: [
-      { label: "Tight", value: "tight" },
-      { label: "Normal", value: "normal" },
-      { label: "Relaxed", value: "relaxed" }
-    ],
-    type: "select"
-  },
-  {
-    advanced: true,
-    group: "typography",
-    key: "settings.typography.letterSpacingPreset",
-    label: "Letter Spacing",
-    options: [
-      { label: "Tight", value: "tight" },
-      { label: "Normal", value: "normal" },
-      { label: "Relaxed", value: "relaxed" }
-    ],
-    type: "select"
+// src/nextjs/queries/pages.ts
+var PAGE_QUERY_CACHE_VERSION = "v4-published-only-public";
+function withStudioDocumentLayout(page) {
+  if (!page) {
+    return null;
   }
-];
-var styleFieldSet = [
-  {
-    group: "style",
-    key: "settings.appearance.sectionBackgroundMode",
-    label: "Section Background",
-    options: [
-      { label: "None", value: "none" },
-      { label: "Color", value: "color" },
-      { label: "Gradient", value: "gradient" }
-    ],
-    tags: ["background", "section"],
-    type: "select"
-  },
-  {
-    group: "style",
-    key: "settings.appearance.sectionBackgroundColor",
-    label: "Section Background Color",
-    type: "color"
-  },
-  {
-    group: "style",
-    key: "settings.appearance.contentBackgroundMode",
-    label: "Content Background",
-    options: [
-      { label: "None", value: "none" },
-      { label: "Color", value: "color" },
-      { label: "Gradient", value: "gradient" }
-    ],
-    tags: ["background", "content"],
-    type: "select"
-  },
-  {
-    group: "style",
-    key: "settings.appearance.contentBackgroundColor",
-    label: "Content Background Color",
-    type: "color"
+  try {
+    const studioDocument = assertStudioDocumentV1(page.studioDocument);
+    const compiledLayout = studioDocumentToLayout(studioDocument);
+    if (Array.isArray(compiledLayout) && compiledLayout.length > 0) {
+      return {
+        ...page,
+        layout: compiledLayout
+      };
+    }
+  } catch {
   }
-];
-var commonAdvanced = [
-  {
-    group: "advanced",
-    inlineEditable: false,
-    key: "settings.advanced.editCopyInPanel",
-    label: "Edit Copy In Panel",
-    tags: ["inline", "copy", "text"],
-    type: "checkbox"
-  },
-  {
-    advanced: true,
-    group: "advanced",
-    key: "settings.advanced.hideOnMobile",
-    label: "Hide On Mobile",
-    type: "checkbox"
-  },
-  {
-    advanced: true,
-    group: "advanced",
-    key: "settings.advanced.customClassName",
-    label: "Custom Class Name",
-    type: "text"
+  return page;
+}
+function normalizePath(segments) {
+  if (!segments || segments.length === 0) {
+    return "/";
   }
-];
-var mediaFieldSet = [
-  {
-    group: "media",
-    key: "settings.media.fit",
-    label: "Image Fit",
-    options: [
-      { label: "Cover", value: "cover" },
-      { label: "Contain", value: "contain" }
-    ],
-    tags: ["image", "media"],
-    type: "select"
-  },
-  {
-    group: "media",
-    key: "settings.media.cornerStyle",
-    label: "Image Corners",
-    options: [
-      { label: "Rounded", value: "rounded" },
-      { label: "Square", value: "square" }
-    ],
-    tags: ["image", "radius", "corners"],
-    type: "select"
+  const cleaned = segments.map((segment) => segment.trim()).filter(Boolean).join("/");
+  return cleaned.length > 0 ? `/${cleaned}` : "/";
+}
+async function queryPageByPath(payload, path2, draft) {
+  const pathWhere = {
+    path: {
+      equals: path2
+    }
+  };
+  const publishedWhere = {
+    _status: {
+      equals: "published"
+    }
+  };
+  const result = await payload.find({
+    collection: "pages",
+    depth: 2,
+    draft,
+    limit: 1,
+    overrideAccess: false,
+    where: draft ? pathWhere : { and: [pathWhere, publishedWhere] }
+  });
+  if (result.docs.length > 0) {
+    return withStudioDocumentLayout(result.docs[0] || null);
   }
-];
-var inspectorDefinitionByBlockType = {
-  beforeAfter: {
+  if (path2 === "/") {
+    const homeWhere = {
+      slug: {
+        equals: "home"
+      }
+    };
+    const homeResult = await payload.find({
+      collection: "pages",
+      depth: 2,
+      draft,
+      limit: 1,
+      overrideAccess: false,
+      where: draft ? homeWhere : { and: [homeWhere, publishedWhere] }
+    });
+    return withStudioDocumentLayout(homeResult.docs[0] || null);
+  }
+  return null;
+}
+function createPageQueries(getPayloadClient, contentTag = "website-content") {
+  const getPublishedPageByPathCached = (0, import_cache.unstable_cache)(
+    async (path2) => {
+      const payload = await getPayloadClient();
+      return queryPageByPath(payload, path2, false);
+    },
+    ["page-by-path", PAGE_QUERY_CACHE_VERSION],
+    { tags: [contentTag] }
+  );
+  async function getPageBySegments(segments, draft = false) {
+    const path2 = normalizePath(segments);
+    const payload = await getPayloadClient();
+    if (draft) {
+      return queryPageByPath(payload, path2, true);
+    }
+    return getPublishedPageByPathCached(path2);
+  }
+  async function listPublishedPagePaths() {
+    const payload = await getPayloadClient();
+    const pages = await payload.find({
+      collection: "pages",
+      depth: 0,
+      draft: false,
+      limit: 1e3,
+      pagination: false,
+      overrideAccess: false,
+      where: {
+        _status: {
+          equals: "published"
+        }
+      }
+    });
+    return pages.docs.map((doc) => doc.path).filter((path2) => typeof path2 === "string" && path2.length > 0);
+  }
+  function pathToSegments(path2) {
+    if (!path2 || path2 === "/") {
+      return [];
+    }
+    return path2.split("/").filter(Boolean);
+  }
+  return {
+    getPageBySegments,
+    listPublishedPagePaths,
+    pathToSegments
+  };
+}
+
+// src/nextjs/queries/site.ts
+var import_cache2 = require("next/cache");
+function createSiteQueries(getPayloadClient, contentTag = "website-content") {
+  const getSiteSettingsCached = (0, import_cache2.unstable_cache)(
+    async () => {
+      const payload = await getPayloadClient();
+      const settings = await payload.findGlobal({
+        slug: "site-settings",
+        depth: 1
+      });
+      return settings;
+    },
+    ["site-settings-global"],
+    { tags: [contentTag] }
+  );
+  const getHeaderCached = (0, import_cache2.unstable_cache)(
+    async () => {
+      const payload = await getPayloadClient();
+      const header = await payload.findGlobal({
+        slug: "header",
+        depth: 1
+      });
+      return header;
+    },
+    ["header-global"],
+    { tags: [contentTag] }
+  );
+  const getFooterCached = (0, import_cache2.unstable_cache)(
+    async () => {
+      const payload = await getPayloadClient();
+      const footer = await payload.findGlobal({
+        slug: "footer",
+        depth: 1
+      });
+      return footer;
+    },
+    ["footer-global"],
+    { tags: [contentTag] }
+  );
+  const getSocialMediaCached = (0, import_cache2.unstable_cache)(
+    async () => {
+      const payload = await getPayloadClient();
+      const socialMedia = await payload.findGlobal({
+        slug: "social-media",
+        depth: 1
+      });
+      return socialMedia;
+    },
+    ["social-media-global"],
+    { tags: [contentTag] }
+  );
+  async function getSiteSettings(draft = false) {
+    if (draft) {
+      const payload = await getPayloadClient();
+      const settings = await payload.findGlobal({
+        slug: "site-settings",
+        depth: 1,
+        draft: true
+      });
+      return settings;
+    }
+    return getSiteSettingsCached();
+  }
+  async function getHeader(draft = false) {
+    if (draft) {
+      const payload = await getPayloadClient();
+      const header = await payload.findGlobal({
+        slug: "header",
+        depth: 1,
+        draft: true
+      });
+      return header;
+    }
+    return getHeaderCached();
+  }
+  async function getFooter(draft = false) {
+    if (draft) {
+      const payload = await getPayloadClient();
+      const footer = await payload.findGlobal({
+        slug: "footer",
+        depth: 1,
+        draft: true
+      });
+      return footer;
+    }
+    return getFooterCached();
+  }
+  async function getSocialMedia(draft = false) {
+    if (draft) {
+      const payload = await getPayloadClient();
+      const socialMedia = await payload.findGlobal({
+        slug: "social-media",
+        depth: 1,
+        draft: true
+      });
+      return socialMedia;
+    }
+    return getSocialMediaCached();
+  }
+  return {
+    getSiteSettings,
+    getHeader,
+    getFooter,
+    getSocialMedia
+  };
+}
+
+// src/nextjs/utilities/media.ts
+function resolveMedia(media) {
+  if (!media) {
+    return null;
+  }
+  if (typeof media === "number" || typeof media === "string") {
+    return null;
+  }
+  if (media.url) {
+    return {
+      url: media.url,
+      alt: media.alt || ""
+    };
+  }
+  if (media.filename) {
+    return {
+      url: `/media/${media.filename}`,
+      alt: media.alt || ""
+    };
+  }
+  return null;
+}
+
+// src/nextjs/utilities/socialMedia.ts
+function resolveSocialMediaLinks(data) {
+  const profiles = data?.profiles;
+  if (!profiles || typeof profiles !== "object") {
+    return [];
+  }
+  return SOCIAL_MEDIA_PLATFORMS.reduce((acc, platform) => {
+    const profile = profiles[platform];
+    if (!profile || typeof profile !== "object") {
+      return acc;
+    }
+    const url = typeof profile.url === "string" ? profile.url.trim() : "";
+    if (!url) {
+      return acc;
+    }
+    const icon = typeof profile.icon === "string" && profile.icon.trim().length > 0 ? profile.icon.trim() : SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM[platform];
+    acc.push({
+      icon,
+      label: SOCIAL_MEDIA_PLATFORM_LABELS[platform],
+      platform,
+      url
+    });
+    return acc;
+  }, []);
+}
+
+// src/studio-pages/index.ts
+var studio_pages_exports = {};
+__export(studio_pages_exports, {
+  createDefaultStudioDocument: () => createDefaultStudioDocument,
+  createStudioPageService: () => createStudioPageService,
+  defaultBuilderThemeTokens: () => defaultBuilderThemeTokens,
+  getStudioDocumentFromPage: () => getStudioDocumentFromPage,
+  layoutToStudioDocument: () => layoutToStudioDocument,
+  pageInspectorPanels: () => pageInspectorPanels,
+  pageNodeTypes: () => pageNodeTypes,
+  pagePaletteGroups: () => pagePaletteGroups,
+  pageStudioModuleManifest: () => pageStudioModuleManifest,
+  resolveBuilderThemeTokens: () => resolveBuilderThemeTokens,
+  studioDocumentToLayout: () => studioDocumentToLayout,
+  toEditorInitialDoc: () => toEditorInitialDoc
+});
+
+// src/studio-pages/builder/settings-v2/themeTokens.ts
+var isRecord4 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var merge = (base, next) => {
+  if (!next || !isRecord4(next)) {
+    return base;
+  }
+  const merged = { ...base };
+  for (const [key, value] of Object.entries(next)) {
+    if (isRecord4(value) && isRecord4(merged[key])) {
+      merged[key] = merge(merged[key], value);
+      continue;
+    }
+    if (typeof value !== "undefined") {
+      merged[key] = value;
+    }
+  }
+  return merged;
+};
+var resolveBuilderThemeTokens = (layers) => {
+  const withSite = merge(defaultBuilderThemeTokens, layers.site);
+  const withPage = merge(withSite, layers.page);
+  return merge(withPage, layers.block);
+};
+
+// src/studio-pages/builder/settings-v2/inspectorSchema.ts
+var alignOptions = [
+  { label: "Left", value: "left" },
+  { label: "Center", value: "center" },
+  { label: "Right", value: "right" },
+  { label: "Justify", value: "justify" }
+];
+var layoutFieldSet = [];
+var typographyFieldSet = [
+  {
+    group: "typography",
+    key: "settings.typography.headingAlign",
+    label: "Heading Alignment",
+    options: alignOptions,
+    tags: ["text", "align", "heading"],
+    type: "select"
+  },
+  {
+    group: "typography",
+    key: "settings.typography.bodyAlign",
+    label: "Body Alignment",
+    options: alignOptions,
+    tags: ["text", "align", "paragraph"],
+    type: "select"
+  },
+  {
+    group: "typography",
+    key: "settings.typography.maxTextWidth",
+    label: "Text Width",
+    options: [
+      { label: "Auto", value: "auto" },
+      { label: "Small", value: "sm" },
+      { label: "Medium", value: "md" },
+      { label: "Large", value: "lg" },
+      { label: "Full", value: "full" }
+    ],
+    tags: ["readability", "measure", "line length"],
+    type: "select"
+  },
+  {
+    advanced: true,
+    group: "typography",
+    key: "settings.typography.lineHeightPreset",
+    label: "Line Height",
+    options: [
+      { label: "Tight", value: "tight" },
+      { label: "Normal", value: "normal" },
+      { label: "Relaxed", value: "relaxed" }
+    ],
+    type: "select"
+  },
+  {
+    advanced: true,
+    group: "typography",
+    key: "settings.typography.letterSpacingPreset",
+    label: "Letter Spacing",
+    options: [
+      { label: "Tight", value: "tight" },
+      { label: "Normal", value: "normal" },
+      { label: "Relaxed", value: "relaxed" }
+    ],
+    type: "select"
+  }
+];
+var styleFieldSet = [];
+var commonAdvanced = [
+  {
+    group: "advanced",
+    inlineEditable: false,
+    key: "settings.advanced.editCopyInPanel",
+    label: "Edit Copy In Panel",
+    tags: ["inline", "copy", "text"],
+    type: "checkbox"
+  },
+  {
+    advanced: true,
+    group: "advanced",
+    key: "settings.advanced.hideOnMobile",
+    label: "Hide On Mobile",
+    type: "checkbox"
+  },
+  {
+    advanced: true,
+    group: "advanced",
+    key: "settings.advanced.customClassName",
+    label: "Custom Class Name",
+    type: "text"
+  }
+];
+var mediaFieldSet = [
+  {
+    group: "media",
+    key: "settings.media.fit",
+    label: "Image Fit",
+    options: [
+      { label: "Cover", value: "cover" },
+      { label: "Contain", value: "contain" }
+    ],
+    tags: ["image", "media"],
+    type: "select"
+  },
+  {
+    group: "media",
+    key: "settings.media.cornerStyle",
+    label: "Image Corners",
+    options: [
+      { label: "Rounded", value: "rounded" },
+      { label: "Square", value: "square" }
+    ],
+    tags: ["image", "radius", "corners"],
+    type: "select"
+  }
+];
+var inspectorDefinitionByBlockType = {
+  beforeAfter: {
     blockType: "beforeAfter",
     fields: [
       { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
@@ -3457,6 +4316,7 @@ var inspectorDefinitionByBlockType = {
   faq: {
     blockType: "faq",
     fields: [
+      { group: "basics", inlineEditable: true, key: "eyebrow", label: "Eyebrow", type: "text" },
       { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
       ...layoutFieldSet,
       ...typographyFieldSet,
@@ -3467,6 +4327,7 @@ var inspectorDefinitionByBlockType = {
   featureGrid: {
     blockType: "featureGrid",
     fields: [
+      { group: "basics", inlineEditable: true, key: "eyebrow", label: "Eyebrow", type: "text" },
       { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
       {
         group: "basics",
@@ -3474,7 +4335,11 @@ var inspectorDefinitionByBlockType = {
         label: "Variant",
         options: [
           { label: "Cards", value: "cards" },
-          { label: "Highlight", value: "highlight" }
+          { label: "Highlight", value: "highlight" },
+          { label: "Split List", value: "splitList" },
+          { label: "Panels", value: "panels" },
+          { label: "Catalog", value: "catalog" },
+          { label: "Contact Split", value: "contact" }
         ],
         type: "select"
       },
@@ -3489,6 +4354,7 @@ var inspectorDefinitionByBlockType = {
   formEmbed: {
     blockType: "formEmbed",
     fields: [
+      { group: "basics", inlineEditable: true, key: "eyebrow", label: "Eyebrow", type: "text" },
       { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
       { group: "basics", inlineEditable: true, key: "description", label: "Description", type: "textarea" },
       {
@@ -3521,7 +4387,7 @@ var inspectorDefinitionByBlockType = {
         type: "select"
       },
       {
-        group: "layout",
+        group: "basics",
         key: "heroHeight",
         label: "Hero Height",
         options: [
@@ -3574,6 +4440,16 @@ var inspectorDefinitionByBlockType = {
   richText: {
     blockType: "richText",
     fields: [
+      {
+        group: "basics",
+        key: "variant",
+        label: "Variant",
+        options: [
+          { label: "Default", value: "default" },
+          { label: "Quote Banner", value: "quoteBanner" }
+        ],
+        type: "select"
+      },
       { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
       {
         group: "basics",
@@ -3607,679 +4483,573 @@ var inspectorDefinitionByBlockType = {
     fields: [
       { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
       { group: "basics", key: "visibleCount", label: "Visible At Once", max: 6, min: 1, type: "number" },
-      { group: "basics", key: "autoRotate", label: "Auto Rotate", type: "checkbox" },
-      {
-        advanced: true,
-        group: "advanced",
-        key: "rotateIntervalSeconds",
-        label: "Rotate Interval Seconds",
-        max: 30,
-        min: 2,
-        type: "number"
-      },
-      ...layoutFieldSet,
-      ...typographyFieldSet,
-      ...styleFieldSet,
-      ...commonAdvanced
-    ]
-  }
-};
-
-// src/studio-pages/builder/settings-v2/BlockInspectorRenderer.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-
-// src/studio-pages/migrations.ts
-var isRecord4 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
-var assertPageStudioDocumentV1 = (value) => {
-  if (!isRecord4(value)) {
-    throw new Error("Studio document must be an object");
-  }
-  if (value.schemaVersion !== 1) {
-    throw new Error("Unsupported studio schemaVersion");
-  }
-  if (!Array.isArray(value.nodes)) {
-    throw new Error("Studio document nodes must be an array");
-  }
-  const nodes = value.nodes.map((node, index) => {
-    if (!isRecord4(node)) {
-      throw new Error(`Node at index ${index} must be an object`);
-    }
-    if (typeof node.id !== "string" || node.id.length === 0) {
-      throw new Error(`Node at index ${index} has invalid id`);
-    }
-    if (typeof node.type !== "string" || node.type.length === 0) {
-      throw new Error(`Node at index ${index} has invalid type`);
-    }
-    if (!isRecord4(node.data)) {
-      throw new Error(`Node at index ${index} has invalid data`);
-    }
-    return {
-      data: node.data,
-      id: node.id,
-      type: node.type
-    };
-  });
-  return {
-    metadata: isRecord4(value.metadata) ? value.metadata : void 0,
-    nodes,
-    schemaVersion: 1,
-    title: typeof value.title === "string" ? value.title : void 0,
-    updatedAt: typeof value.updatedAt === "string" ? value.updatedAt : void 0
-  };
-};
-var migratePageNodeToSettingsV2 = (node) => {
-  const normalized = migrateBlockToSettingsV2({
-    blockType: node.type,
-    ...node.data
-  });
-  const { blockType: _ignoredBlockType, ...data } = normalized;
-  return {
-    ...node,
-    data
-  };
-};
-var migratePageDocumentSettingsToV2 = (value) => {
-  const current = assertPageStudioDocumentV1(value);
-  return {
-    ...current,
-    nodes: current.nodes.map(migratePageNodeToSettingsV2)
-  };
-};
-var pageStudioMigrations = [
-  {
-    fromVersion: 1,
-    migrate: migratePageDocumentSettingsToV2,
-    toVersion: 1
-  }
-];
-
-// src/studio-pages/index.ts
-var withSectionStyleDefaults = (value) => ({
-  ...sectionStyleDefaults,
-  ...value
-});
-var defaultNodeData = {
-  bookingEmbed: {
-    ...withSectionStyleDefaults({}),
-    buttonHref: "/contact",
-    buttonLabel: "Book Consultation",
-    description: "Let visitors book a consultation.",
-    title: "Book a Time"
-  },
-  beforeAfter: withSectionStyleDefaults({
-    itemsPerRow: 2,
-    items: [
-      {
-        description: "Before and after result summary.",
-        imageCornerStyle: "rounded",
-        imageFit: "cover",
-        imagePosition: "center",
-        label: "Project One"
-      }
-    ],
-    subtitle: "Show visual proof from real projects.",
-    title: "Before & After Results"
-  }),
-  cta: {
-    ...withSectionStyleDefaults({}),
-    backgroundColor: "#1f684f",
-    buttonHref: "/contact",
-    buttonLabel: "Contact Us",
-    description: "Optional supporting copy.",
-    headline: "Ready to get started?",
-    style: "light"
-  },
-  faq: {
-    ...withSectionStyleDefaults({}),
-    items: [{ answer: "Answer goes here.", question: "Frequently asked question?" }],
-    title: "Frequently Asked Questions"
-  },
-  featureGrid: {
-    ...withSectionStyleDefaults({}),
-    itemsPerRow: 3,
-    items: [
-      { description: "Explain this point.", iconType: "badge", icon: "01", imageCornerStyle: "rounded", imageFit: "cover", imagePosition: "center", title: "Feature One" },
-      { description: "Explain this point.", iconType: "badge", icon: "02", imageCornerStyle: "rounded", imageFit: "cover", imagePosition: "center", title: "Feature Two" },
-      { description: "Explain this point.", iconType: "badge", icon: "03", imageCornerStyle: "rounded", imageFit: "cover", imagePosition: "center", title: "Feature Three" }
-    ],
-    title: "Section Title",
-    variant: "cards"
-  },
-  formEmbed: {
-    ...withSectionStyleDefaults({}),
-    description: "Collect lead details from visitors.",
-    formType: "quote",
-    title: "Request a Quote"
-  },
-  hero: {
-    ...withSectionStyleDefaults({}),
-    backgroundColor: "",
-    backgroundOverlayMode: "none",
-    backgroundOverlayOpacity: 45,
-    backgroundOverlayColor: "#000000",
-    backgroundOverlayGradientFrom: "#0d4a37",
-    backgroundOverlayGradientTo: "#1f684f",
-    backgroundOverlayGradientAngle: "135",
-    backgroundOverlayGradientFromStrength: 100,
-    backgroundOverlayGradientToStrength: 100,
-    backgroundOverlayGradientStart: 0,
-    backgroundOverlayGradientEnd: 100,
-    backgroundOverlayGradientFeather: 100,
-    backgroundImageCornerStyle: "rounded",
-    backgroundImageFit: "cover",
-    backgroundImagePosition: "center",
-    heroHeight: "sm",
-    headline: "New Hero Section",
-    kicker: "Optional kicker",
-    primaryHref: "/contact",
-    primaryLabel: "Primary Action",
-    secondaryHref: "/services",
-    secondaryLabel: "Secondary Action",
-    subheadline: "Describe your offer clearly for website visitors.",
-    variant: "default"
-  },
-  media: {
-    ...withSectionStyleDefaults({}),
-    caption: "Add a caption",
-    imageCornerStyle: "rounded",
-    imageFit: "cover",
-    imagePosition: "center",
-    size: "default"
-  },
-  logoWall: withSectionStyleDefaults({
-    items: [
-      { imageCornerStyle: "rounded", imageFit: "contain", imagePosition: "center", name: "Trusted Partner 1" },
-      { imageCornerStyle: "rounded", imageFit: "contain", imagePosition: "center", name: "Trusted Partner 2" },
-      { imageCornerStyle: "rounded", imageFit: "contain", imagePosition: "center", name: "Trusted Partner 3" }
-    ],
-    subtitle: "Trusted by teams and homeowners across Central Texas.",
-    title: "Trusted by Local Organizations"
-  }),
-  richText: {
-    ...withSectionStyleDefaults({}),
-    content: {
-      root: {
-        children: [
-          {
-            children: [
-              {
-                detail: 0,
-                format: 0,
-                mode: "normal",
-                style: "",
-                text: "Write your content here.",
-                type: "text",
-                version: 1
-              }
-            ],
-            direction: "ltr",
-            format: "",
-            indent: 0,
-            type: "paragraph",
-            version: 1
-          }
-        ],
-        direction: "ltr",
-        format: "",
-        indent: 0,
-        type: "root",
-        version: 1
-      }
-    },
-    title: "Section Heading",
-    width: "normal"
-  },
-  testimonials: {
-    ...withSectionStyleDefaults({}),
-    autoRotate: true,
-    items: [{ location: "City, ST", name: "Customer Name", quote: "Customer feedback goes here.", rating: 5 }],
-    rotateIntervalSeconds: 7,
-    title: "What Customers Say",
-    visibleCount: 3
-  },
-  stats: withSectionStyleDefaults({
-    items: [
-      { description: "Average response time", label: "Same-Day Quotes", value: "24h" },
-      { description: "Projects completed", label: "Completed Jobs", value: "1,200+" },
-      { description: "Client satisfaction score", label: "Satisfaction", value: "4.9/5" }
-    ],
-    subtitle: "Highlight measurable outcomes to build trust quickly.",
-    title: "Performance Highlights"
-  })
+      { group: "basics", key: "autoRotate", label: "Auto Rotate", type: "checkbox" },
+      {
+        advanced: true,
+        group: "advanced",
+        key: "rotateIntervalSeconds",
+        label: "Rotate Interval Seconds",
+        max: 30,
+        min: 2,
+        type: "number"
+      },
+      ...layoutFieldSet,
+      ...typographyFieldSet,
+      ...styleFieldSet,
+      ...commonAdvanced
+    ]
+  }
 };
-var nodeTypeLabels = {
-  bookingEmbed: "Booking Embed",
-  beforeAfter: "Before / After",
-  cta: "Call To Action",
-  faq: "FAQ",
-  featureGrid: "Feature Grid",
-  formEmbed: "Form Embed",
-  hero: "Hero",
-  logoWall: "Logo Wall",
-  media: "Media",
-  richText: "Rich Text",
-  stats: "Stats",
-  testimonials: "Testimonials"
+
+// src/studio-pages/pageService.ts
+var isRecord5 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var toRecordArray = (value) => Array.isArray(value) ? value.filter((item) => isRecord5(item)) : [];
+var getRelationID = (value) => {
+  if (typeof value === "number" || typeof value === "string") {
+    return value;
+  }
+  if (!isRecord5(value)) {
+    return null;
+  }
+  const id = value.id;
+  return typeof id === "number" || typeof id === "string" ? id : null;
 };
-var pageNodeTypes = Object.keys(defaultNodeData).map((type) => ({
-  type,
-  displayName: nodeTypeLabels[type] || type,
-  description: `Page node for ${nodeTypeLabels[type] || type}`,
-  getDefaultData: () => {
-    const migrated = migrateBlockToSettingsV2(structuredClone(defaultNodeData[type]));
-    const { blockType: _ignoredBlockType, ...data } = migrated;
-    return data;
+var asLayoutArray = (value) => toRecordArray(value);
+var hydrateRelationship = (valueFromStudio, valueFromLayout) => {
+  if (isRecord5(valueFromStudio)) {
+    return valueFromStudio;
   }
-}));
-var validatePageDocument = (document) => {
-  const issues = [];
-  if (!document.title || document.title.trim().length === 0) {
-    issues.push({
-      code: "pages.title.required",
-      message: "Page title is required before publishing.",
-      path: "title",
-      severity: "error"
-    });
+  if (!isRecord5(valueFromLayout)) {
+    return valueFromStudio;
   }
-  if (document.nodes.length === 0) {
-    issues.push({
-      code: "pages.nodes.required",
-      message: "At least one section is required.",
-      path: "nodes",
-      severity: "error"
-    });
+  const studioID = getRelationID(valueFromStudio);
+  const layoutID = getRelationID(valueFromLayout);
+  if (studioID === null || layoutID === null || String(studioID) !== String(layoutID)) {
+    return valueFromStudio;
   }
-  document.nodes.forEach((node, index) => {
-    if (node.type === "hero" && typeof node.data.headline !== "string") {
-      issues.push({
-        code: "pages.hero.headline",
-        message: "Hero section requires a headline.",
-        path: `nodes.${index}.data.headline`,
-        severity: "error"
-      });
-    }
-  });
-  return issues;
+  return valueFromLayout;
 };
-var pagePaletteGroups = [
-  {
-    id: "page-core",
-    label: "Core Sections",
-    items: [
-      { nodeType: "hero", title: "Hero", description: "Top-of-page headline and CTA" },
-      { nodeType: "featureGrid", title: "Feature Grid", description: "Service or value cards" },
-      { nodeType: "stats", title: "Stats", description: "Key performance highlights" },
-      { nodeType: "logoWall", title: "Logo Wall", description: "Trust logos and badges" },
-      { nodeType: "beforeAfter", title: "Before / After", description: "Visual before-and-after gallery" },
-      { nodeType: "richText", title: "Rich Text", description: "Long-form content area" },
-      { nodeType: "media", title: "Media", description: "Image/video section" },
-      { nodeType: "testimonials", title: "Testimonials", description: "Social proof quotes" },
-      { nodeType: "faq", title: "FAQ", description: "Question-and-answer section" },
-      { nodeType: "cta", title: "Call To Action", description: "Conversion strip with button" },
-      { nodeType: "formEmbed", title: "Form Embed", description: "Lead capture form" },
-      { nodeType: "bookingEmbed", title: "Booking Embed", description: "Scheduling panel" }
-    ]
-  }
-];
-var pageInspectorPanelRegistry = Object.keys(defaultNodeData).map((nodeType) => ({
-  nodeType,
-  panelID: `${nodeType}-panel`,
-  panelLabel: `${nodeTypeLabels[nodeType] || nodeType} Settings`
-}));
-var resolvePanelFields = (nodeType) => inspectorDefinitionByBlockType[nodeType]?.fields.map((field) => ({
-  advanced: field.advanced,
-  group: field.group,
-  inlineEditable: field.inlineEditable,
-  key: field.key,
-  label: field.label,
-  type: field.type
-})) || [];
-var pageInspectorPanels = pageInspectorPanelRegistry.map((entry) => ({
-  fields: resolvePanelFields(entry.nodeType),
-  id: entry.panelID,
-  label: entry.panelLabel,
-  nodeType: entry.nodeType
-}));
-var pageStudioModuleManifest = {
-  id: "studio-pages",
-  version: "0.1.0-beta.0",
-  displayName: "Pages Studio Module",
-  nodeTypes: pageNodeTypes,
-  paletteGroups: pagePaletteGroups,
-  inspectorPanels: pageInspectorPanels,
-  validators: [validatePageDocument],
-  migrations: pageStudioMigrations,
-  compiler: {
-    compileNode: (node) => {
-      const normalized = migrateBlockToSettingsV2({
-        blockType: node.type,
-        ...node.data
+var hydrateDocumentWithLayoutRelations = (document, layout) => {
+  const nextNodes = document.nodes.map((node, index) => {
+    const layoutBlock = layout[index];
+    if (!isRecord5(layoutBlock)) {
+      return node;
+    }
+    if (typeof layoutBlock.blockType !== "string" || layoutBlock.blockType !== node.type) {
+      return node;
+    }
+    const nextData = { ...node.data };
+    if (node.type === "hero") {
+      nextData.media = hydrateRelationship(nextData.media, layoutBlock.media);
+    }
+    if (node.type === "media") {
+      nextData.image = hydrateRelationship(nextData.image, layoutBlock.image);
+    }
+    if (node.type === "featureGrid" || node.type === "logoWall" || node.type === "beforeAfter") {
+      const studioItems = Array.isArray(nextData.items) ? nextData.items : [];
+      const layoutItems = Array.isArray(layoutBlock.items) ? layoutBlock.items : [];
+      nextData.items = studioItems.map((rawStudioItem, itemIndex) => {
+        if (!isRecord5(rawStudioItem)) {
+          return rawStudioItem;
+        }
+        const layoutItem = layoutItems[itemIndex];
+        if (!isRecord5(layoutItem)) {
+          return rawStudioItem;
+        }
+        const nextItem = { ...rawStudioItem };
+        nextItem.media = hydrateRelationship(nextItem.media, layoutItem.media);
+        nextItem.beforeMedia = hydrateRelationship(nextItem.beforeMedia, layoutItem.beforeMedia);
+        nextItem.afterMedia = hydrateRelationship(nextItem.afterMedia, layoutItem.afterMedia);
+        return nextItem;
       });
-      return {
-        id: node.id,
-        ...normalized
-      };
     }
-  },
-  permissions: [
-    { action: "read", role: "admin" },
-    { action: "read", role: "editor" },
-    { action: "read", role: "client" },
-    { action: "update", role: "admin" },
-    { action: "update", role: "editor" },
-    { action: "update", role: "client" },
-    { action: "publish", role: "admin" },
-    { action: "publish", role: "editor" }
-  ]
-};
-var ensureNodeID = (inputID, index) => {
-  if (typeof inputID === "string" && inputID.length > 0) {
-    return inputID;
-  }
-  return `node-${index + 1}`;
-};
-var layoutToStudioDocument = (layout, title, metadata) => {
-  const nodes = layout.filter((block) => typeof block.blockType === "string").map((rawBlock, index) => {
-    const block = migrateBlockToSettingsV2(rawBlock);
-    const blockType = String(block.blockType);
-    const { id, blockType: _ignoredBlockType, ...data } = block;
     return {
-      id: ensureNodeID(id, index),
-      type: blockType,
-      data
+      ...node,
+      data: nextData
     };
   });
   return {
-    metadata,
-    schemaVersion: 1,
-    title,
-    nodes,
-    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+    ...document,
+    nodes: nextNodes
   };
 };
-var studioDocumentToLayout = (document) => document.nodes.map(
-  (node) => migrateBlockToSettingsV2({
-    id: node.id,
-    blockType: node.type,
-    ...node.data
-  })
-);
-var createDefaultStudioDocument = (title) => ({
-  metadata: {},
+var normalizeDocument = (document) => ({
+  ...document,
   schemaVersion: 1,
-  title,
-  nodes: [],
   updatedAt: (/* @__PURE__ */ new Date()).toISOString()
 });
-
-// src/nextjs/queries/pages.ts
-var PAGE_QUERY_CACHE_VERSION = "v4-published-only-public";
-function withStudioDocumentLayout(page) {
-  if (!page) {
-    return null;
-  }
-  try {
-    const studioDocument = assertStudioDocumentV1(page.studioDocument);
-    const compiledLayout = studioDocumentToLayout(studioDocument);
-    if (Array.isArray(compiledLayout) && compiledLayout.length > 0) {
-      return {
-        ...page,
-        layout: compiledLayout
-      };
-    }
-  } catch {
-  }
-  return page;
-}
-function normalizePath(segments) {
-  if (!segments || segments.length === 0) {
-    return "/";
-  }
-  const cleaned = segments.map((segment) => segment.trim()).filter(Boolean).join("/");
-  return cleaned.length > 0 ? `/${cleaned}` : "/";
-}
-async function queryPageByPath(payload, path2, draft) {
-  const pathWhere = {
-    path: {
-      equals: path2
+var normalizeLegacyHeroDefaults = (document) => {
+  const nodes = document.nodes.map((node) => {
+    if (node.type !== "hero" || !isRecord5(node.data)) {
+      return node;
     }
-  };
-  const publishedWhere = {
-    _status: {
-      equals: "published"
+    const nextData = { ...node.data };
+    const heroBackgroundColor = typeof nextData.backgroundColor === "string" ? nextData.backgroundColor.trim().toLowerCase() : "";
+    const sectionBackgroundMode = typeof nextData.sectionBackgroundMode === "string" ? nextData.sectionBackgroundMode : "none";
+    const hasBackgroundImageURL = typeof nextData.backgroundImageURL === "string" && nextData.backgroundImageURL.trim().length > 0;
+    const mediaRelation = getRelationID(nextData.media);
+    if (heroBackgroundColor === "#124a37" && sectionBackgroundMode === "none" && !hasBackgroundImageURL && mediaRelation === null) {
+      nextData.backgroundColor = "";
     }
-  };
-  const result = await payload.find({
-    collection: "pages",
-    depth: 2,
-    draft,
-    limit: 1,
-    overrideAccess: false,
-    where: draft ? pathWhere : { and: [pathWhere, publishedWhere] }
-  });
-  if (result.docs.length > 0) {
-    return withStudioDocumentLayout(result.docs[0] || null);
-  }
-  if (path2 === "/") {
-    const homeWhere = {
-      slug: {
-        equals: "home"
-      }
+    return {
+      ...node,
+      data: nextData
     };
-    const homeResult = await payload.find({
-      collection: "pages",
-      depth: 2,
-      draft,
-      limit: 1,
-      overrideAccess: false,
-      where: draft ? homeWhere : { and: [homeWhere, publishedWhere] }
-    });
-    return withStudioDocumentLayout(homeResult.docs[0] || null);
+  });
+  return {
+    ...document,
+    nodes
+  };
+};
+var assertCanPublish = (issues) => {
+  const publishErrors = issues.filter((issue) => issue.severity === "error");
+  if (publishErrors.length > 0) {
+    throw new Error(`Cannot publish page: ${publishErrors[0].message}`);
   }
-  return null;
-}
-function createPageQueries(getPayloadClient, contentTag = "website-content") {
-  const getPublishedPageByPathCached = (0, import_cache.unstable_cache)(
-    async (path2) => {
-      const payload = await getPayloadClient();
-      return queryPageByPath(payload, path2, false);
-    },
-    ["page-by-path", PAGE_QUERY_CACHE_VERSION],
-    { tags: [contentTag] }
-  );
-  async function getPageBySegments(segments, draft = false) {
-    const path2 = normalizePath(segments);
-    const payload = await getPayloadClient();
-    if (draft) {
-      return queryPageByPath(payload, path2, true);
+};
+var getStudioDocumentFromPage = (doc) => {
+  const title = typeof doc.title === "string" ? doc.title : void 0;
+  const layout = asLayoutArray(doc.layout);
+  try {
+    const studioDocument = assertStudioDocumentV1(doc.studioDocument);
+    if (layout.length > 0) {
+      return hydrateDocumentWithLayoutRelations(studioDocument, layout);
     }
-    return getPublishedPageByPathCached(path2);
+    return studioDocument;
+  } catch {
+    if (layout.length > 0) {
+      return layoutToStudioDocument(layout, title);
+    }
+    return createEmptyStudioDocument(title);
   }
-  async function listPublishedPagePaths() {
-    const payload = await getPayloadClient();
-    const pages = await payload.find({
-      collection: "pages",
-      depth: 0,
-      draft: false,
-      limit: 1e3,
-      pagination: false,
+};
+var createStudioPageService = ({
+  collectionSlug = "pages",
+  modules,
+  payload,
+  user
+}) => ({
+  getPageForStudio: async (pageID) => {
+    const page = await payload.findByID({
+      collection: collectionSlug,
+      depth: 2,
+      draft: true,
+      id: pageID,
       overrideAccess: false,
-      where: {
-        _status: {
-          equals: "published"
-        }
-      }
+      user
     });
-    return pages.docs.map((doc) => doc.path).filter((path2) => typeof path2 === "string" && path2.length > 0);
+    const studioDocument = getStudioDocumentFromPage(page);
+    return {
+      id: String(page.id),
+      slug: typeof page.slug === "string" ? page.slug : "",
+      studioDocument,
+      title: typeof page.title === "string" ? page.title : "Untitled Page"
+    };
+  },
+  validateStudioDocument: (document) => validateStudioDocument(document, modules),
+  saveDraft: async (pageID, document, _metadata) => {
+    const normalizedDocument = normalizeLegacyHeroDefaults(normalizeDocument(document));
+    const compileResult = compileStudioDocument(normalizedDocument, modules);
+    await payload.update({
+      collection: collectionSlug,
+      data: {
+        _status: "draft",
+        layout: compileResult.layout,
+        studioDocument: normalizedDocument,
+        studioValidationIssues: compileResult.issues,
+        title: normalizedDocument.title
+      },
+      id: pageID,
+      overrideAccess: false,
+      user
+    });
+    return {
+      id: pageID,
+      status: "draft"
+    };
+  },
+  publish: async (pageID, document, _metadata) => {
+    const normalizedDocument = normalizeLegacyHeroDefaults(normalizeDocument(document));
+    const compileResult = compileStudioDocument(normalizedDocument, modules);
+    assertCanPublish(compileResult.issues);
+    await payload.update({
+      collection: collectionSlug,
+      data: {
+        _status: "published",
+        layout: compileResult.layout,
+        studioDocument: normalizedDocument,
+        studioValidationIssues: compileResult.issues,
+        title: normalizedDocument.title
+      },
+      id: pageID,
+      overrideAccess: false,
+      user
+    });
+    return {
+      id: pageID,
+      status: "published"
+    };
   }
-  function pathToSegments(path2) {
-    if (!path2 || path2 === "/") {
-      return [];
-    }
-    return path2.split("/").filter(Boolean);
+});
+var toEditorInitialDoc = (payloadPage) => ({
+  layout: studioDocumentToLayout(payloadPage.studioDocument),
+  slug: typeof payloadPage.slug === "string" ? payloadPage.slug : "",
+  studioDocument: payloadPage.studioDocument,
+  title: payloadPage.title
+});
+
+// src/studio-pages/migrations.ts
+var isRecord6 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var assertPageStudioDocumentV1 = (value) => {
+  if (!isRecord6(value)) {
+    throw new Error("Studio document must be an object");
+  }
+  if (value.schemaVersion !== 1) {
+    throw new Error("Unsupported studio schemaVersion");
+  }
+  if (!Array.isArray(value.nodes)) {
+    throw new Error("Studio document nodes must be an array");
   }
+  const nodes = value.nodes.map((node, index) => {
+    if (!isRecord6(node)) {
+      throw new Error(`Node at index ${index} must be an object`);
+    }
+    if (typeof node.id !== "string" || node.id.length === 0) {
+      throw new Error(`Node at index ${index} has invalid id`);
+    }
+    if (typeof node.type !== "string" || node.type.length === 0) {
+      throw new Error(`Node at index ${index} has invalid type`);
+    }
+    if (!isRecord6(node.data)) {
+      throw new Error(`Node at index ${index} has invalid data`);
+    }
+    return {
+      data: node.data,
+      id: node.id,
+      type: node.type
+    };
+  });
   return {
-    getPageBySegments,
-    listPublishedPagePaths,
-    pathToSegments
+    metadata: isRecord6(value.metadata) ? value.metadata : void 0,
+    nodes,
+    schemaVersion: 1,
+    title: typeof value.title === "string" ? value.title : void 0,
+    updatedAt: typeof value.updatedAt === "string" ? value.updatedAt : void 0
   };
-}
+};
+var migratePageNodeToSettingsV2 = (node) => {
+  const normalized = migrateBlockToSettingsV2({
+    blockType: node.type,
+    ...node.data
+  });
+  const { blockType: _ignoredBlockType, ...data } = normalized;
+  return {
+    ...node,
+    data
+  };
+};
+var migratePageDocumentSettingsToV2 = (value) => {
+  const current = assertPageStudioDocumentV1(value);
+  return {
+    ...current,
+    nodes: current.nodes.map(migratePageNodeToSettingsV2)
+  };
+};
+var pageStudioMigrations = [
+  {
+    fromVersion: 1,
+    migrate: migratePageDocumentSettingsToV2,
+    toVersion: 1
+  }
+];
 
-// src/nextjs/queries/site.ts
-var import_cache2 = require("next/cache");
-function createSiteQueries(getPayloadClient, contentTag = "website-content") {
-  const getSiteSettingsCached = (0, import_cache2.unstable_cache)(
-    async () => {
-      const payload = await getPayloadClient();
-      const settings = await payload.findGlobal({
-        slug: "site-settings",
-        depth: 1
-      });
-      return settings;
-    },
-    ["site-settings-global"],
-    { tags: [contentTag] }
-  );
-  const getHeaderCached = (0, import_cache2.unstable_cache)(
-    async () => {
-      const payload = await getPayloadClient();
-      const header = await payload.findGlobal({
-        slug: "header",
-        depth: 1
-      });
-      return header;
-    },
-    ["header-global"],
-    { tags: [contentTag] }
-  );
-  const getFooterCached = (0, import_cache2.unstable_cache)(
-    async () => {
-      const payload = await getPayloadClient();
-      const footer = await payload.findGlobal({
-        slug: "footer",
-        depth: 1
-      });
-      return footer;
-    },
-    ["footer-global"],
-    { tags: [contentTag] }
-  );
-  const getSocialMediaCached = (0, import_cache2.unstable_cache)(
-    async () => {
-      const payload = await getPayloadClient();
-      const socialMedia = await payload.findGlobal({
-        slug: "social-media",
-        depth: 1
-      });
-      return socialMedia;
+// src/studio-pages/index.ts
+var withSectionStyleDefaults = (value) => ({
+  ...sectionStyleDefaults,
+  ...value
+});
+var defaultNodeData = {
+  bookingEmbed: {
+    ...withSectionStyleDefaults({}),
+    buttonHref: "/contact",
+    buttonLabel: "Book Consultation",
+    description: "Let visitors book a consultation.",
+    title: "Book a Time"
+  },
+  beforeAfter: withSectionStyleDefaults({
+    itemsPerRow: 2,
+    items: [
+      {
+        description: "Before and after result summary.",
+        imageCornerStyle: "rounded",
+        imageFit: "cover",
+        imagePosition: "center",
+        label: "Project One"
+      }
+    ],
+    subtitle: "Show visual proof from real projects.",
+    title: "Before & After Results"
+  }),
+  cta: {
+    ...withSectionStyleDefaults({}),
+    backgroundColor: "",
+    bullets: [],
+    buttonHref: "/contact",
+    buttonLabel: "Contact Us",
+    description: "Optional supporting copy.",
+    eyebrow: "",
+    headline: "Ready to get started?",
+    imageURL: "",
+    style: "light"
+  },
+  faq: {
+    ...withSectionStyleDefaults({}),
+    items: [{ answer: "Answer goes here.", question: "Frequently asked question?" }],
+    title: "Frequently Asked Questions"
+  },
+  featureGrid: {
+    ...withSectionStyleDefaults({}),
+    itemsPerRow: 3,
+    items: [
+      { description: "Explain this point.", iconType: "badge", icon: "01", imageCornerStyle: "rounded", imageFit: "cover", imagePosition: "center", title: "Feature One" },
+      { description: "Explain this point.", iconType: "badge", icon: "02", imageCornerStyle: "rounded", imageFit: "cover", imagePosition: "center", title: "Feature Two" },
+      { description: "Explain this point.", iconType: "badge", icon: "03", imageCornerStyle: "rounded", imageFit: "cover", imagePosition: "center", title: "Feature Three" }
+    ],
+    subtitle: "",
+    title: "Section Title",
+    variant: "cards"
+  },
+  formEmbed: {
+    ...withSectionStyleDefaults({}),
+    description: "Collect lead details from visitors.",
+    formType: "quote",
+    submitLabel: "Submit",
+    title: "Request a Quote"
+  },
+  hero: {
+    ...withSectionStyleDefaults({}),
+    backgroundColor: "",
+    backgroundImageURL: "",
+    backgroundOverlayMode: "none",
+    backgroundOverlayOpacity: 45,
+    backgroundOverlayColor: "#000000",
+    backgroundOverlayGradientFrom: "#334b63",
+    backgroundOverlayGradientTo: "#496582",
+    backgroundOverlayGradientAngle: "135",
+    backgroundOverlayGradientFromStrength: 100,
+    backgroundOverlayGradientToStrength: 100,
+    backgroundOverlayGradientStart: 0,
+    backgroundOverlayGradientEnd: 100,
+    backgroundOverlayGradientFeather: 100,
+    backgroundImageCornerStyle: "rounded",
+    backgroundImageFit: "cover",
+    backgroundImagePosition: "center",
+    heroHeight: "sm",
+    headline: "New Hero Section",
+    kicker: "Optional kicker",
+    primaryHref: "/contact",
+    primaryLabel: "Primary Action",
+    secondaryHref: "/services",
+    secondaryLabel: "Secondary Action",
+    subheadline: "Describe your offer clearly for website visitors.",
+    variant: "default"
+  },
+  media: {
+    ...withSectionStyleDefaults({}),
+    caption: "Add a caption",
+    imageCornerStyle: "rounded",
+    imageFit: "cover",
+    imagePosition: "center",
+    size: "default"
+  },
+  logoWall: withSectionStyleDefaults({
+    items: [
+      { imageCornerStyle: "rounded", imageFit: "contain", imagePosition: "center", name: "Trusted Partner 1" },
+      { imageCornerStyle: "rounded", imageFit: "contain", imagePosition: "center", name: "Trusted Partner 2" },
+      { imageCornerStyle: "rounded", imageFit: "contain", imagePosition: "center", name: "Trusted Partner 3" }
+    ],
+    subtitle: "Show logos from trusted associations, partners, or collaborators.",
+    title: "Trusted by Great Partners"
+  }),
+  richText: {
+    ...withSectionStyleDefaults({}),
+    cards: [],
+    content: {
+      root: {
+        children: [
+          {
+            children: [
+              {
+                detail: 0,
+                format: 0,
+                mode: "normal",
+                style: "",
+                text: "Write your content here.",
+                type: "text",
+                version: 1
+              }
+            ],
+            direction: "ltr",
+            format: "",
+            indent: 0,
+            type: "paragraph",
+            version: 1
+          }
+        ],
+        direction: "ltr",
+        format: "",
+        indent: 0,
+        type: "root",
+        version: 1
+      }
     },
-    ["social-media-global"],
-    { tags: [contentTag] }
-  );
-  async function getSiteSettings(draft = false) {
-    if (draft) {
-      const payload = await getPayloadClient();
-      const settings = await payload.findGlobal({
-        slug: "site-settings",
-        depth: 1,
-        draft: true
-      });
-      return settings;
-    }
-    return getSiteSettingsCached();
+    statsItems: [],
+    title: "Section Heading",
+    width: "normal"
+  },
+  testimonials: {
+    ...withSectionStyleDefaults({}),
+    autoRotate: true,
+    items: [{ location: "City, ST", name: "Customer Name", quote: "Customer feedback goes here.", rating: 5 }],
+    rotateIntervalSeconds: 7,
+    title: "What Customers Say",
+    visibleCount: 3
+  },
+  stats: withSectionStyleDefaults({
+    items: [
+      { description: "Average first response", label: "Response Time", value: "24h" },
+      { description: "Client satisfaction score", label: "Satisfaction", value: "4.9/5" },
+      { description: "Recent projects or clients served", label: "Recent Work", value: "150+" }
+    ],
+    subtitle: "Highlight measurable outcomes to build trust quickly.",
+    title: "Performance Highlights"
+  })
+};
+var nodeTypeLabels = {
+  bookingEmbed: "Booking Embed",
+  beforeAfter: "Before / After",
+  cta: "Call To Action",
+  faq: "FAQ",
+  featureGrid: "Feature Grid",
+  formEmbed: "Form Embed",
+  hero: "Hero",
+  logoWall: "Logo Wall",
+  media: "Media",
+  richText: "Rich Text",
+  stats: "Stats",
+  testimonials: "Testimonials"
+};
+var pageNodeTypes = Object.keys(defaultNodeData).map((type) => ({
+  type,
+  displayName: nodeTypeLabels[type] || type,
+  description: `Page node for ${nodeTypeLabels[type] || type}`,
+  getDefaultData: () => {
+    const migrated = migrateBlockToSettingsV2(structuredClone(defaultNodeData[type]));
+    const { blockType: _ignoredBlockType, ...data } = migrated;
+    return data;
   }
-  async function getHeader(draft = false) {
-    if (draft) {
-      const payload = await getPayloadClient();
-      const header = await payload.findGlobal({
-        slug: "header",
-        depth: 1,
-        draft: true
-      });
-      return header;
-    }
-    return getHeaderCached();
+}));
+var validatePageDocument = (document) => {
+  const issues = [];
+  if (!document.title || document.title.trim().length === 0) {
+    issues.push({
+      code: "pages.title.required",
+      message: "Page title is required before publishing.",
+      path: "title",
+      severity: "error"
+    });
   }
-  async function getFooter(draft = false) {
-    if (draft) {
-      const payload = await getPayloadClient();
-      const footer = await payload.findGlobal({
-        slug: "footer",
-        depth: 1,
-        draft: true
-      });
-      return footer;
-    }
-    return getFooterCached();
+  if (document.nodes.length === 0) {
+    issues.push({
+      code: "pages.nodes.required",
+      message: "At least one section is required.",
+      path: "nodes",
+      severity: "error"
+    });
   }
-  async function getSocialMedia(draft = false) {
-    if (draft) {
-      const payload = await getPayloadClient();
-      const socialMedia = await payload.findGlobal({
-        slug: "social-media",
-        depth: 1,
-        draft: true
+  document.nodes.forEach((node, index) => {
+    if (node.type === "hero" && typeof node.data.headline !== "string") {
+      issues.push({
+        code: "pages.hero.headline",
+        message: "Hero section requires a headline.",
+        path: `nodes.${index}.data.headline`,
+        severity: "error"
       });
-      return socialMedia;
     }
-    return getSocialMediaCached();
-  }
-  return {
-    getSiteSettings,
-    getHeader,
-    getFooter,
-    getSocialMedia
-  };
-}
-
-// src/nextjs/utilities/media.ts
-function resolveMedia(media) {
-  if (!media) {
-    return null;
-  }
-  if (typeof media === "number" || typeof media === "string") {
-    return null;
-  }
-  if (media.url) {
-    return {
-      url: media.url,
-      alt: media.alt || ""
-    };
-  }
-  if (media.filename) {
-    return {
-      url: `/media/${media.filename}`,
-      alt: media.alt || ""
-    };
-  }
-  return null;
-}
-
-// src/nextjs/utilities/socialMedia.ts
-function resolveSocialMediaLinks(data) {
-  const profiles = data?.profiles;
-  if (!profiles || typeof profiles !== "object") {
-    return [];
+  });
+  return issues;
+};
+var pagePaletteGroups = [
+  {
+    id: "page-core",
+    label: "Core Sections",
+    items: [
+      { nodeType: "hero", title: "Hero", description: "Top-of-page headline and CTA" },
+      { nodeType: "featureGrid", title: "Feature Grid", description: "Service or value cards" },
+      { nodeType: "stats", title: "Stats", description: "Key performance highlights" },
+      { nodeType: "logoWall", title: "Logo Wall", description: "Trust logos and badges" },
+      { nodeType: "beforeAfter", title: "Before / After", description: "Visual before-and-after gallery" },
+      { nodeType: "richText", title: "Rich Text", description: "Long-form content area" },
+      { nodeType: "media", title: "Media", description: "Image/video section" },
+      { nodeType: "testimonials", title: "Testimonials", description: "Social proof quotes" },
+      { nodeType: "faq", title: "FAQ", description: "Question-and-answer section" },
+      { nodeType: "cta", title: "Call To Action", description: "Conversion strip with button" },
+      { nodeType: "formEmbed", title: "Form Embed", description: "Lead capture form" },
+      { nodeType: "bookingEmbed", title: "Booking Embed", description: "Scheduling panel" }
+    ]
   }
-  return SOCIAL_MEDIA_PLATFORMS.reduce((acc, platform) => {
-    const profile = profiles[platform];
-    if (!profile || typeof profile !== "object") {
-      return acc;
-    }
-    const url = typeof profile.url === "string" ? profile.url.trim() : "";
-    if (!url) {
-      return acc;
+];
+var pageInspectorPanelRegistry = Object.keys(defaultNodeData).map((nodeType) => ({
+  nodeType,
+  panelID: `${nodeType}-panel`,
+  panelLabel: `${nodeTypeLabels[nodeType] || nodeType} Settings`
+}));
+var resolvePanelFields = (nodeType) => inspectorDefinitionByBlockType[nodeType]?.fields.map((field) => ({
+  advanced: field.advanced,
+  group: field.group,
+  inlineEditable: field.inlineEditable,
+  key: field.key,
+  label: field.label,
+  type: field.type
+})) || [];
+var pageInspectorPanels = pageInspectorPanelRegistry.map((entry) => ({
+  fields: resolvePanelFields(entry.nodeType),
+  id: entry.panelID,
+  label: entry.panelLabel,
+  nodeType: entry.nodeType
+}));
+var pageStudioModuleManifest = {
+  id: "studio-pages",
+  version: "0.1.0-beta.0",
+  displayName: "Pages Studio Module",
+  nodeTypes: pageNodeTypes,
+  paletteGroups: pagePaletteGroups,
+  inspectorPanels: pageInspectorPanels,
+  validators: [validatePageDocument],
+  migrations: pageStudioMigrations,
+  compiler: {
+    compileNode: (node) => {
+      const normalized = migrateBlockToSettingsV2({
+        blockType: node.type,
+        ...node.data
+      });
+      return {
+        id: node.id,
+        ...normalized
+      };
     }
-    const icon = typeof profile.icon === "string" && profile.icon.trim().length > 0 ? profile.icon.trim() : SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM[platform];
-    acc.push({
-      icon,
-      label: SOCIAL_MEDIA_PLATFORM_LABELS[platform],
-      platform,
-      url
-    });
-    return acc;
-  }, []);
-}
+  },
+  permissions: [
+    { action: "read", role: "admin" },
+    { action: "read", role: "editor" },
+    { action: "read", role: "client" },
+    { action: "update", role: "admin" },
+    { action: "update", role: "editor" },
+    { action: "update", role: "client" },
+    { action: "publish", role: "admin" },
+    { action: "publish", role: "editor" }
+  ]
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   admin,