@ohhwells/bridge 0.1.113-next.296 → 0.1.113-next.299

package/dist/index.cjs

@@ -778,6 +778,8 @@ function applyStylesToDom(store) {
     if (isNavbar) {
       const drawer = document.querySelector("[data-ohw-nav-drawer]");
       if (drawer && !sections.includes(drawer)) sections.push(drawer);
+      const header = document.querySelector("[data-ohw-nav-root]");
+      if (header && !sections.includes(header)) sections.push(header);
     }
     for (const marker of Array.from(sections)) {
       const isDrawerMarker = isNavbar && marker.hasAttribute("data-ohw-nav-drawer");
@@ -9550,6 +9552,7 @@ function AiSectionOverlay({
       const sectionEl = inner ? movableUnit(inner) : null;
       const id = sectionEl ? instanceIdOf(sectionEl) || null : null;
       if (id === selectedIdRef.current) return;
+      selectedIdRef.current = id;
       setSelectedId(id);
       if (options?.report !== false) report(sectionEl);
     },
@@ -9570,9 +9573,11 @@ function AiSectionOverlay({
         return sectionEl != null;
       },
       clear: () => {
+        selectedIdRef.current = null;
         setSelectedId(null);
         report(null);
-      }
+      },
+      getSelectedId: () => selectedIdRef.current
     };
     return () => {
       apiRef.current = null;
@@ -9581,6 +9586,7 @@ function AiSectionOverlay({
   (0, import_react8.useEffect)(() => {
     const onMessage = (e) => {
       if (e.data?.type === "ow:ai-select" && e.data.sectionId === null) {
+        selectedIdRef.current = null;
         setSelectedId(null);
         return;
       }
@@ -9631,6 +9637,7 @@ function AiSectionOverlay({
       if (reviewIdRef.current) return;
       if (document.querySelector("[data-ohw-editing]")) return;
       if (selectedIdRef.current) {
+        selectedIdRef.current = null;
         setSelectedId(null);
         report(null);
       }
@@ -17875,12 +17882,18 @@ function OhhwellsBridge() {
     setSelectedMedia(null);
     const sectionEl = prev?.closest("[data-ohw-section]") ?? null;
     if (sectionEl) {
-      postToParentRef.current({
-        type: "ow:section-selected",
-        sectionId: sectionEl.dataset.ohwSection ?? null,
-        sectionLabel: sectionEl.dataset.ohwSectionLabel ?? titleCaseSectionId(sectionEl.dataset.ohwSection ?? ""),
-        key: null
-      });
+      const sectionInstanceId = instanceIdOf(movableUnit(sectionEl)) || null;
+      setTimeout(() => {
+        if (!sectionInstanceId) return;
+        if (aiSectionApiRef.current?.getSelectedId() !== sectionInstanceId) return;
+        if (selectedMediaElRef.current) return;
+        postToParentRef.current({
+          type: "ow:section-selected",
+          sectionId: sectionEl.dataset.ohwSection ?? null,
+          sectionLabel: sectionEl.dataset.ohwSectionLabel ?? titleCaseSectionId(sectionEl.dataset.ohwSection ?? ""),
+          key: null
+        });
+      }, 0);
     }
   }, []);
   const clearMediaSelectionRef = (0, import_react17.useRef)(clearMediaSelection);