@orion-studios/payload-studio 0.5.0-beta.75 → 0.5.0-beta.76

package/dist/studio-pages/client.js

@@ -32,7 +32,7 @@ __export(client_exports, {
 module.exports = __toCommonJS(client_exports);
 
 // src/studio-pages/builder/BuilderPageEditor.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 
 // src/blocks/blocks/sectionStyleFields.ts
 var sectionStyleDefaults = {
@@ -1203,6 +1203,21 @@ function BlockInspectorRenderer({
   ] });
 }
 
+// src/studio/imageUploadOptimization.ts
+var import_promises = require("fs/promises");
+var DEFAULT_OPTIONS = {
+  avifQuality: 50,
+  enforceSmallerForLossy: true,
+  jpegQuality: 78,
+  minBytes: 48 * 1024,
+  minQualityFloor: 42,
+  onlyIfSmaller: true,
+  pngCompressionLevel: 9,
+  skipAnimated: true,
+  tiffQuality: 75,
+  webpQuality: 78
+};
+
 // src/studio-pages/index.ts
 var withSectionStyleDefaults = (value) => ({
   ...sectionStyleDefaults,
@@ -1513,6 +1528,72 @@ async function optimizeImageForUpload(file) {
   }
 }
 
+// src/studio-pages/builder/icons/FeatureLucideIcon.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var iconBaseProps = {
+  fill: "none",
+  stroke: "currentColor",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  strokeWidth: 2
+};
+function FeatureLucideIcon({ iconName }) {
+  const resolved = iconName;
+  switch (resolved) {
+    case "ShieldCheck":
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 3 5 6v6c0 5 3.4 8.5 7 9.8 3.6-1.3 7-4.8 7-9.8V6z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m9.5 12.5 2 2 3.5-3.5" })
+      ] });
+    case "Clock":
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 7v5l3 2" })
+      ] });
+    case "Leaf":
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M5 13c0-5.5 4.5-10 10-10h4v4c0 5.5-4.5 10-10 10H5z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M6 18c2.5 0 4.5-2 4.5-4.5V9" })
+      ] });
+    case "DollarSign":
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 3v18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M16 7.5a3.5 3.5 0 0 0-3.5-2.5h-1A3.5 3.5 0 0 0 8 8.5c0 1.9 1.5 3.5 3.5 3.5h1A3.5 3.5 0 0 1 16 15.5 3.5 3.5 0 0 1 12.5 19h-1A3.5 3.5 0 0 1 8 16.5" })
+      ] });
+    case "HardHat":
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M4 14a8 8 0 0 1 16 0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M2 14h20v4H2z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 6v8" })
+      ] });
+    case "Sparkles":
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m12 3 1.2 3.3L16.5 7.5l-3.3 1.2L12 12l-1.2-3.3L7.5 7.5l3.3-1.2z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m18.5 13 0.8 2.2 2.2 0.8-2.2 0.8-0.8 2.2-0.8-2.2-2.2-0.8 2.2-0.8z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m6 14 0.9 2.4 2.4 0.9-2.4 0.9L6 21l-0.9-2.4L2.7 17.7l2.4-0.9z" })
+      ] });
+    case "TreePine":
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m12 3 5 6h-3l4 5h-4l3 4H7l3-4H6l4-5H7z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 18v3" })
+      ] });
+    case "BadgeCheck":
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m12 3 2.1 1.6 2.6-.2 1.3 2.3 2.4 1-0.6 2.6 1.2 2.2-1.8 1.9.1 2.6-2.4.9-1.2 2.3-2.6-.3L12 21l-2.1-1.6-2.6.2-1.3-2.3-2.4-1 .6-2.6L3 11.5 4.8 9.6l-.1-2.6 2.4-.9 1.2-2.3 2.6.3z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m8.7 12.4 2 2 4.6-4.6" })
+      ] });
+    case "CalendarClock":
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { x: "3", y: "5", width: "14", height: "12", rx: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M7 3v4M13 3v4M3 9h14" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "18", cy: "17", r: "3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M18 15.8v1.4l1 0.7" })
+      ] });
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "orion-builder-lucide-icon-fallback", children: iconName || "Icon" });
+  }
+}
+
 // src/studio-pages/builder/presets.ts
 var sectionPresets = [
   {
@@ -1709,7 +1790,7 @@ function clonePresetBlocks(blocks) {
 }
 
 // src/studio-pages/builder/settings-v2/ArrayItemsEditor.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var lucideIconOptions = [
   "ShieldCheck",
   "Clock",
@@ -1845,24 +1926,24 @@ function ArrayItemsEditor({
     if (normalizedQuery && !hasQueryMatch(normalizedQuery, label, uploadLabel, "image", "media", selectedMedia ? mediaLabel(selectedMedia) : "")) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "orion-builder-settings-note", children: selectedMedia ? `${label}: ${mediaLabel(selectedMedia)}` : `No ${label.toLowerCase()} selected.` }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "orion-builder-settings-label", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "orion-builder-settings-note", children: selectedMedia ? `${label}: ${mediaLabel(selectedMedia)}` : `No ${label.toLowerCase()} selected.` }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "orion-builder-settings-label", children: [
         label,
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
           "select",
           {
             className: "orion-builder-settings-input",
             onChange: (event) => onSetItemMediaFromLibrary(itemIndex, field, event.target.value),
             value: selectedMediaID !== null ? String(selectedMediaID) : "",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "", children: "No image" }),
-              mediaLibrary.map((libraryItem) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: String(libraryItem.id), children: mediaLabel(libraryItem) }, String(libraryItem.id)))
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "", children: "No image" }),
+              mediaLibrary.map((libraryItem) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: String(libraryItem.id), children: mediaLabel(libraryItem) }, String(libraryItem.id)))
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "button",
         {
           className: "orion-builder-settings-inline-btn",
@@ -1872,9 +1953,9 @@ function ArrayItemsEditor({
           children: "Remove"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "orion-builder-settings-label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "orion-builder-settings-label", children: [
         uploadLabel,
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "input",
           {
             accept: "image/*",
@@ -1891,33 +1972,33 @@ function ArrayItemsEditor({
           }
         )
       ] }),
-      isUploadingItemMedia(itemIndex, field) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "orion-builder-settings-note", children: "Uploading image..." }) : null
+      isUploadingItemMedia(itemIndex, field) ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "orion-builder-settings-note", children: "Uploading image..." }) : null
     ] });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     Accordion,
     {
       defaultOpen: true,
       subtitle: `${items.length} item${items.length === 1 ? "" : "s"}`,
       title: "Items",
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "orion-builder-settings-field-list", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "orion-builder-settings-add-btn", onClick: onAddItem, type: "button", children: config.addLabel }),
-        mediaLibraryLoading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "orion-builder-settings-note", children: "Loading media library..." }) : null,
-        mediaLibraryError ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "orion-builder-settings-error", children: mediaLibraryError }) : null,
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "orion-builder-settings-field-list", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "orion-builder-settings-add-btn", onClick: onAddItem, type: "button", children: config.addLabel }),
+        mediaLibraryLoading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "orion-builder-settings-note", children: "Loading media library..." }) : null,
+        mediaLibraryError ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "orion-builder-settings-error", children: mediaLibraryError }) : null,
         items.map((item, itemIndex) => {
           const label = config.itemLabel(item, itemIndex);
           const isOpen = expandedItemIndex === itemIndex || Boolean(normalizedQuery);
-          return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("article", { className: "orion-builder-settings-item-card", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { className: "orion-builder-settings-item-toggle", onClick: () => onToggleItem(itemIndex), type: "button", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "orion-builder-settings-item-title", children: label }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "orion-builder-settings-item-toggle-state", children: isOpen ? "Hide" : "Show" })
+          return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("article", { className: "orion-builder-settings-item-card", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { className: "orion-builder-settings-item-toggle", onClick: () => onToggleItem(itemIndex), type: "button", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "orion-builder-settings-item-title", children: label }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "orion-builder-settings-item-toggle-state", children: isOpen ? "Hide" : "Show" })
             ] }),
-            isOpen ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "orion-builder-settings-item-body", children: [
-              blockType === "featureGrid" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-                showInlineCopyFields ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-                  hasQueryMatch(normalizedQuery, "title", "name") ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "orion-builder-settings-label", children: [
+            isOpen ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "orion-builder-settings-item-body", children: [
+              blockType === "featureGrid" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                showInlineCopyFields ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                  hasQueryMatch(normalizedQuery, "title", "name") ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "orion-builder-settings-label", children: [
                     "Title",
-                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                       "input",
                       {
                         className: "orion-builder-settings-input",
@@ -1927,9 +2008,9 @@ function ArrayItemsEditor({
                       }
                     )
                   ] }) : null,
-                  hasQueryMatch(normalizedQuery, "description", "copy", "text") ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "orion-builder-settings-label", children: [
+                  hasQueryMatch(normalizedQuery, "description", "copy", "text") ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "orion-builder-settings-label", children: [
                     "Description",
-                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                       "textarea",
                       {
                         className: "orion-builder-settings-input is-textarea",
@@ -1939,38 +2020,38 @@ function ArrayItemsEditor({
                     )
                   ] }) : null
                 ] }) : null,
-                hasQueryMatch(normalizedQuery, "icon", "badge") ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "orion-builder-settings-label", children: [
+                hasQueryMatch(normalizedQuery, "icon", "badge") ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "orion-builder-settings-label", children: [
                   "Icon Type",
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                     "select",
                     {
                       className: "orion-builder-settings-input",
                       onChange: (event) => onUpdateItemField(itemIndex, "iconType", event.target.value),
                       value: normalizeText(item.iconType, "badge"),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "badge", children: "Badge Text" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "lucide", children: "Lucide Icon" })
+                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "badge", children: "Badge Text" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "lucide", children: "Lucide Icon" })
                       ]
                     }
                   )
                 ] }) : null,
-                normalizeText(item.iconType, "badge") === "lucide" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "orion-builder-settings-label", children: [
+                normalizeText(item.iconType, "badge") === "lucide" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "orion-builder-settings-label", children: [
                   "Icon",
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                     "select",
                     {
                       className: "orion-builder-settings-input",
                       onChange: (event) => onUpdateItemField(itemIndex, "iconLucide", event.target.value),
                       value: normalizeText(item.iconLucide),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "", children: "Select an icon" }),
-                        lucideIconOptions.map((icon) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: icon, children: icon }, icon))
+                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "", children: "Select an icon" }),
+                        lucideIconOptions.map((icon) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: icon, children: icon }, icon))
                       ]
                     }
                   )
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "orion-builder-settings-label", children: [
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "orion-builder-settings-label", children: [
                   "Badge Text",
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "input",
                     {
                       className: "orion-builder-settings-input",
@@ -1982,10 +2063,10 @@ function ArrayItemsEditor({
                 ] }),
                 renderMediaPicker(item, itemIndex, "media", "Feature Image", "Upload Feature Image")
               ] }) : null,
-              blockType === "logoWall" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-                showInlineCopyFields ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "orion-builder-settings-label", children: [
+              blockType === "logoWall" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                showInlineCopyFields ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "orion-builder-settings-label", children: [
                   "Name",
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "input",
                     {
                       className: "orion-builder-settings-input",
@@ -1995,9 +2076,9 @@ function ArrayItemsEditor({
                     }
                   )
                 ] }) : null,
-                hasQueryMatch(normalizedQuery, "link", "url", "href") ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "orion-builder-settings-label", children: [
+                hasQueryMatch(normalizedQuery, "link", "url", "href") ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "orion-builder-settings-label", children: [
                   "Link URL",
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "input",
                     {
                       className: "orion-builder-settings-input",
@@ -2009,11 +2090,11 @@ function ArrayItemsEditor({
                 ] }) : null,
                 renderMediaPicker(item, itemIndex, "media", "Logo Image", "Upload Logo Image")
               ] }) : null,
