@orion-studios/payload-studio 0.5.0-beta.78 → 0.5.0-beta.79

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_react6 = require("react");
+var import_react5 = require("react");
 
 // src/blocks/blocks/sectionStyleFields.ts
 var sectionStyleDefaults = {
@@ -1564,57 +1564,6 @@ function usePersistentSidebarPanel(pageID) {
   };
 }
 
-// src/studio-pages/builder/hooks/useSettingsPanelV2Flag.ts
-var import_react3 = require("react");
-function useSettingsPanelV2Flag({
-  featureFlag,
-  persistedFlagKey
-}) {
-  const [settingsPanelV2Override, setSettingsPanelV2Override] = (0, import_react3.useState)(null);
-  (0, import_react3.useEffect)(() => {
-    const persistedValue = window.localStorage.getItem(persistedFlagKey);
-    if (persistedValue === "true") {
-      setSettingsPanelV2Override(true);
-      return;
-    }
-    if (persistedValue === "false") {
-      setSettingsPanelV2Override(false);
-      return;
-    }
-    setSettingsPanelV2Override(null);
-  }, [persistedFlagKey]);
-  (0, import_react3.useEffect)(() => {
-    if (typeof settingsPanelV2Override !== "boolean") {
-      window.localStorage.removeItem(persistedFlagKey);
-      return;
-    }
-    window.localStorage.setItem(persistedFlagKey, settingsPanelV2Override ? "true" : "false");
-  }, [persistedFlagKey, settingsPanelV2Override]);
-  const settingsPanelV2Enabled = (0, import_react3.useMemo)(() => {
-    if (typeof featureFlag === "boolean") {
-      return featureFlag;
-    }
-    if (typeof settingsPanelV2Override === "boolean") {
-      return settingsPanelV2Override;
-    }
-    if (typeof process !== "undefined") {
-      const envFlag = process.env.NEXT_PUBLIC_ORION_SETTINGS_PANEL_V2;
-      if (envFlag === "true") {
-        return true;
-      }
-      if (envFlag === "false") {
-        return false;
-      }
-    }
-    return true;
-  }, [featureFlag, settingsPanelV2Override]);
-  return {
-    settingsPanelV2Enabled,
-    settingsPanelV2Override,
-    setSettingsPanelV2Override
-  };
-}
-
 // src/studio-pages/builder/icons/FeatureLucideIcon.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var iconBaseProps = {
@@ -1877,7 +1826,7 @@ function clonePresetBlocks(blocks) {
 }
 
 // src/studio-pages/builder/ui/InlineText.tsx
