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

package/dist/index.js

@@ -42,8 +42,16 @@ module.exports = __toCommonJS(index_exports);
 // src/admin/index.ts
 var admin_exports = {};
 __export(admin_exports, {
+  SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM: () => SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM,
+  SOCIAL_MEDIA_ICON_OPTIONS: () => SOCIAL_MEDIA_ICON_OPTIONS,
+  SOCIAL_MEDIA_PLATFORMS: () => SOCIAL_MEDIA_PLATFORMS,
+  SOCIAL_MEDIA_PLATFORM_LABELS: () => SOCIAL_MEDIA_PLATFORM_LABELS,
   configureAdmin: () => configureAdmin,
+  createHeaderNavItemsField: () => createHeaderNavItemsField,
+  createSocialMediaConnectionsField: () => createSocialMediaConnectionsField,
+  createSocialMediaGlobal: () => createSocialMediaGlobal,
   createThemePreferenceField: () => createThemePreferenceField,
+  socialMediaConnectionsField: () => socialMediaConnectionsField,
   themePreferenceField: () => themePreferenceField,
   withTooltips: () => withTooltips
 });
@@ -71,6 +79,113 @@ var createThemePreferenceField = (defaultTheme = "brand-light") => ({
 });
 var themePreferenceField = createThemePreferenceField("brand-light");
 
+// src/shared/studioSections.ts
+var studioRoles = /* @__PURE__ */ new Set(["admin", "editor", "client"]);
+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 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,
+      ...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() {
@@ -98,14 +213,31 @@ function configureAdmin(config) {
     defaultTheme = "brand-light",
     logoUrl
   } = config;
-  const studioEnabled = Boolean(config.studio?.enabled);
+  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 mediaCollectionSlug = config.studio?.media?.collectionSlug || "media";
-  const globals = config.studio?.globals || [
+  const contactFormStudioPath = "/studio-contact-form";
+  const configuredGlobals = config.studio?.globals || [
     { slug: "site-settings", label: "Website Settings" },
     { slug: "header", label: "Header & Navigation" },
-    { slug: "footer", label: "Footer" }
+    { slug: "footer", label: "Footer" },
+    { slug: "contact-form", label: "Contact Form" }
   ];
+  const globals = configuredGlobals.map((global) => {
+    if (global.slug !== "contact-form" || global.href) {
+      return global;
+    }
+    return {
+      ...global,
+      href: contactFormStudioPath
+    };
+  });
+  const studioSections = resolveStudioSections(config.studio?.sections || []);
+  const studioSectionViews = resolveStudioSectionViews(config.studio?.sections || []);
   let cssPath;
   const pkgDist = getPkgDistDir();
   const sourceCssPath = import_path.default.resolve(pkgDist, "admin.css");
@@ -135,9 +267,15 @@ function configureAdmin(config) {
             clientProps: {
               brandName,
               logoUrl,
-              globalsBasePath: "/admin/studio-globals",
+              globalsBasePath: "/studio-globals",
+              globalsExtraMatchPrefixes: [contactFormStudioPath],
+              formSubmissionsCollectionSlug,
+              formsCollectionSlug,
+              formsEnabled,
+              formUploadsCollectionSlug,
               mediaCollectionSlug,
-              pagesCollectionSlug
+              pagesCollectionSlug,
+              sections: studioSections
             }
           }
         } : {},
@@ -167,9 +305,15 @@ function configureAdmin(config) {
               clientProps: {
                 brandName,
                 logoUrl,
-                globalsBasePath: "/admin/studio-globals",
+                globalsBasePath: "/studio-globals",
+                globalsExtraMatchPrefixes: [contactFormStudioPath],
+                formSubmissionsCollectionSlug,
+                formsCollectionSlug,
+                formsEnabled,
+                formUploadsCollectionSlug,
                 mediaCollectionSlug,
-                pagesCollectionSlug
+                pagesCollectionSlug,
+                sections: studioSections
               }
             }
           },
@@ -181,10 +325,44 @@ function configureAdmin(config) {
                 path: clientPath,
                 clientProps: {
                   globals,
-                  globalsBasePath: "/admin/studio-globals"
+                  globalsBasePath: "/studio-globals"
                 }
               }
-            }
+            },
+            studioContactForm: {
+              path: "/studio-contact-form",
+              Component: {
+                exportName: "AdminStudioContactFormView",
+                path: clientPath,
+                clientProps: {
+                  globalSlug: "contact-form",
+                  globalsBasePath: "/studio-globals"
+                }
+              }
+            },
+            ...formsEnabled ? {
+              studioForms: {
+                path: "/studio-forms",
+                Component: {
+                  exportName: "AdminStudioFormsView",
+                  path: clientPath,
+                  clientProps: {
+                    formsCollectionSlug,
+                    formSubmissionsCollectionSlug,
+                    formUploadsCollectionSlug
+                  }
+                }
+              }
+            } : {},
+            ...Object.fromEntries(
+              Object.entries(studioSectionViews).map(([id, view]) => [
+                id,
+                {
+                  path: view.path,
+                  Component: view.Component
+                }
+              ])
+            )
           } : {}
         },
         providers: [
@@ -228,16 +406,48 @@ function configureAdmin(config) {
       const labelMap = {
         header: { group: "Site Design", label: "Header & Navigation" },
         footer: { group: "Site Design", label: "Footer" },
-        "site-settings": { group: "Site Design", label: "Website Settings" }
+        "site-settings": { group: "Site Design", label: "Website Settings" },
+        "social-media": { group: "Site Design", label: "Social Media" },
+        "contact-form": { group: "Lead Forms", label: "Contact Form" }
       };
       return globals2.map((global) => {
         const mapping = labelMap[global.slug];
         if (!mapping) return global;
+        const shouldAttachContactFormRedirect = studioEnabled && global.slug === "contact-form";
+        const existingViews = global.admin?.components?.views;
+        const existingEditViews = existingViews?.edit;
+        const hasCustomContactFormEditView = 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
+              }
+            }
+          }
+        } : existingEditViews;
         return {
           ...global,
           admin: {
             ...global.admin,
-            group: mapping.group
+            group: mapping.group,
+            components: {
+              ...global.admin?.components,
+              ...shouldAttachContactFormRedirect ? {
+                views: {
+                  ...existingViews,
+                  ...contactFormEditViews ? {
+                    edit: contactFormEditViews
+                  } : {}
+                }
+              } : {}
+            }
           },
           label: mapping.label
         };
@@ -306,12 +516,213 @@ function addTooltipToField(field, tooltips) {
   return field;
 }
 
+// src/admin/fields/headerNav.ts
+var createHeaderNavItemsField = () => ({
+  name: "navItems",
+  type: "array",
+  labels: { singular: "Navigation Link", plural: "Navigation Links" },
+  admin: {
+    description: "The links displayed in your website's main navigation menu."
+  },
+  fields: [
+    {
+      name: "label",
+      type: "text",
+      required: true,
+      admin: {
+        description: "The text shown for this navigation link."
+      }
+    },
+    {
+      name: "href",
+      type: "text",
+      required: true,
+      admin: {
+        description: 'The URL this link points to (e.g., "/about" or "https://example.com").'
+      }
+    },
+    {
+      name: "parentHref",
+      type: "text",
+      admin: {
+        description: "Optional parent link URL. If set to another nav item href, this item appears in that dropdown."
+      }
+    }
+  ]
+});
+
+// src/shared/socialMedia.ts
+var SOCIAL_MEDIA_PLATFORM_LABELS = {
+  facebook: "Facebook",
+  instagram: "Instagram",
+  x: "X (Twitter)",
+  linkedin: "LinkedIn",
+  youtube: "YouTube",
+  tiktok: "TikTok",
+  pinterest: "Pinterest",
+  snapchat: "Snapchat"
+};
+var SOCIAL_MEDIA_PLATFORMS = [
+  "facebook",
+  "instagram",
+  "x",
+  "linkedin",
+  "youtube",
+  "tiktok",
+  "pinterest",
+  "snapchat"
+];
+var SOCIAL_MEDIA_ICON_OPTIONS = {
+  facebook: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:facebook" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:facebook-f" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-facebook" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:facebook-fill" }
+  ],
+  instagram: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:instagram" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:instagram" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-instagram" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:instagram-fill" }
+  ],
+  x: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:x" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:x-twitter" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-x" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:twitter-x-fill" }
+  ],
+  linkedin: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:linkedin" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:linkedin-in" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-linkedin" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:linkedin-fill" }
+  ],
+  youtube: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:youtube" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:youtube" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-youtube" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:youtube-fill" }
+  ],
+  tiktok: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:tiktok" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:tiktok" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-tiktok" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:tiktok-fill" }
+  ],
+  pinterest: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:pinterest" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:pinterest-p" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-pinterest" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:pinterest-fill" }
+  ],
+  snapchat: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:snapchat" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:snapchat" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-snapchat" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:snapchat-fill" }
+  ]
+};
+var SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM = SOCIAL_MEDIA_PLATFORMS.reduce(
+  (acc, platform) => {
+    acc[platform] = SOCIAL_MEDIA_ICON_OPTIONS[platform][0].value;
+    return acc;
+  },
+  {}
+);
+
+// src/admin/fields/socialMedia.ts
+var DEFAULT_DESCRIPTION = "Add profile URLs and choose one of two icon styles for each platform. Leave a URL blank to hide that profile on your site.";
+function validateOptionalHttpsUrl(value) {
+  if (value === null || value === void 0 || value === "") {
+    return true;
+  }
+  if (typeof value !== "string") {
+    return "Enter a valid URL.";
+  }
+  try {
+    const url = new URL(value);
+    if (url.protocol !== "http:" && url.protocol !== "https:") {
+      return "Use an http:// or https:// URL.";
+    }
+    return true;
+  } catch {
+    return "Enter a valid URL (for example: https://instagram.com/yourbrand).";
+  }
+}
+function createPlatformField(platform) {
+  const platformLabel = SOCIAL_MEDIA_PLATFORM_LABELS[platform];
+  const iconOptions = SOCIAL_MEDIA_ICON_OPTIONS[platform].map((option) => ({
+    label: option.label,
+    value: option.value
+  }));
+  return {
+    name: platform,
+    type: "group",
+    label: platformLabel,
+    fields: [
+      {
+        name: "url",
+        type: "text",
+        admin: {
+          description: `Full ${platformLabel} profile URL. Leave blank to hide ${platformLabel}.`
+        },
+        validate: validateOptionalHttpsUrl
+      },
+      {
+        name: "icon",
+        type: "select",
+        defaultValue: SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM[platform],
+        options: iconOptions,
+        admin: {
+          description: "Pick which icon style to display for this platform."
+        }
+      }
+    ]
+  };
+}
+var createSocialMediaConnectionsField = (options = {}) => {
+  const selectedPlatforms = Array.isArray(options.platforms) && options.platforms.length > 0 ? options.platforms : SOCIAL_MEDIA_PLATFORMS;
+  return {
+    name: options.name || "profiles",
+    type: "group",
+    label: options.label || "Social Media Profiles",
+    admin: {
+      description: options.description || DEFAULT_DESCRIPTION
+    },
+    fields: selectedPlatforms.map((platform) => createPlatformField(platform))
+  };
+};
+var socialMediaConnectionsField = createSocialMediaConnectionsField();
+
+// src/admin/globals/socialMedia.ts
+var createSocialMediaGlobal = (options = {}) => ({
+  slug: options.slug || "social-media",
+  label: "Social Media",
+  admin: {
+    description: options.description || "Manage social profile links and icon variants used across your website.",
+    group: "Site Design"
+  },
+  fields: [
+    createSocialMediaConnectionsField({
+      ...options.fieldOptions,
+      label: "Profiles",
+      name: "profiles"
+    })
+  ]
+});
+
 // src/admin-app/index.ts
 var admin_app_exports = {};
 __export(admin_app_exports, {
   AdminBreadcrumbs: () => AdminBreadcrumbs,
   AdminPage: () => AdminPage,
+  buildAdminPageLinkOptions: () => buildAdminPageLinkOptions,
+  buildNestedNavTree: () => buildNestedNavTree,
+  getAdminNavRows: () => getAdminNavRows,
   navItemIsActive: () => navItemIsActive,
+  normalizeAdminNavInputs: () => normalizeAdminNavInputs,
+  normalizeNestedNavItems: () => normalizeNestedNavItems,
+  parseAdminHeaderNavFromForm: () => parseAdminHeaderNavFromForm,
   roleCanAccessNav: () => roleCanAccessNav
 });
 