-              blockType === "beforeAfter" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-                showInlineCopyFields ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "orion-builder-settings-label", children: [
+              blockType === "beforeAfter" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                showInlineCopyFields ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "orion-builder-settings-label", children: [
                     "Label",
-                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                       "input",
                       {
                         className: "orion-builder-settings-input",
@@ -2023,9 +2104,9 @@ function ArrayItemsEditor({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "orion-builder-settings-label", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "orion-builder-settings-label", children: [
                     "Description",
-                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                       "textarea",
                       {
                         className: "orion-builder-settings-input is-textarea",
@@ -2038,10 +2119,10 @@ function ArrayItemsEditor({
                 renderMediaPicker(item, itemIndex, "beforeMedia", "Before Image", "Upload Before Image"),
                 renderMediaPicker(item, itemIndex, "afterMedia", "After Image", "Upload After Image")
               ] }) : null,
-              blockType === "stats" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: showInlineCopyFields ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "orion-builder-settings-label", children: [
+              blockType === "stats" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: showInlineCopyFields ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "orion-builder-settings-label", children: [
                   "Value",
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "input",
                     {
                       className: "orion-builder-settings-input",
@@ -2051,9 +2132,9 @@ function ArrayItemsEditor({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "orion-builder-settings-label", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "orion-builder-settings-label", children: [
                   "Label",
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "input",
                     {
                       className: "orion-builder-settings-input",
@@ -2063,9 +2144,9 @@ function ArrayItemsEditor({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "orion-builder-settings-label", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "orion-builder-settings-label", children: [
                   "Description",
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "textarea",
                     {
                       className: "orion-builder-settings-input is-textarea",
@@ -2075,10 +2156,10 @@ function ArrayItemsEditor({
                   )
                 ] })
               ] }) : null }) : null,
-              blockType === "faq" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: showInlineCopyFields ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "orion-builder-settings-label", children: [
+              blockType === "faq" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: showInlineCopyFields ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "orion-builder-settings-label", children: [
                   "Question",
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "input",
                     {
                       className: "orion-builder-settings-input",
@@ -2088,9 +2169,9 @@ function ArrayItemsEditor({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "orion-builder-settings-label", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "orion-builder-settings-label", children: [
                   "Answer",
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "textarea",
                     {
                       className: "orion-builder-settings-input is-textarea",
@@ -2100,11 +2181,11 @@ function ArrayItemsEditor({
                   )
                 ] })
               ] }) : null }) : null,
-              blockType === "testimonials" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-                showInlineCopyFields ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "orion-builder-settings-label", children: [
+              blockType === "testimonials" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                showInlineCopyFields ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "orion-builder-settings-label", children: [
                     "Quote",
-                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                       "textarea",
                       {
                         className: "orion-builder-settings-input is-textarea",
@@ -2113,9 +2194,9 @@ function ArrayItemsEditor({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "orion-builder-settings-label", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "orion-builder-settings-label", children: [
                     "Name",
-                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                       "input",
                       {
                         className: "orion-builder-settings-input",
@@ -2125,9 +2206,9 @@ function ArrayItemsEditor({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "orion-builder-settings-label", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "orion-builder-settings-label", children: [
                     "Location",
-                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                       "input",
                       {
                         className: "orion-builder-settings-input",
@@ -2138,9 +2219,9 @@ function ArrayItemsEditor({
                     )
                   ] })
                 ] }) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "orion-builder-settings-label", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "orion-builder-settings-label", children: [
                   "Rating",
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "input",
                     {
                       className: "orion-builder-settings-input",
@@ -2153,7 +2234,7 @@ function ArrayItemsEditor({
                   )
                 ] })
               ] }) : null,
-              blockType === "featureGrid" || blockType === "logoWall" || blockType === "beforeAfter" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              blockType === "featureGrid" || blockType === "logoWall" || blockType === "beforeAfter" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 ImageControls,
                 {
                   cornerStyle: normalizeImageCornerStyle(item.imageCornerStyle),
@@ -2189,35 +2270,133 @@ function ArrayItemsEditor({
                   positionY: clamp(normalizeNumber2(item.imagePositionY, 50), 0, 100)
                 }
               ) : null,
-              mode === "advanced" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "orion-builder-settings-label", children: [
+              mode === "advanced" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "orion-builder-settings-label", children: [
                 "Item Text Alignment",
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                   "select",
                   {
                     className: "orion-builder-settings-input",
                     onChange: (event) => onUpdateItemSetting(itemIndex, "typography.bodyAlign", event.target.value),
                     value: getItemTypographyAlign(item),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "left", children: "Left" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "center", children: "Center" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "right", children: "Right" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "justify", children: "Justify" })
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "left", children: "Left" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "center", children: "Center" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "right", children: "Right" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "justify", children: "Justify" })
                     ]
                   }
                 )
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "orion-builder-settings-inline-btn is-danger", onClick: () => onRemoveItem(itemIndex), type: "button", children: "Remove Item" })
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "orion-builder-settings-inline-btn is-danger", onClick: () => onRemoveItem(itemIndex), type: "button", children: "Remove Item" })
             ] }) : null
           ] }, `${blockType}-item-${itemIndex}`);
         }),
-        items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "orion-builder-settings-empty", children: "No items yet. Add one to start configuring this block." }) : null
+        items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "orion-builder-settings-empty", children: "No items yet. Add one to start configuring this block." }) : null
       ] })
     }
   );
 }
 
