@ohhwells/bridge 0.1.31 → 0.1.32

package/dist/index.cjs

@@ -49,15 +49,54 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/OhhwellsBridge.tsx
-var import_react5 = __toESM(require("react"), 1);
+var import_react6 = __toESM(require("react"), 1);
 var import_client = require("react-dom/client");
 var import_react_dom = require("react-dom");
 
+// src/linkHrefStore.ts
+var linkHrefStore = /* @__PURE__ */ new Map();
+function setStoredLinkHref(key, href) {
+  linkHrefStore.set(key, href);
+}
+function enforceLinkHrefs() {
+  document.querySelectorAll("[data-ohw-href-key]").forEach((el) => {
+    const key = el.getAttribute("data-ohw-href-key") ?? "";
+    if (!key) return;
+    const saved = linkHrefStore.get(key);
+    if (saved === void 0) return;
+    if (el.getAttribute("href") !== saved) el.setAttribute("href", saved);
+  });
+}
+
+// src/useLinkHrefGuardian.ts
+var import_react = require("react");
+function useLinkHrefGuardian(...deps) {
+  (0, import_react.useLayoutEffect)(() => {
+    let debounceTimer = null;
+    const scheduleEnforce = () => {
+      if (debounceTimer) clearTimeout(debounceTimer);
+      debounceTimer = setTimeout(enforceLinkHrefs, 50);
+    };
+    enforceLinkHrefs();
+    const observer = new MutationObserver(scheduleEnforce);
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["href"]
+    });
+    return () => {
+      observer.disconnect();
+      if (debounceTimer) clearTimeout(debounceTimer);
+    };
+  }, deps);
+}
+
 // src/ui/SchedulingWidget.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 
 // src/ui/EmailCaptureModal.tsx