@@ -345,6 +756,161 @@ function AdminPage({ title, description, breadcrumbs, actions, children }) {
   ] });
 }
 
+// src/admin-app/nestedNavigation.ts
+var normalizeNestedNavItems = (items) => {
+  const deduped = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const item of items) {
+    const href = typeof item.href === "string" ? item.href.trim() : "";
+    const label = typeof item.label === "string" ? item.label.trim() : "";
+    const parentHref = typeof item.parentHref === "string" ? item.parentHref.trim() : "";
+    if (!href || !label || seen.has(href)) {
+      continue;
+    }
+    seen.add(href);
+    deduped.push({
+      href,
+      label,
+      ...parentHref ? { parentHref } : {}
+    });
+  }
+  const hrefs = new Set(deduped.map((item) => item.href));
+  return deduped.map((item) => ({
+    href: item.href,
+    label: item.label,
+    ...item.parentHref && item.parentHref !== item.href && hrefs.has(item.parentHref) ? { parentHref: item.parentHref } : {}
+  }));
+};
+var buildNestedNavTree = (items) => {
+  const childrenByParent = /* @__PURE__ */ new Map();
+  const topLevel = [];
+  for (const item of items) {
+    if (!item.parentHref) {
+      topLevel.push(item);
+      continue;
+    }
+    const children = childrenByParent.get(item.parentHref) || [];
+    children.push(item);
+    childrenByParent.set(item.parentHref, children);
+  }
+  if (topLevel.length === 0 && items.length > 0) {
+    return {
+      topLevel: items.map((item) => ({ href: item.href, label: item.label })),
+      childrenByParent: /* @__PURE__ */ new Map()
+    };
+  }
+  return { childrenByParent, topLevel };
+};
+
+// src/admin-app/navigationLinks.ts
+var fallbackHomeOption = {
+  href: "/",
+  label: "Home",
+  title: "Home"
+};
+var buildAdminPageLinkOptions = (pages) => {
+  const options = pages.map((page) => {
+    const href = typeof page.path === "string" ? page.path.trim() : "";
+    const title = typeof page.title === "string" && page.title.trim().length > 0 ? page.title.trim() : "Untitled Page";
+    if (!href) {
+      return null;
+    }
+    const depth = href === "/" ? 0 : href.split("/").filter(Boolean).length;
+    const indentLevel = Math.max(depth - 1, 0);
+    const indent = indentLevel > 0 ? `${"\u21B3 ".repeat(indentLevel)}` : "";
+    return {
+      href,
+      label: `${indent}${title}`,
+      title
+    };
+  }).filter((option) => option !== null).sort((a, b) => {
+    if (a.href === "/" && b.href !== "/") return -1;
+    if (b.href === "/" && a.href !== "/") return 1;
+    return a.href.localeCompare(b.href);
+  });
+  if (options.length === 0) {
+    return [fallbackHomeOption];
+  }
+  return options;
+};
+var getAdminNavRows = (navItems, pageOptions, minRows = 6, maxRows = 20) => {
+  const preferredRows = Math.max(navItems.length + 2, Math.min(8, pageOptions.length));
+  return Math.min(Math.max(minRows, preferredRows), maxRows);
+};
+var normalizeAdminNavInputs = (rows, pageOptions) => {
+  const allowedLinks = new Map(pageOptions.map((option) => [option.href, option.title]));
+  const deduped = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const row of rows) {
+    const href = typeof row.href === "string" ? row.href.trim() : "";
+    const defaultLabel = allowedLinks.get(href);
+    const explicitLabel = typeof row.label === "string" ? row.label.trim() : "";
+    const parentHref = typeof row.parentHref === "string" ? row.parentHref.trim() : "";
+    if (!href || !defaultLabel || seen.has(href)) {
+      continue;
+    }
+    seen.add(href);
+    deduped.push({
+      href,
+      label: explicitLabel.length > 0 ? explicitLabel : defaultLabel,
+      ...parentHref.length > 0 ? { parentHref } : {}
+    });
+  }
+  const hrefs = new Set(deduped.map((item) => item.href));
+  const parentByHref = new Map(deduped.map((item) => [item.href, item.parentHref || ""]));
+  const createsCycle = (href, parentHref) => {
+    const visited = /* @__PURE__ */ new Set([href]);
+    let current = parentHref;
+    while (current) {
+      if (visited.has(current)) {
+        return true;
+      }
+      visited.add(current);
+      current = parentByHref.get(current) || "";
+    }
+    return false;
+  };
+  return deduped.map((item) => {
+    const parentHref = item.parentHref;
+    if (!parentHref || parentHref === item.href || !hrefs.has(parentHref) || createsCycle(item.href, parentHref)) {
+      return {
+        href: item.href,
+        label: item.label
+      };
+    }
+    return item;
+  });
+};
+var parseAdminHeaderNavFromForm = (formData, pageOptions, maxRows = 24) => {
+  const serialized = String(formData.get("navItemsState") || "").trim();
+  if (serialized.length > 0) {
+    try {
+      const parsed = JSON.parse(serialized);
+      if (Array.isArray(parsed)) {
+        return normalizeAdminNavInputs(parsed.slice(0, maxRows), pageOptions);
+      }
+    } catch {
+    }
+  }
+  const rawCount = Number(String(formData.get("navCount") || "0"));
+  const navCount = Number.isFinite(rawCount) ? Math.max(0, Math.min(rawCount, maxRows)) : 0;
+  const navRows = [];
+  for (let index = 0; index < navCount; index += 1) {
+    const href = String(formData.get(`navPage_${index}`) || "").trim();
+    const label = String(formData.get(`navLabel_${index}`) || "").trim();
+    const parentHref = String(formData.get(`navParentHref_${index}`) || "").trim();
+    navRows.push({
+      href,
+      label,
+      parentHref
+    });
+  }
+  if (navRows.length > 0) {
+    return normalizeAdminNavInputs(navRows, pageOptions);
+  }
+  return [];
+};
+
 // src/admin-app/routeRegistry.ts
 var roleCanAccessNav = (role, item) => {
   if (!item.roles || item.roles.length === 0) {
@@ -398,189 +964,315 @@ 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: "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: "title",
-      type: "text",
-      required: true
+      name: "sectionWidth",
+      type: "select",
+      defaultValue: sectionStyleDefaults.sectionWidth,
+      options: [
+        { label: "Content", value: "content" },
+        { label: "Wide", value: "wide" },
+        { label: "Full", value: "full" }
+      ]
     },
     {
-      name: "subtitle",
-      type: "textarea"
+      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: "items",
-      type: "array",
-      minRows: 1,
-      maxRows: 6,
-      fields: [
-        {
-          name: "label",
-          type: "text",
-          required: true
-        },
-        {
+      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",
+      required: true
+    },
+    {
+      name: "subtitle",
+      type: "textarea"
+    },
+    {
+      name: "itemsPerRow",
+      type: "number",
+      defaultValue: 2,
+      min: 1,
+      max: 4,
+      admin: {
+        description: "How many project cards to show per row on desktop.",
+        step: 1
+      }
+    },
+    {
+      name: "items",
+      type: "array",
+      minRows: 1,
+      maxRows: 30,
+      fields: [
+        {
+          name: "label",
+          type: "text",
+          required: true
+        },
+        {
           name: "beforeMedia",
           type: "upload",
           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",
+          defaultValue: 160,
+          min: 60,
+          max: 600,
+          admin: {
+            description: "Overrides the before/after image height (in pixels).",
+            step: 10
+          }
+        },
+        {
+          name: "imageFit",
+          type: "select",
+          defaultValue: "cover",
+          options: [
+            { label: "Cover", value: "cover" },
+            { label: "Contain", value: "contain" }
+          ]
+        },
+        {
+          name: "imageCornerStyle",
+          type: "select",
+          defaultValue: "rounded",
+          options: [
+            { label: "Rounded", value: "rounded" },
+            { label: "Square", value: "square" }
+          ]
+        },
+        {
+          name: "imagePosition",
+          type: "select",
+          defaultValue: "center",
+          options: [
+            { label: "Center", value: "center" },
+            { label: "Top", value: "top" },
+            { label: "Bottom", value: "bottom" },
+            { label: "Left", value: "left" },
+            { label: "Right", value: "right" }
+          ]
+        },
+        {
+          name: "imagePositionX",
+          type: "number",
+          min: 0,
+          max: 100,
+          admin: {
+            description: "Optional custom horizontal focus (0-100). Overrides Image Position when set.",
+            step: 1
+          }
+        },
+        {
+          name: "imagePositionY",
+          type: "number",
+          min: 0,
+          max: 100,
+          admin: {
+            description: "Optional custom vertical focus (0-100). Overrides Image Position when set.",
+            step: 1
+          }
+        },
         {
           name: "description",
           type: "textarea"
+        },
+        {
+          name: "settings",
+          type: "json",
+          admin: {
+            hidden: true
+          }
         }
       ]
     },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -618,6 +1310,14 @@ var BookingEmbedBlock = {
       type: "text",
       defaultValue: "/contact"
     },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -646,6 +1346,10 @@ var CtaBlock = {
       name: "description",
       type: "textarea"
     },
+    {
+      name: "eyebrow",
+      type: "text"
+    },
     {
       name: "buttonLabel",
       type: "text"
@@ -676,7 +1380,39 @@ 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",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
       }
     },
     ...sectionStyleFields()
@@ -698,6 +1434,10 @@ var FaqBlock = {
     plural: "FAQs"
   },
   fields: [
+    {
+      name: "eyebrow",
+      type: "text"
+    },
     {
       name: "title",
       type: "text",
@@ -718,9 +1458,24 @@ var FaqBlock = {
           name: "answer",
           type: "textarea",
           required: true
+        },
+        {
+          name: "settings",
+          type: "json",
+          admin: {
+            hidden: true
+          }
         }
       ]
     },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -740,10 +1495,28 @@ var FeatureGridBlock = {
     plural: "Feature Grids"
   },
   fields: [
+    {
+      name: "eyebrow",
+      type: "text"
+    },
     {
       name: "title",
-      type: "text",
-      required: true
+      type: "text"
+    },
+    {
+      name: "subtitle",
+      type: "textarea"
+    },
+    {
+      name: "itemsPerRow",
+      type: "number",
+      defaultValue: 3,
+      min: 1,
+      max: 6,
+      admin: {
+        description: "How many items to show per row on desktop.",
+        step: 1
+      }
     },
     {
       name: "items",
@@ -760,11 +1533,53 @@ 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",
+          defaultValue: "badge",
+          options: [
+            { label: "Badge Text", value: "badge" },
+            { label: "Icon", value: "lucide" }
+          ],
+          admin: {
+            description: "Choose whether this item uses a short badge label or an icon."
+          }
+        },
         {
           name: "icon",
           type: "text",
           admin: {
-            description: 'Optional short icon label (e.g. "01", "Leaf", "Star").'
+            description: 'Optional short icon label (e.g. "01", "Leaf", "Star").',
+            condition: (_, siblingData) => siblingData?.iconType !== "lucide"
+          }
+        },
+        {
+          name: "iconLucide",
+          type: "select",
+          options: [
+            { label: "Shield Check", value: "ShieldCheck" },
+            { label: "Clock", value: "Clock" },
+            { label: "Leaf", value: "Leaf" },
+            { label: "Dollar Sign", value: "DollarSign" },
+            { label: "Hard Hat", value: "HardHat" },
+            { label: "Sparkles", value: "Sparkles" },
+            { label: "Tree Pine", value: "TreePine" },
+            { label: "Badge Check", value: "BadgeCheck" },
+            { label: "Calendar Clock", value: "CalendarClock" }
+          ],
+          admin: {
+            description: "Select an icon for this item.",
+            condition: (_, siblingData) => siblingData?.iconType === "lucide"
           }
         },
         {
@@ -772,6 +1587,107 @@ var FeatureGridBlock = {
           type: "upload",
           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",
+          defaultValue: 160,
+          min: 40,
+          max: 600,
+          admin: {
+            description: "Overrides the image height in the builder/section (in pixels).",
+            step: 10
+          }
+        },
+        {
+          name: "imageFit",
+          type: "select",
+          defaultValue: "cover",
+          options: [
+            { label: "Cover", value: "cover" },
+            { label: "Contain", value: "contain" }
+          ]
+        },
+        {
+          name: "imageCornerStyle",
+          type: "select",
+          defaultValue: "rounded",
+          options: [
+            { label: "Rounded", value: "rounded" },
+            { label: "Square", value: "square" }
+          ]
+        },
+        {
+          name: "imagePosition",
+          type: "select",
+          defaultValue: "center",
+          options: [
+            { label: "Center", value: "center" },
+            { label: "Top", value: "top" },
+            { label: "Bottom", value: "bottom" },
+            { label: "Left", value: "left" },
+            { label: "Right", value: "right" }
+          ]
+        },
+        {
+          name: "imagePositionX",
+          type: "number",
+          min: 0,
+          max: 100,
+          admin: {
+            description: "Optional custom horizontal focus (0-100). Overrides Image Position when set.",
+            step: 1
+          }
+        },
+        {
+          name: "imagePositionY",
+          type: "number",
+          min: 0,
+          max: 100,
+          admin: {
+            description: "Optional custom vertical focus (0-100). Overrides Image Position when set.",
+            step: 1
+          }
+        },
+        {
+          name: "settings",
+          type: "json",
+          admin: {
+            hidden: true
+          }
         }
       ]
     },
@@ -787,6 +1703,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"
         }
       ]
     },