+// src/studio-pages/builder/ui/InlineText.tsx
+var import_react2 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function InlineText({
+  as = "p",
+  className,
+  multiline = false,
+  onCommit,
+  placeholder = "Click to edit",
+  style,
+  value
+}) {
+  const [editing, setEditing] = (0, import_react2.useState)(false);
+  const editableRef = (0, import_react2.useRef)(null);
+  const Tag = as;
+  const normalizeValue = (raw) => {
+    if (multiline) {
+      return raw.replace(/\r\n/g, "\n").trim();
+    }
+    return raw.replace(/\r?\n/g, " ").replace(/\s+/g, " ").trim();
+  };
+  (0, import_react2.useEffect)(() => {
+    if (!editing || !editableRef.current) {
+      return;
+    }
+    const element = editableRef.current;
+    const initialValue = value || "";
+    if (multiline) {
+      element.innerText = initialValue;
+    } else {
+      element.textContent = initialValue;
+    }
+    element.focus();
+    const selection = window.getSelection();
+    if (!selection) {
+      return;
+    }
+    const range = document.createRange();
+    range.selectNodeContents(element);
+    range.collapse(false);
+    selection.removeAllRanges();
+    selection.addRange(range);
+  }, [editing, multiline, value]);
+  if (editing) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      Tag,
+      {
+        className,
+        contentEditable: true,
+        ref: (node) => {
+          editableRef.current = node;
+        },
+        onBlur: (event) => {
+          setEditing(false);
+          const raw = multiline ? event.currentTarget.innerText || "" : event.currentTarget.textContent || "";
+          const nextValue = normalizeValue(raw);
+          onCommit(nextValue);
+        },
+        onKeyDown: (event) => {
+          if (!multiline && event.key === "Enter") {
+            event.preventDefault();
+            event.currentTarget.blur();
+          }
+        },
+        style: {
+          background: "transparent",
+          borderRadius: 6,
+          boxShadow: "0 0 0 4px rgba(92, 255, 174, 0.38)",
+          cursor: "text",
+          minHeight: multiline ? "1.6em" : void 0,
+          outline: "3px solid rgba(21, 125, 82, 0.95)",
+          outlineOffset: 2,
+          ...style
+        },
+        suppressContentEditableWarning: true
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    Tag,
+    {
+      className,
+      onClick: () => setEditing(true),
+      style: { cursor: "text", ...style },
+      children: value && value.length > 0 ? value : placeholder
+    }
+  );
+}
+
+// src/studio-pages/builder/ui/UploadOverlay.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function UploadOverlay({ label = "Uploading image..." }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "orion-builder-upload-overlay", role: "status", "aria-live": "polite", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": "true", className: "orion-builder-upload-spinner" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: label })
+  ] });
+}
+
 // src/studio-pages/builder/BuilderPageEditor.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var isRecord5 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
 var resolveMedia = (value) => {
   if (!value) return null;
@@ -2313,69 +2492,6 @@ function moveItem(arr, fromIndex, toIndex) {
 function normalizeText2(value, fallback = "") {
   return typeof value === "string" ? value : fallback;
 }
-var iconBaseProps = {
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: 2
-};
-function FeatureLucideIcon({ iconName }) {
-  const resolved = iconName;
-  switch (resolved) {
-    case "ShieldCheck":
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 3 5 6v6c0 5 3.4 8.5 7 9.8 3.6-1.3 7-4.8 7-9.8V6z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "m9.5 12.5 2 2 3.5-3.5" })
-      ] });
-    case "Clock":
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 7v5l3 2" })
-      ] });
-    case "Leaf":
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M5 13c0-5.5 4.5-10 10-10h4v4c0 5.5-4.5 10-10 10H5z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M6 18c2.5 0 4.5-2 4.5-4.5V9" })
-      ] });
-    case "DollarSign":
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 3v18" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M16 7.5a3.5 3.5 0 0 0-3.5-2.5h-1A3.5 3.5 0 0 0 8 8.5c0 1.9 1.5 3.5 3.5 3.5h1A3.5 3.5 0 0 1 16 15.5 3.5 3.5 0 0 1 12.5 19h-1A3.5 3.5 0 0 1 8 16.5" })
-      ] });
-    case "HardHat":
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M4 14a8 8 0 0 1 16 0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M2 14h20v4H2z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 6v8" })
-      ] });
-    case "Sparkles":
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "m12 3 1.2 3.3L16.5 7.5l-3.3 1.2L12 12l-1.2-3.3L7.5 7.5l3.3-1.2z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "m18.5 13 0.8 2.2 2.2 0.8-2.2 0.8-0.8 2.2-0.8-2.2-2.2-0.8 2.2-0.8z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "m6 14 0.9 2.4 2.4 0.9-2.4 0.9L6 21l-0.9-2.4L2.7 17.7l2.4-0.9z" })
-      ] });
-    case "TreePine":
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "m12 3 5 6h-3l4 5h-4l3 4H7l3-4H6l4-5H7z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 18v3" })
-      ] });
-    case "BadgeCheck":
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "m12 3 2.1 1.6 2.6-.2 1.3 2.3 2.4 1-0.6 2.6 1.2 2.2-1.8 1.9.1 2.6-2.4.9-1.2 2.3-2.6-.3L12 21l-2.1-1.6-2.6.2-1.3-2.3-2.4-1 .6-2.6L3 11.5 4.8 9.6l-.1-2.6 2.4-.9 1.2-2.3 2.6.3z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "m8.7 12.4 2 2 4.6-4.6" })
-      ] });
-    case "CalendarClock":
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "3", y: "5", width: "14", height: "12", rx: "2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M7 3v4M13 3v4M3 9h14" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "18", cy: "17", r: "3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M18 15.8v1.4l1 0.7" })
-      ] });
-    default:
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "orion-builder-lucide-icon-fallback", children: iconName || "Icon" });
-  }
-}
 function extractLexicalText(value) {
   if (!value || typeof value !== "object" || !("root" in value)) {
     return "";
@@ -2888,91 +3004,6 @@ var notifyMediaLibraryUpdated = () => {
   } catch {
   }
 };
-function InlineText({
-  as = "p",
-  className,
-  multiline = false,
-  onCommit,
-  placeholder = "Click to edit",
-  style,
-  value
-}) {
-  const [editing, setEditing] = (0, import_react2.useState)(false);
-  const editableRef = (0, import_react2.useRef)(null);
-  const Tag = as;
-  const normalizeValue = (raw) => {
-    if (multiline) {
-      return raw.replace(/\r\n/g, "\n").trim();
-    }
-    return raw.replace(/\r?\n/g, " ").replace(/\s+/g, " ").trim();
-  };
-  (0, import_react2.useEffect)(() => {
-    if (!editing || !editableRef.current) {
-      return;
-    }
-    const element = editableRef.current;
-    const initialValue = value || "";
-    if (multiline) {
-      element.innerText = initialValue;
-    } else {
-      element.textContent = initialValue;
-    }
-    element.focus();
-    const selection = window.getSelection();
-    if (!selection) {
-      return;
-    }
-    const range = document.createRange();
-    range.selectNodeContents(element);
-    range.collapse(false);
-    selection.removeAllRanges();
-    selection.addRange(range);
-  }, [editing, multiline, value]);
-  if (editing) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      Tag,
-      {
-        className,
-        contentEditable: true,
-        ref: (node) => {
-          editableRef.current = node;
-        },
-        onBlur: (event) => {
-          setEditing(false);
-          const raw = multiline ? event.currentTarget.innerText || "" : event.currentTarget.textContent || "";
-          const nextValue = normalizeValue(raw);
-          onCommit(nextValue);
-        },
-        onKeyDown: (event) => {
-          if (!multiline && event.key === "Enter") {
-            event.preventDefault();
-            event.currentTarget.blur();
-          }
-        },
-        style: {
-          background: "transparent",
-          borderRadius: 6,
-          boxShadow: "0 0 0 4px rgba(92, 255, 174, 0.38)",
-          cursor: "text",
-          minHeight: multiline ? "1.6em" : void 0,
-          outline: "3px solid rgba(21, 125, 82, 0.95)",
-          outlineOffset: 2,
-          ...style
-        },
-        suppressContentEditableWarning: true
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    Tag,
-    {
-      className,
-      onClick: () => setEditing(true),
-      style: { cursor: "text", ...style },
-      children: value && value.length > 0 ? value : placeholder
-    }
-  );
-}
 function BlockFrame({
   children,
   dragIndex,
@@ -2983,20 +3014,20 @@ function BlockFrame({
   selected,
   setDragIndex
 }) {
-  const [dropPosition, setDropPosition] = (0, import_react2.useState)(null);
-  const [dropHovered, setDropHovered] = (0, import_react2.useState)(false);
+  const [dropPosition, setDropPosition] = (0, import_react3.useState)(null);
+  const [dropHovered, setDropHovered] = (0, import_react3.useState)(false);
   const isDragging = dragIndex === index;
   const isAnyDragging = dragIndex !== null;
   const isDropTarget = dragIndex !== null && dragIndex !== index && dropPosition !== null;
   const showDropBefore = isDropTarget && dropPosition === "before";
   const showDropAfter = isDropTarget && dropPosition === "after";
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (dragIndex === null) {
       setDropPosition(null);
       setDropHovered(false);
     }
   }, [dragIndex]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     "div",
     {
       draggable: true,
@@ -3063,7 +3094,7 @@ function BlockFrame({
         willChange: isAnyDragging ? "transform, box-shadow, opacity" : "auto"
       },
       children: [
-        showDropBefore ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        showDropBefore ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "div",
           {
             style: {
@@ -3079,7 +3110,7 @@ function BlockFrame({
             }
           }
         ) : null,
-        showDropAfter ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        showDropAfter ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "div",
           {
             style: {
@@ -3095,7 +3126,7 @@ function BlockFrame({
             }
           }
         ) : null,
-        isDropTarget && dropHovered ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        isDropTarget && dropHovered ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "div",
           {
             style: {
@@ -3109,7 +3140,7 @@ function BlockFrame({
             }
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
           "div",
           {
             style: {
@@ -3131,7 +3162,7 @@ function BlockFrame({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
           "div",
           {
             "aria-hidden": true,
@@ -3157,7 +3188,7 @@ function BlockFrame({
               zIndex: 30
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { display: "inline-block", fontSize: 13, transform: "translateY(-0.5px)" }, children: "\u22EE\u22EE" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { display: "inline-block", fontSize: 13, transform: "translateY(-0.5px)" }, children: "\u22EE\u22EE" }),
               "Drag"
             ]
           }
@@ -3167,12 +3198,6 @@ function BlockFrame({
     }
   );
 }
-function UploadOverlay({ label = "Uploading image..." }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "orion-builder-upload-overlay", role: "status", "aria-live": "polite", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-hidden": "true", className: "orion-builder-upload-spinner" }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: label })
-  ] });
-}
 var clonePageDefaults = (value) => ({
   pageWidthDefault: value.pageWidthDefault,
   themePage: value.themePage ? JSON.parse(JSON.stringify(value.themePage)) : {}
@@ -3182,7 +3207,7 @@ var cloneSnapshot = (value) => ({
   pageDefaults: clonePageDefaults(value.pageDefaults)
 });
 function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }) {
-  const editorRootRef = (0, import_react2.useRef)(null);
+  const editorRootRef = (0, import_react3.useRef)(null);
   const doc = initialDoc ?? {};
   const sourceStudioDocument = doc.studioDocument && typeof doc.studioDocument === "object" ? doc.studioDocument : {};
   const sourceMetadata = sourceStudioDocument.metadata && typeof sourceStudioDocument.metadata === "object" ? sourceStudioDocument.metadata : {};
@@ -3194,43 +3219,43 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
     pageWidthDefault: sourceMetadata.pageWidthDefault === "wide" || sourceMetadata.pageWidthDefault === "full" ? sourceMetadata.pageWidthDefault : defaultPageDefaults.pageWidthDefault,
     themePage: isRecord5(sourceThemePage.page) ? sourceThemePage.page : {}
   };
-  const [layout, setLayout] = (0, import_react2.useState)(
+  const [layout, setLayout] = (0, import_react3.useState)(
     migrateLayoutToSettingsV2(cloneBlockLayout(initialLayout).map((block) => withSectionStyleDefaults2(block)))
   );
-  const [pageDefaults, setPageDefaults] = (0, import_react2.useState)(clonePageDefaults(initialPageDefaults));
-  const [selectedIndex, setSelectedIndex] = (0, import_react2.useState)(null);
-  const [dragIndex, setDragIndex] = (0, import_react2.useState)(null);
-  const [sidebarOpen, setSidebarOpen] = (0, import_react2.useState)(true);
-  const [savingStatus, setSavingStatus] = (0, import_react2.useState)(null);
-  const [uploadingTarget, setUploadingTarget] = (0, import_react2.useState)(null);
-  const [topViewportHeight, setTopViewportHeight] = (0, import_react2.useState)(null);
-  const [uploadError, setUploadError] = (0, import_react2.useState)("");
-  const [uploadMessage, setUploadMessage] = (0, import_react2.useState)("");
-  const [uploadAltText, setUploadAltText] = (0, import_react2.useState)("");
-  const [mediaLibrary, setMediaLibrary] = (0, import_react2.useState)([]);
-  const [mediaLibraryError, setMediaLibraryError] = (0, import_react2.useState)("");
-  const [mediaLibraryLoading, setMediaLibraryLoading] = (0, import_react2.useState)(false);
-  const [selectedHeroMediaID, setSelectedHeroMediaID] = (0, import_react2.useState)("");
-  const [selectedItemIndex, setSelectedItemIndex] = (0, import_react2.useState)(null);
-  const [expandedItemIndex, setExpandedItemIndex] = (0, import_react2.useState)(null);
-  const [testimonialsOffsets, setTestimonialsOffsets] = (0, import_react2.useState)({});
-  const [presetQuery, setPresetQuery] = (0, import_react2.useState)("");
-  const [sessionExpired, setSessionExpired] = (0, import_react2.useState)(false);
-  const [pastSnapshots, setPastSnapshots] = (0, import_react2.useState)([]);
-  const [futureSnapshots, setFutureSnapshots] = (0, import_react2.useState)([]);
-  const [settingsPanelMode, setSettingsPanelMode] = (0, import_react2.useState)("basic");
-  const [settingsSearchQuery, setSettingsSearchQuery] = (0, import_react2.useState)("");
+  const [pageDefaults, setPageDefaults] = (0, import_react3.useState)(clonePageDefaults(initialPageDefaults));
+  const [selectedIndex, setSelectedIndex] = (0, import_react3.useState)(null);
+  const [dragIndex, setDragIndex] = (0, import_react3.useState)(null);
+  const [sidebarOpen, setSidebarOpen] = (0, import_react3.useState)(true);
+  const [savingStatus, setSavingStatus] = (0, import_react3.useState)(null);
+  const [uploadingTarget, setUploadingTarget] = (0, import_react3.useState)(null);
+  const [topViewportHeight, setTopViewportHeight] = (0, import_react3.useState)(null);
+  const [uploadError, setUploadError] = (0, import_react3.useState)("");
+  const [uploadMessage, setUploadMessage] = (0, import_react3.useState)("");
+  const [uploadAltText, setUploadAltText] = (0, import_react3.useState)("");
+  const [mediaLibrary, setMediaLibrary] = (0, import_react3.useState)([]);
+  const [mediaLibraryError, setMediaLibraryError] = (0, import_react3.useState)("");
+  const [mediaLibraryLoading, setMediaLibraryLoading] = (0, import_react3.useState)(false);
+  const [selectedHeroMediaID, setSelectedHeroMediaID] = (0, import_react3.useState)("");
+  const [selectedItemIndex, setSelectedItemIndex] = (0, import_react3.useState)(null);
+  const [expandedItemIndex, setExpandedItemIndex] = (0, import_react3.useState)(null);
+  const [testimonialsOffsets, setTestimonialsOffsets] = (0, import_react3.useState)({});
+  const [presetQuery, setPresetQuery] = (0, import_react3.useState)("");
+  const [sessionExpired, setSessionExpired] = (0, import_react3.useState)(false);
+  const [pastSnapshots, setPastSnapshots] = (0, import_react3.useState)([]);
+  const [futureSnapshots, setFutureSnapshots] = (0, import_react3.useState)([]);
+  const [settingsPanelMode, setSettingsPanelMode] = (0, import_react3.useState)("basic");
+  const [settingsSearchQuery, setSettingsSearchQuery] = (0, import_react3.useState)("");
   const isSidebarPanelKey = (value) => value === "pageDefaults" || value === "addSections" || value === "selected";
-  const [activeSidebarPanel, setActiveSidebarPanel] = (0, import_react2.useState)("selected");
-  const historyBypassRef = (0, import_react2.useRef)(true);
-  const previousSnapshotRef = (0, import_react2.useRef)({
+  const [activeSidebarPanel, setActiveSidebarPanel] = (0, import_react3.useState)("selected");
+  const historyBypassRef = (0, import_react3.useRef)(true);
+  const previousSnapshotRef = (0, import_react3.useRef)({
     layout: migrateLayoutToSettingsV2(cloneBlockLayout(initialLayout).map((block) => withSectionStyleDefaults2(block))),
     pageDefaults: clonePageDefaults(initialPageDefaults)
   });
-  const lastSavedRef = (0, import_react2.useRef)(cloneSnapshot(previousSnapshotRef.current));
+  const lastSavedRef = (0, import_react3.useRef)(cloneSnapshot(previousSnapshotRef.current));
   const persistedFlagKey = "orion-builder-settings-panel-v2";
-  const [settingsPanelV2Override, setSettingsPanelV2Override] = (0, import_react2.useState)(null);
-  const settingsPanelV2Enabled = (0, import_react2.useMemo)(() => {
+  const [settingsPanelV2Override, setSettingsPanelV2Override] = (0, import_react3.useState)(null);
+  const settingsPanelV2Enabled = (0, import_react3.useMemo)(() => {
     if (typeof featureFlags?.settingsPanelV2 === "boolean") {
       return featureFlags.settingsPanelV2;
     }
@@ -3248,7 +3273,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
     }
     return true;
   }, [featureFlags?.settingsPanelV2, settingsPanelV2Override]);
-  const selectedBlock = (0, import_react2.useMemo)(
+  const selectedBlock = (0, import_react3.useMemo)(
     () => selectedIndex !== null ? layout[selectedIndex] : null,
     [layout, selectedIndex]
   );
@@ -3293,13 +3318,13 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
     }
     return mediaLibrary.find((item) => String(item.id) === String(relationID)) || null;
   };
-  const selectedHeroMedia = (0, import_react2.useMemo)(() => {
+  const selectedHeroMedia = (0, import_react3.useMemo)(() => {
     if (selectedType !== "hero" || !selectedBlock) {
       return null;
     }
     return resolveMediaLibraryItemFromValue(selectedBlock.media);
   }, [mediaLibrary, selectedBlock, selectedType]);
-  const filteredSectionPresets = (0, import_react2.useMemo)(() => {
+  const filteredSectionPresets = (0, import_react3.useMemo)(() => {
     const query = presetQuery.trim().toLowerCase();
     if (!query) {
       return sectionPresets;
@@ -3308,7 +3333,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
       (preset) => `${preset.title} ${preset.description}`.toLowerCase().includes(query)
     );
   }, [presetQuery]);
-  const loadMediaLibrary = (0, import_react2.useCallback)(async () => {
+  const loadMediaLibrary = (0, import_react3.useCallback)(async () => {
     setMediaLibraryLoading(true);
     setMediaLibraryError("");
     try {
@@ -3329,10 +3354,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
       setMediaLibraryLoading(false);
     }
   }, []);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     void loadMediaLibrary();
   }, [loadMediaLibrary]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     const refreshMediaLibrary = () => {
       void loadMediaLibrary();
     };
@@ -3357,7 +3382,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
       document.removeEventListener("visibilitychange", onVisibilityChange);
     };
   }, [loadMediaLibrary]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     let active = true;
     const checkSession = async () => {
       try {
@@ -3385,7 +3410,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
       window.clearInterval(intervalId);
     };
   }, []);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (selectedType !== "hero") {
       setSelectedHeroMediaID("");
       return;
@@ -3746,7 +3771,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
     }
     return nextBlock;
   });
-  const resolvedThemeTokens = (0, import_react2.useMemo)(
+  const resolvedThemeTokens = (0, import_react3.useMemo)(
     () => resolveBuilderThemeTokens({
       page: pageDefaults.themePage,
       site: siteThemeTokens
@@ -3767,7 +3792,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
     const headingAlign = blockTypography.headingAlign === "center" || blockTypography.headingAlign === "justify" || blockTypography.headingAlign === "right" ? blockTypography.headingAlign : "left";
     const headingColor = getThemeColorOverride(blockTheme, "headingText") || getThemeColorOverride(pageDefaults.themePage, "headingText") || getThemeColorOverride(siteThemeTokens, "headingText") || (block.blockType === "hero" ? "#ffffff" : resolvedThemeTokens.colors.headingText);
     const bodyColor = getThemeColorOverride(blockTheme, "bodyText") || getThemeColorOverride(pageDefaults.themePage, "bodyText") || getThemeColorOverride(siteThemeTokens, "bodyText") || (block.blockType === "hero" ? "#ffffff" : resolvedThemeTokens.colors.bodyText);
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("section", { className: `${className} ${shell.sectionClass}`, style: shell.sectionStyle, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: shell.sectionInnerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("section", { className: `${className} ${shell.sectionClass}`, style: shell.sectionStyle, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: shell.sectionInnerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "div",
       {
         className: shell.contentClass,
@@ -3883,14 +3908,14 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
       return next;
     });
   };
-  const currentSnapshot = (0, import_react2.useMemo)(
+  const currentSnapshot = (0, import_react3.useMemo)(
     () => ({
       layout: cloneBlockLayout(layout),
       pageDefaults: clonePageDefaults(pageDefaults)
     }),
     [layout, pageDefaults]
   );
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     const readTopViewportHeight = () => {
       if (typeof window === "undefined") {
         setTopViewportHeight(null);
@@ -3915,7 +3940,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
     layout: toPersistedLayout(snapshot.layout),
     pageDefaults: snapshot.pageDefaults
   });
-  const isDirty = (0, import_react2.useMemo)(
+  const isDirty = (0, import_react3.useMemo)(
     () => snapshotKey(currentSnapshot) !== snapshotKey(lastSavedRef.current),
     [currentSnapshot]
   );
@@ -4068,7 +4093,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
       setSavingStatus(null);
     }
   };
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     const storageKey = `orion-builder-panels:${pageID}`;
     const raw = window.localStorage.getItem(storageKey);
     if (!raw) {
@@ -4094,7 +4119,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
     } catch {
     }
   }, [pageID]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     const persistedValue = window.localStorage.getItem(persistedFlagKey);
     if (persistedValue === "true") {
       setSettingsPanelV2Override(true);
@@ -4106,25 +4131,25 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
     }
     setSettingsPanelV2Override(null);
   }, [persistedFlagKey]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (typeof settingsPanelV2Override !== "boolean") {
       window.localStorage.removeItem(persistedFlagKey);
       return;
     }
     window.localStorage.setItem(persistedFlagKey, settingsPanelV2Override ? "true" : "false");
   }, [persistedFlagKey, settingsPanelV2Override]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     const storageKey = `orion-builder-panels:${pageID}`;
     window.localStorage.setItem(storageKey, JSON.stringify({ activePanel: activeSidebarPanel }));
   }, [activeSidebarPanel, pageID]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (selectedIndex === null) {
       return;
     }
     setSidebarOpen(true);
     setActiveSidebarPanel("selected");
   }, [selectedIndex]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (selectedIndex === null) {
       setSelectedItemIndex(null);
       setExpandedItemIndex(null);
@@ -4142,17 +4167,17 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
       (current) => typeof current === "number" && current >= 0 && current < selectedItems.length ? current : 0
     );
   }, [selectedIndex, selectedItems.length]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (layout.length > 0) {
       return;
     }
     setSidebarOpen(true);
     setActiveSidebarPanel("addSections");
   }, [layout.length]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     return;
   }, [layout]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (historyBypassRef.current) {
       historyBypassRef.current = false;
       previousSnapshotRef.current = cloneSnapshot(currentSnapshot);
@@ -4163,7 +4188,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
     setFutureSnapshots([]);
     previousSnapshotRef.current = cloneSnapshot(currentSnapshot);
   }, [currentSnapshot]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     const onKeyDown = (event) => {
       const key = event.key.toLowerCase();
       const isUndo = (event.metaKey || event.ctrlKey) && key === "z" && !event.shiftKey;
@@ -4181,7 +4206,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
     window.addEventListener("keydown", onKeyDown);
     return () => window.removeEventListener("keydown", onKeyDown);
   }, [canRedo, canUndo, futureSnapshots, pastSnapshots, currentSnapshot]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     window.parent?.postMessage(
       {
         dirty: isDirty,
@@ -4191,7 +4216,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
       "*"
     );
   }, [isDirty]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     window.parent?.postMessage(
       {
         canRedo,
@@ -4202,7 +4227,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
       "*"
     );
   }, [canRedo, canUndo]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     const onMessage = (event) => {
       const data = event.data;
       if (!data || data.source !== "payload-visual-builder-parent") {
@@ -4255,7 +4280,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
     window.addEventListener("message", onMessage);
     return () => window.removeEventListener("message", onMessage);
   }, [canRedo, canUndo, isDirty, layout, pageDefaults.pageWidthDefault, title]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     const preventNavigationWhileEditing = (event) => {
       const editorRoot = editorRootRef.current;
       if (!editorRoot) {
@@ -4277,7 +4302,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
     document.addEventListener("click", preventNavigationWhileEditing, true);
     return () => document.removeEventListener("click", preventNavigationWhileEditing, true);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     "div",
     {
       ref: editorRootRef,
@@ -4288,7 +4313,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
         padding: "0 0 1.2rem"
       },
       children: [
-        sessionExpired ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        sessionExpired ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "div",
           {
             style: {
@@ -4301,7 +4326,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
               position: "fixed",
               zIndex: 9999
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
               "div",
               {
                 style: {
@@ -4316,9 +4341,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                   width: "100%"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "#8d1d1d", fontSize: "1.1rem", fontWeight: 700 }, children: "Session Expired" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "#333", fontSize: "0.9rem", lineHeight: 1.5 }, children: "Your login session has expired. Your edits are still here, but you must log in again before saving. Open the login page in a new tab, sign in, then return here and try saving again." }),
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { color: "#8d1d1d", fontSize: "1.1rem", fontWeight: 700 }, children: "Session Expired" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { color: "#333", fontSize: "0.9rem", lineHeight: 1.5 }, children: "Your login session has expired. Your edits are still here, but you must log in again before saving. Open the login page in a new tab, sign in, then return here and try saving again." }),
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                     "a",
                     {
                       href: "/admin",
@@ -4337,7 +4362,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                       children: "Open Login Page"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                     "button",
                     {
                       onClick: () => setSessionExpired(false),
@@ -4359,7 +4384,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
             )
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { minWidth: 0 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { minWidth: 0 }, children: [
           layout.map((block, index) => {
             const type = normalizeText2(block.blockType, "unknown");
             const selectBlock = () => setSelectedIndex(index);
@@ -4434,7 +4459,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
               const heroStyle = {
                 borderRadius: heroCornerRadius
               };
-              return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 BlockFrame,
                 {
                   dragIndex,
@@ -4447,13 +4472,13 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                   children: renderWithSectionShell(
                     block,
                     "",
-                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: `hero ${variant === "centered" ? "hero-centered" : ""}`, style: heroStyle, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "hero-grid", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "orion-builder-upload-slot", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "hero-media", role: "img", style: mediaStyle }),
-                        isBlockUploadTarget(index, "hero") ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(UploadOverlay, { label: "Uploading hero image..." }) : null
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { className: `hero ${variant === "centered" ? "hero-centered" : ""}`, style: heroStyle, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "hero-grid", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "orion-builder-upload-slot", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "hero-media", role: "img", style: mediaStyle }),
+                        isBlockUploadTarget(index, "hero") ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(UploadOverlay, { label: "Uploading hero image..." }) : null
                       ] }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "hero-content", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "kicker", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "hero-content", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "kicker", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                           InlineText,
                           {
                             as: "span",
@@ -4462,7 +4487,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                             value: normalizeText2(block.kicker)
                           }
                         ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                           InlineText,
                           {
                             as: "h1",
@@ -4471,7 +4496,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                             value: normalizeText2(block.headline)
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                           InlineText,
                           {
                             as: "p",
@@ -4481,8 +4506,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                             value: normalizeText2(block.subheadline)
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "hero-actions", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "btn btn-primary", type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "hero-actions", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: "btn btn-primary", type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                             InlineText,
                             {
                               as: "span",
@@ -4491,7 +4516,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                               value: normalizeText2(block.primaryLabel)
                             }
                           ) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "btn btn-secondary", type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: "btn btn-secondary", type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                             InlineText,
                             {
                               as: "span",
@@ -4515,7 +4540,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
               const itemsPerRow = Math.max(1, Math.min(6, itemsPerRowRaw));
               const items = Array.isArray(block.items) ? block.items : [];
               if (variant === "highlight") {
-                return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                   BlockFrame,
                   {
                     dragIndex,
@@ -4528,8 +4553,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                     children: renderWithSectionShell(
                       block,
                       "section",
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "features", style: backgroundColor ? { background: backgroundColor } : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "inner", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "section-heading", style: { margin: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "features", style: backgroundColor ? { background: backgroundColor } : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "inner", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "section-heading", style: { margin: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                           InlineText,
                           {
                             as: "h2",
@@ -4539,7 +4564,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                             value: normalizeText2(block.title)
                           }
                         ) }) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                           "div",
                           {
                             className: "feature-grid",
@@ -4566,7 +4591,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                 positionY: itemPositionY
                               });
                               const isItemSelected = selectedIndex === index && selectedItemIndex === itemIndex;
-                              return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                              return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                 "article",
                                 {
                                   className: "feature-item",
@@ -4576,10 +4601,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   },
                                   style: isItemSelected ? { outline: "2px solid rgba(255, 255, 255, 0.72)", outlineOffset: 2 } : void 0,
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "orion-builder-upload-slot", children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "orion-builder-upload-slot", children: [
                                       itemMedia?.url ? (
                                         // eslint-disable-next-line @next/next/no-img-element
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                           "img",
                                           {
                                             alt: itemMedia.alt || normalizeText2(itemRecord?.title, "Feature image"),
@@ -4588,7 +4613,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                             style: { ...itemImageStyle, height: itemImageHeight }
                                           }
                                         )
-                                      ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "feature-icon", children: iconType === "lucide" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FeatureLucideIcon, { iconName: iconLucide }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                      ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "feature-icon", children: iconType === "lucide" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FeatureLucideIcon, { iconName: iconLucide }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                         InlineText,
                                         {
                                           as: "span",
@@ -4597,9 +4622,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                           value: iconBadge
                                         }
                                       ) }),
-                                      isFeatureGridItemUploading(index, itemIndex) ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(UploadOverlay, { label: "Uploading image..." }) : null
+                                      isFeatureGridItemUploading(index, itemIndex) ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(UploadOverlay, { label: "Uploading image..." }) : null
                                     ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                       InlineText,
                                       {
                                         as: "h3",
@@ -4608,7 +4633,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                         value: normalizeText2(itemRecord?.title)
                                       }
                                     ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                       InlineText,
                                       {
                                         as: "p",
@@ -4631,7 +4656,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                   `feature-highlight-${index}`
                 );
               }
-              return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 BlockFrame,
                 {
                   dragIndex,
@@ -4644,8 +4669,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                   children: renderWithSectionShell(
                     block,
                     "section",
-                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "section-heading", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "section-heading", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         InlineText,
                         {
                           as: "h2",
@@ -4654,7 +4679,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                           value: normalizeText2(block.title)
                         }
                       ) }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         "div",
                         {
                           className: "card-grid services",
@@ -4681,7 +4706,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                               positionY: itemPositionY
                             });
                             const isItemSelected = selectedIndex === index && selectedItemIndex === itemIndex;
-                            return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                            return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                               "article",
                               {
                                 className: "service-card",
@@ -4690,11 +4715,11 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   openSelectedItem(itemIndex);
                                 },
                                 style: isItemSelected ? { outline: "2px solid rgba(15, 125, 82, 0.55)", outlineOffset: 3 } : void 0,
-                                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "service-body", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "orion-builder-upload-slot", children: [
+                                children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "service-body", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "orion-builder-upload-slot", children: [
                                     itemMedia?.url ? (
                                       // eslint-disable-next-line @next/next/no-img-element
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                         "img",
                                         {
                                           alt: itemMedia.alt || normalizeText2(itemRecord?.title, "Feature image"),
@@ -4703,7 +4728,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                           style: { ...itemImageStyle, height: itemImageHeight }
                                         }
                                       )
-                                    ) : iconType === "lucide" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "service-tag service-tag-icon", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FeatureLucideIcon, { iconName: iconLucide }) }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "service-tag", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                    ) : iconType === "lucide" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "service-tag service-tag-icon", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FeatureLucideIcon, { iconName: iconLucide }) }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "service-tag", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                       InlineText,
                                       {
                                         as: "span",
@@ -4712,9 +4737,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                         value: iconBadge
                                       }
                                     ) }),
-                                    isFeatureGridItemUploading(index, itemIndex) ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(UploadOverlay, { label: "Uploading image..." }) : null
+                                    isFeatureGridItemUploading(index, itemIndex) ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(UploadOverlay, { label: "Uploading image..." }) : null
                                   ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                     InlineText,
                                     {
                                       as: "h3",
@@ -4723,7 +4748,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                       value: normalizeText2(itemRecord?.title)
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                     InlineText,
                                     {
                                       as: "p",
@@ -4748,7 +4773,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
             }
             if (type === "stats") {
               const items = Array.isArray(block.items) ? block.items : [];
-              return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 BlockFrame,
                 {
                   dragIndex,
@@ -4761,9 +4786,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                   children: renderWithSectionShell(
                     block,
                     "section",
-                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "section-heading", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "section-heading", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                           InlineText,
                           {
                             as: "h2",
@@ -4772,7 +4797,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                             value: normalizeText2(block.title)
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                           InlineText,
                           {
                             as: "p",
@@ -4783,9 +4808,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                           }
                         )
                       ] }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "orion-stats-grid", children: items.map((item, itemIndex) => {
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "orion-stats-grid", children: items.map((item, itemIndex) => {
                         const isItemSelected = selectedIndex === index && selectedItemIndex === itemIndex;
-                        return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                        return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                           "article",
                           {
                             className: "orion-stat-card",
@@ -4795,7 +4820,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                             },
                             style: isItemSelected ? { outline: "2px solid rgba(15, 125, 82, 0.55)", outlineOffset: 3 } : void 0,
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                 InlineText,
                                 {
                                   as: "h3",
@@ -4804,7 +4829,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   value: normalizeText2(item?.value)
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                 InlineText,
                                 {
                                   as: "span",
@@ -4813,7 +4838,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   value: normalizeText2(item?.label)
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                 InlineText,
                                 {
                                   as: "p",
@@ -4836,7 +4861,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
             }
             if (type === "logoWall") {
               const items = Array.isArray(block.items) ? block.items : [];
-              return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 BlockFrame,
                 {
                   dragIndex,
@@ -4849,9 +4874,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                   children: renderWithSectionShell(
                     block,
                     "section",
-                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "section-heading", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "section-heading", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                           InlineText,
                           {
                             as: "h2",
@@ -4860,7 +4885,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                             value: normalizeText2(block.title)
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                           InlineText,
                           {
                             as: "p",
@@ -4871,7 +4896,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                           }
                         )
                       ] }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "orion-logo-wall", children: items.map((item, itemIndex) => {
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "orion-logo-wall", children: items.map((item, itemIndex) => {
                         const itemRecord = item;
                         const media = resolveMedia(itemRecord?.media);
                         const imageHeight = parsePixelNumber(itemRecord?.imageHeight, 54);
@@ -4886,7 +4911,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                           roundedRadius: 10
                         });
                         const isItemSelected = selectedIndex === index && selectedItemIndex === itemIndex;
-                        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                           "article",
                           {
                             className: "orion-logo-wall-item",
@@ -4895,10 +4920,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                               openSelectedItem(itemIndex);
                             },
                             style: isItemSelected ? { outline: "2px solid rgba(15, 125, 82, 0.55)", outlineOffset: 3 } : void 0,
-                            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "orion-builder-upload-slot", children: [
+                            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "orion-builder-upload-slot", children: [
                               media?.url ? (
                                 // eslint-disable-next-line @next/next/no-img-element
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                   "img",
                                   {
                                     alt: media.alt || normalizeText2(itemRecord?.name, "Logo"),
@@ -4907,7 +4932,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                     style: { ...imageStyle, height: imageHeight }
                                   }
                                 )
-                              ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                              ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                 InlineText,
                                 {
                                   as: "span",
@@ -4916,7 +4941,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   value: normalizeText2(itemRecord?.name)
                                 }
                               ),
-                              isLogoWallItemUploading(index, itemIndex) ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(UploadOverlay, { label: "Uploading logo..." }) : null
+                              isLogoWallItemUploading(index, itemIndex) ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(UploadOverlay, { label: "Uploading logo..." }) : null
                             ] })
                           },
                           `logo-${itemIndex}`
@@ -4932,7 +4957,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
               const items = Array.isArray(block.items) ? block.items : [];
               const itemsPerRowRaw = Math.floor(parsePixelNumber(block.itemsPerRow, 2));
               const itemsPerRow = Math.max(1, Math.min(4, itemsPerRowRaw));
-              return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 BlockFrame,
                 {
                   dragIndex,
@@ -4945,9 +4970,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                   children: renderWithSectionShell(
                     block,
                     "section",
-                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "section-heading", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "section-heading", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                           InlineText,
                           {
                             as: "h2",
@@ -4956,7 +4981,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                             value: normalizeText2(block.title)
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                           InlineText,
                           {
                             as: "p",
@@ -4967,7 +4992,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                           }
                         )
                       ] }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         "div",
                         {
                           className: "orion-before-after-grid",
@@ -4992,7 +5017,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                               positionY: itemPositionY
                             });
                             const isItemSelected = selectedIndex === index && selectedItemIndex === itemIndex;
-                            return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                            return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                               "article",
                               {
                                 className: "orion-before-after-card",
@@ -5002,11 +5027,11 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                 },
                                 style: isItemSelected ? { outline: "2px solid rgba(15, 125, 82, 0.55)", outlineOffset: 3 } : void 0,
                                 children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "orion-before-after-media", children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("figure", { children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "orion-before-after-media", children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("figure", { children: [
                                       beforeMedia?.url ? (
                                         // eslint-disable-next-line @next/next/no-img-element
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                           "img",
                                           {
                                             alt: beforeMedia.alt || `${normalizeText2(itemRecord?.label, "Project")} before`,
@@ -5014,14 +5039,14 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                             style: { ...imageStyle, height: imageHeight }
                                           }
                                         )
-                                      ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "orion-before-after-placeholder", style: { height: imageHeight }, children: "Before" }),
-                                      isBeforeAfterItemUploading(index, itemIndex, "beforeMedia") ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(UploadOverlay, { label: "Uploading before image..." }) : null,
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("figcaption", { children: "Before" })
+                                      ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "orion-before-after-placeholder", style: { height: imageHeight }, children: "Before" }),
+                                      isBeforeAfterItemUploading(index, itemIndex, "beforeMedia") ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(UploadOverlay, { label: "Uploading before image..." }) : null,
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("figcaption", { children: "Before" })
                                     ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("figure", { children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("figure", { children: [
                                       afterMedia?.url ? (
                                         // eslint-disable-next-line @next/next/no-img-element
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                           "img",
                                           {
                                             alt: afterMedia.alt || `${normalizeText2(itemRecord?.label, "Project")} after`,
@@ -5029,13 +5054,13 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                             style: { ...imageStyle, height: imageHeight }
                                           }
                                         )
-                                      ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "orion-before-after-placeholder", style: { height: imageHeight }, children: "After" }),
-                                      isBeforeAfterItemUploading(index, itemIndex, "afterMedia") ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(UploadOverlay, { label: "Uploading after image..." }) : null,
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("figcaption", { children: "After" })
+                                      ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "orion-before-after-placeholder", style: { height: imageHeight }, children: "After" }),
+                                      isBeforeAfterItemUploading(index, itemIndex, "afterMedia") ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(UploadOverlay, { label: "Uploading after image..." }) : null,
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("figcaption", { children: "After" })
                                     ] })
                                   ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "orion-before-after-body", children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "orion-before-after-body", children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                       InlineText,
                                       {
                                         as: "h3",
@@ -5044,7 +5069,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                         value: normalizeText2(itemRecord?.label)
                                       }
                                     ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                       InlineText,
                                       {
                                         as: "p",
@@ -5081,7 +5106,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                 const itemIndex = (offset + slotIndex) % items.length;
                 return { item: items[itemIndex], itemIndex };
               }) : items.map((item, itemIndex) => ({ item, itemIndex }));
-              return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 BlockFrame,
                 {
                   dragIndex,
@@ -5094,8 +5119,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                   children: renderWithSectionShell(
                     block,
                     "section",
-                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "section-heading", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "section-heading", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         InlineText,
                         {
                           as: "h2",
@@ -5104,8 +5129,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                           value: normalizeText2(block.title)
                         }
                       ) }) }),
-                      shouldWindow ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "testimonials-stage is-navigable", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                      shouldWindow ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "testimonials-stage is-navigable", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                           "button",
                           {
                             "aria-label": "Previous testimonials",
@@ -5121,13 +5146,13 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                               });
                             },
                             type: "button",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-hidden": "true", children: "\u2039" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "aria-hidden": "true", children: "\u2039" })
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "split testimonials-grid", children: windowedItems.map(({ item, itemIndex }) => {
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "split testimonials-grid", children: windowedItems.map(({ item, itemIndex }) => {
                           const isItemSelected = selectedIndex === index && selectedItemIndex === itemIndex;
                           const ratingValue = parseTestimonialRating(item?.rating, 5);
-                          return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                          return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                             "article",
                             {
                               className: "panel",
@@ -5137,14 +5162,14 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                               },
                               style: isItemSelected ? { outline: "2px solid rgba(15, 125, 82, 0.55)", outlineOffset: 3 } : void 0,
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "testimonial-quote-top", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "testimonial-quote-mark", "aria-hidden": "true", children: "\u201C" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "testimonial-stars", "aria-label": `${ratingValue} out of 5 stars`, role: "img", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "testimonial-quote-top", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "testimonial-quote-mark", "aria-hidden": "true", children: "\u201C" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "testimonial-stars", "aria-label": `${ratingValue} out of 5 stars`, role: "img", children: [
                                     "\u2605".repeat(ratingValue),
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "testimonial-stars-muted", children: "\u2605".repeat(5 - ratingValue) })
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "testimonial-stars-muted", children: "\u2605".repeat(5 - ratingValue) })
                                   ] })
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "quote testimonial-quote", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "quote testimonial-quote", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                   InlineText,
                                   {
                                     as: "span",
@@ -5154,10 +5179,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                     value: normalizeText2(item?.quote)
                                   }
                                 ) }),
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "quote-author", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "quote-avatar", children: normalizeText2(item?.name, "C").split(" ").slice(0, 2).map((part) => part[0]).join("").toUpperCase() }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "quote-author", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "quote-avatar", children: normalizeText2(item?.name, "C").split(" ").slice(0, 2).map((part) => part[0]).join("").toUpperCase() }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                       InlineText,
                                       {
                                         as: "span",
@@ -5166,7 +5191,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                         value: normalizeText2(item?.name)
                                       }
                                     ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "var(--ink-500)", fontSize: "0.88rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { color: "var(--ink-500)", fontSize: "0.88rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                       InlineText,
                                       {
                                         as: "span",
@@ -5182,7 +5207,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                             `testimonial-${itemIndex}`
                           );
                         }) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                           "button",
                           {
                             "aria-label": "Next testimonials",
@@ -5198,13 +5223,13 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                               });
                             },
                             type: "button",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-hidden": "true", children: "\u203A" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "aria-hidden": "true", children: "\u203A" })
                           }
                         )
