@ohhwells/bridge 0.1.67-next.195 → 0.1.67-next.196

package/dist/index.cjs

@@ -18735,7 +18735,9 @@ function OhhwellsBridge() {
         return;
       }
       const { y } = toProbeCoords(clientX, clientY, fromParentViewport);
-      const sections = Array.from(document.querySelectorAll("[data-ohw-section]")).sort((a, b) => a.getBoundingClientRect().top - b.getBoundingClientRect().top);
+      const sections = Array.from(document.querySelectorAll("[data-ohw-section]")).filter(
+        (el) => !el.hasAttribute("data-ohw-ai-template-hidden") && !el.hasAttribute("data-ohw-ai-removed") && !el.hasAttribute("data-ohw-ai-replaced-by") && el.getBoundingClientRect().height > 0
+      ).sort((a, b) => a.getBoundingClientRect().top - b.getBoundingClientRect().top);
       const ZONE = 20;
       for (let i = 0; i < sections.length; i++) {
         const a = sections[i];
@@ -19159,10 +19161,16 @@ function OhhwellsBridge() {
         nodes: collectEditableNodes(editContentRef.current)
       });
     };
+    const clearInteractionChrome = () => {
+      deactivateRef.current();
+      deselectRef.current();
+      clearMediaSelectionRef.current();
+    };
     const handleAiApplyTree = (e) => {
       if (e.data?.type !== "ow:ai-apply-tree") return;
       const payload = e.data.payload;
       if (!payload || typeof payload.id !== "string" || !isRenderableTree(payload.tree)) return;
+      clearInteractionChrome();
       const previous = aiSectionsRef.current;
       const nextState = applyTreeToState(parseAiSectionsState(previous), {
         ...payload,
@@ -19187,6 +19195,7 @@ function OhhwellsBridge() {
       if (!sectionId || sectionId === "navbar" || sectionId === "footer") return;
       const exists = document.querySelector(`[data-ohw-section="${CSS.escape(sectionId)}"]`);
       if (!exists) return;
+      clearInteractionChrome();
       const previous = aiSectionsRef.current;
       const nextState = deleteSectionFromState(parseAiSectionsState(previous), sectionId);
       const nextValue = serializeAiSectionsState(nextState);
@@ -19202,6 +19211,7 @@ function OhhwellsBridge() {
     const handleAiSetSections = (e) => {
       if (e.data?.type !== "ow:ai-set-sections") return;
       const value = typeof e.data.value === "string" ? e.data.value : "";
+      clearInteractionChrome();
       aiSectionsRef.current = value;
       applyAiSectionsToDom(parseAiSectionsState(value));
       applyStylesToDom(parseStyleStore(stylesRef.current));