@@ -794,7 +1726,15 @@ 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)."
+      }
+    },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
       }
     },
     ...sectionStyleFields()
@@ -816,6 +1756,10 @@ var FormEmbedBlock = {
     plural: "Form Embeds"
   },
   fields: [
+    {
+      name: "eyebrow",
+      type: "text"
+    },
     {
       name: "title",
       type: "text"
@@ -824,6 +1768,10 @@ var FormEmbedBlock = {
       name: "description",
       type: "textarea"
     },
+    {
+      name: "submitLabel",
+      type: "text"
+    },
     {
       name: "formType",
       type: "select",
@@ -835,6 +1783,14 @@ var FormEmbedBlock = {
         }
       ]
     },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -897,18 +1853,39 @@ 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",
       defaultValue: "cover",
       options: [
         { label: "Cover", value: "cover" },
-        { label: "Contain", value: "contain" }
+        { label: "Cover (Square)", value: "cover-square" },
+        { label: "Contain", value: "contain" },
+        { label: "Contain (Square)", value: "contain-square" }
       ],
       admin: {
         description: "How the hero image should be sized within the section."
       }
     },
+    {
+      name: "backgroundImageCornerStyle",
+      type: "select",
+      defaultValue: "rounded",
+      options: [
+        { label: "Rounded", value: "rounded" },
+        { label: "Square", value: "square" }
+      ],
+      admin: {
+        description: "How the hero image corners should appear."
+      }
+    },
     {
       name: "backgroundImagePosition",
       type: "select",
@@ -928,7 +1905,114 @@ var HeroBlock = {
       name: "backgroundColor",
       type: "text",
       admin: {
-        description: "Optional background color override (example: #124a37)."
+        description: "Optional background color override (example: #334b63)."
+      }
+    },
+    {
+      name: "backgroundOverlayMode",
+      type: "select",
+      defaultValue: "none",
+      options: [
+        { label: "None", value: "none" },
+        { label: "Solid", value: "solid" },
+        { label: "Gradient", value: "gradient" }
+      ],
+      admin: {
+        description: "Optional overlay on top of the hero image (applies when an image is present)."
+      }
+    },
+    {
+      name: "backgroundOverlayOpacity",
+      type: "number",
+      defaultValue: 45,
+      min: 0,
+      max: 100,
+      admin: {
+        description: "Overlay opacity (0-100).",
+        step: 1
+      }
+    },
+    {
+      name: "backgroundOverlayColor",
+      type: "text",
+      admin: {
+        description: "Overlay solid color (example: #000000). Used when Overlay Mode is Solid."
+      }
+    },
+    {
+      name: "backgroundOverlayGradientFrom",
+      type: "text",
+      admin: {
+        description: "Gradient overlay start color (example: #334b63). Used when Overlay Mode is Gradient."
+      }
+    },
+    {
+      name: "backgroundOverlayGradientTo",
+      type: "text",
+      admin: {
+        description: "Gradient overlay end color (example: #496582). Used when Overlay Mode is Gradient."
+      }
+    },
+    {
+      name: "backgroundOverlayGradientAngle",
+      type: "text",
+      admin: {
+        description: "Gradient overlay angle in degrees (0-360). Used when Overlay Mode is Gradient."
+      }
+    },
+    {
+      name: "backgroundOverlayGradientFromStrength",
+      type: "number",
+      defaultValue: 100,
+      min: 0,
+      max: 100,
+      admin: {
+        description: "Gradient start strength (0-100). Set to 0 for transparent.",
+        step: 1
+      }
+    },
+    {
+      name: "backgroundOverlayGradientToStrength",
+      type: "number",
+      defaultValue: 100,
+      min: 0,
+      max: 100,
+      admin: {
+        description: "Gradient end strength (0-100). Set to 0 for transparent.",
+        step: 1
+      }
+    },
+    {
+      name: "backgroundOverlayGradientStart",
+      type: "number",
+      defaultValue: 0,
+      min: 0,
+      max: 100,
+      admin: {
+        description: "Where the gradient starts (0-100).",
+        step: 1
+      }
+    },
+    {
+      name: "backgroundOverlayGradientEnd",
+      type: "number",
+      defaultValue: 100,
+      min: 0,
+      max: 100,
+      admin: {
+        description: "Where the gradient ends (0-100).",
+        step: 1
+      }
+    },
+    {
+      name: "backgroundOverlayGradientFeather",
+      type: "number",
+      defaultValue: 100,
+      min: 0,
+      max: 100,
+      admin: {
+        description: "How soft the transition is (0 = hard edge, 100 = smooth).",
+        step: 1
       }
     },
     {
@@ -946,6 +2030,36 @@ var HeroBlock = {
         }
       ]
     },