-                      ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "split testimonials-grid", children: windowedItems.map(({ item, itemIndex }) => {
+                      ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "split testimonials-grid", children: windowedItems.map(({ item, itemIndex }) => {
                         const isItemSelected = selectedIndex === index && selectedItemIndex === itemIndex;
                         const ratingValue = parseTestimonialRating(item?.rating, 5);
-                        return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                        return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                           "article",
                           {
                             className: "panel",
@@ -5214,14 +5239,14 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                             },
                             style: isItemSelected ? { outline: "2px solid rgba(15, 125, 82, 0.55)", outlineOffset: 3 } : void 0,
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "testimonial-quote-top", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "testimonial-quote-mark", "aria-hidden": "true", children: "\u201C" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "testimonial-stars", "aria-label": `${ratingValue} out of 5 stars`, role: "img", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "testimonial-quote-top", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "testimonial-quote-mark", "aria-hidden": "true", children: "\u201C" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "testimonial-stars", "aria-label": `${ratingValue} out of 5 stars`, role: "img", children: [
                                   "\u2605".repeat(ratingValue),
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "testimonial-stars-muted", children: "\u2605".repeat(5 - ratingValue) })
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "testimonial-stars-muted", children: "\u2605".repeat(5 - ratingValue) })
                                 ] })
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "quote testimonial-quote", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "quote testimonial-quote", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                 InlineText,
                                 {
                                   as: "span",
@@ -5231,10 +5256,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   value: normalizeText2(item?.quote)
                                 }
                               ) }),
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "quote-author", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "quote-avatar", children: normalizeText2(item?.name, "C").split(" ").slice(0, 2).map((part) => part[0]).join("").toUpperCase() }),
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "quote-author", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "quote-avatar", children: normalizeText2(item?.name, "C").split(" ").slice(0, 2).map((part) => part[0]).join("").toUpperCase() }),
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                     InlineText,
                                     {
                                       as: "span",
@@ -5243,7 +5268,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                       value: normalizeText2(item?.name)
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "var(--ink-500)", fontSize: "0.88rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { color: "var(--ink-500)", fontSize: "0.88rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                     InlineText,
                                     {
                                       as: "span",
@@ -5267,7 +5292,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
             }
             if (type === "faq") {
               const items = Array.isArray(block.items) ? block.items : [];
-              return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 BlockFrame,
                 {
                   dragIndex,
@@ -5280,8 +5305,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                   children: renderWithSectionShell(
                     block,
                     "section",
-                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "section-heading", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "section-heading", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         InlineText,
                         {
                           as: "h2",
@@ -5290,8 +5315,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                           value: normalizeText2(block.title)
                         }
                       ) }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "faq-list", children: items.map((item, itemIndex) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("details", { className: "faq-item", open: true, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("summary", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "faq-list", children: items.map((item, itemIndex) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("details", { className: "faq-item", open: true, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("summary", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                           InlineText,
                           {
                             as: "span",
@@ -5300,7 +5325,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                             value: normalizeText2(item?.question)
                           }
                         ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                           InlineText,
                           {
                             as: "p",
@@ -5320,7 +5345,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
             if (type === "cta") {
               const ctaStyle = normalizeText2(block.style, "light");
               const backgroundColor = normalizeText2(block.backgroundColor);
-              return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 BlockFrame,
                 {
                   dragIndex,
@@ -5333,14 +5358,14 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                   children: renderWithSectionShell(
                     block,
                     "section",
-                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                       "div",
                       {
                         className: `contact-strip ${ctaStyle === "dark" ? "contact-strip-dark" : ""}`,
                         style: backgroundColor ? { background: backgroundColor } : void 0,
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                               InlineText,
                               {
                                 as: "h3",
@@ -5350,7 +5375,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                 value: normalizeText2(block.headline)
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                               InlineText,
                               {
                                 as: "p",
@@ -5362,7 +5387,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "btn btn-primary", type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: "btn btn-primary", type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                             InlineText,
                             {
                               as: "span",
@@ -5382,7 +5407,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
             if (type === "richText") {
               const width = normalizeText2(block.width, "normal");
               const plainTextValue = extractLexicalText(block.content);
-              return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 BlockFrame,
                 {
                   dragIndex,
@@ -5395,8 +5420,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                   children: renderWithSectionShell(
                     block,
                     "section",
-                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `richtext-wrap ${width === "narrow" ? "narrow" : ""}`, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `richtext-wrap ${width === "narrow" ? "narrow" : ""}`, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         InlineText,
                         {
                           as: "h2",
@@ -5405,7 +5430,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                           value: normalizeText2(block.title)
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "richtext-content", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "richtext-content", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         InlineText,
                         {
                           as: "p",
@@ -5430,7 +5455,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                 fit: normalizeImageFit2(block?.imageFit),
                 position: normalizeImagePosition2(block?.imagePosition)
               });
-              return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 BlockFrame,
                 {
                   dragIndex,
@@ -5443,11 +5468,11 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                   children: renderWithSectionShell(
                     block,
                     "section",
-                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("figure", { className: `media-figure ${size === "wide" ? "wide" : ""}`, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("figure", { className: `media-figure ${size === "wide" ? "wide" : ""}`, children: [
                       image?.url ? (
                         // eslint-disable-next-line @next/next/no-img-element
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { alt: image.alt || "Page media", src: image.url, style: imageStyle })
-                      ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("img", { alt: image.alt || "Page media", src: image.url, style: imageStyle })
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         "div",
                         {
                           style: {
@@ -5460,8 +5485,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                           children: "No image selected"
                         }
                       ),
-                      isBlockUploadTarget(index, "media") ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(UploadOverlay, { label: "Uploading image..." }) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("figcaption", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                      isBlockUploadTarget(index, "media") ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(UploadOverlay, { label: "Uploading image..." }) : null,
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("figcaption", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         InlineText,
                         {
                           as: "span",
@@ -5477,7 +5502,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
               );
             }
             if (type === "formEmbed") {
-              return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 BlockFrame,
                 {
                   dragIndex,
@@ -5490,8 +5515,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                   children: renderWithSectionShell(
                     block,
                     "section",
-                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("article", { className: "panel", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("article", { className: "panel", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         InlineText,
                         {
                           as: "h2",
@@ -5500,7 +5525,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                           value: normalizeText2(block.title)
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         InlineText,
                         {
                           as: "p",
@@ -5510,7 +5535,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                           value: normalizeText2(block.description)
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: {
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: {
                         border: "1px dashed rgba(19, 33, 28, 0.25)",
                         borderRadius: 14,
                         color: "#54655f",
@@ -5524,7 +5549,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
               );
             }
             if (type === "bookingEmbed") {
-              return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 BlockFrame,
                 {
                   dragIndex,
@@ -5537,8 +5562,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                   children: renderWithSectionShell(
                     block,
                     "section",
-                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("article", { className: "panel", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("article", { className: "panel", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         InlineText,
                         {
                           as: "h2",
@@ -5547,7 +5572,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                           value: normalizeText2(block.title)
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         InlineText,
                         {
                           as: "p",
@@ -5557,7 +5582,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                           value: normalizeText2(block.description)
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "button-link btn btn-primary", style: { marginTop: "1rem" }, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: "button-link btn btn-primary", style: { marginTop: "1rem" }, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         InlineText,
                         {
                           as: "span",
@@ -5572,7 +5597,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                 `bookingEmbed-${index}`
               );
             }
-            return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               BlockFrame,
               {
                 dragIndex,
@@ -5585,24 +5610,24 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                 children: renderWithSectionShell(
                   block,
                   "section",
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("article", { className: "panel", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("h3", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("article", { className: "panel", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("h3", { children: [
                       "Unsupported block type: ",
                       type
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("pre", { style: { overflow: "auto" }, children: JSON.stringify(block, null, 2) })
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("pre", { style: { overflow: "auto" }, children: JSON.stringify(block, null, 2) })
                   ] })
                 )
               },
               `unknown-${index}`
             );
           }),
-          layout.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "container", style: { marginTop: "1.2rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("article", { className: "panel", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { style: { color: "var(--forest-900)" }, children: "No sections yet" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { style: { color: "var(--ink-700)", marginTop: 8 }, children: "Use the right sidebar to apply a starter template or add your first section block." })
+          layout.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "container", style: { marginTop: "1.2rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("article", { className: "panel", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { style: { color: "var(--forest-900)" }, children: "No sections yet" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: { color: "var(--ink-700)", marginTop: 8 }, children: "Use the right sidebar to apply a starter template or add your first section block." })
           ] }) }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "aside",
           {
             style: {
@@ -5612,7 +5637,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
               top: 12,
               zIndex: 60
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
               "div",
               {
                 style: {
@@ -5625,7 +5650,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                   width: sidebarOpen ? 340 : 52
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                     "button",
                     {
                       onClick: () => setSidebarOpen((open) => !open),
@@ -5644,10 +5669,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                         width: "100%"
                       },
                       type: "button",
-                      children: sidebarOpen ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Sections & Settings" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Collapse" })
-                      ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "+" })
+                      children: sidebarOpen ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Sections & Settings" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Collapse" })
+                      ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "+" })
                     }
                   ),
                   (() => {
@@ -5659,7 +5684,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                       const isActive = activeSidebarPanel === panel.key;
                       const iconFill = isActive ? "#ffffff" : "#124a37";
                       const iconButtonBg = isActive ? "#124a37" : "rgba(18, 74, 55, 0.08)";
-                      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                         "button",
                         {
                           "aria-label": panel.label,
@@ -5678,22 +5703,22 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                           title: panel.label,
                           type: "button",
                           children: [
-                            panel.key === "pageDefaults" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { fill: "none", height: "18", viewBox: "0 0 24 24", width: "18", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { height: "14", rx: "2", stroke: iconFill, strokeWidth: "2", width: "18", x: "3", y: "5" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M9 5v14", stroke: iconFill, strokeWidth: "2" })
+                            panel.key === "pageDefaults" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { fill: "none", height: "18", viewBox: "0 0 24 24", width: "18", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { height: "14", rx: "2", stroke: iconFill, strokeWidth: "2", width: "18", x: "3", y: "5" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M9 5v14", stroke: iconFill, strokeWidth: "2" })
                             ] }) : null,
-                            panel.key === "addSections" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { fill: "none", height: "18", viewBox: "0 0 24 24", width: "18", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 5v14", stroke: iconFill, strokeWidth: "2", strokeLinecap: "round" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M5 12h14", stroke: iconFill, strokeWidth: "2", strokeLinecap: "round" })
+                            panel.key === "addSections" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { fill: "none", height: "18", viewBox: "0 0 24 24", width: "18", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M12 5v14", stroke: iconFill, strokeWidth: "2", strokeLinecap: "round" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M5 12h14", stroke: iconFill, strokeWidth: "2", strokeLinecap: "round" })
                             ] }) : null,
-                            panel.key === "selected" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { fill: "none", height: "18", viewBox: "0 0 24 24", width: "18", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M6 3l12 9-7 2-2 7-3-18z", fill: iconFill, opacity: "0.92" }) }) : null
+                            panel.key === "selected" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { fill: "none", height: "18", viewBox: "0 0 24 24", width: "18", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M6 3l12 9-7 2-2 7-3-18z", fill: iconFill, opacity: "0.92" }) }) : null
                           ]
                         },
                         panel.key
                       );
                     });
-                    return sidebarOpen ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "grid", gridTemplateRows: "auto 1fr", maxHeight: "calc(100vh - 90px)", overflow: "hidden" }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                    return sidebarOpen ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "grid", gridTemplateRows: "auto 1fr", maxHeight: "calc(100vh - 90px)", overflow: "hidden" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                         "div",
                         {
                           style: {
@@ -5706,7 +5731,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                           },
                           children: [
                             tabs,
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                               "button",
                               {
                                 onClick: () => setSettingsPanelV2Override((current) => current === false ? true : false),
@@ -5731,11 +5756,11 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                           ]
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "grid", overflowY: "auto", padding: 12 }, children: [
-                        activeSidebarPanel === "pageDefaults" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { style: sidebarSectionStyle, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: 13, fontWeight: 800 }, children: "Page Defaults" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "grid", overflowY: "auto", padding: 12 }, children: [
+                        activeSidebarPanel === "pageDefaults" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { style: sidebarSectionStyle, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { fontSize: 13, fontWeight: 800 }, children: "Page Defaults" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                               "button",
                               {
                                 onClick: collapseSidebar,
@@ -5753,10 +5778,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "grid", gap: 8, marginTop: 10 }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "grid", gap: 8, marginTop: 10 }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                               "Default Page Width",
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                 "select",
                                 {
                                   onChange: (event) => setPageDefaults((current) => ({
@@ -5766,15 +5791,15 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   style: sidebarInputStyle,
                                   value: pageDefaults.pageWidthDefault,
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "content", children: "Content" }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "wide", children: "Wide" }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "full", children: "Full" })
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "content", children: "Content" }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "wide", children: "Wide" }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "full", children: "Full" })
                                   ]
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "Applies when section/content width is set to inherit." }),
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "Applies when section/content width is set to inherit." }),
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                               "div",
                               {
                                 style: {
@@ -5789,9 +5814,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                 children: "Theme (Page Overrides)"
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                               "Accent Color",
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                 "input",
                                 {
                                   onChange: (event) => setPageDefaults((current) => ({
@@ -5804,9 +5829,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                               "Heading Text Color",
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                 "input",
                                 {
                                   onChange: (event) => setPageDefaults((current) => ({
@@ -5819,9 +5844,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                               "Body Text Color",
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                 "input",
                                 {
                                   onChange: (event) => setPageDefaults((current) => ({
@@ -5834,9 +5859,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                               "Panel Radius (px)",
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                 "input",
                                 {
                                   max: 40,
@@ -5857,10 +5882,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                             ] })
                           ] })
                         ] }) : null,
-                        activeSidebarPanel === "addSections" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { style: sidebarSectionStyle, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: 13, fontWeight: 800 }, children: "Add Sections" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                        activeSidebarPanel === "addSections" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { style: sidebarSectionStyle, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { fontSize: 13, fontWeight: 800 }, children: "Add Sections" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                               "button",
                               {
                                 onClick: collapseSidebar,
@@ -5878,8 +5903,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "grid", gap: 10, marginTop: 10 }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "grid", gap: 10, marginTop: 10 }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                               "button",
                               {
                                 onClick: applyTemplateStarter,
@@ -5901,8 +5926,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                 ]
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "grid", gap: 8 }, children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "grid", gap: 8 }, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                 "input",
                                 {
                                   onChange: (event) => setPresetQuery(event.target.value),
@@ -5912,7 +5937,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   value: presetQuery
                                 }
                               ),
-                              filteredSectionPresets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                              filteredSectionPresets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                 "button",
                                 {
                                   onClick: () => addSectionPreset(preset.blocks),
@@ -5927,17 +5952,17 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   },
                                   type: "button",
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { fontSize: 12, fontWeight: 700 }, children: preset.title }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "var(--ink-700)", fontSize: 11 }, children: preset.description })
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { fontSize: 12, fontWeight: 700 }, children: preset.title }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { color: "var(--ink-700)", fontSize: 11 }, children: preset.description })
                                   ]
                                 },
                                 preset.id
                               )),
-                              filteredSectionPresets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "No presets match this search." }) : null
+                              filteredSectionPresets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "No presets match this search." }) : null
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { borderTop: "1px solid rgba(13, 74, 55, 0.12)", marginTop: 2, paddingTop: 10 }, children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 11, fontWeight: 800, textTransform: "uppercase" }, children: "Quick Add Blocks" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr", marginTop: 8 }, children: quickAddBlockTypes.map((type) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { borderTop: "1px solid rgba(13, 74, 55, 0.12)", marginTop: 2, paddingTop: 10 }, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 11, fontWeight: 800, textTransform: "uppercase" }, children: "Quick Add Blocks" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr", marginTop: 8 }, children: quickAddBlockTypes.map((type) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                 "button",
                                 {
                                   onClick: () => addBlockByType(type),
@@ -5960,13 +5985,13 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                             ] })
                           ] })
                         ] }) : null,
-                        activeSidebarPanel === "selected" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { style: sidebarSectionStyle, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { fontSize: 13, fontWeight: 800 }, children: [
+                        activeSidebarPanel === "selected" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { style: sidebarSectionStyle, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { fontSize: 13, fontWeight: 800 }, children: [
                               "Selected Section ",
                               selectedIndex !== null ? `#${selectedIndex + 1}` : ""
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                               "button",
                               {
                                 onClick: collapseSidebar,
@@ -5984,10 +6009,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { display: "grid", gap: 8, marginTop: 10 }, children: selectedBlock ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 12, fontWeight: 600 }, children: blockTypeLabels[selectedType] || selectedType }),
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", flexWrap: "wrap", gap: 6 }, children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { display: "grid", gap: 8, marginTop: 10 }, children: selectedBlock ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 12, fontWeight: 600 }, children: blockTypeLabels[selectedType] || selectedType }),
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", flexWrap: "wrap", gap: 6 }, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                 "button",
                                 {
                                   disabled: selectedIndex === null || selectedIndex <= 0,
@@ -5997,7 +6022,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   children: "Move Up"
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                 "button",
                                 {
                                   disabled: selectedIndex === null || selectedIndex >= layout.length - 1,
@@ -6007,7 +6032,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   children: "Move Down"
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                 "button",
                                 {
                                   onClick: duplicateSelectedBlock,
@@ -6016,7 +6041,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   children: "Duplicate"
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                 "button",
                                 {
                                   onClick: removeSelectedBlock,
@@ -6034,8 +6059,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                 }
                               )
                             ] }),
-                            v2InspectorEnabledForSelected ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                            v2InspectorEnabledForSelected ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                 BlockInspectorRenderer,
                                 {
                                   block: selectedBlock,
@@ -6048,7 +6073,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   searchQuery: settingsSearchQuery
                                 }
                               ),
-                              isArrayItemBlockSelected ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                              isArrayItemBlockSelected ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                 ArrayItemsEditor,
                                 {
                                   blockType: selectedType,
@@ -6071,84 +6096,84 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   uploadDisabled: uploadingTarget !== null
                                 }
                               ) : null
-                            ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: [
+                            ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: [
                                 "Section width follows ",
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "Page Defaults" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("strong", { children: "Page Defaults" }),
                                 " for a consistent page layout."
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                 "Content Width",
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                   "select",
                                   {
                                     onChange: (event) => setSelectedStyleField("contentWidth", event.target.value),
                                     style: sidebarInputStyle,
                                     value: normalizeText2(selectedSectionStyle.contentWidth, "inherit"),
                                     children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "inherit", children: "Inherit Page Default" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "narrow", children: "Narrow" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "content", children: "Content" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "wide", children: "Wide" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "full", children: "Full" })
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "inherit", children: "Inherit Page Default" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "narrow", children: "Narrow" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "content", children: "Content" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "wide", children: "Wide" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "full", children: "Full" })
                                     ]
                                   }
                                 )
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                 "Section Vertical Spacing",
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                   "select",
                                   {
                                     onChange: (event) => setSelectedStyleField("sectionPaddingY", event.target.value),
                                     style: sidebarInputStyle,
                                     value: normalizeText2(selectedSectionStyle.sectionPaddingY, "md"),
                                     children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "none", children: "None" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "sm", children: "Small" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "md", children: "Medium" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "lg", children: "Large" })
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "none", children: "None" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "sm", children: "Small" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "md", children: "Medium" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "lg", children: "Large" })
                                     ]
                                   }
                                 )
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                 "Section Horizontal Spacing",
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                   "select",
                                   {
                                     onChange: (event) => setSelectedStyleField("sectionPaddingX", event.target.value),
                                     style: sidebarInputStyle,
                                     value: normalizeText2(selectedSectionStyle.sectionPaddingX, "inherit"),
                                     children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "inherit", children: "Inherit (Edge-to-Edge on Full Width)" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "none", children: "None" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "sm", children: "Small" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "md", children: "Medium" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "lg", children: "Large" })
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "inherit", children: "Inherit (Edge-to-Edge on Full Width)" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "none", children: "None" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "sm", children: "Small" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "md", children: "Medium" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "lg", children: "Large" })
                                     ]
                                   }
                                 )
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                 "Section Background",
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                   "select",
                                   {
                                     onChange: (event) => setSelectedStyleField("sectionBackgroundMode", event.target.value),
                                     style: sidebarInputStyle,
                                     value: normalizeText2(selectedSectionStyle.sectionBackgroundMode, "none"),
                                     children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "none", children: "None" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "color", children: "Color" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "gradient", children: "Gradient" })
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "none", children: "None" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "color", children: "Color" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "gradient", children: "Gradient" })
                                     ]
                                   }
                                 )
                               ] }),
