@ohhwells/bridge 0.1.52-next.133 → 0.1.52-next.134

package/dist/index.cjs

@@ -69,7 +69,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/OhhwellsBridge.tsx
-var import_react13 = __toESM(require("react"), 1);
+var import_react14 = __toESM(require("react"), 1);
 var import_client = require("react-dom/client");
 var import_react_dom2 = require("react-dom");
 
@@ -121,11 +121,43 @@ function useLinkHrefGuardian(...deps) {
   }, deps);
 }
 
+// src/useSavedLinkNavigation.ts
+var import_react2 = require("react");
+var import_navigation = require("next/navigation");
+function isRouterHref(href) {
+  return href.startsWith("/") || href.startsWith("#");
+}
+function shouldLetBrowserHandle(e, anchor) {
+  return e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || anchor.hasAttribute("download") || anchor.target !== "" && anchor.target !== "_self";
+}
+function useSavedLinkNavigation(isEditMode) {
+  const router = (0, import_navigation.useRouter)();
+  (0, import_react2.useEffect)(() => {
+    if (isEditMode) return;
+    const onClick = (e) => {
+      const anchor = e.target?.closest(
+        "a[data-ohw-href-key]"
+      );
+      if (!anchor || shouldLetBrowserHandle(e, anchor)) return;
+      const key = anchor.getAttribute("data-ohw-href-key");
+      if (!key || getStoredLinkHref(key) === void 0) return;
+      const href = anchor.getAttribute("href");
+      if (!href) return;
+      e.preventDefault();
+      e.stopPropagation();
+      if (isRouterHref(href)) router.push(href);
+      else window.location.assign(href);
+    };
+    document.addEventListener("click", onClick, true);
+    return () => document.removeEventListener("click", onClick, true);
+  }, [isEditMode, router]);
+}
+
 // src/ui/SchedulingWidget.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 
 // src/ui/EmailCaptureModal.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 var import_radix_ui = require("radix-ui");
 var import_jsx_runtime = require("react/jsx-runtime");
 var isValidEmail = (value) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