+    {
+      name: "heroHeight",
+      type: "select",
+      defaultValue: "sm",
+      options: [
+        {
+          label: "Small",
+          value: "sm"
+        },
+        {
+          label: "Medium (Half Screen)",
+          value: "md"
+        },
+        {
+          label: "Full Screen",
+          value: "full"
+        }
+      ],
+      admin: {
+        description: "Controls the vertical height of the hero section."
+      }
+    },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -991,12 +2105,95 @@ 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",
+          defaultValue: 64,
+          min: 24,
+          max: 200,
+          admin: {
+            description: "Overrides the logo image height (in pixels).",
+            step: 4
+          }
+        },
+        {
+          name: "imageFit",
+          type: "select",
+          defaultValue: "contain",
+          options: [
+            { label: "Cover", value: "cover" },
+            { label: "Contain", value: "contain" }
+          ]
+        },
+        {
+          name: "imageCornerStyle",
+          type: "select",
+          defaultValue: "rounded",
+          options: [
+            { label: "Rounded", value: "rounded" },
+            { label: "Square", value: "square" }
+          ]
+        },
+        {
+          name: "imagePosition",
+          type: "select",
+          defaultValue: "center",
+          options: [
+            { label: "Center", value: "center" },
+            { label: "Top", value: "top" },
+            { label: "Bottom", value: "bottom" },
+            { label: "Left", value: "left" },
+            { label: "Right", value: "right" }
+          ]
+        },
+        {
+          name: "imagePositionX",
+          type: "number",
+          min: 0,
+          max: 100,
+          admin: {
+            description: "Optional custom horizontal focus (0-100). Overrides Image Position when set.",
+            step: 1
+          }
+        },
+        {
+          name: "imagePositionY",
+          type: "number",
+          min: 0,
+          max: 100,
+          admin: {
+            description: "Optional custom vertical focus (0-100). Overrides Image Position when set.",
+            step: 1
+          }
+        },
         {
           name: "href",
           type: "text"
+        },
+        {
+          name: "settings",
+          type: "json",
+          admin: {
+            hidden: true
+          }
         }
       ]
     },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -1020,7 +2217,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",
@@ -1041,6 +2245,44 @@ var MediaBlock = {
         }
       ]
     },
+    {
+      name: "imageFit",
+      type: "select",
+      defaultValue: "cover",
+      options: [
+        { label: "Cover", value: "cover" },
+        { label: "Contain", value: "contain" }
+      ]
+    },
+    {
+      name: "imageCornerStyle",
+      type: "select",
+      defaultValue: "rounded",
+      options: [
+        { label: "Rounded", value: "rounded" },
+        { label: "Square", value: "square" }
+      ]
+    },
+    {
+      name: "imagePosition",
+      type: "select",
+      defaultValue: "center",
+      options: [
+        { label: "Center", value: "center" },
+        { label: "Top", value: "top" },
+        { label: "Bottom", value: "bottom" },
+        { label: "Left", value: "left" },
+        { label: "Right", value: "right" }
+      ]
+    },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -1060,6 +2302,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"
@@ -1069,6 +2326,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",
@@ -1084,6 +2389,14 @@ var RichTextBlock = {
         }
       ]
     },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -1131,9 +2444,24 @@ var StatsBlock = {
         {
           name: "description",
           type: "text"
+        },
+        {
+          name: "settings",
+          type: "json",
+          admin: {
+            hidden: true
+          }
         }
       ]
     },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -1158,11 +2486,41 @@ var TestimonialsBlock = {
       type: "text",
       required: true
     },
+    {
+      name: "visibleCount",
+      type: "number",
+      defaultValue: 3,
+      min: 1,
+      max: 6,
+      admin: {
+        description: "How many testimonials to show at once.",
+        step: 1
+      }
+    },
+    {
+      name: "autoRotate",
+      type: "checkbox",
+      defaultValue: true,
+      admin: {
+        description: "Automatically rotates through all testimonials."
+      }
+    },
+    {
+      name: "rotateIntervalSeconds",
+      type: "number",
+      defaultValue: 7,
+      min: 2,
+      max: 30,
+      admin: {
+        description: "How often to rotate (in seconds).",
+        step: 1
+      }
+    },
     {
       name: "items",
       type: "array",
       minRows: 1,
-      maxRows: 6,
+      maxRows: 30,
       fields: [
         {
           name: "quote",
@@ -1177,9 +2535,35 @@ var TestimonialsBlock = {
         {
           name: "location",
           type: "text"
+        },
+        {
+          name: "rating",
+          type: "number",
+          defaultValue: 5,
+          min: 1,
+          max: 5,
+          admin: {
+            description: "Star rating (1-5).",
+            step: 1
+          }
+        },
+        {
+          name: "settings",
+          type: "json",
+          admin: {
+            hidden: true
+          }
         }
       ]
     },
+    {
+      name: "settings",
+      type: "json",
+      admin: {
+        description: "Internal builder settings schema v2.",
+        hidden: true
+      }
+    },
     ...sectionStyleFields()
   ]
 };
@@ -1244,18 +2628,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"
@@ -1273,19 +2657,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"
           }
         ]
       }
@@ -1301,14 +2685,16 @@ 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
           }
         ]
       },
@@ -1317,12 +2703,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."
           }
         ]
       }
@@ -1336,13 +2722,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"
       }
@@ -1354,14 +2740,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"
     },
     {
@@ -1369,8 +2755,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."
         }
       ]
     }
@@ -1379,27 +2765,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"
@@ -1408,9 +2794,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"
     },
     {
@@ -1419,19 +2805,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"
         }
       ]
     },
@@ -1440,8 +2826,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."
         }
       ]
     }
@@ -1512,7 +2898,8 @@ __export(nextjs_exports, {
   createPageQueries: () => createPageQueries,
   createPayloadClient: () => createPayloadClient,
   createSiteQueries: () => createSiteQueries,
-  resolveMedia: () => resolveMedia
+  resolveMedia: () => resolveMedia,
+  resolveSocialMediaLinks: () => resolveSocialMediaLinks
 });
 
 // src/nextjs/client/payload.ts
