@ohhwells/bridge 0.1.113-next.297 → 0.1.113-next.300

package/dist/index.cjs

@@ -9552,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);
     },
@@ -9572,9 +9573,11 @@ function AiSectionOverlay({
         return sectionEl != null;
       },
       clear: () => {
+        selectedIdRef.current = null;
         setSelectedId(null);
         report(null);
-      }
+      },
+      getSelectedId: () => selectedIdRef.current
     };
     return () => {
       apiRef.current = null;
@@ -9583,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;
       }
@@ -9633,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);
       }
@@ -17871,18 +17876,30 @@ function OhhwellsBridge() {
   }, []);
   const [selectedMedia, setSelectedMedia] = (0, import_react17.useState)(null);
   const selectedMediaElRef = (0, import_react17.useRef)(null);
+  const mediaKeyDropTokenRef = (0, import_react17.useRef)(0);
   const clearMediaSelection = (0, import_react17.useCallback)(() => {
     const prev = selectedMediaElRef.current;
     selectedMediaElRef.current = null;
     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;
+      if (!sectionInstanceId) return;
+      const token = ++mediaKeyDropTokenRef.current;
+      const onQueueDrained = (e) => {
+        if (e.source !== window || e.data?.type !== "ow:media-key-drop" || e.data.token !== token) return;
+        window.removeEventListener("message", onQueueDrained);
+        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
+        });
+      };
+      window.addEventListener("message", onQueueDrained);
+      window.postMessage({ type: "ow:media-key-drop", token }, "*");
     }
   }, []);
   const clearMediaSelectionRef = (0, import_react17.useRef)(clearMediaSelection);