@@ -155,11 +187,11 @@ function Spinner() {
   );
 }
 function EmailCaptureModal({ title, subtitle, onSubmit, onClose }) {
-  const [email, setEmail] = (0, import_react2.useState)("");
-  const [submittedEmail, setSubmittedEmail] = (0, import_react2.useState)("");
-  const [loading, setLoading] = (0, import_react2.useState)(false);
-  const [success, setSuccess] = (0, import_react2.useState)(false);
-  const [error, setError] = (0, import_react2.useState)(null);
+  const [email, setEmail] = (0, import_react3.useState)("");
+  const [submittedEmail, setSubmittedEmail] = (0, import_react3.useState)("");
+  const [loading, setLoading] = (0, import_react3.useState)(false);
+  const [success, setSuccess] = (0, import_react3.useState)(false);
+  const [error, setError] = (0, import_react3.useState)(null);
   const isBook = title === "Confirm your spot";
   const handleSubmit = async () => {
     const trimmed = email.trim();
@@ -423,21 +455,21 @@ function LoadingSkeleton() {
   ] });
 }
 function ScheduleView({ schedule, dates, selectedIdx, onSelectDate, onOpenModal }) {
-  const todayMs = (0, import_react3.useMemo)(() => {
+  const todayMs = (0, import_react4.useMemo)(() => {
     const d = /* @__PURE__ */ new Date();
     d.setHours(0, 0, 0, 0);
     return d.getTime();
   }, []);
-  const scrollRef = (0, import_react3.useRef)(null);
-  const [canScrollLeft, setCanScrollLeft] = (0, import_react3.useState)(false);
-  const [canScrollRight, setCanScrollRight] = (0, import_react3.useState)(false);
+  const scrollRef = (0, import_react4.useRef)(null);
+  const [canScrollLeft, setCanScrollLeft] = (0, import_react4.useState)(false);
+  const [canScrollRight, setCanScrollRight] = (0, import_react4.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_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const el = scrollRef.current;
     if (!el) return;
     updateScrollState();
@@ -452,9 +484,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_react3.useRef)(false);
-  const dragStartX = (0, import_react3.useRef)(0);
-  const dragStartScrollLeft = (0, import_react3.useRef)(0);
+  const isDragging = (0, import_react4.useRef)(false);
+  const dragStartX = (0, import_react4.useRef)(0);
+  const dragStartScrollLeft = (0, import_react4.useRef)(0);
   const onDragStart = (e) => {
     if (!scrollRef.current) return;
     isDragging.current = true;
@@ -474,14 +506,14 @@ function ScheduleView({ schedule, dates, selectedIdx, onSelectDate, onOpenModal
     scrollRef.current.style.cursor = "grab";
     scrollRef.current.style.userSelect = "";
   };
-  const datesWithClasses = (0, import_react3.useMemo)(
+  const datesWithClasses = (0, import_react4.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_react3.useMemo)(
+  const selectedClasses = (0, import_react4.useMemo)(
     () => (schedule.classes ?? []).filter((c) => selectedDate && classRunsOnDate(c, selectedDate, schedule.type)),
     [schedule, selectedDate]
   );
@@ -666,16 +698,16 @@ function CalendarFoldIcon() {
   );
 }
 function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAfter: insertAfterProp }) {
-  const autoId = (0, import_react3.useId)();
+  const autoId = (0, import_react4.useId)();
   const insertAfter = insertAfterProp ?? autoId;
-  const [schedule, setSchedule] = (0, import_react3.useState)(null);
-  const [loading, setLoading] = (0, import_react3.useState)(true);
-  const [inEditor, setInEditor] = (0, import_react3.useState)(false);
-  const [isHovered, setIsHovered] = (0, import_react3.useState)(false);
-  const [modalState, setModalState] = (0, import_react3.useState)(null);
-  const switchScheduleIdRef = (0, import_react3.useRef)(null);
-  const liveScheduleIdRef = (0, import_react3.useRef)(null);
-  const refetchLiveSchedule = (0, import_react3.useCallback)(async () => {
+  const [schedule, setSchedule] = (0, import_react4.useState)(null);
+  const [loading, setLoading] = (0, import_react4.useState)(true);
+  const [inEditor, setInEditor] = (0, import_react4.useState)(false);
+  const [isHovered, setIsHovered] = (0, import_react4.useState)(false);
+  const [modalState, setModalState] = (0, import_react4.useState)(null);
+  const switchScheduleIdRef = (0, import_react4.useRef)(null);
+  const liveScheduleIdRef = (0, import_react4.useRef)(null);
+  const refetchLiveSchedule = (0, import_react4.useCallback)(async () => {
     const id = liveScheduleIdRef.current;
     if (!id) return;
     try {
@@ -685,7 +717,7 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
     } catch {
     }
   }, []);
-  const dates = (0, import_react3.useMemo)(() => {
+  const dates = (0, import_react4.useMemo)(() => {
     const today = /* @__PURE__ */ new Date();
     today.setHours(0, 0, 0, 0);
     return Array.from({ length: 14 }, (_, i) => {
@@ -694,8 +726,8 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
       return d;
     });
   }, []);
-  const [selectedIdx, setSelectedIdx] = (0, import_react3.useState)(0);
-  (0, import_react3.useEffect)(() => {
+  const [selectedIdx, setSelectedIdx] = (0, import_react4.useState)(0);
+  (0, import_react4.useEffect)(() => {
     if (!schedule?.classes) return;
     for (let i = 0; i < dates.length; i++) {
       if (schedule.classes.some((c) => classRunsOnDate(c, dates[i], schedule.type))) {
@@ -704,7 +736,7 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
       }
     }
   }, [schedule, dates]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (typeof window === "undefined") return;
     const onVisible = () => {
       if (!document.hidden) void refetchLiveSchedule();
@@ -716,7 +748,7 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
       document.removeEventListener("visibilitychange", onVisible);
     };
   }, [refetchLiveSchedule]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (typeof window === "undefined") return;
     const isInEditor = window.self !== window.top;
     setInEditor(isInEditor);
@@ -4412,7 +4444,7 @@ var CustomToolbarButton = React4.forwardRef(
 CustomToolbarButton.displayName = "CustomToolbarButton";
 
 // src/ui/item-action-toolbar.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_lucide_react2 = require("lucide-react");
 
 // src/ui/dropdown-menu.tsx
@@ -4596,7 +4628,7 @@ function ItemActionToolbar({
   headingVisible = null,
   onHeadingVisibleChange
 }) {
-  const [moreOpen, setMoreOpen] = (0, import_react4.useState)(false);
+  const [moreOpen, setMoreOpen] = (0, import_react5.useState)(false);
   const showDropdownToggle = dropdownOpen !== null && dropdownOpen !== void 0;
   const showHeadingToggle = headingVisible !== null && headingVisible !== void 0;
   const headingTooltip = headingVisible ? "Hide heading" : "Show heading";
@@ -4772,7 +4804,7 @@ function ItemActionToolbar({
 }
 
 // src/ui/item-interaction-layer.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var PRIMARY = "var(--ohw-primary, #0885FE)";
 var FOCUS_RING = `0 0 0 4px color-mix(in srgb, ${PRIMARY} 12%, transparent)`;
@@ -4824,8 +4856,8 @@ function ClampedToolbarSlot({
   placement,
   children
 }) {
-  const slotRef = (0, import_react5.useRef)(null);
-  (0, import_react5.useLayoutEffect)(() => {
+  const slotRef = (0, import_react6.useRef)(null);
+  (0, import_react6.useLayoutEffect)(() => {
     const slot = slotRef.current;
     if (!slot) return;
     const clamp = () => {
@@ -4878,8 +4910,8 @@ function DetachedBelowToolbarSlot({
   belowRect,
   children
 }) {
-  const slotRef = (0, import_react5.useRef)(null);
-  (0, import_react5.useLayoutEffect)(() => {
+  const slotRef = (0, import_react6.useRef)(null);
+  (0, import_react6.useLayoutEffect)(() => {
     const slot = slotRef.current;
     if (!slot) return;
     const clamp = () => {
@@ -5310,7 +5342,7 @@ function CarouselOverlay({
 }
 
 // src/ui/ai-section/AiSectionOverlay.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_lucide_react5 = require("lucide-react");
 
 // src/lib/sections.ts
@@ -5350,8 +5382,8 @@ function readRect(sectionId) {
   return { top: r2.top, left: r2.left, width: r2.width, height: r2.height };
 }
 function useLiveSectionRect(sectionId) {
-  const [rect, setRect] = (0, import_react6.useState)(null);
-  (0, import_react6.useEffect)(() => {
+  const [rect, setRect] = (0, import_react7.useState)(null);
+  (0, import_react7.useEffect)(() => {
     if (!sectionId) {
       setRect(null);
       return;
@@ -5396,7 +5428,7 @@ function ReviewButton({
   background,
   color
 }) {
-  const [hover, setHover] = (0, import_react6.useState)(false);
+  const [hover, setHover] = (0, import_react7.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { style: { position: "relative" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "button",
@@ -5450,13 +5482,13 @@ function AiSectionOverlay({
   postToParent: postToParent2,
   apiRef
 }) {
-  const [selectedId, setSelectedId] = (0, import_react6.useState)(null);
-  const [reviewId, setReviewId] = (0, import_react6.useState)(null);
-  const reviewIdRef = (0, import_react6.useRef)(null);
+  const [selectedId, setSelectedId] = (0, import_react7.useState)(null);
+  const [reviewId, setReviewId] = (0, import_react7.useState)(null);
+  const reviewIdRef = (0, import_react7.useRef)(null);
   reviewIdRef.current = reviewId;
-  const selectedIdRef = (0, import_react6.useRef)(null);
+  const selectedIdRef = (0, import_react7.useRef)(null);
   selectedIdRef.current = selectedId;
-  const report = (0, import_react6.useCallback)(
+  const report = (0, import_react7.useCallback)(
     (el) => {
       postToParent2({
         type: "ow:section-selected",
@@ -5466,7 +5498,7 @@ function AiSectionOverlay({
     },
     [postToParent2]
   );
-  const selectFromElement = (0, import_react6.useCallback)(
+  const selectFromElement = (0, import_react7.useCallback)(
     (el, options) => {
       const sectionEl = el?.closest("[data-ohw-section]") ?? null;
       const id = sectionEl?.dataset.ohwSection ?? null;
@@ -5476,7 +5508,7 @@ function AiSectionOverlay({
     },
     [report]
   );
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     apiRef.current = {
       selectFromElement,
       handleBackgroundClick: (target, clientX, clientY) => {
@@ -5496,7 +5528,7 @@ function AiSectionOverlay({
       apiRef.current = null;
     };
   }, [apiRef, selectFromElement]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     const onMessage = (e) => {
       if (e.data?.type === "ow:ai-select" && e.data.sectionId === null) {
         setSelectedId(null);
@@ -5519,8 +5551,8 @@ function AiSectionOverlay({
     window.addEventListener("message", onMessage);
     return () => window.removeEventListener("message", onMessage);
   }, [postToParent2]);
-  const [hoveredId, setHoveredId] = (0, import_react6.useState)(null);
-  (0, import_react6.useEffect)(() => {
+  const [hoveredId, setHoveredId] = (0, import_react7.useState)(null);
+  (0, import_react7.useEffect)(() => {
     const onMove = (e) => {
       const t = e.target;
       if (!(t instanceof HTMLElement)) return;
@@ -5541,7 +5573,7 @@ function AiSectionOverlay({
       document.documentElement.removeEventListener("mouseleave", onLeave);
     };
   }, []);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     const onKeyDown = (e) => {
       if (e.key !== "Escape") return;
       if (reviewIdRef.current) return;
@@ -5554,7 +5586,7 @@ function AiSectionOverlay({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [report]);
-  const decide = (0, import_react6.useCallback)(
+  const decide = (0, import_react7.useCallback)(
     (decision) => {
       const sectionId = reviewIdRef.current;
       if (!sectionId) return;
@@ -5647,7 +5679,7 @@ function AiSectionOverlay({
 
 // src/OhhwellsBridge.tsx
 var import_react_dom3 = require("react-dom");
-var import_navigation2 = require("next/navigation");
+var import_navigation3 = require("next/navigation");
 
 // src/lib/cta-button.ts
 function isCtaButton(el) {
@@ -5935,7 +5967,7 @@ function scrollToHashSectionWhenReady(behavior = "smooth") {
 }
 
 // src/ui/link-modal/LinkPopover.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 
 // src/ui/dialog.tsx
 var React7 = __toESM(require("react"), 1);
@@ -6135,7 +6167,7 @@ function SectionTreeItem({
 }
 
 // src/ui/link-modal/UrlOrPageInput.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 
 // src/ui/input.tsx
 var React8 = __toESM(require("react"), 1);
@@ -6203,11 +6235,11 @@ function UrlOrPageInput({
   readOnly = false,
   urlError
 }) {
-  const inputId = (0, import_react7.useId)();
-  const inputRef = (0, import_react7.useRef)(null);
-  const rootRef = (0, import_react7.useRef)(null);
-  const [isFocused, setIsFocused] = (0, import_react7.useState)(false);
-  (0, import_react7.useEffect)(() => {
+  const inputId = (0, import_react8.useId)();
+  const inputRef = (0, import_react8.useRef)(null);
+  const rootRef = (0, import_react8.useRef)(null);
+  const [isFocused, setIsFocused] = (0, import_react8.useState)(false);
+  (0, import_react8.useEffect)(() => {
     if (!dropdownOpen) return;
     const isOutside = (e) => {
       const root = rootRef.current;
@@ -6415,10 +6447,10 @@ function LinkEditorPanel({ state, onClose }) {
 }
 
 // src/ui/link-modal/SectionPickerOverlay.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_react_dom = require("react-dom");
 var import_lucide_react11 = require("lucide-react");
-var import_navigation = require("next/navigation");
+var import_navigation2 = require("next/navigation");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var DIM_OVERLAY = "rgba(0, 0, 0, 0.45)";
 function rectsEqual(a, b) {
@@ -6452,12 +6484,12 @@ function hitTestSectionId(x, y, sectionIds, rects) {
   return null;
 }
 function useSectionRects(sectionIdsKey, enabled) {
-  const [rects, setRects] = (0, import_react8.useState)(/* @__PURE__ */ new Map());
-  const sectionIds = (0, import_react8.useMemo)(
+  const [rects, setRects] = (0, import_react9.useState)(/* @__PURE__ */ new Map());
+  const sectionIds = (0, import_react9.useMemo)(
     () => sectionIdsKey ? sectionIdsKey.split("\0") : [],
     [sectionIdsKey]
   );
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!enabled || sectionIds.length === 0) {
       setRects((prev) => prev.size === 0 ? prev : /* @__PURE__ */ new Map());
       return;
@@ -6496,15 +6528,15 @@ function SectionPickerOverlay({
   onBack,
   onSelect
 }) {
-  const router = (0, import_navigation.useRouter)();
-  const pathname = (0, import_navigation.usePathname)();
-  const [selectedId, setSelectedId] = (0, import_react8.useState)(null);
-  const [hoveredId, setHoveredId] = (0, import_react8.useState)(null);
-  const pointerRef = (0, import_react8.useRef)(null);
-  const pointerScreenRef = (0, import_react8.useRef)(null);
-  const iframeOffsetTopRef = (0, import_react8.useRef)(null);
-  const sectionIdsRef = (0, import_react8.useRef)([]);
-  const [chromeClip, setChromeClip] = (0, import_react8.useState)(
+  const router = (0, import_navigation2.useRouter)();
+  const pathname = (0, import_navigation2.usePathname)();
+  const [selectedId, setSelectedId] = (0, import_react9.useState)(null);
+  const [hoveredId, setHoveredId] = (0, import_react9.useState)(null);
+  const pointerRef = (0, import_react9.useRef)(null);
+  const pointerScreenRef = (0, import_react9.useRef)(null);
+  const iframeOffsetTopRef = (0, import_react9.useRef)(null);
+  const sectionIdsRef = (0, import_react9.useRef)([]);
+  const [chromeClip, setChromeClip] = (0, import_react9.useState)(
     () => ({
       top: 0,
       bottom: typeof window !== "undefined" ? window.innerHeight : 0
@@ -6512,12 +6544,12 @@ function SectionPickerOverlay({
   );
   const normalizedTarget = normalizePath(pagePath);
   const isOnTargetPage = normalizePath(pathname) === normalizedTarget;
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (isOnTargetPage) return;
     const search = readPreservedSearch();
     router.push(`${normalizedTarget}${search}`);
   }, [isOnTargetPage, normalizedTarget, router]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     document.documentElement.setAttribute("data-ohw-section-picking", "");
     document.querySelectorAll("[data-ohw-hovered]").forEach((el) => {
       el.removeAttribute("data-ohw-hovered");
@@ -6529,24 +6561,24 @@ function SectionPickerOverlay({
       document.documentElement.removeAttribute("data-ohw-section-picking");
     };
   }, []);
-  const liveSections = (0, import_react8.useMemo)(() => {
+  const liveSections = (0, import_react9.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_react8.useMemo)(
+  const sectionIdsKey = (0, import_react9.useMemo)(
     () => liveSections.map((s) => s.id).join("\0"),
     [liveSections]
   );
-  const sectionIds = (0, import_react8.useMemo)(
+  const sectionIds = (0, import_react9.useMemo)(
     () => liveSections.map((s) => s.id),
     [liveSections]
   );
   sectionIdsRef.current = sectionIds;
   const rects = useSectionRects(sectionIdsKey, isOnTargetPage);
-  const applyHoverAt = (0, import_react8.useCallback)(
+  const applyHoverAt = (0, import_react9.useCallback)(
     (x, y, liveRects) => {
       const ids = sectionIdsRef.current;
       const map = liveRects ?? readSectionRects(ids);
@@ -6555,7 +6587,7 @@ function SectionPickerOverlay({
     },
     []
   );
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const applyClip = (iframeOffsetTop, visibleCanvasTop, canvasH) => {
       const top = Math.max(0, visibleCanvasTop - iframeOffsetTop);
       const bottom = Math.min(
@@ -6597,12 +6629,12 @@ function SectionPickerOverlay({
       window.removeEventListener("resize", onResize);
     };
   }, [applyHoverAt]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const ptr = pointerRef.current;
     if (!ptr) return;
     applyHoverAt(ptr.x, ptr.y, rects);
   }, [rects, applyHoverAt]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const rememberPointer = (clientX, clientY) => {
       pointerRef.current = { x: clientX, y: clientY };
       const top = iframeOffsetTopRef.current;
@@ -6626,7 +6658,7 @@ function SectionPickerOverlay({
       window.removeEventListener("message", onPointerSync);
     };
   }, [rects, applyHoverAt]);
-  const handleSelect = (0, import_react8.useCallback)(
+  const handleSelect = (0, import_react9.useCallback)(
     (section) => {
       if (selectedId) return;
       setSelectedId(section.id);
@@ -6634,7 +6666,7 @@ function SectionPickerOverlay({
     },
     [selectedId, onSelect]
   );
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const onKeyDown = (e) => {
       if (e.key === "Escape") {
         e.preventDefault();
@@ -6757,7 +6789,7 @@ function SectionPickerOverlay({
 }
 
 // src/ui/link-modal/useLinkModalState.ts
-var import_react9 = require("react");
+var import_react10 = require("react");
 function useLinkModalState({
   open,
   mode,
@@ -6769,14 +6801,14 @@ function useLinkModalState({
   onClose,
   onSubmit
 }) {
-  const availablePages = (0, import_react9.useMemo)(() => pages, [pages]);
-  const [searchValue, setSearchValue] = (0, import_react9.useState)("");
-  const [selectedPage, setSelectedPage] = (0, import_react9.useState)(null);
-  const [selectedSection, setSelectedSection] = (0, import_react9.useState)(null);
-  const [step, setStep] = (0, import_react9.useState)("input");
-  const [dropdownOpen, setDropdownOpen] = (0, import_react9.useState)(false);
-  const [urlError, setUrlError] = (0, import_react9.useState)("");
-  const reset = (0, import_react9.useCallback)(() => {
+  const availablePages = (0, import_react10.useMemo)(() => pages, [pages]);
+  const [searchValue, setSearchValue] = (0, import_react10.useState)("");
+  const [selectedPage, setSelectedPage] = (0, import_react10.useState)(null);
+  const [selectedSection, setSelectedSection] = (0, import_react10.useState)(null);
+  const [step, setStep] = (0, import_react10.useState)("input");
+  const [dropdownOpen, setDropdownOpen] = (0, import_react10.useState)(false);
+  const [urlError, setUrlError] = (0, import_react10.useState)("");
+  const reset = (0, import_react10.useCallback)(() => {
     setSearchValue("");
     setSelectedPage(null);
     setSelectedSection(null);
@@ -6784,7 +6816,7 @@ function useLinkModalState({
     setDropdownOpen(false);
     setUrlError("");
   }, []);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (!open) return;
     if (mode === "edit" && initialTarget) {
       const { pageRoute } = parseTarget(initialTarget);
@@ -6800,11 +6832,11 @@ function useLinkModalState({
     setDropdownOpen(false);
     setUrlError("");
   }, [open, mode, initialTarget, reset]);
-  const filteredPages = (0, import_react9.useMemo)(() => {
+  const filteredPages = (0, import_react10.useMemo)(() => {
     if (!searchValue.trim()) return availablePages;
     return availablePages.filter((p) => p.title.toLowerCase().startsWith(searchValue.toLowerCase()));
   }, [availablePages, searchValue]);
-  const activeSections = (0, import_react9.useMemo)(() => {
+  const activeSections = (0, import_react10.useMemo)(() => {
     if (!selectedPage) return [];
     return getSectionsForPath(sectionsByPath, selectedPage.path);
   }, [selectedPage, sectionsByPath]);
@@ -6853,7 +6885,7 @@ function useLinkModalState({
     reset();
     onClose();
   };
-  const isValid = (0, import_react9.useMemo)(() => {
+  const isValid = (0, import_react10.useMemo)(() => {
     if (urlError) return false;
     if (showBreadcrumb) return true;
     if (selectedPage) return true;
@@ -6950,7 +6982,7 @@ function LinkPopover({
     onSubmit
   });
   const sectionPickerActive = state.showSectionPicker && Boolean(state.selectedPage);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!open) return;
     if (sectionPickerActive) {
       postToParent({ type: "ui:unlock" });
@@ -9330,7 +9362,7 @@ function hitTestNavDropSlot(clientX, clientY, draggedHrefKey) {
 }
 
 // src/useNavItemDrag.ts
-var import_react11 = require("react");
+var import_react12 = require("react");
 function useNavItemDrag({
   isEditMode,
   editContentRef,
@@ -9354,11 +9386,11 @@ function useNavItemDrag({
   getNavigationItemAnchor: getNavigationItemAnchor2,
   isDragHandleDisabled: isDragHandleDisabled2
 }) {
-  const navDragRef = (0, import_react11.useRef)(null);
-  const [navDropSlots, setNavDropSlots] = (0, import_react11.useState)([]);
-  const [activeNavDropIndex, setActiveNavDropIndex] = (0, import_react11.useState)(null);
-  const navPointerDragRef = (0, import_react11.useRef)(null);
-  const clearNavDragVisuals = (0, import_react11.useCallback)(() => {
+  const navDragRef = (0, import_react12.useRef)(null);
+  const [navDropSlots, setNavDropSlots] = (0, import_react12.useState)([]);
+  const [activeNavDropIndex, setActiveNavDropIndex] = (0, import_react12.useState)(null);
+  const navPointerDragRef = (0, import_react12.useRef)(null);
+  const clearNavDragVisuals = (0, import_react12.useCallback)(() => {
     const session = navDragRef.current;
     const keepOpenEl = session?.draggedEl?.closest("[data-ohw-nav-children]") != null ? session.draggedEl : null;
     navDragRef.current = null;
@@ -9375,7 +9407,7 @@ function useNavItemDrag({
     document.documentElement.removeAttribute("data-ohw-nav-dragging-root");
     unlockItemDragInteraction();
   }, [setDraggedItemRect, setIsItemDragging, setSiblingHintRects]);
-  const refreshNavDragVisuals = (0, import_react11.useCallback)(
+  const refreshNavDragVisuals = (0, import_react12.useCallback)(
     (session, activeSlot, clientX, clientY) => {
       setDraggedItemRect(session.draggedEl.getBoundingClientRect());
       if (typeof clientX === "number" && typeof clientY === "number") {
@@ -9393,13 +9425,13 @@ function useNavItemDrag({
     },
     [setDraggedItemRect, setSiblingHintRects]
   );
-  const refreshNavDragVisualsRef = (0, import_react11.useRef)(refreshNavDragVisuals);
+  const refreshNavDragVisualsRef = (0, import_react12.useRef)(refreshNavDragVisuals);
   refreshNavDragVisualsRef.current = refreshNavDragVisuals;
-  const commitNavDragRef = (0, import_react11.useRef)(() => {
+  const commitNavDragRef = (0, import_react12.useRef)(() => {
   });
-  const beginNavDragRef = (0, import_react11.useRef)(() => {
+  const beginNavDragRef = (0, import_react12.useRef)(() => {
   });
-  const beginNavDrag = (0, import_react11.useCallback)(
+  const beginNavDrag = (0, import_react12.useCallback)(
     (session) => {
       const rect = session.draggedEl.getBoundingClientRect();
       session.lastClientX = session.lastClientX || rect.left + rect.width / 2;
@@ -9433,7 +9465,7 @@ function useNavItemDrag({
     ]
   );
   beginNavDragRef.current = beginNavDrag;
-  const commitNavDrag = (0, import_react11.useCallback)(
+  const commitNavDrag = (0, import_react12.useCallback)(
     (clientX, clientY) => {
       const session = navDragRef.current;
       if (!session) {
@@ -9494,7 +9526,7 @@ function useNavItemDrag({
     [clearNavDragVisuals, deselectRef, editContentRef, postToParentRef, selectRef]
   );
   commitNavDragRef.current = commitNavDrag;
-  const startNavLinkDrag = (0, import_react11.useCallback)(
+  const startNavLinkDrag = (0, import_react12.useCallback)(
     (anchor, clientX, clientY, wasSelected) => {
       if (footerDragRef.current) return false;
       const hrefKey = anchor.getAttribute("data-ohw-href-key");
@@ -9512,7 +9544,7 @@ function useNavItemDrag({
     },
     [beginNavDrag, footerDragRef, isDragHandleDisabled2, isCtaButton]
   );
-  const onNavDragOver = (0, import_react11.useCallback)(
+  const onNavDragOver = (0, import_react12.useCallback)(
     (e) => {
       const session = navDragRef.current;
       if (!session) return false;
@@ -9524,7 +9556,7 @@ function useNavItemDrag({
     },
     []
   );
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!isEditMode) return;
     const THRESHOLD = 10;
     const resolveWasSelected = (el) => {
@@ -9649,7 +9681,7 @@ function useNavItemDrag({
     setLinkPopover,
     suppressNextClickRef
   ]);
-  const armNavPressFromChrome = (0, import_react11.useCallback)(
+  const armNavPressFromChrome = (0, import_react12.useCallback)(
     (selected, clientX, clientY, pointerId) => {
       const hrefKey = selected.getAttribute("data-ohw-href-key");
       if (!hrefKey || !isNavbarHrefKey(hrefKey)) return false;
@@ -9731,7 +9763,7 @@ function FooterContainerChrome({
 }
 
 // src/lib/carousel.ts
-var import_react12 = require("react");
+var import_react13 = require("react");
 var CAROUSEL_ATTR = "data-ohw-carousel";
 var CAROUSEL_VALUE_ATTR = "data-ohw-carousel-value";
 var CAROUSEL_SLIDE_ATTR = "data-ohw-carousel-slide";
@@ -9793,8 +9825,8 @@ function applyCarouselNode(key, val) {
   return true;
 }
 function useOhwCarousel(key, initial) {
-  const [images, setImages] = (0, import_react12.useState)(initial);
-  (0, import_react12.useEffect)(() => {
+  const [images, setImages] = (0, import_react13.useState)(initial);
+  (0, import_react13.useEffect)(() => {
     const el = document.querySelector(
       `[${CAROUSEL_ATTR}][data-ohw-key="${CSS.escape(key)}"]`
     );
@@ -11270,9 +11302,9 @@ function FloatingToolbar({
   showEditLink,
   onEditLink
 }) {
-  const localRef = import_react13.default.useRef(null);
-  const [measuredW, setMeasuredW] = import_react13.default.useState(330);
-  const setRefs = import_react13.default.useCallback(
+  const localRef = import_react14.default.useRef(null);
+  const [measuredW, setMeasuredW] = import_react14.default.useState(330);
+  const setRefs = import_react14.default.useCallback(
     (node) => {
       localRef.current = node;
       if (typeof elRef === "function") elRef(node);
@@ -11284,7 +11316,7 @@ function FloatingToolbar({
     },
     [elRef]
   );
-  import_react13.default.useLayoutEffect(() => {
+  import_react14.default.useLayoutEffect(() => {
     const node = localRef.current;
     if (!node) return;
     const update = () => {
@@ -11310,7 +11342,7 @@ function FloatingToolbar({
         pointerEvents: "auto"
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(CustomToolbar, { children: [
-        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react13.default.Fragment, { children: [
+        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react14.default.Fragment, { children: [
           gi > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CustomToolbarDivider, {}),
           btns.map((btn) => {
             const isActive = activeCommands.has(btn.cmd);
@@ -11412,12 +11444,12 @@ function resolveSubdomain(subdomainFromQuery) {
   return "";
 }
 function OhhwellsBridge() {
-  const pathname = (0, import_navigation2.usePathname)();
-  const router = (0, import_navigation2.useRouter)();
-  const searchParams = (0, import_navigation2.useSearchParams)();
+  const pathname = (0, import_navigation3.usePathname)();
+  const router = (0, import_navigation3.useRouter)();
+  const searchParams = (0, import_navigation3.useSearchParams)();
   const isEditMode = isEditSessionActive();
-  const [bridgeRoot, setBridgeRoot] = (0, import_react13.useState)(null);
-  (0, import_react13.useEffect)(() => {
+  const [bridgeRoot, setBridgeRoot] = (0, import_react14.useState)(null);
+  (0, import_react14.useEffect)(() => {
     const figtreeFontId = "ohw-figtree-font";
     if (!document.getElementById(figtreeFontId)) {
       const preconnect1 = Object.assign(document.createElement("link"), { rel: "preconnect", href: "https://fonts.googleapis.com" });
@@ -11445,107 +11477,108 @@ function OhhwellsBridge() {
   const subdomainFromQuery = searchParams.get("subdomain");
   const subdomain = resolveSubdomain(subdomainFromQuery);
   useLinkHrefGuardian(pathname, subdomain, isEditMode);
-  const postToParent2 = (0, import_react13.useCallback)((data) => {
+  useSavedLinkNavigation(isEditMode);
+  const postToParent2 = (0, import_react14.useCallback)((data) => {
     if (typeof window !== "undefined" && window.parent !== window) {
       window.parent.postMessage(data, "*");
     }
   }, []);
-  const [fetchState, setFetchState] = (0, import_react13.useState)("idle");
-  const autoSaveTimers = (0, import_react13.useRef)(/* @__PURE__ */ new Map());
-  const activeElRef = (0, import_react13.useRef)(null);
-  const pointerHeldRef = (0, import_react13.useRef)(false);
-  const selectedElRef = (0, import_react13.useRef)(null);
-  const selectedHrefKeyRef = (0, import_react13.useRef)(null);
-  const selectedFooterColAttrRef = (0, import_react13.useRef)(null);
-  const originalContentRef = (0, import_react13.useRef)(null);
-  const activeStateElRef = (0, import_react13.useRef)(null);
-  const parentScrollRef = (0, import_react13.useRef)(null);
-  const visibleViewportRef = (0, import_react13.useRef)(null);
-  const [dialogPortalContainer, setDialogPortalContainer] = (0, import_react13.useState)(null);
-  const attachVisibleViewport = (0, import_react13.useCallback)((node) => {
+  const [fetchState, setFetchState] = (0, import_react14.useState)("idle");
+  const autoSaveTimers = (0, import_react14.useRef)(/* @__PURE__ */ new Map());
+  const activeElRef = (0, import_react14.useRef)(null);
+  const pointerHeldRef = (0, import_react14.useRef)(false);
+  const selectedElRef = (0, import_react14.useRef)(null);
+  const selectedHrefKeyRef = (0, import_react14.useRef)(null);
+  const selectedFooterColAttrRef = (0, import_react14.useRef)(null);
+  const originalContentRef = (0, import_react14.useRef)(null);
+  const activeStateElRef = (0, import_react14.useRef)(null);
+  const parentScrollRef = (0, import_react14.useRef)(null);
+  const visibleViewportRef = (0, import_react14.useRef)(null);
+  const [dialogPortalContainer, setDialogPortalContainer] = (0, import_react14.useState)(null);
+  const attachVisibleViewport = (0, import_react14.useCallback)((node) => {
     visibleViewportRef.current = node;
     setDialogPortalContainer(node);
     if (node) applyVisibleViewport(node, parentScrollRef.current);
   }, []);
-  const toolbarElRef = (0, import_react13.useRef)(null);
-  const glowElRef = (0, import_react13.useRef)(null);
-  const hoveredImageRef = (0, import_react13.useRef)(null);
-  const hoveredImageHasTextOverlapRef = (0, import_react13.useRef)(false);
-  const dragOverElRef = (0, import_react13.useRef)(null);
-  const [mediaHover, setMediaHover] = (0, import_react13.useState)(null);
-  const [carouselHover, setCarouselHover] = (0, import_react13.useState)(null);
-  const [uploadingRects, setUploadingRects] = (0, import_react13.useState)({});
-  const hoveredGapRef = (0, import_react13.useRef)(null);
-  const imageUnhoverTimerRef = (0, import_react13.useRef)(null);
-  const imageShowTimerRef = (0, import_react13.useRef)(null);
-  const editStylesRef = (0, import_react13.useRef)(null);
-  const activateRef = (0, import_react13.useRef)(() => {
+  const toolbarElRef = (0, import_react14.useRef)(null);
+  const glowElRef = (0, import_react14.useRef)(null);
+  const hoveredImageRef = (0, import_react14.useRef)(null);
+  const hoveredImageHasTextOverlapRef = (0, import_react14.useRef)(false);
+  const dragOverElRef = (0, import_react14.useRef)(null);
+  const [mediaHover, setMediaHover] = (0, import_react14.useState)(null);
+  const [carouselHover, setCarouselHover] = (0, import_react14.useState)(null);
+  const [uploadingRects, setUploadingRects] = (0, import_react14.useState)({});
+  const hoveredGapRef = (0, import_react14.useRef)(null);
+  const imageUnhoverTimerRef = (0, import_react14.useRef)(null);
+  const imageShowTimerRef = (0, import_react14.useRef)(null);
+  const editStylesRef = (0, import_react14.useRef)(null);
+  const activateRef = (0, import_react14.useRef)(() => {
   });
-  const deactivateRef = (0, import_react13.useRef)(() => {
+  const deactivateRef = (0, import_react14.useRef)(() => {
   });
-  const selectRef = (0, import_react13.useRef)(() => {
+  const selectRef = (0, import_react14.useRef)(() => {
   });
-  const selectFrameRef = (0, import_react13.useRef)(() => {
+  const selectFrameRef = (0, import_react14.useRef)(() => {
   });
-  const deselectRef = (0, import_react13.useRef)(() => {
+  const deselectRef = (0, import_react14.useRef)(() => {
   });
-  const reselectNavigationItemRef = (0, import_react13.useRef)(() => {
+  const reselectNavigationItemRef = (0, import_react14.useRef)(() => {
   });
-  const commitNavigationTextEditRef = (0, import_react13.useRef)(() => {
+  const commitNavigationTextEditRef = (0, import_react14.useRef)(() => {
   });
-  const handleDeleteSelectedRef = (0, import_react13.useRef)(() => false);
-  const runPendingDeleteUndoRef = (0, import_react13.useRef)(() => false);
-  const isFooterFrameSelectionRef = (0, import_react13.useRef)(false);
-  const refreshActiveCommandsRef = (0, import_react13.useRef)(() => {
+  const handleDeleteSelectedRef = (0, import_react14.useRef)(() => false);
+  const runPendingDeleteUndoRef = (0, import_react14.useRef)(() => false);
+  const isFooterFrameSelectionRef = (0, import_react14.useRef)(false);
+  const refreshActiveCommandsRef = (0, import_react14.useRef)(() => {
   });
-  const postToParentRef = (0, import_react13.useRef)(postToParent2);
+  const postToParentRef = (0, import_react14.useRef)(postToParent2);
   postToParentRef.current = postToParent2;
-  const aiSectionApiRef = (0, import_react13.useRef)(null);
-  const sectionsLoadedRef = (0, import_react13.useRef)(false);
-  const pendingScheduleConfigRequests = (0, import_react13.useRef)([]);
-  const [toolbarRect, setToolbarRect] = (0, import_react13.useState)(null);
-  const [toolbarVariant, setToolbarVariant] = (0, import_react13.useState)("none");
-  const toolbarVariantRef = (0, import_react13.useRef)("none");
+  const aiSectionApiRef = (0, import_react14.useRef)(null);
+  const sectionsLoadedRef = (0, import_react14.useRef)(false);
+  const pendingScheduleConfigRequests = (0, import_react14.useRef)([]);
+  const [toolbarRect, setToolbarRect] = (0, import_react14.useState)(null);
+  const [toolbarVariant, setToolbarVariant] = (0, import_react14.useState)("none");
+  const toolbarVariantRef = (0, import_react14.useRef)("none");
   toolbarVariantRef.current = toolbarVariant;
-  const [selectedIsCta, setSelectedIsCta] = (0, import_react13.useState)(false);
-  const [reorderHrefKey, setReorderHrefKey] = (0, import_react13.useState)(null);
-  const [reorderDragDisabled, setReorderDragDisabled] = (0, import_react13.useState)(false);
-  const [toggleState, setToggleState] = (0, import_react13.useState)(null);
-  const [maxBadge, setMaxBadge] = (0, import_react13.useState)(null);
-  const [activeCommands, setActiveCommands] = (0, import_react13.useState)(/* @__PURE__ */ new Set());
-  const [sectionGap, setSectionGap] = (0, import_react13.useState)(null);
-  const [toolbarShowEditLink, setToolbarShowEditLink] = (0, import_react13.useState)(false);
-  const hoveredNavContainerRef = (0, import_react13.useRef)(null);
-  const [hoveredNavContainerRect, setHoveredNavContainerRect] = (0, import_react13.useState)(null);
-  const hoveredItemElRef = (0, import_react13.useRef)(null);
-  const [hoveredItemRect, setHoveredItemRect] = (0, import_react13.useState)(null);
-  const siblingHintElRef = (0, import_react13.useRef)(null);
-  const [siblingHintRect, setSiblingHintRect] = (0, import_react13.useState)(null);
-  const [siblingHintRects, setSiblingHintRects] = (0, import_react13.useState)([]);
-  const [isItemDragging, setIsItemDragging] = (0, import_react13.useState)(false);
-  const [isFooterFrameSelection, setIsFooterFrameSelection] = (0, import_react13.useState)(false);
+  const [selectedIsCta, setSelectedIsCta] = (0, import_react14.useState)(false);
+  const [reorderHrefKey, setReorderHrefKey] = (0, import_react14.useState)(null);
+  const [reorderDragDisabled, setReorderDragDisabled] = (0, import_react14.useState)(false);
+  const [toggleState, setToggleState] = (0, import_react14.useState)(null);
+  const [maxBadge, setMaxBadge] = (0, import_react14.useState)(null);
+  const [activeCommands, setActiveCommands] = (0, import_react14.useState)(/* @__PURE__ */ new Set());
+  const [sectionGap, setSectionGap] = (0, import_react14.useState)(null);
+  const [toolbarShowEditLink, setToolbarShowEditLink] = (0, import_react14.useState)(false);
+  const hoveredNavContainerRef = (0, import_react14.useRef)(null);
+  const [hoveredNavContainerRect, setHoveredNavContainerRect] = (0, import_react14.useState)(null);
+  const hoveredItemElRef = (0, import_react14.useRef)(null);
+  const [hoveredItemRect, setHoveredItemRect] = (0, import_react14.useState)(null);
+  const siblingHintElRef = (0, import_react14.useRef)(null);
+  const [siblingHintRect, setSiblingHintRect] = (0, import_react14.useState)(null);
+  const [siblingHintRects, setSiblingHintRects] = (0, import_react14.useState)([]);
+  const [isItemDragging, setIsItemDragging] = (0, import_react14.useState)(false);
+  const [isFooterFrameSelection, setIsFooterFrameSelection] = (0, import_react14.useState)(false);
   isFooterFrameSelectionRef.current = isFooterFrameSelection;
-  const [navDropdownPreviewOpen, setNavDropdownPreviewOpen] = (0, import_react13.useState)(null);
-  const [footerHeadingVisible, setFooterHeadingVisible] = (0, import_react13.useState)(null);
-  const footerDragRef = (0, import_react13.useRef)(null);
-  const [footerDropSlots, setFooterDropSlots] = (0, import_react13.useState)([]);
-  const [activeFooterDropIndex, setActiveFooterDropIndex] = (0, import_react13.useState)(null);
-  const [draggedItemRect, setDraggedItemRect] = (0, import_react13.useState)(null);
-  const footerPointerDragRef = (0, import_react13.useRef)(null);
-  const suppressNextClickRef = (0, import_react13.useRef)(false);
-  const suppressClickUntilRef = (0, import_react13.useRef)(0);
-  const [linkPopover, setLinkPopover] = (0, import_react13.useState)(null);
-  const linkPopoverSessionRef = (0, import_react13.useRef)(null);
-  const addNavAfterAnchorRef = (0, import_react13.useRef)(null);
-  const editContentRef = (0, import_react13.useRef)({});
-  const pendingDeleteUndoRef = (0, import_react13.useRef)(null);
-  const [sitePages, setSitePages] = (0, import_react13.useState)([]);
-  const [sectionsByPath, setSectionsByPath] = (0, import_react13.useState)({});
-  const sectionsPrefetchGenRef = (0, import_react13.useRef)(0);
-  const setLinkPopoverRef = (0, import_react13.useRef)(setLinkPopover);
-  const linkPopoverPanelRef = (0, import_react13.useRef)(null);
-  const linkPopoverOpenRef = (0, import_react13.useRef)(false);
-  const linkPopoverGraceUntilRef = (0, import_react13.useRef)(0);
+  const [navDropdownPreviewOpen, setNavDropdownPreviewOpen] = (0, import_react14.useState)(null);
+  const [footerHeadingVisible, setFooterHeadingVisible] = (0, import_react14.useState)(null);
+  const footerDragRef = (0, import_react14.useRef)(null);
+  const [footerDropSlots, setFooterDropSlots] = (0, import_react14.useState)([]);
+  const [activeFooterDropIndex, setActiveFooterDropIndex] = (0, import_react14.useState)(null);
+  const [draggedItemRect, setDraggedItemRect] = (0, import_react14.useState)(null);
+  const footerPointerDragRef = (0, import_react14.useRef)(null);
+  const suppressNextClickRef = (0, import_react14.useRef)(false);
+  const suppressClickUntilRef = (0, import_react14.useRef)(0);
+  const [linkPopover, setLinkPopover] = (0, import_react14.useState)(null);
+  const linkPopoverSessionRef = (0, import_react14.useRef)(null);
+  const addNavAfterAnchorRef = (0, import_react14.useRef)(null);
+  const editContentRef = (0, import_react14.useRef)({});
+  const pendingDeleteUndoRef = (0, import_react14.useRef)(null);
+  const [sitePages, setSitePages] = (0, import_react14.useState)([]);
+  const [sectionsByPath, setSectionsByPath] = (0, import_react14.useState)({});
+  const sectionsPrefetchGenRef = (0, import_react14.useRef)(0);
+  const setLinkPopoverRef = (0, import_react14.useRef)(setLinkPopover);
+  const linkPopoverPanelRef = (0, import_react14.useRef)(null);
+  const linkPopoverOpenRef = (0, import_react14.useRef)(false);
+  const linkPopoverGraceUntilRef = (0, import_react14.useRef)(0);
   setLinkPopoverRef.current = setLinkPopover;
   linkPopoverSessionRef.current = linkPopover;
   const {
@@ -11583,7 +11616,7 @@ function OhhwellsBridge() {
   const bumpLinkPopoverGrace = () => {
     linkPopoverGraceUntilRef.current = Date.now() + 350;
   };
-  const runSectionsPrefetch = (0, import_react13.useCallback)((pages) => {
+  const runSectionsPrefetch = (0, import_react14.useCallback)((pages) => {
     if (!isEditMode || shouldUseDevFixtures() || pages.length === 0) return;
     const gen = ++sectionsPrefetchGenRef.current;
     const paths = pages.map((p) => p.path);
@@ -11602,9 +11635,9 @@ function OhhwellsBridge() {
       );
     });
   }, [isEditMode, pathname]);
-  const runSectionsPrefetchRef = (0, import_react13.useRef)(runSectionsPrefetch);
+  const runSectionsPrefetchRef = (0, import_react14.useRef)(runSectionsPrefetch);
   runSectionsPrefetchRef.current = runSectionsPrefetch;
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!linkPopover) {
       document.documentElement.removeAttribute("data-ohw-link-popover-open");
       return;
@@ -11632,7 +11665,7 @@ function OhhwellsBridge() {
       document.documentElement.removeAttribute("data-ohw-link-popover-open");
     };
   }, [linkPopover, postToParent2]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!isEditMode) return;
     const useFixtures = shouldUseDevFixtures();
     if (useFixtures) {
@@ -11656,14 +11689,14 @@ function OhhwellsBridge() {
     if (!useFixtures) postToParent2({ type: "ow:request-site-pages" });
     return () => window.removeEventListener("message", onSitePages);
   }, [isEditMode, postToParent2]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!isEditMode || shouldUseDevFixtures()) return;
     void loadAllSectionsManifest().then((manifest) => {
       if (Object.keys(manifest).length === 0) return;
       setSectionsByPath((prev) => ({ ...manifest, ...prev }));
     });
   }, [isEditMode]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const update = () => {
       const el = activeElRef.current ?? selectedElRef.current;
       if (el) setToolbarRect(getEditMeasureEl(el).getBoundingClientRect());
@@ -11687,10 +11720,10 @@ function OhhwellsBridge() {
       vvp.removeEventListener("resize", update);
     };
   }, []);
-  const refreshStateRules = (0, import_react13.useCallback)(() => {
+  const refreshStateRules = (0, import_react14.useCallback)(() => {
     editStylesRef.current?.forceHover && (editStylesRef.current.forceHover.textContent = collectStateRules());
   }, []);
-  const processConfigRequest = (0, import_react13.useCallback)((insertAfterVal) => {
+  const processConfigRequest = (0, import_react14.useCallback)((insertAfterVal) => {
     const tracker = getSectionsTracker();
     let entries = [];
     try {
@@ -11713,7 +11746,7 @@ function OhhwellsBridge() {
     }
     window.postMessage({ type: "ow:schedule-config", insertAfter: insertAfterVal, scheduleId: null }, "*");
   }, [isEditMode]);
-  const deactivate = (0, import_react13.useCallback)(() => {
+  const deactivate = (0, import_react14.useCallback)(() => {
     const el = activeElRef.current;
     if (!el) return;
     const key = el.dataset.ohwKey;
@@ -11746,12 +11779,12 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     postToParent2({ type: "ow:exit-edit" });
   }, [postToParent2]);
-  const clearSelectedAttr = (0, import_react13.useCallback)(() => {
+  const clearSelectedAttr = (0, import_react14.useCallback)(() => {
     document.querySelectorAll("[data-ohw-selected]").forEach((el) => {
       el.removeAttribute("data-ohw-selected");
     });
   }, []);
-  const deselect = (0, import_react13.useCallback)(() => {
+  const deselect = (0, import_react14.useCallback)(() => {
     clearSelectedAttr();
     selectedElRef.current = null;
     selectedHrefKeyRef.current = null;
@@ -11776,11 +11809,11 @@ function OhhwellsBridge() {
       setToolbarVariant("none");
     }
   }, [clearSelectedAttr]);
-  const markSelected = (0, import_react13.useCallback)((el) => {
+  const markSelected = (0, import_react14.useCallback)((el) => {
     clearSelectedAttr();
     el.setAttribute("data-ohw-selected", "");
   }, [clearSelectedAttr]);
-  const resolveHrefKeyElement = (0, import_react13.useCallback)((hrefKey) => {
+  const resolveHrefKeyElement = (0, import_react14.useCallback)((hrefKey) => {
     if (isFooterHrefKey(hrefKey)) {
       return document.querySelector(
         `footer [data-ohw-href-key="${CSS.escape(hrefKey)}"]`
@@ -11795,7 +11828,7 @@ function OhhwellsBridge() {
       `[data-ohw-href-key="${CSS.escape(hrefKey)}"]`
     );
   }, []);
-  const resyncSelectedNavigationItem = (0, import_react13.useCallback)(() => {
+  const resyncSelectedNavigationItem = (0, import_react14.useCallback)(() => {
     const hrefKey = selectedHrefKeyRef.current;
     if (hrefKey) {
       const link = resolveHrefKeyElement(hrefKey);
@@ -11833,7 +11866,7 @@ function OhhwellsBridge() {
       );
     }
   }, [resolveHrefKeyElement]);
-  const reselectNavigationItem = (0, import_react13.useCallback)((navAnchor) => {
+  const reselectNavigationItem = (0, import_react14.useCallback)((navAnchor) => {
     selectedElRef.current = navAnchor;
     selectedHrefKeyRef.current = navAnchor.getAttribute("data-ohw-href-key");
     selectedFooterColAttrRef.current = null;
@@ -11862,7 +11895,7 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     setActiveCommands(/* @__PURE__ */ new Set());
   }, [markSelected]);
-  const commitNavigationTextEdit = (0, import_react13.useCallback)((navAnchor) => {
+  const commitNavigationTextEdit = (0, import_react14.useCallback)((navAnchor) => {
     const el = activeElRef.current;
     if (!el) return;
     const key = el.dataset.ohwKey;
@@ -11889,7 +11922,7 @@ function OhhwellsBridge() {
     postToParent2({ type: "ow:exit-edit" });
     reselectNavigationItem(navAnchor);
   }, [postToParent2, reselectNavigationItem]);
-  const handleAddTopLevelNavItem = (0, import_react13.useCallback)(() => {
+  const handleAddTopLevelNavItem = (0, import_react14.useCallback)(() => {
     const items = listNavbarRootItems();
     addNavAfterAnchorRef.current = items[items.length - 1] ?? null;
     deselectRef.current();
@@ -11901,7 +11934,7 @@ function OhhwellsBridge() {
       intent: "add-nav"
     });
   }, []);
-  const maybeWarnNavLinkDropdownConflict = (0, import_react13.useCallback)(
+  const maybeWarnNavLinkDropdownConflict = (0, import_react14.useCallback)(
     (anchor) => {
       if (!isNavbarHrefKey(anchor.getAttribute("data-ohw-href-key"))) return;
       if (!navDropdownsOpenOnClick()) return;
@@ -11914,7 +11947,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const handleNavDropdownOpenChange = (0, import_react13.useCallback)((open) => {
+  const handleNavDropdownOpenChange = (0, import_react14.useCallback)((open) => {
     const selected = selectedElRef.current;
     if (!selected || !isNavigationItem2(selected)) return;
     setNavGroupForceOpen(selected, open);
@@ -11926,7 +11959,7 @@ function OhhwellsBridge() {
       }
     });
   }, []);
-  const handleFooterHeadingVisibleChange = (0, import_react13.useCallback)(
+  const handleFooterHeadingVisibleChange = (0, import_react14.useCallback)(
     (visible) => {
       const selected = selectedElRef.current;
       if (!selected || !isFooterFrameSelectionRef.current) return;
@@ -11950,7 +11983,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const enterEditOnNewItem = (0, import_react13.useCallback)((anchor) => {
+  const enterEditOnNewItem = (0, import_react14.useCallback)((anchor) => {
     const label = anchor.querySelector('[data-ohw-editable="text"]');
     if (!label) {
       selectRef.current(anchor);
@@ -11959,7 +11992,7 @@ function OhhwellsBridge() {
     setNavGroupForceOpen(anchor, true);
     activateRef.current(label);
   }, []);
-  const handleAddChildItem = (0, import_react13.useCallback)(() => {
+  const handleAddChildItem = (0, import_react14.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected) return;
     if (toolbarVariantRef.current === "select-frame" && isFooterFrameSelection) {
@@ -12035,7 +12068,7 @@ function OhhwellsBridge() {
       enterEditOnNewItem(result.anchor);
     });
   }, [enterEditOnNewItem, isFooterFrameSelection, maybeWarnNavLinkDropdownConflict, postToParent2]);
-  const handleAddFooterColumn = (0, import_react13.useCallback)(() => {
+  const handleAddFooterColumn = (0, import_react14.useCallback)(() => {
     if (!canAddFooterColumn()) {
       postToParent2({
         type: "ow:toast",
@@ -12056,7 +12089,7 @@ function OhhwellsBridge() {
       selectRef.current(result.firstLink);
     });
   }, [postToParent2]);
-  const clearFooterDragVisuals = (0, import_react13.useCallback)(() => {
+  const clearFooterDragVisuals = (0, import_react14.useCallback)(() => {
     footerDragRef.current = null;
     setSiblingHintRects([]);
     setFooterDropSlots([]);
@@ -12065,7 +12098,7 @@ function OhhwellsBridge() {
     setIsItemDragging(false);
     unlockFooterDragInteraction();
   }, []);
-  const refreshFooterDragVisuals = (0, import_react13.useCallback)((session, activeSlot, clientX, clientY) => {
+  const refreshFooterDragVisuals = (0, import_react14.useCallback)((session, activeSlot, clientX, clientY) => {
     const dragged = session.draggedEl;
     setDraggedItemRect(dragged.getBoundingClientRect());
     if (typeof clientX === "number" && typeof clientY === "number") {
@@ -12090,13 +12123,13 @@ function OhhwellsBridge() {
     const activeIdx = activeSlot ? slots.findIndex((s) => s.insertIndex === activeSlot.insertIndex) : -1;
     setActiveFooterDropIndex(activeIdx >= 0 ? activeIdx : null);
   }, []);
-  const refreshFooterDragVisualsRef = (0, import_react13.useRef)(refreshFooterDragVisuals);
+  const refreshFooterDragVisualsRef = (0, import_react14.useRef)(refreshFooterDragVisuals);
   refreshFooterDragVisualsRef.current = refreshFooterDragVisuals;
-  const commitFooterDragRef = (0, import_react13.useRef)(() => {
+  const commitFooterDragRef = (0, import_react14.useRef)(() => {
   });
-  const beginFooterDragRef = (0, import_react13.useRef)(() => {
+  const beginFooterDragRef = (0, import_react14.useRef)(() => {
   });
-  const beginFooterDrag = (0, import_react13.useCallback)(
+  const beginFooterDrag = (0, import_react14.useCallback)(
     (session) => {
       const rect = session.draggedEl.getBoundingClientRect();
       session.lastClientX = session.lastClientX || rect.left + rect.width / 2;
@@ -12116,7 +12149,7 @@ function OhhwellsBridge() {
     [refreshFooterDragVisuals]
   );
   beginFooterDragRef.current = beginFooterDrag;
-  const commitFooterDrag = (0, import_react13.useCallback)(
+  const commitFooterDrag = (0, import_react14.useCallback)(
     (clientX, clientY) => {
       const session = footerDragRef.current;
       if (!session) {
@@ -12220,7 +12253,7 @@ function OhhwellsBridge() {
     [clearFooterDragVisuals, resolveHrefKeyElement, resyncSelectedNavigationItem]
   );
   commitFooterDragRef.current = commitFooterDrag;
-  const startFooterLinkDrag = (0, import_react13.useCallback)(
+  const startFooterLinkDrag = (0, import_react14.useCallback)(
     (anchor, clientX, clientY, wasSelected) => {
       const hrefKey = anchor.getAttribute("data-ohw-href-key");
       if (!hrefKey || !isFooterHrefKey(hrefKey)) return false;
@@ -12241,7 +12274,7 @@ function OhhwellsBridge() {
     },
     [beginFooterDrag]
   );
-  const startFooterColumnDrag = (0, import_react13.useCallback)(
+  const startFooterColumnDrag = (0, import_react14.useCallback)(
     (columnEl, clientX, clientY, wasSelected) => {
       const columns = listFooterColumns();
       const idx = columns.indexOf(columnEl);
@@ -12261,7 +12294,7 @@ function OhhwellsBridge() {
     },
     [beginFooterDrag]
   );
-  const handleItemDragStart = (0, import_react13.useCallback)(
+  const handleItemDragStart = (0, import_react14.useCallback)(
     (e) => {
       const selected = selectedElRef.current;
       if (!selected) {
@@ -12281,7 +12314,7 @@ function OhhwellsBridge() {
     },
     [startFooterColumnDrag, startFooterLinkDrag, startNavLinkDrag]
   );
-  const handleItemDragEnd = (0, import_react13.useCallback)(
+  const handleItemDragEnd = (0, import_react14.useCallback)(
     (e) => {
       if (footerDragRef.current) {
         const x = e?.clientX;
@@ -12307,7 +12340,7 @@ function OhhwellsBridge() {
     },
     [commitFooterDrag, commitNavDrag, navDragRef]
   );
-  const handleItemChromePointerDown = (0, import_react13.useCallback)((e) => {
+  const handleItemChromePointerDown = (0, import_react14.useCallback)((e) => {
     if (e.button !== 0) return;
     const selected = selectedElRef.current;
     if (!selected) return;
@@ -12338,7 +12371,7 @@ function OhhwellsBridge() {
     }
     if (armNavPressFromChrome(selected, e.clientX, e.clientY, e.pointerId)) return;
   }, [armNavPressFromChrome]);
-  const handleItemChromeClick = (0, import_react13.useCallback)((clientX, clientY) => {
+  const handleItemChromeClick = (0, import_react14.useCallback)((clientX, clientY) => {
     if (suppressNextClickRef.current || Date.now() < suppressClickUntilRef.current) {
       suppressNextClickRef.current = false;
       return;
@@ -12351,7 +12384,7 @@ function OhhwellsBridge() {
   }, []);
   reselectNavigationItemRef.current = reselectNavigationItem;
   commitNavigationTextEditRef.current = commitNavigationTextEdit;
-  const select = (0, import_react13.useCallback)((anchor) => {
+  const select = (0, import_react14.useCallback)((anchor) => {
     if (!isNavigationItem2(anchor)) return;
     if (activeElRef.current) deactivate();
     aiSectionApiRef.current?.selectFromElement(anchor);
@@ -12390,7 +12423,7 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     setActiveCommands(/* @__PURE__ */ new Set());
   }, [deactivate, markSelected]);
-  const selectFrame = (0, import_react13.useCallback)((el) => {
+  const selectFrame = (0, import_react14.useCallback)((el) => {
     if (!isNavigationContainer(el)) return;
     if (activeElRef.current) deactivate();
     aiSectionApiRef.current?.selectFromElement(el);
@@ -12437,7 +12470,7 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     setActiveCommands(/* @__PURE__ */ new Set());
   }, [deactivate, markSelected, postToParent2]);
-  const activate = (0, import_react13.useCallback)((el, options) => {
+  const activate = (0, import_react14.useCallback)((el, options) => {
     if (activeElRef.current === el) return;
     clearSelectedAttr();
     selectedElRef.current = null;
@@ -12514,8 +12547,8 @@ function OhhwellsBridge() {
   selectRef.current = select;
   selectFrameRef.current = selectFrame;
   deselectRef.current = deselect;
-  const lastSiteWideScopeRef = (0, import_react13.useRef)(null);
-  (0, import_react13.useEffect)(() => {
+  const lastSiteWideScopeRef = (0, import_react14.useRef)(null);
+  (0, import_react14.useEffect)(() => {
     if (!isEditMode) {
       if (lastSiteWideScopeRef.current !== false) {
         lastSiteWideScopeRef.current = false;
@@ -12541,7 +12574,7 @@ function OhhwellsBridge() {
     isFooterFrameSelection,
     postToParent2
   ]);
-  (0, import_react13.useLayoutEffect)(() => {
+  (0, import_react14.useLayoutEffect)(() => {
     if (!subdomain || isEditMode) {
       setFetchState("done");
       return;
@@ -12612,7 +12645,7 @@ function OhhwellsBridge() {
       cancelled = true;
     };
   }, [subdomain, isEditMode]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!subdomain || isEditMode) return;
     let debounceTimer = null;
     let observer = null;
@@ -12663,16 +12696,16 @@ function OhhwellsBridge() {
       if (debounceTimer) clearTimeout(debounceTimer);
     };
   }, [subdomain, isEditMode, pathname]);
-  (0, import_react13.useLayoutEffect)(() => {
+  (0, import_react14.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_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     postToParent2({ type: "ow:navigation", path: pathname });
   }, [pathname, postToParent2]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!isEditMode) return;
     if (linkPopoverSessionRef.current?.intent === "add-nav") return;
     if (document.querySelector("[data-ohw-section-picker]")) return;
@@ -12680,7 +12713,7 @@ function OhhwellsBridge() {
     deselectRef.current();
     deactivateRef.current();
   }, [pathname, isEditMode]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const contentForNav = () => {
       if (isEditMode) return editContentRef.current;
       if (!subdomain) return {};
@@ -12745,7 +12778,7 @@ function OhhwellsBridge() {
       observer?.disconnect();
     };
   }, [isEditMode, pathname, subdomain, fetchState, resyncSelectedNavigationItem]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!isEditMode) return;
     const measure = () => {
       const h = document.body.scrollHeight;
@@ -12769,7 +12802,7 @@ function OhhwellsBridge() {
       window.removeEventListener("resize", handleResize);
     };
   }, [pathname, isEditMode, postToParent2]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!subdomainFromQuery || isEditMode) return;
     const handleClick = (e) => {
       const anchor = e.target.closest("a");
@@ -12785,7 +12818,7 @@ function OhhwellsBridge() {
     document.addEventListener("click", handleClick, true);
     return () => document.removeEventListener("click", handleClick, true);
   }, [subdomainFromQuery, isEditMode, router]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!isEditMode) {
       editStylesRef.current?.base.remove();
       editStylesRef.current?.forceHover.remove();
@@ -14695,7 +14728,7 @@ function OhhwellsBridge() {
       if (imageShowTimerRef.current) clearTimeout(imageShowTimerRef.current);
     };
   }, [isEditMode, refreshStateRules]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!isEditMode) return;
     const THRESHOLD = 10;
     const resolveWasSelected = (el) => {
@@ -14849,7 +14882,7 @@ function OhhwellsBridge() {
       unlockFooterDragInteraction();
     };
   }, [isEditMode]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const handler = (e) => {
       if (e.data?.type !== "ow:request-schedule-config") return;
       const insertAfterVal = e.data.insertAfter;
@@ -14865,7 +14898,7 @@ function OhhwellsBridge() {
     window.addEventListener("message", handler);
     return () => window.removeEventListener("message", handler);
   }, [processConfigRequest]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!isEditMode) return;
     document.querySelectorAll("[data-ohw-active-state]").forEach((el) => {
       el.removeAttribute("data-ohw-active-state");
@@ -14901,13 +14934,13 @@ function OhhwellsBridge() {
       clearTimeout(timer);
     };
   }, [pathname, isEditMode, refreshStateRules, postToParent2]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     scrollToHashSectionWhenReady();
     const onHashChange = () => scrollToHashSectionWhenReady();
     window.addEventListener("hashchange", onHashChange);
     return () => window.removeEventListener("hashchange", onHashChange);
   }, [pathname]);
-  const handleCommand = (0, import_react13.useCallback)((cmd) => {
+  const handleCommand = (0, import_react14.useCallback)((cmd) => {
     const el = activeElRef.current;
     const selBefore = window.getSelection();
     let savedOffsets = null;
@@ -14943,7 +14976,7 @@ function OhhwellsBridge() {
     if (el) setToolbarRect(getEditMeasureEl(el).getBoundingClientRect());
     refreshActiveCommandsRef.current();
   }, []);
-  const handleStateChange = (0, import_react13.useCallback)((state) => {
+  const handleStateChange = (0, import_react14.useCallback)((state) => {
     if (!activeStateElRef.current) return;
     const el = activeStateElRef.current;
     if (state === "Default") {
@@ -14956,7 +14989,7 @@ function OhhwellsBridge() {
     }
     setToggleState((prev) => prev ? { ...prev, activeState: state } : null);
   }, [deactivate]);
-  const reselectAfterLinkPopover = (0, import_react13.useCallback)(
+  const reselectAfterLinkPopover = (0, import_react14.useCallback)(
     (hrefKey) => {
       requestAnimationFrame(() => {
         const el = resolveHrefKeyElement(hrefKey);
@@ -14965,7 +14998,7 @@ function OhhwellsBridge() {
     },
     [resolveHrefKeyElement]
   );
-  const closeLinkPopover = (0, import_react13.useCallback)(() => {
+  const closeLinkPopover = (0, import_react14.useCallback)(() => {
     const session = linkPopoverSessionRef.current;
     addNavAfterAnchorRef.current = null;
     setLinkPopover(null);
@@ -14973,9 +15006,9 @@ function OhhwellsBridge() {
       reselectAfterLinkPopover(session.key);
     }
   }, [reselectAfterLinkPopover]);
-  const closeLinkPopoverRef = (0, import_react13.useRef)(closeLinkPopover);
+  const closeLinkPopoverRef = (0, import_react14.useRef)(closeLinkPopover);
   closeLinkPopoverRef.current = closeLinkPopover;
-  const openLinkPopoverForActive = (0, import_react13.useCallback)(() => {
+  const openLinkPopoverForActive = (0, import_react14.useCallback)(() => {
     const hrefCtx = getHrefKeyFromElement(activeElRef.current);
     if (!hrefCtx) return;
     bumpLinkPopoverGrace();
@@ -14986,7 +15019,7 @@ function OhhwellsBridge() {
     });
     deactivate();
   }, [deactivate]);
-  const openLinkPopoverForSelected = (0, import_react13.useCallback)(() => {
+  const openLinkPopoverForSelected = (0, import_react14.useCallback)(() => {
     const anchor = selectedElRef.current;
     if (!anchor) return;
     const key = anchor.getAttribute("data-ohw-href-key");
@@ -14999,7 +15032,7 @@ function OhhwellsBridge() {
     });
     deselect();
   }, [deselect]);
-  const handleSelectParent = (0, import_react13.useCallback)(() => {
+  const handleSelectParent = (0, import_react14.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected) return;
     if (toolbarVariantRef.current === "select-frame") {
@@ -15026,7 +15059,7 @@ function OhhwellsBridge() {
     }
     deselectRef.current();
   }, []);
-  const handleDuplicateSelected = (0, import_react13.useCallback)(() => {
+  const handleDuplicateSelected = (0, import_react14.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected || !isNavigationItem2(selected)) return;
     const hrefKey = selected.getAttribute("data-ohw-href-key");
@@ -15116,7 +15149,7 @@ function OhhwellsBridge() {
       });
     }
   }, [postToParent2]);
-  const runPendingDeleteUndo = (0, import_react13.useCallback)(() => {
+  const runPendingDeleteUndo = (0, import_react14.useCallback)(() => {
     const pending = pendingDeleteUndoRef.current;
     if (!pending) return false;
     pendingDeleteUndoRef.current = null;
@@ -15124,7 +15157,7 @@ function OhhwellsBridge() {
     enforceLinkHrefs();
     return true;
   }, []);
-  const handleDeleteSelected = (0, import_react13.useCallback)(() => {
+  const handleDeleteSelected = (0, import_react14.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected) return false;
     return deleteSelectedNavFooterItem({
@@ -15145,7 +15178,7 @@ function OhhwellsBridge() {
   }, [postToParent2]);
   handleDeleteSelectedRef.current = handleDeleteSelected;
   runPendingDeleteUndoRef.current = runPendingDeleteUndo;
-  const handleLinkPopoverSubmit = (0, import_react13.useCallback)(
+  const handleLinkPopoverSubmit = (0, import_react14.useCallback)(
     (target) => {
       const session = linkPopoverSessionRef.current;
       if (!session) return;
@@ -15211,19 +15244,19 @@ function OhhwellsBridge() {
   const showEditLink = toolbarShowEditLink;
   const currentSections = sectionsByPath[pathname] ?? [];
   linkPopoverOpenRef.current = linkPopover !== null;
-  const handleMediaReplace = (0, import_react13.useCallback)(
+  const handleMediaReplace = (0, import_react14.useCallback)(
     (key) => {
       postToParent2({ type: "ow:image-pick", key, elementType: mediaHover?.elementType ?? "image" });
     },
     [postToParent2, mediaHover?.elementType]
   );
-  const handleEditCarousel = (0, import_react13.useCallback)(
+  const handleEditCarousel = (0, import_react14.useCallback)(
     (key) => {
       postToParent2({ type: "ow:carousel-open", key, images: readCarouselValue(key) });
     },
     [postToParent2]
   );
-  const handleMediaFadeOutComplete = (0, import_react13.useCallback)((key) => {
+  const handleMediaFadeOutComplete = (0, import_react14.useCallback)((key) => {
     setUploadingRects((prev) => {
       if (!(key in prev)) return prev;
       const next = { ...prev };
@@ -15231,7 +15264,7 @@ function OhhwellsBridge() {
       return next;
     });
   }, []);
-  const handleVideoSettingsChange = (0, import_react13.useCallback)(
+  const handleVideoSettingsChange = (0, import_react14.useCallback)(
     (key, settings) => {
       document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
         const video = getVideoEl2(el);