@@ -1530,43 +2917,696 @@ function createPayloadClient(config) {
 
 // src/nextjs/queries/pages.ts
 var import_cache = require("next/cache");
-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 result = await payload.find({
+
+// src/studio/index.ts
+var studio_exports = {};
+__export(studio_exports, {
+  assertStudioDocumentV1: () => assertStudioDocumentV1,
+  compileStudioDocument: () => compileStudioDocument,
+  createEmptyStudioDocument: () => createEmptyStudioDocument,
+  createImageUploadOptimizationHook: () => createImageUploadOptimizationHook,
+  createStudioRegistry: () => createStudioRegistry,
+  migrateStudioDocument: () => migrateStudioDocument,
+  validateStudioDocument: () => validateStudioDocument,
+  withImageUploadOptimization: () => withImageUploadOptimization
+});
+
+// src/studio/imageUploadOptimization.ts
+var import_promises = require("fs/promises");
+var DEFAULT_SUPPORTED_MIME_TYPES = [
+  "image/jpeg",
+  "image/jpg",
+  "image/png",
+  "image/webp",
+  "image/avif",
+  "image/tiff"
+];
+var DEFAULT_OPTIONS = {
+  avifQuality: 50,
+  enforceSmallerForLossy: true,
+  jpegQuality: 78,
+  minBytes: 48 * 1024,
+  minQualityFloor: 42,
+  onlyIfSmaller: true,
+  pngCompressionLevel: 9,
+  skipAnimated: true,
+  tiffQuality: 75,
+  webpQuality: 78
+};
+var clamp = (value, min, max) => Math.max(min, Math.min(max, Math.round(value)));
+var isUploadMutationOperation = (operation) => operation === "create" || operation === "update" || operation === "updateByID";
+var isLossyMimeType = (mimetype) => mimetype === "image/jpeg" || mimetype === "image/jpg" || mimetype === "image/webp" || mimetype === "image/avif" || mimetype === "image/tiff";
+var readIncomingBuffer = async (file) => {
+  if (file.tempFilePath) {
+    return (0, import_promises.readFile)(file.tempFilePath);
+  }
+  return file.data;
+};
+var writeOptimizedBuffer = async (file, buffer) => {
+  if (file.tempFilePath) {
+    await (0, import_promises.unlink)(file.tempFilePath).catch(() => void 0);
+  }
+  return {
+    ...file,
+    data: buffer,
+    size: buffer.length,
+    tempFilePath: void 0
+  };
+};
+var createImageUploadOptimizationHook = (options = {}) => {
+  const supportedMimeTypes = new Set(options.supportedMimeTypes || DEFAULT_SUPPORTED_MIME_TYPES);
+  const settings = { ...DEFAULT_OPTIONS, ...options };
+  return async ({ operation, req }) => {
+    if (!isUploadMutationOperation(operation)) {
+      return;
+    }
+    const file = req.file;
+    if (!file) {
+      return;
+    }
+    if (!supportedMimeTypes.has(file.mimetype)) {
+      return;
+    }
+    if (typeof file.size === "number" && file.size < settings.minBytes) {
+      return;
+    }
+    const sharpFactory = req.payload?.config?.sharp;
+    if (typeof sharpFactory !== "function") {
+      return;
+    }
+    const originalBuffer = await readIncomingBuffer(file);
+    if (!Buffer.isBuffer(originalBuffer) || originalBuffer.length === 0) {
+      return;
+    }
+    const animatedInput = file.mimetype === "image/avif" || file.mimetype === "image/webp";
+    const metadataProbe = await sharpFactory(
+      originalBuffer,
+      animatedInput ? {
+        animated: true
+      } : void 0
+    ).metadata();
+    if (settings.skipAnimated && typeof metadataProbe.pages === "number" && metadataProbe.pages > 1) {
+      return;
+    }
+    const buildPipeline = (qualityOverride) => {
+      let pipeline = sharpFactory(
+        originalBuffer,
+        animatedInput ? {
+          animated: true
+        } : void 0
+      );
+      switch (file.mimetype) {
+        case "image/jpeg":
+        case "image/jpg":
+          pipeline = pipeline.jpeg({
+            mozjpeg: true,
+            progressive: true,
+            quality: clamp(qualityOverride ?? settings.jpegQuality, 20, 100)
+          });
+          break;
+        case "image/png":
+          pipeline = pipeline.png({
+            compressionLevel: clamp(settings.pngCompressionLevel, 0, 9),
+            palette: false
+          });
+          break;
+        case "image/webp":
+          pipeline = pipeline.webp({
+            quality: clamp(qualityOverride ?? settings.webpQuality, 20, 100)
+          });
+          break;
+        case "image/avif":
+          pipeline = pipeline.avif({
+            quality: clamp(qualityOverride ?? settings.avifQuality, 20, 100)
+          });
+          break;
+        case "image/tiff":
+          pipeline = pipeline.tiff({
+            quality: clamp(qualityOverride ?? settings.tiffQuality, 20, 100)
+          });
+          break;
+        default:
+          return null;
+      }
+      return pipeline;
+    };
+    const initialPipeline = buildPipeline();
+    if (!initialPipeline) {
+      return;
+    }
+    let optimizedBuffer = await initialPipeline.toBuffer();
+    const shouldSweepQuality = settings.enforceSmallerForLossy && isLossyMimeType(file.mimetype);
+    if (shouldSweepQuality) {
+      const initialQuality = file.mimetype === "image/jpeg" || file.mimetype === "image/jpg" ? settings.jpegQuality : file.mimetype === "image/webp" ? settings.webpQuality : file.mimetype === "image/avif" ? settings.avifQuality : settings.tiffQuality;
+      let bestBuffer = optimizedBuffer;
+      let quality = clamp(initialQuality - 5, settings.minQualityFloor, 100);
+      while (quality >= settings.minQualityFloor) {
+        const retryPipeline = buildPipeline(quality);
+        if (!retryPipeline) {
+          break;
+        }
+        const retryBuffer = await retryPipeline.toBuffer();
+        if (retryBuffer.length < bestBuffer.length) {
+          bestBuffer = retryBuffer;
+        }
+        quality -= 5;
+      }
+      optimizedBuffer = bestBuffer;
+    }
+    if (settings.onlyIfSmaller && optimizedBuffer.length >= originalBuffer.length) {
+      return;
+    }
+    req.file = await writeOptimizedBuffer(file, optimizedBuffer);
+  };
+};
+var withImageUploadOptimization = (collection, options = {}) => {
+  if (!collection.upload) {
+    return collection;
+  }
+  const existingHooks = collection.hooks || {};
+  const beforeOperation = existingHooks.beforeOperation || [];
+  return {
+    ...collection,
+    hooks: {
+      ...existingHooks,
+      beforeOperation: [createImageUploadOptimizationHook(options), ...beforeOperation]
+    }
+  };
+};
+
+// src/studio/index.ts
+var isRecord2 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var makeIssue = (message, path2, code = "studio.invalid") => ({
+  code,
+  message,
+  path: path2,
+  severity: "error"
+});
+var createEmptyStudioDocument = (title) => ({
+  metadata: {},
+  schemaVersion: 1,
+  title,
+  nodes: [],
+  updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+});
+function assertStudioDocumentV1(input) {
+  if (!isRecord2(input)) {
+    throw new Error("Studio document must be an object");
+  }
+  if (input.schemaVersion !== 1) {
+    throw new Error("Unsupported studio schemaVersion");
+  }
+  if (!Array.isArray(input.nodes)) {
+    throw new Error("Studio document nodes must be an array");
+  }
+  const nodes = input.nodes.map((node, index) => {
+    if (!isRecord2(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 (!isRecord2(node.data)) {
+      throw new Error(`Node at index ${index} has invalid data`);
+    }
+    return {
+      id: node.id,
+      type: node.type,
+      data: node.data
+    };
+  });
+  return {
+    metadata: isRecord2(input.metadata) ? input.metadata : void 0,
+    schemaVersion: 1,
+    title: typeof input.title === "string" ? input.title : void 0,
+    nodes,
+    updatedAt: typeof input.updatedAt === "string" ? input.updatedAt : void 0
+  };
+}
+function createStudioRegistry(modules) {
+  const moduleByID = new Map(modules.map((mod) => [mod.id, mod]));
+  const nodeTypes = modules.flatMap((mod) => mod.nodeTypes);
+  const nodeTypeByName = new Map(nodeTypes.map((definition) => [definition.type, definition]));
+  return {
+    getModuleByID: (id) => moduleByID.get(id),
+    getNodeTypeByName: (type) => nodeTypeByName.get(type),
+    listInspectorPanels: () => modules.flatMap((mod) => mod.inspectorPanels),
+    listModules: () => [...modules],
+    listPaletteGroups: () => modules.flatMap((mod) => mod.paletteGroups),
+    listNodeTypes: () => [...nodeTypes]
+  };
+}
+function validateStudioDocument(document, modules) {
+  const issues = [];
+  if (document.schemaVersion !== 1) {
+    issues.push(makeIssue("Unsupported schema version", "schemaVersion", "studio.schemaVersion"));
+  }
+  if (!Array.isArray(document.nodes)) {
+    issues.push(makeIssue("Nodes must be an array", "nodes", "studio.nodes"));
+    return issues;
+  }
+  const registry = createStudioRegistry(modules);
+  const nodeIDs = /* @__PURE__ */ new Set();
+  document.nodes.forEach((node, index) => {
+    if (!node.id) {
+      issues.push(makeIssue("Node id is required", `nodes.${index}.id`, "studio.node.id"));
+    }
+    if (nodeIDs.has(node.id)) {
+      issues.push(makeIssue("Node id must be unique", `nodes.${index}.id`, "studio.node.id.duplicate"));
+    }
+    nodeIDs.add(node.id);
+    if (!registry.getNodeTypeByName(node.type)) {
+      issues.push(makeIssue("Unsupported node type", `nodes.${index}.type`, "studio.node.type"));
+    }
+  });
+  for (const module2 of modules) {
+    for (const validate of module2.validators) {
+      issues.push(...validate(document));
+    }
+  }
+  return issues;
+}
+function compileStudioDocument(document, modules) {
+  const issues = validateStudioDocument(document, modules);
+  const compilerEntries = modules.filter((mod) => typeof mod.compiler?.compileNode === "function").map((mod) => mod.compiler?.compileNode);
+  const layout = document.nodes.map((node) => {
+    for (const compileNode of compilerEntries) {
+      if (!compileNode) {
+        continue;
+      }
+      const compiled = compileNode(node);
+      if (compiled) {
+        return compiled;
+      }
+    }
+    return {
+      id: node.id,
+      blockType: node.type,
+      ...node.data
+    };
+  });
+  return {
+    issues,
+    layout
+  };
+}
+function migrateStudioDocument(value, migrations) {
+  const sorted = [...migrations].sort((a, b) => a.fromVersion - b.fromVersion);
+  let current = value;
+  for (const migration of sorted) {
+    if (!isRecord2(current) || current.schemaVersion !== migration.fromVersion) {
+      continue;
+    }
+    current = migration.migrate(current);
+  }
+  return assertStudioDocumentV1(current);
+}
+
+// src/studio-pages/builder/settings-v2/types.ts
+var defaultBuilderBlockSettingsV2 = {
+  advanced: {
+    customClassName: "",
+    editCopyInPanel: false,
+    hideOnMobile: false
+  },
+  appearance: {
+    contentBackgroundColor: "#ffffff",
+    contentBackgroundMode: "none",
+    contentGradientAngle: "135",
+    contentGradientFrom: "#ffffff",
+    contentGradientPreset: "none",
+    contentGradientTo: "#f4f6f8",
+    sectionBackgroundColor: "#ffffff",
+    sectionBackgroundMode: "none",
+    sectionGradientAngle: "135",
+    sectionGradientFrom: "#334b63",
+    sectionGradientPreset: "slate",
+    sectionGradientTo: "#496582"
+  },
+  layout: {
+    contentWidth: "inherit",
+    linkHorizontalPadding: true,
+    linkVerticalPadding: true,
+    paddingBottomPt: null,
+    paddingLeftPt: null,
+    paddingRightPt: null,
+    paddingTopPt: null,
+    sectionPaddingX: "inherit",
+    sectionPaddingY: "md"
+  },
+  media: {
+    cornerStyle: "rounded",
+    fit: "cover",
+    height: null,
+    position: "center",
+    positionX: null,
+    positionY: null
+  },
+  typography: {
+    bodyAlign: "left",
+    headingAlign: "left",
+    letterSpacingPreset: "normal",
+    lineHeightPreset: "normal",
+    maxTextWidth: "auto"
+  },
+  version: 2
+};
+var defaultBuilderItemSettingsV2 = {
+  layout: {
+    contentWidth: "inherit",
+    linkHorizontalPadding: true,
+    linkVerticalPadding: true,
+    paddingBottomPt: null,
+    paddingLeftPt: null,
+    paddingRightPt: null,
+    paddingTopPt: null,
+    sectionPaddingX: "inherit",
+    sectionPaddingY: "md"
+  },
+  media: {
+    cornerStyle: "rounded",
+    fit: "cover",
+    height: null,
+    position: "center",
+    positionX: null,
+    positionY: null
+  },
+  typography: {
+    bodyAlign: "left",
+    headingAlign: "left",
+    letterSpacingPreset: "normal",
+    lineHeightPreset: "normal",
+    maxTextWidth: "auto"
+  },
+  version: 2
+};
+var defaultBuilderThemeTokens = {
+  colors: {
+    accent: "#334b63",
+    bodyText: "#425163",
+    headingText: "#182332",
+    surface: "#ffffff"
+  },
+  radii: {
+    card: 16,
+    panel: 14
+  },
+  spacing: {
+    sectionGap: "md",
+    sectionPadding: "md"
+  },
+  typography: {
+    bodySize: "md",
+    headingSize: "md"
+  }
+};
+
+// src/studio-pages/builder/adapters/settingsV2.ts
+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));
+  }
+  if (typeof value === "string" && value.trim().length > 0) {
+    const parsed = Number(value);
+    if (Number.isFinite(parsed)) {
+      return Math.max(0, Math.min(100, parsed));
+    }
+  }
+  return null;
+};
+var parsePixel = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return value;
+  }
+  if (typeof value === "string" && value.trim().length > 0) {
+    const parsed = Number(value);
+    if (Number.isFinite(parsed)) {
+      return parsed;
+    }
+  }
+  return null;
+};
+var mergeSettings = (defaults, input) => {
+  if (!isRecord3(input)) {
+    return structuredClone(defaults);
+  }
+  const next = structuredClone(defaults);
+  for (const [key, value] of Object.entries(input)) {
+    if (isRecord3(value) && isRecord3(next[key])) {
+      next[key] = mergeSettings(next[key], value);
+      continue;
+    }
+    if (typeof value !== "undefined") {
+      next[key] = value;
+    }
+  }
+  return next;
+};
+var legacyBlockToV2Settings = (block) => {
+  const current = structuredClone(defaultBuilderBlockSettingsV2);
+  current.layout.contentWidth = block.contentWidth === "narrow" || block.contentWidth === "content" || block.contentWidth === "wide" || block.contentWidth === "full" || block.contentWidth === "inherit" ? block.contentWidth : current.layout.contentWidth;
+  current.layout.sectionPaddingX = block.sectionPaddingX === "none" || block.sectionPaddingX === "sm" || block.sectionPaddingX === "md" || block.sectionPaddingX === "lg" || block.sectionPaddingX === "inherit" ? block.sectionPaddingX : current.layout.sectionPaddingX;
+  current.layout.sectionPaddingY = block.sectionPaddingY === "none" || block.sectionPaddingY === "sm" || block.sectionPaddingY === "lg" ? block.sectionPaddingY : current.layout.sectionPaddingY;
+  current.appearance.sectionBackgroundMode = block.sectionBackgroundMode === "none" || block.sectionBackgroundMode === "color" || block.sectionBackgroundMode === "gradient" ? block.sectionBackgroundMode : current.appearance.sectionBackgroundMode;
+  current.appearance.sectionBackgroundColor = typeof block.sectionBackgroundColor === "string" ? block.sectionBackgroundColor : current.appearance.sectionBackgroundColor;
+  current.appearance.sectionGradientPreset = typeof block.sectionGradientPreset === "string" ? block.sectionGradientPreset : current.appearance.sectionGradientPreset;
+  current.appearance.sectionGradientFrom = typeof block.sectionGradientFrom === "string" ? block.sectionGradientFrom : current.appearance.sectionGradientFrom;
+  current.appearance.sectionGradientTo = typeof block.sectionGradientTo === "string" ? block.sectionGradientTo : current.appearance.sectionGradientTo;
+  current.appearance.sectionGradientAngle = typeof block.sectionGradientAngle === "string" ? block.sectionGradientAngle : current.appearance.sectionGradientAngle;
+  current.appearance.contentBackgroundMode = block.contentBackgroundMode === "none" || block.contentBackgroundMode === "color" || block.contentBackgroundMode === "gradient" ? block.contentBackgroundMode : current.appearance.contentBackgroundMode;
+  current.appearance.contentBackgroundColor = typeof block.contentBackgroundColor === "string" ? block.contentBackgroundColor : current.appearance.contentBackgroundColor;
+  current.appearance.contentGradientPreset = typeof block.contentGradientPreset === "string" ? block.contentGradientPreset : current.appearance.contentGradientPreset;
+  current.appearance.contentGradientFrom = typeof block.contentGradientFrom === "string" ? block.contentGradientFrom : current.appearance.contentGradientFrom;
+  current.appearance.contentGradientTo = typeof block.contentGradientTo === "string" ? block.contentGradientTo : current.appearance.contentGradientTo;
+  current.appearance.contentGradientAngle = typeof block.contentGradientAngle === "string" ? block.contentGradientAngle : current.appearance.contentGradientAngle;
+  if (block.backgroundImageFit === "cover" || block.backgroundImageFit === "contain") {
+    current.media.fit = block.backgroundImageFit;
+  }
+  if (block.imageFit === "cover" || block.imageFit === "contain") {
+    current.media.fit = block.imageFit;
+  }
+  if (block.backgroundImageCornerStyle === "rounded" || block.backgroundImageCornerStyle === "square") {
+    current.media.cornerStyle = block.backgroundImageCornerStyle;
+  }
+  if (block.imageCornerStyle === "rounded" || block.imageCornerStyle === "square") {
+    current.media.cornerStyle = block.imageCornerStyle;
+  }
+  if (block.backgroundImagePosition === "top" || block.backgroundImagePosition === "bottom" || block.backgroundImagePosition === "left" || block.backgroundImagePosition === "right" || block.backgroundImagePosition === "center") {
+    current.media.position = block.backgroundImagePosition;
+  }
+  if (block.imagePosition === "top" || block.imagePosition === "bottom" || block.imagePosition === "left" || block.imagePosition === "right" || block.imagePosition === "center") {
+    current.media.position = block.imagePosition;
+  }
+  current.media.positionX = parsePercent(block.imagePositionX ?? block.backgroundImagePositionX);
+  current.media.positionY = parsePercent(block.imagePositionY ?? block.backgroundImagePositionY);
+  current.media.height = parsePixel(block.imageHeight);
+  current.typography.headingAlign = block.textHeadingAlign === "left" || block.textHeadingAlign === "center" || block.textHeadingAlign === "right" || block.textHeadingAlign === "justify" ? block.textHeadingAlign : current.typography.headingAlign;
+  current.typography.bodyAlign = block.textBodyAlign === "left" || block.textBodyAlign === "center" || block.textBodyAlign === "right" || block.textBodyAlign === "justify" ? block.textBodyAlign : current.typography.bodyAlign;
+  current.typography.maxTextWidth = block.textMaxWidth === "auto" || block.textMaxWidth === "sm" || block.textMaxWidth === "md" || block.textMaxWidth === "lg" || block.textMaxWidth === "full" ? block.textMaxWidth : current.typography.maxTextWidth;
+  current.typography.lineHeightPreset = block.textLineHeightPreset === "tight" || block.textLineHeightPreset === "normal" || block.textLineHeightPreset === "relaxed" ? block.textLineHeightPreset : current.typography.lineHeightPreset;
+  current.typography.letterSpacingPreset = block.textLetterSpacingPreset === "tight" || block.textLetterSpacingPreset === "normal" || block.textLetterSpacingPreset === "relaxed" ? block.textLetterSpacingPreset : current.typography.letterSpacingPreset;
+  current.advanced.editCopyInPanel = Boolean(block.editCopyInPanel ?? current.advanced.editCopyInPanel);
+  current.advanced.customClassName = typeof block.customClassName === "string" ? block.customClassName : current.advanced.customClassName;
+  current.advanced.hideOnMobile = Boolean(block.hideOnMobile ?? current.advanced.hideOnMobile);
+  return mergeSettings(current, block.settings);
+};
+var v2SettingsToLegacyBlock = (blockWithSettings) => {
+  const settings = legacyBlockToV2Settings(blockWithSettings);
+  const next = {
+    ...blockWithSettings,
+    settings
+  };
+  const blockType = typeof next.blockType === "string" ? next.blockType : "";
+  next.contentWidth = settings.layout.contentWidth;
+  next.sectionPaddingX = settings.layout.sectionPaddingX;
+  next.sectionPaddingY = settings.layout.sectionPaddingY;
+  next.sectionBackgroundMode = settings.appearance.sectionBackgroundMode;
+  next.sectionBackgroundColor = settings.appearance.sectionBackgroundColor;
+  next.sectionGradientPreset = settings.appearance.sectionGradientPreset;
+  next.sectionGradientFrom = settings.appearance.sectionGradientFrom;
+  next.sectionGradientTo = settings.appearance.sectionGradientTo;
+  next.sectionGradientAngle = settings.appearance.sectionGradientAngle;
+  next.contentBackgroundMode = settings.appearance.contentBackgroundMode;
+  next.contentBackgroundColor = settings.appearance.contentBackgroundColor;
+  next.contentGradientPreset = settings.appearance.contentGradientPreset;
+  next.contentGradientFrom = settings.appearance.contentGradientFrom;
+  next.contentGradientTo = settings.appearance.contentGradientTo;
+  next.contentGradientAngle = settings.appearance.contentGradientAngle;
+  next.textHeadingAlign = settings.typography.headingAlign;
+  next.textBodyAlign = settings.typography.bodyAlign;
+  next.textMaxWidth = settings.typography.maxTextWidth;
+  next.textLineHeightPreset = settings.typography.lineHeightPreset;
+  next.textLetterSpacingPreset = settings.typography.letterSpacingPreset;
+  next.editCopyInPanel = settings.advanced.editCopyInPanel;
+  next.customClassName = settings.advanced.customClassName;
+  next.hideOnMobile = settings.advanced.hideOnMobile;
+  delete next.backgroundImagePositionX;
+  delete next.backgroundImagePositionY;
+  delete next.imageHeight;
+  delete next.imagePositionX;
+  delete next.imagePositionY;
+  if (blockType === "hero") {
+    next.backgroundImageFit = settings.media.fit;
+    next.backgroundImageCornerStyle = settings.media.cornerStyle;
+    next.backgroundImagePosition = settings.media.position;
+  } else if (blockType === "media") {
+    next.imageFit = settings.media.fit;
+    next.imageCornerStyle = settings.media.cornerStyle;
+    next.imagePosition = settings.media.position;
+  }
+  if (Array.isArray(next.items)) {
+    next.items = next.items.map((rawItem) => isRecord3(rawItem) ? v2SettingsToLegacyItem(rawItem) : rawItem);
+  }
+  return next;
+};
+var legacyItemToV2Settings = (item) => {
+  const current = structuredClone(defaultBuilderItemSettingsV2);
+  if (item.imageFit === "cover" || item.imageFit === "contain") {
+    current.media.fit = item.imageFit;
+  }
+  if (item.imageCornerStyle === "rounded" || item.imageCornerStyle === "square") {
+    current.media.cornerStyle = item.imageCornerStyle;
+  }
+  if (item.imagePosition === "top" || item.imagePosition === "bottom" || item.imagePosition === "left" || item.imagePosition === "right" || item.imagePosition === "center") {
+    current.media.position = item.imagePosition;
+  }
+  current.media.positionX = parsePercent(item.imagePositionX);
+  current.media.positionY = parsePercent(item.imagePositionY);
+  current.media.height = parsePixel(item.imageHeight);
+  return mergeSettings(current, item.settings);
+};
+var v2SettingsToLegacyItem = (itemWithSettings) => {
+  const settings = legacyItemToV2Settings(itemWithSettings);
+  return {
+    ...itemWithSettings,
+    imageCornerStyle: settings.media.cornerStyle,
+    imageFit: settings.media.fit,
+    imageHeight: settings.media.height,
+    imagePosition: settings.media.position,
+    imagePositionX: settings.media.positionX,
+    imagePositionY: settings.media.positionY,
+    settings
+  };
+};
+var migrateBlockToSettingsV2 = (block) => {
+  const withLegacyMirrors = v2SettingsToLegacyBlock(block);
+  if (!Array.isArray(withLegacyMirrors.items)) {
+    return withLegacyMirrors;
+  }
+  return {
+    ...withLegacyMirrors,
+    items: withLegacyMirrors.items.map((rawItem) => isRecord3(rawItem) ? v2SettingsToLegacyItem(rawItem) : rawItem)
+  };
+};
+
+// src/studio-pages/document.ts
+var ensureNodeID = (value, index) => {
+  if (typeof value === "string" && value.trim().length > 0) {
+    return value.trim();
+  }
+  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
+    };
+  });
+  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/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
+    }
+  };
+  const publishedWhere = {
+    _status: {
+      equals: "published"
+    }
+  };
+  const result = await payload.find({
     collection: "pages",
     depth: 2,
     draft,
     limit: 1,
     overrideAccess: false,
-    where: {
-      path: {
-        equals: path2
-      }
-    }
+    where: draft ? pathWhere : { and: [pathWhere, publishedWhere] }
   });
   if (result.docs.length > 0) {
-    return result.docs[0] || null;
+    return withStudioDocumentLayout(result.docs[0] || null);
   }
   if (path2 === "/") {
+    const homeWhere = {
+      slug: {
+        equals: "home"
+      }
+    };
     const homeResult = await payload.find({
       collection: "pages",
       depth: 2,
       draft,
       limit: 1,
       overrideAccess: false,
-      where: {
-        slug: {
-          equals: "home"
-        }
-      }
+      where: draft ? homeWhere : { and: [homeWhere, publishedWhere] }
     });
-    return homeResult.docs[0] || null;
+    return withStudioDocumentLayout(homeResult.docs[0] || null);
   }
   return null;
 }