-                              normalizeText2(selectedSectionStyle.sectionBackgroundMode, "none") === "color" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                              normalizeText2(selectedSectionStyle.sectionBackgroundMode, "none") === "color" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                 "Section Background Color",
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                   "input",
                                   {
                                     onChange: (event) => setSelectedStyleField("sectionBackgroundColor", event.target.value),
@@ -6158,23 +6183,23 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   }
                                 )
                               ] }) : null,
-                              normalizeText2(selectedSectionStyle.sectionBackgroundMode, "none") === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                              normalizeText2(selectedSectionStyle.sectionBackgroundMode, "none") === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                   "Section Gradient Preset",
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                     "select",
                                     {
                                       onChange: (event) => applyGradientPreset("section", event.target.value),
                                       style: sidebarInputStyle,
                                       value: normalizeText2(selectedSectionStyle.sectionGradientPreset, "forest"),
-                                      children: Object.keys(gradientPresetPairs).map((preset) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: preset, children: preset }, preset))
+                                      children: Object.keys(gradientPresetPairs).map((preset) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: preset, children: preset }, preset))
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr" }, children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr" }, children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                     "From",
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                       "input",
                                       {
                                         onChange: (event) => setSelectedStyleField("sectionGradientFrom", event.target.value),
@@ -6184,9 +6209,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                       }
                                     )
                                   ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                     "To",
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                       "input",
                                       {
                                         onChange: (event) => setSelectedStyleField("sectionGradientTo", event.target.value),
@@ -6197,9 +6222,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                     )
                                   ] })
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                   "Angle",
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                     "input",
                                     {
                                       max: 360,
@@ -6212,25 +6237,25 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   )
                                 ] })
                               ] }) : null,
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                 "Content Background",
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                   "select",
                                   {
                                     onChange: (event) => setSelectedStyleField("contentBackgroundMode", event.target.value),
                                     style: sidebarInputStyle,
                                     value: normalizeText2(selectedSectionStyle.contentBackgroundMode, "none"),
                                     children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "none", children: "None" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "color", children: "Color" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "gradient", children: "Gradient" })
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "none", children: "None" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "color", children: "Color" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "gradient", children: "Gradient" })
                                     ]
                                   }
                                 )
                               ] }),
