@ohhwells/bridge 0.1.160 → 0.1.161

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 
 // src/OhhwellsBridge.tsx
-import React12, { useCallback as useCallback12, useEffect as useEffect17, useLayoutEffect as useLayoutEffect6, useRef as useRef14, useState as useState18 } from "react";
+import React12, { useCallback as useCallback12, useEffect as useEffect19, useLayoutEffect as useLayoutEffect6, useRef as useRef14, useState as useState18 } from "react";
 import { createRoot as createRoot3 } from "react-dom/client";
 import { flushSync as flushSync3 } from "react-dom";
 
@@ -11993,8 +11993,136 @@ function useSavedLinkNavigation(isEditMode) {
   }, [isEditMode, router]);
 }
 
+// src/useNavDropdownToggle.ts
+import { useEffect as useEffect3 } from "react";
+import { usePathname } from "next/navigation";
+var OPEN_ATTR = "data-ohw-nav-force-open";
+function parentLinkWithDropdown(target) {
+  const anchor = target?.closest?.("a");
+  const group = anchor?.parentElement;
+  if (!anchor || !group?.matches("[data-ohw-nav-group]:not([data-ohw-nav-dropdown-template])")) {
+    return null;
+  }
+  const hasChildren = group.querySelector(":scope > [data-ohw-nav-children] > [data-ohw-href-key]");
+  return hasChildren ? anchor : null;
+}
+function closeAll(except) {
+  document.querySelectorAll(`[${OPEN_ATTR}]`).forEach((group) => {
+    if (group === except) return;
+    group.removeAttribute(OPEN_ATTR);
+    group.querySelector(":scope > a")?.setAttribute("aria-expanded", "false");
+  });
+}
+function useNavDropdownToggle(isEditMode) {
+  const pathname = usePathname();
+  useEffect3(() => {
+    if (isEditMode) return;
+    const onClick = (e) => {
+      if (e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
+      const anchor = parentLinkWithDropdown(e.target);
+      if (!anchor) {
+        const insideOpen = e.target?.closest?.(`[${OPEN_ATTR}]`);
+        const onChildLink = e.target?.closest?.("[data-ohw-nav-children] a");
+        if (!insideOpen || onChildLink) closeAll();
+        return;
+      }
+      e.preventDefault();
+      e.stopPropagation();
+      const group = anchor.parentElement;
+      const open = !group.hasAttribute(OPEN_ATTR);
+      closeAll(group);
+      group.toggleAttribute(OPEN_ATTR, open);
+      anchor.setAttribute("aria-expanded", String(open));
+    };
+    const onKeyDown = (e) => {
+      if (e.key !== "Escape") return;
+      const open = document.querySelector(`[${OPEN_ATTR}] > a`);
+      closeAll();
+      open?.focus();
+    };
+    window.addEventListener("click", onClick, true);
+    window.addEventListener("keydown", onKeyDown);
+    return () => {
+      window.removeEventListener("click", onClick, true);
+      window.removeEventListener("keydown", onKeyDown);
+    };
+  }, [isEditMode]);
+  useEffect3(() => {
+    if (!isEditMode) closeAll();
+  }, [pathname, isEditMode]);
+}
+
+// src/useHashLinkScroll.ts
+import { useEffect as useEffect4 } from "react";
+
+// src/lib/scroll-to-section.ts
+var MAX_ATTEMPTS = 12;
+var RETRY_MS = 100;
+function getHashSectionId() {
+  if (typeof window === "undefined") return null;
+  const id = window.location.hash.replace(/^#/, "").trim();
+  return id || null;
+}
+function scrollToOhwSection(sectionId, behavior = "smooth") {
+  if (!sectionId || typeof document === "undefined") return false;
+  const el = document.querySelector(`[data-ohw-section="${CSS.escape(sectionId)}"]`);
+  if (!el) return false;
+  el.scrollIntoView({ behavior, block: "start" });
+  return true;
+}
+function scrollToHashSectionWhenReady(behavior = "smooth") {
+  const id = getHashSectionId();
+  if (!id) return;
+  let attempt = 0;
+  const tick = () => {
+    if (scrollToOhwSection(id, behavior)) return;
+    attempt += 1;
+    if (attempt < MAX_ATTEMPTS) window.setTimeout(tick, RETRY_MS);
+  };
+  tick();
+}
+function scrollToOhwSectionAfterNavigation(sectionId, behavior = "smooth") {
+  let attempt = 0;
+  const tick = () => {
+    if (getHashSectionId() === sectionId && scrollToOhwSection(sectionId, behavior)) return;
+    attempt += 1;
+    if (attempt < MAX_ATTEMPTS) window.setTimeout(tick, RETRY_MS);
+  };
+  window.setTimeout(tick, 0);
+}
+
+// src/useHashLinkScroll.ts
+function samePageSectionId(anchor) {
+  const href = anchor.getAttribute("href");
+  if (!href || !href.includes("#")) return null;
+  if (anchor.target !== "" && anchor.target !== "_self") return null;
+  let url;
+  try {
+    url = new URL(href, window.location.href);
+  } catch {
+    return null;
+  }
+  if (url.origin !== window.location.origin || url.pathname !== window.location.pathname) return null;
+  const id = decodeURIComponent(url.hash.replace(/^#/, "")).trim();
+  return id || null;
+}
+function useHashLinkScroll(isEditMode) {
+  useEffect4(() => {
+    if (isEditMode) return;
+    const onClick = (e) => {
+      if (e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
+      const anchor = e.target?.closest?.("a");
+      if (!anchor) return;
+      const id = samePageSectionId(anchor);
+      if (id) scrollToOhwSectionAfterNavigation(id);
+    };
+    window.addEventListener("click", onClick, true);
+    return () => window.removeEventListener("click", onClick, true);
+  }, [isEditMode]);
+}
+
 // src/ui/SchedulingWidget.tsx
-import { useCallback, useEffect as useEffect3, useId, useMemo, useRef, useState as useState3 } from "react";
+import { useCallback, useEffect as useEffect5, useId, useMemo, useRef, useState as useState3 } from "react";
 
 // src/ui/EmailCaptureModal.tsx
 import { useState as useState2 } from "react";
@@ -12312,7 +12440,7 @@ function ScheduleView({ schedule, dates, selectedIdx, onSelectDate, onOpenModal
     setCanScrollLeft(el.scrollLeft > 0);
     setCanScrollRight(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);
   };
-  useEffect3(() => {
+  useEffect5(() => {
     const el = scrollRef.current;
     if (!el) return;
     updateScrollState();
@@ -12570,7 +12698,7 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
     });
   }, []);
   const [selectedIdx, setSelectedIdx] = useState3(0);
-  useEffect3(() => {
+  useEffect5(() => {
     if (!schedule?.classes) return;
     for (let i = 0; i < dates.length; i++) {
       if (schedule.classes.some((c) => classRunsOnDate(c, dates[i], schedule.type))) {
@@ -12579,7 +12707,7 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
       }
     }
   }, [schedule, dates]);
-  useEffect3(() => {
+  useEffect5(() => {
     if (typeof window === "undefined") return;
     const onVisible = () => {
       if (!document.hidden) void refetchLiveSchedule();
@@ -12591,7 +12719,7 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
       document.removeEventListener("visibilitychange", onVisible);
     };
   }, [refetchLiveSchedule]);
-  useEffect3(() => {
+  useEffect5(() => {
     if (typeof window === "undefined") return;
     const isInEditor = window.self !== window.top;
     setInEditor(isInEditor);
@@ -17225,7 +17353,7 @@ function apiBase() {
 function bridgeVersion() {
   try {
     if (true) {
-      return "0.1.160";
+      return "0.1.161";
     }
   } catch {
   }
@@ -17239,7 +17367,7 @@ function stampBridgeVersionOnDocument() {
     return;
   }
   try {
-    const v = true ? "0.1.160" : "";
+    const v = true ? "0.1.161" : "";
     if (v) {
       document.documentElement.setAttribute("data-ohw-bridge-version", v);
       window.__OHW_BRIDGE_VERSION__ = v;
@@ -18146,7 +18274,7 @@ function CarouselOverlay({
 }
 
 // src/ui/ai-section/AiSectionOverlay.tsx
-import { useCallback as useCallback2, useEffect as useEffect5, useRef as useRef4, useState as useState7 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect7, useRef as useRef4, useState as useState7 } from "react";
 import { Check, X } from "lucide-react";
 
 // src/lib/ai-change-highlight.ts
@@ -18242,7 +18370,7 @@ function readRect(instanceId) {
 }
 function useLiveSectionRect(sectionId) {
   const [rect, setRect] = useState7(null);
-  useEffect5(() => {
+  useEffect7(() => {
     if (!sectionId) {
       setRect(null);
       return;
@@ -18282,7 +18410,7 @@ function readNavToggleRect() {
 }
 function useLiveNavToggleHole(active) {
   const [rect, setRect] = useState7(null);
-  useEffect5(() => {
+  useEffect7(() => {
     if (!active) {
       setRect(null);
       return;
@@ -18406,7 +18534,7 @@ function AiSectionOverlay({
   reviewIdRef.current = reviewId;
   const selectedIdRef = useRef4(null);
   selectedIdRef.current = selectedId;
-  useEffect5(() => {
+  useEffect7(() => {
     onSelectionChange?.(selectedId);
   }, [selectedId, onSelectionChange]);
   const report = useCallback2(
@@ -18432,7 +18560,7 @@ function AiSectionOverlay({
     },
     [report]
   );
-  useEffect5(() => {
+  useEffect7(() => {
     apiRef.current = {
       selectFromElement,
       handleBackgroundClick: (target, clientX, clientY) => {
@@ -18457,7 +18585,7 @@ function AiSectionOverlay({
       apiRef.current = null;
     };
   }, [apiRef, selectFromElement, report]);
-  useEffect5(() => {
+  useEffect7(() => {
     const onMessage = (e) => {
       if (e.data?.type === "ow:ai-select" && e.data.sectionId === null) {
         selectedIdRef.current = null;
@@ -18482,9 +18610,9 @@ function AiSectionOverlay({
     window.addEventListener("message", onMessage);
     return () => window.removeEventListener("message", onMessage);
   }, [postToParent2]);
-  useEffect5(() => installAiChangeHighlight(), []);
+  useEffect7(() => installAiChangeHighlight(), []);
   const [hoveredId, setHoveredId] = useState7(null);
-  useEffect5(() => {
+  useEffect7(() => {
     const onMove = (e) => {
       const t = e.target;
       if (!(t instanceof Element)) return;
@@ -18509,7 +18637,7 @@ function AiSectionOverlay({
       document.documentElement.removeEventListener("mouseleave", onLeave);
     };
   }, []);
-  useEffect5(() => {
+  useEffect7(() => {
     const onKeyDown = (e) => {
       if (e.key !== "Escape") return;
       if (reviewIdRef.current) return;
@@ -18533,7 +18661,7 @@ function AiSectionOverlay({
     [postToParent2]
   );
   const [navDropdownForceOpen, setNavDropdownForceOpen] = useState7(false);
-  useEffect5(() => {
+  useEffect7(() => {
     const update = () => {
       setNavDropdownForceOpen(Boolean(document.querySelector("[data-ohw-nav-force-open]")));
     };
@@ -18552,7 +18680,7 @@ function AiSectionOverlay({
   const navToggleHole = useLiveNavToggleHole(Boolean(reviewId));
   const hoverRect = useLiveSectionRect(reviewId || hoveredId === selectedId ? null : hoveredId);
   const showSelectionBorder = Boolean(selectionRect) && !navDropdownForceOpen;
-  useEffect5(() => {
+  useEffect7(() => {
     const selectedEl = activeSelectionId ? findSectionElement(activeSelectionId) : null;
     if (!activeSelectionId || !selectionRect || selectedEl && isChromeSection(selectedEl)) {
       postToParent2({ type: "ow:section-rect", instanceId: null, rect: null });
@@ -18672,7 +18800,7 @@ function AiSectionOverlay({
 }
 
 // src/ui/ai-section/AiMediaStripOverlay.tsx
-import { useCallback as useCallback3, useEffect as useEffect6, useRef as useRef5, useState as useState8 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect8, useRef as useRef5, useState as useState8 } from "react";
 import { Star } from "lucide-react";
 
 // src/lib/ai-media-strip-tree.ts
@@ -18835,7 +18963,7 @@ function readRect2(ref) {
 }
 function useLiveItemRect(ref) {
   const [rect, setRect] = useState8(null);
-  useEffect6(() => {
+  useEffect8(() => {
     if (!ref) {
       setRect(null);
       return;
@@ -18931,7 +19059,7 @@ function Pill({
 }
 function AltInput({ value, onCommit }) {
   const [draft, setDraft] = useState8(value);
-  useEffect6(() => setDraft(value), [value]);
+  useEffect8(() => setDraft(value), [value]);
   return /* @__PURE__ */ jsxs11(
     "div",
     {
@@ -19020,7 +19148,7 @@ var HTTP_URL_RE = /^https?:\/\/\S+$/i;
 function LinkInput({ value, onCommit }) {
   const [draft, setDraft] = useState8(value);
   const [invalid, setInvalid] = useState8(false);
-  useEffect6(() => {
+  useEffect8(() => {
     setDraft(value);
     setInvalid(false);
   }, [value]);
@@ -19215,7 +19343,7 @@ function AiMediaStripOverlay({
   const [error, setError] = useState8(null);
   const activeRef = useRef5(null);
   activeRef.current = active;
-  useEffect6(() => {
+  useEffect8(() => {
     const onMove = (e) => {
       const t = e.target;
       if (!(t instanceof HTMLElement)) return;
@@ -19245,7 +19373,7 @@ function AiMediaStripOverlay({
       document.documentElement.removeEventListener("mouseleave", onLeave);
     };
   }, []);
-  useEffect6(() => {
+  useEffect8(() => {
     const onClick = (e) => {
       const current = activeRef.current;
       if (!current) return;
@@ -19260,7 +19388,7 @@ function AiMediaStripOverlay({
     document.addEventListener("click", onClick, true);
     return () => document.removeEventListener("click", onClick, true);
   }, []);
-  useEffect6(() => {
+  useEffect8(() => {
     const onBlur = () => {
       if (!activeRef.current) return;
       setActive(null);
@@ -19269,7 +19397,7 @@ function AiMediaStripOverlay({
     window.addEventListener("blur", onBlur);
     return () => window.removeEventListener("blur", onBlur);
   }, []);
-  useEffect6(() => {
+  useEffect8(() => {
     const onKeyDown = (e) => {
       if (e.key !== "Escape") return;
       if (!activeRef.current) return;
@@ -19433,7 +19561,7 @@ function AiMediaStripOverlay({
 }
 
 // src/ui/ai-section/AiPricingCardOverlay.tsx
-import { useCallback as useCallback4, useEffect as useEffect7, useLayoutEffect as useLayoutEffect4, useRef as useRef6, useState as useState9 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect9, useLayoutEffect as useLayoutEffect4, useRef as useRef6, useState as useState9 } from "react";
 import { Check as Check2, ChevronDown as ChevronDown3, Minus, Plus as Plus2, Star as Star2 } from "lucide-react";
 import { Fragment as Fragment8, jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
 var PRIMARY4 = "var(--ohw-primary, #0885FE)";
@@ -19477,7 +19605,7 @@ function readGridRect(ref) {
 }
 function useLiveCardRect(ref, grid = false) {
   const [rect, setRect] = useState9(null);
-  useEffect7(() => {
+  useEffect9(() => {
     if (!ref) {
       setRect(null);
       return;
@@ -19771,7 +19899,7 @@ function AiPricingCardOverlay({
   const [error, setError] = useState9(null);
   const activeRef = useRef6(null);
   activeRef.current = active;
-  useEffect7(() => {
+  useEffect9(() => {
     const onMove = (e) => {
       const ref = cardRefFromTarget(e.target);
       const t = e.target;
@@ -19789,7 +19917,7 @@ function AiPricingCardOverlay({
       document.documentElement.removeEventListener("mouseleave", onLeave);
     };
   }, []);
-  useEffect7(() => {
+  useEffect9(() => {
     const onClick = (e) => {
       const t = e.target;
       if (!(t instanceof Element)) return;
@@ -19801,7 +19929,7 @@ function AiPricingCardOverlay({
     document.addEventListener("click", onClick, true);
     return () => document.removeEventListener("click", onClick, true);
   }, []);
-  useEffect7(() => {
+  useEffect9(() => {
     const onBlur = () => {
       if (!activeRef.current) return;
       setActive(null);
@@ -19810,7 +19938,7 @@ function AiPricingCardOverlay({
     window.addEventListener("blur", onBlur);
     return () => window.removeEventListener("blur", onBlur);
   }, []);
-  useEffect7(() => {
+  useEffect9(() => {
     const onKeyDown = (e) => {
       if (e.key !== "Escape") return;
       if (!activeRef.current) return;
@@ -19915,7 +20043,7 @@ function AiPricingCardOverlay({
 }
 
 // src/ui/ai-section/AiVideoOverlay.tsx
-import { useCallback as useCallback5, useEffect as useEffect8, useRef as useRef7, useState as useState10 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect10, useRef as useRef7, useState as useState10 } from "react";
 import { Star as Star3 } from "lucide-react";
 
 // src/lib/ai-video-tree.ts
@@ -20009,7 +20137,7 @@ function readRect4(ref) {
 }
 function useLiveBlockRect(ref) {
   const [rect, setRect] = useState10(null);
-  useEffect8(() => {
+  useEffect10(() => {
     if (!ref) {
       setRect(null);
       return;
@@ -20089,7 +20217,7 @@ function watchUrl(id) {
 function VideoUrlInput({ value, onCommit }) {
   const [draft, setDraft] = useState10(value ? watchUrl(value) : "");
   const [invalid, setInvalid] = useState10(false);
-  useEffect8(() => {
+  useEffect10(() => {
     setDraft(value ? watchUrl(value) : "");
     setInvalid(false);
   }, [value]);
@@ -20232,7 +20360,7 @@ function AiVideoOverlay({
   const [error, setError] = useState10(null);
   const activeRef = useRef7(null);
   activeRef.current = active;
-  useEffect8(() => {
+  useEffect10(() => {
     const onMove = (e) => {
       const t = e.target;
       if (!(t instanceof HTMLElement)) return;
@@ -20262,7 +20390,7 @@ function AiVideoOverlay({
       document.documentElement.removeEventListener("mouseleave", onLeave);
     };
   }, []);
-  useEffect8(() => {
+  useEffect10(() => {
     const onClick = (e) => {
       const current = activeRef.current;
       if (!current) return;
@@ -20277,7 +20405,7 @@ function AiVideoOverlay({
     document.addEventListener("click", onClick, true);
     return () => document.removeEventListener("click", onClick, true);
   }, []);
-  useEffect8(() => {
+  useEffect10(() => {
     const onBlur = () => {
       if (!activeRef.current) return;
       setActive(null);
@@ -20286,7 +20414,7 @@ function AiVideoOverlay({
     window.addEventListener("blur", onBlur);
     return () => window.removeEventListener("blur", onBlur);
   }, []);
-  useEffect8(() => {
+  useEffect10(() => {
     const onKeyDown = (e) => {
       if (e.key !== "Escape") return;
       if (!activeRef.current) return;
@@ -20395,7 +20523,7 @@ function AiVideoOverlay({
 }
 
 // src/ui/ai-section/AiFadeCarouselOverlay.tsx
-import { useCallback as useCallback6, useEffect as useEffect9, useRef as useRef8, useState as useState11 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect11, useRef as useRef8, useState as useState11 } from "react";
 import { Star as Star4 } from "lucide-react";
 
 // src/lib/ai-carousel-tree.ts
@@ -20469,7 +20597,7 @@ function readRect5(ref) {
 }
 function useLiveItemRect2(ref) {
   const [rect, setRect] = useState11(null);
-  useEffect9(() => {
+  useEffect11(() => {
     if (!ref) {
       setRect(null);
       return;
@@ -20685,10 +20813,10 @@ function AiFadeCarouselOverlay({
   const skeletonRef = useRef8(null);
   const activeRef = useRef8(null);
   activeRef.current = active;
-  useEffect9(() => {
+  useEffect11(() => {
     setAutoplayOverride(null);
   }, [active?.sectionId, active?.index]);
-  useEffect9(() => {
+  useEffect11(() => {
     if (!swapping?.fadingOut || !skeletonRef.current) return;
     const anim = skeletonRef.current.animate([{ opacity: 1 }, { opacity: 0 }], {
       duration: MEDIA_UPLOAD_FADE_MS,
@@ -20698,7 +20826,7 @@ function AiFadeCarouselOverlay({
     anim.finished.then(() => setSwapping(null)).catch(() => setSwapping(null));
     return () => anim.cancel();
   }, [swapping?.fadingOut]);
-  useEffect9(() => {
+  useEffect11(() => {
     const onMove = (e) => {
       const t = e.target;
       if (!(t instanceof Element)) return;
@@ -20732,7 +20860,7 @@ function AiFadeCarouselOverlay({
       document.documentElement.removeEventListener("mouseleave", onLeave);
     };
   }, []);
-  useEffect9(() => {
+  useEffect11(() => {
     const onClick = (e) => {
       const current = activeRef.current;
       if (!current) return;
@@ -20747,7 +20875,7 @@ function AiFadeCarouselOverlay({
     document.addEventListener("click", onClick, true);
     return () => document.removeEventListener("click", onClick, true);
   }, []);
-  useEffect9(() => {
+  useEffect11(() => {
     const onBlur = () => {
       if (!activeRef.current) return;
       setActive(null);
@@ -20756,7 +20884,7 @@ function AiFadeCarouselOverlay({
     window.addEventListener("blur", onBlur);
     return () => window.removeEventListener("blur", onBlur);
   }, []);
-  useEffect9(() => {
+  useEffect11(() => {
     const onKeyDown = (e) => {
       if (e.key !== "Escape") return;
       if (!activeRef.current) return;
@@ -20910,7 +21038,7 @@ function AiFadeCarouselOverlay({
 
 // src/OhhwellsBridge.tsx
 import { createPortal as createPortal3 } from "react-dom";
-import { usePathname as usePathname2, useRouter as useRouter3, useSearchParams } from "next/navigation";
+import { usePathname as usePathname3, useRouter as useRouter3, useSearchParams } from "next/navigation";
 
 // src/lib/media-overlay-guards.ts
 var BRIDGE_CHROME_SELECTOR = [
@@ -21052,35 +21180,8 @@ function mergePrefetchedSections(prev, fetched, livePath, liveSections) {
   return next;
 }
 
-// src/lib/scroll-to-section.ts
-var MAX_ATTEMPTS = 12;
-var RETRY_MS = 100;
-function getHashSectionId() {
-  if (typeof window === "undefined") return null;
-  const id = window.location.hash.replace(/^#/, "").trim();
-  return id || null;
-}
-function scrollToOhwSection(sectionId, behavior = "smooth") {
-  if (!sectionId || typeof document === "undefined") return false;
-  const el = document.querySelector(`[data-ohw-section="${CSS.escape(sectionId)}"]`);
-  if (!el) return false;
-  el.scrollIntoView({ behavior, block: "start" });
-  return true;
-}
-function scrollToHashSectionWhenReady(behavior = "smooth") {
-  const id = getHashSectionId();
-  if (!id) return;
-  let attempt = 0;
-  const tick = () => {
-    if (scrollToOhwSection(id, behavior)) return;
-    attempt += 1;
-    if (attempt < MAX_ATTEMPTS) window.setTimeout(tick, RETRY_MS);
-  };
-  tick();
-}
-
 // src/ui/link-modal/LinkPopover.tsx
-import { useEffect as useEffect13 } from "react";
+import { useEffect as useEffect15 } from "react";
 
 // src/ui/dialog.tsx
 import * as React9 from "react";
@@ -21280,7 +21381,7 @@ function SectionTreeItem({
 }
 
 // src/ui/link-modal/UrlOrPageInput.tsx
-import { useEffect as useEffect10, useId as useId2, useRef as useRef9, useState as useState12 } from "react";
+import { useEffect as useEffect12, useId as useId2, useRef as useRef9, useState as useState12 } from "react";
 
 // src/ui/input.tsx
 import * as React10 from "react";
@@ -21352,7 +21453,7 @@ function UrlOrPageInput({
   const inputRef = useRef9(null);
   const rootRef = useRef9(null);
   const [isFocused, setIsFocused] = useState12(false);
-  useEffect10(() => {
+  useEffect12(() => {
     if (!dropdownOpen) return;
     const isOutside = (e) => {
       const root = rootRef.current;
@@ -21560,10 +21661,10 @@ function LinkEditorPanel({ state, onClose }) {
 }
 
 // src/ui/link-modal/SectionPickerOverlay.tsx
-import { useCallback as useCallback7, useEffect as useEffect11, useMemo as useMemo2, useRef as useRef10, useState as useState13 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect13, useMemo as useMemo2, useRef as useRef10, useState as useState13 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import { ArrowLeft as ArrowLeft2, Check as Check3 } from "lucide-react";
-import { usePathname, useRouter as useRouter2 } from "next/navigation";
+import { usePathname as usePathname2, useRouter as useRouter2 } from "next/navigation";
 
 // src/lib/parent-scroll.ts
 function visibleBand(parentScroll) {
@@ -21622,7 +21723,7 @@ function useSectionRects(sectionIdsKey, enabled) {
     () => sectionIdsKey ? sectionIdsKey.split("\0") : [],
     [sectionIdsKey]
   );
-  useEffect11(() => {
+  useEffect13(() => {
     if (!enabled || sectionIds.length === 0) {
       setRects((prev) => prev.size === 0 ? prev : /* @__PURE__ */ new Map());
       return;
@@ -21662,7 +21763,7 @@ function SectionPickerOverlay({
   onSelect
 }) {
   const router = useRouter2();
-  const pathname = usePathname();
+  const pathname = usePathname2();
   const [selectedId, setSelectedId] = useState13(null);
   const [hoveredId, setHoveredId] = useState13(null);
   const pointerRef = useRef10(null);
@@ -21677,12 +21778,12 @@ function SectionPickerOverlay({
   );
   const normalizedTarget = normalizePath(pagePath);
   const isOnTargetPage = normalizePath(pathname) === normalizedTarget;
-  useEffect11(() => {
+  useEffect13(() => {
     if (isOnTargetPage) return;
     const search = readPreservedSearch();
     router.push(`${normalizedTarget}${search}`);
   }, [isOnTargetPage, normalizedTarget, router]);
-  useEffect11(() => {
+  useEffect13(() => {
     document.documentElement.setAttribute("data-ohw-section-picking", "");
     document.querySelectorAll("[data-ohw-hovered]").forEach((el) => {
       el.removeAttribute("data-ohw-hovered");
@@ -21720,7 +21821,7 @@ function SectionPickerOverlay({
     },
     []
   );
-  useEffect11(() => {
+  useEffect13(() => {
     const applyClip = (iframeOffsetTop, visibleCanvasTop, canvasH, promptBarH = 0) => {
       const next = getIframeVisibleClip({
         iframeOffsetTop,
@@ -21764,12 +21865,12 @@ function SectionPickerOverlay({
       window.removeEventListener("resize", onResize);
     };
   }, [applyHoverAt]);
-  useEffect11(() => {
+  useEffect13(() => {
     const ptr = pointerRef.current;
     if (!ptr) return;
     applyHoverAt(ptr.x, ptr.y, rects);
   }, [rects, applyHoverAt]);
-  useEffect11(() => {
+  useEffect13(() => {
     const rememberPointer = (clientX, clientY) => {
       pointerRef.current = { x: clientX, y: clientY };
       const top = iframeOffsetTopRef.current;
@@ -21801,7 +21902,7 @@ function SectionPickerOverlay({
     },
     [selectedId, onSelect]
   );
-  useEffect11(() => {
+  useEffect13(() => {
     const onKeyDown = (e) => {
       if (e.key === "Escape") {
         e.preventDefault();
@@ -21924,7 +22025,7 @@ function SectionPickerOverlay({
 }
 
 // src/ui/link-modal/useLinkModalState.ts
-import { useCallback as useCallback8, useEffect as useEffect12, useMemo as useMemo3, useState as useState14 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect14, useMemo as useMemo3, useState as useState14 } from "react";
 function useLinkModalState({
   open,
   mode,
@@ -21951,7 +22052,7 @@ function useLinkModalState({
     setDropdownOpen(false);
     setUrlError("");
   }, []);
-  useEffect12(() => {
+  useEffect14(() => {
     if (!open) return;
     if (mode === "edit" && initialTarget) {
       const { pageRoute } = parseTarget(initialTarget);
@@ -22117,7 +22218,7 @@ function LinkPopover({
     onSubmit
   });
   const sectionPickerActive = state.showSectionPicker && Boolean(state.selectedPage);
-  useEffect13(() => {
+  useEffect15(() => {
     if (!open) return;
     if (sectionPickerActive) {
       postToParent({ type: "ui:unlock" });
@@ -22360,7 +22461,7 @@ function addFooterColumnWithPersist({
 // src/ui/FloatingPanel.tsx
 import {
   useCallback as useCallback9,
-  useEffect as useEffect14,
+  useEffect as useEffect16,
   useLayoutEffect as useLayoutEffect5,
   useRef as useRef11,
   useState as useState15
@@ -22444,10 +22545,10 @@ function FloatingPanel({
     x: clampX(home.x, measured.w),
     y: fittedY
   };
-  useEffect14(() => {
+  useEffect16(() => {
     setLiveScroll(parentScroll);
   }, [parentScroll]);
-  useEffect14(() => {
+  useEffect16(() => {
     if (!open) return;
     const onParentScroll = (e) => {
       if (e.data?.type !== "ow:parent-scroll") return;
@@ -22532,11 +22633,11 @@ function FloatingPanel({
     } catch {
     }
   }, []);
-  useEffect14(() => {
+  useEffect16(() => {
     if (open) return;
     document.documentElement.removeAttribute("data-ohw-panel-dragging");
   }, [open]);
-  useEffect14(() => () => document.documentElement.removeAttribute("data-ohw-panel-dragging"), []);
+  useEffect16(() => () => document.documentElement.removeAttribute("data-ohw-panel-dragging"), []);
   if (!open) return null;
   return /* @__PURE__ */ jsxs22(
     "div",
@@ -23056,7 +23157,7 @@ function hitTestNavDropSlot(clientX, clientY, draggedHrefKey, draggedEl) {
 }
 
 // src/useNavItemDrag.ts
-import { useCallback as useCallback10, useEffect as useEffect15, useRef as useRef12, useState as useState16 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect17, useRef as useRef12, useState as useState16 } from "react";
 function useNavItemDrag({
   isEditMode,
   editContentRef,
@@ -23289,7 +23390,7 @@ function useNavItemDrag({
     },
     []
   );
-  useEffect15(() => {
+  useEffect17(() => {
     if (!isEditMode) return;
     const THRESHOLD = 10;
     const resolveWasSelected = (el) => {
@@ -23448,7 +23549,7 @@ function useNavItemDrag({
 }
 
 // src/useSectionDrag.ts
-import { useCallback as useCallback11, useEffect as useEffect16, useRef as useRef13, useState as useState17 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect18, useRef as useRef13, useState as useState17 } from "react";
 
 // src/lib/section-dnd.ts
 function isFooterSection(el) {
@@ -23668,7 +23769,7 @@ function useSectionDrag({
     },
     [footerDragRef, navDragRef]
   );
-  useEffect16(() => {
+  useEffect18(() => {
     if (!isEditMode) return;
     const onPointerDown = (e) => {
       if (e.button !== 0) return;
@@ -25596,12 +25697,12 @@ function resolveSubdomain(subdomainFromQuery) {
   return "";
 }
 function OhhwellsBridge() {
-  const pathname = usePathname2();
+  const pathname = usePathname3();
   const router = useRouter3();
   const searchParams = useSearchParams();
   const isEditMode = isEditSessionActive();
   const [bridgeRoot, setBridgeRoot] = useState18(null);
-  useEffect17(() => {
+  useEffect19(() => {
     const figtreeFontId = "ohw-figtree-font";
     if (!document.getElementById(figtreeFontId)) {
       const preconnect1 = Object.assign(document.createElement("link"), { rel: "preconnect", href: "https://fonts.googleapis.com" });
@@ -25640,7 +25741,7 @@ function OhhwellsBridge() {
     }, 0);
     return () => window.clearTimeout(t);
   }, [subdomainFromQuery, subdomain]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (!subdomainFromQuery || typeof window === "undefined") return;
     const url = new URL(window.location.href);
     if (!url.searchParams.has("subdomain")) return;
@@ -25650,6 +25751,8 @@ function OhhwellsBridge() {
   }, [subdomainFromQuery]);
   useLinkHrefGuardian(pathname, subdomain, isEditMode);
   useSavedLinkNavigation(isEditMode);
+  useNavDropdownToggle(isEditMode);
+  useHashLinkScroll(isEditMode);
   const postToParent2 = useCallback12((data) => {
     if (typeof window !== "undefined" && window.parent !== window) {
       window.parent.postMessage(data, "*");
@@ -25658,14 +25761,14 @@ function OhhwellsBridge() {
   const [fetchState, setFetchState] = useState18("idle");
   const [showBranding, setShowBranding] = useState18(false);
   const autoSaveTimers = useRef14(/* @__PURE__ */ new Map());
-  useEffect17(() => {
+  useEffect19(() => {
     stampBridgeVersionOnDocument();
   }, []);
-  useEffect17(() => {
+  useEffect19(() => {
     if (isEditMode) return;
     return armLoaderHangBeacon(subdomain, fetchState);
   }, [isEditMode, subdomain, fetchState]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (isEditMode || !subdomain) return;
     const onError = (event) => {
       reportOutageBeacon({
@@ -25806,7 +25909,7 @@ function OhhwellsBridge() {
   }, []);
   const selectMediaElementRef = useRef14(selectMediaElement);
   selectMediaElementRef.current = selectMediaElement;
-  useEffect17(() => {
+  useEffect19(() => {
     if (!selectedMedia) return;
     const update = () => {
       const el = selectedMediaElRef.current;
@@ -26021,7 +26124,7 @@ function OhhwellsBridge() {
   const [fieldDragging, setFieldDragging] = useState18(false);
   const clearFormPickRef = useRef14(clearFormPick);
   clearFormPickRef.current = clearFormPick;
-  useEffect17(() => {
+  useEffect19(() => {
     const el = fieldPickElRef.current;
     if (!el || fieldPickRect === null) return;
     const observer = new ResizeObserver(() => {
@@ -26030,7 +26133,7 @@ function OhhwellsBridge() {
     observer.observe(el);
     return () => observer.disconnect();
   }, [fieldPickRect !== null, fieldPickState]);
-  useEffect17(() => {
+  useEffect19(() => {
     const el = formPickElRef.current;
     if (!el || formPickRect === null) return;
     const observer = new ResizeObserver(() => {
@@ -26057,7 +26160,7 @@ function OhhwellsBridge() {
   const hoveredItemElRef = useRef14(null);
   const [hoveredItemRect, setHoveredItemRect] = useState18(null);
   const [hoveredTextRect, setHoveredTextRect] = useState18(null);
-  useEffect17(() => {
+  useEffect19(() => {
     const sync = () => {
       const el = document.querySelector(
         '[data-ohw-hovered]:not([contenteditable]):not([data-ohw-href-key]):not([data-ohw-editable="form"] *)'
@@ -26157,7 +26260,7 @@ function OhhwellsBridge() {
   const linkPopoverGraceUntilRef = useRef14(0);
   setLinkPopoverRef.current = setLinkPopover;
   linkPopoverSessionRef.current = linkPopover;
-  useEffect17(() => {
+  useEffect19(() => {
     setSectionOrderPersistHandler((entries) => {
       const currentPath = window.location.pathname;
       const merged = mergePageSectionOrder(editContentRef.current[SECTION_ORDER_KEY], currentPath, entries);
@@ -26167,7 +26270,7 @@ function OhhwellsBridge() {
     });
     return () => setSectionOrderPersistHandler(null);
   }, []);
-  useEffect17(() => {
+  useEffect19(() => {
     setAiFooterMountOptions({
       resolvePageHref: (pageOrAnchorId) => {
         const [pageId, anchor] = pageOrAnchorId.split("#");
@@ -26251,7 +26354,7 @@ function OhhwellsBridge() {
   }, [isEditMode, pathname]);
   const runSectionsPrefetchRef = useRef14(runSectionsPrefetch);
   runSectionsPrefetchRef.current = runSectionsPrefetch;
-  useEffect17(() => {
+  useEffect19(() => {
     if (!linkPopover) {
       document.documentElement.removeAttribute("data-ohw-link-popover-open");
       return;
@@ -26279,7 +26382,7 @@ function OhhwellsBridge() {
       document.documentElement.removeAttribute("data-ohw-link-popover-open");
     };
   }, [linkPopover, postToParent2]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (!isEditMode) return;
     const useFixtures = shouldUseDevFixtures();
     if (useFixtures) {
@@ -26305,14 +26408,14 @@ function OhhwellsBridge() {
     if (!useFixtures) postToParent2({ type: "ow:request-site-pages" });
     return () => window.removeEventListener("message", onSitePages);
   }, [isEditMode, postToParent2]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (!isEditMode || shouldUseDevFixtures()) return;
     void loadAllSectionsManifest().then((manifest) => {
       if (Object.keys(manifest).length === 0) return;
       setSectionsByPath((prev) => ({ ...manifest, ...prev }));
     });
   }, [isEditMode]);
-  useEffect17(() => {
+  useEffect19(() => {
     const update = () => {
       const el = activeElRef.current ?? selectedElRef.current;
       if (el) setToolbarRect(getEditMeasureEl(el).getBoundingClientRect());
@@ -27571,7 +27674,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  useEffect17(() => {
+  useEffect19(() => {
     const onDragOver = (e) => {
       const dragged = buttonCollectionDragRef.current;
       if (!dragged) return;
@@ -27642,7 +27745,7 @@ function OhhwellsBridge() {
     setLogoSizeDraft(null);
     deselectRef.current();
   }, []);
-  useEffect17(() => {
+  useEffect19(() => {
     const session = floatingPanel && floatingPanel.kind === "logo-size" ? floatingPanel : null;
     if (!session || !logoSizeDraft) {
       postToParentRef.current({ type: "ow:logo-size-panel", open: false });
@@ -27800,7 +27903,7 @@ function OhhwellsBridge() {
   deselectRef.current = deselect;
   closeFloatingPanelOnlyRef.current = closeFloatingPanelOnly;
   const lastSiteWideScopeRef = useRef14(null);
-  useEffect17(() => {
+  useEffect19(() => {
     if (!isEditMode) {
       if (lastSiteWideScopeRef.current !== false) {
         lastSiteWideScopeRef.current = false;
@@ -27977,7 +28080,7 @@ function OhhwellsBridge() {
       cancelled = true;
     };
   }, [subdomain, isEditMode]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (!isEditMode) return;
     const resolveIndex = (form, clientY) => {
       const wrappers = listFieldWrappers(form).filter((el) => fieldKeyOf(el) !== fieldDragRef.current?.key);
@@ -28018,7 +28121,7 @@ function OhhwellsBridge() {
       window.removeEventListener("drop", onDrop, true);
     };
   }, [buildFieldDropSlots, isEditMode, persistFields, selectField]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (!isEditMode) return;
     const mark = () => document.querySelectorAll('[data-ohw-editable="form"]').forEach((form) => {
       markFormFields(form);
@@ -28030,7 +28133,7 @@ function OhhwellsBridge() {
     });
     return () => observer.disconnect();
   }, [isEditMode, fetchState, pathname]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (!isEditMode) return;
     let saveTimer = null;
     const onInput = (e) => {
@@ -28052,14 +28155,14 @@ function OhhwellsBridge() {
     document.addEventListener("input", onInput, true);
     return () => document.removeEventListener("input", onInput, true);
   }, [isEditMode, persistFields]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (isEditMode || fetchState !== "done") return;
     const content = contentCache.get(subdomain) ?? {};
     document.querySelectorAll('[data-ohw-editable="form"]').forEach((form) => {
       reconcileFieldsFromContent(form, content);
     });
   }, [isEditMode, fetchState, subdomain]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (!isEditMode) return;
     const swallow = (e) => {
       const target = e.target;
@@ -28068,14 +28171,14 @@ function OhhwellsBridge() {
     document.addEventListener("submit", swallow, true);
     return () => document.removeEventListener("submit", swallow, true);
   }, [isEditMode]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (isEditMode || fetchState !== "done") return;
     console.log("env", process.env.NEXT_PUBLIC_FLOWOPS_API_URL);
     const apiUrl = process.env.NEXT_PUBLIC_FLOWOPS_API_URL ?? "https://flowops-backend-staging-2yfdh7pwpq-as.a.run.app";
     console.log({ apiUrl, subdomain });
     bindPublishedForms(apiUrl, subdomain, contentCache.get(subdomain) ?? {});
   }, [isEditMode, fetchState, subdomain]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (!subdomain || isEditMode) return;
     let debounceTimer = null;
     let observer = null;
@@ -28198,10 +28301,10 @@ function OhhwellsBridge() {
     const visible = Boolean(subdomain) && fetchState !== "done";
     el.style.display = visible ? "flex" : "none";
   }, [subdomain, fetchState]);
-  useEffect17(() => {
+  useEffect19(() => {
     postToParent2({ type: "ow:navigation", path: pathname });
   }, [pathname, postToParent2]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (!subdomain || isEditMode) return;
     const content = contentCache.get(subdomain);
     if (!content) return;
@@ -28219,7 +28322,7 @@ function OhhwellsBridge() {
     }
     applyAiFooterFromContent(content);
   }, [pathname, subdomain, isEditMode]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (!isEditMode) return;
     if (linkPopoverSessionRef.current?.intent === "add-nav") return;
     if (document.querySelector("[data-ohw-section-picker]")) return;
@@ -28227,12 +28330,12 @@ function OhhwellsBridge() {
     deselectRef.current();
     deactivateRef.current();
   }, [pathname, isEditMode]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (!isEditMode) return;
     initSectionInstancesFromContent(editContentRef.current, pathname);
     initItemInstancesFromContent(editContentRef.current);
   }, [pathname, isEditMode]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (!isEditMode) return;
     const observer = new MutationObserver(() => {
       const drawer = document.querySelector("[data-ohw-nav-drawer]");
@@ -28243,7 +28346,7 @@ function OhhwellsBridge() {
     observer.observe(document.body, { childList: true, subtree: true });
     return () => observer.disconnect();
   }, [isEditMode, pathname]);
-  useEffect17(() => {
+  useEffect19(() => {
     const contentForNav = () => {
       if (isEditMode) return editContentRef.current;
       if (!subdomain) return {};
@@ -28316,7 +28419,7 @@ function OhhwellsBridge() {
       observer?.disconnect();
     };
   }, [isEditMode, pathname, subdomain, fetchState, resyncSelectedNavigationItem]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (!isEditMode) return;
     let applying = false;
     let rafId = null;
@@ -28354,7 +28457,7 @@ function OhhwellsBridge() {
       observer.disconnect();
     };
   }, [isEditMode, pathname]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (!isEditMode) return;
     let lastPosted = 0;
     const measure = () => {
@@ -28398,7 +28501,7 @@ function OhhwellsBridge() {
       window.removeEventListener("resize", handleResize);
     };
   }, [pathname, isEditMode, postToParent2]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (isEditMode) return;
     const handleClick = (e) => {
       if (!isPlainLeftClick(e)) return;
@@ -28412,7 +28515,7 @@ function OhhwellsBridge() {
     document.addEventListener("click", handleClick, true);
     return () => document.removeEventListener("click", handleClick, true);
   }, [isEditMode, router, pathname]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (!isEditMode) {
       editStylesRef.current?.base.remove();
       editStylesRef.current?.forceHover.remove();
@@ -31867,7 +31970,7 @@ function OhhwellsBridge() {
       if (imageShowTimerRef.current) clearTimeout(imageShowTimerRef.current);
     };
   }, [isEditMode, refreshStateRules]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (!isEditMode) return;
     const THRESHOLD = 10;
     const resolveWasSelected = (el) => {
@@ -32023,7 +32126,7 @@ function OhhwellsBridge() {
       unlockFooterDragInteraction();
     };
   }, [isEditMode]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (!isEditMode) return;
     const THRESHOLD = 10;
     const onPointerDown = (e) => {
@@ -32114,7 +32217,7 @@ function OhhwellsBridge() {
       document.removeEventListener("selectstart", blockSelectStart, true);
     };
   }, [isEditMode, persistButtonCollectionDrag, refreshButtonDragVisuals]);
-  useEffect17(() => {
+  useEffect19(() => {
     const handler = (e) => {
       if (e.data?.type !== "ow:request-schedule-config") return;
       const insertAfterVal = e.data.insertAfter;
@@ -32130,7 +32233,7 @@ function OhhwellsBridge() {
     window.addEventListener("message", handler);
     return () => window.removeEventListener("message", handler);
   }, [processConfigRequest]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (!isEditMode) return;
     document.querySelectorAll("[data-ohw-active-state]").forEach((el) => {
       el.removeAttribute("data-ohw-active-state");
@@ -32154,7 +32257,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.160",
+        bridgeVersion: "0.1.161",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections
@@ -32166,7 +32269,7 @@ function OhhwellsBridge() {
       clearTimeout(timer);
     };
   }, [pathname, isEditMode, refreshStateRules, postToParent2]);
-  useEffect17(() => {
+  useEffect19(() => {
     scrollToHashSectionWhenReady();
     const onHashChange = () => scrollToHashSectionWhenReady();
     window.addEventListener("hashchange", onHashChange);
@@ -32208,7 +32311,7 @@ function OhhwellsBridge() {
     if (el) setToolbarRect(getEditMeasureEl(el).getBoundingClientRect());
     refreshActiveCommandsRef.current();
   }, []);
-  useEffect17(() => {
+  useEffect19(() => {
     const session = floatingPanel && floatingPanel.kind === "logo-size" ? floatingPanel : null;
     if (!session || !logoSizeDraft) return;
     const onPanelAction = (e) => {