@@ -1576,7 +3616,7 @@ function createPageQueries(getPayloadClient, contentTag = "website-content") {
       const payload = await getPayloadClient();
       return queryPageByPath(payload, path2, false);
     },
-    ["page-by-path"],
+    ["page-by-path", PAGE_QUERY_CACHE_VERSION],
     { tags: [contentTag] }
   );
   async function getPageBySegments(segments, draft = false) {
@@ -1656,6 +3696,18 @@ function createSiteQueries(getPayloadClient, contentTag = "website-content") {
     ["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();
@@ -1692,10 +3744,23 @@ function createSiteQueries(getPayloadClient, contentTag = "website-content") {
     }
     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
+    getFooter,
+    getSocialMedia
   };
 }
 
@@ -1704,60 +3769,465 @@ function resolveMedia(media) {
   if (!media) {
     return null;
   }
-  if (typeof media === "number" || typeof media === "string") {
-    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,
+  defaultBuilderThemeTokens: () => defaultBuilderThemeTokens,
+  layoutToStudioDocument: () => layoutToStudioDocument,
+  pageInspectorPanels: () => pageInspectorPanels,
+  pageNodeTypes: () => pageNodeTypes,
+  pagePaletteGroups: () => pagePaletteGroups,
+  pageStudioModuleManifest: () => pageStudioModuleManifest,
+  resolveBuilderThemeTokens: () => resolveBuilderThemeTokens,
+  studioDocumentToLayout: () => studioDocumentToLayout
+});
+
+// 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/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 = [];
+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"
   }
