@ohhwells/bridge 0.1.160 → 0.1.161

package/dist/index.cjs

@@ -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");
 
@@ -12107,11 +12107,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);
@@ -12141,11 +12269,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();
@@ -12412,21 +12540,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();
@@ -12441,9 +12569,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;
@@ -12463,14 +12591,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]
   );
@@ -12655,16 +12783,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 {
@@ -12674,7 +12802,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) => {
@@ -12683,8 +12811,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))) {
@@ -12693,7 +12821,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();
@@ -12705,7 +12833,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);
@@ -16460,7 +16588,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
@@ -16645,7 +16773,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";
@@ -16853,7 +16981,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)";
@@ -16910,8 +17038,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 = () => {
@@ -16974,15 +17102,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 = () => {
@@ -17063,8 +17191,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";
@@ -17339,7 +17467,7 @@ function apiBase() {
 function bridgeVersion() {
   try {
     if (true) {
-      return "0.1.160";
+      return "0.1.161";
     }
   } catch {
   }
@@ -17353,7 +17481,7 @@ function stampBridgeVersionOnDocument() {
     return;
   }
   try {
-    const v = true ? "0.1.160" : "";
+    const v = true ? "0.1.161" : "";
     if (v) {
       document.documentElement.setAttribute("data-ohw-bridge-version", v);
       window.__OHW_BRIDGE_VERSION__ = v;
@@ -18260,7 +18388,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
@@ -18355,8 +18483,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;
@@ -18395,8 +18523,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;
@@ -18458,7 +18586,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",
@@ -18513,17 +18641,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({
@@ -18534,7 +18662,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;
@@ -18546,7 +18674,7 @@ function AiSectionOverlay({
     },
     [report]
   );
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     apiRef.current = {
       selectFromElement,
       handleBackgroundClick: (target, clientX, clientY) => {
@@ -18571,7 +18699,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;
@@ -18596,9 +18724,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;
@@ -18623,7 +18751,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;
@@ -18637,7 +18765,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;
@@ -18646,8 +18774,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]")));
     };
@@ -18666,7 +18794,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 });
@@ -18786,7 +18914,7 @@ function AiSectionOverlay({
 }
 
 // src/ui/ai-section/AiMediaStripOverlay.tsx
-var import_react10 = require("react");
+var import_react12 = require("react");
 var import_lucide_react8 = require("lucide-react");
 
 // src/lib/ai-media-strip-tree.ts
@@ -18948,8 +19076,8 @@ function readRect2(ref) {
   return { top: r2.top, left: r2.left, width: r2.width, height: r2.height };
 }
 function useLiveItemRect(ref) {
-  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;
@@ -19044,8 +19172,8 @@ function Pill({
   );
 }
 function AltInput({ value, onCommit }) {
-  const [draft, setDraft] = (0, import_react10.useState)(value);
-  (0, import_react10.useEffect)(() => setDraft(value), [value]);
+  const [draft, setDraft] = (0, import_react12.useState)(value);
+  (0, import_react12.useEffect)(() => setDraft(value), [value]);
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     "div",
     {
@@ -19132,9 +19260,9 @@ var TREATMENTS = [
 ];
 var HTTP_URL_RE = /^https?:\/\/\S+$/i;
 function LinkInput({ value, onCommit }) {
-  const [draft, setDraft] = (0, import_react10.useState)(value);
-  const [invalid, setInvalid] = (0, import_react10.useState)(false);
-  (0, import_react10.useEffect)(() => {
+  const [draft, setDraft] = (0, import_react12.useState)(value);
+  const [invalid, setInvalid] = (0, import_react12.useState)(false);
+  (0, import_react12.useEffect)(() => {
     setDraft(value);
     setInvalid(false);
   }, [value]);
@@ -19323,13 +19451,13 @@ function AiMediaStripOverlay({
   applyTreeLocalRef,
   clearInteractionChromeRef
 }) {
-  const [hover, setHover] = (0, import_react10.useState)(null);
-  const [active, setActive] = (0, import_react10.useState)(null);
-  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 [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;
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const onMove = (e) => {
       const t = e.target;
       if (!(t instanceof HTMLElement)) return;
@@ -19359,7 +19487,7 @@ function AiMediaStripOverlay({
       document.documentElement.removeEventListener("mouseleave", onLeave);
     };
   }, []);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const onClick = (e) => {
       const current = activeRef.current;
       if (!current) return;
@@ -19374,7 +19502,7 @@ function AiMediaStripOverlay({
     document.addEventListener("click", onClick, true);
     return () => document.removeEventListener("click", onClick, true);
   }, []);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const onBlur = () => {
       if (!activeRef.current) return;
       setActive(null);
@@ -19383,7 +19511,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;
@@ -19393,14 +19521,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;
@@ -19547,7 +19675,7 @@ function AiMediaStripOverlay({
 }
 
 // src/ui/ai-section/AiPricingCardOverlay.tsx
-var import_react11 = require("react");
+var import_react13 = require("react");
 var import_lucide_react9 = require("lucide-react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var PRIMARY4 = "var(--ohw-primary, #0885FE)";
@@ -19590,8 +19718,8 @@ function readGridRect(ref) {
   return rectOf(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;
@@ -19619,10 +19747,10 @@ var TOOLBAR_GRID_GAP = 52;
 var TOOLBAR_GRID_GAP_MOBILE = 42;
 var TOOLBAR_EDGE_MARGIN2 = 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 = () => {
@@ -19879,13 +20007,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;
@@ -19903,7 +20031,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;
@@ -19915,7 +20043,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);
@@ -19924,7 +20052,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;
@@ -19935,14 +20063,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;
@@ -20029,7 +20157,7 @@ function AiPricingCardOverlay({
 }
 
 // src/ui/ai-section/AiVideoOverlay.tsx
-var import_react12 = require("react");
+var import_react14 = require("react");
 var import_lucide_react10 = require("lucide-react");
 
 // src/lib/ai-video-tree.ts
@@ -20122,8 +20250,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;
@@ -20201,9 +20329,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]);
@@ -20340,13 +20468,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;
@@ -20376,7 +20504,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;
@@ -20391,7 +20519,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);
@@ -20400,7 +20528,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;
@@ -20410,14 +20538,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;
@@ -20509,7 +20637,7 @@ function AiVideoOverlay({
 }
 
 // src/ui/ai-section/AiFadeCarouselOverlay.tsx
-var import_react13 = require("react");
+var import_react15 = require("react");
 var import_lucide_react11 = require("lucide-react");
 
 // src/lib/ai-carousel-tree.ts
@@ -20582,8 +20710,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;
@@ -20790,19 +20918,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,
@@ -20812,7 +20940,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;
@@ -20846,7 +20974,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;
@@ -20861,7 +20989,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);
@@ -20870,7 +20998,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;
@@ -20880,14 +21008,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;
@@ -21024,7 +21152,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 = [
@@ -21166,35 +21294,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/dialog.tsx
 var React9 = __toESM(require("react"), 1);
@@ -21394,7 +21495,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);
@@ -21462,11 +21563,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;
@@ -21674,10 +21775,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) {
@@ -21731,12 +21832,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;
@@ -21775,15 +21876,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
@@ -21791,12 +21892,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");
@@ -21808,24 +21909,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);
@@ -21834,7 +21935,7 @@ function SectionPickerOverlay({
     },
     []
   );
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const applyClip = (iframeOffsetTop, visibleCanvasTop, canvasH, promptBarH = 0) => {
       const next = getIframeVisibleClip({
         iframeOffsetTop,
@@ -21878,12 +21979,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;
@@ -21907,7 +22008,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);
@@ -21915,7 +22016,7 @@ function SectionPickerOverlay({
     },
     [selectedId, onSelect]
   );
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const onKeyDown = (e) => {
       if (e.key === "Escape") {
         e.preventDefault();
@@ -22038,7 +22139,7 @@ function SectionPickerOverlay({
 }
 
 // src/ui/link-modal/useLinkModalState.ts
-var import_react16 = require("react");
+var import_react18 = require("react");
 function useLinkModalState({
   open,
   mode,
@@ -22050,14 +22151,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);
@@ -22065,7 +22166,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);
@@ -22081,11 +22182,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]);
@@ -22134,7 +22235,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;
@@ -22231,7 +22332,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" });
@@ -22472,7 +22573,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;
@@ -22534,10 +22635,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) {
@@ -22545,17 +22646,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;
@@ -22565,8 +22666,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;
@@ -22576,7 +22677,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]");
@@ -22585,7 +22686,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;
@@ -22604,7 +22705,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;
@@ -22630,7 +22731,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;
@@ -22640,11 +22741,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",
@@ -23164,7 +23265,7 @@ function hitTestNavDropSlot(clientX, clientY, draggedHrefKey, draggedEl) {
 }
 
 // src/useNavItemDrag.ts
-var import_react19 = require("react");
+var import_react21 = require("react");
 function useNavItemDrag({
   isEditMode,
   editContentRef,
@@ -23188,11 +23289,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;
@@ -23225,7 +23326,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") {
@@ -23243,13 +23344,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;
@@ -23288,7 +23389,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) {
@@ -23367,7 +23468,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");
@@ -23385,7 +23486,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;
@@ -23397,7 +23498,7 @@ function useNavItemDrag({
     },
     []
   );
-  (0, import_react19.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (!isEditMode) return;
     const THRESHOLD = 10;
     const resolveWasSelected = (el) => {
@@ -23524,7 +23625,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;
@@ -23556,7 +23657,7 @@ function useNavItemDrag({
 }
 
 // src/useSectionDrag.ts
-var import_react20 = require("react");
+var import_react22 = require("react");
 
 // src/lib/section-dnd.ts
 function isFooterSection(el) {
@@ -23649,21 +23750,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;
@@ -23673,7 +23774,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;
@@ -23695,7 +23796,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([]);
@@ -23705,7 +23806,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;
@@ -23719,7 +23820,7 @@ function useSectionDrag({
     },
     [updateAutoScroll]
   );
-  const beginSectionDrag = (0, import_react20.useCallback)(
+  const beginSectionDrag = (0, import_react22.useCallback)(
     (session) => {
       sectionDragRef.current = session;
       setIsSectionDragging(true);
@@ -23730,7 +23831,7 @@ function useSectionDrag({
     },
     [refreshSectionDragVisuals]
   );
-  const commitSectionDrag = (0, import_react20.useCallback)(() => {
+  const commitSectionDrag = (0, import_react22.useCallback)(() => {
     const session = sectionDragRef.current;
     if (!session) {
       clearSectionDragVisuals();
@@ -23759,7 +23860,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);
@@ -23776,7 +23877,7 @@ function useSectionDrag({
     },
     [footerDragRef, navDragRef]
   );
-  (0, import_react20.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (!isEditMode) return;
     const onPointerDown = (e) => {
       if (e.button !== 0) return;
@@ -25459,9 +25560,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);
@@ -25473,7 +25574,7 @@ function FloatingToolbar({
     },
     [elRef]
   );
-  import_react21.default.useLayoutEffect(() => {
+  import_react23.default.useLayoutEffect(() => {
     const node = localRef.current;
     if (!node) return;
     const update = () => {
@@ -25499,7 +25600,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);
@@ -25704,12 +25805,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" });
@@ -25735,8 +25836,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;
@@ -25748,7 +25849,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;
@@ -25758,22 +25859,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({
@@ -25794,40 +25897,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;
@@ -25848,31 +25951,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]");
@@ -25885,9 +25988,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;
@@ -25912,9 +26015,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;
@@ -25934,54 +26037,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) {
@@ -26001,7 +26104,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"]');
@@ -26011,9 +26114,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;
@@ -26024,7 +26127,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);
     }
@@ -26037,7 +26140,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;
@@ -26050,28 +26153,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();
@@ -26079,7 +26182,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;
@@ -26095,8 +26198,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();
@@ -26109,7 +26212,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;
@@ -26118,18 +26221,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(() => {
@@ -26138,7 +26241,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(() => {
@@ -26147,25 +26250,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"] *)'
@@ -26209,63 +26312,63 @@ 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 [floatingPanel, setFloatingPanel] = (0, import_react21.useState)(null);
-  const floatingPanelOpenRef = (0, import_react21.useRef)(false);
+  const [floatingPanel, setFloatingPanel] = (0, import_react23.useState)(null);
+  const floatingPanelOpenRef = (0, import_react23.useRef)(false);
   floatingPanelOpenRef.current = floatingPanel !== null;
-  const floatingPanelRef = (0, import_react21.useRef)(null);
+  const floatingPanelRef = (0, import_react23.useRef)(null);
   floatingPanelRef.current = floatingPanel;
-  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 [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 [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 [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 [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 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 [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;
   linkPopoverSessionRef.current = linkPopover;
-  (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);
@@ -26275,7 +26378,7 @@ function OhhwellsBridge() {
     });
     return () => setSectionOrderPersistHandler(null);
   }, []);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     setAiFooterMountOptions({
       resolvePageHref: (pageOrAnchorId) => {
         const [pageId, anchor] = pageOrAnchorId.split("#");
@@ -26338,7 +26441,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);
@@ -26357,9 +26460,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;
@@ -26387,7 +26490,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) {
@@ -26413,14 +26516,14 @@ 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 || 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());
@@ -26444,10 +26547,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 {
@@ -26470,7 +26573,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";
@@ -26536,12 +26639,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;
@@ -26577,20 +26680,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)}"]`
@@ -26605,7 +26708,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);
@@ -26643,7 +26746,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;
@@ -26674,7 +26777,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;
@@ -26707,7 +26810,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();
@@ -26719,7 +26822,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;
@@ -26732,7 +26835,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;
@@ -26748,7 +26851,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;
@@ -26801,7 +26904,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);
@@ -26810,8 +26913,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);
@@ -26938,7 +27041,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;
@@ -26994,7 +27097,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([]);
@@ -27003,7 +27106,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") {
@@ -27035,13 +27138,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;
@@ -27061,7 +27164,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) {
@@ -27233,7 +27336,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;
@@ -27269,7 +27372,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);
@@ -27289,7 +27392,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);
@@ -27313,7 +27416,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([]);
@@ -27330,7 +27433,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) {
@@ -27361,7 +27464,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) {
@@ -27392,7 +27495,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;
@@ -27433,7 +27536,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;
@@ -27446,7 +27549,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();
@@ -27523,7 +27626,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);
@@ -27564,7 +27667,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;
@@ -27593,7 +27696,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);
@@ -27606,7 +27709,7 @@ function OhhwellsBridge() {
       placement
     });
   }, []);
-  const openSocialsDisplayPanel = (0, import_react21.useCallback)((row) => {
+  const openSocialsDisplayPanel = (0, import_react23.useCallback)((row) => {
     setFloatingPanelPos(null);
     setParentScrollSnap(parentScrollRef.current);
     setFloatingPanel({
@@ -27617,7 +27720,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 };
@@ -27628,7 +27731,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;
@@ -27643,7 +27746,7 @@ function OhhwellsBridge() {
     },
     [rememberButtonTokens]
   );
-  const openButtonStylePanel = (0, import_react21.useCallback)(
+  const openButtonStylePanel = (0, import_react23.useCallback)(
     (anchor) => {
       const id = buttonId(anchor);
       if (!id) return;
@@ -27661,7 +27764,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;
@@ -27679,7 +27782,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const onDragOver = (e) => {
       const dragged = buttonCollectionDragRef.current;
       if (!dragged) return;
@@ -27698,11 +27801,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));
@@ -27714,7 +27817,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);
@@ -27738,19 +27841,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 });
@@ -27769,7 +27872,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];
@@ -27809,7 +27912,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");
@@ -27907,8 +28010,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;
@@ -27934,7 +28037,7 @@ function OhhwellsBridge() {
     isFooterFrameSelection,
     postToParent2
   ]);
-  (0, import_react21.useLayoutEffect)(() => {
+  (0, import_react23.useLayoutEffect)(() => {
     if (!subdomain || isEditMode) {
       setFetchState("done");
       return;
@@ -28085,7 +28188,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);
@@ -28126,7 +28229,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);
@@ -28138,7 +28241,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) => {
@@ -28160,14 +28263,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;
@@ -28176,14 +28279,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;
@@ -28300,16 +28403,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;
@@ -28327,7 +28430,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;
@@ -28335,12 +28438,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]");
@@ -28351,7 +28454,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 {};
@@ -28424,7 +28527,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;
@@ -28462,7 +28565,7 @@ function OhhwellsBridge() {
       observer.disconnect();
     };
   }, [isEditMode, pathname]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     let lastPosted = 0;
     const measure = () => {
@@ -28506,7 +28609,7 @@ function OhhwellsBridge() {
       window.removeEventListener("resize", handleResize);
     };
   }, [pathname, isEditMode, postToParent2]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (isEditMode) return;
     const handleClick = (e) => {
       if (!isPlainLeftClick(e)) return;
@@ -28520,7 +28623,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();
@@ -31975,7 +32078,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) => {
@@ -32131,7 +32234,7 @@ function OhhwellsBridge() {
       unlockFooterDragInteraction();
     };
   }, [isEditMode]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     const THRESHOLD = 10;
     const onPointerDown = (e) => {
@@ -32222,7 +32325,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;
@@ -32238,7 +32341,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");
@@ -32262,7 +32365,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.160",
+        bridgeVersion: "0.1.161",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections
@@ -32274,13 +32377,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;
@@ -32316,7 +32419,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) => {
@@ -32354,7 +32457,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") {
@@ -32367,7 +32470,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);
@@ -32376,7 +32479,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);
@@ -32384,9 +32487,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();
@@ -32397,7 +32500,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");
@@ -32414,7 +32517,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") {
@@ -32441,7 +32544,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)) {
@@ -32610,7 +32713,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;
@@ -32618,7 +32721,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)) {
@@ -32680,7 +32783,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;
@@ -32746,14 +32849,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",
@@ -32763,13 +32866,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 };
@@ -32777,7 +32880,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);