-                              normalizeText2(selectedSectionStyle.contentBackgroundMode, "none") === "color" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                              normalizeText2(selectedSectionStyle.contentBackgroundMode, "none") === "color" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                 "Content Background Color",
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                   "input",
                                   {
                                     onChange: (event) => setSelectedStyleField("contentBackgroundColor", event.target.value),
@@ -6240,23 +6265,23 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   }
                                 )
                               ] }) : null,
-                              normalizeText2(selectedSectionStyle.contentBackgroundMode, "none") === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                              normalizeText2(selectedSectionStyle.contentBackgroundMode, "none") === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                   "Content Gradient Preset",
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                     "select",
                                     {
                                       onChange: (event) => applyGradientPreset("content", event.target.value),
                                       style: sidebarInputStyle,
                                       value: normalizeText2(selectedSectionStyle.contentGradientPreset, "none"),
-                                      children: Object.keys(gradientPresetPairs).map((preset) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: preset, children: preset }, preset))
+                                      children: Object.keys(gradientPresetPairs).map((preset) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: preset, children: preset }, preset))
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr" }, children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr" }, children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                     "From",
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                       "input",
                                       {
                                         onChange: (event) => setSelectedStyleField("contentGradientFrom", event.target.value),
@@ -6266,9 +6291,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                       }
                                     )
                                   ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                     "To",
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                       "input",
                                       {
                                         onChange: (event) => setSelectedStyleField("contentGradientTo", event.target.value),
@@ -6279,9 +6304,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                     )
                                   ] })
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                   "Angle",
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                     "input",
                                     {
                                       max: 360,
@@ -6294,59 +6319,59 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   )
                                 ] })
                               ] }) : null,