-  if (media.url) {
-    return {
-      url: media.url,
-      alt: media.alt || ""
-    };
+];
+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"
   }
-  if (media.filename) {
-    return {
-      url: `/media/${media.filename}`,
-      alt: media.alt || ""
-    };
+];
+var inspectorDefinitionByBlockType = {
+  beforeAfter: {
+    blockType: "beforeAfter",
+    fields: [
+      { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
+      { group: "basics", inlineEditable: true, key: "subtitle", label: "Subtitle", type: "textarea" },
+      { group: "basics", key: "itemsPerRow", label: "Items Per Row", max: 4, min: 1, type: "number" },
+      ...layoutFieldSet,
+      ...typographyFieldSet,
+      ...styleFieldSet,
+      ...commonAdvanced
+    ]
+  },
+  bookingEmbed: {
+    blockType: "bookingEmbed",
+    fields: [
+      { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
+      { group: "basics", inlineEditable: true, key: "description", label: "Description", type: "textarea" },
+      { group: "basics", inlineEditable: false, key: "buttonLabel", label: "Button Label", type: "text" },
+      { group: "basics", inlineEditable: false, key: "buttonHref", label: "Button URL", type: "text" },
+      ...layoutFieldSet,
+      ...typographyFieldSet,
+      ...styleFieldSet,
+      ...commonAdvanced
+    ]
+  },
+  cta: {
+    blockType: "cta",
+    fields: [
+      { group: "basics", inlineEditable: true, key: "headline", label: "Headline", type: "text" },
+      { group: "basics", inlineEditable: true, key: "description", label: "Description", type: "textarea" },
+      { group: "basics", inlineEditable: false, key: "buttonLabel", label: "Button Label", type: "text" },
+      { group: "basics", inlineEditable: false, key: "buttonHref", label: "Button URL", type: "text" },
+      {
+        group: "basics",
+        key: "style",
+        label: "Variant",
+        options: [
+          { label: "Light", value: "light" },
+          { label: "Dark", value: "dark" }
+        ],
+        type: "select"
+      },
+      ...layoutFieldSet,
+      ...typographyFieldSet,
+      ...styleFieldSet,
+      ...commonAdvanced
+    ]
+  },
+  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,
+      ...styleFieldSet,
+      ...commonAdvanced
+    ]
+  },
+  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",
+        key: "variant",
+        label: "Variant",
+        options: [
+          { label: "Cards", value: "cards" },
+          { label: "Highlight", value: "highlight" },
+          { label: "Split List", value: "splitList" },
+          { label: "Panels", value: "panels" },
+          { label: "Catalog", value: "catalog" },
+          { label: "Contact Split", value: "contact" }
+        ],
+        type: "select"
+      },
+      { group: "basics", key: "itemsPerRow", label: "Items Per Row", max: 6, min: 1, type: "number" },
+      ...layoutFieldSet,
+      ...typographyFieldSet,
+      ...mediaFieldSet,
+      ...styleFieldSet,
+      ...commonAdvanced
+    ]
+  },
+  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" },
+      {
+        group: "basics",
+        key: "formType",
+        label: "Form Type",
+        options: [{ label: "Quote", value: "quote" }],
+        type: "select"
+      },
+      ...layoutFieldSet,
+      ...typographyFieldSet,
+      ...styleFieldSet,
+      ...commonAdvanced
+    ]
+  },
+  hero: {
+    blockType: "hero",
+    fields: [
+      { group: "basics", inlineEditable: true, key: "kicker", label: "Kicker", type: "text" },
+      { group: "basics", inlineEditable: true, key: "headline", label: "Headline", type: "text" },
+      { group: "basics", inlineEditable: true, key: "subheadline", label: "Subheadline", type: "textarea" },
+      {
+        group: "basics",
+        key: "variant",
+        label: "Variant",
+        options: [
+          { label: "Default", value: "default" },
+          { label: "Centered", value: "centered" }
+        ],
+        type: "select"
+      },
+      {
+        group: "basics",
+        key: "heroHeight",
+        label: "Hero Height",
+        options: [
+          { label: "Small", value: "sm" },
+          { label: "Medium (Half Screen)", value: "md" },
+          { label: "Full Screen", value: "full" }
+        ],
+        type: "select"
+      },
+      ...layoutFieldSet,
+      ...typographyFieldSet,
+      ...mediaFieldSet,
+      ...styleFieldSet,
+      ...commonAdvanced
+    ]
+  },
+  logoWall: {
+    blockType: "logoWall",
+    fields: [
+      { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
+      { group: "basics", inlineEditable: true, key: "subtitle", label: "Subtitle", type: "textarea" },
+      ...layoutFieldSet,
+      ...typographyFieldSet,
+      ...mediaFieldSet,
+      ...styleFieldSet,
+      ...commonAdvanced
+    ]
+  },
+  media: {
+    blockType: "media",
+    fields: [
+      { group: "basics", inlineEditable: true, key: "caption", label: "Caption", type: "text" },
+      {
+        group: "basics",
+        key: "size",
+        label: "Size",
+        options: [
+          { label: "Default", value: "default" },
+          { label: "Wide", value: "wide" }
+        ],
+        type: "select"
+      },
+      ...layoutFieldSet,
+      ...typographyFieldSet,
+      ...mediaFieldSet,
+      ...styleFieldSet,
+      ...commonAdvanced
+    ]
+  },
+  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",
+        key: "width",
+        label: "Rich Text Width",
+        options: [
+          { label: "Normal", value: "normal" },
+          { label: "Narrow", value: "narrow" }
+        ],
+        type: "select"
+      },
+      ...layoutFieldSet,
+      ...typographyFieldSet,
+      ...styleFieldSet,
+      ...commonAdvanced
+    ]
+  },
+  stats: {
+    blockType: "stats",
+    fields: [
+      { group: "basics", inlineEditable: true, key: "title", label: "Title", type: "text" },
+      { group: "basics", inlineEditable: true, key: "subtitle", label: "Subtitle", type: "textarea" },
+      ...layoutFieldSet,
+      ...typographyFieldSet,
+      ...styleFieldSet,
+      ...commonAdvanced
+    ]
+  },
+  testimonials: {
+    blockType: "testimonials",
+    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
+    ]
   }
-  return null;
-}
+};
 
