npm - @ohhwells/bridge - Versions diffs - 0.1.160-next.428 → 0.1.160-next.429 - Mend

@ohhwells/bridge 0.1.160-next.428 → 0.1.160-next.429

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.cjs CHANGED Viewed

@@ -115,7 +115,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 // src/OhhwellsBridge.tsx
-var import_react21 = __toESM(require("react"), 1);
+var import_react23 = __toESM(require("react"), 1);
 var import_client3 = require("react-dom/client");
 var import_react_dom5 = require("react-dom");
@@ -12295,11 +12295,139 @@ function useSavedLinkNavigation(isEditMode) {
   }, [isEditMode, router]);
 }
-// src/ui/SchedulingWidget.tsx
+// src/useNavDropdownToggle.ts
+var import_react5 = require("react");
+var import_navigation2 = require("next/navigation");
+var OPEN_ATTR = "data-ohw-nav-force-open";
+function parentLinkWithDropdown(target) {
+  const anchor = target?.closest?.("a");
+  const group = anchor?.parentElement;
+  if (!anchor || !group?.matches("[data-ohw-nav-group]:not([data-ohw-nav-dropdown-template])")) {
+    return null;
+  }
+  const hasChildren = group.querySelector(":scope > [data-ohw-nav-children] > [data-ohw-href-key]");
+  return hasChildren ? anchor : null;
+}
+function closeAll(except) {
+  document.querySelectorAll(`[${OPEN_ATTR}]`).forEach((group) => {
+    if (group === except) return;
+    group.removeAttribute(OPEN_ATTR);
+    group.querySelector(":scope > a")?.setAttribute("aria-expanded", "false");
+  });
+}
+function useNavDropdownToggle(isEditMode) {
+  const pathname = (0, import_navigation2.usePathname)();
+  (0, import_react5.useEffect)(() => {
+    if (isEditMode) return;
+    const onClick = (e) => {
+      if (e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
+      const anchor = parentLinkWithDropdown(e.target);
+      if (!anchor) {
+        const insideOpen = e.target?.closest?.(`[${OPEN_ATTR}]`);
+        const onChildLink = e.target?.closest?.("[data-ohw-nav-children] a");
+        if (!insideOpen || onChildLink) closeAll();
+        return;
+      }
+      e.preventDefault();
+      e.stopPropagation();
+      const group = anchor.parentElement;
+      const open = !group.hasAttribute(OPEN_ATTR);
+      closeAll(group);
+      group.toggleAttribute(OPEN_ATTR, open);
+      anchor.setAttribute("aria-expanded", String(open));
+    };
+    const onKeyDown = (e) => {
+      if (e.key !== "Escape") return;
+      const open = document.querySelector(`[${OPEN_ATTR}] > a`);
+      closeAll();
+      open?.focus();
+    };
+    window.addEventListener("click", onClick, true);
+    window.addEventListener("keydown", onKeyDown);
+    return () => {
+      window.removeEventListener("click", onClick, true);
+      window.removeEventListener("keydown", onKeyDown);
+    };
+  }, [isEditMode]);
+  (0, import_react5.useEffect)(() => {
+    if (!isEditMode) closeAll();
+  }, [pathname, isEditMode]);
+}
+// src/useHashLinkScroll.ts
 var import_react6 = require("react");
+// src/lib/scroll-to-section.ts
+var MAX_ATTEMPTS = 12;
+var RETRY_MS = 100;
+function getHashSectionId() {
+  if (typeof window === "undefined") return null;
+  const id = window.location.hash.replace(/^#/, "").trim();
+  return id || null;
+}
+function scrollToOhwSection(sectionId, behavior = "smooth") {
+  if (!sectionId || typeof document === "undefined") return false;
+  const el = document.querySelector(`[data-ohw-section="${CSS.escape(sectionId)}"]`);
+  if (!el) return false;
+  el.scrollIntoView({ behavior, block: "start" });
+  return true;
+}
+function scrollToHashSectionWhenReady(behavior = "smooth") {
+  const id = getHashSectionId();
+  if (!id) return;
+  let attempt = 0;
+  const tick = () => {
+    if (scrollToOhwSection(id, behavior)) return;
+    attempt += 1;
+    if (attempt < MAX_ATTEMPTS) window.setTimeout(tick, RETRY_MS);
+  };
+  tick();
+}
+function scrollToOhwSectionAfterNavigation(sectionId, behavior = "smooth") {
+  let attempt = 0;
+  const tick = () => {
+    if (getHashSectionId() === sectionId && scrollToOhwSection(sectionId, behavior)) return;
+    attempt += 1;
+    if (attempt < MAX_ATTEMPTS) window.setTimeout(tick, RETRY_MS);
+  };
+  window.setTimeout(tick, 0);
+}
+// src/useHashLinkScroll.ts
+function samePageSectionId(anchor) {
+  const href = anchor.getAttribute("href");
+  if (!href || !href.includes("#")) return null;
+  if (anchor.target !== "" && anchor.target !== "_self") return null;
+  let url;
+  try {
+    url = new URL(href, window.location.href);
+  } catch {
+    return null;
+  }
+  if (url.origin !== window.location.origin || url.pathname !== window.location.pathname) return null;
+  const id = decodeURIComponent(url.hash.replace(/^#/, "")).trim();
+  return id || null;
+}
+function useHashLinkScroll(isEditMode) {
+  (0, import_react6.useEffect)(() => {
+    if (isEditMode) return;
+    const onClick = (e) => {
+      if (e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
+      const anchor = e.target?.closest?.("a");
+      if (!anchor) return;
+      const id = samePageSectionId(anchor);
+      if (id) scrollToOhwSectionAfterNavigation(id);
+    };
+    window.addEventListener("click", onClick, true);
+    return () => window.removeEventListener("click", onClick, true);
+  }, [isEditMode]);
+}
+// src/ui/SchedulingWidget.tsx
+var import_react8 = require("react");
 // src/ui/EmailCaptureModal.tsx
-var import_react5 = require("react");
+var import_react7 = require("react");
 var import_radix_ui = require("radix-ui");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var isValidEmail = (value) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
@@ -12329,11 +12457,11 @@ function Spinner() {
   );
 }
 function EmailCaptureModal({ title, subtitle, onSubmit, onClose }) {
-  const [email, setEmail] = (0, import_react5.useState)("");
-  const [submittedEmail, setSubmittedEmail] = (0, import_react5.useState)("");
-  const [loading, setLoading] = (0, import_react5.useState)(false);
-  const [success, setSuccess] = (0, import_react5.useState)(false);
-  const [error, setError] = (0, import_react5.useState)(null);
+  const [email, setEmail] = (0, import_react7.useState)("");
+  const [submittedEmail, setSubmittedEmail] = (0, import_react7.useState)("");
+  const [loading, setLoading] = (0, import_react7.useState)(false);
+  const [success, setSuccess] = (0, import_react7.useState)(false);
+  const [error, setError] = (0, import_react7.useState)(null);
   const isBook = title === "Confirm your spot";
   const handleSubmit = async () => {
     const trimmed = email.trim();
@@ -12600,21 +12728,21 @@ function LoadingSkeleton() {
   ] });
 }
 function ScheduleView({ schedule, dates, selectedIdx, onSelectDate, onOpenModal }) {
-  const todayMs = (0, import_react6.useMemo)(() => {
+  const todayMs = (0, import_react8.useMemo)(() => {
     const d = /* @__PURE__ */ new Date();
     d.setHours(0, 0, 0, 0);
     return d.getTime();
   }, []);
-  const scrollRef = (0, import_react6.useRef)(null);
-  const [canScrollLeft, setCanScrollLeft] = (0, import_react6.useState)(false);
-  const [canScrollRight, setCanScrollRight] = (0, import_react6.useState)(false);
+  const scrollRef = (0, import_react8.useRef)(null);
+  const [canScrollLeft, setCanScrollLeft] = (0, import_react8.useState)(false);
+  const [canScrollRight, setCanScrollRight] = (0, import_react8.useState)(false);
   const updateScrollState = () => {
     const el = scrollRef.current;
     if (!el) return;
     setCanScrollLeft(el.scrollLeft > 0);
     setCanScrollRight(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);
   };
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const el = scrollRef.current;
     if (!el) return;
     updateScrollState();
@@ -12629,9 +12757,9 @@ function ScheduleView({ schedule, dates, selectedIdx, onSelectDate, onOpenModal
   const scroll = (dir) => {
     scrollRef.current?.scrollBy({ left: dir === "left" ? -216 : 216, behavior: "smooth" });
   };
-  const isDragging = (0, import_react6.useRef)(false);
-  const dragStartX = (0, import_react6.useRef)(0);
-  const dragStartScrollLeft = (0, import_react6.useRef)(0);
+  const isDragging = (0, import_react8.useRef)(false);
+  const dragStartX = (0, import_react8.useRef)(0);
+  const dragStartScrollLeft = (0, import_react8.useRef)(0);
   const onDragStart = (e) => {
     if (!scrollRef.current) return;
     isDragging.current = true;
@@ -12651,14 +12779,14 @@ function ScheduleView({ schedule, dates, selectedIdx, onSelectDate, onOpenModal
     scrollRef.current.style.cursor = "grab";
     scrollRef.current.style.userSelect = "";
   };
-  const datesWithClasses = (0, import_react6.useMemo)(
+  const datesWithClasses = (0, import_react8.useMemo)(
     () => new Set(dates.map(
       (d, i) => schedule.classes?.some((c) => classRunsOnDate(c, d, schedule.type)) ? i : -1
     ).filter((i) => i >= 0)),
     [dates, schedule]
   );
   const selectedDate = dates[selectedIdx];
-  const selectedClasses = (0, import_react6.useMemo)(
+  const selectedClasses = (0, import_react8.useMemo)(
     () => (schedule.classes ?? []).filter((c) => selectedDate && classRunsOnDate(c, selectedDate, schedule.type)),
     [schedule, selectedDate]
   );
@@ -12843,16 +12971,16 @@ function CalendarFoldIcon() {
   );
 }
 function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAfter: insertAfterProp }) {
-  const autoId = (0, import_react6.useId)();
+  const autoId = (0, import_react8.useId)();
   const insertAfter = insertAfterProp ?? autoId;
-  const [schedule, setSchedule] = (0, import_react6.useState)(null);
-  const [loading, setLoading] = (0, import_react6.useState)(initialScheduleId !== null);
-  const [inEditor, setInEditor] = (0, import_react6.useState)(false);
-  const [isHovered, setIsHovered] = (0, import_react6.useState)(false);
-  const [modalState, setModalState] = (0, import_react6.useState)(null);
-  const switchScheduleIdRef = (0, import_react6.useRef)(null);
-  const liveScheduleIdRef = (0, import_react6.useRef)(null);
-  const refetchLiveSchedule = (0, import_react6.useCallback)(async () => {
+  const [schedule, setSchedule] = (0, import_react8.useState)(null);
+  const [loading, setLoading] = (0, import_react8.useState)(initialScheduleId !== null);
+  const [inEditor, setInEditor] = (0, import_react8.useState)(false);
+  const [isHovered, setIsHovered] = (0, import_react8.useState)(false);
+  const [modalState, setModalState] = (0, import_react8.useState)(null);
+  const switchScheduleIdRef = (0, import_react8.useRef)(null);
+  const liveScheduleIdRef = (0, import_react8.useRef)(null);
+  const refetchLiveSchedule = (0, import_react8.useCallback)(async () => {
     const id = liveScheduleIdRef.current;
     if (!id) return;
     try {
@@ -12862,7 +12990,7 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
     } catch {
     }
   }, []);
-  const dates = (0, import_react6.useMemo)(() => {
+  const dates = (0, import_react8.useMemo)(() => {
     const today = /* @__PURE__ */ new Date();
     today.setHours(0, 0, 0, 0);
     return Array.from({ length: 14 }, (_, i) => {
@@ -12871,8 +12999,8 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
       return d;
     });
   }, []);
-  const [selectedIdx, setSelectedIdx] = (0, import_react6.useState)(0);
-  (0, import_react6.useEffect)(() => {
+  const [selectedIdx, setSelectedIdx] = (0, import_react8.useState)(0);
+  (0, import_react8.useEffect)(() => {
     if (!schedule?.classes) return;
     for (let i = 0; i < dates.length; i++) {
       if (schedule.classes.some((c) => classRunsOnDate(c, dates[i], schedule.type))) {
@@ -12881,7 +13009,7 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
       }
     }
   }, [schedule, dates]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (typeof window === "undefined") return;
     const onVisible = () => {
       if (!document.hidden) void refetchLiveSchedule();
@@ -12893,7 +13021,7 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
       document.removeEventListener("visibilitychange", onVisible);
     };
   }, [refetchLiveSchedule]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (typeof window === "undefined") return;
     const isInEditor = window.self !== window.top;
     setInEditor(isInEditor);
@@ -16648,7 +16776,7 @@ var CustomToolbarButton = React5.forwardRef(
 CustomToolbarButton.displayName = "CustomToolbarButton";
 // src/ui/item-action-toolbar.tsx
-var import_react7 = require("react");
+var import_react9 = require("react");
 var import_lucide_react3 = require("lucide-react");
 // src/ui/dropdown-menu.tsx
@@ -16833,7 +16961,7 @@ function ItemActionToolbar({
   headingVisible = null,
   onHeadingVisibleChange
 }) {
-  const [moreOpen, setMoreOpen] = (0, import_react7.useState)(false);
+  const [moreOpen, setMoreOpen] = (0, import_react9.useState)(false);
   const showDropdownToggle = dropdownOpen !== null && dropdownOpen !== void 0;
   const showHeadingToggle = headingVisible !== null && headingVisible !== void 0;
   const headingTooltip = headingVisible ? "Hide heading" : "Show heading";
@@ -17041,7 +17169,7 @@ function ItemActionToolbar({
 }
 // src/ui/item-interaction-layer.tsx
-var import_react8 = require("react");
+var import_react10 = require("react");
 var import_react_dom3 = require("react-dom");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var PRIMARY = "var(--ohw-primary, #0885FE)";
@@ -17098,8 +17226,8 @@ function ClampedToolbarSlot({
   align = "center",
   children
 }) {
-  const slotRef = (0, import_react8.useRef)(null);
-  (0, import_react8.useLayoutEffect)(() => {
+  const slotRef = (0, import_react10.useRef)(null);
+  (0, import_react10.useLayoutEffect)(() => {
     const slot = slotRef.current;
     if (!slot) return;
     const clamp = () => {
@@ -17162,15 +17290,15 @@ function DetachedBelowToolbarSlot({
   belowEl,
   children
 }) {
-  const slotRef = (0, import_react8.useRef)(null);
-  const [anchorBottom, setAnchorBottom] = (0, import_react8.useState)(belowRect.bottom);
-  const [portalTarget] = (0, import_react8.useState)(
+  const slotRef = (0, import_react10.useRef)(null);
+  const [anchorBottom, setAnchorBottom] = (0, import_react10.useState)(belowRect.bottom);
+  const [portalTarget] = (0, import_react10.useState)(
     () => typeof document === "undefined" ? null : document.querySelector("[data-ohw-bridge-root]") ?? document.body
   );
-  (0, import_react8.useLayoutEffect)(() => {
+  (0, import_react10.useLayoutEffect)(() => {
     setAnchorBottom(belowRect.bottom);
   }, [belowRect.bottom, belowRect.height, belowRect.top]);
-  (0, import_react8.useLayoutEffect)(() => {
+  (0, import_react10.useLayoutEffect)(() => {
     const slot = slotRef.current;
     if (!slot) return;
     const sync = () => {
@@ -17251,8 +17379,8 @@ function ItemInteractionLayer({
   hidden = false,
   className
 }) {
-  const localRef = (0, import_react8.useRef)(null);
-  (0, import_react8.useLayoutEffect)(() => {
+  const localRef = (0, import_react10.useRef)(null);
+  (0, import_react10.useLayoutEffect)(() => {
     const node = localRef.current;
     if (!node) return;
     node.style.display = hidden ? "none" : "block";
@@ -17527,7 +17655,7 @@ function apiBase() {
 function bridgeVersion() {
   try {
     if (true) {
-      return "0.1.160-next.428";
+      return "0.1.160-next.429";
     }
   } catch {
   }
@@ -17541,7 +17669,7 @@ function stampBridgeVersionOnDocument() {
     return;
   }
   try {
-    const v = true ? "0.1.160-next.428" : "";
+    const v = true ? "0.1.160-next.429" : "";
     if (v) {
       document.documentElement.setAttribute("data-ohw-bridge-version", v);
       window.__OHW_BRIDGE_VERSION__ = v;
@@ -18448,7 +18576,7 @@ function CarouselOverlay({
 }
 // src/ui/ai-section/AiSectionOverlay.tsx
-var import_react9 = require("react");
+var import_react11 = require("react");
 var import_lucide_react7 = require("lucide-react");
 // src/lib/ai-change-highlight.ts
@@ -18543,8 +18671,8 @@ function readRect(instanceId) {
   return { top: r2.top, left: r2.left, width: r2.width, height: r2.height };
 }
 function useLiveSectionRect(sectionId) {
-  const [rect, setRect] = (0, import_react9.useState)(null);
-  (0, import_react9.useEffect)(() => {
+  const [rect, setRect] = (0, import_react11.useState)(null);
+  (0, import_react11.useEffect)(() => {
     if (!sectionId) {
       setRect(null);
       return;
@@ -18583,8 +18711,8 @@ function readNavToggleRect() {
   return { top: r2.top, left: r2.left, width: r2.width, height: r2.height };
 }
 function useLiveNavToggleHole(active) {
-  const [rect, setRect] = (0, import_react9.useState)(null);
-  (0, import_react9.useEffect)(() => {
+  const [rect, setRect] = (0, import_react11.useState)(null);
+  (0, import_react11.useEffect)(() => {
     if (!active) {
       setRect(null);
       return;
@@ -18646,7 +18774,7 @@ function ReviewButton({
   background,
   color
 }) {
-  const [hover, setHover] = (0, import_react9.useState)(false);
+  const [hover, setHover] = (0, import_react11.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { position: "relative" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "button",
@@ -18701,17 +18829,17 @@ function AiSectionOverlay({
   apiRef,
   onSelectionChange
 }) {
-  const [selectedId, setSelectedId] = (0, import_react9.useState)(null);
-  const [reviewId, setReviewId] = (0, import_react9.useState)(null);
-  const [reviewButtonsHidden, setReviewButtonsHidden] = (0, import_react9.useState)(false);
-  const reviewIdRef = (0, import_react9.useRef)(null);
+  const [selectedId, setSelectedId] = (0, import_react11.useState)(null);
+  const [reviewId, setReviewId] = (0, import_react11.useState)(null);
+  const [reviewButtonsHidden, setReviewButtonsHidden] = (0, import_react11.useState)(false);
+  const reviewIdRef = (0, import_react11.useRef)(null);
   reviewIdRef.current = reviewId;
-  const selectedIdRef = (0, import_react9.useRef)(null);
+  const selectedIdRef = (0, import_react11.useRef)(null);
   selectedIdRef.current = selectedId;
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     onSelectionChange?.(selectedId);
   }, [selectedId, onSelectionChange]);
-  const report = (0, import_react9.useCallback)(
+  const report = (0, import_react11.useCallback)(
     (el) => {
       const labelSrc = el ? sectionElementOf(el) : null;
       postToParent2({
@@ -18722,7 +18850,7 @@ function AiSectionOverlay({
     },
     [postToParent2]
   );
-  const selectFromElement = (0, import_react9.useCallback)(
+  const selectFromElement = (0, import_react11.useCallback)(
     (el, options) => {
       const inner = el?.closest("[data-ohw-section]") ?? null;
       const sectionEl = inner ? movableUnit(inner) : null;
@@ -18734,7 +18862,7 @@ function AiSectionOverlay({
     },
     [report]
   );
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     apiRef.current = {
       selectFromElement,
       handleBackgroundClick: (target, clientX, clientY) => {
@@ -18759,7 +18887,7 @@ function AiSectionOverlay({
       apiRef.current = null;
     };
   }, [apiRef, selectFromElement, report]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const onMessage = (e) => {
       if (e.data?.type === "ow:ai-select" && e.data.sectionId === null) {
         selectedIdRef.current = null;
@@ -18784,9 +18912,9 @@ function AiSectionOverlay({
     window.addEventListener("message", onMessage);
     return () => window.removeEventListener("message", onMessage);
   }, [postToParent2]);
-  (0, import_react9.useEffect)(() => installAiChangeHighlight(), []);
-  const [hoveredId, setHoveredId] = (0, import_react9.useState)(null);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => installAiChangeHighlight(), []);
+  const [hoveredId, setHoveredId] = (0, import_react11.useState)(null);
+  (0, import_react11.useEffect)(() => {
     const onMove = (e) => {
       const t = e.target;
       if (!(t instanceof Element)) return;
@@ -18811,7 +18939,7 @@ function AiSectionOverlay({
       document.documentElement.removeEventListener("mouseleave", onLeave);
     };
   }, []);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const onKeyDown = (e) => {
       if (e.key !== "Escape") return;
       if (reviewIdRef.current) return;
@@ -18825,7 +18953,7 @@ function AiSectionOverlay({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [report]);
-  const decide = (0, import_react9.useCallback)(
+  const decide = (0, import_react11.useCallback)(
     (decision) => {
       const sectionId = reviewIdRef.current;
       if (!sectionId) return;
@@ -18834,8 +18962,8 @@ function AiSectionOverlay({
     },
     [postToParent2]
   );
-  const [navDropdownForceOpen, setNavDropdownForceOpen] = (0, import_react9.useState)(false);
-  (0, import_react9.useEffect)(() => {
+  const [navDropdownForceOpen, setNavDropdownForceOpen] = (0, import_react11.useState)(false);
+  (0, import_react11.useEffect)(() => {
     const update = () => {
       setNavDropdownForceOpen(Boolean(document.querySelector("[data-ohw-nav-force-open]")));
     };
@@ -18854,7 +18982,7 @@ function AiSectionOverlay({
   const navToggleHole = useLiveNavToggleHole(Boolean(reviewId));
   const hoverRect = useLiveSectionRect(reviewId || hoveredId === selectedId ? null : hoveredId);
   const showSelectionBorder = Boolean(selectionRect) && !navDropdownForceOpen;
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const selectedEl = activeSelectionId ? findSectionElement(activeSelectionId) : null;
     if (!activeSelectionId || !selectionRect || selectedEl && isChromeSection(selectedEl)) {
       postToParent2({ type: "ow:section-rect", instanceId: null, rect: null });
@@ -18974,7 +19102,7 @@ function AiSectionOverlay({
 }
 // src/ui/ai-section/AiMediaStripOverlay.tsx
-var import_react10 = require("react");
+var import_react12 = require("react");
 var import_lucide_react9 = require("lucide-react");
 // src/lib/ai-media-strip-tree.ts
@@ -19255,8 +19383,8 @@ function readStripRect(ref) {
   return rectOf(item?.closest("[data-ohw-media-strip]") ?? item);
 }
 function useLiveItemRect(ref, strip = false) {
-  const [rect, setRect] = (0, import_react10.useState)(null);
-  (0, import_react10.useEffect)(() => {
+  const [rect, setRect] = (0, import_react12.useState)(null);
+  (0, import_react12.useEffect)(() => {
     if (!ref) {
       setRect(null);
       return;
@@ -19284,10 +19412,10 @@ var TOOLBAR_STRIP_GAP = 52;
 var TOOLBAR_STRIP_GAP_MOBILE = 42;
 var TOOLBAR_EDGE_MARGIN2 = 4;
 function StripToolbarSlot({ stripRect, children }) {
-  const slotRef = (0, import_react10.useRef)(null);
-  const [shift, setShift] = (0, import_react10.useState)(0);
+  const slotRef = (0, import_react12.useRef)(null);
+  const [shift, setShift] = (0, import_react12.useState)(0);
   const centerX = stripRect.left + stripRect.width / 2;
-  (0, import_react10.useLayoutEffect)(() => {
+  (0, import_react12.useLayoutEffect)(() => {
     const slot = slotRef.current;
     if (!slot) return;
     const clamp = () => {
@@ -19436,9 +19564,9 @@ function LinkModal({
   onClose,
   onSave
 }) {
-  const [draft, setDraft] = (0, import_react10.useState)(href);
-  const [newTab, setNewTab] = (0, import_react10.useState)(linkTarget !== "same-tab");
-  const [invalid, setInvalid] = (0, import_react10.useState)(false);
+  const [draft, setDraft] = (0, import_react12.useState)(href);
+  const [newTab, setNewTab] = (0, import_react12.useState)(linkTarget !== "same-tab");
+  const [invalid, setInvalid] = (0, import_react12.useState)(false);
   const save = () => {
     const next = draft.trim();
     if (next && !HTTP_URL_RE.test(next)) {
@@ -19647,17 +19775,17 @@ function AiMediaStripOverlay({
   applyTreeLocalRef,
   clearInteractionChromeRef
 }) {
-  const [hover, setHover] = (0, import_react10.useState)(null);
-  const [active, setActive] = (0, import_react10.useState)(null);
-  const [itemEditOn, setItemEditOn] = (0, import_react10.useState)(false);
-  const [linkOpen, setLinkOpen] = (0, import_react10.useState)(false);
-  const [pending, setPending] = (0, import_react10.useState)(false);
-  const [error, setError] = (0, import_react10.useState)(null);
-  const activeRef = (0, import_react10.useRef)(null);
+  const [hover, setHover] = (0, import_react12.useState)(null);
+  const [active, setActive] = (0, import_react12.useState)(null);
+  const [itemEditOn, setItemEditOn] = (0, import_react12.useState)(false);
+  const [linkOpen, setLinkOpen] = (0, import_react12.useState)(false);
+  const [pending, setPending] = (0, import_react12.useState)(false);
+  const [error, setError] = (0, import_react12.useState)(null);
+  const activeRef = (0, import_react12.useRef)(null);
   activeRef.current = active;
-  const linkOpenRef = (0, import_react10.useRef)(false);
+  const linkOpenRef = (0, import_react12.useRef)(false);
   linkOpenRef.current = linkOpen;
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const onMove = (e) => {
       const ref = itemRefFromTarget(e.target);
       const t = e.target;
@@ -19675,7 +19803,7 @@ function AiMediaStripOverlay({
       document.documentElement.removeEventListener("mouseleave", onLeave);
     };
   }, []);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const onClick = (e) => {
       const t = e.target;
       if (!(t instanceof Element)) return;
@@ -19690,7 +19818,7 @@ function AiMediaStripOverlay({
     document.addEventListener("click", onClick, true);
     return () => document.removeEventListener("click", onClick, true);
   }, [clearInteractionChromeRef]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const onBlur = () => {
       if (!activeRef.current) return;
       setActive(null);
@@ -19701,7 +19829,7 @@ function AiMediaStripOverlay({
     window.addEventListener("blur", onBlur);
     return () => window.removeEventListener("blur", onBlur);
   }, []);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const onKeyDown = (e) => {
       if (e.key !== "Escape") return;
       if (!activeRef.current) return;
@@ -19714,14 +19842,14 @@ function AiMediaStripOverlay({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, []);
-  const findEntry = (0, import_react10.useCallback)(
+  const findEntry = (0, import_react12.useCallback)(
     (sectionId) => {
       const state = parseAiSectionsState(aiSectionsRef.current);
       return state.sections.find((s) => s.id === sectionId) ?? null;
     },
     [aiSectionsRef]
   );
-  const runMutation = (0, import_react10.useCallback)(
+  const runMutation = (0, import_react12.useCallback)(
     async (sectionId, mutate, extraMedia) => {
       const entry = findEntry(sectionId);
       if (!entry) return false;
@@ -19864,7 +19992,7 @@ function AiMediaStripOverlay({
 }
 // src/ui/ai-section/AiPricingCardOverlay.tsx
-var import_react11 = require("react");
+var import_react13 = require("react");
 var import_lucide_react10 = require("lucide-react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var PRIMARY4 = "var(--ohw-primary, #0885FE)";
@@ -19907,8 +20035,8 @@ function readGridRect(ref) {
   return rectOf2(card?.closest("[data-ohw-pricing-collection]") ?? card);
 }
 function useLiveCardRect(ref, grid = false) {
-  const [rect, setRect] = (0, import_react11.useState)(null);
-  (0, import_react11.useEffect)(() => {
+  const [rect, setRect] = (0, import_react13.useState)(null);
+  (0, import_react13.useEffect)(() => {
     if (!ref) {
       setRect(null);
       return;
@@ -19936,10 +20064,10 @@ var TOOLBAR_GRID_GAP = 52;
 var TOOLBAR_GRID_GAP_MOBILE = 42;
 var TOOLBAR_EDGE_MARGIN3 = 4;
 function GridToolbarSlot({ gridRect, children }) {
-  const slotRef = (0, import_react11.useRef)(null);
-  const [shift, setShift] = (0, import_react11.useState)(0);
+  const slotRef = (0, import_react13.useRef)(null);
+  const [shift, setShift] = (0, import_react13.useState)(0);
   const centerX = gridRect.left + gridRect.width / 2;
-  (0, import_react11.useLayoutEffect)(() => {
+  (0, import_react13.useLayoutEffect)(() => {
     const slot = slotRef.current;
     if (!slot) return;
     const clamp = () => {
@@ -20196,13 +20324,13 @@ function AiPricingCardOverlay({
   aiSectionsRef,
   applyTreeLocalRef
 }) {
-  const [hover, setHover] = (0, import_react11.useState)(null);
-  const [active, setActive] = (0, import_react11.useState)(null);
-  const [pending, setPending] = (0, import_react11.useState)(false);
-  const [error, setError] = (0, import_react11.useState)(null);
-  const activeRef = (0, import_react11.useRef)(null);
+  const [hover, setHover] = (0, import_react13.useState)(null);
+  const [active, setActive] = (0, import_react13.useState)(null);
+  const [pending, setPending] = (0, import_react13.useState)(false);
+  const [error, setError] = (0, import_react13.useState)(null);
+  const activeRef = (0, import_react13.useRef)(null);
   activeRef.current = active;
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const onMove = (e) => {
       const ref = cardRefFromTarget(e.target);
       const t = e.target;
@@ -20220,7 +20348,7 @@ function AiPricingCardOverlay({
       document.documentElement.removeEventListener("mouseleave", onLeave);
     };
   }, []);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const onClick = (e) => {
       const t = e.target;
       if (!(t instanceof Element)) return;
@@ -20232,7 +20360,7 @@ function AiPricingCardOverlay({
     document.addEventListener("click", onClick, true);
     return () => document.removeEventListener("click", onClick, true);
   }, []);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const onBlur = () => {
       if (!activeRef.current) return;
       setActive(null);
@@ -20241,7 +20369,7 @@ function AiPricingCardOverlay({
     window.addEventListener("blur", onBlur);
     return () => window.removeEventListener("blur", onBlur);
   }, []);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const onKeyDown = (e) => {
       if (e.key !== "Escape") return;
       if (!activeRef.current) return;
@@ -20252,14 +20380,14 @@ function AiPricingCardOverlay({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, []);
-  const findEntry = (0, import_react11.useCallback)(
+  const findEntry = (0, import_react13.useCallback)(
     (sectionId) => {
       const state = parseAiSectionsState(aiSectionsRef.current);
       return state.sections.find((s) => s.id === sectionId) ?? null;
     },
     [aiSectionsRef]
   );
-  const runMutation = (0, import_react11.useCallback)(
+  const runMutation = (0, import_react13.useCallback)(
     async (sectionId, mutate) => {
       const entry = findEntry(sectionId);
       if (!entry) return false;
@@ -20346,7 +20474,7 @@ function AiPricingCardOverlay({
 }
 // src/ui/ai-section/AiVideoOverlay.tsx
-var import_react12 = require("react");
+var import_react14 = require("react");
 var import_lucide_react11 = require("lucide-react");
 // src/lib/ai-video-tree.ts
@@ -20411,8 +20539,8 @@ function readRect4(ref) {
   return { top: r2.top, left: r2.left, width: r2.width, height: r2.height };
 }
 function useLiveBlockRect(ref) {
-  const [rect, setRect] = (0, import_react12.useState)(null);
-  (0, import_react12.useEffect)(() => {
+  const [rect, setRect] = (0, import_react14.useState)(null);
+  (0, import_react14.useEffect)(() => {
     if (!ref) {
       setRect(null);
       return;
@@ -20490,9 +20618,9 @@ function watchUrl(id) {
   return `https://www.youtube.com/watch?v=${id}`;
 }
 function VideoUrlInput({ value, onCommit }) {
-  const [draft, setDraft] = (0, import_react12.useState)(value ? watchUrl(value) : "");
-  const [invalid, setInvalid] = (0, import_react12.useState)(false);
-  (0, import_react12.useEffect)(() => {
+  const [draft, setDraft] = (0, import_react14.useState)(value ? watchUrl(value) : "");
+  const [invalid, setInvalid] = (0, import_react14.useState)(false);
+  (0, import_react14.useEffect)(() => {
     setDraft(value ? watchUrl(value) : "");
     setInvalid(false);
   }, [value]);
@@ -20629,13 +20757,13 @@ function AiVideoOverlay({
   applyTreeLocalRef,
   clearInteractionChromeRef
 }) {
-  const [hover, setHover] = (0, import_react12.useState)(null);
-  const [active, setActive] = (0, import_react12.useState)(null);
-  const [pending, setPending] = (0, import_react12.useState)(false);
-  const [error, setError] = (0, import_react12.useState)(null);
-  const activeRef = (0, import_react12.useRef)(null);
+  const [hover, setHover] = (0, import_react14.useState)(null);
+  const [active, setActive] = (0, import_react14.useState)(null);
+  const [pending, setPending] = (0, import_react14.useState)(false);
+  const [error, setError] = (0, import_react14.useState)(null);
+  const activeRef = (0, import_react14.useRef)(null);
   activeRef.current = active;
-  (0, import_react12.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const onMove = (e) => {
       const t = e.target;
       if (!(t instanceof HTMLElement)) return;
@@ -20665,7 +20793,7 @@ function AiVideoOverlay({
       document.documentElement.removeEventListener("mouseleave", onLeave);
     };
   }, []);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const onClick = (e) => {
       const current = activeRef.current;
       if (!current) return;
@@ -20680,7 +20808,7 @@ function AiVideoOverlay({
     document.addEventListener("click", onClick, true);
     return () => document.removeEventListener("click", onClick, true);
   }, []);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const onBlur = () => {
       if (!activeRef.current) return;
       setActive(null);
@@ -20689,7 +20817,7 @@ function AiVideoOverlay({
     window.addEventListener("blur", onBlur);
     return () => window.removeEventListener("blur", onBlur);
   }, []);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const onKeyDown = (e) => {
       if (e.key !== "Escape") return;
       if (!activeRef.current) return;
@@ -20699,14 +20827,14 @@ function AiVideoOverlay({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, []);
-  const findEntry = (0, import_react12.useCallback)(
+  const findEntry = (0, import_react14.useCallback)(
     (sectionId) => {
       const state = parseAiSectionsState(aiSectionsRef.current);
       return state.sections.find((s) => s.id === sectionId) ?? null;
     },
     [aiSectionsRef]
   );
-  const runMutation = (0, import_react12.useCallback)(
+  const runMutation = (0, import_react14.useCallback)(
     async (sectionId, mutate) => {
       const entry = findEntry(sectionId);
       if (!entry) return false;
@@ -20798,7 +20926,7 @@ function AiVideoOverlay({
 }
 // src/ui/ai-section/AiFadeCarouselOverlay.tsx
-var import_react13 = require("react");
+var import_react15 = require("react");
 var import_lucide_react12 = require("lucide-react");
 // src/lib/ai-carousel-tree.ts
@@ -20871,8 +20999,8 @@ function readRect5(ref) {
   return { top: r2.top, left: r2.left, width: r2.width, height: r2.height };
 }
 function useLiveItemRect2(ref) {
-  const [rect, setRect] = (0, import_react13.useState)(null);
-  (0, import_react13.useEffect)(() => {
+  const [rect, setRect] = (0, import_react15.useState)(null);
+  (0, import_react15.useEffect)(() => {
     if (!ref) {
       setRect(null);
       return;
@@ -21079,19 +21207,19 @@ function AiFadeCarouselOverlay({
   applyTreeLocalRef,
   clearInteractionChromeRef
 }) {
-  const [hover, setHover] = (0, import_react13.useState)(null);
-  const [active, setActive] = (0, import_react13.useState)(null);
-  const [pending, setPending] = (0, import_react13.useState)(false);
-  const [error, setError] = (0, import_react13.useState)(null);
-  const [autoplayOverride, setAutoplayOverride] = (0, import_react13.useState)(null);
-  const [swapping, setSwapping] = (0, import_react13.useState)(null);
-  const skeletonRef = (0, import_react13.useRef)(null);
-  const activeRef = (0, import_react13.useRef)(null);
+  const [hover, setHover] = (0, import_react15.useState)(null);
+  const [active, setActive] = (0, import_react15.useState)(null);
+  const [pending, setPending] = (0, import_react15.useState)(false);
+  const [error, setError] = (0, import_react15.useState)(null);
+  const [autoplayOverride, setAutoplayOverride] = (0, import_react15.useState)(null);
+  const [swapping, setSwapping] = (0, import_react15.useState)(null);
+  const skeletonRef = (0, import_react15.useRef)(null);
+  const activeRef = (0, import_react15.useRef)(null);
   activeRef.current = active;
-  (0, import_react13.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     setAutoplayOverride(null);
   }, [active?.sectionId, active?.index]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!swapping?.fadingOut || !skeletonRef.current) return;
     const anim = skeletonRef.current.animate([{ opacity: 1 }, { opacity: 0 }], {
       duration: MEDIA_UPLOAD_FADE_MS,
@@ -21101,7 +21229,7 @@ function AiFadeCarouselOverlay({
     anim.finished.then(() => setSwapping(null)).catch(() => setSwapping(null));
     return () => anim.cancel();
   }, [swapping?.fadingOut]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const onMove = (e) => {
       const t = e.target;
       if (!(t instanceof Element)) return;
@@ -21135,7 +21263,7 @@ function AiFadeCarouselOverlay({
       document.documentElement.removeEventListener("mouseleave", onLeave);
     };
   }, []);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const onClick = (e) => {
       const current = activeRef.current;
       if (!current) return;
@@ -21150,7 +21278,7 @@ function AiFadeCarouselOverlay({
     document.addEventListener("click", onClick, true);
     return () => document.removeEventListener("click", onClick, true);
   }, []);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const onBlur = () => {
       if (!activeRef.current) return;
       setActive(null);
@@ -21159,7 +21287,7 @@ function AiFadeCarouselOverlay({
     window.addEventListener("blur", onBlur);
     return () => window.removeEventListener("blur", onBlur);
   }, []);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const onKeyDown = (e) => {
       if (e.key !== "Escape") return;
       if (!activeRef.current) return;
@@ -21169,14 +21297,14 @@ function AiFadeCarouselOverlay({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, []);
-  const findEntry = (0, import_react13.useCallback)(
+  const findEntry = (0, import_react15.useCallback)(
     (sectionId) => {
       const state = parseAiSectionsState(aiSectionsRef.current);
       return state.sections.find((s) => s.id === sectionId) ?? null;
     },
     [aiSectionsRef]
   );
-  const runMutation = (0, import_react13.useCallback)(
+  const runMutation = (0, import_react15.useCallback)(
     async (sectionId, mutate, extraMedia) => {
       const entry = findEntry(sectionId);
       if (!entry) return false;
@@ -21313,7 +21441,7 @@ function AiFadeCarouselOverlay({
 // src/OhhwellsBridge.tsx
 var import_react_dom6 = require("react-dom");
-var import_navigation3 = require("next/navigation");
+var import_navigation4 = require("next/navigation");
 // src/lib/media-overlay-guards.ts
 var BRIDGE_CHROME_SELECTOR = [
@@ -21455,35 +21583,8 @@ function mergePrefetchedSections(prev, fetched, livePath, liveSections) {
   return next;
 }
-// src/lib/scroll-to-section.ts
-var MAX_ATTEMPTS = 12;
-var RETRY_MS = 100;
-function getHashSectionId() {
-  if (typeof window === "undefined") return null;
-  const id = window.location.hash.replace(/^#/, "").trim();
-  return id || null;
-}
-function scrollToOhwSection(sectionId, behavior = "smooth") {
-  if (!sectionId || typeof document === "undefined") return false;
-  const el = document.querySelector(`[data-ohw-section="${CSS.escape(sectionId)}"]`);
-  if (!el) return false;
-  el.scrollIntoView({ behavior, block: "start" });
-  return true;
-}
-function scrollToHashSectionWhenReady(behavior = "smooth") {
-  const id = getHashSectionId();
-  if (!id) return;
-  let attempt = 0;
-  const tick = () => {
-    if (scrollToOhwSection(id, behavior)) return;
-    attempt += 1;
-    if (attempt < MAX_ATTEMPTS) window.setTimeout(tick, RETRY_MS);
-  };
-  tick();
-}
 // src/ui/link-modal/LinkPopover.tsx
-var import_react17 = require("react");
+var import_react19 = require("react");
 // src/ui/link-modal/LinkEditorPanel.tsx
 var import_lucide_react16 = require("lucide-react");
@@ -21576,7 +21677,7 @@ function SectionTreeItem({
 }
 // src/ui/link-modal/UrlOrPageInput.tsx
-var import_react14 = require("react");
+var import_react16 = require("react");
 // src/ui/input.tsx
 var React10 = __toESM(require("react"), 1);
@@ -21644,11 +21745,11 @@ function UrlOrPageInput({
   readOnly = false,
   urlError
 }) {
-  const inputId = (0, import_react14.useId)();
-  const inputRef = (0, import_react14.useRef)(null);
-  const rootRef = (0, import_react14.useRef)(null);
-  const [isFocused, setIsFocused] = (0, import_react14.useState)(false);
-  (0, import_react14.useEffect)(() => {
+  const inputId = (0, import_react16.useId)();
+  const inputRef = (0, import_react16.useRef)(null);
+  const rootRef = (0, import_react16.useRef)(null);
+  const [isFocused, setIsFocused] = (0, import_react16.useState)(false);
+  (0, import_react16.useEffect)(() => {
     if (!dropdownOpen) return;
     const isOutside = (e) => {
       const root = rootRef.current;
@@ -21856,10 +21957,10 @@ function LinkEditorPanel({ state, onClose }) {
 }
 // src/ui/link-modal/SectionPickerOverlay.tsx
-var import_react15 = require("react");
+var import_react17 = require("react");
 var import_react_dom4 = require("react-dom");
 var import_lucide_react17 = require("lucide-react");
-var import_navigation2 = require("next/navigation");
+var import_navigation3 = require("next/navigation");
 // src/lib/parent-scroll.ts
 function visibleBand(parentScroll) {
@@ -21913,12 +22014,12 @@ function hitTestSectionId(x, y, sectionIds, rects) {
   return null;
 }
 function useSectionRects(sectionIdsKey, enabled) {
-  const [rects, setRects] = (0, import_react15.useState)(/* @__PURE__ */ new Map());
-  const sectionIds = (0, import_react15.useMemo)(
+  const [rects, setRects] = (0, import_react17.useState)(/* @__PURE__ */ new Map());
+  const sectionIds = (0, import_react17.useMemo)(
     () => sectionIdsKey ? sectionIdsKey.split("\0") : [],
     [sectionIdsKey]
   );
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!enabled || sectionIds.length === 0) {
       setRects((prev) => prev.size === 0 ? prev : /* @__PURE__ */ new Map());
       return;
@@ -21957,15 +22058,15 @@ function SectionPickerOverlay({
   onBack,
   onSelect
 }) {
-  const router = (0, import_navigation2.useRouter)();
-  const pathname = (0, import_navigation2.usePathname)();
-  const [selectedId, setSelectedId] = (0, import_react15.useState)(null);
-  const [hoveredId, setHoveredId] = (0, import_react15.useState)(null);
-  const pointerRef = (0, import_react15.useRef)(null);
-  const pointerScreenRef = (0, import_react15.useRef)(null);
-  const iframeOffsetTopRef = (0, import_react15.useRef)(null);
-  const sectionIdsRef = (0, import_react15.useRef)([]);
-  const [chromeClip, setChromeClip] = (0, import_react15.useState)(
+  const router = (0, import_navigation3.useRouter)();
+  const pathname = (0, import_navigation3.usePathname)();
+  const [selectedId, setSelectedId] = (0, import_react17.useState)(null);
+  const [hoveredId, setHoveredId] = (0, import_react17.useState)(null);
+  const pointerRef = (0, import_react17.useRef)(null);
+  const pointerScreenRef = (0, import_react17.useRef)(null);
+  const iframeOffsetTopRef = (0, import_react17.useRef)(null);
+  const sectionIdsRef = (0, import_react17.useRef)([]);
+  const [chromeClip, setChromeClip] = (0, import_react17.useState)(
     () => ({
       top: 0,
       bottom: typeof window !== "undefined" ? window.innerHeight : 0
@@ -21973,12 +22074,12 @@ function SectionPickerOverlay({
   );
   const normalizedTarget = normalizePath(pagePath);
   const isOnTargetPage = normalizePath(pathname) === normalizedTarget;
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (isOnTargetPage) return;
     const search = readPreservedSearch();
     router.push(`${normalizedTarget}${search}`);
   }, [isOnTargetPage, normalizedTarget, router]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     document.documentElement.setAttribute("data-ohw-section-picking", "");
     document.querySelectorAll("[data-ohw-hovered]").forEach((el) => {
       el.removeAttribute("data-ohw-hovered");
@@ -21990,24 +22091,24 @@ function SectionPickerOverlay({
       document.documentElement.removeAttribute("data-ohw-section-picking");
     };
   }, []);
-  const liveSections = (0, import_react15.useMemo)(() => {
+  const liveSections = (0, import_react17.useMemo)(() => {
     if (!isOnTargetPage) return sections;
     const live = collectSectionsFromDom();
     if (live.length === 0) return sections;
     const labels = new Map(sections.map((s) => [s.id, s.label]));
     return live.map((s) => ({ id: s.id, label: labels.get(s.id) ?? s.label }));
   }, [isOnTargetPage, sections, pathname]);
-  const sectionIdsKey = (0, import_react15.useMemo)(
+  const sectionIdsKey = (0, import_react17.useMemo)(
     () => liveSections.map((s) => s.id).join("\0"),
     [liveSections]
   );
-  const sectionIds = (0, import_react15.useMemo)(
+  const sectionIds = (0, import_react17.useMemo)(
     () => liveSections.map((s) => s.id),
     [liveSections]
   );
   sectionIdsRef.current = sectionIds;
   const rects = useSectionRects(sectionIdsKey, isOnTargetPage);
-  const applyHoverAt = (0, import_react15.useCallback)(
+  const applyHoverAt = (0, import_react17.useCallback)(
     (x, y, liveRects) => {
       const ids = sectionIdsRef.current;
       const map = liveRects ?? readSectionRects(ids);
@@ -22016,7 +22117,7 @@ function SectionPickerOverlay({
     },
     []
   );
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const applyClip = (iframeOffsetTop, visibleCanvasTop, canvasH, promptBarH = 0) => {
       const next = getIframeVisibleClip({
         iframeOffsetTop,
@@ -22060,12 +22161,12 @@ function SectionPickerOverlay({
       window.removeEventListener("resize", onResize);
     };
   }, [applyHoverAt]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const ptr = pointerRef.current;
     if (!ptr) return;
     applyHoverAt(ptr.x, ptr.y, rects);
   }, [rects, applyHoverAt]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const rememberPointer = (clientX, clientY) => {
       pointerRef.current = { x: clientX, y: clientY };
       const top = iframeOffsetTopRef.current;
@@ -22089,7 +22190,7 @@ function SectionPickerOverlay({
       window.removeEventListener("message", onPointerSync);
     };
   }, [rects, applyHoverAt]);
-  const handleSelect = (0, import_react15.useCallback)(
+  const handleSelect = (0, import_react17.useCallback)(
     (section) => {
       if (selectedId) return;
       setSelectedId(section.id);
@@ -22097,7 +22198,7 @@ function SectionPickerOverlay({
     },
     [selectedId, onSelect]
   );
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const onKeyDown = (e) => {
       if (e.key === "Escape") {
         e.preventDefault();
@@ -22220,7 +22321,7 @@ function SectionPickerOverlay({
 }
 // src/ui/link-modal/useLinkModalState.ts
-var import_react16 = require("react");
+var import_react18 = require("react");
 function useLinkModalState({
   open,
   mode,
@@ -22232,14 +22333,14 @@ function useLinkModalState({
   onClose,
   onSubmit
 }) {
-  const availablePages = (0, import_react16.useMemo)(() => pages, [pages]);
-  const [searchValue, setSearchValue] = (0, import_react16.useState)("");
-  const [selectedPage, setSelectedPage] = (0, import_react16.useState)(null);
-  const [selectedSection, setSelectedSection] = (0, import_react16.useState)(null);
-  const [step, setStep] = (0, import_react16.useState)("input");
-  const [dropdownOpen, setDropdownOpen] = (0, import_react16.useState)(false);
-  const [urlError, setUrlError] = (0, import_react16.useState)("");
-  const reset = (0, import_react16.useCallback)(() => {
+  const availablePages = (0, import_react18.useMemo)(() => pages, [pages]);
+  const [searchValue, setSearchValue] = (0, import_react18.useState)("");
+  const [selectedPage, setSelectedPage] = (0, import_react18.useState)(null);
+  const [selectedSection, setSelectedSection] = (0, import_react18.useState)(null);
+  const [step, setStep] = (0, import_react18.useState)("input");
+  const [dropdownOpen, setDropdownOpen] = (0, import_react18.useState)(false);
+  const [urlError, setUrlError] = (0, import_react18.useState)("");
+  const reset = (0, import_react18.useCallback)(() => {
     setSearchValue("");
     setSelectedPage(null);
     setSelectedSection(null);
@@ -22247,7 +22348,7 @@ function useLinkModalState({
     setDropdownOpen(false);
     setUrlError("");
   }, []);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!open) return;
     if (mode === "edit" && initialTarget) {
       const { pageRoute } = parseTarget(initialTarget);
@@ -22263,11 +22364,11 @@ function useLinkModalState({
     setDropdownOpen(false);
     setUrlError("");
   }, [open, mode, initialTarget, reset]);
-  const filteredPages = (0, import_react16.useMemo)(() => {
+  const filteredPages = (0, import_react18.useMemo)(() => {
     if (!searchValue.trim()) return availablePages;
     return availablePages.filter((p) => p.title.toLowerCase().startsWith(searchValue.toLowerCase()));
   }, [availablePages, searchValue]);
-  const activeSections = (0, import_react16.useMemo)(() => {
+  const activeSections = (0, import_react18.useMemo)(() => {
     if (!selectedPage) return [];
     return getSectionsForPath(sectionsByPath, selectedPage.path);
   }, [selectedPage, sectionsByPath]);
@@ -22316,7 +22417,7 @@ function useLinkModalState({
     reset();
     onClose();
   };
-  const isValid = (0, import_react16.useMemo)(() => {
+  const isValid = (0, import_react18.useMemo)(() => {
     if (urlError) return false;
     if (showBreadcrumb) return true;
     if (selectedPage) return true;
@@ -22413,7 +22514,7 @@ function LinkPopover({
     onSubmit
   });
   const sectionPickerActive = state.showSectionPicker && Boolean(state.selectedPage);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (!open) return;
     if (sectionPickerActive) {
       postToParent({ type: "ui:unlock" });
@@ -22655,7 +22756,7 @@ function addFooterColumnWithPersist({
 }
 // src/ui/FloatingPanel.tsx
-var import_react18 = require("react");
+var import_react20 = require("react");
 var import_lucide_react18 = require("lucide-react");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var PANEL_WIDTH = 256;
@@ -22717,10 +22818,10 @@ function FloatingPanel({
   className,
   bodyClassName
 }) {
-  const panelRef = (0, import_react18.useRef)(null);
-  const [measured, setMeasured] = (0, import_react18.useState)({ w: PANEL_WIDTH, h: 280 });
-  const dragRef = (0, import_react18.useRef)(null);
-  const homeRef = (0, import_react18.useRef)(null);
+  const panelRef = (0, import_react20.useRef)(null);
+  const [measured, setMeasured] = (0, import_react20.useState)({ w: PANEL_WIDTH, h: 280 });
+  const dragRef = (0, import_react20.useRef)(null);
+  const homeRef = (0, import_react20.useRef)(null);
   if (!open) {
     homeRef.current = null;
   } else if (position) {
@@ -22728,17 +22829,17 @@ function FloatingPanel({
   } else if (homeRef.current == null) {
     homeRef.current = defaultFloatingPanelPosition(parentScroll);
   }
-  const [liveScroll, setLiveScroll] = (0, import_react18.useState)(parentScroll);
+  const [liveScroll, setLiveScroll] = (0, import_react20.useState)(parentScroll);
   const home = position ?? homeRef.current ?? defaultFloatingPanelPosition(parentScroll);
   const { y: fittedY, maxHeight } = fitPanelInClip(home.y, liveScroll, measured.h);
   const clamped = {
     x: clampX(home.x, measured.w),
     y: fittedY
   };
-  (0, import_react18.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     setLiveScroll(parentScroll);
   }, [parentScroll]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (!open) return;
     const onParentScroll = (e) => {
       if (e.data?.type !== "ow:parent-scroll") return;
@@ -22748,8 +22849,8 @@ function FloatingPanel({
     window.addEventListener("message", onParentScroll);
     return () => window.removeEventListener("message", onParentScroll);
   }, [open]);
-  const positionRef = (0, import_react18.useRef)(position);
-  (0, import_react18.useLayoutEffect)(() => {
+  const positionRef = (0, import_react20.useRef)(position);
+  (0, import_react20.useLayoutEffect)(() => {
     if (!open) {
       positionRef.current = position;
       return;
@@ -22759,7 +22860,7 @@ function FloatingPanel({
     }
     positionRef.current = position;
   }, [open, position, liveScroll, parentScroll]);
-  (0, import_react18.useLayoutEffect)(() => {
+  (0, import_react20.useLayoutEffect)(() => {
     if (!open || !panelRef.current) return;
     const el = panelRef.current;
     const header = el.querySelector("[data-ohw-floating-panel-header]");
@@ -22768,7 +22869,7 @@ function FloatingPanel({
     const next = { w: el.offsetWidth || PANEL_WIDTH, h: contentH };
     setMeasured((prev) => prev.w === next.w && prev.h === next.h ? prev : next);
   }, [open, children, title, context]);
-  const onHeaderPointerDown = (0, import_react18.useCallback)(
+  const onHeaderPointerDown = (0, import_react20.useCallback)(
     (e) => {
       if (e.button !== 0) return;
       if (e.target.closest("[data-ohw-floating-panel-close]")) return;
@@ -22787,7 +22888,7 @@ function FloatingPanel({
     },
     [clamped.x, clamped.y]
   );
-  const onHeaderPointerMove = (0, import_react18.useCallback)(
+  const onHeaderPointerMove = (0, import_react20.useCallback)(
     (e) => {
       const drag = dragRef.current;
       if (!drag || drag.pointerId !== e.pointerId) return;
@@ -22813,7 +22914,7 @@ function FloatingPanel({
     },
     [measured.w, onPositionChange, liveScroll]
   );
-  const endDrag = (0, import_react18.useCallback)((e) => {
+  const endDrag = (0, import_react20.useCallback)((e) => {
     const drag = dragRef.current;
     if (!drag || drag.pointerId !== e.pointerId) return;
     dragRef.current = null;
@@ -22823,11 +22924,11 @@ function FloatingPanel({
     } catch {
     }
   }, []);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (open) return;
     document.documentElement.removeAttribute("data-ohw-panel-dragging");
   }, [open]);
-  (0, import_react18.useEffect)(() => () => document.documentElement.removeAttribute("data-ohw-panel-dragging"), []);
+  (0, import_react20.useEffect)(() => () => document.documentElement.removeAttribute("data-ohw-panel-dragging"), []);
   if (!open) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "div",
@@ -23347,7 +23448,7 @@ function hitTestNavDropSlot(clientX, clientY, draggedHrefKey, draggedEl) {
 }
 // src/useNavItemDrag.ts
-var import_react19 = require("react");
+var import_react21 = require("react");
 function useNavItemDrag({
   isEditMode,
   editContentRef,
@@ -23371,11 +23472,11 @@ function useNavItemDrag({
   getNavigationItemAnchor: getNavigationItemAnchor2,
   isDragHandleDisabled: isDragHandleDisabled2
 }) {
-  const navDragRef = (0, import_react19.useRef)(null);
-  const [navDropSlots, setNavDropSlots] = (0, import_react19.useState)([]);
-  const [activeNavDropIndex, setActiveNavDropIndex] = (0, import_react19.useState)(null);
-  const navPointerDragRef = (0, import_react19.useRef)(null);
-  const clearNavDragVisuals = (0, import_react19.useCallback)(() => {
+  const navDragRef = (0, import_react21.useRef)(null);
+  const [navDropSlots, setNavDropSlots] = (0, import_react21.useState)([]);
+  const [activeNavDropIndex, setActiveNavDropIndex] = (0, import_react21.useState)(null);
+  const navPointerDragRef = (0, import_react21.useRef)(null);
+  const clearNavDragVisuals = (0, import_react21.useCallback)(() => {
     const session = navDragRef.current;
     const nestedHrefKey = session?.draggedEl?.closest("[data-ohw-nav-children]") != null ? session.hrefKey : null;
     navDragRef.current = null;
@@ -23408,7 +23509,7 @@ function useNavItemDrag({
     document.documentElement.removeAttribute("data-ohw-nav-dragging-root");
     unlockItemDragInteraction();
   }, [setDraggedItemRect, setIsItemDragging, setSiblingHintRects]);
-  const refreshNavDragVisuals = (0, import_react19.useCallback)(
+  const refreshNavDragVisuals = (0, import_react21.useCallback)(
     (session, activeSlot, clientX, clientY) => {
       setDraggedItemRect(session.draggedEl.getBoundingClientRect());
       if (typeof clientX === "number" && typeof clientY === "number") {
@@ -23426,13 +23527,13 @@ function useNavItemDrag({
     },
     [setDraggedItemRect, setSiblingHintRects]
   );
-  const refreshNavDragVisualsRef = (0, import_react19.useRef)(refreshNavDragVisuals);
+  const refreshNavDragVisualsRef = (0, import_react21.useRef)(refreshNavDragVisuals);
   refreshNavDragVisualsRef.current = refreshNavDragVisuals;
-  const commitNavDragRef = (0, import_react19.useRef)(() => {
+  const commitNavDragRef = (0, import_react21.useRef)(() => {
   });
-  const beginNavDragRef = (0, import_react19.useRef)(() => {
+  const beginNavDragRef = (0, import_react21.useRef)(() => {
   });
-  const beginNavDrag = (0, import_react19.useCallback)(
+  const beginNavDrag = (0, import_react21.useCallback)(
     (session) => {
       const rect = session.draggedEl.getBoundingClientRect();
       session.lastClientX = session.lastClientX || rect.left + rect.width / 2;
@@ -23471,7 +23572,7 @@ function useNavItemDrag({
     ]
   );
   beginNavDragRef.current = beginNavDrag;
-  const commitNavDrag = (0, import_react19.useCallback)(
+  const commitNavDrag = (0, import_react21.useCallback)(
     (clientX, clientY) => {
       const session = navDragRef.current;
       if (!session) {
@@ -23550,7 +23651,7 @@ function useNavItemDrag({
     [clearNavDragVisuals, deselectRef, editContentRef, postToParentRef, selectRef]
   );
   commitNavDragRef.current = commitNavDrag;
-  const startNavLinkDrag = (0, import_react19.useCallback)(
+  const startNavLinkDrag = (0, import_react21.useCallback)(
     (anchor, clientX, clientY, wasSelected) => {
       if (footerDragRef.current) return false;
       const hrefKey = anchor.getAttribute("data-ohw-href-key");
@@ -23568,7 +23669,7 @@ function useNavItemDrag({
     },
     [beginNavDrag, footerDragRef, isDragHandleDisabled2, isCtaButton]
   );
-  const onNavDragOver = (0, import_react19.useCallback)(
+  const onNavDragOver = (0, import_react21.useCallback)(
     (e) => {
       const session = navDragRef.current;
       if (!session) return false;
@@ -23580,7 +23681,7 @@ function useNavItemDrag({
     },
     []
   );
-  (0, import_react19.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (!isEditMode) return;
     const THRESHOLD = 10;
     const resolveWasSelected = (el) => {
@@ -23707,7 +23808,7 @@ function useNavItemDrag({
     setLinkPopover,
     suppressNextClickRef
   ]);
-  const armNavPressFromChrome = (0, import_react19.useCallback)(
+  const armNavPressFromChrome = (0, import_react21.useCallback)(
     (selected, clientX, clientY, pointerId) => {
       const hrefKey = selected.getAttribute("data-ohw-href-key");
       if (!hrefKey || !isNavbarHrefKey(hrefKey)) return false;
@@ -23739,7 +23840,7 @@ function useNavItemDrag({
 }
 // src/useSectionDrag.ts
-var import_react20 = require("react");
+var import_react22 = require("react");
 // src/lib/section-dnd.ts
 function isFooterSection(el) {
@@ -23832,21 +23933,21 @@ function useSectionDrag({
   suppressNextClickRef,
   suppressClickUntilRef
 }) {
-  const sectionDragRef = (0, import_react20.useRef)(null);
-  const [sectionDropSlots, setSectionDropSlots] = (0, import_react20.useState)([]);
-  const [activeSectionDropIndex, setActiveSectionDropIndex] = (0, import_react20.useState)(null);
-  const [isSectionDragging, setIsSectionDragging] = (0, import_react20.useState)(false);
-  const sectionPointerDragRef = (0, import_react20.useRef)(null);
-  const autoScrollRafRef = (0, import_react20.useRef)(null);
-  const autoScrollDeltaRef = (0, import_react20.useRef)(0);
-  const stopAutoScroll = (0, import_react20.useCallback)(() => {
+  const sectionDragRef = (0, import_react22.useRef)(null);
+  const [sectionDropSlots, setSectionDropSlots] = (0, import_react22.useState)([]);
+  const [activeSectionDropIndex, setActiveSectionDropIndex] = (0, import_react22.useState)(null);
+  const [isSectionDragging, setIsSectionDragging] = (0, import_react22.useState)(false);
+  const sectionPointerDragRef = (0, import_react22.useRef)(null);
+  const autoScrollRafRef = (0, import_react22.useRef)(null);
+  const autoScrollDeltaRef = (0, import_react22.useRef)(0);
+  const stopAutoScroll = (0, import_react22.useCallback)(() => {
     if (autoScrollRafRef.current != null) {
       cancelAnimationFrame(autoScrollRafRef.current);
       autoScrollRafRef.current = null;
     }
     autoScrollDeltaRef.current = 0;
   }, []);
-  const tickAutoScroll = (0, import_react20.useCallback)(() => {
+  const tickAutoScroll = (0, import_react22.useCallback)(() => {
     if (!sectionDragRef.current) {
       stopAutoScroll();
       return;
@@ -23856,7 +23957,7 @@ function useSectionDrag({
     }
     autoScrollRafRef.current = requestAnimationFrame(tickAutoScroll);
   }, [postToParentRef, stopAutoScroll]);
-  const updateAutoScroll = (0, import_react20.useCallback)(
+  const updateAutoScroll = (0, import_react22.useCallback)(
     (clientY) => {
       const clip = getIframeChromeClip(parentScrollRef.current);
       let delta = 0;
@@ -23878,7 +23979,7 @@ function useSectionDrag({
     },
     [parentScrollRef, stopAutoScroll, tickAutoScroll]
   );
-  const clearSectionDragVisuals = (0, import_react20.useCallback)(() => {
+  const clearSectionDragVisuals = (0, import_react22.useCallback)(() => {
     sectionDragRef.current?.draggedEl.removeAttribute("data-ohw-section-dragging");
     sectionDragRef.current = null;
     setSectionDropSlots([]);
@@ -23888,7 +23989,7 @@ function useSectionDrag({
     document.documentElement.removeAttribute("data-ohw-section-dragging-root");
     unlockItemDragInteraction();
   }, [stopAutoScroll]);
-  const refreshSectionDragVisuals = (0, import_react20.useCallback)(
+  const refreshSectionDragVisuals = (0, import_react22.useCallback)(
     (session, clientX, clientY) => {
       session.lastClientX = clientX;
       session.lastClientY = clientY;
@@ -23902,7 +24003,7 @@ function useSectionDrag({
     },
     [updateAutoScroll]
   );
-  const beginSectionDrag = (0, import_react20.useCallback)(
+  const beginSectionDrag = (0, import_react22.useCallback)(
     (session) => {
       sectionDragRef.current = session;
       setIsSectionDragging(true);
@@ -23913,7 +24014,7 @@ function useSectionDrag({
     },
     [refreshSectionDragVisuals]
   );
-  const commitSectionDrag = (0, import_react20.useCallback)(() => {
+  const commitSectionDrag = (0, import_react22.useCallback)(() => {
     const session = sectionDragRef.current;
     if (!session) {
       clearSectionDragVisuals();
@@ -23942,7 +24043,7 @@ function useSectionDrag({
       });
     });
   }, [clearSectionDragVisuals, editContentRef, postToParentRef]);
-  const startSectionPressDrag = (0, import_react20.useCallback)(
+  const startSectionPressDrag = (0, import_react22.useCallback)(
     (el, clientX, clientY, pointerId) => {
       if (navDragRef.current || footerDragRef.current || sectionDragRef.current) return false;
       const instanceId = instanceIdOf(el);
@@ -23959,7 +24060,7 @@ function useSectionDrag({
     },
     [footerDragRef, navDragRef]
   );
-  (0, import_react20.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (!isEditMode) return;
     const onPointerDown = (e) => {
       if (e.button !== 0) return;
@@ -25737,9 +25838,9 @@ function FloatingToolbar({
   showEditLink,
   onEditLink
 }) {
-  const localRef = import_react21.default.useRef(null);
-  const [measuredW, setMeasuredW] = import_react21.default.useState(330);
-  const setRefs = import_react21.default.useCallback(
+  const localRef = import_react23.default.useRef(null);
+  const [measuredW, setMeasuredW] = import_react23.default.useState(330);
+  const setRefs = import_react23.default.useCallback(
     (node) => {
       localRef.current = node;
       if (typeof elRef === "function") elRef(node);
@@ -25751,7 +25852,7 @@ function FloatingToolbar({
     },
     [elRef]
   );
-  import_react21.default.useLayoutEffect(() => {
+  import_react23.default.useLayoutEffect(() => {
     const node = localRef.current;
     if (!node) return;
     const update = () => {
@@ -25777,7 +25878,7 @@ function FloatingToolbar({
         pointerEvents: "auto"
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(CustomToolbar, { children: [
-        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_react21.default.Fragment, { children: [
+        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_react23.default.Fragment, { children: [
           gi > 0 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CustomToolbarDivider, {}),
           btns.map((btn) => {
             const isActive = activeCommands.has(btn.cmd);
@@ -25982,12 +26083,12 @@ function resolveSubdomain(subdomainFromQuery) {
   return "";
 }
 function OhhwellsBridge() {
-  const pathname = (0, import_navigation3.usePathname)();
-  const router = (0, import_navigation3.useRouter)();
-  const searchParams = (0, import_navigation3.useSearchParams)();
+  const pathname = (0, import_navigation4.usePathname)();
+  const router = (0, import_navigation4.useRouter)();
+  const searchParams = (0, import_navigation4.useSearchParams)();
   const isEditMode = isEditSessionActive();
-  const [bridgeRoot, setBridgeRoot] = (0, import_react21.useState)(null);
-  (0, import_react21.useEffect)(() => {
+  const [bridgeRoot, setBridgeRoot] = (0, import_react23.useState)(null);
+  (0, import_react23.useEffect)(() => {
     const figtreeFontId = "ohw-figtree-font";
     if (!document.getElementById(figtreeFontId)) {
       const preconnect1 = Object.assign(document.createElement("link"), { rel: "preconnect", href: "https://fonts.googleapis.com" });
@@ -26013,8 +26114,8 @@ function OhhwellsBridge() {
     };
   }, []);
   const subdomainFromQuery = searchParams.get("subdomain");
-  const [subdomain, setSubdomain] = (0, import_react21.useState)(() => resolveSubdomain(subdomainFromQuery));
-  (0, import_react21.useLayoutEffect)(() => {
+  const [subdomain, setSubdomain] = (0, import_react23.useState)(() => resolveSubdomain(subdomainFromQuery));
+  (0, import_react23.useLayoutEffect)(() => {
     const next = resolveSubdomain(subdomainFromQuery);
     if (next !== subdomain) setSubdomain(next);
     if (next) return;
@@ -26026,7 +26127,7 @@ function OhhwellsBridge() {
     }, 0);
     return () => window.clearTimeout(t);
   }, [subdomainFromQuery, subdomain]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!subdomainFromQuery || typeof window === "undefined") return;
     const url = new URL(window.location.href);
     if (!url.searchParams.has("subdomain")) return;
@@ -26036,22 +26137,24 @@ function OhhwellsBridge() {
   }, [subdomainFromQuery]);
   useLinkHrefGuardian(pathname, subdomain, isEditMode);
   useSavedLinkNavigation(isEditMode);
-  const postToParent2 = (0, import_react21.useCallback)((data) => {
+  useNavDropdownToggle(isEditMode);
+  useHashLinkScroll(isEditMode);
+  const postToParent2 = (0, import_react23.useCallback)((data) => {
     if (typeof window !== "undefined" && window.parent !== window) {
       window.parent.postMessage(data, "*");
     }
   }, []);
-  const [fetchState, setFetchState] = (0, import_react21.useState)("idle");
-  const [showBranding, setShowBranding] = (0, import_react21.useState)(false);
-  const autoSaveTimers = (0, import_react21.useRef)(/* @__PURE__ */ new Map());
-  (0, import_react21.useEffect)(() => {
+  const [fetchState, setFetchState] = (0, import_react23.useState)("idle");
+  const [showBranding, setShowBranding] = (0, import_react23.useState)(false);
+  const autoSaveTimers = (0, import_react23.useRef)(/* @__PURE__ */ new Map());
+  (0, import_react23.useEffect)(() => {
     stampBridgeVersionOnDocument();
   }, []);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (isEditMode) return;
     return armLoaderHangBeacon(subdomain, fetchState);
   }, [isEditMode, subdomain, fetchState]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (isEditMode || !subdomain) return;
     const onError = (event) => {
       reportOutageBeacon({
@@ -26072,40 +26175,40 @@ function OhhwellsBridge() {
       window.removeEventListener("unhandledrejection", onRejection);
     };
   }, [isEditMode, subdomain]);
-  const activeElRef = (0, import_react21.useRef)(null);
-  const pointerHeldRef = (0, import_react21.useRef)(false);
-  const selectedElRef = (0, import_react21.useRef)(null);
-  const selectedHrefKeyRef = (0, import_react21.useRef)(null);
-  const selectedFooterColAttrRef = (0, import_react21.useRef)(null);
-  const footerHeadingTitleCacheRef = (0, import_react21.useRef)(/* @__PURE__ */ new Map());
-  const originalContentRef = (0, import_react21.useRef)(null);
-  const activeStateElRef = (0, import_react21.useRef)(null);
-  const parentScrollRef = (0, import_react21.useRef)(null);
-  const visibleViewportRef = (0, import_react21.useRef)(null);
-  const [dialogPortalContainer, setDialogPortalContainer] = (0, import_react21.useState)(null);
-  const attachVisibleViewport = (0, import_react21.useCallback)((node) => {
+  const activeElRef = (0, import_react23.useRef)(null);
+  const pointerHeldRef = (0, import_react23.useRef)(false);
+  const selectedElRef = (0, import_react23.useRef)(null);
+  const selectedHrefKeyRef = (0, import_react23.useRef)(null);
+  const selectedFooterColAttrRef = (0, import_react23.useRef)(null);
+  const footerHeadingTitleCacheRef = (0, import_react23.useRef)(/* @__PURE__ */ new Map());
+  const originalContentRef = (0, import_react23.useRef)(null);
+  const activeStateElRef = (0, import_react23.useRef)(null);
+  const parentScrollRef = (0, import_react23.useRef)(null);
+  const visibleViewportRef = (0, import_react23.useRef)(null);
+  const [dialogPortalContainer, setDialogPortalContainer] = (0, import_react23.useState)(null);
+  const attachVisibleViewport = (0, import_react23.useCallback)((node) => {
     visibleViewportRef.current = node;
     setDialogPortalContainer(node);
     if (node) applyVisibleViewport(node, parentScrollRef.current);
   }, []);
-  const toolbarElRef = (0, import_react21.useRef)(null);
-  const glowElRef = (0, import_react21.useRef)(null);
-  const hoveredImageRef = (0, import_react21.useRef)(null);
-  const hoveredImageHasTextOverlapRef = (0, import_react21.useRef)(false);
-  const dragOverElRef = (0, import_react21.useRef)(null);
-  const [mediaHover, setMediaHover] = (0, import_react21.useState)(null);
-  const [selectedAiSectionId, setSelectedAiSectionId] = (0, import_react21.useState)(null);
-  const selectedAiSectionIdRef = (0, import_react21.useRef)(null);
-  const handleAiSectionSelectionChange = (0, import_react21.useCallback)((id) => {
+  const toolbarElRef = (0, import_react23.useRef)(null);
+  const glowElRef = (0, import_react23.useRef)(null);
+  const hoveredImageRef = (0, import_react23.useRef)(null);
+  const hoveredImageHasTextOverlapRef = (0, import_react23.useRef)(false);
+  const dragOverElRef = (0, import_react23.useRef)(null);
+  const [mediaHover, setMediaHover] = (0, import_react23.useState)(null);
+  const [selectedAiSectionId, setSelectedAiSectionId] = (0, import_react23.useState)(null);
+  const selectedAiSectionIdRef = (0, import_react23.useRef)(null);
+  const handleAiSectionSelectionChange = (0, import_react23.useCallback)((id) => {
     selectedAiSectionIdRef.current = id;
     setSelectedAiSectionId(id);
   }, []);
-  const [selectedMedia, setSelectedMedia] = (0, import_react21.useState)(null);
-  const selectedMediaElRef = (0, import_react21.useRef)(null);
-  const mediaKeyDropTokenRef = (0, import_react21.useRef)(0);
-  const selectedIconElRef = (0, import_react21.useRef)(null);
-  const selectedSocialElRef = (0, import_react21.useRef)(null);
-  const queueSectionKeyDrop = (0, import_react21.useCallback)((prev) => {
+  const [selectedMedia, setSelectedMedia] = (0, import_react23.useState)(null);
+  const selectedMediaElRef = (0, import_react23.useRef)(null);
+  const mediaKeyDropTokenRef = (0, import_react23.useRef)(0);
+  const selectedIconElRef = (0, import_react23.useRef)(null);
+  const selectedSocialElRef = (0, import_react23.useRef)(null);
+  const queueSectionKeyDrop = (0, import_react23.useCallback)((prev) => {
     const sectionEl = prev?.closest("[data-ohw-section]") ?? null;
     if (!sectionEl) return;
     const sectionInstanceId = instanceIdOf(movableUnit(sectionEl)) || null;
@@ -26126,31 +26229,31 @@ function OhhwellsBridge() {
     window.addEventListener("message", onQueueDrained);
     window.postMessage({ type: "ow:media-key-drop", token }, "*");
   }, []);
-  const clearMediaSelection = (0, import_react21.useCallback)(() => {
+  const clearMediaSelection = (0, import_react23.useCallback)(() => {
     const prev = selectedMediaElRef.current;
     selectedMediaElRef.current = null;
     setSelectedMedia(null);
     queueSectionKeyDrop(prev);
   }, [queueSectionKeyDrop]);
-  const clearMediaSelectionRef = (0, import_react21.useRef)(clearMediaSelection);
+  const clearMediaSelectionRef = (0, import_react23.useRef)(clearMediaSelection);
   clearMediaSelectionRef.current = clearMediaSelection;
-  const clearIconSelection = (0, import_react21.useCallback)(() => {
+  const clearIconSelection = (0, import_react23.useCallback)(() => {
     const prev = selectedIconElRef.current;
     if (!prev) return;
     selectedIconElRef.current = null;
     queueSectionKeyDrop(prev);
   }, [queueSectionKeyDrop]);
-  const clearIconSelectionRef = (0, import_react21.useRef)(clearIconSelection);
+  const clearIconSelectionRef = (0, import_react23.useRef)(clearIconSelection);
   clearIconSelectionRef.current = clearIconSelection;
-  const clearSocialSelection = (0, import_react21.useCallback)(() => {
+  const clearSocialSelection = (0, import_react23.useCallback)(() => {
     const prev = selectedSocialElRef.current;
     if (!prev) return;
     selectedSocialElRef.current = null;
     queueSectionKeyDrop(prev);
   }, [queueSectionKeyDrop]);
-  const clearSocialSelectionRef = (0, import_react21.useRef)(clearSocialSelection);
+  const clearSocialSelectionRef = (0, import_react23.useRef)(clearSocialSelection);
   clearSocialSelectionRef.current = clearSocialSelection;
-  const selectIconElement = (0, import_react21.useCallback)((el) => {
+  const selectIconElement = (0, import_react23.useCallback)((el) => {
     if (selectedMediaElRef.current) clearMediaSelectionRef.current();
     selectedIconElRef.current = el;
     const sectionEl = el.closest("[data-ohw-section]");
@@ -26163,9 +26266,9 @@ function OhhwellsBridge() {
       keyLabel: "Icon"
     });
   }, []);
-  const selectIconElementRef = (0, import_react21.useRef)(selectIconElement);
+  const selectIconElementRef = (0, import_react23.useRef)(selectIconElement);
   selectIconElementRef.current = selectIconElement;
-  const selectMediaElement = (0, import_react21.useCallback)((el) => {
+  const selectMediaElement = (0, import_react23.useCallback)((el) => {
     const r2 = el.getBoundingClientRect();
     const video = el.dataset.ohwEditable === "video" ? el.querySelector("video") : null;
     selectedIconElRef.current = null;
@@ -26190,9 +26293,9 @@ function OhhwellsBridge() {
       keyLabel: el.dataset.ohwEditable === "video" ? "Video" : el.dataset.ohwEditable === "bg-image" ? "Background" : "Image"
     });
   }, []);
-  const selectMediaElementRef = (0, import_react21.useRef)(selectMediaElement);
+  const selectMediaElementRef = (0, import_react23.useRef)(selectMediaElement);
   selectMediaElementRef.current = selectMediaElement;
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!selectedMedia) return;
     const update = () => {
       const el = selectedMediaElRef.current;
@@ -26212,54 +26315,54 @@ function OhhwellsBridge() {
       window.removeEventListener("resize", update);
     };
   }, [selectedMedia !== null]);
-  const [carouselHover, setCarouselHover] = (0, import_react21.useState)(null);
-  const [uploadingRects, setUploadingRects] = (0, import_react21.useState)({});
-  const hoveredGapRef = (0, import_react21.useRef)(null);
-  const imageUnhoverTimerRef = (0, import_react21.useRef)(null);
-  const imageShowTimerRef = (0, import_react21.useRef)(null);
-  const editStylesRef = (0, import_react21.useRef)(null);
-  const activateRef = (0, import_react21.useRef)(() => {
+  const [carouselHover, setCarouselHover] = (0, import_react23.useState)(null);
+  const [uploadingRects, setUploadingRects] = (0, import_react23.useState)({});
+  const hoveredGapRef = (0, import_react23.useRef)(null);
+  const imageUnhoverTimerRef = (0, import_react23.useRef)(null);
+  const imageShowTimerRef = (0, import_react23.useRef)(null);
+  const editStylesRef = (0, import_react23.useRef)(null);
+  const activateRef = (0, import_react23.useRef)(() => {
   });
-  const deactivateRef = (0, import_react21.useRef)(() => {
+  const deactivateRef = (0, import_react23.useRef)(() => {
   });
-  const selectRef = (0, import_react21.useRef)(() => {
+  const selectRef = (0, import_react23.useRef)(() => {
   });
-  const selectFrameRef = (0, import_react21.useRef)(() => {
+  const selectFrameRef = (0, import_react23.useRef)(() => {
   });
-  const selectLogoRef = (0, import_react21.useRef)(() => {
+  const selectLogoRef = (0, import_react23.useRef)(() => {
   });
-  const openLogoSizePanelRef = (0, import_react21.useRef)(() => {
+  const openLogoSizePanelRef = (0, import_react23.useRef)(() => {
   });
-  const deselectRef = (0, import_react21.useRef)(() => {
+  const deselectRef = (0, import_react23.useRef)(() => {
   });
-  const closeFloatingPanelOnlyRef = (0, import_react21.useRef)(() => {
+  const closeFloatingPanelOnlyRef = (0, import_react23.useRef)(() => {
   });
-  const reselectNavigationItemRef = (0, import_react21.useRef)(() => {
+  const reselectNavigationItemRef = (0, import_react23.useRef)(() => {
   });
-  const commitNavigationTextEditRef = (0, import_react21.useRef)(() => {
+  const commitNavigationTextEditRef = (0, import_react23.useRef)(() => {
   });
-  const handleDeleteSelectedRef = (0, import_react21.useRef)(() => false);
-  const runPendingDeleteUndoRef = (0, import_react21.useRef)(() => false);
-  const isFooterFrameSelectionRef = (0, import_react21.useRef)(false);
-  const refreshActiveCommandsRef = (0, import_react21.useRef)(() => {
+  const handleDeleteSelectedRef = (0, import_react23.useRef)(() => false);
+  const runPendingDeleteUndoRef = (0, import_react23.useRef)(() => false);
+  const isFooterFrameSelectionRef = (0, import_react23.useRef)(false);
+  const refreshActiveCommandsRef = (0, import_react23.useRef)(() => {
   });
-  const postToParentRef = (0, import_react21.useRef)(postToParent2);
+  const postToParentRef = (0, import_react23.useRef)(postToParent2);
   postToParentRef.current = postToParent2;
-  const aiSectionApiRef = (0, import_react21.useRef)(null);
-  const sectionsLoadedRef = (0, import_react21.useRef)(false);
-  const pendingScheduleConfigRequests = (0, import_react21.useRef)([]);
-  const [toolbarRect, setToolbarRect] = (0, import_react21.useState)(null);
-  const [formPickRect, setFormPickRect] = (0, import_react21.useState)(null);
-  const formPickElRef = (0, import_react21.useRef)(null);
-  const [formViewState, setFormViewStateUi] = (0, import_react21.useState)("default");
-  const [formPickCount, setFormPickCount] = (0, import_react21.useState)(null);
-  const [formHoverRect, setFormHoverRect] = (0, import_react21.useState)(null);
-  const formHoverElRef = (0, import_react21.useRef)(null);
-  const [fieldPickRect, setFieldPickRect] = (0, import_react21.useState)(null);
-  const fieldPickElRef = (0, import_react21.useRef)(null);
-  const [fieldPickState, setFieldPickState] = (0, import_react21.useState)(null);
-  const [fieldTypePickerOpen, setFieldTypePickerOpen] = (0, import_react21.useState)(false);
-  const clearFormPick = (0, import_react21.useCallback)(() => {
+  const aiSectionApiRef = (0, import_react23.useRef)(null);
+  const sectionsLoadedRef = (0, import_react23.useRef)(false);
+  const pendingScheduleConfigRequests = (0, import_react23.useRef)([]);
+  const [toolbarRect, setToolbarRect] = (0, import_react23.useState)(null);
+  const [formPickRect, setFormPickRect] = (0, import_react23.useState)(null);
+  const formPickElRef = (0, import_react23.useRef)(null);
+  const [formViewState, setFormViewStateUi] = (0, import_react23.useState)("default");
+  const [formPickCount, setFormPickCount] = (0, import_react23.useState)(null);
+  const [formHoverRect, setFormHoverRect] = (0, import_react23.useState)(null);
+  const formHoverElRef = (0, import_react23.useRef)(null);
+  const [fieldPickRect, setFieldPickRect] = (0, import_react23.useState)(null);
+  const fieldPickElRef = (0, import_react23.useRef)(null);
+  const [fieldPickState, setFieldPickState] = (0, import_react23.useState)(null);
+  const [fieldTypePickerOpen, setFieldTypePickerOpen] = (0, import_react23.useState)(false);
+  const clearFormPick = (0, import_react23.useCallback)(() => {
     const form = formPickElRef.current;
     const editing = fieldPickElRef.current;
     if (commitPlaceholderEdit(editing) && editing) {
@@ -26279,7 +26382,7 @@ function OhhwellsBridge() {
     formPickElRef.current = null;
     setFormPickRect(null);
   }, []);
-  const clearFieldPick = (0, import_react21.useCallback)(() => {
+  const clearFieldPick = (0, import_react23.useCallback)(() => {
     const wrapper = fieldPickElRef.current;
     if (commitPlaceholderEdit(wrapper) && wrapper) {
       const form = wrapper.closest('[data-ohw-editable="form"]');
@@ -26289,9 +26392,9 @@ function OhhwellsBridge() {
     setFieldPickRect(null);
     setFieldPickState(null);
   }, []);
-  const persistFieldsRef = (0, import_react21.useRef)(() => {
+  const persistFieldsRef = (0, import_react23.useRef)(() => {
   });
-  const persistFields = (0, import_react21.useCallback)(
+  const persistFields = (0, import_react23.useCallback)(
     (form) => {
       const key = formKeyOf(form);
       if (!key) return;
@@ -26302,7 +26405,7 @@ function OhhwellsBridge() {
     []
   );
   persistFieldsRef.current = persistFields;
-  const selectField = (0, import_react21.useCallback)((wrapper) => {
+  const selectField = (0, import_react23.useCallback)((wrapper) => {
     if (fieldPickElRef.current && fieldPickElRef.current !== wrapper) {
       commitPlaceholderEdit(fieldPickElRef.current);
     }
@@ -26315,7 +26418,7 @@ function OhhwellsBridge() {
     setFieldPickState({ type: fieldTypeOf(wrapper), required: isFieldRequired(wrapper) });
     setFieldTypePickerOpen(false);
   }, []);
-  const withSelectedField = (0, import_react21.useCallback)(
+  const withSelectedField = (0, import_react23.useCallback)(
     (run) => {
       const wrapper = fieldPickElRef.current;
       const form = formPickElRef.current;
@@ -26328,28 +26431,28 @@ function OhhwellsBridge() {
     },
     [persistFields]
   );
-  const handleFieldTypeChange = (0, import_react21.useCallback)(
+  const handleFieldTypeChange = (0, import_react23.useCallback)(
     (type) => withSelectedField((_form, wrapper) => {
       applyFieldType(wrapper, type);
       selectField(wrapper);
     }),
     [selectField, withSelectedField]
   );
-  const handleFieldRequiredToggle = (0, import_react21.useCallback)(
+  const handleFieldRequiredToggle = (0, import_react23.useCallback)(
     () => withSelectedField((_form, wrapper) => {
       setFieldRequired(wrapper, !isFieldRequired(wrapper));
       selectField(wrapper);
     }),
     [selectField, withSelectedField]
   );
-  const handleFieldDuplicate = (0, import_react21.useCallback)(
+  const handleFieldDuplicate = (0, import_react23.useCallback)(
     () => withSelectedField((form, wrapper) => {
       const copy = duplicateField(form, wrapper);
       selectField(copy);
     }),
     [selectField, withSelectedField]
   );
-  const handleFieldDelete = (0, import_react21.useCallback)(
+  const handleFieldDelete = (0, import_react23.useCallback)(
     () => withSelectedField((_form, wrapper) => {
       removeField(wrapper);
       clearFieldPick();
@@ -26357,7 +26460,7 @@ function OhhwellsBridge() {
     }),
     [clearFieldPick, withSelectedField]
   );
-  const handleAddField = (0, import_react21.useCallback)(
+  const handleAddField = (0, import_react23.useCallback)(
     (type) => {
       const form = formPickElRef.current;
       if (!form) return;
@@ -26373,8 +26476,8 @@ function OhhwellsBridge() {
     },
     [persistFields, selectField]
   );
-  const fieldDragRef = (0, import_react21.useRef)(null);
-  const buildFieldDropSlots = (0, import_react21.useCallback)((form, draggedKey) => {
+  const fieldDragRef = (0, import_react23.useRef)(null);
+  const buildFieldDropSlots = (0, import_react23.useCallback)((form, draggedKey) => {
     const others = listFieldWrappers(form).filter((el) => fieldKeyOf(el) !== draggedKey);
     const slots = others.map((el) => {
       const rect = el.getBoundingClientRect();
@@ -26387,7 +26490,7 @@ function OhhwellsBridge() {
     }
     return slots;
   }, []);
-  const handleFieldDragStart = (0, import_react21.useCallback)(() => {
+  const handleFieldDragStart = (0, import_react23.useCallback)(() => {
     const wrapper = fieldPickElRef.current;
     const form = formPickElRef.current;
     if (!wrapper || !form) return;
@@ -26396,18 +26499,18 @@ function OhhwellsBridge() {
     setFieldDragging(true);
     setFieldDropSlots(buildFieldDropSlots(form, key));
   }, [buildFieldDropSlots]);
-  const handleFieldDragEnd = (0, import_react21.useCallback)(() => {
+  const handleFieldDragEnd = (0, import_react23.useCallback)(() => {
     fieldDragRef.current = null;
     setFieldDropIndex(null);
     setFieldDropSlots([]);
     setFieldDragging(false);
   }, []);
-  const [fieldDropIndex, setFieldDropIndex] = (0, import_react21.useState)(null);
-  const [fieldDropSlots, setFieldDropSlots] = (0, import_react21.useState)([]);
-  const [fieldDragging, setFieldDragging] = (0, import_react21.useState)(false);
-  const clearFormPickRef = (0, import_react21.useRef)(clearFormPick);
+  const [fieldDropIndex, setFieldDropIndex] = (0, import_react23.useState)(null);
+  const [fieldDropSlots, setFieldDropSlots] = (0, import_react23.useState)([]);
+  const [fieldDragging, setFieldDragging] = (0, import_react23.useState)(false);
+  const clearFormPickRef = (0, import_react23.useRef)(clearFormPick);
   clearFormPickRef.current = clearFormPick;
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const el = fieldPickElRef.current;
     if (!el || fieldPickRect === null) return;
     const observer = new ResizeObserver(() => {
@@ -26416,7 +26519,7 @@ function OhhwellsBridge() {
     observer.observe(el);
     return () => observer.disconnect();
   }, [fieldPickRect !== null, fieldPickState]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const el = formPickElRef.current;
     if (!el || formPickRect === null) return;
     const observer = new ResizeObserver(() => {
@@ -26425,25 +26528,25 @@ function OhhwellsBridge() {
     observer.observe(el);
     return () => observer.disconnect();
   }, [formPickRect !== null, formViewState]);
-  const [toolbarVariant, setToolbarVariant] = (0, import_react21.useState)("none");
-  const toolbarVariantRef = (0, import_react21.useRef)("none");
+  const [toolbarVariant, setToolbarVariant] = (0, import_react23.useState)("none");
+  const toolbarVariantRef = (0, import_react23.useRef)("none");
   toolbarVariantRef.current = toolbarVariant;
-  const [selectedIsCta, setSelectedIsCta] = (0, import_react21.useState)(false);
-  const [selectedIsSocial, setSelectedIsSocial] = (0, import_react21.useState)(false);
-  const [selectedIsSocialsRow, setSelectedIsSocialsRow] = (0, import_react21.useState)(false);
-  const [reorderHrefKey, setReorderHrefKey] = (0, import_react21.useState)(null);
-  const [reorderDragDisabled, setReorderDragDisabled] = (0, import_react21.useState)(false);
-  const [toggleState, setToggleState] = (0, import_react21.useState)(null);
-  const [maxBadge, setMaxBadge] = (0, import_react21.useState)(null);
-  const [activeCommands, setActiveCommands] = (0, import_react21.useState)(/* @__PURE__ */ new Set());
-  const [sectionGap, setSectionGap] = (0, import_react21.useState)(null);
-  const [toolbarShowEditLink, setToolbarShowEditLink] = (0, import_react21.useState)(false);
-  const hoveredNavContainerRef = (0, import_react21.useRef)(null);
-  const [hoveredNavContainerRect, setHoveredNavContainerRect] = (0, import_react21.useState)(null);
-  const hoveredItemElRef = (0, import_react21.useRef)(null);
-  const [hoveredItemRect, setHoveredItemRect] = (0, import_react21.useState)(null);
-  const [hoveredTextRect, setHoveredTextRect] = (0, import_react21.useState)(null);
-  (0, import_react21.useEffect)(() => {
+  const [selectedIsCta, setSelectedIsCta] = (0, import_react23.useState)(false);
+  const [selectedIsSocial, setSelectedIsSocial] = (0, import_react23.useState)(false);
+  const [selectedIsSocialsRow, setSelectedIsSocialsRow] = (0, import_react23.useState)(false);
+  const [reorderHrefKey, setReorderHrefKey] = (0, import_react23.useState)(null);
+  const [reorderDragDisabled, setReorderDragDisabled] = (0, import_react23.useState)(false);
+  const [toggleState, setToggleState] = (0, import_react23.useState)(null);
+  const [maxBadge, setMaxBadge] = (0, import_react23.useState)(null);
+  const [activeCommands, setActiveCommands] = (0, import_react23.useState)(/* @__PURE__ */ new Set());
+  const [sectionGap, setSectionGap] = (0, import_react23.useState)(null);
+  const [toolbarShowEditLink, setToolbarShowEditLink] = (0, import_react23.useState)(false);
+  const hoveredNavContainerRef = (0, import_react23.useRef)(null);
+  const [hoveredNavContainerRect, setHoveredNavContainerRect] = (0, import_react23.useState)(null);
+  const hoveredItemElRef = (0, import_react23.useRef)(null);
+  const [hoveredItemRect, setHoveredItemRect] = (0, import_react23.useState)(null);
+  const [hoveredTextRect, setHoveredTextRect] = (0, import_react23.useState)(null);
+  (0, import_react23.useEffect)(() => {
     const sync = () => {
       const el = document.querySelector(
         '[data-ohw-hovered]:not([contenteditable]):not([data-ohw-href-key]):not([data-ohw-editable="form"] *)'
@@ -26487,65 +26590,65 @@ function OhhwellsBridge() {
     });
     return () => observer.disconnect();
   }, []);
-  const siblingHintElRef = (0, import_react21.useRef)(null);
-  const [siblingHintRect, setSiblingHintRect] = (0, import_react21.useState)(null);
-  const [siblingHintRects, setSiblingHintRects] = (0, import_react21.useState)([]);
-  const [isItemDragging, setIsItemDragging] = (0, import_react21.useState)(false);
-  const [isFooterFrameSelection, setIsFooterFrameSelection] = (0, import_react21.useState)(false);
+  const siblingHintElRef = (0, import_react23.useRef)(null);
+  const [siblingHintRect, setSiblingHintRect] = (0, import_react23.useState)(null);
+  const [siblingHintRects, setSiblingHintRects] = (0, import_react23.useState)([]);
+  const [isItemDragging, setIsItemDragging] = (0, import_react23.useState)(false);
+  const [isFooterFrameSelection, setIsFooterFrameSelection] = (0, import_react23.useState)(false);
   isFooterFrameSelectionRef.current = isFooterFrameSelection;
-  const [navDropdownPreviewOpen, setNavDropdownPreviewOpen] = (0, import_react21.useState)(null);
-  const [footerHeadingVisible, setFooterHeadingVisible] = (0, import_react21.useState)(null);
-  const footerDragRef = (0, import_react21.useRef)(null);
-  const [footerDropSlots, setFooterDropSlots] = (0, import_react21.useState)([]);
-  const [activeFooterDropIndex, setActiveFooterDropIndex] = (0, import_react21.useState)(null);
-  const [draggedItemRect, setDraggedItemRect] = (0, import_react21.useState)(null);
-  const footerPointerDragRef = (0, import_react21.useRef)(null);
-  const suppressNextClickRef = (0, import_react21.useRef)(false);
-  const suppressClickUntilRef = (0, import_react21.useRef)(0);
-  const [linkPopover, setLinkPopover] = (0, import_react21.useState)(null);
-  const linkPopoverSessionRef = (0, import_react21.useRef)(null);
-  const addNavAfterAnchorRef = (0, import_react21.useRef)(null);
-  const editContentRef = (0, import_react21.useRef)({});
-  const aiSectionsRef = (0, import_react21.useRef)("");
-  const aiFooterRef = (0, import_react21.useRef)("");
-  const applyTreeLocalRef = (0, import_react21.useRef)(
+  const [navDropdownPreviewOpen, setNavDropdownPreviewOpen] = (0, import_react23.useState)(null);
+  const [footerHeadingVisible, setFooterHeadingVisible] = (0, import_react23.useState)(null);
+  const footerDragRef = (0, import_react23.useRef)(null);
+  const [footerDropSlots, setFooterDropSlots] = (0, import_react23.useState)([]);
+  const [activeFooterDropIndex, setActiveFooterDropIndex] = (0, import_react23.useState)(null);
+  const [draggedItemRect, setDraggedItemRect] = (0, import_react23.useState)(null);
+  const footerPointerDragRef = (0, import_react23.useRef)(null);
+  const suppressNextClickRef = (0, import_react23.useRef)(false);
+  const suppressClickUntilRef = (0, import_react23.useRef)(0);
+  const [linkPopover, setLinkPopover] = (0, import_react23.useState)(null);
+  const linkPopoverSessionRef = (0, import_react23.useRef)(null);
+  const addNavAfterAnchorRef = (0, import_react23.useRef)(null);
+  const editContentRef = (0, import_react23.useRef)({});
+  const aiSectionsRef = (0, import_react23.useRef)("");
+  const aiFooterRef = (0, import_react23.useRef)("");
+  const applyTreeLocalRef = (0, import_react23.useRef)(
     null
   );
-  const applyFooterTreeLocalRef = (0, import_react21.useRef)(null);
-  const clearInteractionChromeRef = (0, import_react21.useRef)(() => {
+  const applyFooterTreeLocalRef = (0, import_react23.useRef)(null);
+  const clearInteractionChromeRef = (0, import_react23.useRef)(() => {
   });
-  const brandKitRef = (0, import_react21.useRef)("");
-  const stylesRef = (0, import_react21.useRef)("");
-  const appliedDrawerRef = (0, import_react21.useRef)(null);
-  const pendingDeleteUndoRef = (0, import_react21.useRef)(null);
-  const [floatingPanel, setFloatingPanel] = (0, import_react21.useState)(null);
-  const floatingPanelOpenRef = (0, import_react21.useRef)(false);
-  const floatingPanelRef = (0, import_react21.useRef)(null);
+  const brandKitRef = (0, import_react23.useRef)("");
+  const stylesRef = (0, import_react23.useRef)("");
+  const appliedDrawerRef = (0, import_react23.useRef)(null);
+  const pendingDeleteUndoRef = (0, import_react23.useRef)(null);
+  const [floatingPanel, setFloatingPanel] = (0, import_react23.useState)(null);
+  const floatingPanelOpenRef = (0, import_react23.useRef)(false);
+  const floatingPanelRef = (0, import_react23.useRef)(null);
   floatingPanelRef.current = floatingPanel;
-  const setFloatingPanelRef = (0, import_react21.useRef)(setFloatingPanel);
-  const [floatingPanelPos, setFloatingPanelPos] = (0, import_react21.useState)(null);
-  const buttonCollectionDragRef = (0, import_react21.useRef)(null);
-  const buttonDropInsertIndexRef = (0, import_react21.useRef)(null);
-  const [buttonDropSlots, setButtonDropSlots] = (0, import_react21.useState)([]);
-  const [activeButtonDropIndex, setActiveButtonDropIndex] = (0, import_react21.useState)(null);
-  const buttonPointerDragRef = (0, import_react21.useRef)(null);
-  const [buttonStyleTick, setButtonStyleTick] = (0, import_react21.useState)(0);
-  const [logoSizeDraft, setLogoSizeDraft] = (0, import_react21.useState)(null);
-  const [editorViewport, setEditorViewport] = (0, import_react21.useState)("desktop");
-  const [parentScrollSnap, setParentScrollSnap] = (0, import_react21.useState)(null);
-  const [sitePages, setSitePages] = (0, import_react21.useState)([]);
-  const collectionItemsRef = (0, import_react21.useRef)(/* @__PURE__ */ new Map());
-  const [sectionsByPath, setSectionsByPath] = (0, import_react21.useState)({});
-  const sectionsPrefetchGenRef = (0, import_react21.useRef)(0);
-  const setLinkPopoverRef = (0, import_react21.useRef)(setLinkPopover);
-  const linkPopoverPanelRef = (0, import_react21.useRef)(null);
-  const linkPopoverOpenRef = (0, import_react21.useRef)(false);
-  const linkPopoverGraceUntilRef = (0, import_react21.useRef)(0);
+  const setFloatingPanelRef = (0, import_react23.useRef)(setFloatingPanel);
+  const [floatingPanelPos, setFloatingPanelPos] = (0, import_react23.useState)(null);
+  const buttonCollectionDragRef = (0, import_react23.useRef)(null);
+  const buttonDropInsertIndexRef = (0, import_react23.useRef)(null);
+  const [buttonDropSlots, setButtonDropSlots] = (0, import_react23.useState)([]);
+  const [activeButtonDropIndex, setActiveButtonDropIndex] = (0, import_react23.useState)(null);
+  const buttonPointerDragRef = (0, import_react23.useRef)(null);
+  const [buttonStyleTick, setButtonStyleTick] = (0, import_react23.useState)(0);
+  const [logoSizeDraft, setLogoSizeDraft] = (0, import_react23.useState)(null);
+  const [editorViewport, setEditorViewport] = (0, import_react23.useState)("desktop");
+  const [parentScrollSnap, setParentScrollSnap] = (0, import_react23.useState)(null);
+  const [sitePages, setSitePages] = (0, import_react23.useState)([]);
+  const collectionItemsRef = (0, import_react23.useRef)(/* @__PURE__ */ new Map());
+  const [sectionsByPath, setSectionsByPath] = (0, import_react23.useState)({});
+  const sectionsPrefetchGenRef = (0, import_react23.useRef)(0);
+  const setLinkPopoverRef = (0, import_react23.useRef)(setLinkPopover);
+  const linkPopoverPanelRef = (0, import_react23.useRef)(null);
+  const linkPopoverOpenRef = (0, import_react23.useRef)(false);
+  const linkPopoverGraceUntilRef = (0, import_react23.useRef)(0);
   setLinkPopoverRef.current = setLinkPopover;
   setFloatingPanelRef.current = setFloatingPanel;
   linkPopoverSessionRef.current = linkPopover;
   floatingPanelOpenRef.current = Boolean(floatingPanel);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const syncViewport = () => {
       const next = window.innerWidth <= 480 ? "mobile" : "desktop";
       setEditorViewport((prev) => prev === next ? prev : next);
@@ -26554,7 +26657,7 @@ function OhhwellsBridge() {
     window.addEventListener("resize", syncViewport);
     return () => window.removeEventListener("resize", syncViewport);
   }, []);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     setSectionOrderPersistHandler((entries) => {
       const currentPath = window.location.pathname;
       const merged = mergePageSectionOrder(editContentRef.current[SECTION_ORDER_KEY], currentPath, entries);
@@ -26564,7 +26667,7 @@ function OhhwellsBridge() {
     });
     return () => setSectionOrderPersistHandler(null);
   }, []);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     setAiFooterMountOptions({
       resolvePageHref: (pageOrAnchorId) => {
         const [pageId, anchor] = pageOrAnchorId.split("#");
@@ -26627,7 +26730,7 @@ function OhhwellsBridge() {
   const bumpLinkPopoverGrace = () => {
     linkPopoverGraceUntilRef.current = Date.now() + 350;
   };
-  const runSectionsPrefetch = (0, import_react21.useCallback)((pages) => {
+  const runSectionsPrefetch = (0, import_react23.useCallback)((pages) => {
     if (!isEditMode || shouldUseDevFixtures() || pages.length === 0) return;
     const gen = ++sectionsPrefetchGenRef.current;
     const paths = pages.map((p) => p.path);
@@ -26646,9 +26749,9 @@ function OhhwellsBridge() {
       );
     });
   }, [isEditMode, pathname]);
-  const runSectionsPrefetchRef = (0, import_react21.useRef)(runSectionsPrefetch);
+  const runSectionsPrefetchRef = (0, import_react23.useRef)(runSectionsPrefetch);
   runSectionsPrefetchRef.current = runSectionsPrefetch;
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!linkPopover) {
       document.documentElement.removeAttribute("data-ohw-link-popover-open");
       return;
@@ -26676,7 +26779,7 @@ function OhhwellsBridge() {
       document.documentElement.removeAttribute("data-ohw-link-popover-open");
     };
   }, [linkPopover, postToParent2]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     const useFixtures = shouldUseDevFixtures();
     if (useFixtures) {
@@ -26702,7 +26805,7 @@ function OhhwellsBridge() {
     if (!useFixtures) postToParent2({ type: "ow:request-site-pages" });
     return () => window.removeEventListener("message", onSitePages);
   }, [isEditMode, postToParent2]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     const deps = {
       getEditContent: () => editContentRef.current,
@@ -26739,14 +26842,14 @@ function OhhwellsBridge() {
     window.addEventListener("message", onPageMessage);
     return () => window.removeEventListener("message", onPageMessage);
   }, [isEditMode, postToParent2]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode || shouldUseDevFixtures()) return;
     void loadAllSectionsManifest().then((manifest) => {
       if (Object.keys(manifest).length === 0) return;
       setSectionsByPath((prev) => ({ ...manifest, ...prev }));
     });
   }, [isEditMode]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const update = () => {
       const el = activeElRef.current ?? selectedElRef.current;
       if (el) setToolbarRect(getEditMeasureEl(el).getBoundingClientRect());
@@ -26770,10 +26873,10 @@ function OhhwellsBridge() {
       vvp.removeEventListener("resize", update);
     };
   }, []);
-  const refreshStateRules = (0, import_react21.useCallback)(() => {
+  const refreshStateRules = (0, import_react23.useCallback)(() => {
     editStylesRef.current?.forceHover && (editStylesRef.current.forceHover.textContent = collectStateRules());
   }, []);
-  const processConfigRequest = (0, import_react21.useCallback)((insertAfterVal) => {
+  const processConfigRequest = (0, import_react23.useCallback)((insertAfterVal) => {
     const tracker = getSectionsTracker();
     let entries = [];
     try {
@@ -26796,7 +26899,7 @@ function OhhwellsBridge() {
     }
     window.postMessage({ type: "ow:schedule-config", insertAfter: insertAfterVal, scheduleId: null }, "*");
   }, [isEditMode]);
-  const deactivate = (0, import_react21.useCallback)(() => {
+  const deactivate = (0, import_react23.useCallback)(() => {
     const el = activeElRef.current;
     if (!el) return;
     const isFormBlock = el.dataset.ohwEditable === "form";
@@ -26862,12 +26965,12 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     postToParent2({ type: "ow:exit-edit" });
   }, [postToParent2]);
-  const clearSelectedAttr = (0, import_react21.useCallback)(() => {
+  const clearSelectedAttr = (0, import_react23.useCallback)(() => {
     document.querySelectorAll("[data-ohw-selected]").forEach((el) => {
       el.removeAttribute("data-ohw-selected");
     });
   }, []);
-  const deselect = (0, import_react21.useCallback)(() => {
+  const deselect = (0, import_react23.useCallback)(() => {
     const nestedGroup = selectedElRef.current?.closest("[data-ohw-nav-children]") != null ? selectedElRef.current.closest("[data-ohw-nav-group]") : null;
     clearSelectedAttr();
     selectedElRef.current = null;
@@ -26903,20 +27006,20 @@ function OhhwellsBridge() {
       setToolbarVariant("none");
     }
   }, [clearSelectedAttr]);
-  const markSelected = (0, import_react21.useCallback)((el) => {
+  const markSelected = (0, import_react23.useCallback)((el) => {
     clearSelectedAttr();
     el.removeAttribute("data-ohw-hovered");
     el.setAttribute("data-ohw-selected", "");
   }, [clearSelectedAttr]);
-  const isSelectedForHover = (0, import_react21.useCallback)((el) => {
+  const isSelectedForHover = (0, import_react23.useCallback)((el) => {
     if (!el) return false;
     return [selectedElRef.current, activeElRef.current].some(
       (busy) => busy && (el === busy || busy.contains(el) || el.contains(busy))
     );
   }, []);
-  const isSelectedForHoverRef = (0, import_react21.useRef)(isSelectedForHover);
+  const isSelectedForHoverRef = (0, import_react23.useRef)(isSelectedForHover);
   isSelectedForHoverRef.current = isSelectedForHover;
-  const resolveHrefKeyElement = (0, import_react21.useCallback)((hrefKey) => {
+  const resolveHrefKeyElement = (0, import_react23.useCallback)((hrefKey) => {
     if (isFooterHrefKey(hrefKey)) {
       return document.querySelector(
         `footer [data-ohw-href-key="${CSS.escape(hrefKey)}"]`
@@ -26931,7 +27034,7 @@ function OhhwellsBridge() {
       `[data-ohw-href-key="${CSS.escape(hrefKey)}"]`
     );
   }, []);
-  const resyncSelectedNavigationItem = (0, import_react21.useCallback)(() => {
+  const resyncSelectedNavigationItem = (0, import_react23.useCallback)(() => {
     const hrefKey = selectedHrefKeyRef.current;
     if (hrefKey) {
       const link = resolveHrefKeyElement(hrefKey);
@@ -26969,7 +27072,7 @@ function OhhwellsBridge() {
       );
     }
   }, [resolveHrefKeyElement]);
-  const reselectNavigationItem = (0, import_react21.useCallback)((navAnchor) => {
+  const reselectNavigationItem = (0, import_react23.useCallback)((navAnchor) => {
     selectedElRef.current = navAnchor;
     selectedHrefKeyRef.current = navAnchor.getAttribute("data-ohw-href-key");
     selectedFooterColAttrRef.current = null;
@@ -27000,7 +27103,7 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     setActiveCommands(/* @__PURE__ */ new Set());
   }, [markSelected]);
-  const commitNavigationTextEdit = (0, import_react21.useCallback)((navAnchor) => {
+  const commitNavigationTextEdit = (0, import_react23.useCallback)((navAnchor) => {
     const el = activeElRef.current;
     if (!el) return;
     const key = el.dataset.ohwKey;
@@ -27033,7 +27136,7 @@ function OhhwellsBridge() {
     postToParent2({ type: "ow:exit-edit" });
     reselectNavigationItem(navAnchor);
   }, [postToParent2, reselectNavigationItem]);
-  const handleAddTopLevelNavItem = (0, import_react21.useCallback)(() => {
+  const handleAddTopLevelNavItem = (0, import_react23.useCallback)(() => {
     const items = listNavbarRootItems();
     addNavAfterAnchorRef.current = items[items.length - 1] ?? null;
     deselectRef.current();
@@ -27045,7 +27148,7 @@ function OhhwellsBridge() {
       intent: "add-nav"
     });
   }, []);
-  const maybeWarnNavLinkDropdownConflict = (0, import_react21.useCallback)(
+  const maybeWarnNavLinkDropdownConflict = (0, import_react23.useCallback)(
     (anchor) => {
       if (!isNavbarHrefKey(anchor.getAttribute("data-ohw-href-key"))) return;
       if (!navDropdownsOpenOnClick()) return;
@@ -27058,7 +27161,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const handleNavDropdownOpenChange = (0, import_react21.useCallback)((open) => {
+  const handleNavDropdownOpenChange = (0, import_react23.useCallback)((open) => {
     const selected = selectedElRef.current;
     if (!selected || !isNavigationItem2(selected)) return;
     if (isNestedNavChild(selected)) return;
@@ -27074,7 +27177,7 @@ function OhhwellsBridge() {
       }
     });
   }, []);
-  const handleFooterHeadingVisibleChange = (0, import_react21.useCallback)(
+  const handleFooterHeadingVisibleChange = (0, import_react23.useCallback)(
     (visible) => {
       const selected = selectedElRef.current;
       if (!selected || !isFooterFrameSelectionRef.current) return;
@@ -27127,7 +27230,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const enterEditOnNewItem = (0, import_react21.useCallback)((anchor) => {
+  const enterEditOnNewItem = (0, import_react23.useCallback)((anchor) => {
     const label = anchor.querySelector('[data-ohw-editable="text"]');
     if (!label) {
       selectRef.current(anchor);
@@ -27136,8 +27239,8 @@ function OhhwellsBridge() {
     setNavGroupForceOpen(anchor, true);
     activateRef.current(label);
   }, []);
-  const pendingSocialAddRef = (0, import_react21.useRef)(null);
-  const handleAddChildItem = (0, import_react21.useCallback)(() => {
+  const pendingSocialAddRef = (0, import_react23.useRef)(null);
+  const handleAddChildItem = (0, import_react23.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected) return;
     const socialsRow = isSocialsRow(selected) ? selected : findSocialsRow(selected);
@@ -27264,7 +27367,7 @@ function OhhwellsBridge() {
       });
     });
   }, [enterEditOnNewItem, isFooterFrameSelection, maybeWarnNavLinkDropdownConflict, postToParent2]);
-  const handleAddFooterColumn = (0, import_react21.useCallback)(() => {
+  const handleAddFooterColumn = (0, import_react23.useCallback)(() => {
     if (document.querySelector("[data-ai-footer]")) {
       const state = parseAiFooterState(aiFooterRef.current);
       if (!state?.tree) return;
@@ -27320,7 +27423,7 @@ function OhhwellsBridge() {
       selectRef.current(result.firstLink);
     });
   }, [postToParent2]);
-  const clearFooterDragVisuals = (0, import_react21.useCallback)(() => {
+  const clearFooterDragVisuals = (0, import_react23.useCallback)(() => {
     footerDragRef.current = null;
     setSiblingHintRects([]);
     setFooterDropSlots([]);
@@ -27329,7 +27432,7 @@ function OhhwellsBridge() {
     setIsItemDragging(false);
     unlockFooterDragInteraction();
   }, []);
-  const refreshFooterDragVisuals = (0, import_react21.useCallback)((session, activeSlot, clientX, clientY) => {
+  const refreshFooterDragVisuals = (0, import_react23.useCallback)((session, activeSlot, clientX, clientY) => {
     const dragged = session.draggedEl;
     setDraggedItemRect(dragged.getBoundingClientRect());
     if (typeof clientX === "number" && typeof clientY === "number") {
@@ -27361,13 +27464,13 @@ function OhhwellsBridge() {
     const activeIdx = activeSlot ? slots.findIndex((s) => s.insertIndex === activeSlot.insertIndex) : -1;
     setActiveFooterDropIndex(activeIdx >= 0 ? activeIdx : null);
   }, []);
-  const refreshFooterDragVisualsRef = (0, import_react21.useRef)(refreshFooterDragVisuals);
+  const refreshFooterDragVisualsRef = (0, import_react23.useRef)(refreshFooterDragVisuals);
   refreshFooterDragVisualsRef.current = refreshFooterDragVisuals;
-  const commitFooterDragRef = (0, import_react21.useRef)(() => {
+  const commitFooterDragRef = (0, import_react23.useRef)(() => {
   });
-  const beginFooterDragRef = (0, import_react21.useRef)(() => {
+  const beginFooterDragRef = (0, import_react23.useRef)(() => {
   });
-  const beginFooterDrag = (0, import_react21.useCallback)(
+  const beginFooterDrag = (0, import_react23.useCallback)(
     (session) => {
       const rect = session.draggedEl.getBoundingClientRect();
       session.lastClientX = session.lastClientX || rect.left + rect.width / 2;
@@ -27387,7 +27490,7 @@ function OhhwellsBridge() {
     [refreshFooterDragVisuals]
   );
   beginFooterDragRef.current = beginFooterDrag;
-  const commitFooterDrag = (0, import_react21.useCallback)(
+  const commitFooterDrag = (0, import_react23.useCallback)(
     (clientX, clientY) => {
       const session = footerDragRef.current;
       if (!session) {
@@ -27559,7 +27662,7 @@ function OhhwellsBridge() {
     [clearFooterDragVisuals, resolveHrefKeyElement, resyncSelectedNavigationItem]
   );
   commitFooterDragRef.current = commitFooterDrag;
-  const startFooterLinkDrag = (0, import_react21.useCallback)(
+  const startFooterLinkDrag = (0, import_react23.useCallback)(
     (anchor, clientX, clientY, wasSelected) => {
       const hrefKey = anchor.getAttribute("data-ohw-href-key");
       if (!hrefKey) return false;
@@ -27595,7 +27698,7 @@ function OhhwellsBridge() {
     },
     [beginFooterDrag]
   );
-  const startFooterColumnDrag = (0, import_react21.useCallback)(
+  const startFooterColumnDrag = (0, import_react23.useCallback)(
     (columnEl, clientX, clientY, wasSelected) => {
       const columns = listFooterColumns(columnEl);
       const idx = columns.indexOf(columnEl);
@@ -27615,7 +27718,7 @@ function OhhwellsBridge() {
     },
     [beginFooterDrag]
   );
-  const persistButtonCollectionDrag = (0, import_react21.useCallback)(
+  const persistButtonCollectionDrag = (0, import_react23.useCallback)(
     (button, clientX) => {
       const insertIndex = buttonDropInsertIndexRef.current;
       if (insertIndex != null) insertButtonAtCollectionIndex(button, insertIndex);
@@ -27639,7 +27742,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const refreshButtonDragVisuals = (0, import_react21.useCallback)((button, clientX, clientY) => {
+  const refreshButtonDragVisuals = (0, import_react23.useCallback)((button, clientX, clientY) => {
     const collection = buttonCollectionOf(button);
     if (!collection) {
       setButtonDropSlots([]);
@@ -27656,7 +27759,7 @@ function OhhwellsBridge() {
     setDraggedItemRect(button.getBoundingClientRect());
     if (selectedElRef.current === button) setToolbarRect(button.getBoundingClientRect());
   }, []);
-  const handleItemDragStart = (0, import_react21.useCallback)(
+  const handleItemDragStart = (0, import_react23.useCallback)(
     (e) => {
       const selected = selectedElRef.current;
       if (!selected) {
@@ -27687,7 +27790,7 @@ function OhhwellsBridge() {
     },
     [startFooterColumnDrag, startFooterLinkDrag, startNavLinkDrag, refreshButtonDragVisuals]
   );
-  const handleItemDragEnd = (0, import_react21.useCallback)(
+  const handleItemDragEnd = (0, import_react23.useCallback)(
     (e) => {
       const collectionButton = buttonCollectionDragRef.current;
       if (collectionButton) {
@@ -27718,7 +27821,7 @@ function OhhwellsBridge() {
     },
     [commitFooterDrag, commitNavDrag, navDragRef, persistButtonCollectionDrag]
   );
-  const handleItemChromePointerDown = (0, import_react21.useCallback)((e) => {
+  const handleItemChromePointerDown = (0, import_react23.useCallback)((e) => {
     if (e.button !== 0) return;
     const selected = selectedElRef.current;
     if (!selected) return;
@@ -27759,7 +27862,7 @@ function OhhwellsBridge() {
     }
     if (armNavPressFromChrome(selected, e.clientX, e.clientY, e.pointerId)) return;
   }, [armNavPressFromChrome]);
-  const handleItemChromeClick = (0, import_react21.useCallback)((clientX, clientY) => {
+  const handleItemChromeClick = (0, import_react23.useCallback)((clientX, clientY) => {
     if (suppressNextClickRef.current || Date.now() < suppressClickUntilRef.current) {
       suppressNextClickRef.current = false;
       return;
@@ -27772,7 +27875,7 @@ function OhhwellsBridge() {
   }, []);
   reselectNavigationItemRef.current = reselectNavigationItem;
   commitNavigationTextEditRef.current = commitNavigationTextEdit;
-  const select = (0, import_react21.useCallback)((anchor) => {
+  const select = (0, import_react23.useCallback)((anchor) => {
     if (!isNavigationItem2(anchor)) return;
     if (activeElRef.current) deactivate();
     clearSocialSelectionRef.current();
@@ -27849,7 +27952,7 @@ function OhhwellsBridge() {
       setLogoSizeDraft(null);
     }
   }, [deactivate, markSelected]);
-  const selectFrame = (0, import_react21.useCallback)((el) => {
+  const selectFrame = (0, import_react23.useCallback)((el) => {
     if (!isNavigationContainer(el)) return;
     if (activeElRef.current) deactivate();
     aiSectionApiRef.current?.selectFromElement(el);
@@ -27890,7 +27993,7 @@ function OhhwellsBridge() {
     setFloatingPanelPos(null);
     setLogoSizeDraft(null);
   }, [deactivate, markSelected, postToParent2]);
-  const selectLogo = (0, import_react21.useCallback)(
+  const selectLogo = (0, import_react23.useCallback)(
     (logoEl) => {
       if (activeElRef.current) deactivate();
       selectedElRef.current = logoEl;
@@ -27919,7 +28022,7 @@ function OhhwellsBridge() {
     },
     [deactivate, markSelected]
   );
-  const openLogoSizePanel = (0, import_react21.useCallback)((logoEl) => {
+  const openLogoSizePanel = (0, import_react23.useCallback)((logoEl) => {
     const placement = getLogoPlacement(logoEl);
     const draft = readLogoSizeState(editContentRef.current, placement);
     setLogoSizeDraft(draft);
@@ -27932,7 +28035,7 @@ function OhhwellsBridge() {
       placement
     });
   }, []);
-  const openSocialsDisplayPanel = (0, import_react21.useCallback)((row) => {
+  const openSocialsDisplayPanel = (0, import_react23.useCallback)((row) => {
     setFloatingPanelPos(null);
     setParentScrollSnap(parentScrollRef.current);
     setFloatingPanel({
@@ -27943,7 +28046,7 @@ function OhhwellsBridge() {
       row
     });
   }, []);
-  const rememberButtonTokens = (0, import_react21.useCallback)(
+  const rememberButtonTokens = (0, import_react23.useCallback)(
     (content, tokens, nodes) => {
       if (nodes.length === 0) return content;
       const next = { ...content };
@@ -27954,7 +28057,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const tokensForButton = (0, import_react21.useCallback)(
+  const tokensForButton = (0, import_react23.useCallback)(
     (el, persistFallback = false) => {
       const stored = readStoredStyleTokens(editContentRef.current);
       if (stored) return stored;
@@ -27969,7 +28072,7 @@ function OhhwellsBridge() {
     },
     [rememberButtonTokens]
   );
-  const openButtonStylePanel = (0, import_react21.useCallback)(
+  const openButtonStylePanel = (0, import_react23.useCallback)(
     (anchor) => {
       const id = buttonId(anchor);
       if (!id) return;
@@ -27987,7 +28090,7 @@ function OhhwellsBridge() {
     },
     [tokensForButton]
   );
-  const applySelectedButtonStyle = (0, import_react21.useCallback)(
+  const applySelectedButtonStyle = (0, import_react23.useCallback)(
     (patch) => {
       const panel = floatingPanelRef.current;
       const id = panel?.kind === "button-style" ? panel.buttonId : null;
@@ -28005,7 +28108,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const onDragOver = (e) => {
       const dragged = buttonCollectionDragRef.current;
       if (!dragged) return;
@@ -28024,11 +28127,11 @@ function OhhwellsBridge() {
       document.removeEventListener("drop", onDrop);
     };
   }, [refreshButtonDragVisuals]);
-  const isEditModeRef = (0, import_react21.useRef)(false);
-  const requestMissingSocialIconsRef = (0, import_react21.useRef)(() => {
+  const isEditModeRef = (0, import_react23.useRef)(false);
+  const requestMissingSocialIconsRef = (0, import_react23.useRef)(() => {
   });
-  const askedSocialIconsRef = (0, import_react21.useRef)(/* @__PURE__ */ new Set());
-  const requestMissingSocialIcons = (0, import_react21.useCallback)(() => {
+  const askedSocialIconsRef = (0, import_react23.useRef)(/* @__PURE__ */ new Set());
+  const requestMissingSocialIcons = (0, import_react23.useCallback)(() => {
     const items = Array.from(document.querySelectorAll(`[${SOCIALS_ROW_ATTR}]`)).filter((row) => socialsDisplayFor(row, editContentRef.current).icon).flatMap((row) => {
       const missing = socialsMissingIcons(row);
       listSocialItems(row).forEach((item) => ensureIconSlot(item));
@@ -28040,7 +28143,7 @@ function OhhwellsBridge() {
   }, []);
   requestMissingSocialIconsRef.current = requestMissingSocialIcons;
   isEditModeRef.current = isEditMode;
-  const changeSocialsDisplay = (0, import_react21.useCallback)(
+  const changeSocialsDisplay = (0, import_react23.useCallback)(
     (row, next) => {
       if (next.icon) {
         const missing = socialsMissingIcons(row);
@@ -28064,19 +28167,19 @@ function OhhwellsBridge() {
     },
     []
   );
-  const closeFloatingPanelOnly = (0, import_react21.useCallback)(() => {
+  const closeFloatingPanelOnly = (0, import_react23.useCallback)(() => {
     setFloatingPanel(null);
     setFloatingPanelPos(null);
     setLogoSizeDraft(null);
   }, []);
   closeFloatingPanelOnlyRef.current = closeFloatingPanelOnly;
-  const closeFloatingPanelAndDeselect = (0, import_react21.useCallback)(() => {
+  const closeFloatingPanelAndDeselect = (0, import_react23.useCallback)(() => {
     setFloatingPanel(null);
     setFloatingPanelPos(null);
     setLogoSizeDraft(null);
     deselectRef.current();
   }, []);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const session = floatingPanel && floatingPanel.kind === "logo-size" ? floatingPanel : null;
     if (!session || !logoSizeDraft) {
       postToParentRef.current({ type: "ow:logo-size-panel", open: false });
@@ -28095,7 +28198,7 @@ function OhhwellsBridge() {
       max: LOGO_SIZE_MAX
     });
   }, [floatingPanel, logoSizeDraft, editorViewport]);
-  const persistLogoSizeDraft = (0, import_react21.useCallback)(
+  const persistLogoSizeDraft = (0, import_react23.useCallback)(
     (placement, draft) => {
       const desktopKey = LOGO_SIZE_DESKTOP_KEYS[placement];
       const mobileKey = LOGO_SIZE_MOBILE_KEYS[placement];
@@ -28135,7 +28238,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const activate = (0, import_react21.useCallback)((el, options) => {
+  const activate = (0, import_react23.useCallback)((el, options) => {
     if (activeElRef.current === el) return;
     document.querySelectorAll("[data-ohw-hovered]").forEach((hovered) => {
       hovered.removeAttribute("data-ohw-hovered");
@@ -28233,8 +28336,8 @@ function OhhwellsBridge() {
   openLogoSizePanelRef.current = openLogoSizePanel;
   deselectRef.current = deselect;
   closeFloatingPanelOnlyRef.current = closeFloatingPanelOnly;
-  const lastSiteWideScopeRef = (0, import_react21.useRef)(null);
-  (0, import_react21.useEffect)(() => {
+  const lastSiteWideScopeRef = (0, import_react23.useRef)(null);
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) {
       if (lastSiteWideScopeRef.current !== false) {
         lastSiteWideScopeRef.current = false;
@@ -28260,7 +28363,7 @@ function OhhwellsBridge() {
     isFooterFrameSelection,
     postToParent2
   ]);
-  (0, import_react21.useLayoutEffect)(() => {
+  (0, import_react23.useLayoutEffect)(() => {
     if (!subdomain || isEditMode) {
       setFetchState("done");
       return;
@@ -28414,7 +28517,7 @@ function OhhwellsBridge() {
       cancelled = true;
     };
   }, [subdomain, isEditMode]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     const resolveIndex = (form, clientY) => {
       const wrappers = listFieldWrappers(form).filter((el) => fieldKeyOf(el) !== fieldDragRef.current?.key);
@@ -28455,7 +28558,7 @@ function OhhwellsBridge() {
       window.removeEventListener("drop", onDrop, true);
     };
   }, [buildFieldDropSlots, isEditMode, persistFields, selectField]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     const mark = () => document.querySelectorAll('[data-ohw-editable="form"]').forEach((form) => {
       markFormFields(form);
@@ -28467,7 +28570,7 @@ function OhhwellsBridge() {
     });
     return () => observer.disconnect();
   }, [isEditMode, fetchState, pathname]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     let saveTimer = null;
     const onInput = (e) => {
@@ -28489,14 +28592,14 @@ function OhhwellsBridge() {
     document.addEventListener("input", onInput, true);
     return () => document.removeEventListener("input", onInput, true);
   }, [isEditMode, persistFields]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (isEditMode || fetchState !== "done") return;
     const content = contentCache.get(subdomain) ?? {};
     document.querySelectorAll('[data-ohw-editable="form"]').forEach((form) => {
       reconcileFieldsFromContent(form, content);
     });
   }, [isEditMode, fetchState, subdomain]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     const swallow = (e) => {
       const target = e.target;
@@ -28505,14 +28608,14 @@ function OhhwellsBridge() {
     document.addEventListener("submit", swallow, true);
     return () => document.removeEventListener("submit", swallow, true);
   }, [isEditMode]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (isEditMode || fetchState !== "done") return;
     console.log("env", process.env.NEXT_PUBLIC_FLOWOPS_API_URL);
     const apiUrl = process.env.NEXT_PUBLIC_FLOWOPS_API_URL ?? "https://flowops-backend-staging-2yfdh7pwpq-as.a.run.app";
     console.log({ apiUrl, subdomain });
     bindPublishedForms(apiUrl, subdomain, contentCache.get(subdomain) ?? {});
   }, [isEditMode, fetchState, subdomain]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!subdomain || isEditMode) return;
     let debounceTimer = null;
     let observer = null;
@@ -28632,16 +28735,16 @@ function OhhwellsBridge() {
       if (debounceTimer) clearTimeout(debounceTimer);
     };
   }, [subdomain, isEditMode, pathname]);
-  (0, import_react21.useLayoutEffect)(() => {
+  (0, import_react23.useLayoutEffect)(() => {
     const el = document.getElementById("ohw-loader");
     if (!el) return;
     const visible = Boolean(subdomain) && fetchState !== "done";
     el.style.display = visible ? "flex" : "none";
   }, [subdomain, fetchState]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     postToParent2({ type: "ow:navigation", path: pathname });
   }, [pathname, postToParent2]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!subdomain || isEditMode) return;
     const content = contentCache.get(subdomain);
     if (!content) return;
@@ -28659,7 +28762,7 @@ function OhhwellsBridge() {
     }
     applyAiFooterFromContent(content);
   }, [pathname, subdomain, isEditMode]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     if (linkPopoverSessionRef.current?.intent === "add-nav") return;
     if (document.querySelector("[data-ohw-section-picker]")) return;
@@ -28667,12 +28770,12 @@ function OhhwellsBridge() {
     deselectRef.current();
     deactivateRef.current();
   }, [pathname, isEditMode]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     initSectionInstancesFromContent(editContentRef.current, pathname);
     initItemInstancesFromContent(editContentRef.current);
   }, [pathname, isEditMode]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     const observer = new MutationObserver(() => {
       const drawer = document.querySelector("[data-ohw-nav-drawer]");
@@ -28683,7 +28786,7 @@ function OhhwellsBridge() {
     observer.observe(document.body, { childList: true, subtree: true });
     return () => observer.disconnect();
   }, [isEditMode, pathname]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const contentForNav = () => {
       if (isEditMode) return editContentRef.current;
       if (!subdomain) return {};
@@ -28756,7 +28859,7 @@ function OhhwellsBridge() {
       observer?.disconnect();
     };
   }, [isEditMode, pathname, subdomain, fetchState, resyncSelectedNavigationItem]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     let applying = false;
     let rafId = null;
@@ -28794,7 +28897,7 @@ function OhhwellsBridge() {
       observer.disconnect();
     };
   }, [isEditMode, pathname]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     let lastPosted = 0;
     const measure = () => {
@@ -28823,7 +28926,7 @@ function OhhwellsBridge() {
       ro.disconnect();
     };
   }, [pathname, isEditMode, postToParent2]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (isEditMode) return;
     const handleClick = (e) => {
       if (!isPlainLeftClick(e)) return;
@@ -28837,7 +28940,7 @@ function OhhwellsBridge() {
     document.addEventListener("click", handleClick, true);
     return () => document.removeEventListener("click", handleClick, true);
   }, [isEditMode, router, pathname]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) {
       editStylesRef.current?.base.remove();
       editStylesRef.current?.forceHover.remove();
@@ -32320,7 +32423,7 @@ function OhhwellsBridge() {
       if (imageShowTimerRef.current) clearTimeout(imageShowTimerRef.current);
     };
   }, [isEditMode, refreshStateRules]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     const THRESHOLD = 10;
     const resolveWasSelected = (el) => {
@@ -32476,7 +32579,7 @@ function OhhwellsBridge() {
       unlockFooterDragInteraction();
     };
   }, [isEditMode]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     const THRESHOLD = 10;
     const onPointerDown = (e) => {
@@ -32567,7 +32670,7 @@ function OhhwellsBridge() {
       document.removeEventListener("selectstart", blockSelectStart, true);
     };
   }, [isEditMode, persistButtonCollectionDrag, refreshButtonDragVisuals]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const handler = (e) => {
       if (e.data?.type !== "ow:request-schedule-config") return;
       const insertAfterVal = e.data.insertAfter;
@@ -32583,7 +32686,7 @@ function OhhwellsBridge() {
     window.addEventListener("message", handler);
     return () => window.removeEventListener("message", handler);
   }, [processConfigRequest]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     document.querySelectorAll("[data-ohw-active-state]").forEach((el) => {
       el.removeAttribute("data-ohw-active-state");
@@ -32607,7 +32710,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.160-next.428",
+        bridgeVersion: "0.1.160-next.429",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections
@@ -32619,13 +32722,13 @@ function OhhwellsBridge() {
       clearTimeout(timer);
     };
   }, [pathname, isEditMode, refreshStateRules, postToParent2]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     scrollToHashSectionWhenReady();
     const onHashChange = () => scrollToHashSectionWhenReady();
     window.addEventListener("hashchange", onHashChange);
     return () => window.removeEventListener("hashchange", onHashChange);
   }, [pathname]);
-  const handleCommand = (0, import_react21.useCallback)((cmd) => {
+  const handleCommand = (0, import_react23.useCallback)((cmd) => {
     const el = activeElRef.current;
     const selBefore = window.getSelection();
     let savedOffsets = null;
@@ -32661,7 +32764,7 @@ function OhhwellsBridge() {
     if (el) setToolbarRect(getEditMeasureEl(el).getBoundingClientRect());
     refreshActiveCommandsRef.current();
   }, []);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const session = floatingPanel && floatingPanel.kind === "logo-size" ? floatingPanel : null;
     if (!session || !logoSizeDraft) return;
     const onPanelAction = (e) => {
@@ -32699,7 +32802,7 @@ function OhhwellsBridge() {
     window.addEventListener("message", onPanelAction);
     return () => window.removeEventListener("message", onPanelAction);
   }, [floatingPanel, logoSizeDraft, editorViewport, persistLogoSizeDraft, closeFloatingPanelAndDeselect]);
-  const handleStateChange = (0, import_react21.useCallback)((state) => {
+  const handleStateChange = (0, import_react23.useCallback)((state) => {
     if (!activeStateElRef.current) return;
     const el = activeStateElRef.current;
     if (state === "Default") {
@@ -32712,7 +32815,7 @@ function OhhwellsBridge() {
     }
     setToggleState((prev) => prev ? { ...prev, activeState: state } : null);
   }, [deactivate]);
-  const reselectAfterLinkPopover = (0, import_react21.useCallback)(
+  const reselectAfterLinkPopover = (0, import_react23.useCallback)(
     (hrefKey) => {
       requestAnimationFrame(() => {
         const el = resolveHrefKeyElement(hrefKey);
@@ -32721,7 +32824,7 @@ function OhhwellsBridge() {
     },
     [resolveHrefKeyElement]
   );
-  const closeLinkPopover = (0, import_react21.useCallback)(() => {
+  const closeLinkPopover = (0, import_react23.useCallback)(() => {
     const session = linkPopoverSessionRef.current;
     addNavAfterAnchorRef.current = null;
     setLinkPopover(null);
@@ -32729,9 +32832,9 @@ function OhhwellsBridge() {
       reselectAfterLinkPopover(session.key);
     }
   }, [reselectAfterLinkPopover]);
-  const closeLinkPopoverRef = (0, import_react21.useRef)(closeLinkPopover);
+  const closeLinkPopoverRef = (0, import_react23.useRef)(closeLinkPopover);
   closeLinkPopoverRef.current = closeLinkPopover;
-  const openLinkPopoverForActive = (0, import_react21.useCallback)(() => {
+  const openLinkPopoverForActive = (0, import_react23.useCallback)(() => {
     const hrefCtx = getHrefKeyFromElement(activeElRef.current);
     if (!hrefCtx) return;
     bumpLinkPopoverGrace();
@@ -32742,7 +32845,7 @@ function OhhwellsBridge() {
     });
     deactivate();
   }, [deactivate]);
-  const openLinkPopoverForSelected = (0, import_react21.useCallback)(() => {
+  const openLinkPopoverForSelected = (0, import_react23.useCallback)(() => {
     const anchor = selectedElRef.current;
     if (!anchor) return;
     const key = anchor.getAttribute("data-ohw-href-key");
@@ -32759,7 +32862,7 @@ function OhhwellsBridge() {
     });
     deselect();
   }, [deselect]);
-  const handleSelectParent = (0, import_react21.useCallback)(() => {
+  const handleSelectParent = (0, import_react23.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected) return;
     if (toolbarVariantRef.current === "select-frame") {
@@ -32786,7 +32889,7 @@ function OhhwellsBridge() {
     }
     deselectRef.current();
   }, []);
-  const handleDuplicateSelected = (0, import_react21.useCallback)(() => {
+  const handleDuplicateSelected = (0, import_react23.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected || !isNavigationItem2(selected)) return;
     if (isCtaButton(selected)) {
@@ -32955,7 +33058,7 @@ function OhhwellsBridge() {
       });
     }
   }, [postToParent2, tokensForButton]);
-  const runPendingDeleteUndo = (0, import_react21.useCallback)(() => {
+  const runPendingDeleteUndo = (0, import_react23.useCallback)(() => {
     const pending = pendingDeleteUndoRef.current;
     if (!pending) return false;
     pendingDeleteUndoRef.current = null;
@@ -32963,7 +33066,7 @@ function OhhwellsBridge() {
     enforceLinkHrefs();
     return true;
   }, []);
-  const handleDeleteSelected = (0, import_react21.useCallback)(() => {
+  const handleDeleteSelected = (0, import_react23.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected) return false;
     if (isCtaButton(selected)) {
@@ -33025,7 +33128,7 @@ function OhhwellsBridge() {
   }, [postToParent2]);
   handleDeleteSelectedRef.current = handleDeleteSelected;
   runPendingDeleteUndoRef.current = runPendingDeleteUndo;
-  const handleLinkPopoverSubmit = (0, import_react21.useCallback)(
+  const handleLinkPopoverSubmit = (0, import_react23.useCallback)(
     (target) => {
       const session = linkPopoverSessionRef.current;
       if (!session) return;
@@ -33091,14 +33194,14 @@ function OhhwellsBridge() {
   const showEditLink = toolbarShowEditLink;
   const currentSections = sectionsByPath[pathname] ?? [];
   linkPopoverOpenRef.current = linkPopover !== null;
-  const handleMediaSelect = (0, import_react21.useCallback)((key) => {
+  const handleMediaSelect = (0, import_react23.useCallback)((key) => {
     const el = hoveredImageRef.current?.dataset.ohwKey === key ? hoveredImageRef.current : Array.from(document.querySelectorAll(MEDIA_SELECTOR)).find(
       (m) => (m.dataset.ohwKey ?? "") === key
     ) ?? null;
     if (!el) return;
     selectMediaElementRef.current(el);
   }, []);
-  const handleMediaReplace = (0, import_react21.useCallback)(
+  const handleMediaReplace = (0, import_react23.useCallback)(
     (key) => {
       postToParent2({
         type: "ow:image-pick",
@@ -33108,13 +33211,13 @@ function OhhwellsBridge() {
     },
     [postToParent2, mediaHover?.elementType, selectedMedia?.elementType]
   );
-  const handleEditCarousel = (0, import_react21.useCallback)(
+  const handleEditCarousel = (0, import_react23.useCallback)(
     (key) => {
       postToParent2({ type: "ow:carousel-open", key, images: readCarouselValue(key) });
     },
     [postToParent2]
   );
-  const handleMediaFadeOutComplete = (0, import_react21.useCallback)((key) => {
+  const handleMediaFadeOutComplete = (0, import_react23.useCallback)((key) => {
     setUploadingRects((prev) => {
       if (!(key in prev)) return prev;
       const next = { ...prev };
@@ -33122,7 +33225,7 @@ function OhhwellsBridge() {
       return next;
     });
   }, []);
-  const handleVideoSettingsChange = (0, import_react21.useCallback)(
+  const handleVideoSettingsChange = (0, import_react23.useCallback)(
     (key, settings) => {
       document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
         const video = getVideoEl2(el);