-                              selectedType === "hero" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                              selectedType === "hero" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                   "Variant",
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                     "select",
                                     {
                                       onChange: (event) => updateSelectedField("variant", event.target.value),
                                       style: sidebarInputStyle,
                                       value: normalizeText2(selectedBlock.variant, "default"),
                                       children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "default", children: "Default" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "centered", children: "Centered" })
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "default", children: "Default" }),
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "centered", children: "Centered" })
                                       ]
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                   "Hero Height",
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                     "select",
                                     {
                                       onChange: (event) => updateSelectedField("heroHeight", event.target.value),
                                       style: sidebarInputStyle,
                                       value: normalizeHeroHeight(selectedBlock.heroHeight),
                                       children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "sm", children: "Small" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "md", children: "Medium (Half Screen)" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "full", children: "Full Screen" })
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "sm", children: "Small" }),
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "md", children: "Medium (Half Screen)" }),
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "full", children: "Full Screen" })
                                       ]
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { ...sidebarSectionStyle, display: "grid", gap: 8 }, children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 12, fontWeight: 600 }, children: "Hero Image" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 12 }, children: selectedHeroMedia ? `${selectedHeroMedia.filename || `Media #${selectedHeroMedia.id}`}${selectedHeroMedia.alt ? ` (${selectedHeroMedia.alt})` : ""}` : "No image selected." }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { ...sidebarSectionStyle, display: "grid", gap: 8 }, children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 12, fontWeight: 600 }, children: "Hero Image" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 12 }, children: selectedHeroMedia ? `${selectedHeroMedia.filename || `Media #${selectedHeroMedia.id}`}${selectedHeroMedia.alt ? ` (${selectedHeroMedia.alt})` : ""}` : "No image selected." }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                     "Choose from Media Library",
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                       "select",
                                       {
                                         onChange: (event) => setHeroMediaFromLibrary(event.target.value),
                                         style: sidebarInputStyle,
                                         value: selectedHeroMediaID,
                                         children: [
-                                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "", children: "No image" }),
-                                          mediaLibrary.map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: String(item.id), children: mediaLabel2(item) }, String(item.id)))
+                                          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "", children: "No image" }),
+                                          mediaLibrary.map((item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: String(item.id), children: mediaLabel2(item) }, String(item.id)))
                                         ]
                                       }
                                     )
                                   ] }),
-                                  mediaLibraryLoading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "Loading media library..." }) : null,
-                                  mediaLibraryError ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "#8d1d1d", fontSize: 11 }, children: mediaLibraryError }) : null,
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                  mediaLibraryLoading ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "Loading media library..." }) : null,
+                                  mediaLibraryError ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { color: "#8d1d1d", fontSize: 11 }, children: mediaLibraryError }) : null,
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                     "button",
                                     {
                                       disabled: !selectedHeroMedia && !selectedHeroMediaID,
@@ -6361,9 +6386,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                       children: "Remove Hero Image"
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                     "Upload Hero Background Image",
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                       "input",
                                       {
                                         accept: "image/*",
@@ -6380,24 +6405,24 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                       }
                                     )
                                   ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                     "Image Fit",
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                       "select",
                                       {
                                         onChange: (event) => updateSelectedField("backgroundImageFit", event.target.value),
                                         style: sidebarInputStyle,
                                         value: normalizeHeroImageFit(selectedBlock.backgroundImageFit),
                                         children: [
-                                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "cover", children: "Cover" }),
-                                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "contain", children: "Contain" })
+                                          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "cover", children: "Cover" }),
+                                          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "contain", children: "Contain" })
                                         ]
                                       }
                                     )
                                   ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                     "Image Corners",
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                       "select",
                                       {
                                         onChange: (event) => updateSelectedField("backgroundImageCornerStyle", event.target.value),
@@ -6407,53 +6432,53 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                           selectedBlock.backgroundImageFit
                                         ),
                                         children: [
-                                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "rounded", children: "Rounded" }),
-                                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "square", children: "Square" })
+                                          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "rounded", children: "Rounded" }),
+                                          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "square", children: "Square" })
                                         ]
                                       }
                                     )
                                   ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                     "Image Position",
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                       "select",
                                       {
                                         onChange: (event) => updateSelectedField("backgroundImagePosition", event.target.value),
                                         style: sidebarInputStyle,
                                         value: normalizeHeroImagePosition(selectedBlock.backgroundImagePosition),
                                         children: [
-                                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "center", children: "Center" }),
-                                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "top", children: "Top" }),
-                                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "bottom", children: "Bottom" }),
-                                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "left", children: "Left" }),
-                                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "right", children: "Right" })
+                                          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "center", children: "Center" }),
+                                          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "top", children: "Top" }),
+                                          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "bottom", children: "Bottom" }),
+                                          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "left", children: "Left" }),
+                                          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "right", children: "Right" })
                                         ]
                                       }
                                     )
                                   ] })
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { ...sidebarSectionStyle, display: "grid", gap: 8 }, children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 12, fontWeight: 600 }, children: "Hero Overlay" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { ...sidebarSectionStyle, display: "grid", gap: 8 }, children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 12, fontWeight: 600 }, children: "Hero Overlay" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                     "Overlay Type",
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                       "select",
                                       {
                                         onChange: (event) => updateSelectedField("backgroundOverlayMode", event.target.value),
                                         style: sidebarInputStyle,
                                         value: normalizeText2(selectedBlock.backgroundOverlayMode, "none"),
                                         children: [
-                                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "none", children: "None" }),
-                                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "solid", children: "Solid" }),
-                                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "gradient", children: "Gradient" })
+                                          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "none", children: "None" }),
+                                          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "solid", children: "Solid" }),
+                                          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "gradient", children: "Gradient" })
                                         ]
                                       }
                                     )
                                   ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                     "Opacity (%)",
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { alignItems: "center", display: "grid", gap: 8, gridTemplateColumns: "1fr 90px" }, children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { alignItems: "center", display: "grid", gap: 8, gridTemplateColumns: "1fr 90px" }, children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                         "input",
                                         {
                                           max: 100,
@@ -6463,7 +6488,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                           value: parsePercentNumber(selectedBlock.backgroundOverlayOpacity, 45)
                                         }
                                       ),
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                         "input",
                                         {
                                           max: 100,
@@ -6479,9 +6504,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                       )
                                     ] })
                                   ] }),
-                                  normalizeText2(selectedBlock.backgroundOverlayMode, "none") === "solid" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                  normalizeText2(selectedBlock.backgroundOverlayMode, "none") === "solid" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                     "Overlay Color",
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                       "input",
                                       {
                                         onChange: (event) => updateSelectedField("backgroundOverlayColor", event.target.value),
@@ -6491,11 +6516,11 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                       }
                                     )
                                   ] }) : null,