-// src/studio/index.ts
-var studio_exports = {};
-__export(studio_exports, {
-  assertStudioDocumentV1: () => assertStudioDocumentV1,
-  compileStudioDocument: () => compileStudioDocument,
-  createEmptyStudioDocument: () => createEmptyStudioDocument,
-  createStudioRegistry: () => createStudioRegistry,
-  migrateStudioDocument: () => migrateStudioDocument,
-  validateStudioDocument: () => validateStudioDocument
-});
-var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
-var makeIssue = (message, path2, code = "studio.invalid") => ({
-  code,
-  message,
-  path: path2,
-  severity: "error"
-});
-var createEmptyStudioDocument = (title) => ({
-  metadata: {},
-  schemaVersion: 1,
-  title,
-  nodes: [],
-  updatedAt: (/* @__PURE__ */ new Date()).toISOString()
-});
-function assertStudioDocumentV1(input) {
-  if (!isRecord(input)) {
+// src/studio-pages/builder/settings-v2/BlockInspectorRenderer.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+
+// src/studio-pages/migrations.ts
+var isRecord5 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var assertPageStudioDocumentV1 = (value) => {
+  if (!isRecord5(value)) {
     throw new Error("Studio document must be an object");
   }
-  if (input.schemaVersion !== 1) {
+  if (value.schemaVersion !== 1) {
     throw new Error("Unsupported studio schemaVersion");
   }
-  if (!Array.isArray(input.nodes)) {
+  if (!Array.isArray(value.nodes)) {
     throw new Error("Studio document nodes must be an array");
   }
-  const nodes = input.nodes.map((node, index) => {
-    if (!isRecord(node)) {
+  const nodes = value.nodes.map((node, index) => {
+    if (!isRecord5(node)) {
       throw new Error(`Node at index ${index} must be an object`);
     }
     if (typeof node.id !== "string" || node.id.length === 0) {
@@ -1766,116 +4236,50 @@ 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 (!isRecord5(node.data)) {
       throw new Error(`Node at index ${index} has invalid data`);
     }
     return {
+      data: node.data,
       id: node.id,
-      type: node.type,
-      data: node.data
+      type: node.type
     };
   });
   return {
-    metadata: isRecord(input.metadata) ? input.metadata : void 0,
-    schemaVersion: 1,
-    title: typeof input.title === "string" ? input.title : void 0,
+    metadata: isRecord5(value.metadata) ? value.metadata : void 0,
     nodes,
-    updatedAt: typeof input.updatedAt === "string" ? input.updatedAt : void 0
+    schemaVersion: 1,
+    title: typeof value.title === "string" ? value.title : void 0,
+    updatedAt: typeof value.updatedAt === "string" ? value.updatedAt : void 0
   };
-}
-function createStudioRegistry(modules) {
-  const moduleByID = new Map(modules.map((mod) => [mod.id, mod]));
-  const nodeTypes = modules.flatMap((mod) => mod.nodeTypes);
-  const nodeTypeByName = new Map(nodeTypes.map((definition) => [definition.type, definition]));
+};
+var migratePageNodeToSettingsV2 = (node) => {
+  const normalized = migrateBlockToSettingsV2({
+    blockType: node.type,
+    ...node.data
+  });
+  const { blockType: _ignoredBlockType, ...data } = normalized;
   return {
-    getModuleByID: (id) => moduleByID.get(id),
-    getNodeTypeByName: (type) => nodeTypeByName.get(type),
-    listInspectorPanels: () => modules.flatMap((mod) => mod.inspectorPanels),
-    listModules: () => [...modules],
-    listPaletteGroups: () => modules.flatMap((mod) => mod.paletteGroups),
-    listNodeTypes: () => [...nodeTypes]
+    ...node,
+    data
   };
-}
-function validateStudioDocument(document, modules) {
-  const issues = [];
-  if (document.schemaVersion !== 1) {
-    issues.push(makeIssue("Unsupported schema version", "schemaVersion", "studio.schemaVersion"));
-  }
-  if (!Array.isArray(document.nodes)) {
-    issues.push(makeIssue("Nodes must be an array", "nodes", "studio.nodes"));
-    return issues;
-  }
-  const registry = createStudioRegistry(modules);
-  const nodeIDs = /* @__PURE__ */ new Set();
-  document.nodes.forEach((node, index) => {
-    if (!node.id) {
-      issues.push(makeIssue("Node id is required", `nodes.${index}.id`, "studio.node.id"));
-    }
-    if (nodeIDs.has(node.id)) {
-      issues.push(makeIssue("Node id must be unique", `nodes.${index}.id`, "studio.node.id.duplicate"));
-    }
-    nodeIDs.add(node.id);
-    if (!registry.getNodeTypeByName(node.type)) {
-      issues.push(makeIssue("Unsupported node type", `nodes.${index}.type`, "studio.node.type"));
-    }
-  });
-  for (const module2 of modules) {
-    for (const validate of module2.validators) {
-      issues.push(...validate(document));
-    }
-  }
-  return issues;
-}
-function compileStudioDocument(document, modules) {
-  const issues = validateStudioDocument(document, modules);
-  const compilerEntries = modules.filter((mod) => typeof mod.compiler?.compileNode === "function").map((mod) => mod.compiler?.compileNode);
-  const layout = document.nodes.map((node) => {
-    for (const compileNode of compilerEntries) {
-      if (!compileNode) {
-        continue;
-      }
-      const compiled = compileNode(node);
-      if (compiled) {
-        return compiled;
-      }
-    }
-    return {
-      id: node.id,
-      blockType: node.type,
-      ...node.data
-    };
-  });
+};
+var migratePageDocumentSettingsToV2 = (value) => {
+  const current = assertPageStudioDocumentV1(value);
   return {
-    issues,
-    layout
+    ...current,
+    nodes: current.nodes.map(migratePageNodeToSettingsV2)
   };
-}
-function migrateStudioDocument(value, migrations) {
-  const sorted = [...migrations].sort((a, b) => a.fromVersion - b.fromVersion);
-  if (isRecord(value) && value.schemaVersion === 1) {
-    return assertStudioDocumentV1(value);
-  }
-  let current = value;
-  for (const migration of sorted) {
-    if (!isRecord(current) || current.schemaVersion !== migration.fromVersion) {
-      continue;
-    }
-    current = migration.migrate(current);
+};
+var pageStudioMigrations = [
+  {
+    fromVersion: 1,
+    migrate: migratePageDocumentSettingsToV2,
+    toVersion: 1
   }
-  return assertStudioDocumentV1(current);
-}
+];
 
 // src/studio-pages/index.ts
-var studio_pages_exports = {};
-__export(studio_pages_exports, {
-  createDefaultStudioDocument: () => createDefaultStudioDocument,
-  layoutToStudioDocument: () => layoutToStudioDocument,
-  pageInspectorPanels: () => pageInspectorPanels,
-  pageNodeTypes: () => pageNodeTypes,
-  pagePaletteGroups: () => pagePaletteGroups,
-  pageStudioModuleManifest: () => pageStudioModuleManifest,
-  studioDocumentToLayout: () => studioDocumentToLayout
-});
 var withSectionStyleDefaults = (value) => ({
   ...sectionStyleDefaults,
   ...value
@@ -1889,9 +4293,13 @@ var defaultNodeData = {
     title: "Book a Time"
   },
   beforeAfter: withSectionStyleDefaults({
+    itemsPerRow: 2,
     items: [
       {
         description: "Before and after result summary.",
+        imageCornerStyle: "rounded",
+        imageFit: "cover",
+        imagePosition: "center",
         label: "Project One"
       }
     ],
@@ -1900,11 +4308,14 @@ var defaultNodeData = {
   }),
   cta: {
     ...withSectionStyleDefaults({}),
-    backgroundColor: "#1f684f",
+    backgroundColor: "",
+    bullets: [],
     buttonHref: "/contact",
     buttonLabel: "Contact Us",
     description: "Optional supporting copy.",
+    eyebrow: "",
     headline: "Ready to get started?",
+    imageURL: "",
     style: "light"
   },
   faq: {
@@ -1914,11 +4325,13 @@ var defaultNodeData = {
   },
   featureGrid: {
     ...withSectionStyleDefaults({}),
+    itemsPerRow: 3,
     items: [
-      { description: "Explain this point.", icon: "01", title: "Feature One" },
-      { description: "Explain this point.", icon: "02", title: "Feature Two" },
-      { description: "Explain this point.", icon: "03", title: "Feature Three" }
+      { 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"
   },
@@ -1926,13 +4339,28 @@ var defaultNodeData = {
     ...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",
@@ -1945,19 +4373,23 @@ var defaultNodeData = {
   media: {
     ...withSectionStyleDefaults({}),
     caption: "Add a caption",
+    imageCornerStyle: "rounded",
+    imageFit: "cover",
+    imagePosition: "center",
     size: "default"
   },
   logoWall: withSectionStyleDefaults({
     items: [
-      { name: "Trusted Partner 1" },
-      { name: "Trusted Partner 2" },
-      { name: "Trusted Partner 3" }
+      { 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"
+    subtitle: "Show logos from trusted associations, partners, or collaborators.",
+    title: "Trusted by Great Partners"
   }),
   richText: {
     ...withSectionStyleDefaults({}),
+    cards: [],
     content: {
       root: {
         children: [
@@ -1987,19 +4419,23 @@ var defaultNodeData = {
         version: 1
       }
     },
+    statsItems: [],
     title: "Section Heading",
     width: "normal"
   },
   testimonials: {
     ...withSectionStyleDefaults({}),
-    items: [{ location: "City, ST", name: "Customer Name", quote: "Customer feedback goes here." }],
-    title: "What Customers Say"
+    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" }
+      { 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"
@@ -2023,7 +4459,11 @@ var pageNodeTypes = Object.keys(defaultNodeData).map((type) => ({
   type,
   displayName: nodeTypeLabels[type] || type,
   description: `Page node for ${nodeTypeLabels[type] || type}`,
-  getDefaultData: () => structuredClone(defaultNodeData[type])
+  getDefaultData: () => {
+    const migrated = migrateBlockToSettingsV2(structuredClone(defaultNodeData[type]));
+    const { blockType: _ignoredBlockType, ...data } = migrated;
+    return data;
+  }
 }));
 var validatePageDocument = (document) => {
   const issues = [];
@@ -2075,17 +4515,24 @@ var pagePaletteGroups = [
     ]
   }
 ];
-var pageInspectorPanels = Object.keys(defaultNodeData).map((nodeType) => ({
-  id: `${nodeType}-panel`,
-  label: `${nodeTypeLabels[nodeType] || nodeType} Settings`,
+var pageInspectorPanelRegistry = Object.keys(defaultNodeData).map((nodeType) => ({
   nodeType,
-  fields: [
-    {
-      key: "title",
-      label: "Title",
-      type: "text"
-    }
-  ]
+  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",
@@ -2095,13 +4542,18 @@ var pageStudioModuleManifest = {
   paletteGroups: pagePaletteGroups,
   inspectorPanels: pageInspectorPanels,
   validators: [validatePageDocument],
-  migrations: [],
+  migrations: pageStudioMigrations,
   compiler: {
-    compileNode: (node) => ({
-      id: node.id,
-      blockType: node.type,
-      ...node.data
-    })
+    compileNode: (node) => {
+      const normalized = migrateBlockToSettingsV2({
+        blockType: node.type,
+        ...node.data
+      });
+      return {
+        id: node.id,
+        ...normalized
+      };
+    }
   },
   permissions: [
     { action: "read", role: "admin" },
@@ -2114,42 +4566,6 @@ var pageStudioModuleManifest = {
     { 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((block, index) => {
-    const blockType = String(block.blockType);
-    const { id, blockType: _, ...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) => ({
-  id: node.id,
-  blockType: node.type,
-  ...node.data
-}));
-var createDefaultStudioDocument = (title) => ({
-  metadata: {},
-  schemaVersion: 1,
-  title,
-  nodes: [],
-  updatedAt: (/* @__PURE__ */ new Date()).toISOString()
-});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   admin,