-var import_react4 = require("react");
+var import_react3 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function InlineText({
   as = "p",
@@ -1888,8 +1837,8 @@ function InlineText({
   style,
   value
 }) {
-  const [editing, setEditing] = (0, import_react4.useState)(false);
-  const editableRef = (0, import_react4.useRef)(null);
+  const [editing, setEditing] = (0, import_react3.useState)(false);
+  const editableRef = (0, import_react3.useRef)(null);
   const Tag = as;
   const normalizeValue = (raw) => {
     if (multiline) {
@@ -1897,7 +1846,7 @@ function InlineText({
     }
     return raw.replace(/\r?\n/g, " ").replace(/\s+/g, " ").trim();
   };
-  (0, import_react4.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (!editing || !editableRef.current) {
       return;
     }
@@ -1975,7 +1924,7 @@ function UploadOverlay({ label = "Uploading image..." }) {
 }
 
 // src/studio-pages/builder/ui/BlockFrame.tsx
-var import_react5 = require("react");
+var import_react4 = require("react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function BlockFrame({
   children,
@@ -1987,14 +1936,14 @@ function BlockFrame({
   selected,
   setDragIndex
 }) {
-  const [dropPosition, setDropPosition] = (0, import_react5.useState)(null);
-  const [dropHovered, setDropHovered] = (0, import_react5.useState)(false);
+  const [dropPosition, setDropPosition] = (0, import_react4.useState)(null);
+  const [dropHovered, setDropHovered] = (0, import_react4.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_react5.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (dragIndex === null) {
       setDropPosition(null);
       setDropHovered(false);
@@ -2842,12 +2791,9 @@ function SidebarPanelIconButtons({ activeSidebarPanel, onOpenPanel }) {
 }
 function SidebarTabs({
   activeSidebarPanel,
-  disableSettingsPanelV2Toggle,
-  onOpenPanel,
-  onToggleSettingsPanelV2,
-  settingsPanelV2Enabled
+  onOpenPanel
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "div",
     {
       style: {
@@ -2858,31 +2804,7 @@ function SidebarTabs({
         gap: 8,
         padding: "10px 10px"
       },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SidebarPanelIconButtons, { activeSidebarPanel, onOpenPanel }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-          "button",
-          {
-            disabled: disableSettingsPanelV2Toggle,
-            onClick: onToggleSettingsPanelV2,
-            style: {
-              background: settingsPanelV2Enabled ? "#124a37" : "#ffffff",
-              border: "1px solid rgba(18, 74, 55, 0.2)",
-              borderRadius: 999,
-              color: settingsPanelV2Enabled ? "#ffffff" : "#124a37",
-              cursor: "pointer",
-              fontSize: 10,
-              fontWeight: 800,
-              marginLeft: "auto",
-              padding: "5px 8px",
-              textTransform: "uppercase"
-            },
-            title: "Toggle new settings panel",
-            type: "button",
-            children: settingsPanelV2Enabled ? "V2 On" : "V2 Off"
-          }
-        )
-      ]
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SidebarPanelIconButtons, { activeSidebarPanel, onOpenPanel })
     }
   );
 }
@@ -3951,9 +3873,6 @@ function toMediaLibraryItem2(value) {
     url
   };
 }
-function mediaLabel2(item) {
-  return item.filename || item.alt || `Media #${item.id}`;
-}
 function mediaFromLibraryItem(item) {
   return {
     alt: item.alt,
@@ -4012,8 +3931,8 @@ var cloneSnapshot = (value) => ({
   layout: cloneBlockLayout(value.layout),
   pageDefaults: clonePageDefaults(value.pageDefaults)
 });
-function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }) {
-  const editorRootRef = (0, import_react6.useRef)(null);
+function BuilderPageEditor({ featureFlags: _featureFlags, initialDoc, pageID, siteThemeTokens }) {
+  const editorRootRef = (0, import_react5.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 : {};
@@ -4025,45 +3944,39 @@ 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_react6.useState)(
+  const [layout, setLayout] = (0, import_react5.useState)(
     migrateLayoutToSettingsV2(cloneBlockLayout(initialLayout).map((block) => withSectionStyleDefaults2(block)))
   );
-  const [pageDefaults, setPageDefaults] = (0, import_react6.useState)(clonePageDefaults(initialPageDefaults));
-  const [selectedIndex, setSelectedIndex] = (0, import_react6.useState)(null);
-  const [dragIndex, setDragIndex] = (0, import_react6.useState)(null);
-  const [sidebarOpen, setSidebarOpen] = (0, import_react6.useState)(true);
-  const [savingStatus, setSavingStatus] = (0, import_react6.useState)(null);
-  const [uploadingTarget, setUploadingTarget] = (0, import_react6.useState)(null);
-  const [topViewportHeight, setTopViewportHeight] = (0, import_react6.useState)(null);
-  const [uploadError, setUploadError] = (0, import_react6.useState)("");
-  const [uploadMessage, setUploadMessage] = (0, import_react6.useState)("");
-  const [uploadAltText, setUploadAltText] = (0, import_react6.useState)("");
-  const [mediaLibrary, setMediaLibrary] = (0, import_react6.useState)([]);
-  const [mediaLibraryError, setMediaLibraryError] = (0, import_react6.useState)("");
-  const [mediaLibraryLoading, setMediaLibraryLoading] = (0, import_react6.useState)(false);
-  const [selectedHeroMediaID, setSelectedHeroMediaID] = (0, import_react6.useState)("");
-  const [selectedItemIndex, setSelectedItemIndex] = (0, import_react6.useState)(null);
-  const [expandedItemIndex, setExpandedItemIndex] = (0, import_react6.useState)(null);
-  const [testimonialsOffsets, setTestimonialsOffsets] = (0, import_react6.useState)({});
-  const [presetQuery, setPresetQuery] = (0, import_react6.useState)("");
-  const [sessionExpired, setSessionExpired] = (0, import_react6.useState)(false);
-  const [pastSnapshots, setPastSnapshots] = (0, import_react6.useState)([]);
-  const [futureSnapshots, setFutureSnapshots] = (0, import_react6.useState)([]);
-  const [settingsPanelMode, setSettingsPanelMode] = (0, import_react6.useState)("basic");
-  const [settingsSearchQuery, setSettingsSearchQuery] = (0, import_react6.useState)("");
+  const [pageDefaults, setPageDefaults] = (0, import_react5.useState)(clonePageDefaults(initialPageDefaults));
+  const [selectedIndex, setSelectedIndex] = (0, import_react5.useState)(null);
+  const [dragIndex, setDragIndex] = (0, import_react5.useState)(null);
+  const [sidebarOpen, setSidebarOpen] = (0, import_react5.useState)(true);
+  const [savingStatus, setSavingStatus] = (0, import_react5.useState)(null);
+  const [uploadingTarget, setUploadingTarget] = (0, import_react5.useState)(null);
+  const [topViewportHeight, setTopViewportHeight] = (0, import_react5.useState)(null);
+  const [uploadError, setUploadError] = (0, import_react5.useState)("");
+  const [uploadMessage, setUploadMessage] = (0, import_react5.useState)("");
+  const [uploadAltText, setUploadAltText] = (0, import_react5.useState)("");
+  const [mediaLibrary, setMediaLibrary] = (0, import_react5.useState)([]);
+  const [mediaLibraryError, setMediaLibraryError] = (0, import_react5.useState)("");
+  const [mediaLibraryLoading, setMediaLibraryLoading] = (0, import_react5.useState)(false);
+  const [selectedItemIndex, setSelectedItemIndex] = (0, import_react5.useState)(null);
+  const [expandedItemIndex, setExpandedItemIndex] = (0, import_react5.useState)(null);
+  const [testimonialsOffsets, setTestimonialsOffsets] = (0, import_react5.useState)({});
+  const [presetQuery, setPresetQuery] = (0, import_react5.useState)("");
+  const [sessionExpired, setSessionExpired] = (0, import_react5.useState)(false);
+  const [pastSnapshots, setPastSnapshots] = (0, import_react5.useState)([]);
+  const [futureSnapshots, setFutureSnapshots] = (0, import_react5.useState)([]);
+  const [settingsPanelMode, setSettingsPanelMode] = (0, import_react5.useState)("basic");
+  const [settingsSearchQuery, setSettingsSearchQuery] = (0, import_react5.useState)("");
   const { activeSidebarPanel, setActiveSidebarPanel } = usePersistentSidebarPanel(pageID);
-  const historyBypassRef = (0, import_react6.useRef)(true);
-  const previousSnapshotRef = (0, import_react6.useRef)({
+  const historyBypassRef = (0, import_react5.useRef)(true);
+  const previousSnapshotRef = (0, import_react5.useRef)({
     layout: migrateLayoutToSettingsV2(cloneBlockLayout(initialLayout).map((block) => withSectionStyleDefaults2(block))),
     pageDefaults: clonePageDefaults(initialPageDefaults)
   });
-  const lastSavedRef = (0, import_react6.useRef)(cloneSnapshot(previousSnapshotRef.current));
-  const persistedFlagKey = "orion-builder-settings-panel-v2";
-  const { settingsPanelV2Enabled, setSettingsPanelV2Override } = useSettingsPanelV2Flag({
-    featureFlag: featureFlags?.settingsPanelV2,
-    persistedFlagKey
-  });
-  const selectedBlock = (0, import_react6.useMemo)(
+  const lastSavedRef = (0, import_react5.useRef)(cloneSnapshot(previousSnapshotRef.current));
+  const selectedBlock = (0, import_react5.useMemo)(
     () => selectedIndex !== null ? layout[selectedIndex] : null,
     [layout, selectedIndex]
   );
@@ -4072,12 +3985,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
   const selectedBlockSettings = isRecord5(selectedBlock?.settings) ? selectedBlock.settings : {};
   const selectedBlockAdvancedSettings = isRecord5(selectedBlockSettings.advanced) ? selectedBlockSettings.advanced : {};
   const isArrayItemBlockSelected = selectedType === "featureGrid" || selectedType === "logoWall" || selectedType === "beforeAfter" || selectedType === "stats" || selectedType === "faq" || selectedType === "testimonials";
-  const v2InspectorEnabledForSelected = settingsPanelV2Enabled;
   const editCopyInPanelEnabled = Boolean(selectedBlockAdvancedSettings.editCopyInPanel);
-  const selectedSectionStyle = {
-    ...defaultSectionStyle,
-    ...selectedBlock || {}
-  };
   const isBlockUploadTarget = (blockIndex, kind) => selectedIndex === blockIndex && uploadingTarget?.kind === kind;
   const isFeatureGridItemUploading = (blockIndex, itemIndex) => selectedIndex === blockIndex && uploadingTarget?.kind === "featureGridItem" && uploadingTarget.itemIndex === itemIndex;
   const isLogoWallItemUploading = (blockIndex, itemIndex) => selectedIndex === blockIndex && uploadingTarget?.kind === "logoWallItem" && uploadingTarget.itemIndex === itemIndex;
@@ -4097,24 +4005,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
     }
     return false;
   };
-  const resolveMediaLibraryItemFromValue = (value) => {
-    const direct = toMediaLibraryItem2(value);
-    if (direct) {
-      return direct;
-    }
-    const relationID = getRelationID2(value);
-    if (relationID === null) {
-      return null;
-    }
-    return mediaLibrary.find((item) => String(item.id) === String(relationID)) || null;
-  };
-  const selectedHeroMedia = (0, import_react6.useMemo)(() => {
-    if (selectedType !== "hero" || !selectedBlock) {
-      return null;
-    }
-    return resolveMediaLibraryItemFromValue(selectedBlock.media);
-  }, [mediaLibrary, selectedBlock, selectedType]);
-  const filteredSectionPresets = (0, import_react6.useMemo)(() => {
+  const filteredSectionPresets = (0, import_react5.useMemo)(() => {
     const query = presetQuery.trim().toLowerCase();
     if (!query) {
       return sectionPresets;
@@ -4123,7 +4014,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
       (preset) => `${preset.title} ${preset.description}`.toLowerCase().includes(query)
     );
   }, [presetQuery]);
-  const loadMediaLibrary = (0, import_react6.useCallback)(async () => {
+  const loadMediaLibrary = (0, import_react5.useCallback)(async () => {
     setMediaLibraryLoading(true);
     setMediaLibraryError("");
     try {
@@ -4144,10 +4035,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
       setMediaLibraryLoading(false);
     }
   }, []);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     void loadMediaLibrary();
   }, [loadMediaLibrary]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const refreshMediaLibrary = () => {
       void loadMediaLibrary();
     };
@@ -4172,7 +4063,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
       document.removeEventListener("visibilitychange", onVisibilityChange);
     };
   }, [loadMediaLibrary]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     let active = true;
     const checkSession = async () => {
       try {
@@ -4200,14 +4091,6 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
       window.clearInterval(intervalId);
     };
   }, []);
-  (0, import_react6.useEffect)(() => {
-    if (selectedType !== "hero") {
-      setSelectedHeroMediaID("");
-      return;
-    }
-    const relationID = getRelationID2(selectedBlock?.media);
-    setSelectedHeroMediaID(relationID !== null ? String(relationID) : "");
-  }, [selectedBlock, selectedType]);
   const applyTemplateStarter = () => {
     const templateBlocks = templateStarterPresets[pageTemplate] || templateStarterPresets.standard;
     const nextLayout = migrateLayoutToSettingsV2(
@@ -4364,25 +4247,6 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
       });
     }
   };
-  const setSelectedMediaFieldFromLibrary = (fieldName, mediaID) => {
-    if (!mediaID) {
-      updateSelectedField(fieldName, null);
-      if (selectedType === "hero" && fieldName === "media") {
-        updateSelectedField("backgroundImageURL", "");
-        setSelectedHeroMediaID("");
-      }
-      return;
-    }
-    const selectedMedia = mediaLibrary.find((item) => String(item.id) === mediaID);
-    if (!selectedMedia) {
-      return;
-    }
-    updateSelectedField(fieldName, mediaFromLibraryItem(selectedMedia));
-    if (selectedType === "hero" && fieldName === "media") {
-      updateSelectedField("backgroundImageURL", selectedMedia.url);
-      setSelectedHeroMediaID(String(selectedMedia.id));
-    }
-  };
   const setSelectedItemMediaFieldFromLibrary = (itemIndex, fieldName, mediaID) => {
     if (selectedIndex === null) {
       return;
@@ -4410,22 +4274,6 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
       void uploadMediaForSelected({ field, itemIndex, kind: "beforeAfterItem" }, file);
     }
   };
-  const setHeroMediaFromLibrary = (mediaID) => {
-    if (selectedIndex === null || selectedType !== "hero") {
-      return;
-    }
-    setSelectedMediaFieldFromLibrary("media", mediaID);
-  };
-  const clearHeroMedia = () => {
-    if (selectedType !== "hero") {
-      return;
-    }
-    updateSelectedField("media", null);
-    updateSelectedField("backgroundImageURL", "");
-    setSelectedHeroMediaID("");
-    setUploadMessage("Hero image removed.");
-    setUploadError("");
-  };
   const uploadMediaForSelected = async (target, file) => {
     if (selectedIndex === null) {
       setUploadError("Select a section first.");
@@ -4472,7 +4320,6 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
             const deduped = current.filter((item) => String(item.id) !== String(uploadedItem.id));
             return [uploadedItem, ...deduped];
           });
-          setSelectedHeroMediaID(String(uploadedItem.id));
         }
       } else if (target.kind === "media") {
         nextLayout[selectedIndex] = {
@@ -4561,7 +4408,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
     }
     return nextBlock;
   });
-  const resolvedThemeTokens = (0, import_react6.useMemo)(
+  const resolvedThemeTokens = (0, import_react5.useMemo)(
     () => resolveBuilderThemeTokens({
       page: pageDefaults.themePage,
       site: siteThemeTokens
@@ -4698,14 +4545,14 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
       return next;
     });
   };
-  const currentSnapshot = (0, import_react6.useMemo)(
+  const currentSnapshot = (0, import_react5.useMemo)(
     () => ({
       layout: cloneBlockLayout(layout),
       pageDefaults: clonePageDefaults(pageDefaults)
     }),
     [layout, pageDefaults]
   );
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const readTopViewportHeight = () => {
       if (typeof window === "undefined") {
         setTopViewportHeight(null);
@@ -4730,7 +4577,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
     layout: toPersistedLayout(snapshot.layout),
     pageDefaults: snapshot.pageDefaults
   });
-  const isDirty = (0, import_react6.useMemo)(
+  const isDirty = (0, import_react5.useMemo)(
     () => snapshotKey(currentSnapshot) !== snapshotKey(lastSavedRef.current),
     [currentSnapshot]
   );
@@ -4777,25 +4624,6 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
     setExpandedItemIndex((current) => current === itemIndex ? null : itemIndex);
     openSidebarPanel("selected");
   };
-  const setSelectedStyleField = (fieldName, value) => {
-    updateSelectedField(fieldName, value);
-  };
-  const applyGradientPreset = (scope, preset) => {
-    const pair = gradientPresetPairs[preset];
-    if (scope === "section") {
-      setSelectedStyleField("sectionGradientPreset", preset);
-      if (pair) {
-        setSelectedStyleField("sectionGradientFrom", pair[0]);
-        setSelectedStyleField("sectionGradientTo", pair[1]);
-      }
-      return;
-    }
-    setSelectedStyleField("contentGradientPreset", preset);
-    if (pair) {
-      setSelectedStyleField("contentGradientFrom", pair[0]);
-      setSelectedStyleField("contentGradientTo", pair[1]);
-    }
-  };
   const saveLayout = async (status) => {
     if (savingStatus !== null) {
       return false;
@@ -4883,14 +4711,14 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
       setSavingStatus(null);
     }
   };
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (selectedIndex === null) {
       return;
     }
     setSidebarOpen(true);
     setActiveSidebarPanel("selected");
   }, [selectedIndex]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (selectedIndex === null) {
       setSelectedItemIndex(null);
       setExpandedItemIndex(null);
@@ -4908,17 +4736,17 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
       (current) => typeof current === "number" && current >= 0 && current < selectedItems.length ? current : 0
     );
   }, [selectedIndex, selectedItems.length]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (layout.length > 0) {
       return;
     }
     setSidebarOpen(true);
     setActiveSidebarPanel("addSections");
   }, [layout.length]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     return;
   }, [layout]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (historyBypassRef.current) {
       historyBypassRef.current = false;
       previousSnapshotRef.current = cloneSnapshot(currentSnapshot);
@@ -4929,7 +4757,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
     setFutureSnapshots([]);
     previousSnapshotRef.current = cloneSnapshot(currentSnapshot);
   }, [currentSnapshot]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const onKeyDown = (event) => {
       const key = event.key.toLowerCase();
       const isUndo = (event.metaKey || event.ctrlKey) && key === "z" && !event.shiftKey;
@@ -4947,7 +4775,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
     window.addEventListener("keydown", onKeyDown);
     return () => window.removeEventListener("keydown", onKeyDown);
   }, [canRedo, canUndo, futureSnapshots, pastSnapshots, currentSnapshot]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     window.parent?.postMessage(
       {
         dirty: isDirty,
@@ -4957,7 +4785,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
       "*"
     );
   }, [isDirty]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     window.parent?.postMessage(
       {
         canRedo,
@@ -4968,7 +4796,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
       "*"
     );
   }, [canRedo, canUndo]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const onMessage = (event) => {
       const data = event.data;
       if (!data || data.source !== "payload-visual-builder-parent") {
@@ -5021,7 +4849,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_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const preventNavigationWhileEditing = (event) => {
       const editorRoot = editorRootRef.current;
       if (!editorRoot) {
@@ -6140,10 +5968,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                         SidebarTabs,
                         {
                           activeSidebarPanel,
-                          disableSettingsPanelV2Toggle: typeof featureFlags?.settingsPanelV2 === "boolean",
-                          onOpenPanel: (panel) => openSidebarPanel(panel),
-                          onToggleSettingsPanelV2: () => setSettingsPanelV2Override((current) => current === false ? true : false),
-                          settingsPanelV2Enabled
+                          onOpenPanel: (panel) => openSidebarPanel(panel)
                         }
                       ),
                       /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { display: "grid", overflowY: "auto", padding: 12 }, children: [
@@ -6251,1073 +6076,42 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
                                 }
                               )
                             ] }),
-                            v2InspectorEnabledForSelected ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                BlockInspectorRenderer,
-                                {
-                                  block: selectedBlock,
-                                  blockType: selectedType,
-                                  mode: settingsPanelMode,
-                                  onModeChange: setSettingsPanelMode,
-                                  onSearchQueryChange: setSettingsSearchQuery,
-                                  onUpdateField: updateSelectedField,
-                                  onUpdateSetting: updateSelectedSettingField,
-                                  searchQuery: settingsSearchQuery
-                                }
-                              ),
-                              isArrayItemBlockSelected ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                ArrayItemsEditor,
-                                {
-                                  blockType: selectedType,
-                                  expandedItemIndex,
-                                  isUploadingItemMedia: isSelectedItemMediaUploading,
-                                  items: selectedItems,
-                                  mediaLibrary,
-                                  mediaLibraryError,
-                                  mediaLibraryLoading,
-                                  mode: settingsPanelMode,
-                                  onAddItem: appendDefaultItemToSelected,
-                                  onRemoveItem: (itemIndex) => removeItemFromSelected("items", itemIndex),
-                                  onSetItemMediaFromLibrary: setSelectedItemMediaFieldFromLibrary,
-                                  onToggleItem: toggleSelectedItem,
-                                  onUpdateItemField: (itemIndex, fieldName, value) => updateArrayItemField(selectedIndex ?? 0, "items", itemIndex, fieldName, value),
-                                  onUpdateItemSetting: (itemIndex, path, value) => updateArrayItemSettingField(selectedIndex ?? 0, "items", itemIndex, path, value),
-                                  onUploadItemMedia: uploadItemMediaFromV2,
-                                  searchQuery: settingsSearchQuery,
-                                  showInlineCopyFields: editCopyInPanelEnabled,
-                                  uploadDisabled: uploadingTarget !== null
-                                }
-                              ) : null
-                            ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: [
-                                "Section width follows ",
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("strong", { children: "Page Defaults" }),
-                                " for a consistent page layout."
-                              ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                "Content Width",
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                  "select",
-                                  {
-                                    onChange: (event) => setSelectedStyleField("contentWidth", event.target.value),
-                                    style: sidebarInputStyle,
-                                    value: normalizeText2(selectedSectionStyle.contentWidth, "inherit"),
-                                    children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "inherit", children: "Inherit Page Default" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "narrow", children: "Narrow" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "content", children: "Content" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "wide", children: "Wide" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "full", children: "Full" })
-                                    ]
-                                  }
-                                )
-                              ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                "Section Vertical Spacing",
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                  "select",
-                                  {
-                                    onChange: (event) => setSelectedStyleField("sectionPaddingY", event.target.value),
-                                    style: sidebarInputStyle,
-                                    value: normalizeText2(selectedSectionStyle.sectionPaddingY, "md"),
-                                    children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "none", children: "None" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "sm", children: "Small" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "md", children: "Medium" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "lg", children: "Large" })
-                                    ]
-                                  }
-                                )
-                              ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                "Section Horizontal Spacing",
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                  "select",
-                                  {
-                                    onChange: (event) => setSelectedStyleField("sectionPaddingX", event.target.value),
-                                    style: sidebarInputStyle,
-                                    value: normalizeText2(selectedSectionStyle.sectionPaddingX, "inherit"),
-                                    children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "inherit", children: "Inherit (Edge-to-Edge on Full Width)" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "none", children: "None" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "sm", children: "Small" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "md", children: "Medium" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "lg", children: "Large" })
-                                    ]
-                                  }
-                                )
-                              ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                "Section Background",
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                  "select",
-                                  {
-                                    onChange: (event) => setSelectedStyleField("sectionBackgroundMode", event.target.value),
-                                    style: sidebarInputStyle,
-                                    value: normalizeText2(selectedSectionStyle.sectionBackgroundMode, "none"),
-                                    children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "none", children: "None" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "color", children: "Color" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "gradient", children: "Gradient" })
-                                    ]
-                                  }
-                                )
-                              ] }),
-                              normalizeText2(selectedSectionStyle.sectionBackgroundMode, "none") === "color" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                "Section Background Color",
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                  "input",
-                                  {
-                                    onChange: (event) => setSelectedStyleField("sectionBackgroundColor", event.target.value),
-                                    style: { ...sidebarInputStyle, height: 36, padding: 4 },
-                                    type: "color",
-                                    value: parseColor(selectedSectionStyle.sectionBackgroundColor, "#ffffff")
-                                  }
-                                )
-                              ] }) : null,
-                              normalizeText2(selectedSectionStyle.sectionBackgroundMode, "none") === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                  "Section Gradient Preset",
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.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_runtime13.jsx)("option", { value: preset, children: preset }, preset))
-                                    }
-                                  )
-                                ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr" }, children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                    "From",
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                      "input",
-                                      {
-                                        onChange: (event) => setSelectedStyleField("sectionGradientFrom", event.target.value),
-                                        style: { ...sidebarInputStyle, height: 36, padding: 4 },
-                                        type: "color",
-                                        value: parseColor(selectedSectionStyle.sectionGradientFrom, "#124a37")
-                                      }
-                                    )
-                                  ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                    "To",
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                      "input",
-                                      {
-                                        onChange: (event) => setSelectedStyleField("sectionGradientTo", event.target.value),
-                                        style: { ...sidebarInputStyle, height: 36, padding: 4 },
-                                        type: "color",
-                                        value: parseColor(selectedSectionStyle.sectionGradientTo, "#1f684f")
-                                      }
-                                    )
-                                  ] })
-                                ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                  "Angle",
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                    "input",
-                                    {
-                                      max: 360,
-                                      min: 0,
-                                      onChange: (event) => setSelectedStyleField("sectionGradientAngle", event.target.value),
-                                      style: sidebarInputStyle,
-                                      type: "number",
-                                      value: parseAngle(selectedSectionStyle.sectionGradientAngle, "135")
-                                    }
-                                  )
-                                ] })
-                              ] }) : null,
-                              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                "Content Background",
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                  "select",
-                                  {
-                                    onChange: (event) => setSelectedStyleField("contentBackgroundMode", event.target.value),
-                                    style: sidebarInputStyle,
-                                    value: normalizeText2(selectedSectionStyle.contentBackgroundMode, "none"),
-                                    children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "none", children: "None" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "color", children: "Color" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "gradient", children: "Gradient" })
-                                    ]
-                                  }
-                                )
-                              ] }),
-                              normalizeText2(selectedSectionStyle.contentBackgroundMode, "none") === "color" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                "Content Background Color",
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                  "input",
-                                  {
-                                    onChange: (event) => setSelectedStyleField("contentBackgroundColor", event.target.value),
-                                    style: { ...sidebarInputStyle, height: 36, padding: 4 },
-                                    type: "color",
-                                    value: parseColor(selectedSectionStyle.contentBackgroundColor, "#ffffff")
-                                  }
-                                )
-                              ] }) : null,
-                              normalizeText2(selectedSectionStyle.contentBackgroundMode, "none") === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                  "Content Gradient Preset",
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.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_runtime13.jsx)("option", { value: preset, children: preset }, preset))
-                                    }
-                                  )
-                                ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr" }, children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                    "From",
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                      "input",
-                                      {
-                                        onChange: (event) => setSelectedStyleField("contentGradientFrom", event.target.value),
-                                        style: { ...sidebarInputStyle, height: 36, padding: 4 },
-                                        type: "color",
-                                        value: parseColor(selectedSectionStyle.contentGradientFrom, "#ffffff")
-                                      }
-                                    )
-                                  ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                    "To",
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                      "input",
-                                      {
-                                        onChange: (event) => setSelectedStyleField("contentGradientTo", event.target.value),
-                                        style: { ...sidebarInputStyle, height: 36, padding: 4 },
-                                        type: "color",
-                                        value: parseColor(selectedSectionStyle.contentGradientTo, "#f4f6f2")
-                                      }
-                                    )
-                                  ] })
-                                ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                  "Angle",
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                    "input",
-                                    {
-                                      max: 360,
-                                      min: 0,
-                                      onChange: (event) => setSelectedStyleField("contentGradientAngle", event.target.value),
-                                      style: sidebarInputStyle,
-                                      type: "number",
-                                      value: parseAngle(selectedSectionStyle.contentGradientAngle, "135")
-                                    }
-                                  )
-                                ] })
-                              ] }) : null,
-                              selectedType === "hero" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                  "Variant",
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                    "select",
-                                    {
-                                      onChange: (event) => updateSelectedField("variant", event.target.value),
-                                      style: sidebarInputStyle,
-                                      value: normalizeText2(selectedBlock.variant, "default"),
-                                      children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "default", children: "Default" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "centered", children: "Centered" })
-                                      ]
-                                    }
-                                  )
-                                ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                  "Hero Height",
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                    "select",
-                                    {
-                                      onChange: (event) => updateSelectedField("heroHeight", event.target.value),
-                                      style: sidebarInputStyle,
-                                      value: normalizeHeroHeight(selectedBlock.heroHeight),
-                                      children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "sm", children: "Small" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "md", children: "Medium (Half Screen)" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "full", children: "Full Screen" })
-                                      ]
-                                    }
-                                  )
-                                ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { ...sidebarSectionStyle, display: "grid", gap: 8 }, children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 12, fontWeight: 600 }, children: "Hero Image" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.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_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                    "Choose from Media Library",
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                      "select",
-                                      {
-                                        onChange: (event) => setHeroMediaFromLibrary(event.target.value),
-                                        style: sidebarInputStyle,
-                                        value: selectedHeroMediaID,
-                                        children: [
-                                          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "", children: "No image" }),
-                                          mediaLibrary.map((item) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: String(item.id), children: mediaLabel2(item) }, String(item.id)))
-                                        ]
-                                      }
-                                    )
-                                  ] }),
-                                  mediaLibraryLoading ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "Loading media library..." }) : null,
-                                  mediaLibraryError ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { color: "#8d1d1d", fontSize: 11 }, children: mediaLibraryError }) : null,
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                    "button",
-                                    {
-                                      disabled: !selectedHeroMedia && !selectedHeroMediaID,
-                                      onClick: clearHeroMedia,
-                                      style: {
-                                        borderRadius: 999,
-                                        cursor: selectedHeroMedia || selectedHeroMediaID ? "pointer" : "not-allowed",
-                                        fontSize: 12,
-                                        padding: "7px 10px"
-                                      },
-                                      type: "button",
-                                      children: "Remove Hero Image"
-                                    }
-                                  ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                    "Upload Hero Background Image",
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                      "input",
-                                      {
-                                        accept: "image/*",
-                                        disabled: uploadingTarget !== null,
-                                        onChange: (event) => {
-                                          const file = event.currentTarget.files?.[0];
-                                          if (file) {
-                                            void uploadMediaForSelected({ kind: "hero" }, file);
-                                          }
-                                          event.currentTarget.value = "";
-                                        },
-                                        style: sidebarInputStyle,
-                                        type: "file"
-                                      }
-                                    )
-                                  ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                    "Image Fit",
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                      "select",
-                                      {
-                                        onChange: (event) => updateSelectedField("backgroundImageFit", event.target.value),
-                                        style: sidebarInputStyle,
-                                        value: normalizeHeroImageFit(selectedBlock.backgroundImageFit),
-                                        children: [
-                                          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "cover", children: "Cover" }),
-                                          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "contain", children: "Contain" })
-                                        ]
-                                      }
-                                    )
-                                  ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                    "Image Corners",
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                      "select",
-                                      {
-                                        onChange: (event) => updateSelectedField("backgroundImageCornerStyle", event.target.value),
-                                        style: sidebarInputStyle,
-                                        value: normalizeHeroImageCornerStyle(
-                                          selectedBlock.backgroundImageCornerStyle,
-                                          selectedBlock.backgroundImageFit
-                                        ),
-                                        children: [
-                                          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "rounded", children: "Rounded" }),
-                                          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "square", children: "Square" })
-                                        ]
-                                      }
-                                    )
-                                  ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                    "Image Position",
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                      "select",
-                                      {
-                                        onChange: (event) => updateSelectedField("backgroundImagePosition", event.target.value),
-                                        style: sidebarInputStyle,
-                                        value: normalizeHeroImagePosition(selectedBlock.backgroundImagePosition),
-                                        children: [
-                                          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "center", children: "Center" }),
-                                          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "top", children: "Top" }),
-                                          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "bottom", children: "Bottom" }),
-                                          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "left", children: "Left" }),
-                                          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "right", children: "Right" })
-                                        ]
-                                      }
-                                    )
-                                  ] })
-                                ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { ...sidebarSectionStyle, display: "grid", gap: 8 }, children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 12, fontWeight: 600 }, children: "Hero Overlay" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                    "Overlay Type",
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                      "select",
-                                      {
-                                        onChange: (event) => updateSelectedField("backgroundOverlayMode", event.target.value),
-                                        style: sidebarInputStyle,
-                                        value: normalizeText2(selectedBlock.backgroundOverlayMode, "none"),
-                                        children: [
-                                          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "none", children: "None" }),
-                                          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "solid", children: "Solid" }),
-                                          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "gradient", children: "Gradient" })
-                                        ]
-                                      }
-                                    )
-                                  ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                    "Opacity (%)",
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { alignItems: "center", display: "grid", gap: 8, gridTemplateColumns: "1fr 90px" }, children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                        "input",
-                                        {
-                                          max: 100,
-                                          min: 0,
-                                          onChange: (event) => updateSelectedField("backgroundOverlayOpacity", Number(event.target.value)),
-                                          type: "range",
-                                          value: parsePercentNumber(selectedBlock.backgroundOverlayOpacity, 45)
-                                        }
-                                      ),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                        "input",
-                                        {
-                                          max: 100,
-                                          min: 0,
-                                          onChange: (event) => updateSelectedField(
-                                            "backgroundOverlayOpacity",
-                                            event.target.value === "" ? 45 : Number(event.target.value)
-                                          ),
-                                          style: sidebarInputStyle,
-                                          type: "number",
-                                          value: parsePercentNumber(selectedBlock.backgroundOverlayOpacity, 45)
-                                        }
-                                      )
-                                    ] })
-                                  ] }),
-                                  normalizeText2(selectedBlock.backgroundOverlayMode, "none") === "solid" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                    "Overlay Color",
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                      "input",
-                                      {
-                                        onChange: (event) => updateSelectedField("backgroundOverlayColor", event.target.value),
-                                        style: { ...sidebarInputStyle, height: 36, padding: 4 },
-                                        type: "color",
-                                        value: parseColor(selectedBlock.backgroundOverlayColor, "#000000")
-                                      }
-                                    )
-                                  ] }) : null,
-                                  normalizeText2(selectedBlock.backgroundOverlayMode, "none") === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr" }, children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                        "From",
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                          "input",
-                                          {
-                                            onChange: (event) => updateSelectedField("backgroundOverlayGradientFrom", event.target.value),
-                                            style: { ...sidebarInputStyle, height: 36, padding: 4 },
-                                            type: "color",
-                                            value: parseColor(selectedBlock.backgroundOverlayGradientFrom, "#0d4a37")
-                                          }
-                                        )
-                                      ] }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                        "To",
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                          "input",
-                                          {
-                                            onChange: (event) => updateSelectedField("backgroundOverlayGradientTo", event.target.value),
-                                            style: { ...sidebarInputStyle, height: 36, padding: 4 },
-                                            type: "color",
-                                            value: parseColor(selectedBlock.backgroundOverlayGradientTo, "#1f684f")
-                                          }
-                                        )
-                                      ] })
-                                    ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr" }, children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                        "From Strength (%)",
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                          "div",
-                                          {
-                                            style: {
-                                              alignItems: "center",
-                                              display: "grid",
-                                              gap: 8,
-                                              gridTemplateColumns: "1fr 70px"
-                                            },
-                                            children: [
-                                              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                                "input",
-                                                {
-                                                  max: 100,
-                                                  min: 0,
-                                                  onChange: (event) => updateSelectedField(
-                                                    "backgroundOverlayGradientFromStrength",
-                                                    Number(event.target.value)
-                                                  ),
-                                                  type: "range",
-                                                  value: parsePercentNumber(selectedBlock.backgroundOverlayGradientFromStrength, 100)
-                                                }
-                                              ),
-                                              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                                "input",
-                                                {
-                                                  max: 100,
-                                                  min: 0,
-                                                  onChange: (event) => updateSelectedField(
-                                                    "backgroundOverlayGradientFromStrength",
-                                                    event.target.value === "" ? 100 : Number(event.target.value)
-                                                  ),
-                                                  style: sidebarInputStyle,
-                                                  type: "number",
-                                                  value: parsePercentNumber(selectedBlock.backgroundOverlayGradientFromStrength, 100)
-                                                }
-                                              )
-                                            ]
-                                          }
-                                        )
-                                      ] }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                        "To Strength (%)",
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                          "div",
-                                          {
-                                            style: {
-                                              alignItems: "center",
-                                              display: "grid",
-                                              gap: 8,
-                                              gridTemplateColumns: "1fr 70px"
-                                            },
-                                            children: [
-                                              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                                "input",
-                                                {
-                                                  max: 100,
-                                                  min: 0,
-                                                  onChange: (event) => updateSelectedField(
-                                                    "backgroundOverlayGradientToStrength",
-                                                    Number(event.target.value)
-                                                  ),
-                                                  type: "range",
-                                                  value: parsePercentNumber(selectedBlock.backgroundOverlayGradientToStrength, 100)
-                                                }
-                                              ),
-                                              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                                "input",
-                                                {
-                                                  max: 100,
-                                                  min: 0,
-                                                  onChange: (event) => updateSelectedField(
-                                                    "backgroundOverlayGradientToStrength",
-                                                    event.target.value === "" ? 100 : Number(event.target.value)
-                                                  ),
-                                                  style: sidebarInputStyle,
-                                                  type: "number",
-                                                  value: parsePercentNumber(selectedBlock.backgroundOverlayGradientToStrength, 100)
-                                                }
-                                              )
-                                            ]
-                                          }
-                                        )
-                                      ] })
-                                    ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                      "Angle",
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                        "input",
-                                        {
-                                          max: 360,
-                                          min: 0,
-                                          onChange: (event) => updateSelectedField("backgroundOverlayGradientAngle", event.target.value),
-                                          style: sidebarInputStyle,
-                                          type: "number",
-                                          value: parseAngle(selectedBlock.backgroundOverlayGradientAngle, "135")
-                                        }
-                                      )
-                                    ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                      "Gradient Start (%)",
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { alignItems: "center", display: "grid", gap: 8, gridTemplateColumns: "1fr 90px" }, children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                          "input",
-                                          {
-                                            max: 100,
-                                            min: 0,
-                                            onChange: (event) => {
-                                              const next = Number(event.target.value);
-                                              updateSelectedField("backgroundOverlayGradientStart", next);
-                                              const currentEnd = parsePercentNumber(selectedBlock.backgroundOverlayGradientEnd, 100);
-                                              if (next > currentEnd) {
-                                                updateSelectedField("backgroundOverlayGradientEnd", next);
-                                              }
-                                            },
-                                            type: "range",
-                                            value: parsePercentNumber(selectedBlock.backgroundOverlayGradientStart, 0)
-                                          }
-                                        ),
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                          "input",
-                                          {
-                                            max: 100,
-                                            min: 0,
-                                            onChange: (event) => {
-                                              const next = event.target.value === "" ? 0 : Number(event.target.value);
-                                              updateSelectedField("backgroundOverlayGradientStart", next);
-                                              const currentEnd = parsePercentNumber(selectedBlock.backgroundOverlayGradientEnd, 100);
-                                              if (next > currentEnd) {
-                                                updateSelectedField("backgroundOverlayGradientEnd", next);
-                                              }
-                                            },
-                                            style: sidebarInputStyle,
-                                            type: "number",
-                                            value: parsePercentNumber(selectedBlock.backgroundOverlayGradientStart, 0)
-                                          }
-                                        )
-                                      ] })
-                                    ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                      "Gradient End (%)",
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { alignItems: "center", display: "grid", gap: 8, gridTemplateColumns: "1fr 90px" }, children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                          "input",
-                                          {
-                                            max: 100,
-                                            min: 0,
-                                            onChange: (event) => {
-                                              const next = Number(event.target.value);
-                                              updateSelectedField("backgroundOverlayGradientEnd", next);
-                                              const currentStart = parsePercentNumber(selectedBlock.backgroundOverlayGradientStart, 0);
-                                              if (next < currentStart) {
-                                                updateSelectedField("backgroundOverlayGradientStart", next);
-                                              }
-                                            },
-                                            type: "range",
-                                            value: parsePercentNumber(selectedBlock.backgroundOverlayGradientEnd, 100)
-                                          }
-                                        ),
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                          "input",
-                                          {
-                                            max: 100,
-                                            min: 0,
-                                            onChange: (event) => {
-                                              const next = event.target.value === "" ? 100 : Number(event.target.value);
-                                              updateSelectedField("backgroundOverlayGradientEnd", next);
-                                              const currentStart = parsePercentNumber(selectedBlock.backgroundOverlayGradientStart, 0);
-                                              if (next < currentStart) {
-                                                updateSelectedField("backgroundOverlayGradientStart", next);
-                                              }
-                                            },
-                                            style: sidebarInputStyle,
-                                            type: "number",
-                                            value: parsePercentNumber(selectedBlock.backgroundOverlayGradientEnd, 100)
-                                          }
-                                        )
-                                      ] })
-                                    ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                      "Feather (%)",
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { alignItems: "center", display: "grid", gap: 8, gridTemplateColumns: "1fr 90px" }, children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                          "input",
-                                          {
-                                            max: 100,
-                                            min: 0,
-                                            onChange: (event) => updateSelectedField("backgroundOverlayGradientFeather", Number(event.target.value)),
-                                            type: "range",
-                                            value: parsePercentNumber(selectedBlock.backgroundOverlayGradientFeather, 100)
-                                          }
-                                        ),
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                          "input",
-                                          {
-                                            max: 100,
-                                            min: 0,
-                                            onChange: (event) => updateSelectedField(
-                                              "backgroundOverlayGradientFeather",
-                                              event.target.value === "" ? 100 : Number(event.target.value)
-                                            ),
-                                            style: sidebarInputStyle,
-                                            type: "number",
-                                            value: parsePercentNumber(selectedBlock.backgroundOverlayGradientFeather, 100)
-                                          }
-                                        )
-                                      ] })
-                                    ] })
-                                  ] }) : null,
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                    "button",
-                                    {
-                                      onClick: () => {
-                                        updateSelectedField("backgroundOverlayMode", "none");
-                                        updateSelectedField("backgroundOverlayOpacity", 45);
-                                        updateSelectedField("backgroundOverlayGradientStart", 0);
-                                        updateSelectedField("backgroundOverlayGradientEnd", 100);
-                                        updateSelectedField("backgroundOverlayGradientFeather", 100);
-                                      },
-                                      style: { borderRadius: 999, cursor: "pointer", fontSize: 12, padding: "7px 10px" },
-                                      type: "button",
-                                      children: "Clear Hero Overlay"
-                                    }
-                                  )
-                                ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                  "Background Color",
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                    "input",
-                                    {
-                                      onChange: (event) => updateSelectedField("backgroundColor", event.target.value),
-                                      style: { ...sidebarInputStyle, height: 36, padding: 4 },
-                                      type: "color",
-                                      value: parseColor(selectedBlock.backgroundColor, "#ffffff")
-                                    }
-                                  )
-                                ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                  "button",
-                                  {
-                                    onClick: () => updateSelectedField("backgroundColor", ""),
-                                    style: { borderRadius: 999, cursor: "pointer", fontSize: 12, padding: "7px 10px" },
-                                    type: "button",
-                                    children: "Clear Hero Background Color"
-                                  }
-                                )
-                              ] }) : null,
-                              selectedType === "featureGrid" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                  "Variant",
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                    "select",
-                                    {
-                                      onChange: (event) => updateSelectedField("variant", event.target.value),
-                                      style: sidebarInputStyle,
-                                      value: normalizeText2(selectedBlock.variant, "cards"),
-                                      children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "cards", children: "Cards" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "highlight", children: "Highlight" })
-                                      ]
-                                    }
-                                  )
-                                ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                  "Items Per Row (Desktop)",
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.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_runtime13.jsx)("option", { value: 1, children: "1" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: 2, children: "2" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: 3, children: "3" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: 4, children: "4" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: 5, children: "5" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: 6, children: "6" })
-                                      ]
-                                    }
-                                  )
-                                ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                  "Highlight Background Color",
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                    "input",
-                                    {
-                                      onChange: (event) => updateSelectedField("backgroundColor", event.target.value),
-                                      style: { ...sidebarInputStyle, height: 36, padding: 4 },
-                                      type: "color",
-                                      value: parseColor(selectedBlock.backgroundColor, "#1f684f")
-                                    }
-                                  )
-                                ] })
-                              ] }) : null,
-                              selectedType === "beforeAfter" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                "Items Per Row (Desktop)",
-                                /* @__PURE__ */ (0, import_jsx_runtime13.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_runtime13.jsx)("option", { value: 1, children: "1" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: 2, children: "2" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: 3, children: "3" }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: 4, children: "4" })
-                                    ]
-                                  }
-                                )
-                              ] }) : null,
-                              selectedType === "cta" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                  "Style",
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                    "select",
-                                    {
-                                      onChange: (event) => updateSelectedField("style", event.target.value),
-                                      style: sidebarInputStyle,
-                                      value: normalizeText2(selectedBlock.style, "light"),
-                                      children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "light", children: "Light" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "dark", children: "Dark" })
-                                      ]
-                                    }
-                                  )
-                                ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                  "Background Color",
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                    "input",
-                                    {
-                                      onChange: (event) => updateSelectedField("backgroundColor", event.target.value),
-                                      style: { ...sidebarInputStyle, height: 36, padding: 4 },
-                                      type: "color",
-                                      value: parseColor(selectedBlock.backgroundColor, "#1f684f")
-                                    }
-                                  )
-                                ] })
-                              ] }) : null,
-                              selectedType === "media" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                  "Image Size",
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                    "select",
-                                    {
-                                      onChange: (event) => updateSelectedField("size", event.target.value),
-                                      style: sidebarInputStyle,
-                                      value: normalizeText2(selectedBlock.size, "default"),
-                                      children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "default", children: "Default" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "wide", children: "Wide" })
-                                      ]
-                                    }
-                                  )
-                                ] }),
-                                (() => {
-                                  const selectedMedia = resolveMediaLibraryItemFromValue(selectedBlock.image);
-                                  const selectedMediaID = getRelationID2(selectedBlock.image);
-                                  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 12 }, children: selectedMedia ? `Selected image: ${mediaLabel2(selectedMedia)}` : "No image selected." }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                      "Choose from Media Library",
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                        "select",
-                                        {
-                                          onChange: (event) => setSelectedMediaFieldFromLibrary("image", event.target.value),
-                                          style: sidebarInputStyle,
-                                          value: selectedMediaID !== null ? String(selectedMediaID) : "",
-                                          children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "", children: "No image" }),
-                                            mediaLibrary.map((libraryItem) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: String(libraryItem.id), children: mediaLabel2(libraryItem) }, String(libraryItem.id)))
-                                          ]
-                                        }
-                                      )
-                                    ] }),
-                                    mediaLibraryLoading ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "Loading media library..." }) : null,
-                                    mediaLibraryError ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { color: "#8d1d1d", fontSize: 11 }, children: mediaLibraryError }) : null,
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                      "button",
-                                      {
-                                        disabled: !selectedMedia && selectedMediaID === null,
-                                        onClick: () => setSelectedMediaFieldFromLibrary("image", ""),
-                                        style: {
-                                          borderRadius: 999,
-                                          cursor: selectedMedia || selectedMediaID !== null ? "pointer" : "not-allowed",
-                                          fontSize: 12,
-                                          padding: "7px 10px"
-                                        },
-                                        type: "button",
-                                        children: "Remove Section Image"
-                                      }
-                                    ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                      "Image Fit",
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                        "select",
-                                        {
-                                          onChange: (event) => updateSelectedField("imageFit", event.target.value),
-                                          style: sidebarInputStyle,
-                                          value: normalizeImageFit2(selectedBlock.imageFit),
-                                          children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "cover", children: "Cover" }),
-                                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "contain", children: "Contain" })
-                                          ]
-                                        }
-                                      )
-                                    ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                      "Image Corners",
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                        "select",
-                                        {
-                                          onChange: (event) => updateSelectedField("imageCornerStyle", event.target.value),
-                                          style: sidebarInputStyle,
-                                          value: normalizeImageCornerStyle2(selectedBlock.imageCornerStyle),
-                                          children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "rounded", children: "Rounded" }),
-                                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "square", children: "Square" })
-                                          ]
-                                        }
-                                      )
-                                    ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                      "Image Position",
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                        "select",
-                                        {
-                                          onChange: (event) => updateSelectedField("imagePosition", event.target.value),
-                                          style: sidebarInputStyle,
-                                          value: normalizeImagePosition2(selectedBlock.imagePosition),
-                                          children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "center", children: "Center" }),
-                                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "top", children: "Top" }),
-                                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "bottom", children: "Bottom" }),
-                                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "left", children: "Left" }),
-                                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "right", children: "Right" })
-                                          ]
-                                        }
-                                      )
-                                    ] })
-                                  ] });
-                                })(),
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                  "Upload Section Image",
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                    "input",
-                                    {
-                                      accept: "image/*",
-                                      disabled: uploadingTarget !== null,
-                                      onChange: (event) => {
-                                        const file = event.currentTarget.files?.[0];
-                                        if (file) {
-                                          void uploadMediaForSelected({ kind: "media" }, file);
-                                        }
-                                        event.currentTarget.value = "";
-                                      },
-                                      style: sidebarInputStyle,
-                                      type: "file"
-                                    }
-                                  )
-                                ] })
-                              ] }) : null,
-                              selectedType === "richText" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                  "Content",
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                    "textarea",
-                                    {
-                                      onChange: (event) => updateSelectedField("content", createLexicalText(event.target.value || "")),
-                                      style: { ...sidebarInputStyle, minHeight: 140, resize: "vertical" },
-                                      value: extractLexicalText(selectedBlock.content)
-                                    }
-                                  )
-                                ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                  "Content Width",
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                    "select",
-                                    {
-                                      onChange: (event) => updateSelectedField("width", event.target.value),
-                                      style: sidebarInputStyle,
-                                      value: normalizeText2(selectedBlock.width, "normal"),
-                                      children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "normal", children: "Normal" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "narrow", children: "Narrow" })
-                                      ]
-                                    }
-                                  )
-                                ] })
-                              ] }) : null,
-                              selectedType === "formEmbed" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                "Form Type",
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                  "select",
-                                  {
-                                    onChange: (event) => updateSelectedField("formType", event.target.value),
-                                    style: sidebarInputStyle,
-                                    value: normalizeText2(selectedBlock.formType, "quote"),
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "quote", children: "Quote" })
-                                  }
-                                )
-                              ] }) : null,
-                              selectedType === "testimonials" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: (() => {
-                                const visibleCountValue = Math.max(
-                                  1,
-                                  Math.min(6, Math.floor(parsePixelNumber(selectedBlock.visibleCount, 3)))
-                                );
-                                const rotateIntervalValue = Math.max(
-                                  2,
-                                  Math.min(30, Math.floor(parsePixelNumber(selectedBlock.rotateIntervalSeconds, 7)))
-                                );
-                                const autoRotateValue = typeof selectedBlock.autoRotate === "boolean" ? selectedBlock.autoRotate : true;
-                                return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                    "Visible At Once",
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                      "input",
-                                      {
-                                        max: 6,
-                                        min: 1,
-                                        onChange: (event) => updateSelectedField("visibleCount", Number(event.target.value)),
-                                        style: sidebarInputStyle,
-                                        type: "number",
-                                        value: visibleCountValue
-                                      }
-                                    )
-                                  ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: { ...sidebarLabelStyle, alignItems: "center", gridTemplateColumns: "auto 1fr" }, children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                      "input",
-                                      {
-                                        checked: autoRotateValue,
-                                        onChange: (event) => updateSelectedField("autoRotate", event.target.checked),
-                                        type: "checkbox"
-                                      }
-                                    ),
-                                    "Auto Rotate"
-                                  ] }),
-                                  autoRotateValue ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
-                                    "Rotate Interval (seconds)",
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                      "input",
-                                      {
-                                        max: 30,
-                                        min: 2,
-                                        onChange: (event) => updateSelectedField("rotateIntervalSeconds", Number(event.target.value)),
-                                        style: sidebarInputStyle,
-                                        type: "number",
-                                        value: rotateIntervalValue
-                                      }
-                                    )
-                                  ] }) : null
-                                ] });
-                              })() }) : null,
-                              isArrayItemBlockSelected ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                ArrayItemsEditor,
-                                {
-                                  blockType: selectedType,
-                                  expandedItemIndex,
-                                  isUploadingItemMedia: isSelectedItemMediaUploading,
-                                  items: selectedItems,
-                                  mediaLibrary,
-                                  mediaLibraryError,
-                                  mediaLibraryLoading,
-                                  mode: "advanced",
-                                  onAddItem: appendDefaultItemToSelected,
-                                  onRemoveItem: (itemIndex) => removeItemFromSelected("items", itemIndex),
-                                  onSetItemMediaFromLibrary: setSelectedItemMediaFieldFromLibrary,
-                                  onToggleItem: toggleSelectedItem,
-                                  onUpdateItemField: (itemIndex, fieldName, value) => updateArrayItemField(selectedIndex ?? 0, "items", itemIndex, fieldName, value),
-                                  onUpdateItemSetting: (itemIndex, path, value) => updateArrayItemSettingField(selectedIndex ?? 0, "items", itemIndex, path, value),
-                                  onUploadItemMedia: uploadItemMediaFromV2,
-                                  searchQuery: "",
-                                  showInlineCopyFields: true,
-                                  uploadDisabled: uploadingTarget !== null
-                                }
-                              ) : null
-                            ] }),
+                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                              BlockInspectorRenderer,
+                              {
+                                block: selectedBlock,
+                                blockType: selectedType,
+                                mode: settingsPanelMode,
+                                onModeChange: setSettingsPanelMode,
+                                onSearchQueryChange: setSettingsSearchQuery,
+                                onUpdateField: updateSelectedField,
+                                onUpdateSetting: updateSelectedSettingField,
+                                searchQuery: settingsSearchQuery
+                              }
+                            ),
+                            isArrayItemBlockSelected ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                              ArrayItemsEditor,
+                              {
+                                blockType: selectedType,
+                                expandedItemIndex,
+                                isUploadingItemMedia: isSelectedItemMediaUploading,
+                                items: selectedItems,
+                                mediaLibrary,
+                                mediaLibraryError,
+                                mediaLibraryLoading,
+                                mode: settingsPanelMode,
+                                onAddItem: appendDefaultItemToSelected,
+                                onRemoveItem: (itemIndex) => removeItemFromSelected("items", itemIndex),
+                                onSetItemMediaFromLibrary: setSelectedItemMediaFieldFromLibrary,
+                                onToggleItem: toggleSelectedItem,
+                                onUpdateItemField: (itemIndex, fieldName, value) => updateArrayItemField(selectedIndex ?? 0, "items", itemIndex, fieldName, value),
+                                onUpdateItemSetting: (itemIndex, path, value) => updateArrayItemSettingField(selectedIndex ?? 0, "items", itemIndex, path, value),
+                                onUploadItemMedia: uploadItemMediaFromV2,
+                                searchQuery: settingsSearchQuery,
+                                showInlineCopyFields: editCopyInPanelEnabled,
+                                uploadDisabled: uploadingTarget !== null
+                              }
+                            ) : null,
                             /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: sidebarLabelStyle, children: [
                               "Upload Alt Text",
                               /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(