-                                  normalizeText2(selectedBlock.backgroundOverlayMode, "none") === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr" }, children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                  normalizeText2(selectedBlock.backgroundOverlayMode, "none") === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr" }, children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                         "From",
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                           "input",
                                           {
                                             onChange: (event) => updateSelectedField("backgroundOverlayGradientFrom", event.target.value),
@@ -6505,9 +6530,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                           }
                                         )
                                       ] }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                         "To",
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                           "input",
                                           {
                                             onChange: (event) => updateSelectedField("backgroundOverlayGradientTo", event.target.value),
@@ -6518,10 +6543,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                         )
                                       ] })
                                     ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr" }, children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr" }, children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                         "From Strength (%)",
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                           "div",
                                           {
                                             style: {
@@ -6531,7 +6556,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                               gridTemplateColumns: "1fr 70px"
                                             },
                                             children: [
-                                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                                 "input",
                                                 {
                                                   max: 100,
@@ -6544,7 +6569,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                                   value: parsePercentNumber(selectedBlock.backgroundOverlayGradientFromStrength, 100)
                                                 }
                                               ),
-                                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                                 "input",
                                                 {
                                                   max: 100,
@@ -6562,9 +6587,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                           }
                                         )
                                       ] }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                         "To Strength (%)",
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                           "div",
                                           {
                                             style: {
@@ -6574,7 +6599,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                               gridTemplateColumns: "1fr 70px"
                                             },
                                             children: [
-                                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                                 "input",
                                                 {
                                                   max: 100,
@@ -6587,7 +6612,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                                   value: parsePercentNumber(selectedBlock.backgroundOverlayGradientToStrength, 100)
                                                 }
                                               ),
-                                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                                 "input",
                                                 {
                                                   max: 100,
@@ -6606,9 +6631,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                         )
                                       ] })
                                     ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                       "Angle",
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                         "input",
                                         {
                                           max: 360,
@@ -6620,10 +6645,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                         }
                                       )
                                     ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                       "Gradient Start (%)",
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { alignItems: "center", display: "grid", gap: 8, gridTemplateColumns: "1fr 90px" }, children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { alignItems: "center", display: "grid", gap: 8, gridTemplateColumns: "1fr 90px" }, children: [
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                           "input",
                                           {
                                             max: 100,
@@ -6640,7 +6665,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                             value: parsePercentNumber(selectedBlock.backgroundOverlayGradientStart, 0)
                                           }
                                         ),
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                           "input",
                                           {
                                             max: 100,
@@ -6660,10 +6685,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                         )
                                       ] })
                                     ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                       "Gradient End (%)",
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { alignItems: "center", display: "grid", gap: 8, gridTemplateColumns: "1fr 90px" }, children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { alignItems: "center", display: "grid", gap: 8, gridTemplateColumns: "1fr 90px" }, children: [
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                           "input",
                                           {
                                             max: 100,
@@ -6680,7 +6705,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                             value: parsePercentNumber(selectedBlock.backgroundOverlayGradientEnd, 100)
                                           }
                                         ),
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                           "input",
                                           {
                                             max: 100,
@@ -6700,10 +6725,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                         )
                                       ] })
                                     ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                       "Feather (%)",
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { alignItems: "center", display: "grid", gap: 8, gridTemplateColumns: "1fr 90px" }, children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { alignItems: "center", display: "grid", gap: 8, gridTemplateColumns: "1fr 90px" }, children: [
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                           "input",
                                           {
                                             max: 100,
@@ -6713,7 +6738,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                             value: parsePercentNumber(selectedBlock.backgroundOverlayGradientFeather, 100)
                                           }
                                         ),
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                           "input",
                                           {
                                             max: 100,
@@ -6730,7 +6755,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                       ] })
                                     ] })
                                   ] }) : null,
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                     "button",
                                     {
                                       onClick: () => {
@@ -6746,9 +6771,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                   "Background Color",
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                     "input",
                                     {
                                       onChange: (event) => updateSelectedField("backgroundColor", event.target.value),
@@ -6758,7 +6783,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                   "button",
                                   {
                                     onClick: () => updateSelectedField("backgroundColor", ""),
@@ -6768,44 +6793,44 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   }
                                 )
                               ] }) : null,
-                              selectedType === "featureGrid" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                              selectedType === "featureGrid" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                   "Variant",
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                     "select",
                                     {
                                       onChange: (event) => updateSelectedField("variant", event.target.value),
                                       style: sidebarInputStyle,
                                       value: normalizeText2(selectedBlock.variant, "cards"),
                                       children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "cards", children: "Cards" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "highlight", children: "Highlight" })
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "cards", children: "Cards" }),
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "highlight", children: "Highlight" })
                                       ]
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                   "Items Per Row (Desktop)",
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                     "select",
                                     {
                                       onChange: (event) => updateSelectedField("itemsPerRow", Number(event.target.value)),
                                       style: sidebarInputStyle,
                                       value: Math.max(1, Math.min(6, Math.floor(parsePixelNumber(selectedBlock.itemsPerRow, 3)))),
                                       children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: 1, children: "1" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: 2, children: "2" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: 3, children: "3" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: 4, children: "4" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: 5, children: "5" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: 6, children: "6" })
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: 1, children: "1" }),
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: 2, children: "2" }),
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: 3, children: "3" }),
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: 4, children: "4" }),
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: 5, children: "5" }),
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: 6, children: "6" })
                                       ]
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                   "Highlight Background Color",
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                     "input",
                                     {
                                       onChange: (event) => updateSelectedField("backgroundColor", event.target.value),
@@ -6816,42 +6841,42 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   )
                                 ] })
                               ] }) : null,
-                              selectedType === "beforeAfter" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                              selectedType === "beforeAfter" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                 "Items Per Row (Desktop)",
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                   "select",
                                   {
                                     onChange: (event) => updateSelectedField("itemsPerRow", Number(event.target.value)),
                                     style: sidebarInputStyle,
                                     value: Math.max(1, Math.min(4, Math.floor(parsePixelNumber(selectedBlock.itemsPerRow, 2)))),
                                     children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: 1, children: "1" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: 2, children: "2" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: 3, children: "3" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: 4, children: "4" })
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: 1, children: "1" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: 2, children: "2" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: 3, children: "3" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: 4, children: "4" })
                                     ]
                                   }
                                 )
                               ] }) : null,
-                              selectedType === "cta" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                              selectedType === "cta" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                   "Style",
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                     "select",
                                     {
                                       onChange: (event) => updateSelectedField("style", event.target.value),
                                       style: sidebarInputStyle,
                                       value: normalizeText2(selectedBlock.style, "light"),
                                       children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "light", children: "Light" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "dark", children: "Dark" })
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "light", children: "Light" }),
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "dark", children: "Dark" })
                                       ]
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                   "Background Color",
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                     "input",
                                     {
                                       onChange: (event) => updateSelectedField("backgroundColor", event.target.value),
@@ -6862,18 +6887,18 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   )
                                 ] })
                               ] }) : null,
-                              selectedType === "media" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                              selectedType === "media" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                   "Image Size",
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                     "select",
                                     {
                                       onChange: (event) => updateSelectedField("size", event.target.value),
                                       style: sidebarInputStyle,
                                       value: normalizeText2(selectedBlock.size, "default"),
                                       children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "default", children: "Default" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "wide", children: "Wide" })
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "default", children: "Default" }),
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "wide", children: "Wide" })
                                       ]
                                     }
                                   )
@@ -6881,26 +6906,26 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                 (() => {
                                   const selectedMedia = resolveMediaLibraryItemFromValue(selectedBlock.image);
                                   const selectedMediaID = getRelationID2(selectedBlock.image);
-                                  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 12 }, children: selectedMedia ? `Selected image: ${mediaLabel2(selectedMedia)}` : "No image selected." }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 12 }, children: selectedMedia ? `Selected image: ${mediaLabel2(selectedMedia)}` : "No image selected." }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                       "Choose from Media Library",
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                         "select",
                                         {
                                           onChange: (event) => setSelectedMediaFieldFromLibrary("image", event.target.value),
                                           style: sidebarInputStyle,
                                           value: selectedMediaID !== null ? String(selectedMediaID) : "",
                                           children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "", children: "No image" }),
-                                            mediaLibrary.map((libraryItem) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: String(libraryItem.id), children: mediaLabel2(libraryItem) }, String(libraryItem.id)))
+                                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "", children: "No image" }),
+                                            mediaLibrary.map((libraryItem) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: String(libraryItem.id), children: mediaLabel2(libraryItem) }, String(libraryItem.id)))
                                           ]
                                         }
                                       )
                                     ] }),
-                                    mediaLibraryLoading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "Loading media library..." }) : null,
-                                    mediaLibraryError ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "#8d1d1d", fontSize: 11 }, children: mediaLibraryError }) : null,
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                    mediaLibraryLoading ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "Loading media library..." }) : null,
+                                    mediaLibraryError ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { color: "#8d1d1d", fontSize: 11 }, children: mediaLibraryError }) : null,
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                       "button",
                                       {
                                         disabled: !selectedMedia && selectedMediaID === null,
@@ -6915,59 +6940,59 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                         children: "Remove Section Image"
                                       }
                                     ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                       "Image Fit",
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                         "select",
                                         {
                                           onChange: (event) => updateSelectedField("imageFit", event.target.value),
                                           style: sidebarInputStyle,
                                           value: normalizeImageFit2(selectedBlock.imageFit),
                                           children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "cover", children: "Cover" }),
-                                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "contain", children: "Contain" })
+                                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "cover", children: "Cover" }),
+                                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "contain", children: "Contain" })
                                           ]
                                         }
                                       )
                                     ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                       "Image Corners",
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                         "select",
                                         {
                                           onChange: (event) => updateSelectedField("imageCornerStyle", event.target.value),
                                           style: sidebarInputStyle,
                                           value: normalizeImageCornerStyle2(selectedBlock.imageCornerStyle),
                                           children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "rounded", children: "Rounded" }),
-                                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "square", children: "Square" })
+                                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "rounded", children: "Rounded" }),
+                                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "square", children: "Square" })
                                           ]
                                         }
                                       )
                                     ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                       "Image Position",
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                         "select",
                                         {
                                           onChange: (event) => updateSelectedField("imagePosition", event.target.value),
                                           style: sidebarInputStyle,
                                           value: normalizeImagePosition2(selectedBlock.imagePosition),
                                           children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "center", children: "Center" }),
-                                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "top", children: "Top" }),
-                                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "bottom", children: "Bottom" }),
-                                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "left", children: "Left" }),
-                                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "right", children: "Right" })
+                                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "center", children: "Center" }),
+                                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "top", children: "Top" }),
+                                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "bottom", children: "Bottom" }),
+                                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "left", children: "Left" }),
+                                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "right", children: "Right" })
                                           ]
                                         }
                                       )
                                     ] })
                                   ] });
                                 })(),
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                   "Upload Section Image",
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                     "input",
                                     {
                                       accept: "image/*",
@@ -6985,10 +7010,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   )
                                 ] })
                               ] }) : null,
-                              selectedType === "richText" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                              selectedType === "richText" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                   "Content",
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                     "textarea",
                                     {
                                       onChange: (event) => updateSelectedField("content", createLexicalText(event.target.value || "")),
@@ -6997,35 +7022,35 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                   "Content Width",
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                                     "select",
                                     {
                                       onChange: (event) => updateSelectedField("width", event.target.value),
                                       style: sidebarInputStyle,
                                       value: normalizeText2(selectedBlock.width, "normal"),
                                       children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "normal", children: "Normal" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "narrow", children: "Narrow" })
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "normal", children: "Normal" }),
+                                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "narrow", children: "Narrow" })
                                       ]
                                     }
                                   )
                                 ] })
                               ] }) : null,
-                              selectedType === "formEmbed" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                              selectedType === "formEmbed" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                 "Form Type",
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                   "select",
                                   {
                                     onChange: (event) => updateSelectedField("formType", event.target.value),
                                     style: sidebarInputStyle,
                                     value: normalizeText2(selectedBlock.formType, "quote"),
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "quote", children: "Quote" })
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "quote", children: "Quote" })
                                   }
                                 )
                               ] }) : null,
-                              selectedType === "testimonials" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: (() => {
+                              selectedType === "testimonials" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: (() => {
                                 const visibleCountValue = Math.max(
                                   1,
                                   Math.min(6, Math.floor(parsePixelNumber(selectedBlock.visibleCount, 3)))
@@ -7035,10 +7060,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   Math.min(30, Math.floor(parsePixelNumber(selectedBlock.rotateIntervalSeconds, 7)))
                                 );
                                 const autoRotateValue = typeof selectedBlock.autoRotate === "boolean" ? selectedBlock.autoRotate : true;
-                                return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                     "Visible At Once",
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                       "input",
                                       {
                                         max: 6,
@@ -7050,8 +7075,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                       }
                                     )
                                   ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: { ...sidebarLabelStyle, alignItems: "center", gridTemplateColumns: "auto 1fr" }, children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: { ...sidebarLabelStyle, alignItems: "center", gridTemplateColumns: "auto 1fr" }, children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                       "input",
                                       {
                                         checked: autoRotateValue,
@@ -7061,9 +7086,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                     ),
                                     "Auto Rotate"
                                   ] }),
-                                  autoRotateValue ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                                  autoRotateValue ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                                     "Rotate Interval (seconds)",
-                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                       "input",
                                       {
                                         max: 30,
@@ -7077,7 +7102,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                   ] }) : null
                                 ] });
                               })() }) : null,
-                              isArrayItemBlockSelected ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                              isArrayItemBlockSelected ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                 ArrayItemsEditor,
                                 {
                                   blockType: selectedType,
@@ -7101,9 +7126,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                 }
                               ) : null
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: sidebarLabelStyle, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: sidebarLabelStyle, children: [
                               "Upload Alt Text",
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                                 "input",
                                 {
                                   onChange: (event) => setUploadAltText(event.target.value),
@@ -7114,14 +7139,14 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "Click section text directly on the page for copy edits. Use this panel for layout and style options." }),
-                            uploadingTarget ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "Uploading image..." }) : null,
-                            uploadMessage ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "#0f7d52", fontSize: 11, fontWeight: 700 }, children: uploadMessage }) : null,
-                            uploadError ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "#8d1d1d", fontSize: 11, fontWeight: 700 }, children: uploadError }) : null
-                          ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { style: { color: "var(--ink-700)", fontSize: 12, margin: 0 }, children: "Click a section on the page preview to edit its options here." }) })
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "Click section text directly on the page for copy edits. Use this panel for layout and style options." }),
+                            uploadingTarget ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "Uploading image..." }) : null,
+                            uploadMessage ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { color: "#0f7d52", fontSize: 11, fontWeight: 700 }, children: uploadMessage }) : null,
+                            uploadError ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { color: "#8d1d1d", fontSize: 11, fontWeight: 700 }, children: uploadError }) : null
+                          ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: { color: "var(--ink-700)", fontSize: 12, margin: 0 }, children: "Click a section on the page preview to edit its options here." }) })
                         ] }) : null
                       ] })
-                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                       "div",
                       {
                         style: {