@ohhwells/bridge 0.1.85-next.254 → 0.1.86-next.255

package/dist/index.cjs

@@ -144,6 +144,9 @@ function isRenderableTree(value) {
 // src/lib/ai-sections-store.ts
 var AI_SECTIONS_KEY = "__ohw_ai_sections";
 var AI_SLOT_KEY_PREFIX = "ai.";
+function aiSlotKeyPrefixFor(sectionId) {
+  return `${AI_SLOT_KEY_PREFIX}${sectionId}.`;
+}
 var EMPTY_AI_SECTIONS = { v: 1, sections: [] };
 function parseAiSectionsState(raw) {
   if (!raw) return EMPTY_AI_SECTIONS;
@@ -255,6 +258,33 @@ function deleteSectionFromState(state, sectionId) {
   if (removed.includes(sectionId)) return state;
   return { ...state, v: 1, sections: state.sections, removed: [...removed, sectionId] };
 }
+function reapRemovedAiSections(state, store, removedIds, excludeIds = /* @__PURE__ */ new Set()) {
+  const generated = new Set(state.sections.map((entry) => entry.id));
+  const reapedIds = [...new Set(removedIds)].filter((id) => generated.has(id) && !excludeIds.has(id));
+  if (reapedIds.length === 0) {
+    return { state, store, reapedIds: [], slotPrefixes: [], changed: false };
+  }
+  const reaped = new Set(reapedIds);
+  const slotPrefixes = reapedIds.map(aiSlotKeyPrefixFor);
+  const nextState = {
+    ...state,
+    v: 1,
+    sections: state.sections.filter((entry) => !reaped.has(entry.id))
+  };
+  let nextStore = store;
+  if (store) {
+    const sections = {};
+    for (const [key, override] of Object.entries(store.sections)) {
+      if (!reaped.has(key)) sections[key] = override;
+    }
+    const nodes = {};
+    for (const [key, override] of Object.entries(store.nodes)) {
+      if (!slotPrefixes.some((prefix) => key.startsWith(prefix))) nodes[key] = override;
+    }
+    nextStore = { v: 1, sections, nodes };
+  }
+  return { state: nextState, store: nextStore, reapedIds, slotPrefixes, changed: true };
+}
 
 // src/lib/brand-chrome.ts
 var BRAND_NAME_KEY = "__ohw_brand_name";
@@ -637,6 +667,213 @@ function applyStylesToDom(store) {
 var import_react_dom = require("react-dom");
 var import_client = require("react-dom/client");
 
+// src/lib/sections.ts
+var LINK_PICKER_EXCLUDED_IDS = /* @__PURE__ */ new Set(["navbar", "footer"]);
+function isChromeSection(el) {
+  return el.matches("header, nav, footer, aside");
+}
+function titleCaseSectionId(id) {
+  return id.split("-").filter(Boolean).map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
+}
+function parseSectionsFromRoot(root) {
+  const seen = /* @__PURE__ */ new Set();
+  const sections = [];
+  for (const el of root.querySelectorAll("[data-ohw-section]")) {
+    const id = el.getAttribute("data-ohw-section") ?? "";
+    if (!id || seen.has(id) || LINK_PICKER_EXCLUDED_IDS.has(id)) continue;
+    if (el.parentElement?.closest("[data-ohw-section]")) continue;
+    if (el.hasAttribute("data-ohw-ai-template-hidden") || el.hasAttribute("data-ohw-ai-removed") || el.hasAttribute("data-ohw-ai-replaced-by"))
+      continue;
+    seen.add(id);
+    const label = el.getAttribute("data-ohw-section-label") ?? titleCaseSectionId(id);
+    sections.push({ id, label });
+  }
+  return sections;
+}
+function collectSectionsFromDom() {
+  if (typeof document === "undefined") return [];
+  return parseSectionsFromRoot(document);
+}
+function parseSectionsFromHtml(html) {
+  const doc = new DOMParser().parseFromString(html, "text/html");
+  return parseSectionsFromRoot(doc);
+}
+
+// src/lib/section-instances.ts
+var SECTION_ORDER_KEY = "__ohw_section_order";
+var REMOVED_ATTR = "data-ohw-section-removed";
+function isRemovedSection(el) {
+  return el.hasAttribute(REMOVED_ATTR);
+}
+function topLevelSections() {
+  return Array.from(document.querySelectorAll("[data-ohw-section]")).filter(
+    (el) => !el.parentElement?.closest("[data-ohw-section]") && !isChromeSection(el) && !isRemovedSection(el)
+  );
+}
+function instanceIdOf(el) {
+  return el.dataset.ohwInstance ?? el.dataset.ohwSection ?? "";
+}
+function findByInstanceId(instanceId) {
+  const escapedId = CSS.escape(instanceId);
+  return document.querySelector(`[data-ohw-instance="${escapedId}"]`) ?? document.querySelector(`[data-ohw-section="${escapedId}"]:not([data-ohw-instance])`);
+}
+function planSectionMove(instanceId, targetIndex, currentPath) {
+  const sections = topLevelSections();
+  const index = sections.findIndex((el) => instanceIdOf(el) === instanceId);
+  if (index === -1) return null;
+  const dragged = sections[index];
+  const others = sections.filter((_, i) => i !== index);
+  const clamped = Math.max(0, Math.min(targetIndex, others.length));
+  const reordered = [...others.slice(0, clamped), dragged, ...others.slice(clamped)];
+  return reordered.map((el, order) => ({
+    instanceId: instanceIdOf(el),
+    type: el.getAttribute("data-ohw-section") ?? "",
+    order,
+    pagePath: currentPath
+  }));
+}
+function moveSectionInstance(instanceId, direction, currentPath) {
+  const sections = topLevelSections();
+  const index = sections.findIndex((el) => instanceIdOf(el) === instanceId);
+  if (index === -1) return null;
+  const siblingIndex = direction === "up" ? index - 1 : index + 1;
+  if (siblingIndex < 0 || siblingIndex >= sections.length) return null;
+  const entries = planSectionMove(instanceId, siblingIndex, currentPath);
+  if (!entries) return null;
+  applyPersistedOrder(entries);
+  return entries;
+}
+function syncRemovedFlags(entries) {
+  const removedIds = new Set(entries.filter((e) => e.removed).map((e) => e.instanceId));
+  document.querySelectorAll(`[${REMOVED_ATTR}]`).forEach((el) => {
+    if (!removedIds.has(instanceIdOf(el))) {
+      el.style.removeProperty("display");
+      el.removeAttribute(REMOVED_ATTR);
+    }
+  });
+  for (const id of removedIds) {
+    const el = findByInstanceId(id);
+    if (el) {
+      el.style.display = "none";
+      el.setAttribute(REMOVED_ATTR, "");
+    }
+  }
+}
+function applyPersistedOrder(entries) {
+  syncRemovedFlags(entries);
+  if (entries.length === 0) return;
+  const sections = topLevelSections();
+  if (sections.length === 0) return;
+  const orderIndex = new Map(entries.map((e) => [e.instanceId, e.order]));
+  const ordered = [...sections].sort((a, b) => {
+    const aOrder = orderIndex.get(instanceIdOf(a));
+    const bOrder = orderIndex.get(instanceIdOf(b));
+    if (aOrder === void 0 && bOrder === void 0) return 0;
+    if (aOrder === void 0) return 1;
+    if (bOrder === void 0) return -1;
+    return aOrder - bOrder;
+  });
+  let prev = null;
+  for (const el of ordered) {
+    if (prev) prev.after(el);
+    prev = el;
+  }
+}
+function setSectionRemoved(instanceId, currentPath, existingEntries, removed) {
+  if (!findByInstanceId(instanceId)) return null;
+  const byId = new Map(existingEntries.map((e) => [e.instanceId, e]));
+  const allSections = Array.from(document.querySelectorAll("[data-ohw-section]")).filter(
+    (el) => !el.parentElement?.closest("[data-ohw-section]") && !isChromeSection(el)
+  );
+  allSections.forEach((el, order) => {
+    const id = instanceIdOf(el);
+    if (!byId.has(id)) {
+      byId.set(id, { instanceId: id, type: el.getAttribute("data-ohw-section") ?? "", order, pagePath: currentPath });
+    }
+  });
+  const target = byId.get(instanceId);
+  if (!target) return null;
+  byId.set(instanceId, { ...target, removed });
+  const entries = Array.from(byId.values());
+  applyPersistedOrder(entries);
+  return entries;
+}
+function deleteSectionInstance(instanceId, currentPath, existingEntries) {
+  return setSectionRemoved(instanceId, currentPath, existingEntries, true);
+}
+function restoreSectionInstance(instanceId, currentPath, existingEntries) {
+  return setSectionRemoved(instanceId, currentPath, existingEntries, false);
+}
+function duplicateSectionInstance(instanceId, newId, currentPath, existingEntries) {
+  const original = findByInstanceId(instanceId);
+  if (!original) return null;
+  const clone = original.cloneNode(true);
+  clone.setAttribute("data-ohw-instance", newId);
+  const keyRekeys = rekeySectionSubtree(clone, newId);
+  original.insertAdjacentElement("afterend", clone);
+  const byId = new Map(existingEntries.map((e) => [e.instanceId, e]));
+  const entries = topLevelSections().map((el, order) => {
+    const id = instanceIdOf(el);
+    return {
+      instanceId: id,
+      type: el.getAttribute("data-ohw-section") ?? "",
+      order,
+      pagePath: currentPath,
+      ...byId.get(id)?.removed ? { removed: true } : {}
+    };
+  });
+  applyPersistedOrder(entries);
+  return { entries, keyRekeys };
+}
+function newInstanceId() {
+  return typeof crypto !== "undefined" && "randomUUID" in crypto ? crypto.randomUUID() : `instance-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+}
+function getPageSectionOrderEntries(raw, currentPath) {
+  if (!raw) return [];
+  try {
+    const entries = JSON.parse(raw);
+    return entries.filter((e) => !e.pagePath || e.pagePath === currentPath);
+  } catch {
+    return [];
+  }
+}
+function rekeySectionSubtree(root, instanceId) {
+  const suffix = `::${instanceId}`;
+  const pairs = [];
+  const rekey = (el, attr) => {
+    const current = el.getAttribute(attr);
+    if (!current) return;
+    const base = current.includes("::") ? current.slice(0, current.indexOf("::")) : current;
+    const next = `${base}${suffix}`;
+    el.setAttribute(attr, next);
+    pairs.push({ from: current, to: next });
+  };
+  if (root.hasAttribute("data-ohw-key")) rekey(root, "data-ohw-key");
+  if (root.hasAttribute("data-ohw-href-key")) rekey(root, "data-ohw-href-key");
+  root.querySelectorAll("[data-ohw-key]").forEach((el) => rekey(el, "data-ohw-key"));
+  root.querySelectorAll("[data-ohw-href-key]").forEach((el) => rekey(el, "data-ohw-href-key"));
+  return pairs;
+}
+function initSectionInstancesFromContent(content, currentPath) {
+  document.querySelectorAll("[data-ohw-section]:not([data-ohw-instance])").forEach((el) => {
+    el.setAttribute("data-ohw-instance", el.getAttribute("data-ohw-section") ?? "");
+  });
+  const entries = getPageSectionOrderEntries(content[SECTION_ORDER_KEY], currentPath);
+  for (const entry of entries) {
+    if (entry.instanceId === entry.type) continue;
+    if (document.querySelector(`[data-ohw-instance="${CSS.escape(entry.instanceId)}"]`)) continue;
+    const original = document.querySelector(
+      `[data-ohw-section="${CSS.escape(entry.type)}"][data-ohw-instance="${CSS.escape(entry.type)}"]`
+    );
+    if (!original) continue;
+    const clone = original.cloneNode(true);
+    clone.setAttribute("data-ohw-instance", entry.instanceId);
+    rekeySectionSubtree(clone, entry.instanceId);
+    original.insertAdjacentElement("afterend", clone);
+  }
+  applyPersistedOrder(entries);
+}
+
 // src/ui/ai-tree/AiTreeRenderer.tsx
 var import_react = __toESM(require("react"), 1);
 var import_lucide_react = require("lucide-react");
@@ -2340,7 +2577,7 @@ function AiTreeRenderer({
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var CONTAINER_ATTR = "data-ohw-ai-generated";
 var REPLACED_ATTR = "data-ohw-ai-replaced-by";
-var REMOVED_ATTR = "data-ohw-ai-removed";
+var REMOVED_ATTR2 = "data-ohw-ai-removed";
 var TEMPLATE_HIDDEN_ATTR = "data-ohw-ai-template-hidden";
 var CHROME_SECTION_IDS = /* @__PURE__ */ new Set(["navbar", "footer"]);
 function readRootVar(name) {
@@ -2434,18 +2671,18 @@ function placeContainer(container, entry) {
 }
 function syncRemovedSections(state) {
   const removed = new Set(state.removed ?? []);
-  for (const el of document.querySelectorAll(`[${REMOVED_ATTR}]`)) {
+  for (const el of document.querySelectorAll(`[${REMOVED_ATTR2}]`)) {
     const id = el.getAttribute("data-ohw-section") ?? "";
     if (!removed.has(id)) {
       el.style.removeProperty("display");
-      el.removeAttribute(REMOVED_ATTR);
+      el.removeAttribute(REMOVED_ATTR2);
     }
   }
   for (const id of removed) {
     const section = findTemplateSection(id);
     if (section && !section.hasAttribute(REPLACED_ATTR)) {
       section.style.display = "none";
-      section.setAttribute(REMOVED_ATTR, "");
+      section.setAttribute(REMOVED_ATTR2, "");
     }
   }
 }
@@ -2462,7 +2699,7 @@ function syncTemplateHidden(state, pageHasSections) {
     if (el.hasAttribute(CONTAINER_ATTR)) continue;
     if (CHROME_SECTION_IDS.has(el.getAttribute("data-ohw-section") ?? "")) continue;
     if (el.parentElement?.closest("[data-ohw-section]")) continue;
-    if (el.hasAttribute(REPLACED_ATTR) || el.hasAttribute(REMOVED_ATTR)) continue;
+    if (el.hasAttribute(REPLACED_ATTR) || el.hasAttribute(REMOVED_ATTR2)) continue;
     el.style.display = "none";
     el.setAttribute(TEMPLATE_HIDDEN_ATTR, "");
   }
@@ -2486,18 +2723,23 @@ function syncReplacedOriginals(state) {
   }
 }
 var sectionOrderIndex = /* @__PURE__ */ new Map();
+var removedSectionIds = /* @__PURE__ */ new Set();
 function setAiSectionOrder(raw, currentPath) {
   const next = /* @__PURE__ */ new Map();
+  const removed = /* @__PURE__ */ new Set();
   if (raw) {
     try {
       const entries = JSON.parse(raw);
       for (const entry of entries) {
-        if (!entry.pagePath || entry.pagePath === currentPath) next.set(entry.instanceId, entry.order);
+        if (entry.pagePath && entry.pagePath !== currentPath) continue;
+        next.set(entry.instanceId, entry.order);
+        if (entry.removed) removed.add(entry.instanceId);
       }
     } catch {
     }
   }
   sectionOrderIndex = next;
+  removedSectionIds = removed;
 }
 function applyExplicitOrder(entries) {
   if (sectionOrderIndex.size === 0) return entries;
@@ -2533,6 +2775,18 @@ function orderByChain(sections) {
   for (const root of roots) visit(root);
   return out.length === sections.length ? out : sections;
 }
+function syncSoftRemovedGenerated() {
+  for (const [id, section] of mounted) {
+    const el = section.container;
+    if (removedSectionIds.has(id)) {
+      el.style.display = "none";
+      el.setAttribute(REMOVED_ATTR, "");
+    } else if (el.hasAttribute(REMOVED_ATTR)) {
+      el.style.removeProperty("display");
+      el.removeAttribute(REMOVED_ATTR);
+    }
+  }
+}
 function applyAiSectionsToDom(state, options) {
   if (typeof document === "undefined") return;
   const brandOverride = deriveBrandOverride();
@@ -2600,6 +2854,7 @@ function applyAiSectionsToDom(state, options) {
   syncReplacedOriginals(state);
   syncRemovedSections(state);
   syncTemplateHidden(state, pageSections.length > 0);
+  syncSoftRemovedGenerated();
 }
 
 // src/useLinkHrefGuardian.ts
@@ -8560,215 +8815,6 @@ function CarouselOverlay({
 // src/ui/ai-section/AiSectionOverlay.tsx
 var import_react8 = require("react");
 var import_lucide_react7 = require("lucide-react");
-
-// src/lib/sections.ts
-var LINK_PICKER_EXCLUDED_IDS = /* @__PURE__ */ new Set(["navbar", "footer"]);
-function isChromeSection(el) {
-  return el.matches("header, nav, footer, aside");
-}
-function titleCaseSectionId(id) {
-  return id.split("-").filter(Boolean).map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
-}
-function parseSectionsFromRoot(root) {
-  const seen = /* @__PURE__ */ new Set();
-  const sections = [];
-  for (const el of root.querySelectorAll("[data-ohw-section]")) {
-    const id = el.getAttribute("data-ohw-section") ?? "";
-    if (!id || seen.has(id) || LINK_PICKER_EXCLUDED_IDS.has(id)) continue;
-    if (el.parentElement?.closest("[data-ohw-section]")) continue;
-    if (el.hasAttribute("data-ohw-ai-template-hidden") || el.hasAttribute("data-ohw-ai-removed") || el.hasAttribute("data-ohw-ai-replaced-by"))
-      continue;
-    seen.add(id);
-    const label = el.getAttribute("data-ohw-section-label") ?? titleCaseSectionId(id);
-    sections.push({ id, label });
-  }
-  return sections;
-}
-function collectSectionsFromDom() {
-  if (typeof document === "undefined") return [];
-  return parseSectionsFromRoot(document);
-}
-function parseSectionsFromHtml(html) {
-  const doc = new DOMParser().parseFromString(html, "text/html");
-  return parseSectionsFromRoot(doc);
-}
-
-// src/lib/section-instances.ts
-var SECTION_ORDER_KEY = "__ohw_section_order";
-var REMOVED_ATTR2 = "data-ohw-section-removed";
-function isRemovedSection(el) {
-  return el.hasAttribute(REMOVED_ATTR2);
-}
-function topLevelSections() {
-  return Array.from(document.querySelectorAll("[data-ohw-section]")).filter(
-    (el) => !el.parentElement?.closest("[data-ohw-section]") && !isChromeSection(el) && !isRemovedSection(el)
-  );
-}
-function instanceIdOf(el) {
-  return el.dataset.ohwInstance ?? el.dataset.ohwSection ?? "";
-}
-function findByInstanceId(instanceId) {
-  const escapedId = CSS.escape(instanceId);
-  return document.querySelector(`[data-ohw-instance="${escapedId}"]`) ?? document.querySelector(`[data-ohw-section="${escapedId}"]:not([data-ohw-instance])`);
-}
-function planSectionMove(instanceId, targetIndex, currentPath) {
-  const sections = topLevelSections();
-  const index = sections.findIndex((el) => instanceIdOf(el) === instanceId);
-  if (index === -1) return null;
-  const dragged = sections[index];
-  const others = sections.filter((_, i) => i !== index);
-  const clamped = Math.max(0, Math.min(targetIndex, others.length));
-  const reordered = [...others.slice(0, clamped), dragged, ...others.slice(clamped)];
-  return reordered.map((el, order) => ({
-    instanceId: instanceIdOf(el),
-    type: el.getAttribute("data-ohw-section") ?? "",
-    order,
-    pagePath: currentPath
-  }));
-}
-function moveSectionInstance(instanceId, direction, currentPath) {
-  const sections = topLevelSections();
-  const index = sections.findIndex((el) => instanceIdOf(el) === instanceId);
-  if (index === -1) return null;
-  const siblingIndex = direction === "up" ? index - 1 : index + 1;
-  if (siblingIndex < 0 || siblingIndex >= sections.length) return null;
-  const entries = planSectionMove(instanceId, siblingIndex, currentPath);
-  if (!entries) return null;
-  applyPersistedOrder(entries);
-  return entries;
-}
-function syncRemovedFlags(entries) {
-  const removedIds = new Set(entries.filter((e) => e.removed).map((e) => e.instanceId));
-  document.querySelectorAll(`[${REMOVED_ATTR2}]`).forEach((el) => {
-    if (!removedIds.has(instanceIdOf(el))) {
-      el.style.removeProperty("display");
-      el.removeAttribute(REMOVED_ATTR2);
-    }
-  });
-  for (const id of removedIds) {
-    const el = findByInstanceId(id);
-    if (el) {
-      el.style.display = "none";
-      el.setAttribute(REMOVED_ATTR2, "");
-    }
-  }
-}
-function applyPersistedOrder(entries) {
-  syncRemovedFlags(entries);
-  if (entries.length === 0) return;
-  const sections = topLevelSections();
-  if (sections.length === 0) return;
-  const orderIndex = new Map(entries.map((e) => [e.instanceId, e.order]));
-  const ordered = [...sections].sort((a, b) => {
-    const aOrder = orderIndex.get(instanceIdOf(a));
-    const bOrder = orderIndex.get(instanceIdOf(b));
-    if (aOrder === void 0 && bOrder === void 0) return 0;
-    if (aOrder === void 0) return 1;
-    if (bOrder === void 0) return -1;
-    return aOrder - bOrder;
-  });
-  let prev = null;
-  for (const el of ordered) {
-    if (prev) prev.after(el);
-    prev = el;
-  }
-}
-function setSectionRemoved(instanceId, currentPath, existingEntries, removed) {
-  if (!findByInstanceId(instanceId)) return null;
-  const byId = new Map(existingEntries.map((e) => [e.instanceId, e]));
-  const allSections = Array.from(document.querySelectorAll("[data-ohw-section]")).filter(
-    (el) => !el.parentElement?.closest("[data-ohw-section]") && !isChromeSection(el)
-  );
-  allSections.forEach((el, order) => {
-    const id = instanceIdOf(el);
-    if (!byId.has(id)) {
-      byId.set(id, { instanceId: id, type: el.getAttribute("data-ohw-section") ?? "", order, pagePath: currentPath });
-    }
-  });
-  const target = byId.get(instanceId);
-  if (!target) return null;
-  byId.set(instanceId, { ...target, removed });
-  const entries = Array.from(byId.values());
-  applyPersistedOrder(entries);
-  return entries;
-}
-function deleteSectionInstance(instanceId, currentPath, existingEntries) {
-  return setSectionRemoved(instanceId, currentPath, existingEntries, true);
-}
-function restoreSectionInstance(instanceId, currentPath, existingEntries) {
-  return setSectionRemoved(instanceId, currentPath, existingEntries, false);
-}
-function duplicateSectionInstance(instanceId, newId, currentPath, existingEntries) {
-  const original = findByInstanceId(instanceId);
-  if (!original) return null;
-  const clone = original.cloneNode(true);
-  clone.setAttribute("data-ohw-instance", newId);
-  const keyRekeys = rekeySectionSubtree(clone, newId);
-  original.insertAdjacentElement("afterend", clone);
-  const byId = new Map(existingEntries.map((e) => [e.instanceId, e]));
-  const entries = topLevelSections().map((el, order) => {
-    const id = instanceIdOf(el);
-    return {
-      instanceId: id,
-      type: el.getAttribute("data-ohw-section") ?? "",
-      order,
-      pagePath: currentPath,
-      ...byId.get(id)?.removed ? { removed: true } : {}
-    };
-  });
-  applyPersistedOrder(entries);
-  return { entries, keyRekeys };
-}
-function newInstanceId() {
-  return typeof crypto !== "undefined" && "randomUUID" in crypto ? crypto.randomUUID() : `instance-${Date.now()}-${Math.random().toString(36).slice(2)}`;
-}
-function getPageSectionOrderEntries(raw, currentPath) {
-  if (!raw) return [];
-  try {
-    const entries = JSON.parse(raw);
-    return entries.filter((e) => !e.pagePath || e.pagePath === currentPath);
-  } catch {
-    return [];
-  }
-}
-function rekeySectionSubtree(root, instanceId) {
-  const suffix = `::${instanceId}`;
-  const pairs = [];
-  const rekey = (el, attr) => {
-    const current = el.getAttribute(attr);
-    if (!current) return;
-    const base = current.includes("::") ? current.slice(0, current.indexOf("::")) : current;
-    const next = `${base}${suffix}`;
-    el.setAttribute(attr, next);
-    pairs.push({ from: current, to: next });
-  };
-  if (root.hasAttribute("data-ohw-key")) rekey(root, "data-ohw-key");
-  if (root.hasAttribute("data-ohw-href-key")) rekey(root, "data-ohw-href-key");
-  root.querySelectorAll("[data-ohw-key]").forEach((el) => rekey(el, "data-ohw-key"));
-  root.querySelectorAll("[data-ohw-href-key]").forEach((el) => rekey(el, "data-ohw-href-key"));
-  return pairs;
-}
-function initSectionInstancesFromContent(content, currentPath) {
-  document.querySelectorAll("[data-ohw-section]:not([data-ohw-instance])").forEach((el) => {
-    el.setAttribute("data-ohw-instance", el.getAttribute("data-ohw-section") ?? "");
-  });
-  const entries = getPageSectionOrderEntries(content[SECTION_ORDER_KEY], currentPath);
-  for (const entry of entries) {
-    if (entry.instanceId === entry.type) continue;
-    if (document.querySelector(`[data-ohw-instance="${CSS.escape(entry.instanceId)}"]`)) continue;
-    const original = document.querySelector(
-      `[data-ohw-section="${CSS.escape(entry.type)}"][data-ohw-instance="${CSS.escape(entry.type)}"]`
-    );
-    if (!original) continue;
-    const clone = original.cloneNode(true);
-    clone.setAttribute("data-ohw-instance", entry.instanceId);
-    rekeySectionSubtree(clone, entry.instanceId);
-    original.insertAdjacentElement("afterend", clone);
-  }
-  applyPersistedOrder(entries);
-}
-
-// src/ui/ai-section/AiSectionOverlay.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function findSectionElement(instanceId) {
   const escaped = CSS.escape(instanceId);
@@ -20555,6 +20601,44 @@ function OhhwellsBridge() {
         if (h > 50) postToParentRef.current({ type: "ow:height", height: h });
       }, 400));
     };
+    const reapCommittedAiSections = (excludeIds) => {
+      const aiState = parseAiSectionsState(aiSectionsRef.current);
+      if (aiState.sections.length === 0) return [];
+      let orderEntries = [];
+      try {
+        const parsed = JSON.parse(editContentRef.current[SECTION_ORDER_KEY] ?? "[]");
+        if (Array.isArray(parsed)) orderEntries = parsed;
+      } catch {
+        return [];
+      }
+      const removedIds = orderEntries.filter((entry) => entry && typeof entry.instanceId === "string" && entry.removed).map((entry) => entry.instanceId);
+      if (removedIds.length === 0) return [];
+      const result = reapRemovedAiSections(aiState, parseStyleStore(stylesRef.current), removedIds, excludeIds);
+      if (!result.changed) return [];
+      const nodes = [];
+      aiSectionsRef.current = serializeAiSectionsState(result.state);
+      nodes.push({ key: AI_SECTIONS_KEY, text: aiSectionsRef.current });
+      const reaped = new Set(result.reapedIds);
+      const nextOrderJson = JSON.stringify(orderEntries.filter((entry) => !reaped.has(entry.instanceId)));
+      editContentRef.current = { ...editContentRef.current, [SECTION_ORDER_KEY]: nextOrderJson };
+      setAiSectionOrder(nextOrderJson, window.location.pathname);
+      nodes.push({ key: SECTION_ORDER_KEY, text: nextOrderJson });
+      if (result.store) {
+        stylesRef.current = JSON.stringify(result.store);
+        nodes.push({ key: STYLE_STORE_KEY, text: stylesRef.current });
+      }
+      const nextContent = { ...editContentRef.current };
+      for (const key of Object.keys(nextContent)) {
+        if (key.startsWith(AI_SLOT_KEY_PREFIX) && result.slotPrefixes.some((prefix) => key.startsWith(prefix)) && nextContent[key] !== "") {
+          nextContent[key] = "";
+          nodes.push({ key, text: "" });
+        }
+      }
+      editContentRef.current = nextContent;
+      applyAiSectionsToDom(result.state);
+      applyStylesToDom(parseStyleStore(stylesRef.current));
+      return nodes;
+    };
     const handleHydrate = (e) => {
       if (e.data?.type !== "ow:hydrate") return;
       const content = e.data.content;
@@ -20626,6 +20710,11 @@ function OhhwellsBridge() {
       reconcileFooterOrderFromContent(editContentRef.current);
       syncNavigationDragCursorAttrs();
       enforceLinkHrefs();
+      const hydrateReapExclude = /* @__PURE__ */ new Set();
+      const hydratePendingUndo = pendingDeleteUndoRef.current;
+      if (hydratePendingUndo?.sectionInstanceId) hydrateReapExclude.add(hydratePendingUndo.sectionInstanceId);
+      const reapNodes = reapCommittedAiSections(hydrateReapExclude);
+      if (reapNodes.length > 0) postToParentRef.current({ type: "ow:change", nodes: reapNodes });
       const hydratedHeight = document.body.scrollHeight;
       if (hydratedHeight > 50) postToParentRef.current({ type: "ow:height", height: hydratedHeight });
       postToParentRef.current({ type: "ow:hydrate-done" });
@@ -20832,6 +20921,7 @@ function OhhwellsBridge() {
       if (!entries) return;
       const orderJson = JSON.stringify(entries);
       editContentRef.current = { ...editContentRef.current, [SECTION_ORDER_KEY]: orderJson };
+      setAiSectionOrder(orderJson, window.location.pathname);
       postToParentRef.current({ type: "ow:change", nodes: [{ key: SECTION_ORDER_KEY, text: orderJson }] });
       aiSectionApiRef.current?.clear();
       window.dispatchEvent(new Event("resize"));
@@ -20840,6 +20930,7 @@ function OhhwellsBridge() {
       const actionId = newInstanceId();
       pendingDeleteUndoRef.current = {
         actionId,
+        sectionInstanceId: instanceId,
         restore: () => {
           const restoredEntries = getPageSectionOrderEntries(
             editContentRef.current[SECTION_ORDER_KEY],
@@ -20849,6 +20940,7 @@ function OhhwellsBridge() {
           if (!restored) return;
           const restoredJson = JSON.stringify(restored);
           editContentRef.current = { ...editContentRef.current, [SECTION_ORDER_KEY]: restoredJson };
+          setAiSectionOrder(restoredJson, window.location.pathname);
           postToParentRef.current({ type: "ow:change", nodes: [{ key: SECTION_ORDER_KEY, text: restoredJson }] });
           window.dispatchEvent(new Event("resize"));
           const restoreHeight = document.body.scrollHeight;
@@ -21153,6 +21245,10 @@ function OhhwellsBridge() {
     };
     const handleSave = (e) => {
       if (e.data?.type !== "ow:save") return;
+      const pendingUndo = pendingDeleteUndoRef.current;
+      const reapExclude = /* @__PURE__ */ new Set();
+      if (pendingUndo?.sectionInstanceId) reapExclude.add(pendingUndo.sectionInstanceId);
+      const reapNodes = reapCommittedAiSections(reapExclude);
       const nodes = collectEditableNodes(editContentRef.current);
       const tracker = document.querySelector("[data-ohw-sections-tracker]");
       if (tracker?.textContent) nodes.push({ key: "__ohw_sections", type: "sections", text: tracker.textContent });
@@ -21172,6 +21268,11 @@ function OhhwellsBridge() {
         const text = specs.length ? JSON.stringify(specs) : editContentRef.current[fieldsKey(formKey)];
         if (text) nodes.push({ key: fieldsKey(formKey), type: "text", text });
       });
+      for (const reapNode of reapNodes) {
+        if (reapNode.key.startsWith(AI_SLOT_KEY_PREFIX) && !nodes.some((n) => n.key === reapNode.key)) {
+          nodes.push({ key: reapNode.key, type: "text", text: reapNode.text });
+        }
+      }
       postToParentRef.current({ type: "ow:save-result", nodes });
     };
     const handleInsertSection = (e) => {
@@ -21797,7 +21898,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.85",
+        bridgeVersion: "0.1.86",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections