@ohhwells/bridge 0.1.122-next.338 → 0.1.123

package/dist/index.cjs

@@ -46,7 +46,6 @@ __export(index_exports, {
   DropdownMenuItem: () => DropdownMenuItem,
   DropdownMenuSeparator: () => DropdownMenuSeparator,
   DropdownMenuTrigger: () => DropdownMenuTrigger,
-  EmptySection: () => EmptySection,
   ItemActionToolbar: () => ItemActionToolbar,
   ItemInteractionLayer: () => ItemInteractionLayer,
   LinkEditorPanel: () => LinkEditorPanel,
@@ -1753,22 +1752,6 @@ function pricingCardEmphasis(featured, ctx, hasBg) {
 function textAttrs(ctx, path) {
   return ctx.keyFor ? { "data-ohw-key": ctx.keyFor(path), "data-ohw-editable": "text" } : {};
 }
-var AI_RESPONSIVE_CSS = [
-  "@media (max-width: 960px) {",
-  "  [data-ai-responsive] [data-ai-grid] { grid-template-columns: repeat(2, 1fr) !important; }",
-  '  [data-ai-responsive] [data-ai-grid="1"] { grid-template-columns: 1fr !important; }',
-  "}",
-  "@media (max-width: 640px) {",
-  "  [data-ai-responsive] [data-ai-grid] { grid-template-columns: 1fr !important; }",
-  "  [data-ai-responsive] [data-ai-columns] > * { grid-column: 1 / -1 !important; }",
-  // Group containers flatten to a column on phones; span placements come along for free.
-  "  [data-ai-responsive] [data-ai-group] { display: flex !important; flex-direction: column !important; }",
-  "  [data-ai-responsive] [data-ai-group] > * { grid-column: auto !important; }",
-  "  [data-ai-responsive] [data-ai-section-inner] { padding-left: 20px !important; padding-right: 20px !important; }",
-  "  [data-ai-responsive] { overflow-x: hidden; }",
-  "  [data-ai-responsive] img { max-width: 100%; }",
-  "}"
-].join("\n");
 var TRANSPARENT_PX = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
 function MediaBox({
   refValue,
@@ -1786,9 +1769,9 @@ function MediaBox({
   const url = refValue ? ctx.resolveMedia(refValue) : null;
   const isIcon = /^(lucide|simple):/.test(refValue);
   const aspectRatio = aspect && /^\d+:\d+$/.test(aspect) ? aspect.replace(":", " / ") : void 0;
-  const editAttrs = ctx.keyFor && editPath ? {
+  const editAttrs = ctx.keyFor && editPath && !isIcon ? {
     "data-ohw-key": ctx.keyFor(editPath),
-    ...isIcon ? { "data-ohw-editable": "icon" } : genericImageEdit ? { "data-ohw-editable": "image" } : {}
+    ...genericImageEdit ? { "data-ohw-editable": "image" } : {}
   } : {};
   if (isIcon) {
     const Icon = refValue.startsWith("lucide:") ? lucideByName(refValue.slice(7)) : null;
@@ -1796,7 +1779,6 @@ function MediaBox({
       "span",
       {
         "data-ai-icon": refValue,
-        ...editAttrs,
         style: {
           display: "inline-flex",
           width: 48,
@@ -2855,7 +2837,7 @@ function CollectionBlock({ node, ctx, path }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
-      "data-ai-grid": String(itemsPerRow),
+      "data-ai-grid": "",
       "data-ohw-pricing-collection": isPricing ? "" : void 0,
       style: {
         display: "grid",
@@ -3214,7 +3196,6 @@ function AiTreeRenderer({
     {
       "data-ai-section": tree.tag ?? "",
       ...bgAttrs,
-      "data-ai-responsive": "",
       style: {
         position: "relative",
         padding: `${pad}px 0`,
@@ -3225,13 +3206,12 @@ function AiTreeRenderer({
         color: settings.sectionBackground === "accent" ? blockBrand.palette.dark : void 0
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: AI_RESPONSIVE_CSS }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: AI_MOBILE_CSS }),
         isOverlay && backgroundUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { position: "absolute", inset: 0, background: `rgba(255,255,255,${overlayAlpha})` } }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: AI_MOBILE_CSS }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "div",
           {
-            "data-ai-section-inner": "",
+            "data-ai-container": "",
             style: {
               position: "relative",
               maxWidth: AI_TREE_TOKENS.sectionMaxWidth,
@@ -3242,7 +3222,7 @@ function AiTreeRenderer({
             children: tree.rows.map((row, r2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "div",
               {
-                "data-ai-columns": "",
+                "data-ai-row": "",
                 style: {
                   display: "grid",
                   gridTemplateColumns: "repeat(12, 1fr)",
@@ -3646,10 +3626,9 @@ function applyAiSectionsToDom(state, options) {
     if (existing && existing.serialized === serialized && existing.container.isConnected) {
       continue;
     }
+    const isNewMount = !existing || !existing.container.isConnected;
     let container = existing?.container;
-    let isNewMount = false;
     if (!container || !container.isConnected) {
-      isNewMount = true;
       existing?.root.unmount();
       container?.remove();
       container = document.createElement("div");
@@ -4038,7 +4017,6 @@ function EmptyState({ inEditor, insertAfter }) {
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "button",
       {
-        "data-ohw-bridge": true,
         onClick: handleAddSchedule,
         className: "h-9 px-2 py-1.5 flex items-center justify-center bg-white border border-[#E7E5E4] rounded-md font-body text-sm font-medium text-(--color-dark,#200C02) cursor-pointer",
         children: "Add Schedule"
@@ -4456,7 +4434,7 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
       const timer = setTimeout(() => {
         if (!done) {
           done = true;
-          innerCleanup = loadWithId(null);
+          setLoading(false);
         }
       }, 2e3);
       const configHandler = (e) => {
@@ -9544,7 +9522,6 @@ function MediaOverlay({
       (prev) => prev && prev.fullWidth === width && prev.height === height ? prev : { fullWidth: width, height }
     );
   }, [isVideo]);
-  const replaceLabel = isVideo ? "Replace video" : hover.elementType === "bg-image" ? "Replace background" : "Replace image";
   const replaceMode = buttonSize ? replaceButtonMode({ width: rect.width, height: rect.height }, buttonSize) : "none";
   const box = {
     position: "fixed",
@@ -9643,10 +9620,11 @@ function MediaOverlay({
         className: "flex items-center justify-center cursor-pointer",
         style: {
           ...box,
-          // Visual only. `pointer-events: auto` on this full-bleed rect covered the navbar
-          // (hero bg includes the absolute TopNav) and swallowed CTA press-drag. Text overlay
-          // and cueOnly also need clicks to fall through — Replace / video controls opt back in.
-          pointerEvents: "none",
+          // When text overlays this media, let clicks fall THROUGH to the text underneath. In the
+          // parent this needed a whole `ow:click-at` round-trip to re-hit-test inside the iframe;
+          // in-document, pointer-events does it natively. The button below opts back in, so
+          // Replace still works.
+          pointerEvents: hover.hasTextOverlap || cueOnly ? "none" : "auto",
           // Selected: a firm component ring with no wash, so the image reads as chosen rather
           // than hovered. Hover keeps the existing tinted preview.
           boxShadow: selected ? "inset 0 0 0 2px var(--color-bridge-primary)" : "inset 0 0 0 1.5px var(--color-bridge-primary)",
@@ -9673,17 +9651,17 @@ function MediaOverlay({
               },
               children: [
                 isVideo ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react5.Film, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react5.ImageIcon, { size: 14 }),
-                replaceLabel
+                isVideo ? "Replace video" : "Replace image"
               ]
             }
           ),
-          showChrome && replaceMode !== "none" && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+          replaceMode === "none" || cueOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
             Button,
             {
               "data-ohw-media-overlay": "",
               variant: "outline",
               size: "sm",
-              "aria-label": replaceLabel,
+              "aria-label": isVideo ? "Replace video" : "Replace image",
               className: "gap-1.5 cursor-pointer hover:bg-background",
               style: {
                 ...OVERLAY_BUTTON_STYLE,
@@ -9706,7 +9684,7 @@ function MediaOverlay({
               },
               children: [
                 isVideo ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react5.Film, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react5.ImageIcon, { size: 14 }),
-                replaceMode === "full" ? replaceLabel : null
+                replaceMode === "full" ? isVideo ? "Replace video" : hover.elementType === "bg-image" ? "Replace background" : "Replace image" : null
               ]
             }
           )
@@ -16040,7 +16018,6 @@ function readLogoSizeState(content, placement) {
 function getLogoElement(el) {
   const marked = el.closest('[data-ohw-role="logo"], [data-ohw-logo]');
   if (marked) return marked;
-  if (el.closest('[data-ohw-editable="icon"]')) return null;
   const root = el.closest("nav, [data-ohw-nav-root], footer");
   if (!root) return null;
   const anchor = el.closest("a");
@@ -19640,10 +19617,21 @@ function parseSchedulingInsertAfter(insertAfter) {
     insertBefore: insertAfter.slice(idx + INSERT_BEFORE_MARKER.length)
   };
 }
-function resolveEntryAnchor(entry) {
-  if (entry.anchorId !== void 0) return { anchorId: entry.anchorId, beforeId: entry.beforeId ?? null };
-  const parsed = parseSchedulingInsertAfter(entry.insertAfter);
-  return { anchorId: parsed.anchor, beforeId: parsed.insertBefore };
+function resolveSchedulingInsert(insertAfter, explicitInsertBefore) {
+  const parsed = parseSchedulingInsertAfter(insertAfter);
+  const insertBefore = explicitInsertBefore ?? parsed.insertBefore;
+  const effectiveInsertAfter = insertBefore && parsed.insertBefore === null ? `${insertAfter}${INSERT_BEFORE_MARKER}${insertBefore}` : insertAfter;
+  return { effectiveInsertAfter, insertBefore };
+}
+function getSchedulingMountPoint(insertAfter) {
+  const { anchor } = parseSchedulingInsertAfter(insertAfter);
+  let anchorEl = document.querySelector(`[data-ohw-section="${anchor}"]`);
+  if (!anchorEl && anchor === "scheduling") {
+    const widgets = Array.from(document.querySelectorAll('[data-ohw-section^="scheduling-"]'));
+    anchorEl = widgets.at(-1) ?? null;
+  }
+  if (!anchorEl) return null;
+  return anchorEl.closest('[data-ohw-section-container="scheduling"]') ?? anchorEl;
 }
 function schedulingMountDepth(insertAfter) {
   if (!insertAfter.includes(INSERT_BEFORE_MARKER)) return 0;
@@ -19660,7 +19648,8 @@ function getPageSchedulingEntries(raw) {
   }
 }
 function isSchedulingWidgetMissing(entry) {
-  return !document.querySelector(`[data-ohw-section="${schedulingSectionId(entry.insertAfter)}"]`);
+  const { effectiveInsertAfter } = resolveSchedulingInsert(entry.insertAfter);
+  return !document.querySelector(`[data-ohw-section="${schedulingSectionId(effectiveInsertAfter)}"]`);
 }
 function hasMissingSchedulingWidgets(entries) {
   return entries.some(isSchedulingWidgetMissing);
@@ -19698,18 +19687,17 @@ function initSectionsFromContent(content, removeExisting = false, currentPath =
   } catch {
   }
 }
-function mountSchedulingWidget(anchorId, notifyOnConnect = false, scheduleId, beforeId, existingWidgetId) {
-  const widgetId = existingWidgetId ?? (beforeId ? `${anchorId}${INSERT_BEFORE_MARKER}${beforeId}` : anchorId);
-  const sectionId = schedulingSectionId(widgetId);
+function mountSchedulingWidget(insertAfter, notifyOnConnect = false, scheduleId, explicitInsertBefore) {
+  const { effectiveInsertAfter, insertBefore } = resolveSchedulingInsert(insertAfter, explicitInsertBefore);
+  const sectionId = schedulingSectionId(effectiveInsertAfter);
   if (document.querySelector(`[data-ohw-section="${sectionId}"]`)) return false;
-  const anchorEl = document.querySelector(`[data-ohw-section="${anchorId}"]`);
-  if (!anchorEl) return false;
-  const mountPoint = anchorEl.closest('[data-ohw-section-container="scheduling"]') ?? anchorEl;
+  const mountPoint = getSchedulingMountPoint(effectiveInsertAfter);
+  if (!mountPoint) return false;
   const container = document.createElement("div");
   container.dataset.ohwSectionContainer = "scheduling";
   container.dataset.ohwInstance = sectionId;
-  if (beforeId) {
-    const beforeAnchor = document.querySelector(`[data-ohw-section="${beforeId}"]`);
+  if (insertBefore) {
+    const beforeAnchor = document.querySelector(`[data-ohw-section="${insertBefore}"]`);
     const beforePoint = beforeAnchor?.closest('[data-ohw-section-container="scheduling"]') ?? beforeAnchor;
     if (!beforePoint) return false;
     beforePoint.insertAdjacentElement("beforebegin", container);
@@ -19720,26 +19708,20 @@ function mountSchedulingWidget(anchorId, notifyOnConnect = false, scheduleId, be
     }
     tail.insertAdjacentElement("afterend", container);
   }
-  try {
-    const root = (0, import_client2.createRoot)(container);
-    schedulingRoots.set(container, root);
-    (0, import_react_dom4.flushSync)(() => {
-      root.render(
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-          SchedulingWidget,
-          {
-            notifyOnConnect,
-            initialScheduleId: scheduleId,
-            insertAfter: widgetId
-          }
-        )
-      );
-    });
-  } catch (err) {
-    console.error("[ow:scheduling] render threw", err);
-    container.remove();
-    return false;
-  }
+  const root = (0, import_client2.createRoot)(container);
+  schedulingRoots.set(container, root);
+  (0, import_react_dom4.flushSync)(() => {
+    root.render(
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        SchedulingWidget,
+        {
+          notifyOnConnect,
+          initialScheduleId: scheduleId,
+          insertAfter: effectiveInsertAfter
+        }
+      )
+    );
+  });
   const tracker = getSectionsTracker();
   let sections = [];
   try {
@@ -19747,12 +19729,10 @@ function mountSchedulingWidget(anchorId, notifyOnConnect = false, scheduleId, be
   } catch {
   }
   const inEditor = typeof window !== "undefined" && window.self !== window.top;
-  if (inEditor && !sections.find((s) => s.type === "scheduling" && s.insertAfter === widgetId)) {
+  if (inEditor && !sections.find((s) => s.type === "scheduling" && s.insertAfter === effectiveInsertAfter)) {
     sections.push({
       type: "scheduling",
-      insertAfter: widgetId,
-      anchorId,
-      beforeId: beforeId ?? null,
+      insertAfter: effectiveInsertAfter,
       pagePath: window.location.pathname,
       ...scheduleId ? { scheduleId } : {}
     });
@@ -19766,8 +19746,7 @@ function mountSchedulingEntries(entries, notifyOnConnect = false) {
     for (let i = pending.length - 1; i >= 0; i--) {
       const entry = pending[i];
       const shouldNotify = typeof notifyOnConnect === "function" ? notifyOnConnect(entry) : notifyOnConnect;
-      const { anchorId, beforeId } = resolveEntryAnchor(entry);
-      if (mountSchedulingWidget(anchorId, shouldNotify, entry.scheduleId ?? null, beforeId, entry.insertAfter)) {
+      if (mountSchedulingWidget(entry.insertAfter, shouldNotify, entry.scheduleId ?? null)) {
         pending.splice(i, 1);
       }
     }
@@ -19944,11 +19923,6 @@ function applyLinkByKey(key, val) {
     hrefAnchors.forEach((el) => applyLinkHref(el, val));
   }
 }
-function isInsideLinkEditor(target) {
-  return Boolean(
-    target.closest("[data-ohw-link-popover-root]") || target.closest("[data-ohw-link-modal-root]") || target.closest("[data-ohw-link-page-dropdown]") || target.closest("[data-ohw-section-picker]") || target.closest("[data-ohw-navbar-container-chrome]") || target.closest("[data-ohw-navbar-add-button]") || target.closest("[data-ohw-footer-container-chrome]") || target.closest("[data-ohw-footer-add-button]") || target.closest("[data-ohw-more-menu]") || target.closest('[data-slot="dropdown-menu-content"]') || target.closest('[data-slot="popover-content"]') || target.closest('[data-slot="dialog-content"]') || target.closest('[data-slot="dialog-overlay"]')
-  );
-}
 function isInsideFloatingPanel(target) {
   return Boolean(target.closest("[data-ohw-floating-panel]"));
 }
@@ -19956,6 +19930,11 @@ function isPointOverFloatingPanel(clientX, clientY) {
   const el = document.elementFromPoint(clientX, clientY);
   return Boolean(el instanceof Element && el.closest("[data-ohw-floating-panel]"));
 }
+function isInsideLinkEditor(target) {
+  return Boolean(
+    target.closest("[data-ohw-link-popover-root]") || target.closest("[data-ohw-link-modal-root]") || target.closest("[data-ohw-link-page-dropdown]") || target.closest("[data-ohw-section-picker]") || target.closest("[data-ohw-navbar-container-chrome]") || target.closest("[data-ohw-navbar-add-button]") || target.closest("[data-ohw-footer-container-chrome]") || target.closest("[data-ohw-footer-add-button]") || target.closest("[data-ohw-more-menu]") || target.closest('[data-slot="dropdown-menu-content"]') || target.closest('[data-slot="popover-content"]') || target.closest('[data-slot="dialog-content"]') || target.closest('[data-slot="dialog-overlay"]')
+  );
+}
 function getHrefKeyFromElement(el) {
   if (!el) return null;
   const anchor = el.closest("[data-ohw-href-key]");
@@ -20234,7 +20213,7 @@ function getNavigationSelectionParent(el) {
   if (!isFooterLinksContainer(el) && (el.hasAttribute("data-ohw-footer-col") || el.hasAttribute("data-ohw-footer-column") || isInferredFooterGroup2(el))) {
     return getFooterLinksContainer();
   }
-  if (el.hasAttribute("data-ohw-nav-container") || el.hasAttribute("data-ohw-nav-drawer") || el.hasAttribute("data-ohw-footer-col") || el.hasAttribute("data-ohw-footer-column") || isFooterLinksContainer(el) || isInferredFooterGroup2(el)) {
+  if (el.hasAttribute("data-ohw-nav-container") || el.hasAttribute("data-ohw-nav-drawer") || isFooterLinksContainer(el)) {
     return getNavigationRoot(el);
   }
   return null;
@@ -20456,6 +20435,7 @@ var ICONS = {
   insertUnorderedList: '<line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/><line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/>',
   insertOrderedList: '<line x1="10" y1="6" x2="21" y2="6"/><line x1="10" y1="12" x2="21" y2="12"/><line x1="10" y1="18" x2="21" y2="18"/><path d="M4 6h1v4"/><path d="M4 10h2"/><path d="M6 18H4c0-1 2-2 2-3s-1-1.5-2-1"/>'
 };
+var HEIGHT_SETTLE_DELAYS = [150, 400, 800];
 var SELECTION_CHROME_GAP2 = 4;
 var TOOLBAR_STROKE_GAP2 = 4;
 var TOOLBAR_OFFSET_FROM_ELEMENT = SELECTION_CHROME_GAP2 + TOOLBAR_STROKE_GAP2;
@@ -20829,7 +20809,6 @@ function StateToggle({
   );
 }
 var contentCache = /* @__PURE__ */ new Map();
-var fetchedContentPaths = /* @__PURE__ */ new Set();
 var brandingCache = /* @__PURE__ */ new Map();
 var OHW_LOADER_STYLE = {
   position: "fixed",
@@ -21433,6 +21412,21 @@ function OhhwellsBridge() {
   const [isItemDragging, setIsItemDragging] = (0, import_react19.useState)(false);
   const [isFooterFrameSelection, setIsFooterFrameSelection] = (0, import_react19.useState)(false);
   isFooterFrameSelectionRef.current = isFooterFrameSelection;
+  const [floatingPanel, setFloatingPanel] = (0, import_react19.useState)(null);
+  const floatingPanelOpenRef = (0, import_react19.useRef)(false);
+  floatingPanelOpenRef.current = floatingPanel !== null;
+  const floatingPanelRef = (0, import_react19.useRef)(null);
+  floatingPanelRef.current = floatingPanel;
+  const [floatingPanelPos, setFloatingPanelPos] = (0, import_react19.useState)(null);
+  const buttonCollectionDragRef = (0, import_react19.useRef)(null);
+  const buttonDropInsertIndexRef = (0, import_react19.useRef)(null);
+  const [buttonDropSlots, setButtonDropSlots] = (0, import_react19.useState)([]);
+  const [activeButtonDropIndex, setActiveButtonDropIndex] = (0, import_react19.useState)(null);
+  const buttonPointerDragRef = (0, import_react19.useRef)(null);
+  const [buttonStyleTick, setButtonStyleTick] = (0, import_react19.useState)(0);
+  const [logoSizeDraft, setLogoSizeDraft] = (0, import_react19.useState)(null);
+  const [editorViewport, setEditorViewport] = (0, import_react19.useState)("desktop");
+  const [parentScrollSnap, setParentScrollSnap] = (0, import_react19.useState)(null);
   const [navDropdownPreviewOpen, setNavDropdownPreviewOpen] = (0, import_react19.useState)(null);
   const [footerHeadingVisible, setFooterHeadingVisible] = (0, import_react19.useState)(null);
   const footerDragRef = (0, import_react19.useRef)(null);
@@ -21456,21 +21450,6 @@ function OhhwellsBridge() {
   const stylesRef = (0, import_react19.useRef)("");
   const appliedDrawerRef = (0, import_react19.useRef)(null);
   const pendingDeleteUndoRef = (0, import_react19.useRef)(null);
-  const [floatingPanel, setFloatingPanel] = (0, import_react19.useState)(null);
-  const floatingPanelOpenRef = (0, import_react19.useRef)(false);
-  const floatingPanelRef = (0, import_react19.useRef)(null);
-  floatingPanelRef.current = floatingPanel;
-  const setFloatingPanelRef = (0, import_react19.useRef)(setFloatingPanel);
-  const [floatingPanelPos, setFloatingPanelPos] = (0, import_react19.useState)(null);
-  const buttonCollectionDragRef = (0, import_react19.useRef)(null);
-  const buttonDropInsertIndexRef = (0, import_react19.useRef)(null);
-  const [buttonDropSlots, setButtonDropSlots] = (0, import_react19.useState)([]);
-  const [activeButtonDropIndex, setActiveButtonDropIndex] = (0, import_react19.useState)(null);
-  const buttonPointerDragRef = (0, import_react19.useRef)(null);
-  const [buttonStyleTick, setButtonStyleTick] = (0, import_react19.useState)(0);
-  const [logoSizeDraft, setLogoSizeDraft] = (0, import_react19.useState)(null);
-  const [editorViewport, setEditorViewport] = (0, import_react19.useState)("desktop");
-  const [parentScrollSnap, setParentScrollSnap] = (0, import_react19.useState)(null);
   const [sitePages, setSitePages] = (0, import_react19.useState)([]);
   const [sectionsByPath, setSectionsByPath] = (0, import_react19.useState)({});
   const sectionsPrefetchGenRef = (0, import_react19.useRef)(0);
@@ -21479,18 +21458,7 @@ function OhhwellsBridge() {
   const linkPopoverOpenRef = (0, import_react19.useRef)(false);
   const linkPopoverGraceUntilRef = (0, import_react19.useRef)(0);
   setLinkPopoverRef.current = setLinkPopover;
-  setFloatingPanelRef.current = setFloatingPanel;
   linkPopoverSessionRef.current = linkPopover;
-  floatingPanelOpenRef.current = Boolean(floatingPanel);
-  (0, import_react19.useEffect)(() => {
-    const syncViewport = () => {
-      const next = window.innerWidth <= 480 ? "mobile" : "desktop";
-      setEditorViewport((prev) => prev === next ? prev : next);
-    };
-    syncViewport();
-    window.addEventListener("resize", syncViewport);
-    return () => window.removeEventListener("resize", syncViewport);
-  }, []);
   (0, import_react19.useEffect)(() => {
     setSectionOrderPersistHandler((entries) => {
       const currentPath = window.location.pathname;
@@ -23008,7 +22976,6 @@ function OhhwellsBridge() {
       }
       if (typeof content[STYLE_STORE_KEY] === "string") {
         stylesRef.current = content[STYLE_STORE_KEY];
-        document.querySelectorAll('[data-ohw-editable="form"]').forEach((f) => markFormFields(f));
         applyStylesToDom(parseStyleStore(content[STYLE_STORE_KEY]));
       }
       applyBrandChrome(content);
@@ -23017,12 +22984,12 @@ function OhhwellsBridge() {
       for (const [key, val] of Object.entries(content)) {
         if (key === "__ohw_sections") continue;
         if (key === AI_SECTIONS_KEY) continue;
-        if (key === LOGO_PLACEHOLDER_KEY) continue;
-        if (LOGO_IMAGE_KEYS.includes(key)) continue;
         if (key === BRAND_KIT_KEY) continue;
         if (key === STYLE_STORE_KEY) continue;
         if (BRAND_CHROME_KEYS.has(key)) continue;
+        if (key === LOGO_PLACEHOLDER_KEY) continue;
         if (key === CUSTOM_CODE_AFTER_HEAD_KEY || key === CUSTOM_CODE_BEFORE_HEAD_KEY) continue;
+        if (LOGO_IMAGE_KEYS.includes(key)) continue;
         if (applyVideoSettingNode(key, val)) continue;
         if (applyCarouselNode(key, val)) continue;
         document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -23094,9 +23061,7 @@ function OhhwellsBridge() {
     let cancelled = false;
     setFetchState("loading");
     const apiUrl = process.env.NEXT_PUBLIC_FLOWOPS_API_URL ?? "https://flowops-backend-staging-2yfdh7pwpq-as.a.run.app";
-    const initialPath = pathname;
-    fetchedContentPaths.add(`${subdomain}::${initialPath}`);
-    fetch(`${apiUrl}/api/public/sites/${subdomain}/content?path=${encodeURIComponent(initialPath)}`, { cache: "no-store" }).then((r2) => r2.ok ? r2.json() : null).then((data) => {
+    fetch(`${apiUrl}/api/public/sites/${subdomain}/content`, { cache: "no-store" }).then((r2) => r2.ok ? r2.json() : null).then((data) => {
       if (cancelled) return;
       const content = data?.content ?? {};
       const branding = Boolean(data?.showBranding);
@@ -23232,17 +23197,16 @@ function OhhwellsBridge() {
           applyAiSectionsToDom(parseAiSectionsState(content[AI_SECTIONS_KEY]));
         }
         if (typeof content[STYLE_STORE_KEY] === "string") {
-          document.querySelectorAll('[data-ohw-editable="form"]').forEach((f) => markFormFields(f));
           applyStylesToDom(parseStyleStore(content[STYLE_STORE_KEY]));
         }
         for (const [key, val] of Object.entries(content)) {
           if (key === "__ohw_sections") continue;
           if (key === AI_SECTIONS_KEY) continue;
-          if (key === LOGO_PLACEHOLDER_KEY) continue;
-          if (LOGO_IMAGE_KEYS.includes(key)) continue;
           if (key === BRAND_KIT_KEY) continue;
           if (key === STYLE_STORE_KEY) continue;
           if (BRAND_CHROME_KEYS.has(key)) continue;
+          if (key === LOGO_PLACEHOLDER_KEY) continue;
+          if (LOGO_IMAGE_KEYS.includes(key)) continue;
           if (applyVideoSettingNode(key, val)) continue;
           if (applyCarouselNode(key, val)) continue;
           document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -23294,17 +23258,6 @@ function OhhwellsBridge() {
       debounceTimer = setTimeout(applyFromCache, 150);
     };
     applyFromCache();
-    const pathCacheKey = `${subdomain}::${pathname}`;
-    if (!fetchedContentPaths.has(pathCacheKey)) {
-      fetchedContentPaths.add(pathCacheKey);
-      const apiUrl = process.env.NEXT_PUBLIC_FLOWOPS_API_URL ?? "https://flowops-backend-staging-2yfdh7pwpq-as.a.run.app";
-      fetch(`${apiUrl}/api/public/sites/${subdomain}/content?path=${encodeURIComponent(pathname)}`, { cache: "no-store" }).then((r2) => r2.ok ? r2.json() : null).then((data) => {
-        if (!data?.content) return;
-        contentCache.set(subdomain, data.content);
-        applyFromCache();
-      }).catch(() => {
-      });
-    }
     observer = new MutationObserver(scheduleApply);
     observer.observe(document.body, { childList: true, subtree: true });
     return () => {
@@ -23493,11 +23446,26 @@ function OhhwellsBridge() {
     const t2 = setTimeout(measure, 500);
     const ro = new ResizeObserver(schedule);
     ro.observe(document.body);
+    let lastWidth = window.innerWidth;
+    let resizeTimers = [];
+    const clearResizeTimers = () => {
+      resizeTimers.forEach(clearTimeout);
+      resizeTimers = [];
+    };
+    const handleResize = () => {
+      if (window.innerWidth === lastWidth) return;
+      lastWidth = window.innerWidth;
+      clearResizeTimers();
+      resizeTimers = HEIGHT_SETTLE_DELAYS.map((delay) => setTimeout(measure, delay));
+    };
+    window.addEventListener("resize", handleResize);
     return () => {
       clearTimeout(t1);
       clearTimeout(t2);
       if (raf != null) cancelAnimationFrame(raf);
       ro.disconnect();
+      clearResizeTimers();
+      window.removeEventListener("resize", handleResize);
     };
   }, [pathname, isEditMode, postToParent2]);
   (0, import_react19.useEffect)(() => {
@@ -23792,13 +23760,6 @@ function OhhwellsBridge() {
       if (target.closest("[data-ohw-state-toggle]")) return;
       if (target.closest("[data-ohw-max-badge]")) return;
       if (isInsideLinkEditor(target)) return;
-      if (isInsideFloatingPanel(target)) return;
-      if (target.closest("[data-ohw-form-toolbar]")) return;
-      if (target.closest(
-        '[data-ohw-field-toolbar], [data-ohw-field-type-picker], [data-radix-popper-content-wrapper], [role="menu"], [data-slot="dropdown-menu-content"]'
-      )) {
-        return;
-      }
       if (selectedMediaElRef.current && !selectedMediaElRef.current.contains(target) && !target.closest("[data-ohw-media-overlay], [data-ohw-edit-chrome], [data-ohw-item-interaction]")) {
         clearMediaSelectionRef.current();
       }
@@ -23819,6 +23780,13 @@ function OhhwellsBridge() {
           return;
         }
       }
+      if (isInsideFloatingPanel(target)) return;
+      if (target.closest("[data-ohw-form-toolbar]")) return;
+      if (target.closest(
+        '[data-ohw-field-toolbar], [data-ohw-field-type-picker], [data-radix-popper-content-wrapper], [role="menu"], [data-slot="dropdown-menu-content"]'
+      )) {
+        return;
+      }
       {
         const formEl = getFormElement(target);
         const onSuccessText = target.closest(`[${SUCCESS_TEXT_ATTR}]`);
@@ -24198,9 +24166,6 @@ function OhhwellsBridge() {
         setHoveredItemRect(null);
         hoveredNavContainerRef.current = null;
         setHoveredNavContainerRect(null);
-        siblingHintElRef.current = null;
-        setSiblingHintRect(null);
-        setSiblingHintRects([]);
         return;
       }
       {
@@ -24321,6 +24286,7 @@ function OhhwellsBridge() {
             hoveredNavContainerRef.current = null;
             setHoveredNavContainerRect(null);
             hoveredItemElRef.current = editable;
+            setHoveredItemRect(isSelectedForHoverRef.current(editable) ? null : editable.getBoundingClientRect());
           }
         }
       }
@@ -24638,7 +24604,7 @@ function OhhwellsBridge() {
     };
     const probeImageAt = (clientX, clientY, isDragOver = false, fromParentViewport = false) => {
       syncSelectedMediaPointerRelease(true);
-      if (linkPopoverOpenRef.current || floatingPanelOpenRef.current && isPointOverFloatingPanel(clientX, clientY)) {
+      if (linkPopoverOpenRef.current) {
         if (hoveredImageRef.current) {
           hoveredImageRef.current = null;
           hoveredImageHasTextOverlapRef.current = false;
@@ -25030,11 +24996,7 @@ function OhhwellsBridge() {
     };
     const handleMouseMove = (e) => {
       const { clientX, clientY } = e;
-      if (pointOwnedByFloatingPanel(clientX, clientY)) {
-        dismissImageHover();
-        clearImageHover();
-        return;
-      }
+      if (pointOwnedByFloatingPanel(clientX, clientY)) return;
       if (isNavDrawerOpen() && isPointOutsideOpenDrawer(clientX, clientY)) {
         document.querySelectorAll("[data-ohw-hovered]").forEach((el) => el.removeAttribute("data-ohw-hovered"));
         formHoverElRef.current = null;
@@ -25063,12 +25025,7 @@ function OhhwellsBridge() {
         setHoveredItemRect(null);
         hoveredNavContainerRef.current = null;
         setHoveredNavContainerRect(null);
-        siblingHintElRef.current = null;
-        setSiblingHintRect(null);
-        setSiblingHintRects([]);
         dismissImageHover();
-        clearImageHover();
-        setSectionGap(null);
         return;
       }
       if (probeSocialsRowAt(clientX, clientY)) return;
@@ -25080,11 +25037,7 @@ function OhhwellsBridge() {
       if (e.data?.type !== "ow:pointer-sync") return;
       const { clientX, clientY } = e.data;
       if (typeof clientX !== "number" || typeof clientY !== "number") return;
-      if (pointOwnedByFloatingPanel(clientX, clientY)) {
-        dismissImageHover();
-        clearImageHover();
-        return;
-      }
+      if (pointOwnedByFloatingPanel(clientX, clientY)) return;
       if (isNavDrawerOpen() && isPointOutsideOpenDrawer(clientX, clientY)) return;
       if (probeSocialsRowAt(clientX, clientY)) return;
       probeSectionGapAt(clientX, clientY);
@@ -25430,7 +25383,6 @@ function OhhwellsBridge() {
       }
       if (typeof content[STYLE_STORE_KEY] === "string") {
         stylesRef.current = content[STYLE_STORE_KEY];
-        document.querySelectorAll('[data-ohw-editable="form"]').forEach((f) => markFormFields(f));
         applyStylesToDom(parseStyleStore(content[STYLE_STORE_KEY]));
       }
       applyBrandChrome(content);
@@ -25443,12 +25395,12 @@ function OhhwellsBridge() {
           continue;
         }
         if (key === AI_SECTIONS_KEY) continue;
-        if (key === LOGO_PLACEHOLDER_KEY) continue;
-        if (LOGO_IMAGE_KEYS.includes(key) && !String(val ?? "").trim()) continue;
         if (key === BRAND_KIT_KEY) continue;
         if (key === STYLE_STORE_KEY) continue;
         if (BRAND_CHROME_KEYS.has(key)) continue;
+        if (key === LOGO_PLACEHOLDER_KEY) continue;
         if (key === CUSTOM_CODE_AFTER_HEAD_KEY || key === CUSTOM_CODE_BEFORE_HEAD_KEY) continue;
+        if (LOGO_IMAGE_KEYS.includes(key) && !String(val ?? "").trim()) continue;
         if (applyVideoSettingNode(key, val)) continue;
         if (applyCarouselNode(key, val)) continue;
         document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -25894,12 +25846,6 @@ function OhhwellsBridge() {
         closeLinkPopoverRef.current();
         return;
       }
-      if (floatingPanelOpenRef.current) {
-        setFloatingPanelRef.current(null);
-        deselectRef.current();
-        deactivateRef.current();
-        return;
-      }
       deselectRef.current();
       deactivateRef.current();
       clearMediaSelectionRef.current();
@@ -26198,12 +26144,8 @@ function OhhwellsBridge() {
       if (inserted) {
         const tracker = getSectionsTracker();
         postToParentRef.current({ type: "ow:change", nodes: [{ key: "__ohw_sections", text: tracker.textContent ?? "[]" }] });
-        const reportHeight = () => {
-          const h = document.body.scrollHeight;
-          if (h > 50) postToParentRef.current({ type: "ow:height", height: h });
-        };
-        reportHeight();
-        setTimeout(reportHeight, 500);
+        const h = document.body.scrollHeight;
+        if (h > 50) postToParentRef.current({ type: "ow:height", height: h });
       }
     };
     const handleSwitchSchedule = (e) => {
@@ -26632,10 +26574,10 @@ function OhhwellsBridge() {
       window.removeEventListener("message", handleDeleteSection);
       window.removeEventListener("message", handleDuplicateSection);
       window.removeEventListener("message", handleDeactivate);
+      document.documentElement.removeAttribute("data-ohw-panel-dragging");
       window.removeEventListener("message", handleToastAction);
       window.removeEventListener("message", handleFormCount);
       window.removeEventListener("message", handleUiEscape);
-      document.documentElement.removeAttribute("data-ohw-panel-dragging");
       autoSaveTimers.current.forEach(clearTimeout);
       autoSaveTimers.current.clear();
       if (imageUnhoverTimerRef.current) clearTimeout(imageUnhoverTimerRef.current);
@@ -28016,59 +27958,6 @@ function OhhwellsBridge() {
     ) : null
   ] });
 }
-
-// src/ui/EmptySection.tsx
-var import_link = __toESM(require("next/link"), 1);
-var import_jsx_runtime37 = require("react/jsx-runtime");
-function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      "p",
-      {
-        style: {
-          fontFamily: "var(--brand-font-body)",
-          fontSize: "0.75rem",
-          fontWeight: 500,
-          letterSpacing: "0.15em",
-          textTransform: "uppercase",
-          color: "var(--brand-accent)",
-          marginBottom: "1.5rem"
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_link.default, { href: homeHref, style: { color: "inherit" }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { ...eyebrowKey ? { "data-ohw-editable": "text", "data-ohw-key": eyebrowKey } : {}, children: "Home" }) })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      "h1",
-      {
-        style: {
-          fontFamily: "var(--brand-font-heading)",
-          fontSize: "clamp(2rem, 3.5vw, 2.75rem)",
-          lineHeight: 1.1,
-          letterSpacing: "-0.025em",
-          color: "var(--brand-text)",
-          marginBottom: "1rem"
-        },
-        ...titleKey ? { "data-ohw-editable": "text", "data-ohw-key": titleKey, "data-ohw-max-length": 80 } : {},
-        children: title
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      "p",
-      {
-        style: {
-          fontFamily: "var(--brand-font-body)",
-          fontSize: "1rem",
-          lineHeight: 1.7,
-          fontWeight: 300,
-          color: "var(--brand-text-muted)",
-          maxWidth: "340px"
-        },
-        ...subtitleKey ? { "data-ohw-editable": "text", "data-ohw-key": subtitleKey, "data-ohw-max-length": 160 } : {},
-        children: "This page doesn't have any content yet."
-      }
-    )
-  ] });
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AI_DEFAULT_BRAND,
@@ -28086,7 +27975,6 @@ function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-  EmptySection,
   ItemActionToolbar,
   ItemInteractionLayer,
   LinkEditorPanel,