@ohhwells/bridge 0.1.127-next.351 → 0.1.127-next.352

package/dist/index.cjs

@@ -4946,23 +4946,26 @@ function applyAiFooterToDom(state, content) {
     hideTemplateFooter(templateFooter);
     return;
   }
-  let container = mounted2?.container;
-  if (!container || !container.isConnected) {
-    mounted2?.root.unmount();
-    container?.remove();
-    container = document.createElement("div");
-    container.setAttribute(CONTAINER_ATTR2, "");
-    container.setAttribute("data-ohw-section", "footer");
-    container.setAttribute("data-ohw-section-label", "Footer");
-    container.setAttribute("data-ohw-instance", "ai-footer");
+  if (mounted2) {
+    try {
+      mounted2.root.unmount();
+    } catch {
+    }
+    mounted2.container.remove();
+    mounted2 = null;
   }
+  const container = document.createElement("div");
+  container.setAttribute(CONTAINER_ATTR2, "");
+  container.setAttribute("data-ohw-section", "footer");
+  container.setAttribute("data-ohw-section-label", "Footer");
+  container.setAttribute("data-ohw-instance", "ai-footer");
   hideTemplateFooter(templateFooter);
   if (templateFooter?.parentElement) {
     templateFooter.insertAdjacentElement("afterend", container);
-  } else if (!container.isConnected) {
+  } else {
     document.body.appendChild(container);
   }
-  const root = mounted2?.root ?? (0, import_client2.createRoot)(container);
+  const root = (0, import_client2.createRoot)(container);
   const resolveMedia = (ref) => state.media?.[ref] ?? null;
   (0, import_react_dom2.flushSync)(() => {
     root.render(
@@ -29639,7 +29642,9 @@ function OhhwellsBridge() {
     if (deleted && document.querySelector("[data-ai-footer]")) {
       const state = parseAiFooterState(aiFooterRef.current);
       if (state?.tree) {
-        applyFooterTreeLocalRef.current?.(syncFooterTreeLinksFromDom(state.tree));
+        applyFooterTreeLocalRef.current?.(syncFooterTreeLinksFromDom(state.tree), {
+          remount: true
+        });
       }
     }
     return deleted;