@ohhwells/bridge 0.1.51-next.118 → 0.1.51-next.119

package/dist/index.cjs

@@ -81,6 +81,9 @@ function setStoredLinkHref(key, href) {
 function getStoredLinkHref(key) {
   return linkHrefStore.get(key);
 }
+function clearStoredLinkHref(key) {
+  linkHrefStore.delete(key);
+}
 function enforceLinkHrefs() {
   document.querySelectorAll("[data-ohw-href-key]").forEach((el) => {
     const key = el.getAttribute("data-ohw-href-key") ?? "";
@@ -4581,13 +4584,14 @@ function ItemActionToolbar({
   selectParentDisabled = false,
   duplicateDisabled = false,
   deleteDisabled = false,
+  showEditLink = true,
   showAddItem = true,
   showMore = true,
   tooltipSide = "bottom"
 }) {
   const [moreOpen, setMoreOpen] = (0, import_react4.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(CustomToolbar, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    showEditLink ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       ToolbarActionTooltip,
       {
         label: "Edit link",
@@ -4607,7 +4611,7 @@ function ItemActionToolbar({
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Link, { className: "size-4 shrink-0", "aria-hidden": true })
       }
-    ),
+    ) : null,
     showAddItem ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       ToolbarActionTooltip,
       {
@@ -7052,6 +7056,22 @@ function navbarIndexExistsInDom(index) {
   return document.querySelector(`[data-ohw-href-key="nav-${index}-href"]`) !== null;
 }
 function reconcileNavbarItemsFromContent(content) {
+  const orderForest = parseNavOrderJson(content[NAV_ORDER_KEY]);
+  if (orderForest?.length) {
+    const allowed = new Set(flattenNavOrder(orderForest));
+    for (const hrefKey of allowed) {
+      const index = parseNavIndexFromKey(hrefKey);
+      if (index === null) continue;
+      if (navbarIndexExistsInDom(index)) continue;
+      const href = content[`nav-${index}-href`];
+      const label = content[`nav-${index}-label`];
+      if (!href && !label) continue;
+      insertNavbarItemDom(index, href ?? "/", label ?? "Untitled", null);
+    }
+    pruneNavbarItemsNotInOrder(allowed);
+    applyNavForest(orderForest);
+    return;
+  }
   const indices = collectNavbarIndicesFromContent(content);
   for (const index of indices) {
     if (navbarIndexExistsInDom(index)) continue;
@@ -7060,9 +7080,22 @@ function reconcileNavbarItemsFromContent(content) {
     if (!href && !label) continue;
     insertNavbarItemDom(index, href ?? "/", label ?? "Untitled", null);
   }
-  const orderForest = parseNavOrderJson(content[NAV_ORDER_KEY]);
-  if (orderForest?.length) {
-    applyNavForest(orderForest);
+}
+function pruneNavbarItemsNotInOrder(allowed) {
+  const roots = [getNavbarDesktopContainer(), getNavbarDrawerContainer()].filter(
+    (el) => Boolean(el)
+  );
+  const searchRoots = roots.length > 0 ? roots : [document.body];
+  for (const root of searchRoots) {
+    const items = Array.from(root.querySelectorAll("[data-ohw-href-key]")).filter(
+      isNavbarLinkItem
+    );
+    for (const item of items) {
+      if (!item.isConnected) continue;
+      const key = item.getAttribute("data-ohw-href-key");
+      if (!key || !isNavbarHrefKey(key) || allowed.has(key)) continue;
+      resolveRemovableNavUnit(item).remove();
+    }
   }
 }
 function buildNavOrderAfterInsert(afterAnchor, newHrefKey) {
@@ -7149,6 +7182,75 @@ function duplicateNavbarItem(sourceAnchor) {
     orderJson
   };
 }
+function collectSubtreeHrefKeys(node) {
+  const keys = [node.id];
+  for (const child of node.children) {
+    keys.push(...collectSubtreeHrefKeys(child));
+  }
+  return keys;
+}
+function labelKeyFromHrefKey(hrefKey) {
+  return hrefKey.replace(/-href$/, "-label");
+}
+function resolveRemovableNavUnit(anchor) {
+  if (anchor.closest("[data-ohw-nav-children]")) return anchor;
+  const group = anchor.closest("[data-ohw-nav-group]");
+  if (group?.querySelector(":scope > [data-ohw-nav-children]")) return group;
+  return anchor;
+}
+function deleteNavbarItem(sourceAnchor) {
+  if (!isNavbarLinkItem(sourceAnchor)) return null;
+  const sourceHrefKey = sourceAnchor.getAttribute("data-ohw-href-key");
+  if (!sourceHrefKey || !isNavbarHrefKey(sourceHrefKey)) return null;
+  const labelEl = sourceAnchor.querySelector('[data-ohw-editable="text"]');
+  const label = (labelEl?.textContent ?? "").trim() || "Untitled";
+  const previousForest = getNavForestFromDom();
+  const previousOrderJson = serializeNavOrder(previousForest);
+  const taken = takeNode(previousForest, sourceHrefKey);
+  if (!taken) return null;
+  const removedHrefKeys = collectSubtreeHrefKeys(taken.taken);
+  const removedKeys = removedHrefKeys.flatMap((hrefKey) => [hrefKey, labelKeyFromHrefKey(hrefKey)]);
+  const previousContent = {};
+  for (const hrefKey of removedHrefKeys) {
+    const el = findCounterpartByHrefKey(hrefKey, document) ?? document.querySelector(`[data-ohw-href-key="${CSS.escape(hrefKey)}"]`);
+    previousContent[hrefKey] = el ? getLinkHref(el) : "";
+    const labEl = el?.querySelector('[data-ohw-editable="text"]');
+    previousContent[labelKeyFromHrefKey(hrefKey)] = (labEl?.textContent ?? "").trim();
+  }
+  const roots = [getNavbarDesktopContainer(), getNavbarDrawerContainer()].filter(
+    (el) => Boolean(el)
+  );
+  const searchRoots = roots.length > 0 ? roots : [document.body];
+  const placements = [];
+  for (const root of searchRoots) {
+    const primary = findCounterpartByHrefKey(sourceHrefKey, root);
+    if (!primary?.isConnected || !primary.parentElement) continue;
+    const unit = resolveRemovableNavUnit(primary);
+    if (!unit.parentElement) continue;
+    placements.push({
+      node: unit,
+      parent: unit.parentElement,
+      nextSibling: unit.nextSibling
+    });
+    unit.remove();
+  }
+  applyNavForest(taken.forest);
+  const orderJson = serializeNavOrder(taken.forest);
+  return {
+    label,
+    hrefKey: sourceHrefKey,
+    removedKeys,
+    previousContent,
+    orderJson,
+    previousOrderJson,
+    undo: () => {
+      for (const placement of placements) {
+        placement.parent.insertBefore(placement.node, placement.nextSibling);
+      }
+      applyNavForest(previousForest);
+    }
+  };
+}
 
 // src/lib/footer-items.ts
 var FOOTER_ORDER_KEY = "__ohw_footer_order";
@@ -7502,16 +7604,21 @@ function collectFooterItemsForColumn(content, colIndex) {
   }));
 }
 function reconcileFooterColumnsFromContent(content) {
+  const order = parseFooterOrder(content);
+  const allowedCols = order ? new Set(
+    order.flatMap(
+      (col) => col.map((k) => parseFooterHrefKey(k)?.col).filter((n) => n !== void 0 && n !== null)
+    )
+  ) : null;
   const indices = collectFooterColumnIndicesFromContent(content);
   for (const colIndex of indices) {
+    if (allowedCols && !allowedCols.has(colIndex)) continue;
     if (footerColumnExistsInDom(colIndex)) continue;
     const heading = content[`footer-${colIndex}-heading`] ?? DEFAULT_FOOTER_COLUMN_HEADING;
     const items = collectFooterItemsForColumn(content, colIndex);
     const hasPayload = Boolean(content[`footer-${colIndex}-heading`]) || items.some(
       (_, i) => content[`footer-${colIndex}-${i}-href`] !== void 0 || content[`footer-${colIndex}-${i}-label`] !== void 0
-    ) || (parseFooterOrder(content)?.some(
-      (col) => col.some((k) => parseFooterHrefKey(k)?.col === colIndex)
-    ) ?? false);
+    ) || (order?.some((col) => col.some((k) => parseFooterHrefKey(k)?.col === colIndex)) ?? false);
     if (!hasPayload) continue;
     insertFooterColumnDom(colIndex, heading, items);
   }
@@ -7520,13 +7627,48 @@ function reconcileFooterOrderFromContent(content) {
   reconcileFooterColumnsFromContent(content);
   const order = parseFooterOrder(content);
   if (!order?.length) return;
-  const current = getFooterOrderFromDom();
-  if (ordersEqual(order, current)) {
-    syncFooterColumnIndices(listFooterColumns());
-    return;
+  const linkTemplate = getFooterLinkTemplate();
+  for (let c = 0; c < order.length; c++) {
+    const colOrder = order[c];
+    for (const hrefKey of colOrder) {
+      if (findFooterLinkByKey(hrefKey)) continue;
+      const parsed = parseFooterHrefKey(hrefKey);
+      if (!parsed) continue;
+      const columns = listFooterColumns();
+      const column = columns.find((col) => col.getAttribute("data-ohw-footer-col") === String(parsed.col)) ?? columns[c] ?? null;
+      if (!column) continue;
+      const href = content[hrefKey] ?? DEFAULT_FOOTER_COLUMN_LINK_HREF;
+      const labelKey = `footer-${parsed.col}-${parsed.item}-label`;
+      const label = content[labelKey] ?? DEFAULT_FOOTER_COLUMN_LINK_LABEL;
+      if (!href && !label) continue;
+      column.appendChild(buildFooterLink(parsed.col, parsed.item, href || "/", label, linkTemplate));
+    }
   }
+  pruneFooterToOrder(order);
   applyFooterOrder(order);
 }
+function pruneFooterToOrder(order) {
+  const allowedKeys = new Set(order.flat());
+  const allowedColIndices = new Set(
+    [...allowedKeys].map((k) => parseFooterHrefKey(k)?.col).filter((n) => n !== void 0 && n !== null)
+  );
+  for (const column of [...listFooterColumns()]) {
+    if (!column.isConnected) continue;
+    for (const link of [...listFooterLinksInColumn(column)]) {
+      const key = link.getAttribute("data-ohw-href-key");
+      if (!key || allowedKeys.has(key)) continue;
+      link.remove();
+    }
+    const remaining = listFooterLinksInColumn(column);
+    const colAttr = column.getAttribute("data-ohw-footer-col");
+    const colIndex = colAttr != null ? parseInt(colAttr, 10) : NaN;
+    const referenced = remaining.some((link) => allowedKeys.has(link.getAttribute("data-ohw-href-key") ?? ""));
+    if (!referenced && (!Number.isFinite(colIndex) || !allowedColIndices.has(colIndex))) {
+      column.remove();
+    }
+  }
+  syncFooterColumnIndices(listFooterColumns());
+}
 function resolveFooterLinksContainerSelectionTarget(target, clientX, clientY, isPointOverItem) {
   const container = getFooterLinksContainer();
   if (!container) return null;
@@ -7771,6 +7913,95 @@ function duplicateFooterItem(sourceAnchor) {
   const label = (labelEl?.textContent ?? "").trim() || "Untitled";
   return insertFooterItem(column, href || "/", label, sourceAnchor);
 }
+function footerLabelKeyFromHrefKey(hrefKey) {
+  return hrefKey.replace(/-href$/, "-label");
+}
+function deleteFooterItem(sourceAnchor) {
+  if (!isFooterLinkAnchor(sourceAnchor)) return null;
+  const hrefKey = sourceAnchor.getAttribute("data-ohw-href-key");
+  if (!hrefKey || !isFooterHrefKey(hrefKey)) return null;
+  const labelEl = sourceAnchor.querySelector('[data-ohw-editable="text"]');
+  const label = (labelEl?.textContent ?? "").trim() || "Untitled";
+  const labelKey = footerLabelKeyFromHrefKey(hrefKey);
+  const previousOrder = getFooterOrderFromDom();
+  const previousOrderJson = JSON.stringify(previousOrder);
+  const previousContent = {
+    [hrefKey]: getLinkHref2(sourceAnchor),
+    [labelKey]: label
+  };
+  if (!sourceAnchor.parentElement) return null;
+  const placement = {
+    node: sourceAnchor,
+    parent: sourceAnchor.parentElement,
+    nextSibling: sourceAnchor.nextSibling
+  };
+  sourceAnchor.remove();
+  const order = getFooterOrderFromDom();
+  applyFooterOrder(order);
+  const orderJson = JSON.stringify(order);
+  return {
+    label,
+    removedKeys: [hrefKey, labelKey],
+    previousContent,
+    orderJson,
+    previousOrderJson,
+    undo: () => {
+      placement.parent.insertBefore(placement.node, placement.nextSibling);
+      applyFooterOrder(previousOrder);
+    }
+  };
+}
+function deleteFooterColumn(column) {
+  const columns = listFooterColumns();
+  if (!columns.includes(column)) return null;
+  if (!column.parentElement) return null;
+  const links = listFooterLinksInColumn(column);
+  const heading = column.querySelector(
+    '[data-ohw-key^="footer-"][data-ohw-key$="-heading"]'
+  );
+  const headingKey = heading?.getAttribute("data-ohw-key") ?? null;
+  const headingText = (heading?.textContent ?? "").trim();
+  const label = headingText || (links[0]?.querySelector('[data-ohw-editable="text"]')?.textContent ?? "").trim() || "Untitled";
+  const previousOrder = getFooterOrderFromDom();
+  const previousOrderJson = JSON.stringify(previousOrder);
+  const previousContent = {};
+  const removedKeys = [];
+  if (headingKey) {
+    removedKeys.push(headingKey);
+    previousContent[headingKey] = headingText;
+  }
+  for (const link of links) {
+    const hrefKey = link.getAttribute("data-ohw-href-key");
+    if (!hrefKey) continue;
+    const labelKey = footerLabelKeyFromHrefKey(hrefKey);
+    removedKeys.push(hrefKey, labelKey);
+    previousContent[hrefKey] = getLinkHref2(link);
+    previousContent[labelKey] = (link.querySelector('[data-ohw-editable="text"]')?.textContent ?? "").trim();
+  }
+  const placement = {
+    node: column,
+    parent: column.parentElement,
+    nextSibling: column.nextSibling
+  };
+  column.remove();
+  const remaining = listFooterColumns();
+  syncFooterColumnIndices(remaining);
+  const order = getFooterOrderFromDom();
+  applyFooterOrder(order);
+  const orderJson = JSON.stringify(order);
+  return {
+    label,
+    removedKeys,
+    previousContent,
+    orderJson,
+    previousOrderJson,
+    undo: () => {
+      placement.parent.insertBefore(placement.node, placement.nextSibling);
+      syncFooterColumnIndices(listFooterColumns());
+      applyFooterOrder(previousOrder);
+    }
+  };
+}
 
 // src/lib/add-footer-column.ts
 function buildFooterColumnEditContentPatch(result) {
@@ -8471,6 +8702,331 @@ function useOhwCarousel(key, initial) {
   return { images, setImages, bind };
 }
 
+// src/lib/collect-editable-nodes.ts
+var VIDEO_AUTOPLAY_SUFFIX = "__ohw_autoplay";
+var VIDEO_MUTED_SUFFIX = "__ohw_muted";
+function getVideoEl(el) {
+  return el instanceof HTMLVideoElement ? el : el.querySelector("video");
+}
+function getLinkHref3(el) {
+  const key = el.getAttribute("data-ohw-href-key");
+  if (key) {
+    const stored = getStoredLinkHref(key);
+    if (stored !== void 0) return stored;
+  }
+  const anchor = el instanceof HTMLAnchorElement ? el : el.querySelector("a");
+  return anchor?.getAttribute("href") ?? "";
+}
+function collectEditableNodes(extraContent) {
+  const nodes = Array.from(
+    document.querySelectorAll("[data-ohw-editable]")
+  ).map((el) => {
+    if (el.dataset.ohwEditable === "image") {
+      const img = el instanceof HTMLImageElement ? el : el.querySelector("img");
+      return { key: el.dataset.ohwKey ?? "", type: "image", text: img?.src ?? "" };
+    }
+    if (el.dataset.ohwEditable === "bg-image") {
+      const raw = el.style.backgroundImage;
+      const url = raw.replace(/^url\(['"]?/, "").replace(/['"]?\)$/, "");
+      return { key: el.dataset.ohwKey ?? "", type: "bg-image", text: url };
+    }
+    if (el.dataset.ohwEditable === "video") {
+      return { key: el.dataset.ohwKey ?? "", type: "video", text: getVideoEl(el)?.src ?? "" };
+    }
+    if (el.dataset.ohwEditable === "link") {
+      return { key: el.dataset.ohwKey ?? "", type: "link", text: getLinkHref3(el) };
+    }
+    return {
+      key: el.dataset.ohwKey ?? "",
+      type: el.dataset.ohwEditable ?? "text",
+      text: el.dataset.ohwEditable === "plain" ? el.innerText ?? "" : el.innerHTML
+    };
+  });
+  document.querySelectorAll("[data-ohw-href-key]").forEach((el) => {
+    const key = el.getAttribute("data-ohw-href-key") ?? "";
+    if (!key) return;
+    nodes.push({ key, type: "link", text: getLinkHref3(el) });
+  });
+  if (extraContent) {
+    for (const key of [NAV_ORDER_KEY, FOOTER_ORDER_KEY, NAV_COUNT_KEY]) {
+      const text = extraContent[key];
+      if (typeof text === "string" && text.length > 0) {
+        nodes.push({ key, type: "meta", text });
+      }
+    }
+  }
+  document.querySelectorAll('[data-ohw-editable="video"]').forEach((el) => {
+    const key = el.dataset.ohwKey ?? "";
+    const video = getVideoEl(el);
+    if (!key || !video) return;
+    nodes.push({
+      key: `${key}${VIDEO_AUTOPLAY_SUFFIX}`,
+      type: "video-setting",
+      text: String(video.autoplay)
+    });
+    nodes.push({
+      key: `${key}${VIDEO_MUTED_SUFFIX}`,
+      type: "video-setting",
+      text: String(video.muted)
+    });
+  });
+  for (const key of listCarouselKeys()) {
+    nodes.push({ key, type: "carousel", text: JSON.stringify(readCarouselValue(key)) });
+  }
+  const byKey = /* @__PURE__ */ new Map();
+  for (const node of nodes) {
+    if (!node.key) continue;
+    if (!byKey.has(node.key)) byKey.set(node.key, node);
+  }
+  if (extraContent) {
+    applyNavFooterDeleteOverrides(byKey, extraContent);
+  }
+  return Array.from(byKey.values());
+}
+function applyNavFooterDeleteOverrides(byKey, content) {
+  for (const [key, text] of Object.entries(content)) {
+    if (text !== "") continue;
+    if (!key.startsWith("nav-") && !key.startsWith("footer-")) continue;
+    if (key === "nav-book-href" || key === "nav-book-label") continue;
+    byKey.set(key, { key, type: "meta", text: "" });
+  }
+  const navOrder = content[NAV_ORDER_KEY];
+  if (navOrder) {
+    try {
+      const allowed = parseAllowedNavHrefKeys(navOrder);
+      const clearKey = (key) => {
+        byKey.set(key, { key, type: "meta", text: "" });
+      };
+      for (const key of /* @__PURE__ */ new Set([...byKey.keys(), ...Object.keys(content)])) {
+        if (key === "nav-book-href" || key === "nav-book-label") continue;
+        if (isNavbarHrefKey(key) && !allowed.has(key)) {
+          clearKey(key);
+          clearKey(key.replace(/-href$/, "-label"));
+        } else if (/^nav-\d+-label$/.test(key)) {
+          const hrefKey = key.replace(/-label$/, "-href");
+          if (!allowed.has(hrefKey)) clearKey(key);
+        }
+      }
+    } catch {
+    }
+  }
+  const footerOrder = content[FOOTER_ORDER_KEY];
+  if (footerOrder) {
+    try {
+      const { allowedKeys, allowedCols } = parseAllowedFooterKeys(footerOrder);
+      const clearKey = (key) => {
+        byKey.set(key, { key, type: "meta", text: "" });
+      };
+      for (const key of /* @__PURE__ */ new Set([...byKey.keys(), ...Object.keys(content)])) {
+        if (isFooterHrefKey(key) && !allowedKeys.has(key)) {
+          clearKey(key);
+          clearKey(key.replace(/-href$/, "-label"));
+          continue;
+        }
+        const labelMatch = key.match(/^footer-(\d+)-(\d+)-label$/);
+        if (labelMatch) {
+          const hrefKey = `footer-${labelMatch[1]}-${labelMatch[2]}-href`;
+          if (!allowedKeys.has(hrefKey)) clearKey(key);
+          continue;
+        }
+        const headingMatch = key.match(/^footer-(\d+)-heading$/);
+        if (headingMatch && !allowedCols.has(parseInt(headingMatch[1], 10))) {
+          clearKey(key);
+        }
+      }
+    } catch {
+    }
+  }
+}
+function parseAllowedNavHrefKeys(raw) {
+  const parsed = JSON.parse(raw);
+  const allowed = /* @__PURE__ */ new Set();
+  const walk = (nodes) => {
+    if (!Array.isArray(nodes)) return;
+    for (const node of nodes) {
+      if (typeof node === "string" && node.length > 0) {
+        allowed.add(node);
+        continue;
+      }
+      if (node && typeof node === "object" && typeof node.id === "string") {
+        allowed.add(node.id);
+        walk(node.children);
+      }
+    }
+  };
+  walk(parsed);
+  return allowed;
+}
+function parseAllowedFooterKeys(raw) {
+  const parsed = JSON.parse(raw);
+  const allowedKeys = /* @__PURE__ */ new Set();
+  const allowedCols = /* @__PURE__ */ new Set();
+  if (Array.isArray(parsed)) {
+    for (const col of parsed) {
+      if (!Array.isArray(col)) continue;
+      for (const key of col) {
+        if (typeof key !== "string" || !key) continue;
+        allowedKeys.add(key);
+        const m = key.match(/^footer-(\d+)-\d+-href$/);
+        if (m) allowedCols.add(parseInt(m[1], 10));
+      }
+    }
+  }
+  return { allowedKeys, allowedCols };
+}
+
+// src/lib/delete-nav-footer-selection.ts
+function isNavbarLinksContainer(el) {
+  return el.hasAttribute("data-ohw-nav-container") || el.hasAttribute("data-ohw-nav-drawer");
+}
+function isNavigationItem(el) {
+  const anchor = el.matches("[data-ohw-href-key]") ? el : el.closest("[data-ohw-href-key]");
+  if (!anchor) return false;
+  return Boolean(anchor.querySelector('[data-ohw-editable="text"]'));
+}
+function findFooterItemGroup(item) {
+  const explicit = item.closest("[data-ohw-footer-col], [data-ohw-footer-column]");
+  if (explicit) return explicit;
+  const footer = item.closest("footer");
+  if (!footer) return null;
+  let node = item.parentElement;
+  while (node && node !== footer) {
+    const count = Array.from(node.querySelectorAll("[data-ohw-href-key]")).filter(
+      isNavigationItem
+    ).length;
+    if (count >= 2) return node;
+    node = node.parentElement;
+  }
+  return footer;
+}
+function isInferredFooterGroup(el) {
+  const footer = el.closest("footer");
+  if (!footer || el === footer) return false;
+  if (el.hasAttribute("data-ohw-footer-col") || el.hasAttribute("data-ohw-footer-column")) return true;
+  const count = Array.from(el.querySelectorAll("[data-ohw-href-key]")).filter(
+    isNavigationItem
+  ).length;
+  return count >= 2;
+}
+function newActionId() {
+  return typeof crypto !== "undefined" && "randomUUID" in crypto ? crypto.randomUUID() : `delete-${Date.now()}`;
+}
+function deleteSelectedNavFooterItem(deps) {
+  const {
+    selected,
+    isTextEditing,
+    isSelectFrame,
+    getEditContent,
+    applyLinkByKey: applyLinkByKey2,
+    postToParent: postToParent2,
+    deselect,
+    setEditContent,
+    setPendingUndo
+  } = deps;
+  if (isTextEditing) return false;
+  if (isNavbarLinksContainer(selected) || isFooterLinksContainer(selected)) return false;
+  const finishDelete = (opts) => {
+    const actionId = newActionId();
+    const clearedNodes = opts.removedKeys.map((key) => ({
+      key,
+      text: ""
+    }));
+    clearedNodes.push({ key: opts.orderKey, text: opts.orderJson });
+    const nextContent = { ...getEditContent() };
+    for (const key of opts.removedKeys) {
+      nextContent[key] = "";
+      clearStoredLinkHref(key);
+    }
+    nextContent[opts.orderKey] = opts.orderJson;
+    setEditContent(nextContent);
+    postToParent2({ type: "ow:change", nodes: clearedNodes });
+    setPendingUndo({
+      actionId,
+      restore: () => {
+        opts.undoDom();
+        for (const [key, text] of Object.entries(opts.previousContent)) {
+          if (key.endsWith("-href")) applyLinkByKey2(key, text);
+          else {
+            document.querySelectorAll(`[data-ohw-key="${CSS.escape(key)}"]`).forEach((el) => {
+              el.textContent = text;
+            });
+          }
+        }
+        setEditContent({
+          ...getEditContent(),
+          ...opts.previousContent,
+          [opts.orderKey]: opts.previousOrderJson
+        });
+        postToParent2({
+          type: "ow:change",
+          nodes: [
+            ...Object.entries(opts.previousContent).map(([key, text]) => ({ key, text })),
+            { key: opts.orderKey, text: opts.previousOrderJson }
+          ]
+        });
+      }
+    });
+    deselect();
+    postToParent2({
+      type: "ow:toast",
+      title: opts.toastTitle,
+      toastType: "success",
+      actionLabel: "Undo",
+      actionId,
+      duration: 6e3
+    });
+  };
+  const isFooterColumnSelection = selected.hasAttribute("data-ohw-footer-col") || selected.hasAttribute("data-ohw-footer-column") || isSelectFrame && isInferredFooterGroup(selected) && Boolean(selected.closest("footer"));
+  if (isFooterColumnSelection) {
+    const column = selected.hasAttribute("data-ohw-footer-col") || selected.hasAttribute("data-ohw-footer-column") ? selected : findFooterItemGroup(selected);
+    if (!column) return false;
+    const result = deleteFooterColumn(column);
+    if (!result) return false;
+    finishDelete({
+      toastTitle: "Item deleted",
+      removedKeys: result.removedKeys,
+      previousContent: result.previousContent,
+      orderKey: FOOTER_ORDER_KEY,
+      orderJson: result.orderJson,
+      previousOrderJson: result.previousOrderJson,
+      undoDom: result.undo
+    });
+    return true;
+  }
+  if (!isNavigationItem(selected)) return false;
+  const hrefKey = selected.getAttribute("data-ohw-href-key");
+  if (!hrefKey) return false;
+  if (isNavbarHrefKey(hrefKey)) {
+    const result = deleteNavbarItem(selected);
+    if (!result) return false;
+    finishDelete({
+      toastTitle: "Nav item deleted",
+      removedKeys: result.removedKeys,
+      previousContent: result.previousContent,
+      orderKey: NAV_ORDER_KEY,
+      orderJson: result.orderJson,
+      previousOrderJson: result.previousOrderJson,
+      undoDom: result.undo
+    });
+    return true;
+  }
+  if (isFooterHrefKey(hrefKey)) {
+    const result = deleteFooterItem(selected);
+    if (!result) return false;
+    finishDelete({
+      toastTitle: "Item deleted",
+      removedKeys: result.removedKeys,
+      previousContent: result.previousContent,
+      orderKey: FOOTER_ORDER_KEY,
+      orderJson: result.orderJson,
+      previousOrderJson: result.previousOrderJson,
+      undoDom: result.undo
+    });
+    return true;
+  }
+  return false;
+}
+
 // src/ui/navbar-container-chrome.tsx
 var import_lucide_react12 = require("lucide-react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
@@ -8800,7 +9356,7 @@ function mountSchedulingEntries(entries, notifyOnConnect = false) {
     }
   }
 }
-function getLinkHref3(el) {
+function getLinkHref4(el) {
   const anchor = el instanceof HTMLAnchorElement ? el : el.querySelector("a");
   return anchor?.getAttribute("href") ?? "";
 }
@@ -8828,78 +9384,22 @@ function canDragNavigationItem(anchor) {
 }
 function syncNavigationDragCursorAttrs() {
   document.querySelectorAll("nav [data-ohw-href-key], footer [data-ohw-href-key]").forEach((el) => {
-    if (!isNavigationItem(el) || !canDragNavigationItem(el)) {
+    if (!isNavigationItem2(el) || !canDragNavigationItem(el)) {
       el.removeAttribute("data-ohw-can-drag");
       return;
     }
     el.setAttribute("data-ohw-can-drag", "");
   });
 }
-function collectEditableNodes(extraContent) {
-  const nodes = Array.from(document.querySelectorAll("[data-ohw-editable]")).map((el) => {
-    if (el.dataset.ohwEditable === "image") {
-      const img = el instanceof HTMLImageElement ? el : el.querySelector("img");
-      return { key: el.dataset.ohwKey ?? "", type: "image", text: img?.src ?? "" };
-    }
-    if (el.dataset.ohwEditable === "bg-image") {
-      const raw = el.style.backgroundImage;
-      const url = raw.replace(/^url\(['"]?/, "").replace(/['"]?\)$/, "");
-      return { key: el.dataset.ohwKey ?? "", type: "bg-image", text: url };
-    }
-    if (el.dataset.ohwEditable === "video") {
-      return { key: el.dataset.ohwKey ?? "", type: "video", text: getVideoEl(el)?.src ?? "" };
-    }
-    if (el.dataset.ohwEditable === "link") {
-      return { key: el.dataset.ohwKey ?? "", type: "link", text: getLinkHref3(el) };
-    }
-    return {
-      key: el.dataset.ohwKey ?? "",
-      type: el.dataset.ohwEditable ?? "text",
-      text: el.dataset.ohwEditable === "plain" ? el.innerText ?? "" : el.innerHTML
-    };
-  });
-  document.querySelectorAll("[data-ohw-href-key]").forEach((el) => {
-    const key = el.getAttribute("data-ohw-href-key") ?? "";
-    if (!key) return;
-    nodes.push({ key, type: "link", text: getLinkHref3(el) });
-  });
-  if (extraContent) {
-    for (const key of [NAV_ORDER_KEY, FOOTER_ORDER_KEY, NAV_COUNT_KEY]) {
-      const text = extraContent[key];
-      if (typeof text === "string" && text.length > 0) {
-        nodes.push({ key, type: "meta", text });
-      }
-    }
-  }
-  document.querySelectorAll('[data-ohw-editable="video"]').forEach((el) => {
-    const key = el.dataset.ohwKey ?? "";
-    const video = getVideoEl(el);
-    if (!key || !video) return;
-    nodes.push({ key: `${key}${VIDEO_AUTOPLAY_SUFFIX}`, type: "video-setting", text: String(video.autoplay) });
-    nodes.push({ key: `${key}${VIDEO_MUTED_SUFFIX}`, type: "video-setting", text: String(video.muted) });
-  });
-  for (const key of listCarouselKeys()) {
-    nodes.push({ key, type: "carousel", text: JSON.stringify(readCarouselValue(key)) });
-  }
-  const seen = /* @__PURE__ */ new Set();
-  return nodes.filter((node) => {
-    if (!node.key) return true;
-    if (seen.has(node.key)) return false;
-    seen.add(node.key);
-    return true;
-  });
-}
 function isMediaEditable(el) {
   const t = el.dataset.ohwEditable;
   return t === "image" || t === "bg-image" || t === "video";
 }
 var MEDIA_SELECTOR = '[data-ohw-editable="image"], [data-ohw-editable="bg-image"], [data-ohw-editable="video"]';
 var NON_MEDIA_SELECTOR = '[data-ohw-editable]:not([data-ohw-editable="image"]):not([data-ohw-editable="bg-image"]):not([data-ohw-editable="video"])';
-function getVideoEl(el) {
+function getVideoEl2(el) {
   return el instanceof HTMLVideoElement ? el : el.querySelector("video");
 }
-var VIDEO_AUTOPLAY_SUFFIX = "__ohw_autoplay";
-var VIDEO_MUTED_SUFFIX = "__ohw_muted";
 function isBackgroundVideo(video) {
   return video.autoplay && video.muted;
 }
@@ -8944,7 +9444,7 @@ function applyVideoSettingNode(key, val) {
   const baseKey = key.slice(0, key.length - suffixLen);
   const on = val === "true";
   document.querySelectorAll(`[data-ohw-key="${baseKey}"]`).forEach((el) => {
-    const video = getVideoEl(el);
+    const video = getVideoEl2(el);
     if (!video) return;
     if (isAutoplay) video.autoplay = on;
     else video.muted = on;
@@ -8984,13 +9484,13 @@ function getNavigationItemAnchor(el) {
   if (!anchor.querySelector('[data-ohw-editable="text"]')) return null;
   return anchor;
 }
-function isNavigationItem(el) {
+function isNavigationItem2(el) {
   return getNavigationItemAnchor(el) !== null;
 }
 function listNavigationItems() {
   return Array.from(
     document.querySelectorAll("nav [data-ohw-href-key], footer [data-ohw-href-key]")
-  ).filter((el) => isNavigationItem(el));
+  ).filter((el) => isNavigationItem2(el));
 }
 function getNavigationItemReorderState(anchor) {
   if (isNavbarButton2(anchor)) return { key: null, disabled: false };
@@ -9021,9 +9521,9 @@ function getNavigationRoot(el) {
   return el.closest("nav, footer, aside");
 }
 function countFooterNavItems(el) {
-  return Array.from(el.querySelectorAll("[data-ohw-href-key]")).filter(isNavigationItem).length;
+  return Array.from(el.querySelectorAll("[data-ohw-href-key]")).filter(isNavigationItem2).length;
 }
-function findFooterItemGroup(item) {
+function findFooterItemGroup2(item) {
   const explicit = item.closest("[data-ohw-footer-col], [data-ohw-footer-column]");
   if (explicit) return explicit;
   const footer = item.closest("footer");
@@ -9038,16 +9538,16 @@ function findFooterItemGroup(item) {
 function isNavigationRoot(el) {
   return el.hasAttribute("data-ohw-nav-root") || el.matches("nav, footer, aside");
 }
-function isInferredFooterGroup(el) {
+function isInferredFooterGroup2(el) {
   const footer = el.closest("footer");
   if (!footer || el === footer) return false;
   if (el.hasAttribute("data-ohw-footer-col") || el.hasAttribute("data-ohw-footer-column")) return true;
   return countFooterNavItems(el) >= 2;
 }
 function isNavigationContainer(el) {
-  return el.hasAttribute("data-ohw-nav-container") || isFooterLinksContainer(el) || el.hasAttribute("data-ohw-footer-col") || el.hasAttribute("data-ohw-footer-column") || isNavigationRoot(el) || isInferredFooterGroup(el);
+  return el.hasAttribute("data-ohw-nav-container") || isFooterLinksContainer(el) || el.hasAttribute("data-ohw-footer-col") || el.hasAttribute("data-ohw-footer-column") || isNavigationRoot(el) || isInferredFooterGroup2(el);
 }
-function isNavbarLinksContainer(el) {
+function isNavbarLinksContainer2(el) {
   return el.hasAttribute("data-ohw-nav-container");
 }
 function getFooterColumn(el) {
@@ -9090,7 +9590,7 @@ function findHoveredNavOrFooterContainer(x, y) {
 }
 function isPointOverNavItem(container, x, y) {
   return Array.from(container.querySelectorAll("[data-ohw-href-key]")).some((el) => {
-    if (!isNavigationItem(el) || isNavbarButton2(el)) return false;
+    if (!isNavigationItem2(el) || isNavbarButton2(el)) return false;
     const itemRect = el.getBoundingClientRect();
     return x >= itemRect.left && x <= itemRect.right && y >= itemRect.top && y <= itemRect.bottom;
   });
@@ -9122,32 +9622,32 @@ function resolveNavContainerSelectionTarget(target, clientX, clientY) {
   return null;
 }
 function getNavigationSelectionParent(el) {
-  if (isNavigationItem(el)) {
+  if (isNavigationItem2(el)) {
     const explicit = el.closest("[data-ohw-nav-container]");
     if (explicit) return explicit;
     const footerColumn = getFooterColumn(el);
     if (footerColumn) return footerColumn;
-    const footerGroup = findFooterItemGroup(el);
+    const footerGroup = findFooterItemGroup2(el);
     if (footerGroup) return footerGroup;
     return getNavigationRoot(el);
   }
-  if (!isFooterLinksContainer(el) && (el.hasAttribute("data-ohw-footer-col") || el.hasAttribute("data-ohw-footer-column") || isInferredFooterGroup(el))) {
+  if (!isFooterLinksContainer(el) && (el.hasAttribute("data-ohw-footer-col") || el.hasAttribute("data-ohw-footer-column") || isInferredFooterGroup2(el))) {
     return getFooterLinksContainer();
   }
-  if (el.hasAttribute("data-ohw-nav-container") || el.hasAttribute("data-ohw-footer-col") || el.hasAttribute("data-ohw-footer-column") || isFooterLinksContainer(el) || isInferredFooterGroup(el)) {
+  if (el.hasAttribute("data-ohw-nav-container") || el.hasAttribute("data-ohw-footer-col") || el.hasAttribute("data-ohw-footer-column") || isFooterLinksContainer(el) || isInferredFooterGroup2(el)) {
     return getNavigationRoot(el);
   }
   return null;
 }
 function collectNavigationItemSiblingHintRects(selected) {
-  if (!isNavigationItem(selected)) return [];
+  if (!isNavigationItem2(selected)) return [];
   const footerColumn = getFooterColumn(selected);
   if (footerColumn) {
     return listFooterLinksInColumn(footerColumn).filter((link) => link !== selected).map((link) => link.getBoundingClientRect());
   }
   const navContainer = selected.closest("[data-ohw-nav-container], [data-ohw-nav-drawer]");
   if (navContainer) {
-    return Array.from(navContainer.querySelectorAll("[data-ohw-href-key]")).filter((el) => isNavigationItem(el) && el !== selected).map((el) => el.getBoundingClientRect());
+    return Array.from(navContainer.querySelectorAll("[data-ohw-href-key]")).filter((el) => isNavigationItem2(el) && el !== selected).map((el) => el.getBoundingClientRect());
   }
   return listNavigationItems().filter((el) => el !== selected).map((el) => el.getBoundingClientRect());
 }
@@ -9807,6 +10307,9 @@ function OhhwellsBridge() {
   });
   const commitNavigationTextEditRef = (0, import_react11.useRef)(() => {
   });
+  const handleDeleteSelectedRef = (0, import_react11.useRef)(() => false);
+  const runPendingDeleteUndoRef = (0, import_react11.useRef)(() => false);
+  const isFooterFrameSelectionRef = (0, import_react11.useRef)(false);
   const refreshActiveCommandsRef = (0, import_react11.useRef)(() => {
   });
   const postToParentRef = (0, import_react11.useRef)(postToParent2);
@@ -9834,6 +10337,7 @@ function OhhwellsBridge() {
   const [siblingHintRects, setSiblingHintRects] = (0, import_react11.useState)([]);
   const [isItemDragging, setIsItemDragging] = (0, import_react11.useState)(false);
   const [isFooterFrameSelection, setIsFooterFrameSelection] = (0, import_react11.useState)(false);
+  isFooterFrameSelectionRef.current = isFooterFrameSelection;
   const footerDragRef = (0, import_react11.useRef)(null);
   const [footerDropSlots, setFooterDropSlots] = (0, import_react11.useState)([]);
   const [activeFooterDropIndex, setActiveFooterDropIndex] = (0, import_react11.useState)(null);
@@ -9845,6 +10349,7 @@ function OhhwellsBridge() {
   const linkPopoverSessionRef = (0, import_react11.useRef)(null);
   const addNavAfterAnchorRef = (0, import_react11.useRef)(null);
   const editContentRef = (0, import_react11.useRef)({});
+  const pendingDeleteUndoRef = (0, import_react11.useRef)(null);
   const [sitePages, setSitePages] = (0, import_react11.useState)([]);
   const [sectionsByPath, setSectionsByPath] = (0, import_react11.useState)({});
   const sectionsPrefetchGenRef = (0, import_react11.useRef)(0);
@@ -9934,31 +10439,9 @@ function OhhwellsBridge() {
     hoveredGapRef.current = null;
     setSectionGap(null);
     setMediaHover(null);
-    postToParent2({ type: "ow:link-modal-lock", locked: true });
-    const html = document.documentElement;
-    const body = document.body;
-    const prevHtmlOverflow = html.style.overflow;
-    const prevBodyOverflow = body.style.overflow;
-    html.style.overflow = "hidden";
-    body.style.overflow = "hidden";
-    const preventBackgroundScroll = (e) => {
-      const target = e.target;
-      if (target instanceof Element && target.closest('[data-ohw-link-modal-root], [data-slot="dialog-overlay"]')) {
-        return;
-      }
-      e.preventDefault();
-    };
-    const scrollOpts = { passive: false, capture: true };
-    document.addEventListener("wheel", preventBackgroundScroll, scrollOpts);
-    document.addEventListener("touchmove", preventBackgroundScroll, scrollOpts);
     postToParent2({ type: "ow:image-unhover" });
     return () => {
       document.documentElement.removeAttribute("data-ohw-link-popover-open");
-      postToParent2({ type: "ow:link-modal-lock", locked: false });
-      html.style.overflow = prevHtmlOverflow;
-      body.style.overflow = prevBodyOverflow;
-      document.removeEventListener("wheel", preventBackgroundScroll, scrollOpts);
-      document.removeEventListener("touchmove", preventBackgroundScroll, scrollOpts);
     };
   }, [linkPopover, postToParent2]);
   (0, import_react11.useEffect)(() => {
@@ -10122,7 +10605,7 @@ function OhhwellsBridge() {
     const hrefKey = selectedHrefKeyRef.current;
     if (hrefKey) {
       const link = resolveHrefKeyElement(hrefKey);
-      if (!link || !isNavigationItem(link)) return;
+      if (!link || !isNavigationItem2(link)) return;
       selectedElRef.current = link;
       const { key, disabled } = getNavigationItemReorderState(link);
       setReorderHrefKey(key);
@@ -10315,7 +10798,7 @@ function OhhwellsBridge() {
           selectedHrefKeyRef.current = hrefKey;
           selectedFooterColAttrRef.current = null;
           const link = resolveHrefKeyElement(hrefKey);
-          if (link && isNavigationItem(link)) {
+          if (link && isNavigationItem2(link)) {
             selectRef.current(link);
             return;
           }
@@ -10339,7 +10822,7 @@ function OhhwellsBridge() {
           }
         }
         if (document.body.contains(draggedEl)) {
-          if (isNavigationItem(draggedEl)) {
+          if (isNavigationItem2(draggedEl)) {
             selectRef.current(draggedEl);
             return;
           }
@@ -10436,7 +10919,7 @@ function OhhwellsBridge() {
       const clientX = e?.clientX ?? selected.getBoundingClientRect().left + 8;
       const clientY = e?.clientY ?? selected.getBoundingClientRect().top + 8;
       if (startFooterLinkDrag(selected, clientX, clientY, true)) return;
-      if (selected.hasAttribute("data-ohw-footer-col") || isInferredFooterGroup(selected) && selected.closest("footer")) {
+      if (selected.hasAttribute("data-ohw-footer-col") || isInferredFooterGroup2(selected) && selected.closest("footer")) {
         if (startFooterColumnDrag(selected, clientX, clientY, true)) return;
       }
       if (startNavLinkDrag(selected, clientX, clientY, true)) return;
@@ -10489,7 +10972,7 @@ function OhhwellsBridge() {
       };
       return;
     }
-    if (selected.hasAttribute("data-ohw-footer-col") || isInferredFooterGroup(selected) && selected.closest("footer")) {
+    if (selected.hasAttribute("data-ohw-footer-col") || isInferredFooterGroup2(selected) && selected.closest("footer")) {
       footerPointerDragRef.current = {
         el: selected,
         kind: "column",
@@ -10509,7 +10992,7 @@ function OhhwellsBridge() {
       return;
     }
     const selected = selectedElRef.current;
-    if (!selected || !isNavigationItem(selected)) return;
+    if (!selected || !isNavigationItem2(selected)) return;
     const editable = selected.querySelector('[data-ohw-editable="text"]') ?? selected.querySelector("[data-ohw-editable]");
     if (!editable) return;
     activateRef.current(editable, { caretX: clientX, caretY: clientY });
@@ -10517,7 +11000,7 @@ function OhhwellsBridge() {
   reselectNavigationItemRef.current = reselectNavigationItem;
   commitNavigationTextEditRef.current = commitNavigationTextEdit;
   const select = (0, import_react11.useCallback)((anchor) => {
-    if (!isNavigationItem(anchor)) return;
+    if (!isNavigationItem2(anchor)) return;
     if (activeElRef.current) deactivate();
     selectedElRef.current = anchor;
     selectedHrefKeyRef.current = anchor.getAttribute("data-ohw-href-key");
@@ -10545,7 +11028,7 @@ function OhhwellsBridge() {
   const selectFrame = (0, import_react11.useCallback)((el) => {
     if (!isNavigationContainer(el)) return;
     if (activeElRef.current) deactivate();
-    const isFooterColumn = !isFooterLinksContainer(el) && (el.hasAttribute("data-ohw-footer-col") || Boolean(el.closest("footer") && isInferredFooterGroup(el)));
+    const isFooterColumn = !isFooterLinksContainer(el) && (el.hasAttribute("data-ohw-footer-col") || Boolean(el.closest("footer") && isInferredFooterGroup2(el)));
     selectedElRef.current = el;
     selectedHrefKeyRef.current = null;
     selectedFooterColAttrRef.current = isFooterColumn ? el.getAttribute("data-ohw-footer-col") ?? String(listFooterColumns().indexOf(el)) : null;
@@ -10660,7 +11143,7 @@ function OhhwellsBridge() {
             const next = `url('${val}')`;
             if (el.style.backgroundImage !== next) el.style.backgroundImage = next;
           } else if (el.dataset.ohwEditable === "video") {
-            const video = getVideoEl(el);
+            const video = getVideoEl2(el);
             if (video && video.src !== val) {
               applyVideoSrc(video, val);
               imageLoads.push(new Promise((resolve) => {
@@ -10728,7 +11211,7 @@ function OhhwellsBridge() {
               const next = `url('${val}')`;
               if (el.style.backgroundImage !== next) el.style.backgroundImage = next;
             } else if (el.dataset.ohwEditable === "video") {
-              const video = getVideoEl(el);
+              const video = getVideoEl2(el);
               if (video && video.src !== val) applyVideoSrc(video, val);
             } else if (el.dataset.ohwEditable === "link") {
               applyLinkHref(el, val);
@@ -11013,7 +11496,7 @@ function OhhwellsBridge() {
           e.preventDefault();
           e.stopPropagation();
           const selected = selectedElRef.current;
-          if (selected && isNavigationItem(selected)) {
+          if (selected && isNavigationItem2(selected)) {
             const editable2 = selected.querySelector('[data-ohw-editable="text"]') ?? selected.querySelector("[data-ohw-editable]");
             if (editable2) {
               activateRef.current(editable2, {
@@ -11078,7 +11561,7 @@ function OhhwellsBridge() {
           setLinkPopoverRef.current({
             key: editable.dataset.ohwKey ?? "",
             mode: "edit",
-            target: getLinkHref3(editable)
+            target: getLinkHref4(editable)
           });
           return;
         }
@@ -11224,7 +11707,7 @@ function OhhwellsBridge() {
       }
       {
         const selected2 = selectedElRef.current;
-        const selectedIsFooterColumn = Boolean(selected2) && !isFooterLinksContainer(selected2) && (selected2.hasAttribute("data-ohw-footer-col") || selected2.hasAttribute("data-ohw-footer-column") || Boolean(selected2.closest("footer") && isInferredFooterGroup(selected2)));
+        const selectedIsFooterColumn = Boolean(selected2) && !isFooterLinksContainer(selected2) && (selected2.hasAttribute("data-ohw-footer-col") || selected2.hasAttribute("data-ohw-footer-column") || Boolean(selected2.closest("footer") && isInferredFooterGroup2(selected2)));
         const allowNavContainerHover = toolbarVariantRef.current !== "select-frame";
         const allowFooterLinksHover = toolbarVariantRef.current !== "select-frame" || selectedIsFooterColumn;
         if (allowNavContainerHover) {
@@ -11379,7 +11862,7 @@ function OhhwellsBridge() {
       const r2 = getVisibleRect(imgEl);
       const hasTextOverlap = forceTextOverlap ?? false;
       hoveredImageHasTextOverlapRef.current = hasTextOverlap;
-      const video = imgEl.dataset.ohwEditable === "video" ? getVideoEl(imgEl) : null;
+      const video = imgEl.dataset.ohwEditable === "video" ? getVideoEl2(imgEl) : null;
       setMediaHover({
         key: imgEl.dataset.ohwKey ?? "",
         rect: { top: r2.top, left: r2.left, width: r2.width, height: r2.height },
@@ -11446,7 +11929,7 @@ function OhhwellsBridge() {
     };
     const probeNavigationHoverAt = (x, y) => {
       const selected = selectedElRef.current;
-      const selectedIsFooterColumn = Boolean(selected) && !isFooterLinksContainer(selected) && (selected.hasAttribute("data-ohw-footer-col") || selected.hasAttribute("data-ohw-footer-column") || Boolean(selected.closest("footer") && isInferredFooterGroup(selected)));
+      const selectedIsFooterColumn = Boolean(selected) && !isFooterLinksContainer(selected) && (selected.hasAttribute("data-ohw-footer-col") || selected.hasAttribute("data-ohw-footer-column") || Boolean(selected.closest("footer") && isInferredFooterGroup2(selected)));
       const selectedIsFooterLinks = Boolean(selected && isFooterLinksContainer(selected));
       const allowNavContainerHover = toolbarVariantRef.current !== "select-frame";
       const allowFooterLinksHover = (toolbarVariantRef.current !== "select-frame" || selectedIsFooterColumn) && !selectedIsFooterLinks;
@@ -11465,7 +11948,7 @@ function OhhwellsBridge() {
         const navItemHit = Array.from(
           container.querySelectorAll("[data-ohw-href-key]")
         ).find((el) => {
-          if (!isNavigationItem(el) || isNavbarButton2(el)) return false;
+          if (!isNavigationItem2(el) || isNavbarButton2(el)) return false;
           const itemRect = el.getBoundingClientRect();
           return x >= itemRect.left && x <= itemRect.right && y >= itemRect.top && y <= itemRect.bottom;
         });
@@ -11923,7 +12406,7 @@ function OhhwellsBridge() {
             }
           }
         } else if (el.dataset.ohwEditable === "video") {
-          const video = getVideoEl(el);
+          const video = getVideoEl2(el);
           if (video) {
             found = true;
             const onReady = () => {
@@ -12010,7 +12493,7 @@ function OhhwellsBridge() {
           } else if (el.dataset.ohwEditable === "bg-image") {
             el.style.backgroundImage = `url('${val}')`;
           } else if (el.dataset.ohwEditable === "video") {
-            const video = getVideoEl(el);
+            const video = getVideoEl2(el);
             if (video && video.src !== val) applyVideoSrc(video, val);
           } else if (el.dataset.ohwEditable === "link") {
             applyLinkHref(el, val);
@@ -12045,6 +12528,14 @@ function OhhwellsBridge() {
       deactivateRef.current();
     };
     window.addEventListener("message", handleDeactivate);
+    const handleToastAction = (e) => {
+      if (e.data?.type !== "ow:toast-action") return;
+      const actionId = typeof e.data.actionId === "string" ? e.data.actionId : null;
+      const pending = pendingDeleteUndoRef.current;
+      if (!pending || !actionId || pending.actionId !== actionId) return;
+      runPendingDeleteUndoRef.current();
+    };
+    window.addEventListener("message", handleToastAction);
     const handleUiEscape = (e) => {
       if (e.data?.type !== "ui:escape") return;
       if (document.querySelector("[data-ohw-more-menu]")) return;
@@ -12161,6 +12652,18 @@ function OhhwellsBridge() {
           return;
         }
       }
+      if ((e.key === "Delete" || e.key === "Backspace") && selectedElRef.current && !activeElRef.current && !linkPopoverOpenRef.current) {
+        if (handleDeleteSelectedRef.current()) {
+          e.preventDefault();
+          return;
+        }
+      }
+      if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "z" && !activeElRef.current) {
+        if (runPendingDeleteUndoRef.current()) {
+          e.preventDefault();
+          return;
+        }
+      }
       if (e.key !== "Escape") return;
       const el = activeElRef.current;
       if (el && originalContentRef.current !== null) {
@@ -12197,11 +12700,11 @@ function OhhwellsBridge() {
       }
       const selected = selectedElRef.current;
       if (selected && !footerDragRef.current && !navDragRef.current) {
-        if (selected.hasAttribute("data-ohw-footer-col") || Boolean(selected.closest("footer") && isInferredFooterGroup(selected))) {
+        if (selected.hasAttribute("data-ohw-footer-col") || Boolean(selected.closest("footer") && isInferredFooterGroup2(selected))) {
           setSiblingHintRects(
             listFooterColumns().filter((column) => column !== selected).map((column) => column.getBoundingClientRect())
           );
-        } else if (isNavigationItem(selected)) {
+        } else if (isNavigationItem2(selected)) {
           setSiblingHintRects(collectNavigationItemSiblingHintRects(selected));
         }
       }
@@ -12563,6 +13066,7 @@ function OhhwellsBridge() {
       window.removeEventListener("message", handleClickAt);
       window.removeEventListener("message", handleHydrate);
       window.removeEventListener("message", handleDeactivate);
+      window.removeEventListener("message", handleToastAction);
       window.removeEventListener("message", handleUiEscape);
       autoSaveTimers.current.forEach(clearTimeout);
       autoSaveTimers.current.clear();
@@ -12841,7 +13345,7 @@ function OhhwellsBridge() {
     setLinkPopover({
       key: hrefCtx.key,
       mode: "edit",
-      target: getLinkHref3(hrefCtx.anchor)
+      target: getLinkHref4(hrefCtx.anchor)
     });
     deactivate();
   }, [deactivate]);
@@ -12854,7 +13358,7 @@ function OhhwellsBridge() {
     setLinkPopover({
       key,
       mode: "edit",
-      target: getLinkHref3(anchor)
+      target: getLinkHref4(anchor)
     });
     deselect();
   }, [deselect]);
@@ -12862,6 +13366,11 @@ function OhhwellsBridge() {
     const selected = selectedElRef.current;
     if (!selected) return;
     if (toolbarVariantRef.current === "select-frame") {
+      const parent2 = getNavigationSelectionParent(selected);
+      if (parent2 && isNavigationContainer(parent2) && isFooterLinksContainer(parent2) && !isFooterLinksContainer(selected)) {
+        selectFrameRef.current(parent2);
+        return;
+      }
       deselectRef.current();
       return;
     }
@@ -12874,7 +13383,7 @@ function OhhwellsBridge() {
   }, []);
   const handleDuplicateSelected = (0, import_react11.useCallback)(() => {
     const selected = selectedElRef.current;
-    if (!selected || !isNavigationItem(selected)) return;
+    if (!selected || !isNavigationItem2(selected)) return;
     const hrefKey = selected.getAttribute("data-ohw-href-key");
     if (!hrefKey) return;
     if (isNavbarHrefKey(hrefKey)) {
@@ -12955,6 +13464,35 @@ function OhhwellsBridge() {
       });
     }
   }, [postToParent2]);
+  const runPendingDeleteUndo = (0, import_react11.useCallback)(() => {
+    const pending = pendingDeleteUndoRef.current;
+    if (!pending) return false;
+    pendingDeleteUndoRef.current = null;
+    pending.restore();
+    enforceLinkHrefs();
+    return true;
+  }, []);
+  const handleDeleteSelected = (0, import_react11.useCallback)(() => {
+    const selected = selectedElRef.current;
+    if (!selected) return false;
+    return deleteSelectedNavFooterItem({
+      selected,
+      isTextEditing: Boolean(activeElRef.current),
+      isSelectFrame: toolbarVariantRef.current === "select-frame",
+      getEditContent: () => editContentRef.current,
+      applyLinkByKey,
+      postToParent: postToParent2,
+      deselect: () => deselectRef.current(),
+      setEditContent: (next) => {
+        editContentRef.current = next;
+      },
+      setPendingUndo: (undo) => {
+        pendingDeleteUndoRef.current = undo;
+      }
+    });
+  }, [postToParent2]);
+  handleDeleteSelectedRef.current = handleDeleteSelected;
+  runPendingDeleteUndoRef.current = runPendingDeleteUndo;
   const handleLinkPopoverSubmit = (0, import_react11.useCallback)(
     (target) => {
       const session = linkPopoverSessionRef.current;
@@ -13037,7 +13575,7 @@ function OhhwellsBridge() {
   const handleVideoSettingsChange = (0, import_react11.useCallback)(
     (key, settings) => {
       document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
-        const video = getVideoEl(el);
+        const video = getVideoEl2(el);
         if (!video) return;
         if (typeof settings.autoplay === "boolean") video.autoplay = settings.autoplay;
         if (typeof settings.muted === "boolean") video.muted = settings.muted;
@@ -13127,7 +13665,7 @@ function OhhwellsBridge() {
       )),
       hoveredNavContainerRect && (toolbarVariant !== "select-frame" || isFooterFrameSelection) && !linkPopover && !isItemDragging && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ItemInteractionLayer, { rect: hoveredNavContainerRect, state: "hover" }),
       hoveredItemRect && !linkPopover && !hoveredNavContainerRect && !isItemDragging && hoveredItemElRef.current !== selectedElRef.current && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ItemInteractionLayer, { rect: hoveredItemRect, state: "hover" }),
-      toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isNavbarLinksContainer(selectedElRef.current) && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(NavbarContainerChrome, { rect: toolbarRect, onAdd: handleAddTopLevelNavItem }),
+      toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isNavbarLinksContainer2(selectedElRef.current) && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(NavbarContainerChrome, { rect: toolbarRect, onAdd: handleAddTopLevelNavItem }),
       toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isFooterLinksContainer(selectedElRef.current) && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         FooterContainerChrome,
         {
@@ -13150,17 +13688,20 @@ function OhhwellsBridge() {
           onItemPointerDown: handleItemChromePointerDown,
           onItemClick: handleItemChromeClick,
           itemDragSurface: !isFooterFrameSelection,
-          toolbar: toolbarVariant === "link-action" && !isItemDragging ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          toolbar: toolbarVariant === "link-action" && !isItemDragging || toolbarVariant === "select-frame" && isFooterFrameSelection && !isItemDragging ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             ItemActionToolbar,
             {
               onEditLink: openLinkPopoverForSelected,
               onSelectParent: handleSelectParent,
               onDuplicate: handleDuplicateSelected,
+              onDelete: handleDeleteSelected,
               addItemDisabled: true,
               editLinkDisabled: false,
               moreDisabled: false,
-              showAddItem: !selectedIsCta,
-              showMore: !selectedIsCta
+              duplicateDisabled: isFooterFrameSelection,
+              showEditLink: !isFooterFrameSelection,
+              showAddItem: !selectedIsCta && !isFooterFrameSelection,
+              showMore: !selectedIsCta || isFooterFrameSelection
             }
           ) : void 0
         }