-var import_react = require("react");
+var import_react2 = require("react");
 var import_radix_ui = require("radix-ui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function Spinner() {
@@ -86,11 +125,11 @@ function Spinner() {
   );
 }
 function EmailCaptureModal({ title, subtitle, onSubmit, onClose }) {
-  const [email, setEmail] = (0, import_react.useState)("");
-  const [submittedEmail, setSubmittedEmail] = (0, import_react.useState)("");
-  const [loading, setLoading] = (0, import_react.useState)(false);
-  const [success, setSuccess] = (0, import_react.useState)(false);
-  const [error, setError] = (0, import_react.useState)(null);
+  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 isBook = title === "Confirm your spot";
   const handleSubmit = async () => {
     if (!email.trim()) return;
@@ -338,21 +377,21 @@ function LoadingSkeleton() {
   ] });
 }
 function ScheduleView({ schedule, dates, selectedIdx, onSelectDate, onOpenModal }) {
-  const todayMs = (0, import_react2.useMemo)(() => {
+  const todayMs = (0, import_react3.useMemo)(() => {
     const d = /* @__PURE__ */ new Date();
     d.setHours(0, 0, 0, 0);
     return d.getTime();
   }, []);
-  const scrollRef = (0, import_react2.useRef)(null);
-  const [canScrollLeft, setCanScrollLeft] = (0, import_react2.useState)(false);
-  const [canScrollRight, setCanScrollRight] = (0, import_react2.useState)(false);
+  const scrollRef = (0, import_react3.useRef)(null);
+  const [canScrollLeft, setCanScrollLeft] = (0, import_react3.useState)(false);
+  const [canScrollRight, setCanScrollRight] = (0, import_react3.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_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     const el = scrollRef.current;
     if (!el) return;
     updateScrollState();
@@ -367,9 +406,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_react2.useRef)(false);
-  const dragStartX = (0, import_react2.useRef)(0);
-  const dragStartScrollLeft = (0, import_react2.useRef)(0);
+  const isDragging = (0, import_react3.useRef)(false);
+  const dragStartX = (0, import_react3.useRef)(0);
+  const dragStartScrollLeft = (0, import_react3.useRef)(0);
   const onDragStart = (e) => {
     if (!scrollRef.current) return;
     isDragging.current = true;
@@ -389,14 +428,14 @@ function ScheduleView({ schedule, dates, selectedIdx, onSelectDate, onOpenModal
     scrollRef.current.style.cursor = "grab";
     scrollRef.current.style.userSelect = "";
   };
-  const datesWithClasses = (0, import_react2.useMemo)(
+  const datesWithClasses = (0, import_react3.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_react2.useMemo)(
+  const selectedClasses = (0, import_react3.useMemo)(
     () => (schedule.classes ?? []).filter((c) => selectedDate && classRunsOnDate(c, selectedDate, schedule.type)),
     [schedule, selectedDate]
   );
@@ -573,15 +612,15 @@ function CalendarFoldIcon() {
   );
 }
 function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAfter: insertAfterProp }) {
-  const autoId = (0, import_react2.useId)();
+  const autoId = (0, import_react3.useId)();
   const insertAfter = insertAfterProp ?? autoId;
-  const [schedule, setSchedule] = (0, import_react2.useState)(null);
-  const [loading, setLoading] = (0, import_react2.useState)(true);
-  const [inEditor, setInEditor] = (0, import_react2.useState)(false);
-  const [isHovered, setIsHovered] = (0, import_react2.useState)(false);
-  const [modalState, setModalState] = (0, import_react2.useState)(null);
-  const switchScheduleIdRef = (0, import_react2.useRef)(null);
-  const dates = (0, import_react2.useMemo)(() => {
+  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 dates = (0, import_react3.useMemo)(() => {
     const today = /* @__PURE__ */ new Date();
     today.setHours(0, 0, 0, 0);
     return Array.from({ length: 14 }, (_, i) => {
@@ -590,8 +629,8 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
       return d;
     });
   }, []);
-  const [selectedIdx, setSelectedIdx] = (0, import_react2.useState)(0);
-  (0, import_react2.useEffect)(() => {
+  const [selectedIdx, setSelectedIdx] = (0, import_react3.useState)(0);
+  (0, import_react3.useEffect)(() => {
     if (!schedule?.classes) return;
     for (let i = 0; i < dates.length; i++) {
       if (schedule.classes.some((c) => classRunsOnDate(c, dates[i], schedule.type))) {
@@ -600,7 +639,7 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
       }
     }
   }, [schedule, dates]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (typeof window === "undefined") return;
     const isInEditor = window.self !== window.top;
     setInEditor(isInEditor);
@@ -4721,7 +4760,7 @@ function SectionPickerList({ sections, onSelect }) {
 }
 
 // src/ui/link-modal/UrlOrPageInput.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 
 // src/ui/input.tsx
 var React5 = __toESM(require("react"), 1);
@@ -4786,9 +4825,9 @@ function UrlOrPageInput({
   readOnly = false,
   urlError
 }) {
-  const inputId = (0, import_react3.useId)();
-  const inputRef = (0, import_react3.useRef)(null);
-  const [isFocused, setIsFocused] = (0, import_react3.useState)(false);
+  const inputId = (0, import_react4.useId)();
+  const inputRef = (0, import_react4.useRef)(null);
+  const [isFocused, setIsFocused] = (0, import_react4.useState)(false);
   const openDropdown = () => {
     if (readOnly || filteredPages.length === 0) return;
     onDropdownOpenChange(true);
@@ -4873,7 +4912,7 @@ function UrlOrPageInput({
 }
 
 // src/ui/link-modal/useLinkModalState.ts
-var import_react4 = require("react");
+var import_react5 = require("react");
 function useLinkModalState({
   open,
   mode,
@@ -4885,17 +4924,17 @@ function useLinkModalState({
   onClose,
   onSubmit
 }) {
-  const availablePages = (0, import_react4.useMemo)(
+  const availablePages = (0, import_react5.useMemo)(
     () => mode === "create" ? filterAvailablePages(pages, existingTargets) : pages,
     [mode, pages, existingTargets]
   );
-  const [searchValue, setSearchValue] = (0, import_react4.useState)("");
-  const [selectedPage, setSelectedPage] = (0, import_react4.useState)(null);
-  const [selectedSection, setSelectedSection] = (0, import_react4.useState)(null);
-  const [step, setStep] = (0, import_react4.useState)("input");
-  const [dropdownOpen, setDropdownOpen] = (0, import_react4.useState)(false);
-  const [urlError, setUrlError] = (0, import_react4.useState)("");
-  const reset = (0, import_react4.useCallback)(() => {
+  const [searchValue, setSearchValue] = (0, import_react5.useState)("");
+  const [selectedPage, setSelectedPage] = (0, import_react5.useState)(null);
+  const [selectedSection, setSelectedSection] = (0, import_react5.useState)(null);
+  const [step, setStep] = (0, import_react5.useState)("input");
+  const [dropdownOpen, setDropdownOpen] = (0, import_react5.useState)(false);
+  const [urlError, setUrlError] = (0, import_react5.useState)("");
+  const reset = (0, import_react5.useCallback)(() => {
     setSearchValue("");
     setSelectedPage(null);
     setSelectedSection(null);
@@ -4903,7 +4942,7 @@ function useLinkModalState({
     setDropdownOpen(false);
     setUrlError("");
   }, []);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!open) return;
     if (mode === "edit" && initialTarget) {
       const { pageRoute } = parseTarget(initialTarget);
@@ -4919,11 +4958,11 @@ function useLinkModalState({
     setDropdownOpen(false);
     setUrlError("");
   }, [open, mode, initialTarget, pages, sectionsByPath, reset]);
-  const filteredPages = (0, import_react4.useMemo)(() => {
+  const filteredPages = (0, import_react5.useMemo)(() => {
     if (!searchValue.trim()) return availablePages;
     return availablePages.filter((p) => p.title.toLowerCase().startsWith(searchValue.toLowerCase()));
   }, [availablePages, searchValue]);
-  const activeSections = (0, import_react4.useMemo)(() => {
+  const activeSections = (0, import_react5.useMemo)(() => {
     if (!selectedPage) return [];
     return getSectionsForPath(sectionsByPath, selectedPage.path);
   }, [selectedPage, sectionsByPath]);
@@ -4969,7 +5008,7 @@ function useLinkModalState({
     reset();
     onClose();
   };
-  const isValid = (0, import_react4.useMemo)(() => {
+  const isValid = (0, import_react5.useMemo)(() => {
     if (urlError) return false;
     if (showBreadcrumb) return true;
     if (selectedPage) return true;
@@ -5502,10 +5541,11 @@ function applyLinkByKey(key, val) {
   document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
     if (el.dataset.ohwEditable === "link") applyLinkHref(el, val);
   });
-  document.querySelectorAll(`[data-ohw-href-key="${key}"]`).forEach((el) => {
-    applyLinkHref(el, val);
-  });
-  window.dispatchEvent(new CustomEvent("ohw:link-href", { detail: { key, href: val } }));
+  const hrefAnchors = document.querySelectorAll(`[data-ohw-href-key="${key}"]`);
+  if (hrefAnchors.length > 0) {
+    setStoredLinkHref(key, val);
+    hrefAnchors.forEach((el) => applyLinkHref(el, val));
+  }
 }
 function isInsideLinkEditor(target) {
   return Boolean(
@@ -5899,7 +5939,7 @@ function FloatingToolbar({
       },
       onMouseDown: (e) => e.stopPropagation(),
       children: [
-        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react5.default.Fragment, { children: [
+        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react6.default.Fragment, { children: [
           gi > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { style: { display: "block", width: 1, height: 24, background: "#E7E5E4", flexShrink: 0 } }),
           btns.map((btn) => {
             const isActive = activeCommands.has(btn.cmd);
@@ -6039,8 +6079,8 @@ function OhhwellsBridge() {
   const router = (0, import_navigation.useRouter)();
   const searchParams = (0, import_navigation.useSearchParams)();
   const isEditMode = isEditSessionActive();
-  const [bridgeRoot, setBridgeRoot] = (0, import_react5.useState)(null);
-  (0, import_react5.useEffect)(() => {
+  const [bridgeRoot, setBridgeRoot] = (0, import_react6.useState)(null);
+  (0, import_react6.useEffect)(() => {
     const figtreeFontId = "ohw-figtree-font";
     if (!document.getElementById(figtreeFontId)) {
       const preconnect1 = Object.assign(document.createElement("link"), { rel: "preconnect", href: "https://fonts.googleapis.com" });
@@ -6064,69 +6104,70 @@ function OhhwellsBridge() {
   }, []);
   const subdomainFromQuery = searchParams.get("subdomain");
   const subdomain = resolveSubdomain(subdomainFromQuery);
-  const postToParent = (0, import_react5.useCallback)((data) => {
+  useLinkHrefGuardian(pathname, subdomain, isEditMode);
+  const postToParent = (0, import_react6.useCallback)((data) => {
     if (typeof window !== "undefined" && window.parent !== window) {
       window.parent.postMessage(data, "*");
     }
   }, []);
-  const [fetchState, setFetchState] = (0, import_react5.useState)("idle");
-  const autoSaveTimers = (0, import_react5.useRef)(/* @__PURE__ */ new Map());
-  const activeElRef = (0, import_react5.useRef)(null);
-  const selectedElRef = (0, import_react5.useRef)(null);
-  const originalContentRef = (0, import_react5.useRef)(null);
-  const activeStateElRef = (0, import_react5.useRef)(null);
-  const parentScrollRef = (0, import_react5.useRef)(null);
-  const visibleViewportRef = (0, import_react5.useRef)(null);
-  const [dialogPortalContainer, setDialogPortalContainer] = (0, import_react5.useState)(null);
-  const attachVisibleViewport = (0, import_react5.useCallback)((node) => {
+  const [fetchState, setFetchState] = (0, import_react6.useState)("idle");
+  const autoSaveTimers = (0, import_react6.useRef)(/* @__PURE__ */ new Map());
+  const activeElRef = (0, import_react6.useRef)(null);
+  const selectedElRef = (0, import_react6.useRef)(null);
+  const originalContentRef = (0, import_react6.useRef)(null);
+  const activeStateElRef = (0, import_react6.useRef)(null);
+  const parentScrollRef = (0, import_react6.useRef)(null);
+  const visibleViewportRef = (0, import_react6.useRef)(null);
+  const [dialogPortalContainer, setDialogPortalContainer] = (0, import_react6.useState)(null);
+  const attachVisibleViewport = (0, import_react6.useCallback)((node) => {
     visibleViewportRef.current = node;
     setDialogPortalContainer(node);
     if (node) applyVisibleViewport(node, parentScrollRef.current);
   }, []);
-  const toolbarElRef = (0, import_react5.useRef)(null);
-  const glowElRef = (0, import_react5.useRef)(null);
-  const hoveredImageRef = (0, import_react5.useRef)(null);
-  const hoveredImageHasTextOverlapRef = (0, import_react5.useRef)(false);
-  const hoveredGapRef = (0, import_react5.useRef)(null);
-  const imageUnhoverTimerRef = (0, import_react5.useRef)(null);
-  const imageShowTimerRef = (0, import_react5.useRef)(null);
-  const editStylesRef = (0, import_react5.useRef)(null);
-  const activateRef = (0, import_react5.useRef)(() => {
+  const toolbarElRef = (0, import_react6.useRef)(null);
+  const glowElRef = (0, import_react6.useRef)(null);
+  const hoveredImageRef = (0, import_react6.useRef)(null);
+  const hoveredImageHasTextOverlapRef = (0, import_react6.useRef)(false);
+  const hoveredGapRef = (0, import_react6.useRef)(null);
+  const imageUnhoverTimerRef = (0, import_react6.useRef)(null);
+  const imageShowTimerRef = (0, import_react6.useRef)(null);
+  const editStylesRef = (0, import_react6.useRef)(null);
+  const activateRef = (0, import_react6.useRef)(() => {
   });
-  const deactivateRef = (0, import_react5.useRef)(() => {
+  const deactivateRef = (0, import_react6.useRef)(() => {
   });
-  const selectRef = (0, import_react5.useRef)(() => {
+  const selectRef = (0, import_react6.useRef)(() => {
   });
-  const deselectRef = (0, import_react5.useRef)(() => {
+  const deselectRef = (0, import_react6.useRef)(() => {
   });
-  const refreshActiveCommandsRef = (0, import_react5.useRef)(() => {
+  const refreshActiveCommandsRef = (0, import_react6.useRef)(() => {
   });
-  const postToParentRef = (0, import_react5.useRef)(postToParent);
+  const postToParentRef = (0, import_react6.useRef)(postToParent);
   postToParentRef.current = postToParent;
-  const sectionsLoadedRef = (0, import_react5.useRef)(false);
-  const pendingScheduleConfigRequests = (0, import_react5.useRef)([]);
-  const [toolbarRect, setToolbarRect] = (0, import_react5.useState)(null);
-  const [toolbarVariant, setToolbarVariant] = (0, import_react5.useState)("none");
-  const toolbarVariantRef = (0, import_react5.useRef)("none");
+  const sectionsLoadedRef = (0, import_react6.useRef)(false);
+  const pendingScheduleConfigRequests = (0, import_react6.useRef)([]);
+  const [toolbarRect, setToolbarRect] = (0, import_react6.useState)(null);
+  const [toolbarVariant, setToolbarVariant] = (0, import_react6.useState)("none");
+  const toolbarVariantRef = (0, import_react6.useRef)("none");
   toolbarVariantRef.current = toolbarVariant;
-  const [toggleState, setToggleState] = (0, import_react5.useState)(null);
-  const [maxBadge, setMaxBadge] = (0, import_react5.useState)(null);
-  const [activeCommands, setActiveCommands] = (0, import_react5.useState)(/* @__PURE__ */ new Set());
-  const [sectionGap, setSectionGap] = (0, import_react5.useState)(null);
-  const [toolbarShowEditLink, setToolbarShowEditLink] = (0, import_react5.useState)(false);
-  const [linkPopover, setLinkPopover] = (0, import_react5.useState)(null);
-  const [sitePages, setSitePages] = (0, import_react5.useState)([]);
-  const [sectionsByPath, setSectionsByPath] = (0, import_react5.useState)({});
-  const sectionsPrefetchGenRef = (0, import_react5.useRef)(0);
-  const setLinkPopoverRef = (0, import_react5.useRef)(setLinkPopover);
-  const linkPopoverPanelRef = (0, import_react5.useRef)(null);
-  const linkPopoverOpenRef = (0, import_react5.useRef)(false);
-  const linkPopoverGraceUntilRef = (0, import_react5.useRef)(0);
+  const [toggleState, setToggleState] = (0, import_react6.useState)(null);
+  const [maxBadge, setMaxBadge] = (0, import_react6.useState)(null);
+  const [activeCommands, setActiveCommands] = (0, import_react6.useState)(/* @__PURE__ */ new Set());
+  const [sectionGap, setSectionGap] = (0, import_react6.useState)(null);
+  const [toolbarShowEditLink, setToolbarShowEditLink] = (0, import_react6.useState)(false);
+  const [linkPopover, setLinkPopover] = (0, import_react6.useState)(null);
+  const [sitePages, setSitePages] = (0, import_react6.useState)([]);
+  const [sectionsByPath, setSectionsByPath] = (0, import_react6.useState)({});
+  const sectionsPrefetchGenRef = (0, import_react6.useRef)(0);
+  const setLinkPopoverRef = (0, import_react6.useRef)(setLinkPopover);
+  const linkPopoverPanelRef = (0, import_react6.useRef)(null);
+  const linkPopoverOpenRef = (0, import_react6.useRef)(false);
+  const linkPopoverGraceUntilRef = (0, import_react6.useRef)(0);
   setLinkPopoverRef.current = setLinkPopover;
   const bumpLinkPopoverGrace = () => {
     linkPopoverGraceUntilRef.current = Date.now() + 350;
   };
-  const runSectionsPrefetch = (0, import_react5.useCallback)((pages) => {
+  const runSectionsPrefetch = (0, import_react6.useCallback)((pages) => {
     if (!isEditMode || shouldUseDevFixtures() || pages.length === 0) return;
     const gen = ++sectionsPrefetchGenRef.current;
     const paths = pages.map((p) => p.path);
@@ -6145,9 +6186,9 @@ function OhhwellsBridge() {
       );
     });
   }, [isEditMode, pathname]);
-  const runSectionsPrefetchRef = (0, import_react5.useRef)(runSectionsPrefetch);
+  const runSectionsPrefetchRef = (0, import_react6.useRef)(runSectionsPrefetch);
   runSectionsPrefetchRef.current = runSectionsPrefetch;
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!linkPopover) return;
     if (hoveredImageRef.current) {
       hoveredImageRef.current = null;
@@ -6181,7 +6222,7 @@ function OhhwellsBridge() {
       document.removeEventListener("touchmove", preventBackgroundScroll, scrollOpts);
     };
   }, [linkPopover, postToParent]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!isEditMode) return;
     const useFixtures = shouldUseDevFixtures();
     if (useFixtures) {
@@ -6205,14 +6246,14 @@ function OhhwellsBridge() {
     if (!useFixtures) postToParent({ type: "ow:request-site-pages" });
     return () => window.removeEventListener("message", onSitePages);
   }, [isEditMode, postToParent]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!isEditMode || shouldUseDevFixtures()) return;
     void loadAllSectionsManifest().then((manifest) => {
       if (Object.keys(manifest).length === 0) return;
       setSectionsByPath((prev) => ({ ...manifest, ...prev }));
     });
   }, [isEditMode]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const update = () => {
       const el = activeElRef.current ?? selectedElRef.current;
       if (el) setToolbarRect(el.getBoundingClientRect());
@@ -6236,10 +6277,10 @@ function OhhwellsBridge() {
       vvp.removeEventListener("resize", update);
     };
   }, []);
-  const refreshStateRules = (0, import_react5.useCallback)(() => {
+  const refreshStateRules = (0, import_react6.useCallback)(() => {
     editStylesRef.current?.forceHover && (editStylesRef.current.forceHover.textContent = collectStateRules());
   }, []);
-  const processConfigRequest = (0, import_react5.useCallback)((insertAfterVal) => {
+  const processConfigRequest = (0, import_react6.useCallback)((insertAfterVal) => {
     const tracker = getSectionsTracker();
     let entries = [];
     try {
@@ -6262,7 +6303,7 @@ function OhhwellsBridge() {
     }
     window.postMessage({ type: "ow:schedule-config", insertAfter: insertAfterVal, scheduleId: null }, "*");
   }, [isEditMode]);
-  const deactivate = (0, import_react5.useCallback)(() => {
+  const deactivate = (0, import_react6.useCallback)(() => {
     const el = activeElRef.current;
     if (!el) return;
     const key = el.dataset.ohwKey;
@@ -6291,14 +6332,14 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     postToParent({ type: "ow:exit-edit" });
   }, [postToParent]);
-  const deselect = (0, import_react5.useCallback)(() => {
+  const deselect = (0, import_react6.useCallback)(() => {
     selectedElRef.current = null;
     if (!activeElRef.current) {
       setToolbarRect(null);
       setToolbarVariant("none");
     }
   }, []);
-  const select = (0, import_react5.useCallback)((anchor) => {
+  const select = (0, import_react6.useCallback)((anchor) => {
     if (!isNavbarButton(anchor)) return;
     if (activeElRef.current) deactivate();
     selectedElRef.current = anchor;
@@ -6308,7 +6349,7 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     setActiveCommands(/* @__PURE__ */ new Set());
   }, [deactivate]);
-  const activate = (0, import_react5.useCallback)((el) => {
+  const activate = (0, import_react6.useCallback)((el) => {
     if (activeElRef.current === el) return;
     selectedElRef.current = null;
     deactivate();
@@ -6331,7 +6372,7 @@ function OhhwellsBridge() {
   deactivateRef.current = deactivate;
   selectRef.current = select;
   deselectRef.current = deselect;
-  (0, import_react5.useLayoutEffect)(() => {
+  (0, import_react6.useLayoutEffect)(() => {
     if (!subdomain || isEditMode) {
       setFetchState("done");
       return;
@@ -6361,6 +6402,7 @@ function OhhwellsBridge() {
         });
         applyLinkByKey(key, val);
       }
+      enforceLinkHrefs();
       initSectionsFromContent(content, true);
       sectionsLoadedRef.current = true;
       pendingScheduleConfigRequests.current.splice(0).forEach(processConfigRequest);
@@ -6388,7 +6430,7 @@ function OhhwellsBridge() {
       cancelled = true;
     };
   }, [subdomain, isEditMode, pathname]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!subdomain || isEditMode) return;
     let debounceTimer = null;
     const applyFromCache = () => {
@@ -6412,6 +6454,7 @@ function OhhwellsBridge() {
         });
         applyLinkByKey(key, val);
       }
+      enforceLinkHrefs();
     };
     const scheduleApply = () => {
       if (debounceTimer) clearTimeout(debounceTimer);
@@ -6425,22 +6468,22 @@ function OhhwellsBridge() {
       if (debounceTimer) clearTimeout(debounceTimer);
     };
   }, [subdomain, isEditMode, pathname]);
-  (0, import_react5.useLayoutEffect)(() => {
+  (0, import_react6.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_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     postToParent({ type: "ow:navigation", path: pathname });
   }, [pathname, postToParent]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!isEditMode) return;
     setLinkPopover(null);
     deselectRef.current();
     deactivateRef.current();
   }, [pathname, isEditMode]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!isEditMode) return;
     const measure = () => {
       const h = document.body.scrollHeight;
@@ -6464,7 +6507,7 @@ function OhhwellsBridge() {
       window.removeEventListener("resize", handleResize);
     };
   }, [pathname, isEditMode, postToParent]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!subdomainFromQuery || isEditMode) return;
     const handleClick = (e) => {
       const anchor = e.target.closest("a");
@@ -6480,7 +6523,7 @@ function OhhwellsBridge() {
     document.addEventListener("click", handleClick, true);
     return () => document.removeEventListener("click", handleClick, true);
   }, [subdomainFromQuery, isEditMode, router]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!isEditMode) {
       editStylesRef.current?.base.remove();
       editStylesRef.current?.forceHover.remove();
@@ -7103,6 +7146,7 @@ function OhhwellsBridge() {
         sectionsLoadedRef.current = true;
         pendingScheduleConfigRequests.current.splice(0).forEach(processConfigRequest);
       }
+      enforceLinkHrefs();
       postToParentRef.current({ type: "ow:hydrate-done" });
     };
     window.addEventListener("message", handleHydrate);
@@ -7394,7 +7438,7 @@ function OhhwellsBridge() {
       if (imageShowTimerRef.current) clearTimeout(imageShowTimerRef.current);
     };
   }, [isEditMode, refreshStateRules]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const handler = (e) => {
       if (e.data?.type !== "ow:request-schedule-config") return;
       const insertAfterVal = e.data.insertAfter;
@@ -7410,7 +7454,7 @@ function OhhwellsBridge() {
     window.addEventListener("message", handler);
     return () => window.removeEventListener("message", handler);
   }, [processConfigRequest]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!isEditMode) return;
     document.querySelectorAll("[data-ohw-active-state]").forEach((el) => {
       el.removeAttribute("data-ohw-active-state");
@@ -7439,19 +7483,19 @@ function OhhwellsBridge() {
       clearTimeout(timer);
     };
   }, [pathname, isEditMode, refreshStateRules, postToParent]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     scrollToHashSectionWhenReady();
     const onHashChange = () => scrollToHashSectionWhenReady();
     window.addEventListener("hashchange", onHashChange);
     return () => window.removeEventListener("hashchange", onHashChange);
   }, [pathname]);
-  const handleCommand = (0, import_react5.useCallback)((cmd) => {
+  const handleCommand = (0, import_react6.useCallback)((cmd) => {
     document.execCommand(cmd, false);
     activeElRef.current?.focus();
     if (activeElRef.current) setToolbarRect(activeElRef.current.getBoundingClientRect());
     refreshActiveCommandsRef.current();
   }, []);
-  const handleStateChange = (0, import_react5.useCallback)((state) => {
+  const handleStateChange = (0, import_react6.useCallback)((state) => {
     if (!activeStateElRef.current) return;
     const el = activeStateElRef.current;
     if (state === "Default") {
@@ -7464,8 +7508,8 @@ function OhhwellsBridge() {
     }
     setToggleState((prev) => prev ? { ...prev, activeState: state } : null);
   }, [deactivate]);
-  const closeLinkPopover = (0, import_react5.useCallback)(() => setLinkPopover(null), []);
-  const openLinkPopoverForActive = (0, import_react5.useCallback)(() => {
+  const closeLinkPopover = (0, import_react6.useCallback)(() => setLinkPopover(null), []);
+  const openLinkPopoverForActive = (0, import_react6.useCallback)(() => {
     const hrefCtx = getHrefKeyFromElement(activeElRef.current);
     if (!hrefCtx) return;
     bumpLinkPopoverGrace();
@@ -7475,7 +7519,7 @@ function OhhwellsBridge() {
     });
     deactivate();
   }, [deactivate]);
-  const openLinkPopoverForSelected = (0, import_react5.useCallback)(() => {
+  const openLinkPopoverForSelected = (0, import_react6.useCallback)(() => {
     const anchor = selectedElRef.current;
     if (!anchor) return;
     const key = anchor.getAttribute("data-ohw-href-key");
@@ -7487,7 +7531,7 @@ function OhhwellsBridge() {
     });
     deselect();
   }, [deselect]);
-  const handleLinkPopoverSubmit = (0, import_react5.useCallback)(
+  const handleLinkPopoverSubmit = (0, import_react6.useCallback)(
     (target) => {
       if (!linkPopover) return;
       const { key } = linkPopover;