@ohhwells/bridge 0.1.52 → 0.1.53

package/dist/index.cjs

@@ -69,7 +69,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/OhhwellsBridge.tsx
-var import_react12 = __toESM(require("react"), 1);
+var import_react13 = __toESM(require("react"), 1);
 var import_client = require("react-dom/client");
 var import_react_dom2 = require("react-dom");
 
@@ -84,6 +84,9 @@ function getStoredLinkHref(key) {
 function clearStoredLinkHref(key) {
   linkHrefStore.delete(key);
 }
+function listStoredLinkHrefs() {
+  return Array.from(linkHrefStore.entries());
+}
 function enforceLinkHrefs() {
   document.querySelectorAll("[data-ohw-href-key]").forEach((el) => {
     const key = el.getAttribute("data-ohw-href-key") ?? "";
@@ -118,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);
@@ -152,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();
@@ -420,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();
@@ -449,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;
@@ -471,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]
   );
@@ -663,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 {
@@ -682,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) => {
@@ -691,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))) {
@@ -701,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();
@@ -713,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);
@@ -4409,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
@@ -4593,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";
@@ -4769,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)`;
@@ -4821,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 = () => {
@@ -4875,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 = () => {
@@ -5308,7 +5343,43 @@ function CarouselOverlay({
 
 // 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) {
+  return Boolean(
+    el.closest('[data-ohw-role="navbar-button"], [data-ohw-role="button"]')
+  );
+}
+var CTA_BUTTON_SELECTOR = '[data-ohw-role="navbar-button"], [data-ohw-role="button"]';
+
+// src/lib/media-overlay-guards.ts
+var BRIDGE_CHROME_SELECTOR = [
+  "[data-ohw-toolbar]",
+  "[data-ohw-item-toolbar-anchor]",
+  "[data-ohw-drag-handle-container]",
+  '[data-slot="drag-handle"]',
+  "[data-ohw-more-menu]",
+  '[data-slot="dropdown-menu-content"]'
+].join(", ");
+function containsPoint(el, x, y) {
+  const r2 = el.getBoundingClientRect();
+  if (r2.width <= 0 || r2.height <= 0) return false;
+  return x >= r2.left && x <= r2.right && y >= r2.top && y <= r2.bottom;
+}
+function isPointOverBridgeChrome(x, y) {
+  for (const el of document.querySelectorAll(BRIDGE_CHROME_SELECTOR)) {
+    if (containsPoint(el, x, y)) return true;
+  }
+  return false;
+}
+function findCtaButtonAtPoint(x, y, media) {
+  const hits = Array.from(
+    document.querySelectorAll(CTA_BUTTON_SELECTOR)
+  ).filter((el) => containsPoint(el, x, y) && !(media && el.contains(media)));
+  if (hits.length === 0) return null;
+  return hits.reduce((best, el) => best.contains(el) ? el : best);
+}
 
 // src/lib/session-search.ts
 var STORAGE_KEY = "ohw-preserved-search";
@@ -5586,7 +5657,7 @@ function scrollToHashSectionWhenReady(behavior = "smooth") {
 }
 
 // src/ui/link-modal/LinkPopover.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 
 // src/ui/dialog.tsx
 var React7 = __toESM(require("react"), 1);
@@ -5786,7 +5857,7 @@ function SectionTreeItem({
 }
 
 // src/ui/link-modal/UrlOrPageInput.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 
 // src/ui/input.tsx
 var React8 = __toESM(require("react"), 1);
@@ -5854,11 +5925,11 @@ function UrlOrPageInput({
   readOnly = false,
   urlError
 }) {
-  const inputId = (0, import_react6.useId)();
-  const inputRef = (0, import_react6.useRef)(null);
-  const rootRef = (0, import_react6.useRef)(null);
-  const [isFocused, setIsFocused] = (0, import_react6.useState)(false);
-  (0, import_react6.useEffect)(() => {
+  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)(() => {
     if (!dropdownOpen) return;
     const isOutside = (e) => {
       const root = rootRef.current;
@@ -6066,10 +6137,10 @@ function LinkEditorPanel({ state, onClose }) {
 }
 
 // src/ui/link-modal/SectionPickerOverlay.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_react_dom = require("react-dom");
 var import_lucide_react10 = require("lucide-react");
-var import_navigation = require("next/navigation");
+var import_navigation2 = require("next/navigation");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var DIM_OVERLAY = "rgba(0, 0, 0, 0.45)";
 function rectsEqual(a, b) {
@@ -6103,12 +6174,12 @@ function hitTestSectionId(x, y, sectionIds, rects) {
   return null;
 }
 function useSectionRects(sectionIdsKey, enabled) {
-  const [rects, setRects] = (0, import_react7.useState)(/* @__PURE__ */ new Map());
-  const sectionIds = (0, import_react7.useMemo)(
+  const [rects, setRects] = (0, import_react8.useState)(/* @__PURE__ */ new Map());
+  const sectionIds = (0, import_react8.useMemo)(
     () => sectionIdsKey ? sectionIdsKey.split("\0") : [],
     [sectionIdsKey]
   );
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!enabled || sectionIds.length === 0) {
       setRects((prev) => prev.size === 0 ? prev : /* @__PURE__ */ new Map());
       return;
@@ -6147,15 +6218,15 @@ function SectionPickerOverlay({
   onBack,
   onSelect
 }) {
-  const router = (0, import_navigation.useRouter)();
-  const pathname = (0, import_navigation.usePathname)();
-  const [selectedId, setSelectedId] = (0, import_react7.useState)(null);
-  const [hoveredId, setHoveredId] = (0, import_react7.useState)(null);
-  const pointerRef = (0, import_react7.useRef)(null);
-  const pointerScreenRef = (0, import_react7.useRef)(null);
-  const iframeOffsetTopRef = (0, import_react7.useRef)(null);
-  const sectionIdsRef = (0, import_react7.useRef)([]);
-  const [chromeClip, setChromeClip] = (0, import_react7.useState)(
+  const router = (0, import_navigation2.useRouter)();
+  const pathname = (0, import_navigation2.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)(
     () => ({
       top: 0,
       bottom: typeof window !== "undefined" ? window.innerHeight : 0
@@ -6163,12 +6234,12 @@ function SectionPickerOverlay({
   );
   const normalizedTarget = normalizePath(pagePath);
   const isOnTargetPage = normalizePath(pathname) === normalizedTarget;
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (isOnTargetPage) return;
     const search = readPreservedSearch();
     router.push(`${normalizedTarget}${search}`);
   }, [isOnTargetPage, normalizedTarget, router]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     document.documentElement.setAttribute("data-ohw-section-picking", "");
     document.querySelectorAll("[data-ohw-hovered]").forEach((el) => {
       el.removeAttribute("data-ohw-hovered");
@@ -6180,24 +6251,24 @@ function SectionPickerOverlay({
       document.documentElement.removeAttribute("data-ohw-section-picking");
     };
   }, []);
-  const liveSections = (0, import_react7.useMemo)(() => {
+  const liveSections = (0, import_react8.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_react7.useMemo)(
+  const sectionIdsKey = (0, import_react8.useMemo)(
     () => liveSections.map((s) => s.id).join("\0"),
     [liveSections]
   );
-  const sectionIds = (0, import_react7.useMemo)(
+  const sectionIds = (0, import_react8.useMemo)(
     () => liveSections.map((s) => s.id),
     [liveSections]
   );
   sectionIdsRef.current = sectionIds;
   const rects = useSectionRects(sectionIdsKey, isOnTargetPage);
-  const applyHoverAt = (0, import_react7.useCallback)(
+  const applyHoverAt = (0, import_react8.useCallback)(
     (x, y, liveRects) => {
       const ids = sectionIdsRef.current;
       const map = liveRects ?? readSectionRects(ids);
@@ -6206,7 +6277,7 @@ function SectionPickerOverlay({
     },
     []
   );
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const applyClip = (iframeOffsetTop, visibleCanvasTop, canvasH) => {
       const top = Math.max(0, visibleCanvasTop - iframeOffsetTop);
       const bottom = Math.min(
@@ -6248,12 +6319,12 @@ function SectionPickerOverlay({
       window.removeEventListener("resize", onResize);
     };
   }, [applyHoverAt]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const ptr = pointerRef.current;
     if (!ptr) return;
     applyHoverAt(ptr.x, ptr.y, rects);
   }, [rects, applyHoverAt]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const rememberPointer = (clientX, clientY) => {
       pointerRef.current = { x: clientX, y: clientY };
       const top = iframeOffsetTopRef.current;
@@ -6277,7 +6348,7 @@ function SectionPickerOverlay({
       window.removeEventListener("message", onPointerSync);
     };
   }, [rects, applyHoverAt]);
-  const handleSelect = (0, import_react7.useCallback)(
+  const handleSelect = (0, import_react8.useCallback)(
     (section) => {
       if (selectedId) return;
       setSelectedId(section.id);
@@ -6285,7 +6356,7 @@ function SectionPickerOverlay({
     },
     [selectedId, onSelect]
   );
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const onKeyDown = (e) => {
       if (e.key === "Escape") {
         e.preventDefault();
@@ -6408,7 +6479,7 @@ function SectionPickerOverlay({
 }
 
 // src/ui/link-modal/useLinkModalState.ts
-var import_react8 = require("react");
+var import_react9 = require("react");
 function useLinkModalState({
   open,
   mode,
@@ -6420,14 +6491,14 @@ function useLinkModalState({
   onClose,
   onSubmit
 }) {
-  const availablePages = (0, import_react8.useMemo)(() => pages, [pages]);
-  const [searchValue, setSearchValue] = (0, import_react8.useState)("");
-  const [selectedPage, setSelectedPage] = (0, import_react8.useState)(null);
-  const [selectedSection, setSelectedSection] = (0, import_react8.useState)(null);
-  const [step, setStep] = (0, import_react8.useState)("input");
-  const [dropdownOpen, setDropdownOpen] = (0, import_react8.useState)(false);
-  const [urlError, setUrlError] = (0, import_react8.useState)("");
-  const reset = (0, import_react8.useCallback)(() => {
+  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)(() => {
     setSearchValue("");
     setSelectedPage(null);
     setSelectedSection(null);
@@ -6435,7 +6506,7 @@ function useLinkModalState({
     setDropdownOpen(false);
     setUrlError("");
   }, []);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!open) return;
     if (mode === "edit" && initialTarget) {
       const { pageRoute } = parseTarget(initialTarget);
@@ -6451,11 +6522,11 @@ function useLinkModalState({
     setDropdownOpen(false);
     setUrlError("");
   }, [open, mode, initialTarget, reset]);
-  const filteredPages = (0, import_react8.useMemo)(() => {
+  const filteredPages = (0, import_react9.useMemo)(() => {
     if (!searchValue.trim()) return availablePages;
     return availablePages.filter((p) => p.title.toLowerCase().startsWith(searchValue.toLowerCase()));
   }, [availablePages, searchValue]);
-  const activeSections = (0, import_react8.useMemo)(() => {
+  const activeSections = (0, import_react9.useMemo)(() => {
     if (!selectedPage) return [];
     return getSectionsForPath(sectionsByPath, selectedPage.path);
   }, [selectedPage, sectionsByPath]);
@@ -6504,7 +6575,7 @@ function useLinkModalState({
     reset();
     onClose();
   };
-  const isValid = (0, import_react8.useMemo)(() => {
+  const isValid = (0, import_react9.useMemo)(() => {
     if (urlError) return false;
     if (showBreadcrumb) return true;
     if (selectedPage) return true;
@@ -6601,7 +6672,7 @@ function LinkPopover({
     onSubmit
   });
   const sectionPickerActive = state.showSectionPicker && Boolean(state.selectedPage);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (!open) return;
     if (sectionPickerActive) {
       postToParent({ type: "ui:unlock" });
@@ -6929,12 +7000,9 @@ function getLinkHref(el) {
   }
   return el.getAttribute("href") ?? "";
 }
-function isNavbarButton(el) {
-  return el.hasAttribute("data-ohw-role") && el.getAttribute("data-ohw-role") === "navbar-button";
-}
 function isNavbarLinkItem(el) {
   if (!el.matches("[data-ohw-href-key]")) return false;
-  if (isNavbarButton(el)) return false;
+  if (isCtaButton(el)) return false;
   if (!el.querySelector('[data-ohw-editable="text"]')) return false;
   return Boolean(el.closest("nav, [data-ohw-nav-container], [data-ohw-nav-drawer]"));
 }
@@ -7015,7 +7083,7 @@ function buildNavLink(index, href, label, template) {
 }
 function insertNavLinkInContainer(container, anchor, afterHrefKey) {
   if (!afterHrefKey) {
-    const cta = container.querySelector('[data-ohw-role="navbar-button"]');
+    const cta = container.querySelector(CTA_BUTTON_SELECTOR);
     if (cta && cta.parentElement === container) {
       container.insertBefore(anchor, cta);
       return;
@@ -8896,7 +8964,7 @@ function hitTestNavDropSlot(clientX, clientY, draggedHrefKey) {
 }
 
 // src/useNavItemDrag.ts
-var import_react10 = require("react");
+var import_react11 = require("react");
 function useNavItemDrag({
   isEditMode,
   editContentRef,
@@ -8918,14 +8986,13 @@ function useNavItemDrag({
   setSiblingHintRects,
   setToolbarRect,
   getNavigationItemAnchor: getNavigationItemAnchor2,
-  isDragHandleDisabled: isDragHandleDisabled2,
-  isNavbarButton: isNavbarButton3
+  isDragHandleDisabled: isDragHandleDisabled2
 }) {
-  const navDragRef = (0, import_react10.useRef)(null);
-  const [navDropSlots, setNavDropSlots] = (0, import_react10.useState)([]);
-  const [activeNavDropIndex, setActiveNavDropIndex] = (0, import_react10.useState)(null);
-  const navPointerDragRef = (0, import_react10.useRef)(null);
-  const clearNavDragVisuals = (0, import_react10.useCallback)(() => {
+  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 session = navDragRef.current;
     const keepOpenEl = session?.draggedEl?.closest("[data-ohw-nav-children]") != null ? session.draggedEl : null;
     navDragRef.current = null;
@@ -8942,7 +9009,7 @@ function useNavItemDrag({
     document.documentElement.removeAttribute("data-ohw-nav-dragging-root");
     unlockItemDragInteraction();
   }, [setDraggedItemRect, setIsItemDragging, setSiblingHintRects]);
-  const refreshNavDragVisuals = (0, import_react10.useCallback)(
+  const refreshNavDragVisuals = (0, import_react11.useCallback)(
     (session, activeSlot, clientX, clientY) => {
       setDraggedItemRect(session.draggedEl.getBoundingClientRect());
       if (typeof clientX === "number" && typeof clientY === "number") {
@@ -8960,13 +9027,13 @@ function useNavItemDrag({
     },
     [setDraggedItemRect, setSiblingHintRects]
   );
-  const refreshNavDragVisualsRef = (0, import_react10.useRef)(refreshNavDragVisuals);
+  const refreshNavDragVisualsRef = (0, import_react11.useRef)(refreshNavDragVisuals);
   refreshNavDragVisualsRef.current = refreshNavDragVisuals;
-  const commitNavDragRef = (0, import_react10.useRef)(() => {
+  const commitNavDragRef = (0, import_react11.useRef)(() => {
   });
-  const beginNavDragRef = (0, import_react10.useRef)(() => {
+  const beginNavDragRef = (0, import_react11.useRef)(() => {
   });
-  const beginNavDrag = (0, import_react10.useCallback)(
+  const beginNavDrag = (0, import_react11.useCallback)(
     (session) => {
       const rect = session.draggedEl.getBoundingClientRect();
       session.lastClientX = session.lastClientX || rect.left + rect.width / 2;
@@ -9000,7 +9067,7 @@ function useNavItemDrag({
     ]
   );
   beginNavDragRef.current = beginNavDrag;
-  const commitNavDrag = (0, import_react10.useCallback)(
+  const commitNavDrag = (0, import_react11.useCallback)(
     (clientX, clientY) => {
       const session = navDragRef.current;
       if (!session) {
@@ -9061,12 +9128,12 @@ function useNavItemDrag({
     [clearNavDragVisuals, deselectRef, editContentRef, postToParentRef, selectRef]
   );
   commitNavDragRef.current = commitNavDrag;
-  const startNavLinkDrag = (0, import_react10.useCallback)(
+  const startNavLinkDrag = (0, import_react11.useCallback)(
     (anchor, clientX, clientY, wasSelected) => {
       if (footerDragRef.current) return false;
       const hrefKey = anchor.getAttribute("data-ohw-href-key");
       if (!hrefKey || !isNavbarHrefKey(hrefKey)) return false;
-      if (isNavbarButton3(anchor) || isDragHandleDisabled2(anchor)) return false;
+      if (isCtaButton(anchor) || isDragHandleDisabled2(anchor)) return false;
       beginNavDrag({
         hrefKey,
         wasSelected,
@@ -9077,9 +9144,9 @@ function useNavItemDrag({
       });
       return true;
     },
-    [beginNavDrag, footerDragRef, isDragHandleDisabled2, isNavbarButton3]
+    [beginNavDrag, footerDragRef, isDragHandleDisabled2, isCtaButton]
   );
-  const onNavDragOver = (0, import_react10.useCallback)(
+  const onNavDragOver = (0, import_react11.useCallback)(
     (e) => {
       const session = navDragRef.current;
       if (!session) return false;
@@ -9091,7 +9158,7 @@ function useNavItemDrag({
     },
     []
   );
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!isEditMode) return;
     const THRESHOLD = 10;
     const resolveWasSelected = (el) => {
@@ -9113,7 +9180,7 @@ function useNavItemDrag({
       const anchor = getNavigationItemAnchor2(target);
       const hrefKey = anchor?.getAttribute("data-ohw-href-key") ?? null;
       if (!anchor || !isNavbarHrefKey(hrefKey)) return;
-      if (isNavbarButton3(anchor) || isDragHandleDisabled2(anchor)) return;
+      if (isCtaButton(anchor) || isDragHandleDisabled2(anchor)) return;
       navPointerDragRef.current = {
         el: anchor,
         startX: e.clientX,
@@ -9210,17 +9277,17 @@ function useNavItemDrag({
     getNavigationItemAnchor2,
     isDragHandleDisabled2,
     isEditMode,
-    isNavbarButton3,
+    isCtaButton,
     linkPopoverOpenRef,
     selectedElRef,
     setLinkPopover,
     suppressNextClickRef
   ]);
-  const armNavPressFromChrome = (0, import_react10.useCallback)(
+  const armNavPressFromChrome = (0, import_react11.useCallback)(
     (selected, clientX, clientY, pointerId) => {
       const hrefKey = selected.getAttribute("data-ohw-href-key");
       if (!hrefKey || !isNavbarHrefKey(hrefKey)) return false;
-      if (isNavbarButton3(selected) || isDragHandleDisabled2(selected)) return false;
+      if (isCtaButton(selected) || isDragHandleDisabled2(selected)) return false;
       navPointerDragRef.current = {
         el: selected,
         startX: clientX,
@@ -9231,7 +9298,7 @@ function useNavItemDrag({
       };
       return true;
     },
-    [isDragHandleDisabled2, isNavbarButton3]
+    [isDragHandleDisabled2, isCtaButton]
   );
   return {
     navDragRef,
@@ -9298,7 +9365,7 @@ function FooterContainerChrome({
 }
 
 // src/lib/carousel.ts
-var import_react11 = require("react");
+var import_react12 = require("react");
 var CAROUSEL_ATTR = "data-ohw-carousel";
 var CAROUSEL_VALUE_ATTR = "data-ohw-carousel-value";
 var CAROUSEL_SLIDE_ATTR = "data-ohw-carousel-slide";
@@ -9360,8 +9427,8 @@ function applyCarouselNode(key, val) {
   return true;
 }
 function useOhwCarousel(key, initial) {
-  const [images, setImages] = (0, import_react11.useState)(initial);
-  (0, import_react11.useEffect)(() => {
+  const [images, setImages] = (0, import_react12.useState)(initial);
+  (0, import_react12.useEffect)(() => {
     const el = document.querySelector(
       `[${CAROUSEL_ATTR}][data-ohw-key="${CSS.escape(key)}"]`
     );
@@ -9426,6 +9493,9 @@ function collectEditableNodes(extraContent) {
     if (!key) return;
     nodes.push({ key, type: "link", text: getLinkHref3(el) });
   });
+  for (const [key, href] of listStoredLinkHrefs()) {
+    nodes.push({ key, type: "link", text: href });
+  }
   if (extraContent) {
     for (const key of [NAV_ORDER_KEY, FOOTER_ORDER_KEY, NAV_COUNT_KEY]) {
       const text = extraContent[key];
@@ -10154,9 +10224,6 @@ function getHrefKeyFromElement(el) {
   if (!key) return null;
   return { anchor, key };
 }
-function isNavbarButton2(el) {
-  return Boolean(el.closest('[data-ohw-role="navbar-button"]'));
-}
 function isNavDropdownPanelOpen(childrenRoot) {
   if (childrenRoot.closest("[data-ohw-nav-drawer]")) return true;
   const group = childrenRoot.closest("[data-ohw-nav-group]");
@@ -10209,7 +10276,7 @@ function listNavigationItems() {
   ).filter((el) => isNavigationItem2(el));
 }
 function getNavigationItemReorderState(anchor) {
-  if (isNavbarButton2(anchor)) return { key: null, disabled: false };
+  if (isCtaButton(anchor)) return { key: null, disabled: false };
   return getReorderHandleStateFromAnchor(anchor);
 }
 function getReorderHandleState(el) {
@@ -10311,7 +10378,7 @@ function findHoveredNavOrFooterContainer(x, y) {
 }
 function isPointOverNavItem(container, x, y) {
   return Array.from(container.querySelectorAll("[data-ohw-href-key]")).some((el) => {
-    if (!isNavigationItem2(el) || isNavbarButton2(el)) return false;
+    if (!isNavigationItem2(el) || isCtaButton(el)) return false;
     if (!isNavItemPointerTarget(el)) return false;
     const itemRect = el.getBoundingClientRect();
     return x >= itemRect.left && x <= itemRect.right && y >= itemRect.top && y <= itemRect.bottom;
@@ -10325,7 +10392,7 @@ function isPointOverFooterColumn(x, y) {
 }
 function resolveNavContainerSelectionTarget(target, clientX, clientY) {
   if (getNavigationItemAnchor(target)) return null;
-  if (target.closest('[data-ohw-role="navbar-button"]')) return null;
+  if (target.closest(CTA_BUTTON_SELECTOR)) return null;
   const plainLink = target.closest("a");
   if (plainLink && !plainLink.hasAttribute("data-ohw-href-key") && !plainLink.closest("[data-ohw-nav-container]")) {
     return null;
@@ -10824,9 +10891,9 @@ function FloatingToolbar({
   showEditLink,
   onEditLink
 }) {
-  const localRef = import_react12.default.useRef(null);
-  const [measuredW, setMeasuredW] = import_react12.default.useState(330);
-  const setRefs = import_react12.default.useCallback(
+  const localRef = import_react13.default.useRef(null);
+  const [measuredW, setMeasuredW] = import_react13.default.useState(330);
+  const setRefs = import_react13.default.useCallback(
     (node) => {
       localRef.current = node;
       if (typeof elRef === "function") elRef(node);
@@ -10838,7 +10905,7 @@ function FloatingToolbar({
     },
     [elRef]
   );
-  import_react12.default.useLayoutEffect(() => {
+  import_react13.default.useLayoutEffect(() => {
     const node = localRef.current;
     if (!node) return;
     const update = () => {
@@ -10864,7 +10931,7 @@ function FloatingToolbar({
         pointerEvents: "auto"
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(CustomToolbar, { children: [
-        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react12.default.Fragment, { children: [
+        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react13.default.Fragment, { children: [
           gi > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CustomToolbarDivider, {}),
           btns.map((btn) => {
             const isActive = activeCommands.has(btn.cmd);
@@ -10966,12 +11033,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_react12.useState)(null);
-  (0, import_react12.useEffect)(() => {
+  const [bridgeRoot, setBridgeRoot] = (0, import_react13.useState)(null);
+  (0, import_react13.useEffect)(() => {
     const figtreeFontId = "ohw-figtree-font";
     if (!document.getElementById(figtreeFontId)) {
       const preconnect1 = Object.assign(document.createElement("link"), { rel: "preconnect", href: "https://fonts.googleapis.com" });
@@ -10999,106 +11066,107 @@ function OhhwellsBridge() {
   const subdomainFromQuery = searchParams.get("subdomain");
   const subdomain = resolveSubdomain(subdomainFromQuery);
   useLinkHrefGuardian(pathname, subdomain, isEditMode);
-  const postToParent2 = (0, import_react12.useCallback)((data) => {
+  useSavedLinkNavigation(isEditMode);
+  const postToParent2 = (0, import_react13.useCallback)((data) => {
     if (typeof window !== "undefined" && window.parent !== window) {
       window.parent.postMessage(data, "*");
     }
   }, []);
-  const [fetchState, setFetchState] = (0, import_react12.useState)("idle");
-  const autoSaveTimers = (0, import_react12.useRef)(/* @__PURE__ */ new Map());
-  const activeElRef = (0, import_react12.useRef)(null);
-  const pointerHeldRef = (0, import_react12.useRef)(false);
-  const selectedElRef = (0, import_react12.useRef)(null);
-  const selectedHrefKeyRef = (0, import_react12.useRef)(null);
-  const selectedFooterColAttrRef = (0, import_react12.useRef)(null);
-  const originalContentRef = (0, import_react12.useRef)(null);
-  const activeStateElRef = (0, import_react12.useRef)(null);
-  const parentScrollRef = (0, import_react12.useRef)(null);
-  const visibleViewportRef = (0, import_react12.useRef)(null);
-  const [dialogPortalContainer, setDialogPortalContainer] = (0, import_react12.useState)(null);
-  const attachVisibleViewport = (0, import_react12.useCallback)((node) => {
+  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) => {
     visibleViewportRef.current = node;
     setDialogPortalContainer(node);
     if (node) applyVisibleViewport(node, parentScrollRef.current);
   }, []);
-  const toolbarElRef = (0, import_react12.useRef)(null);
-  const glowElRef = (0, import_react12.useRef)(null);
-  const hoveredImageRef = (0, import_react12.useRef)(null);
-  const hoveredImageHasTextOverlapRef = (0, import_react12.useRef)(false);
-  const dragOverElRef = (0, import_react12.useRef)(null);
-  const [mediaHover, setMediaHover] = (0, import_react12.useState)(null);
-  const [carouselHover, setCarouselHover] = (0, import_react12.useState)(null);
-  const [uploadingRects, setUploadingRects] = (0, import_react12.useState)({});
-  const hoveredGapRef = (0, import_react12.useRef)(null);
-  const imageUnhoverTimerRef = (0, import_react12.useRef)(null);
-  const imageShowTimerRef = (0, import_react12.useRef)(null);
-  const editStylesRef = (0, import_react12.useRef)(null);
-  const activateRef = (0, import_react12.useRef)(() => {
+  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 deactivateRef = (0, import_react12.useRef)(() => {
+  const deactivateRef = (0, import_react13.useRef)(() => {
   });
-  const selectRef = (0, import_react12.useRef)(() => {
+  const selectRef = (0, import_react13.useRef)(() => {
   });
-  const selectFrameRef = (0, import_react12.useRef)(() => {
+  const selectFrameRef = (0, import_react13.useRef)(() => {
   });
-  const deselectRef = (0, import_react12.useRef)(() => {
+  const deselectRef = (0, import_react13.useRef)(() => {
   });
-  const reselectNavigationItemRef = (0, import_react12.useRef)(() => {
+  const reselectNavigationItemRef = (0, import_react13.useRef)(() => {
   });
-  const commitNavigationTextEditRef = (0, import_react12.useRef)(() => {
+  const commitNavigationTextEditRef = (0, import_react13.useRef)(() => {
   });
-  const handleDeleteSelectedRef = (0, import_react12.useRef)(() => false);
-  const runPendingDeleteUndoRef = (0, import_react12.useRef)(() => false);
-  const isFooterFrameSelectionRef = (0, import_react12.useRef)(false);
-  const refreshActiveCommandsRef = (0, import_react12.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 postToParentRef = (0, import_react12.useRef)(postToParent2);
+  const postToParentRef = (0, import_react13.useRef)(postToParent2);
   postToParentRef.current = postToParent2;
-  const sectionsLoadedRef = (0, import_react12.useRef)(false);
-  const pendingScheduleConfigRequests = (0, import_react12.useRef)([]);
-  const [toolbarRect, setToolbarRect] = (0, import_react12.useState)(null);
-  const [toolbarVariant, setToolbarVariant] = (0, import_react12.useState)("none");
-  const toolbarVariantRef = (0, import_react12.useRef)("none");
+  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");
   toolbarVariantRef.current = toolbarVariant;
-  const [selectedIsCta, setSelectedIsCta] = (0, import_react12.useState)(false);
-  const [reorderHrefKey, setReorderHrefKey] = (0, import_react12.useState)(null);
-  const [reorderDragDisabled, setReorderDragDisabled] = (0, import_react12.useState)(false);
-  const [toggleState, setToggleState] = (0, import_react12.useState)(null);
-  const [maxBadge, setMaxBadge] = (0, import_react12.useState)(null);
-  const [activeCommands, setActiveCommands] = (0, import_react12.useState)(/* @__PURE__ */ new Set());
-  const [sectionGap, setSectionGap] = (0, import_react12.useState)(null);
-  const [toolbarShowEditLink, setToolbarShowEditLink] = (0, import_react12.useState)(false);
-  const hoveredNavContainerRef = (0, import_react12.useRef)(null);
-  const [hoveredNavContainerRect, setHoveredNavContainerRect] = (0, import_react12.useState)(null);
-  const hoveredItemElRef = (0, import_react12.useRef)(null);
-  const [hoveredItemRect, setHoveredItemRect] = (0, import_react12.useState)(null);
-  const siblingHintElRef = (0, import_react12.useRef)(null);
-  const [siblingHintRect, setSiblingHintRect] = (0, import_react12.useState)(null);
-  const [siblingHintRects, setSiblingHintRects] = (0, import_react12.useState)([]);
-  const [isItemDragging, setIsItemDragging] = (0, import_react12.useState)(false);
-  const [isFooterFrameSelection, setIsFooterFrameSelection] = (0, import_react12.useState)(false);
+  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);
   isFooterFrameSelectionRef.current = isFooterFrameSelection;
-  const [navDropdownPreviewOpen, setNavDropdownPreviewOpen] = (0, import_react12.useState)(null);
-  const [footerHeadingVisible, setFooterHeadingVisible] = (0, import_react12.useState)(null);
-  const footerDragRef = (0, import_react12.useRef)(null);
-  const [footerDropSlots, setFooterDropSlots] = (0, import_react12.useState)([]);
-  const [activeFooterDropIndex, setActiveFooterDropIndex] = (0, import_react12.useState)(null);
-  const [draggedItemRect, setDraggedItemRect] = (0, import_react12.useState)(null);
-  const footerPointerDragRef = (0, import_react12.useRef)(null);
-  const suppressNextClickRef = (0, import_react12.useRef)(false);
-  const suppressClickUntilRef = (0, import_react12.useRef)(0);
-  const [linkPopover, setLinkPopover] = (0, import_react12.useState)(null);
-  const linkPopoverSessionRef = (0, import_react12.useRef)(null);
-  const addNavAfterAnchorRef = (0, import_react12.useRef)(null);
-  const editContentRef = (0, import_react12.useRef)({});
-  const pendingDeleteUndoRef = (0, import_react12.useRef)(null);
-  const [sitePages, setSitePages] = (0, import_react12.useState)([]);
-  const [sectionsByPath, setSectionsByPath] = (0, import_react12.useState)({});
-  const sectionsPrefetchGenRef = (0, import_react12.useRef)(0);
-  const setLinkPopoverRef = (0, import_react12.useRef)(setLinkPopover);
-  const linkPopoverPanelRef = (0, import_react12.useRef)(null);
-  const linkPopoverOpenRef = (0, import_react12.useRef)(false);
-  const linkPopoverGraceUntilRef = (0, import_react12.useRef)(0);
+  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);
   setLinkPopoverRef.current = setLinkPopover;
   linkPopoverSessionRef.current = linkPopover;
   const {
@@ -11131,13 +11199,12 @@ function OhhwellsBridge() {
     setSiblingHintRects,
     setToolbarRect,
     getNavigationItemAnchor,
-    isDragHandleDisabled,
-    isNavbarButton: isNavbarButton2
+    isDragHandleDisabled
   });
   const bumpLinkPopoverGrace = () => {
     linkPopoverGraceUntilRef.current = Date.now() + 350;
   };
-  const runSectionsPrefetch = (0, import_react12.useCallback)((pages) => {
+  const runSectionsPrefetch = (0, import_react13.useCallback)((pages) => {
     if (!isEditMode || shouldUseDevFixtures() || pages.length === 0) return;
     const gen = ++sectionsPrefetchGenRef.current;
     const paths = pages.map((p) => p.path);
@@ -11156,9 +11223,9 @@ function OhhwellsBridge() {
       );
     });
   }, [isEditMode, pathname]);
-  const runSectionsPrefetchRef = (0, import_react12.useRef)(runSectionsPrefetch);
+  const runSectionsPrefetchRef = (0, import_react13.useRef)(runSectionsPrefetch);
   runSectionsPrefetchRef.current = runSectionsPrefetch;
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!linkPopover) {
       document.documentElement.removeAttribute("data-ohw-link-popover-open");
       return;
@@ -11186,7 +11253,7 @@ function OhhwellsBridge() {
       document.documentElement.removeAttribute("data-ohw-link-popover-open");
     };
   }, [linkPopover, postToParent2]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!isEditMode) return;
     const useFixtures = shouldUseDevFixtures();
     if (useFixtures) {
@@ -11210,14 +11277,14 @@ function OhhwellsBridge() {
     if (!useFixtures) postToParent2({ type: "ow:request-site-pages" });
     return () => window.removeEventListener("message", onSitePages);
   }, [isEditMode, postToParent2]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!isEditMode || shouldUseDevFixtures()) return;
     void loadAllSectionsManifest().then((manifest) => {
       if (Object.keys(manifest).length === 0) return;
       setSectionsByPath((prev) => ({ ...manifest, ...prev }));
     });
   }, [isEditMode]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const update = () => {
       const el = activeElRef.current ?? selectedElRef.current;
       if (el) setToolbarRect(getEditMeasureEl(el).getBoundingClientRect());
@@ -11241,10 +11308,10 @@ function OhhwellsBridge() {
       vvp.removeEventListener("resize", update);
     };
   }, []);
-  const refreshStateRules = (0, import_react12.useCallback)(() => {
+  const refreshStateRules = (0, import_react13.useCallback)(() => {
     editStylesRef.current?.forceHover && (editStylesRef.current.forceHover.textContent = collectStateRules());
   }, []);
-  const processConfigRequest = (0, import_react12.useCallback)((insertAfterVal) => {
+  const processConfigRequest = (0, import_react13.useCallback)((insertAfterVal) => {
     const tracker = getSectionsTracker();
     let entries = [];
     try {
@@ -11267,7 +11334,7 @@ function OhhwellsBridge() {
     }
     window.postMessage({ type: "ow:schedule-config", insertAfter: insertAfterVal, scheduleId: null }, "*");
   }, [isEditMode]);
-  const deactivate = (0, import_react12.useCallback)(() => {
+  const deactivate = (0, import_react13.useCallback)(() => {
     const el = activeElRef.current;
     if (!el) return;
     const key = el.dataset.ohwKey;
@@ -11300,12 +11367,12 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     postToParent2({ type: "ow:exit-edit" });
   }, [postToParent2]);
-  const clearSelectedAttr = (0, import_react12.useCallback)(() => {
+  const clearSelectedAttr = (0, import_react13.useCallback)(() => {
     document.querySelectorAll("[data-ohw-selected]").forEach((el) => {
       el.removeAttribute("data-ohw-selected");
     });
   }, []);
-  const deselect = (0, import_react12.useCallback)(() => {
+  const deselect = (0, import_react13.useCallback)(() => {
     clearSelectedAttr();
     selectedElRef.current = null;
     selectedHrefKeyRef.current = null;
@@ -11328,11 +11395,11 @@ function OhhwellsBridge() {
       setToolbarVariant("none");
     }
   }, [clearSelectedAttr]);
-  const markSelected = (0, import_react12.useCallback)((el) => {
+  const markSelected = (0, import_react13.useCallback)((el) => {
     clearSelectedAttr();
     el.setAttribute("data-ohw-selected", "");
   }, [clearSelectedAttr]);
-  const resolveHrefKeyElement = (0, import_react12.useCallback)((hrefKey) => {
+  const resolveHrefKeyElement = (0, import_react13.useCallback)((hrefKey) => {
     if (isFooterHrefKey(hrefKey)) {
       return document.querySelector(
         `footer [data-ohw-href-key="${CSS.escape(hrefKey)}"]`
@@ -11347,7 +11414,7 @@ function OhhwellsBridge() {
       `[data-ohw-href-key="${CSS.escape(hrefKey)}"]`
     );
   }, []);
-  const resyncSelectedNavigationItem = (0, import_react12.useCallback)(() => {
+  const resyncSelectedNavigationItem = (0, import_react13.useCallback)(() => {
     const hrefKey = selectedHrefKeyRef.current;
     if (hrefKey) {
       const link = resolveHrefKeyElement(hrefKey);
@@ -11385,12 +11452,12 @@ function OhhwellsBridge() {
       );
     }
   }, [resolveHrefKeyElement]);
-  const reselectNavigationItem = (0, import_react12.useCallback)((navAnchor) => {
+  const reselectNavigationItem = (0, import_react13.useCallback)((navAnchor) => {
     selectedElRef.current = navAnchor;
     selectedHrefKeyRef.current = navAnchor.getAttribute("data-ohw-href-key");
     selectedFooterColAttrRef.current = null;
     markSelected(navAnchor);
-    setSelectedIsCta(isNavbarButton2(navAnchor));
+    setSelectedIsCta(isCtaButton(navAnchor));
     const isDropdownTrigger = !isNestedNavChild(navAnchor) && (navItemHasDropdownChildren(navAnchor) || navItemOwnsDropdownPanel(navAnchor));
     if (isNestedNavChild(navAnchor)) {
       setNavGroupForceOpen(navAnchor, true);
@@ -11414,7 +11481,7 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     setActiveCommands(/* @__PURE__ */ new Set());
   }, [markSelected]);
-  const commitNavigationTextEdit = (0, import_react12.useCallback)((navAnchor) => {
+  const commitNavigationTextEdit = (0, import_react13.useCallback)((navAnchor) => {
     const el = activeElRef.current;
     if (!el) return;
     const key = el.dataset.ohwKey;
@@ -11441,7 +11508,7 @@ function OhhwellsBridge() {
     postToParent2({ type: "ow:exit-edit" });
     reselectNavigationItem(navAnchor);
   }, [postToParent2, reselectNavigationItem]);
-  const handleAddTopLevelNavItem = (0, import_react12.useCallback)(() => {
+  const handleAddTopLevelNavItem = (0, import_react13.useCallback)(() => {
     const items = listNavbarRootItems();
     addNavAfterAnchorRef.current = items[items.length - 1] ?? null;
     deselectRef.current();
@@ -11453,7 +11520,7 @@ function OhhwellsBridge() {
       intent: "add-nav"
     });
   }, []);
-  const maybeWarnNavLinkDropdownConflict = (0, import_react12.useCallback)(
+  const maybeWarnNavLinkDropdownConflict = (0, import_react13.useCallback)(
     (anchor) => {
       if (!isNavbarHrefKey(anchor.getAttribute("data-ohw-href-key"))) return;
       if (!navDropdownsOpenOnClick()) return;
@@ -11466,7 +11533,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const handleNavDropdownOpenChange = (0, import_react12.useCallback)((open) => {
+  const handleNavDropdownOpenChange = (0, import_react13.useCallback)((open) => {
     const selected = selectedElRef.current;
     if (!selected || !isNavigationItem2(selected)) return;
     setNavGroupForceOpen(selected, open);
@@ -11478,7 +11545,7 @@ function OhhwellsBridge() {
       }
     });
   }, []);
-  const handleFooterHeadingVisibleChange = (0, import_react12.useCallback)(
+  const handleFooterHeadingVisibleChange = (0, import_react13.useCallback)(
     (visible) => {
       const selected = selectedElRef.current;
       if (!selected || !isFooterFrameSelectionRef.current) return;
@@ -11502,7 +11569,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const enterEditOnNewItem = (0, import_react12.useCallback)((anchor) => {
+  const enterEditOnNewItem = (0, import_react13.useCallback)((anchor) => {
     const label = anchor.querySelector('[data-ohw-editable="text"]');
     if (!label) {
       selectRef.current(anchor);
@@ -11511,7 +11578,7 @@ function OhhwellsBridge() {
     setNavGroupForceOpen(anchor, true);
     activateRef.current(label);
   }, []);
-  const handleAddChildItem = (0, import_react12.useCallback)(() => {
+  const handleAddChildItem = (0, import_react13.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected) return;
     if (toolbarVariantRef.current === "select-frame" && isFooterFrameSelection) {
@@ -11587,7 +11654,7 @@ function OhhwellsBridge() {
       enterEditOnNewItem(result.anchor);
     });
   }, [enterEditOnNewItem, isFooterFrameSelection, maybeWarnNavLinkDropdownConflict, postToParent2]);
-  const handleAddFooterColumn = (0, import_react12.useCallback)(() => {
+  const handleAddFooterColumn = (0, import_react13.useCallback)(() => {
     if (!canAddFooterColumn()) {
       postToParent2({
         type: "ow:toast",
@@ -11608,7 +11675,7 @@ function OhhwellsBridge() {
       selectRef.current(result.firstLink);
     });
   }, [postToParent2]);
-  const clearFooterDragVisuals = (0, import_react12.useCallback)(() => {
+  const clearFooterDragVisuals = (0, import_react13.useCallback)(() => {
     footerDragRef.current = null;
     setSiblingHintRects([]);
     setFooterDropSlots([]);
@@ -11617,7 +11684,7 @@ function OhhwellsBridge() {
     setIsItemDragging(false);
     unlockFooterDragInteraction();
   }, []);
-  const refreshFooterDragVisuals = (0, import_react12.useCallback)((session, activeSlot, clientX, clientY) => {
+  const refreshFooterDragVisuals = (0, import_react13.useCallback)((session, activeSlot, clientX, clientY) => {
     const dragged = session.draggedEl;
     setDraggedItemRect(dragged.getBoundingClientRect());
     if (typeof clientX === "number" && typeof clientY === "number") {
@@ -11642,13 +11709,13 @@ function OhhwellsBridge() {
     const activeIdx = activeSlot ? slots.findIndex((s) => s.insertIndex === activeSlot.insertIndex) : -1;
     setActiveFooterDropIndex(activeIdx >= 0 ? activeIdx : null);
   }, []);
-  const refreshFooterDragVisualsRef = (0, import_react12.useRef)(refreshFooterDragVisuals);
+  const refreshFooterDragVisualsRef = (0, import_react13.useRef)(refreshFooterDragVisuals);
   refreshFooterDragVisualsRef.current = refreshFooterDragVisuals;
-  const commitFooterDragRef = (0, import_react12.useRef)(() => {
+  const commitFooterDragRef = (0, import_react13.useRef)(() => {
   });
-  const beginFooterDragRef = (0, import_react12.useRef)(() => {
+  const beginFooterDragRef = (0, import_react13.useRef)(() => {
   });
-  const beginFooterDrag = (0, import_react12.useCallback)(
+  const beginFooterDrag = (0, import_react13.useCallback)(
     (session) => {
       const rect = session.draggedEl.getBoundingClientRect();
       session.lastClientX = session.lastClientX || rect.left + rect.width / 2;
@@ -11668,7 +11735,7 @@ function OhhwellsBridge() {
     [refreshFooterDragVisuals]
   );
   beginFooterDragRef.current = beginFooterDrag;
-  const commitFooterDrag = (0, import_react12.useCallback)(
+  const commitFooterDrag = (0, import_react13.useCallback)(
     (clientX, clientY) => {
       const session = footerDragRef.current;
       if (!session) {
@@ -11772,7 +11839,7 @@ function OhhwellsBridge() {
     [clearFooterDragVisuals, resolveHrefKeyElement, resyncSelectedNavigationItem]
   );
   commitFooterDragRef.current = commitFooterDrag;
-  const startFooterLinkDrag = (0, import_react12.useCallback)(
+  const startFooterLinkDrag = (0, import_react13.useCallback)(
     (anchor, clientX, clientY, wasSelected) => {
       const hrefKey = anchor.getAttribute("data-ohw-href-key");
       if (!hrefKey || !isFooterHrefKey(hrefKey)) return false;
@@ -11793,7 +11860,7 @@ function OhhwellsBridge() {
     },
     [beginFooterDrag]
   );
-  const startFooterColumnDrag = (0, import_react12.useCallback)(
+  const startFooterColumnDrag = (0, import_react13.useCallback)(
     (columnEl, clientX, clientY, wasSelected) => {
       const columns = listFooterColumns();
       const idx = columns.indexOf(columnEl);
@@ -11813,7 +11880,7 @@ function OhhwellsBridge() {
     },
     [beginFooterDrag]
   );
-  const handleItemDragStart = (0, import_react12.useCallback)(
+  const handleItemDragStart = (0, import_react13.useCallback)(
     (e) => {
       const selected = selectedElRef.current;
       if (!selected) {
@@ -11833,7 +11900,7 @@ function OhhwellsBridge() {
     },
     [startFooterColumnDrag, startFooterLinkDrag, startNavLinkDrag]
   );
-  const handleItemDragEnd = (0, import_react12.useCallback)(
+  const handleItemDragEnd = (0, import_react13.useCallback)(
     (e) => {
       if (footerDragRef.current) {
         const x = e?.clientX;
@@ -11859,7 +11926,7 @@ function OhhwellsBridge() {
     },
     [commitFooterDrag, commitNavDrag, navDragRef]
   );
-  const handleItemChromePointerDown = (0, import_react12.useCallback)((e) => {
+  const handleItemChromePointerDown = (0, import_react13.useCallback)((e) => {
     if (e.button !== 0) return;
     const selected = selectedElRef.current;
     if (!selected) return;
@@ -11890,7 +11957,7 @@ function OhhwellsBridge() {
     }
     if (armNavPressFromChrome(selected, e.clientX, e.clientY, e.pointerId)) return;
   }, [armNavPressFromChrome]);
-  const handleItemChromeClick = (0, import_react12.useCallback)((clientX, clientY) => {
+  const handleItemChromeClick = (0, import_react13.useCallback)((clientX, clientY) => {
     if (suppressNextClickRef.current || Date.now() < suppressClickUntilRef.current) {
       suppressNextClickRef.current = false;
       return;
@@ -11903,14 +11970,14 @@ function OhhwellsBridge() {
   }, []);
   reselectNavigationItemRef.current = reselectNavigationItem;
   commitNavigationTextEditRef.current = commitNavigationTextEdit;
-  const select = (0, import_react12.useCallback)((anchor) => {
+  const select = (0, import_react13.useCallback)((anchor) => {
     if (!isNavigationItem2(anchor)) return;
     if (activeElRef.current) deactivate();
     selectedElRef.current = anchor;
     selectedHrefKeyRef.current = anchor.getAttribute("data-ohw-href-key");
     selectedFooterColAttrRef.current = null;
     markSelected(anchor);
-    setSelectedIsCta(isNavbarButton2(anchor));
+    setSelectedIsCta(isCtaButton(anchor));
     clearHrefKeyHover(anchor);
     const isDropdownTrigger = !isNestedNavChild(anchor) && (navItemHasDropdownChildren(anchor) || navItemOwnsDropdownPanel(anchor));
     if (isNestedNavChild(anchor)) {
@@ -11941,7 +12008,7 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     setActiveCommands(/* @__PURE__ */ new Set());
   }, [deactivate, markSelected]);
-  const selectFrame = (0, import_react12.useCallback)((el) => {
+  const selectFrame = (0, import_react13.useCallback)((el) => {
     if (!isNavigationContainer(el)) return;
     if (activeElRef.current) deactivate();
     const isFooterColumn = !isFooterLinksContainer(el) && (el.hasAttribute("data-ohw-footer-col") || Boolean(el.closest("footer") && isInferredFooterGroup2(el)));
@@ -11987,7 +12054,7 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     setActiveCommands(/* @__PURE__ */ new Set());
   }, [deactivate, markSelected, postToParent2]);
-  const activate = (0, import_react12.useCallback)((el, options) => {
+  const activate = (0, import_react13.useCallback)((el, options) => {
     if (activeElRef.current === el) return;
     clearSelectedAttr();
     selectedElRef.current = null;
@@ -12056,7 +12123,7 @@ function OhhwellsBridge() {
   selectRef.current = select;
   selectFrameRef.current = selectFrame;
   deselectRef.current = deselect;
-  (0, import_react12.useLayoutEffect)(() => {
+  (0, import_react13.useLayoutEffect)(() => {
     if (!subdomain || isEditMode) {
       setFetchState("done");
       return;
@@ -12127,7 +12194,7 @@ function OhhwellsBridge() {
       cancelled = true;
     };
   }, [subdomain, isEditMode]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!subdomain || isEditMode) return;
     let debounceTimer = null;
     let observer = null;
@@ -12178,16 +12245,16 @@ function OhhwellsBridge() {
       if (debounceTimer) clearTimeout(debounceTimer);
     };
   }, [subdomain, isEditMode, pathname]);
-  (0, import_react12.useLayoutEffect)(() => {
+  (0, import_react13.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_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     postToParent2({ type: "ow:navigation", path: pathname });
   }, [pathname, postToParent2]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!isEditMode) return;
     if (linkPopoverSessionRef.current?.intent === "add-nav") return;
     if (document.querySelector("[data-ohw-section-picker]")) return;
@@ -12195,7 +12262,7 @@ function OhhwellsBridge() {
     deselectRef.current();
     deactivateRef.current();
   }, [pathname, isEditMode]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const contentForNav = () => {
       if (isEditMode) return editContentRef.current;
       if (!subdomain) return {};
@@ -12260,7 +12327,7 @@ function OhhwellsBridge() {
       observer?.disconnect();
     };
   }, [isEditMode, pathname, subdomain, fetchState, resyncSelectedNavigationItem]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!isEditMode) return;
     const measure = () => {
       const h = document.body.scrollHeight;
@@ -12284,7 +12351,7 @@ function OhhwellsBridge() {
       window.removeEventListener("resize", handleResize);
     };
   }, [pathname, isEditMode, postToParent2]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!subdomainFromQuery || isEditMode) return;
     const handleClick = (e) => {
       const anchor = e.target.closest("a");
@@ -12300,7 +12367,7 @@ function OhhwellsBridge() {
     document.addEventListener("click", handleClick, true);
     return () => document.removeEventListener("click", handleClick, true);
   }, [subdomainFromQuery, isEditMode, router]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!isEditMode) {
       editStylesRef.current?.base.remove();
       editStylesRef.current?.forceHover.remove();
@@ -12886,7 +12953,7 @@ function OhhwellsBridge() {
         const navItemHit = Array.from(
           container.querySelectorAll("[data-ohw-href-key]")
         ).filter((el) => {
-          if (!isNavigationItem2(el) || isNavbarButton2(el)) return false;
+          if (!isNavigationItem2(el) || isCtaButton(el)) return false;
           if (!isNavItemPointerTarget(el)) return false;
           const itemRect = el.getBoundingClientRect();
           return x >= itemRect.left && x <= itemRect.right && y >= itemRect.top && y <= itemRect.bottom;
@@ -13028,6 +13095,22 @@ function OhhwellsBridge() {
           }
           return;
         }
+        if (!isDragOver && isPointOverBridgeChrome(x2, y2)) {
+          dismissImageHover();
+          return;
+        }
+        const ctaHit = isDragOver ? null : findCtaButtonAtPoint(x2, y2, imgEl);
+        if (ctaHit) {
+          dismissImageHover();
+          document.querySelectorAll("[data-ohw-hovered]").forEach((el) => el.removeAttribute("data-ohw-hovered"));
+          const selected = selectedElRef.current;
+          if (selected !== ctaHit && !selected?.contains(ctaHit)) {
+            clearHrefKeyHover(ctaHit);
+            hoveredItemElRef.current = ctaHit;
+            setHoveredItemRect(ctaHit.getBoundingClientRect());
+          }
+          return;
+        }
         const topEl = document.elementFromPoint(x2, y2);
         if (topEl?.closest('[data-ohw-toolbar], [data-ohw-edit-chrome], [data-ohw-item-interaction], [data-ohw-drag-handle-container], [data-slot="drag-handle"], [data-ohw-more-menu], [data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-item"]')) {
           if (hoveredImageRef.current) {
@@ -13151,7 +13234,7 @@ function OhhwellsBridge() {
         const navLinkHit = Array.from(
           document.querySelectorAll("nav [data-ohw-href-key], footer [data-ohw-href-key]")
         ).find((el) => {
-          if (!isNavigationItem2(el) || isNavbarButton2(el)) return false;
+          if (!isNavigationItem2(el) || isCtaButton(el)) return false;
           if (!isNavItemPointerTarget(el)) return false;
           const er = el.getBoundingClientRect();
           return x2 >= er.left && x2 <= er.right && y2 >= er.top && y2 <= er.bottom;
@@ -13970,7 +14053,7 @@ function OhhwellsBridge() {
       if (navRoot && navContainer) {
         const rr = navRoot.getBoundingClientRect();
         if (clientX >= rr.left && clientX <= rr.right && clientY >= rr.top && clientY <= rr.bottom && !isPointOverNavItem(navContainer, clientX, clientY)) {
-          const book = navRoot.querySelector('[data-ohw-role="navbar-button"]');
+          const book = navRoot.querySelector(CTA_BUTTON_SELECTOR);
           if (book) {
             const br = book.getBoundingClientRect();
             if (clientX >= br.left && clientX <= br.right && clientY >= br.top && clientY <= br.bottom) {
@@ -14063,7 +14146,7 @@ function OhhwellsBridge() {
       if (imageShowTimerRef.current) clearTimeout(imageShowTimerRef.current);
     };
   }, [isEditMode, refreshStateRules]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!isEditMode) return;
     const THRESHOLD = 10;
     const resolveWasSelected = (el) => {
@@ -14217,7 +14300,7 @@ function OhhwellsBridge() {
       unlockFooterDragInteraction();
     };
   }, [isEditMode]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const handler = (e) => {
       if (e.data?.type !== "ow:request-schedule-config") return;
       const insertAfterVal = e.data.insertAfter;
@@ -14233,7 +14316,7 @@ function OhhwellsBridge() {
     window.addEventListener("message", handler);
     return () => window.removeEventListener("message", handler);
   }, [processConfigRequest]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!isEditMode) return;
     document.querySelectorAll("[data-ohw-active-state]").forEach((el) => {
       el.removeAttribute("data-ohw-active-state");
@@ -14268,13 +14351,13 @@ function OhhwellsBridge() {
       clearTimeout(timer);
     };
   }, [pathname, isEditMode, refreshStateRules, postToParent2]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     scrollToHashSectionWhenReady();
     const onHashChange = () => scrollToHashSectionWhenReady();
     window.addEventListener("hashchange", onHashChange);
     return () => window.removeEventListener("hashchange", onHashChange);
   }, [pathname]);
-  const handleCommand = (0, import_react12.useCallback)((cmd) => {
+  const handleCommand = (0, import_react13.useCallback)((cmd) => {
     const el = activeElRef.current;
     const selBefore = window.getSelection();
     let savedOffsets = null;
@@ -14310,7 +14393,7 @@ function OhhwellsBridge() {
     if (el) setToolbarRect(getEditMeasureEl(el).getBoundingClientRect());
     refreshActiveCommandsRef.current();
   }, []);
-  const handleStateChange = (0, import_react12.useCallback)((state) => {
+  const handleStateChange = (0, import_react13.useCallback)((state) => {
     if (!activeStateElRef.current) return;
     const el = activeStateElRef.current;
     if (state === "Default") {
@@ -14323,7 +14406,7 @@ function OhhwellsBridge() {
     }
     setToggleState((prev) => prev ? { ...prev, activeState: state } : null);
   }, [deactivate]);
-  const reselectAfterLinkPopover = (0, import_react12.useCallback)(
+  const reselectAfterLinkPopover = (0, import_react13.useCallback)(
     (hrefKey) => {
       requestAnimationFrame(() => {
         const el = resolveHrefKeyElement(hrefKey);
@@ -14332,7 +14415,7 @@ function OhhwellsBridge() {
     },
     [resolveHrefKeyElement]
   );
-  const closeLinkPopover = (0, import_react12.useCallback)(() => {
+  const closeLinkPopover = (0, import_react13.useCallback)(() => {
     const session = linkPopoverSessionRef.current;
     addNavAfterAnchorRef.current = null;
     setLinkPopover(null);
@@ -14340,9 +14423,9 @@ function OhhwellsBridge() {
       reselectAfterLinkPopover(session.key);
     }
   }, [reselectAfterLinkPopover]);
-  const closeLinkPopoverRef = (0, import_react12.useRef)(closeLinkPopover);
+  const closeLinkPopoverRef = (0, import_react13.useRef)(closeLinkPopover);
   closeLinkPopoverRef.current = closeLinkPopover;
-  const openLinkPopoverForActive = (0, import_react12.useCallback)(() => {
+  const openLinkPopoverForActive = (0, import_react13.useCallback)(() => {
     const hrefCtx = getHrefKeyFromElement(activeElRef.current);
     if (!hrefCtx) return;
     bumpLinkPopoverGrace();
@@ -14353,7 +14436,7 @@ function OhhwellsBridge() {
     });
     deactivate();
   }, [deactivate]);
-  const openLinkPopoverForSelected = (0, import_react12.useCallback)(() => {
+  const openLinkPopoverForSelected = (0, import_react13.useCallback)(() => {
     const anchor = selectedElRef.current;
     if (!anchor) return;
     const key = anchor.getAttribute("data-ohw-href-key");
@@ -14366,7 +14449,7 @@ function OhhwellsBridge() {
     });
     deselect();
   }, [deselect]);
-  const handleSelectParent = (0, import_react12.useCallback)(() => {
+  const handleSelectParent = (0, import_react13.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected) return;
     if (toolbarVariantRef.current === "select-frame") {
@@ -14393,7 +14476,7 @@ function OhhwellsBridge() {
     }
     deselectRef.current();
   }, []);
-  const handleDuplicateSelected = (0, import_react12.useCallback)(() => {
+  const handleDuplicateSelected = (0, import_react13.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected || !isNavigationItem2(selected)) return;
     const hrefKey = selected.getAttribute("data-ohw-href-key");
@@ -14483,7 +14566,7 @@ function OhhwellsBridge() {
       });
     }
   }, [postToParent2]);
-  const runPendingDeleteUndo = (0, import_react12.useCallback)(() => {
+  const runPendingDeleteUndo = (0, import_react13.useCallback)(() => {
     const pending = pendingDeleteUndoRef.current;
     if (!pending) return false;
     pendingDeleteUndoRef.current = null;
@@ -14491,7 +14574,7 @@ function OhhwellsBridge() {
     enforceLinkHrefs();
     return true;
   }, []);
-  const handleDeleteSelected = (0, import_react12.useCallback)(() => {
+  const handleDeleteSelected = (0, import_react13.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected) return false;
     return deleteSelectedNavFooterItem({
@@ -14512,7 +14595,7 @@ function OhhwellsBridge() {
   }, [postToParent2]);
   handleDeleteSelectedRef.current = handleDeleteSelected;
   runPendingDeleteUndoRef.current = runPendingDeleteUndo;
-  const handleLinkPopoverSubmit = (0, import_react12.useCallback)(
+  const handleLinkPopoverSubmit = (0, import_react13.useCallback)(
     (target) => {
       const session = linkPopoverSessionRef.current;
       if (!session) return;
@@ -14562,6 +14645,7 @@ function OhhwellsBridge() {
         return;
       }
       const { key } = session;
+      setStoredLinkHref(key, target);
       applyLinkByKey(key, target);
       editContentRef.current = { ...editContentRef.current, [key]: target };
       postToParent2({ type: "ow:change", nodes: [{ key, text: target }] });
@@ -14577,19 +14661,19 @@ function OhhwellsBridge() {
   const showEditLink = toolbarShowEditLink;
   const currentSections = sectionsByPath[pathname] ?? [];
   linkPopoverOpenRef.current = linkPopover !== null;
-  const handleMediaReplace = (0, import_react12.useCallback)(
+  const handleMediaReplace = (0, import_react13.useCallback)(
     (key) => {
       postToParent2({ type: "ow:image-pick", key, elementType: mediaHover?.elementType ?? "image" });
     },
     [postToParent2, mediaHover?.elementType]
   );
-  const handleEditCarousel = (0, import_react12.useCallback)(
+  const handleEditCarousel = (0, import_react13.useCallback)(
     (key) => {
       postToParent2({ type: "ow:carousel-open", key, images: readCarouselValue(key) });
     },
     [postToParent2]
   );
-  const handleMediaFadeOutComplete = (0, import_react12.useCallback)((key) => {
+  const handleMediaFadeOutComplete = (0, import_react13.useCallback)((key) => {
     setUploadingRects((prev) => {
       if (!(key in prev)) return prev;
       const next = { ...prev };
@@ -14597,7 +14681,7 @@ function OhhwellsBridge() {
       return next;
     });
   }, []);
-  const handleVideoSettingsChange = (0, import_react12.useCallback)(
+  const handleVideoSettingsChange = (0, import_react13.useCallback)(
     (key, settings) => {
       document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
         const video = getVideoEl2(el);