@ohhwells/bridge 0.1.160-next.427 → 0.1.160-next.429

package/dist/index.cjs

@@ -115,7 +115,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/OhhwellsBridge.tsx
-var import_react21 = __toESM(require("react"), 1);
+var import_react23 = __toESM(require("react"), 1);
 var import_client3 = require("react-dom/client");
 var import_react_dom5 = require("react-dom");
 
@@ -1208,21 +1208,21 @@ function chromeFrom(sample) {
   };
 }
 function filledPrimary(seed) {
-  const paint = parseColor(paintColor(seed)) ?? { r: 15, g: 15, b: 15, a: 1 };
-  const luminance = relativeLuminance(paint);
+  const paint2 = parseColor(paintColor(seed)) ?? { r: 15, g: 15, b: 15, a: 1 };
+  const luminance = relativeLuminance(paint2);
   return {
-    background: toCss({ ...paint, a: 1 }),
+    background: toCss({ ...paint2, a: 1 }),
     color: luminance > 0.55 ? "rgb(15, 15, 15)" : "rgb(255, 255, 255)",
     borderColor: TRANSPARENT,
     borderWidth: "0px"
   };
 }
 function generatedSecondary(primary) {
-  const paint = accentColor(primary);
+  const paint2 = accentColor(primary);
   return {
     background: TRANSPARENT,
-    color: paint,
-    borderColor: paint,
+    color: paint2,
+    borderColor: paint2,
     borderWidth: "1px"
   };
 }
@@ -1235,9 +1235,9 @@ function generatedGhost(primary) {
   };
 }
 function normalizeOutlineChrome(outline, primary) {
-  const paint = accentColor(primary);
+  const paint2 = accentColor(primary);
   const text = parseColor(outline.color);
-  const paintRgb = parseColor(paint);
+  const paintRgb = parseColor(paint2);
   const primaryLabel = parseColor(primary.color);
   const matchesOnPrimary = Boolean(text && primaryLabel) && colorKey(outline.color) === colorKey(primary.color);
   const textTooLight = text ? relativeLuminance(text) > 0.7 : false;
@@ -1246,8 +1246,8 @@ function normalizeOutlineChrome(outline, primary) {
   const hasBorder = parseFloat(outline.borderWidth) > 0;
   return {
     ...outline,
-    color: paint,
-    borderColor: hasBorder ? paint : outline.borderColor
+    color: paint2,
+    borderColor: hasBorder ? paint2 : outline.borderColor
   };
 }
 function generateButtonVariants(samples) {
@@ -7430,6 +7430,120 @@ function findSelectableNavContainer(doc = document) {
   );
 }
 
+// src/lib/youtube.ts
+var YOUTUBE_ID_PATTERN = /^[A-Za-z0-9_-]{11}$/;
+function extractYouTubeId(input) {
+  const trimmed = input.trim();
+  if (!trimmed) return null;
+  if (YOUTUBE_ID_PATTERN.test(trimmed)) return trimmed;
+  let url;
+  try {
+    url = new URL(trimmed);
+  } catch {
+    return null;
+  }
+  const host = url.hostname.replace(/^www\./, "");
+  if (host !== "youtube.com" && host !== "m.youtube.com" && host !== "youtu.be" && host !== "youtube-nocookie.com") {
+    return null;
+  }
+  let candidate = null;
+  if (host === "youtu.be") {
+    candidate = url.pathname.slice(1).split("/")[0] ?? null;
+  } else if (url.pathname === "/watch") {
+    candidate = url.searchParams.get("v");
+  } else {
+    const match = url.pathname.match(/^\/(?:embed|shorts)\/([^/]+)/);
+    candidate = match ? match[1] : null;
+  }
+  return candidate && YOUTUBE_ID_PATTERN.test(candidate) ? candidate : null;
+}
+
+// src/lib/section-embed.ts
+var SECTION_EMBED_SUFFIX = "__ohw_embed";
+function readStoredEmbed(value) {
+  if (value.startsWith("start\n")) {
+    return { raw: value.slice("start\n".length), at: "start" };
+  }
+  return { raw: value, at: "end" };
+}
+function embedFrameSrc(value) {
+  const videoId = extractYouTubeId(value);
+  if (videoId) {
+    return { src: `https://www.youtube-nocookie.com/embed/${videoId}?rel=0`, title: "YouTube video" };
+  }
+  let url;
+  try {
+    url = new URL(value);
+  } catch {
+    return null;
+  }
+  const host = url.hostname.replace(/^www\./, "").toLowerCase();
+  if (host === "google.com" && url.pathname.startsWith("/maps") || host === "maps.google.com") {
+    const query = url.searchParams.get("q") || url.searchParams.get("query") || "";
+    const src = query ? `https://maps.google.com/maps?q=${encodeURIComponent(query)}&output=embed` : `https://maps.google.com/maps?output=embed`;
+    return { src, title: "Map" };
+  }
+  if (host === "maps.app.goo.gl") {
+    return { src: value, title: "Map" };
+  }
+  if (host === "calendly.com" || host.endsWith(".calendly.com") || host === "calendar.google.com") {
+    return { src: value, title: "Calendar" };
+  }
+  if (host === "docs.google.com" && url.pathname.includes("/forms/")) {
+    return { src: value.replace(/\/edit(?:\?.*)?$/i, "/viewform"), title: "Form" };
+  }
+  if (host === "forms.gle") {
+    return { src: value, title: "Form" };
+  }
+  return null;
+}
+function place(section, box, at) {
+  if (at === "start") {
+    section.insertBefore(box, section.firstChild);
+    return;
+  }
+  section.appendChild(box);
+}
+function paint(section, key, src, title, at) {
+  const existing = section.querySelector(`[data-ohw-section-embed="${CSS.escape(key)}"]`);
+  const frame = existing?.querySelector("iframe");
+  if (existing && frame) {
+    if (frame.getAttribute("src") !== src) frame.setAttribute("src", src);
+    frame.title = title;
+    place(section, existing, at);
+    return;
+  }
+  existing?.remove();
+  const box = document.createElement("div");
+  box.setAttribute("data-ohw-section-embed", key);
+  box.style.cssText = at === "start" ? "width:100%;max-width:960px;margin:0 auto 32px;padding:32px 24px 0;box-sizing:border-box;" : "width:100%;max-width:960px;margin:32px auto 0;padding:0 24px 32px;box-sizing:border-box;";
+  const frameWrap = document.createElement("div");
+  frameWrap.style.cssText = "position:relative;width:100%;aspect-ratio:16/9;min-height:250px;border-radius:12px;overflow:hidden;background:#0f172a;";
+  const iframe = document.createElement("iframe");
+  iframe.src = src;
+  iframe.title = title;
+  iframe.style.cssText = "position:absolute;inset:0;width:100%;height:100%;border:0;";
+  iframe.allow = "accelerometer; autoplay; clipboard-write; encrypted-media; fullscreen; gyroscope; picture-in-picture";
+  iframe.setAttribute("allowfullscreen", "");
+  frameWrap.appendChild(iframe);
+  box.appendChild(frameWrap);
+  place(section, box, at);
+}
+function applySectionEmbeds(content) {
+  for (const [key, val] of Object.entries(content)) {
+    if (!key.endsWith(SECTION_EMBED_SUFFIX)) continue;
+    const sectionId = key.slice(0, -SECTION_EMBED_SUFFIX.length);
+    const section = document.querySelector(`[data-ohw-section="${CSS.escape(sectionId)}"]`);
+    const stored = typeof val === "string" ? readStoredEmbed(val) : null;
+    const frame = stored ? embedFrameSrc(stored.raw) : null;
+    if (!section || !stored || !frame) {
+      section?.querySelector(`[data-ohw-section-embed="${CSS.escape(key)}"]`)?.remove();
+      continue;
+    }
+    paint(section, key, frame.src, frame.title, stored.at);
+  }
+}
+
 // src/ui/ai-tree/aiSectionsManager.tsx
 var import_react_dom = require("react-dom");
 var import_client = require("react-dom/client");
@@ -11563,6 +11677,34 @@ function minSpanForFooterBlock(type) {
       return 3;
   }
 }
+function readLiveSocialItems() {
+  const root = getFooterRoot();
+  const row = root?.querySelector("[data-ohw-socials-row]");
+  if (!row) return [];
+  const items = [];
+  for (const anchor of Array.from(row.querySelectorAll("a[href]"))) {
+    const href = anchor.getAttribute("href")?.trim() ?? "";
+    const aria = anchor.getAttribute("aria-label")?.trim().toLowerCase() ?? "";
+    const platform = FOOTER_SOCIAL_PLATFORMS.find((name) => aria === name) ?? FOOTER_SOCIAL_PLATFORMS.find((name) => href.toLowerCase().includes(name));
+    if (!platform || !/^https?:\/\//i.test(href)) continue;
+    items.push({ platform, href });
+  }
+  return items;
+}
+function syncSocialRowsFromDom(tree) {
+  const root = getFooterRoot();
+  if (!root) return;
+  const row = root.querySelector("[data-ohw-socials-row]");
+  const live = readLiveSocialItems();
+  if (row && live.length === 0) return;
+  for (const col of tree.columns) {
+    col.blocks = col.blocks.flatMap((block) => {
+      if (block.type !== "social-row") return [block];
+      if (!row) return [];
+      return [{ ...block, items: live.map((item) => ({ platform: item.platform, href: item.href })) }];
+    });
+  }
+}
 function collectBrandBlocks(tree) {
   const brand = [];
   for (const col of tree.columns) {
@@ -11808,6 +11950,7 @@ function textOf2(el) {
 }
 function syncFooterTreeLinksFromDom(tree) {
   const next = cloneTree(tree);
+  syncSocialRowsFromDom(next);
   const domCols = listFooterColumns().map((col) => {
     const heading = getFooterColumnHeadingEl(col);
     const title = heading ? textOf2(heading) : void 0;
@@ -12152,11 +12295,139 @@ function useSavedLinkNavigation(isEditMode) {
   }, [isEditMode, router]);
 }
 
-// src/ui/SchedulingWidget.tsx
+// src/useNavDropdownToggle.ts
+var import_react5 = require("react");
+var import_navigation2 = require("next/navigation");
+var OPEN_ATTR = "data-ohw-nav-force-open";
+function parentLinkWithDropdown(target) {
+  const anchor = target?.closest?.("a");
+  const group = anchor?.parentElement;
+  if (!anchor || !group?.matches("[data-ohw-nav-group]:not([data-ohw-nav-dropdown-template])")) {
+    return null;
+  }
+  const hasChildren = group.querySelector(":scope > [data-ohw-nav-children] > [data-ohw-href-key]");
+  return hasChildren ? anchor : null;
+}
+function closeAll(except) {
+  document.querySelectorAll(`[${OPEN_ATTR}]`).forEach((group) => {
+    if (group === except) return;
+    group.removeAttribute(OPEN_ATTR);
+    group.querySelector(":scope > a")?.setAttribute("aria-expanded", "false");
+  });
+}
+function useNavDropdownToggle(isEditMode) {
+  const pathname = (0, import_navigation2.usePathname)();
+  (0, import_react5.useEffect)(() => {
+    if (isEditMode) return;
+    const onClick = (e) => {
+      if (e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
+      const anchor = parentLinkWithDropdown(e.target);
+      if (!anchor) {
+        const insideOpen = e.target?.closest?.(`[${OPEN_ATTR}]`);
+        const onChildLink = e.target?.closest?.("[data-ohw-nav-children] a");
+        if (!insideOpen || onChildLink) closeAll();
+        return;
+      }
+      e.preventDefault();
+      e.stopPropagation();
+      const group = anchor.parentElement;
+      const open = !group.hasAttribute(OPEN_ATTR);
+      closeAll(group);
+      group.toggleAttribute(OPEN_ATTR, open);
+      anchor.setAttribute("aria-expanded", String(open));
+    };
+    const onKeyDown = (e) => {
+      if (e.key !== "Escape") return;
+      const open = document.querySelector(`[${OPEN_ATTR}] > a`);
+      closeAll();
+      open?.focus();
+    };
+    window.addEventListener("click", onClick, true);
+    window.addEventListener("keydown", onKeyDown);
+    return () => {
+      window.removeEventListener("click", onClick, true);
+      window.removeEventListener("keydown", onKeyDown);
+    };
+  }, [isEditMode]);
+  (0, import_react5.useEffect)(() => {
+    if (!isEditMode) closeAll();
+  }, [pathname, isEditMode]);
+}
+
+// src/useHashLinkScroll.ts
 var import_react6 = require("react");
 
+// src/lib/scroll-to-section.ts
+var MAX_ATTEMPTS = 12;
+var RETRY_MS = 100;
+function getHashSectionId() {
+  if (typeof window === "undefined") return null;
+  const id = window.location.hash.replace(/^#/, "").trim();
+  return id || null;
+}
+function scrollToOhwSection(sectionId, behavior = "smooth") {
+  if (!sectionId || typeof document === "undefined") return false;
+  const el = document.querySelector(`[data-ohw-section="${CSS.escape(sectionId)}"]`);
+  if (!el) return false;
+  el.scrollIntoView({ behavior, block: "start" });
+  return true;
+}
+function scrollToHashSectionWhenReady(behavior = "smooth") {
+  const id = getHashSectionId();
+  if (!id) return;
+  let attempt = 0;
+  const tick = () => {
+    if (scrollToOhwSection(id, behavior)) return;
+    attempt += 1;
+    if (attempt < MAX_ATTEMPTS) window.setTimeout(tick, RETRY_MS);
+  };
+  tick();
+}
+function scrollToOhwSectionAfterNavigation(sectionId, behavior = "smooth") {
+  let attempt = 0;
+  const tick = () => {
+    if (getHashSectionId() === sectionId && scrollToOhwSection(sectionId, behavior)) return;
+    attempt += 1;
+    if (attempt < MAX_ATTEMPTS) window.setTimeout(tick, RETRY_MS);
+  };
+  window.setTimeout(tick, 0);
+}
+
+// src/useHashLinkScroll.ts
+function samePageSectionId(anchor) {
+  const href = anchor.getAttribute("href");
+  if (!href || !href.includes("#")) return null;
+  if (anchor.target !== "" && anchor.target !== "_self") return null;
+  let url;
+  try {
+    url = new URL(href, window.location.href);
+  } catch {
+    return null;
+  }
+  if (url.origin !== window.location.origin || url.pathname !== window.location.pathname) return null;
+  const id = decodeURIComponent(url.hash.replace(/^#/, "")).trim();
+  return id || null;
+}
+function useHashLinkScroll(isEditMode) {
+  (0, import_react6.useEffect)(() => {
+    if (isEditMode) return;
+    const onClick = (e) => {
+      if (e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
+      const anchor = e.target?.closest?.("a");
+      if (!anchor) return;
+      const id = samePageSectionId(anchor);
+      if (id) scrollToOhwSectionAfterNavigation(id);
+    };
+    window.addEventListener("click", onClick, true);
+    return () => window.removeEventListener("click", onClick, true);
+  }, [isEditMode]);
+}
+
+// src/ui/SchedulingWidget.tsx
+var import_react8 = require("react");
+
 // src/ui/EmailCaptureModal.tsx
-var import_react5 = require("react");
+var import_react7 = require("react");
 var import_radix_ui = require("radix-ui");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var isValidEmail = (value) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
@@ -12186,11 +12457,11 @@ function Spinner() {
   );
 }
 function EmailCaptureModal({ title, subtitle, onSubmit, onClose }) {
-  const [email, setEmail] = (0, import_react5.useState)("");
-  const [submittedEmail, setSubmittedEmail] = (0, import_react5.useState)("");
-  const [loading, setLoading] = (0, import_react5.useState)(false);
-  const [success, setSuccess] = (0, import_react5.useState)(false);
-  const [error, setError] = (0, import_react5.useState)(null);
+  const [email, setEmail] = (0, import_react7.useState)("");
+  const [submittedEmail, setSubmittedEmail] = (0, import_react7.useState)("");
+  const [loading, setLoading] = (0, import_react7.useState)(false);
+  const [success, setSuccess] = (0, import_react7.useState)(false);
+  const [error, setError] = (0, import_react7.useState)(null);
   const isBook = title === "Confirm your spot";
   const handleSubmit = async () => {
     const trimmed = email.trim();
@@ -12457,21 +12728,21 @@ function LoadingSkeleton() {
   ] });
 }
 function ScheduleView({ schedule, dates, selectedIdx, onSelectDate, onOpenModal }) {
-  const todayMs = (0, import_react6.useMemo)(() => {
+  const todayMs = (0, import_react8.useMemo)(() => {
     const d = /* @__PURE__ */ new Date();
     d.setHours(0, 0, 0, 0);
     return d.getTime();
   }, []);
-  const scrollRef = (0, import_react6.useRef)(null);
-  const [canScrollLeft, setCanScrollLeft] = (0, import_react6.useState)(false);
-  const [canScrollRight, setCanScrollRight] = (0, import_react6.useState)(false);
+  const scrollRef = (0, import_react8.useRef)(null);
+  const [canScrollLeft, setCanScrollLeft] = (0, import_react8.useState)(false);
+  const [canScrollRight, setCanScrollRight] = (0, import_react8.useState)(false);
   const updateScrollState = () => {
     const el = scrollRef.current;
     if (!el) return;
     setCanScrollLeft(el.scrollLeft > 0);
     setCanScrollRight(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);
   };
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const el = scrollRef.current;
     if (!el) return;
     updateScrollState();
@@ -12486,9 +12757,9 @@ function ScheduleView({ schedule, dates, selectedIdx, onSelectDate, onOpenModal
   const scroll = (dir) => {
     scrollRef.current?.scrollBy({ left: dir === "left" ? -216 : 216, behavior: "smooth" });
   };
-  const isDragging = (0, import_react6.useRef)(false);
-  const dragStartX = (0, import_react6.useRef)(0);
-  const dragStartScrollLeft = (0, import_react6.useRef)(0);
+  const isDragging = (0, import_react8.useRef)(false);
+  const dragStartX = (0, import_react8.useRef)(0);
+  const dragStartScrollLeft = (0, import_react8.useRef)(0);
   const onDragStart = (e) => {
     if (!scrollRef.current) return;
     isDragging.current = true;
@@ -12508,14 +12779,14 @@ function ScheduleView({ schedule, dates, selectedIdx, onSelectDate, onOpenModal
     scrollRef.current.style.cursor = "grab";
     scrollRef.current.style.userSelect = "";
   };
-  const datesWithClasses = (0, import_react6.useMemo)(
+  const datesWithClasses = (0, import_react8.useMemo)(
     () => new Set(dates.map(
       (d, i) => schedule.classes?.some((c) => classRunsOnDate(c, d, schedule.type)) ? i : -1
     ).filter((i) => i >= 0)),
     [dates, schedule]
   );
   const selectedDate = dates[selectedIdx];
-  const selectedClasses = (0, import_react6.useMemo)(
+  const selectedClasses = (0, import_react8.useMemo)(
     () => (schedule.classes ?? []).filter((c) => selectedDate && classRunsOnDate(c, selectedDate, schedule.type)),
     [schedule, selectedDate]
   );
@@ -12700,16 +12971,16 @@ function CalendarFoldIcon() {
   );
 }
 function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAfter: insertAfterProp }) {
-  const autoId = (0, import_react6.useId)();
+  const autoId = (0, import_react8.useId)();
   const insertAfter = insertAfterProp ?? autoId;
-  const [schedule, setSchedule] = (0, import_react6.useState)(null);
-  const [loading, setLoading] = (0, import_react6.useState)(initialScheduleId !== null);
-  const [inEditor, setInEditor] = (0, import_react6.useState)(false);
-  const [isHovered, setIsHovered] = (0, import_react6.useState)(false);
-  const [modalState, setModalState] = (0, import_react6.useState)(null);
-  const switchScheduleIdRef = (0, import_react6.useRef)(null);
-  const liveScheduleIdRef = (0, import_react6.useRef)(null);
-  const refetchLiveSchedule = (0, import_react6.useCallback)(async () => {
+  const [schedule, setSchedule] = (0, import_react8.useState)(null);
+  const [loading, setLoading] = (0, import_react8.useState)(initialScheduleId !== null);
+  const [inEditor, setInEditor] = (0, import_react8.useState)(false);
+  const [isHovered, setIsHovered] = (0, import_react8.useState)(false);
+  const [modalState, setModalState] = (0, import_react8.useState)(null);
+  const switchScheduleIdRef = (0, import_react8.useRef)(null);
+  const liveScheduleIdRef = (0, import_react8.useRef)(null);
+  const refetchLiveSchedule = (0, import_react8.useCallback)(async () => {
     const id = liveScheduleIdRef.current;
     if (!id) return;
     try {
@@ -12719,7 +12990,7 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
     } catch {
     }
   }, []);
-  const dates = (0, import_react6.useMemo)(() => {
+  const dates = (0, import_react8.useMemo)(() => {
     const today = /* @__PURE__ */ new Date();
     today.setHours(0, 0, 0, 0);
     return Array.from({ length: 14 }, (_, i) => {
@@ -12728,8 +12999,8 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
       return d;
     });
   }, []);
-  const [selectedIdx, setSelectedIdx] = (0, import_react6.useState)(0);
-  (0, import_react6.useEffect)(() => {
+  const [selectedIdx, setSelectedIdx] = (0, import_react8.useState)(0);
+  (0, import_react8.useEffect)(() => {
     if (!schedule?.classes) return;
     for (let i = 0; i < dates.length; i++) {
       if (schedule.classes.some((c) => classRunsOnDate(c, dates[i], schedule.type))) {
@@ -12738,7 +13009,7 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
       }
     }
   }, [schedule, dates]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (typeof window === "undefined") return;
     const onVisible = () => {
       if (!document.hidden) void refetchLiveSchedule();
@@ -12750,7 +13021,7 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
       document.removeEventListener("visibilitychange", onVisible);
     };
   }, [refetchLiveSchedule]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (typeof window === "undefined") return;
     const isInEditor = window.self !== window.top;
     setInEditor(isInEditor);
@@ -16505,7 +16776,7 @@ var CustomToolbarButton = React5.forwardRef(
 CustomToolbarButton.displayName = "CustomToolbarButton";
 
 // src/ui/item-action-toolbar.tsx
-var import_react7 = require("react");
+var import_react9 = require("react");
 var import_lucide_react3 = require("lucide-react");
 
 // src/ui/dropdown-menu.tsx
@@ -16690,7 +16961,7 @@ function ItemActionToolbar({
   headingVisible = null,
   onHeadingVisibleChange
 }) {
-  const [moreOpen, setMoreOpen] = (0, import_react7.useState)(false);
+  const [moreOpen, setMoreOpen] = (0, import_react9.useState)(false);
   const showDropdownToggle = dropdownOpen !== null && dropdownOpen !== void 0;
   const showHeadingToggle = headingVisible !== null && headingVisible !== void 0;
   const headingTooltip = headingVisible ? "Hide heading" : "Show heading";
@@ -16898,7 +17169,7 @@ function ItemActionToolbar({
 }
 
 // src/ui/item-interaction-layer.tsx
-var import_react8 = require("react");
+var import_react10 = require("react");
 var import_react_dom3 = require("react-dom");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var PRIMARY = "var(--ohw-primary, #0885FE)";
@@ -16955,8 +17226,8 @@ function ClampedToolbarSlot({
   align = "center",
   children
 }) {
-  const slotRef = (0, import_react8.useRef)(null);
-  (0, import_react8.useLayoutEffect)(() => {
+  const slotRef = (0, import_react10.useRef)(null);
+  (0, import_react10.useLayoutEffect)(() => {
     const slot = slotRef.current;
     if (!slot) return;
     const clamp = () => {
@@ -17019,15 +17290,15 @@ function DetachedBelowToolbarSlot({
   belowEl,
   children
 }) {
-  const slotRef = (0, import_react8.useRef)(null);
-  const [anchorBottom, setAnchorBottom] = (0, import_react8.useState)(belowRect.bottom);
-  const [portalTarget] = (0, import_react8.useState)(
+  const slotRef = (0, import_react10.useRef)(null);
+  const [anchorBottom, setAnchorBottom] = (0, import_react10.useState)(belowRect.bottom);
+  const [portalTarget] = (0, import_react10.useState)(
     () => typeof document === "undefined" ? null : document.querySelector("[data-ohw-bridge-root]") ?? document.body
   );
-  (0, import_react8.useLayoutEffect)(() => {
+  (0, import_react10.useLayoutEffect)(() => {
     setAnchorBottom(belowRect.bottom);
   }, [belowRect.bottom, belowRect.height, belowRect.top]);
-  (0, import_react8.useLayoutEffect)(() => {
+  (0, import_react10.useLayoutEffect)(() => {
     const slot = slotRef.current;
     if (!slot) return;
     const sync = () => {
@@ -17108,8 +17379,8 @@ function ItemInteractionLayer({
   hidden = false,
   className
 }) {
-  const localRef = (0, import_react8.useRef)(null);
-  (0, import_react8.useLayoutEffect)(() => {
+  const localRef = (0, import_react10.useRef)(null);
+  (0, import_react10.useLayoutEffect)(() => {
     const node = localRef.current;
     if (!node) return;
     node.style.display = hidden ? "none" : "block";
@@ -17384,7 +17655,7 @@ function apiBase() {
 function bridgeVersion() {
   try {
     if (true) {
-      return "0.1.160-next.427";
+      return "0.1.160-next.429";
     }
   } catch {
   }
@@ -17398,7 +17669,7 @@ function stampBridgeVersionOnDocument() {
     return;
   }
   try {
-    const v = true ? "0.1.160-next.427" : "";
+    const v = true ? "0.1.160-next.429" : "";
     if (v) {
       document.documentElement.setAttribute("data-ohw-bridge-version", v);
       window.__OHW_BRIDGE_VERSION__ = v;
@@ -18305,7 +18576,7 @@ function CarouselOverlay({
 }
 
 // src/ui/ai-section/AiSectionOverlay.tsx
-var import_react9 = require("react");
+var import_react11 = require("react");
 var import_lucide_react7 = require("lucide-react");
 
 // src/lib/ai-change-highlight.ts
@@ -18400,8 +18671,8 @@ function readRect(instanceId) {
   return { top: r2.top, left: r2.left, width: r2.width, height: r2.height };
 }
 function useLiveSectionRect(sectionId) {
-  const [rect, setRect] = (0, import_react9.useState)(null);
-  (0, import_react9.useEffect)(() => {
+  const [rect, setRect] = (0, import_react11.useState)(null);
+  (0, import_react11.useEffect)(() => {
     if (!sectionId) {
       setRect(null);
       return;
@@ -18440,8 +18711,8 @@ function readNavToggleRect() {
   return { top: r2.top, left: r2.left, width: r2.width, height: r2.height };
 }
 function useLiveNavToggleHole(active) {
-  const [rect, setRect] = (0, import_react9.useState)(null);
-  (0, import_react9.useEffect)(() => {
+  const [rect, setRect] = (0, import_react11.useState)(null);
+  (0, import_react11.useEffect)(() => {
     if (!active) {
       setRect(null);
       return;
@@ -18503,7 +18774,7 @@ function ReviewButton({
   background,
   color
 }) {
-  const [hover, setHover] = (0, import_react9.useState)(false);
+  const [hover, setHover] = (0, import_react11.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { position: "relative" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "button",
@@ -18558,17 +18829,17 @@ function AiSectionOverlay({
   apiRef,
   onSelectionChange
 }) {
-  const [selectedId, setSelectedId] = (0, import_react9.useState)(null);
-  const [reviewId, setReviewId] = (0, import_react9.useState)(null);
-  const [reviewButtonsHidden, setReviewButtonsHidden] = (0, import_react9.useState)(false);
-  const reviewIdRef = (0, import_react9.useRef)(null);
+  const [selectedId, setSelectedId] = (0, import_react11.useState)(null);
+  const [reviewId, setReviewId] = (0, import_react11.useState)(null);
+  const [reviewButtonsHidden, setReviewButtonsHidden] = (0, import_react11.useState)(false);
+  const reviewIdRef = (0, import_react11.useRef)(null);
   reviewIdRef.current = reviewId;
-  const selectedIdRef = (0, import_react9.useRef)(null);
+  const selectedIdRef = (0, import_react11.useRef)(null);
   selectedIdRef.current = selectedId;
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     onSelectionChange?.(selectedId);
   }, [selectedId, onSelectionChange]);
-  const report = (0, import_react9.useCallback)(
+  const report = (0, import_react11.useCallback)(
     (el) => {
       const labelSrc = el ? sectionElementOf(el) : null;
       postToParent2({
@@ -18579,7 +18850,7 @@ function AiSectionOverlay({
     },
     [postToParent2]
   );
-  const selectFromElement = (0, import_react9.useCallback)(
+  const selectFromElement = (0, import_react11.useCallback)(
     (el, options) => {
       const inner = el?.closest("[data-ohw-section]") ?? null;
       const sectionEl = inner ? movableUnit(inner) : null;
@@ -18591,7 +18862,7 @@ function AiSectionOverlay({
     },
     [report]
   );
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     apiRef.current = {
       selectFromElement,
       handleBackgroundClick: (target, clientX, clientY) => {
@@ -18616,7 +18887,7 @@ function AiSectionOverlay({
       apiRef.current = null;
     };
   }, [apiRef, selectFromElement, report]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const onMessage = (e) => {
       if (e.data?.type === "ow:ai-select" && e.data.sectionId === null) {
         selectedIdRef.current = null;
@@ -18641,9 +18912,9 @@ function AiSectionOverlay({
     window.addEventListener("message", onMessage);
     return () => window.removeEventListener("message", onMessage);
   }, [postToParent2]);
-  (0, import_react9.useEffect)(() => installAiChangeHighlight(), []);
-  const [hoveredId, setHoveredId] = (0, import_react9.useState)(null);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => installAiChangeHighlight(), []);
+  const [hoveredId, setHoveredId] = (0, import_react11.useState)(null);
+  (0, import_react11.useEffect)(() => {
     const onMove = (e) => {
       const t = e.target;
       if (!(t instanceof Element)) return;
@@ -18668,7 +18939,7 @@ function AiSectionOverlay({
       document.documentElement.removeEventListener("mouseleave", onLeave);
     };
   }, []);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const onKeyDown = (e) => {
       if (e.key !== "Escape") return;
       if (reviewIdRef.current) return;
@@ -18682,7 +18953,7 @@ function AiSectionOverlay({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [report]);
-  const decide = (0, import_react9.useCallback)(
+  const decide = (0, import_react11.useCallback)(
     (decision) => {
       const sectionId = reviewIdRef.current;
       if (!sectionId) return;
@@ -18691,8 +18962,8 @@ function AiSectionOverlay({
     },
     [postToParent2]
   );
-  const [navDropdownForceOpen, setNavDropdownForceOpen] = (0, import_react9.useState)(false);
-  (0, import_react9.useEffect)(() => {
+  const [navDropdownForceOpen, setNavDropdownForceOpen] = (0, import_react11.useState)(false);
+  (0, import_react11.useEffect)(() => {
     const update = () => {
       setNavDropdownForceOpen(Boolean(document.querySelector("[data-ohw-nav-force-open]")));
     };
@@ -18711,7 +18982,7 @@ function AiSectionOverlay({
   const navToggleHole = useLiveNavToggleHole(Boolean(reviewId));
   const hoverRect = useLiveSectionRect(reviewId || hoveredId === selectedId ? null : hoveredId);
   const showSelectionBorder = Boolean(selectionRect) && !navDropdownForceOpen;
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const selectedEl = activeSelectionId ? findSectionElement(activeSelectionId) : null;
     if (!activeSelectionId || !selectionRect || selectedEl && isChromeSection(selectedEl)) {
       postToParent2({ type: "ow:section-rect", instanceId: null, rect: null });
@@ -18831,7 +19102,7 @@ function AiSectionOverlay({
 }
 
 // src/ui/ai-section/AiMediaStripOverlay.tsx
-var import_react10 = require("react");
+var import_react12 = require("react");
 var import_lucide_react9 = require("lucide-react");
 
 // src/lib/ai-media-strip-tree.ts
@@ -19112,8 +19383,8 @@ function readStripRect(ref) {
   return rectOf(item?.closest("[data-ohw-media-strip]") ?? item);
 }
 function useLiveItemRect(ref, strip = false) {
-  const [rect, setRect] = (0, import_react10.useState)(null);
-  (0, import_react10.useEffect)(() => {
+  const [rect, setRect] = (0, import_react12.useState)(null);
+  (0, import_react12.useEffect)(() => {
     if (!ref) {
       setRect(null);
       return;
@@ -19141,10 +19412,10 @@ var TOOLBAR_STRIP_GAP = 52;
 var TOOLBAR_STRIP_GAP_MOBILE = 42;
 var TOOLBAR_EDGE_MARGIN2 = 4;
 function StripToolbarSlot({ stripRect, children }) {
-  const slotRef = (0, import_react10.useRef)(null);
-  const [shift, setShift] = (0, import_react10.useState)(0);
+  const slotRef = (0, import_react12.useRef)(null);
+  const [shift, setShift] = (0, import_react12.useState)(0);
   const centerX = stripRect.left + stripRect.width / 2;
-  (0, import_react10.useLayoutEffect)(() => {
+  (0, import_react12.useLayoutEffect)(() => {
     const slot = slotRef.current;
     if (!slot) return;
     const clamp = () => {
@@ -19293,9 +19564,9 @@ function LinkModal({
   onClose,
   onSave
 }) {
-  const [draft, setDraft] = (0, import_react10.useState)(href);
-  const [newTab, setNewTab] = (0, import_react10.useState)(linkTarget !== "same-tab");
-  const [invalid, setInvalid] = (0, import_react10.useState)(false);
+  const [draft, setDraft] = (0, import_react12.useState)(href);
+  const [newTab, setNewTab] = (0, import_react12.useState)(linkTarget !== "same-tab");
+  const [invalid, setInvalid] = (0, import_react12.useState)(false);
   const save = () => {
     const next = draft.trim();
     if (next && !HTTP_URL_RE.test(next)) {
@@ -19504,17 +19775,17 @@ function AiMediaStripOverlay({
   applyTreeLocalRef,
   clearInteractionChromeRef
 }) {
-  const [hover, setHover] = (0, import_react10.useState)(null);
-  const [active, setActive] = (0, import_react10.useState)(null);
-  const [itemEditOn, setItemEditOn] = (0, import_react10.useState)(false);
-  const [linkOpen, setLinkOpen] = (0, import_react10.useState)(false);
-  const [pending, setPending] = (0, import_react10.useState)(false);
-  const [error, setError] = (0, import_react10.useState)(null);
-  const activeRef = (0, import_react10.useRef)(null);
+  const [hover, setHover] = (0, import_react12.useState)(null);
+  const [active, setActive] = (0, import_react12.useState)(null);
+  const [itemEditOn, setItemEditOn] = (0, import_react12.useState)(false);
+  const [linkOpen, setLinkOpen] = (0, import_react12.useState)(false);
+  const [pending, setPending] = (0, import_react12.useState)(false);
+  const [error, setError] = (0, import_react12.useState)(null);
+  const activeRef = (0, import_react12.useRef)(null);
   activeRef.current = active;
-  const linkOpenRef = (0, import_react10.useRef)(false);
+  const linkOpenRef = (0, import_react12.useRef)(false);
   linkOpenRef.current = linkOpen;
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const onMove = (e) => {
       const ref = itemRefFromTarget(e.target);
       const t = e.target;
@@ -19532,7 +19803,7 @@ function AiMediaStripOverlay({
       document.documentElement.removeEventListener("mouseleave", onLeave);
     };
   }, []);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const onClick = (e) => {
       const t = e.target;
       if (!(t instanceof Element)) return;
@@ -19547,7 +19818,7 @@ function AiMediaStripOverlay({
     document.addEventListener("click", onClick, true);
     return () => document.removeEventListener("click", onClick, true);
   }, [clearInteractionChromeRef]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const onBlur = () => {
       if (!activeRef.current) return;
       setActive(null);
@@ -19558,7 +19829,7 @@ function AiMediaStripOverlay({
     window.addEventListener("blur", onBlur);
     return () => window.removeEventListener("blur", onBlur);
   }, []);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const onKeyDown = (e) => {
       if (e.key !== "Escape") return;
       if (!activeRef.current) return;
@@ -19571,14 +19842,14 @@ function AiMediaStripOverlay({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, []);
-  const findEntry = (0, import_react10.useCallback)(
+  const findEntry = (0, import_react12.useCallback)(
     (sectionId) => {
       const state = parseAiSectionsState(aiSectionsRef.current);
       return state.sections.find((s) => s.id === sectionId) ?? null;
     },
     [aiSectionsRef]
   );
-  const runMutation = (0, import_react10.useCallback)(
+  const runMutation = (0, import_react12.useCallback)(
     async (sectionId, mutate, extraMedia) => {
       const entry = findEntry(sectionId);
       if (!entry) return false;
@@ -19721,7 +19992,7 @@ function AiMediaStripOverlay({
 }
 
 // src/ui/ai-section/AiPricingCardOverlay.tsx
-var import_react11 = require("react");
+var import_react13 = require("react");
 var import_lucide_react10 = require("lucide-react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var PRIMARY4 = "var(--ohw-primary, #0885FE)";
@@ -19764,8 +20035,8 @@ function readGridRect(ref) {
   return rectOf2(card?.closest("[data-ohw-pricing-collection]") ?? card);
 }
 function useLiveCardRect(ref, grid = false) {
-  const [rect, setRect] = (0, import_react11.useState)(null);
-  (0, import_react11.useEffect)(() => {
+  const [rect, setRect] = (0, import_react13.useState)(null);
+  (0, import_react13.useEffect)(() => {
     if (!ref) {
       setRect(null);
       return;
@@ -19793,10 +20064,10 @@ var TOOLBAR_GRID_GAP = 52;
 var TOOLBAR_GRID_GAP_MOBILE = 42;
 var TOOLBAR_EDGE_MARGIN3 = 4;
 function GridToolbarSlot({ gridRect, children }) {
-  const slotRef = (0, import_react11.useRef)(null);
-  const [shift, setShift] = (0, import_react11.useState)(0);
+  const slotRef = (0, import_react13.useRef)(null);
+  const [shift, setShift] = (0, import_react13.useState)(0);
   const centerX = gridRect.left + gridRect.width / 2;
-  (0, import_react11.useLayoutEffect)(() => {
+  (0, import_react13.useLayoutEffect)(() => {
     const slot = slotRef.current;
     if (!slot) return;
     const clamp = () => {
@@ -20053,13 +20324,13 @@ function AiPricingCardOverlay({
   aiSectionsRef,
   applyTreeLocalRef
 }) {
-  const [hover, setHover] = (0, import_react11.useState)(null);
-  const [active, setActive] = (0, import_react11.useState)(null);
-  const [pending, setPending] = (0, import_react11.useState)(false);
-  const [error, setError] = (0, import_react11.useState)(null);
-  const activeRef = (0, import_react11.useRef)(null);
+  const [hover, setHover] = (0, import_react13.useState)(null);
+  const [active, setActive] = (0, import_react13.useState)(null);
+  const [pending, setPending] = (0, import_react13.useState)(false);
+  const [error, setError] = (0, import_react13.useState)(null);
+  const activeRef = (0, import_react13.useRef)(null);
   activeRef.current = active;
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const onMove = (e) => {
       const ref = cardRefFromTarget(e.target);
       const t = e.target;
@@ -20077,7 +20348,7 @@ function AiPricingCardOverlay({
       document.documentElement.removeEventListener("mouseleave", onLeave);
     };
   }, []);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const onClick = (e) => {
       const t = e.target;
       if (!(t instanceof Element)) return;
@@ -20089,7 +20360,7 @@ function AiPricingCardOverlay({
     document.addEventListener("click", onClick, true);
     return () => document.removeEventListener("click", onClick, true);
   }, []);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const onBlur = () => {
       if (!activeRef.current) return;
       setActive(null);
@@ -20098,7 +20369,7 @@ function AiPricingCardOverlay({
     window.addEventListener("blur", onBlur);
     return () => window.removeEventListener("blur", onBlur);
   }, []);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const onKeyDown = (e) => {
       if (e.key !== "Escape") return;
       if (!activeRef.current) return;
@@ -20109,14 +20380,14 @@ function AiPricingCardOverlay({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, []);
-  const findEntry = (0, import_react11.useCallback)(
+  const findEntry = (0, import_react13.useCallback)(
     (sectionId) => {
       const state = parseAiSectionsState(aiSectionsRef.current);
       return state.sections.find((s) => s.id === sectionId) ?? null;
     },
     [aiSectionsRef]
   );
-  const runMutation = (0, import_react11.useCallback)(
+  const runMutation = (0, import_react13.useCallback)(
     async (sectionId, mutate) => {
       const entry = findEntry(sectionId);
       if (!entry) return false;
@@ -20203,7 +20474,7 @@ function AiPricingCardOverlay({
 }
 
 // src/ui/ai-section/AiVideoOverlay.tsx
-var import_react12 = require("react");
+var import_react14 = require("react");
 var import_lucide_react11 = require("lucide-react");
 
 // src/lib/ai-video-tree.ts
@@ -20246,34 +20517,6 @@ function clearVideo(tree, path) {
   });
 }
 
-// src/lib/youtube.ts
-var YOUTUBE_ID_PATTERN = /^[A-Za-z0-9_-]{11}$/;
-function extractYouTubeId(input) {
-  const trimmed = input.trim();
-  if (!trimmed) return null;
-  if (YOUTUBE_ID_PATTERN.test(trimmed)) return trimmed;
-  let url;
-  try {
-    url = new URL(trimmed);
-  } catch {
-    return null;
-  }
-  const host = url.hostname.replace(/^www\./, "");
-  if (host !== "youtube.com" && host !== "m.youtube.com" && host !== "youtu.be" && host !== "youtube-nocookie.com") {
-    return null;
-  }
-  let candidate = null;
-  if (host === "youtu.be") {
-    candidate = url.pathname.slice(1).split("/")[0] ?? null;
-  } else if (url.pathname === "/watch") {
-    candidate = url.searchParams.get("v");
-  } else {
-    const match = url.pathname.match(/^\/(?:embed|shorts)\/([^/]+)/);
-    candidate = match ? match[1] : null;
-  }
-  return candidate && YOUTUBE_ID_PATTERN.test(candidate) ? candidate : null;
-}
-
 // src/ui/ai-section/AiVideoOverlay.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var PRIMARY5 = "#0885FE";
@@ -20296,8 +20539,8 @@ function readRect4(ref) {
   return { top: r2.top, left: r2.left, width: r2.width, height: r2.height };
 }
 function useLiveBlockRect(ref) {
-  const [rect, setRect] = (0, import_react12.useState)(null);
-  (0, import_react12.useEffect)(() => {
+  const [rect, setRect] = (0, import_react14.useState)(null);
+  (0, import_react14.useEffect)(() => {
     if (!ref) {
       setRect(null);
       return;
@@ -20375,9 +20618,9 @@ function watchUrl(id) {
   return `https://www.youtube.com/watch?v=${id}`;
 }
 function VideoUrlInput({ value, onCommit }) {
-  const [draft, setDraft] = (0, import_react12.useState)(value ? watchUrl(value) : "");
-  const [invalid, setInvalid] = (0, import_react12.useState)(false);
-  (0, import_react12.useEffect)(() => {
+  const [draft, setDraft] = (0, import_react14.useState)(value ? watchUrl(value) : "");
+  const [invalid, setInvalid] = (0, import_react14.useState)(false);
+  (0, import_react14.useEffect)(() => {
     setDraft(value ? watchUrl(value) : "");
     setInvalid(false);
   }, [value]);
@@ -20514,13 +20757,13 @@ function AiVideoOverlay({
   applyTreeLocalRef,
   clearInteractionChromeRef
 }) {
-  const [hover, setHover] = (0, import_react12.useState)(null);
-  const [active, setActive] = (0, import_react12.useState)(null);
-  const [pending, setPending] = (0, import_react12.useState)(false);
-  const [error, setError] = (0, import_react12.useState)(null);
-  const activeRef = (0, import_react12.useRef)(null);
+  const [hover, setHover] = (0, import_react14.useState)(null);
+  const [active, setActive] = (0, import_react14.useState)(null);
+  const [pending, setPending] = (0, import_react14.useState)(false);
+  const [error, setError] = (0, import_react14.useState)(null);
+  const activeRef = (0, import_react14.useRef)(null);
   activeRef.current = active;
-  (0, import_react12.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const onMove = (e) => {
       const t = e.target;
       if (!(t instanceof HTMLElement)) return;
@@ -20550,7 +20793,7 @@ function AiVideoOverlay({
       document.documentElement.removeEventListener("mouseleave", onLeave);
     };
   }, []);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const onClick = (e) => {
       const current = activeRef.current;
       if (!current) return;
@@ -20565,7 +20808,7 @@ function AiVideoOverlay({
     document.addEventListener("click", onClick, true);
     return () => document.removeEventListener("click", onClick, true);
   }, []);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const onBlur = () => {
       if (!activeRef.current) return;
       setActive(null);
@@ -20574,7 +20817,7 @@ function AiVideoOverlay({
     window.addEventListener("blur", onBlur);
     return () => window.removeEventListener("blur", onBlur);
   }, []);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const onKeyDown = (e) => {
       if (e.key !== "Escape") return;
       if (!activeRef.current) return;
@@ -20584,14 +20827,14 @@ function AiVideoOverlay({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, []);
-  const findEntry = (0, import_react12.useCallback)(
+  const findEntry = (0, import_react14.useCallback)(
     (sectionId) => {
       const state = parseAiSectionsState(aiSectionsRef.current);
       return state.sections.find((s) => s.id === sectionId) ?? null;
     },
     [aiSectionsRef]
   );
-  const runMutation = (0, import_react12.useCallback)(
+  const runMutation = (0, import_react14.useCallback)(
     async (sectionId, mutate) => {
       const entry = findEntry(sectionId);
       if (!entry) return false;
@@ -20683,7 +20926,7 @@ function AiVideoOverlay({
 }
 
 // src/ui/ai-section/AiFadeCarouselOverlay.tsx
-var import_react13 = require("react");
+var import_react15 = require("react");
 var import_lucide_react12 = require("lucide-react");
 
 // src/lib/ai-carousel-tree.ts
@@ -20756,8 +20999,8 @@ function readRect5(ref) {
   return { top: r2.top, left: r2.left, width: r2.width, height: r2.height };
 }
 function useLiveItemRect2(ref) {
-  const [rect, setRect] = (0, import_react13.useState)(null);
-  (0, import_react13.useEffect)(() => {
+  const [rect, setRect] = (0, import_react15.useState)(null);
+  (0, import_react15.useEffect)(() => {
     if (!ref) {
       setRect(null);
       return;
@@ -20964,19 +21207,19 @@ function AiFadeCarouselOverlay({
   applyTreeLocalRef,
   clearInteractionChromeRef
 }) {
-  const [hover, setHover] = (0, import_react13.useState)(null);
-  const [active, setActive] = (0, import_react13.useState)(null);
-  const [pending, setPending] = (0, import_react13.useState)(false);
-  const [error, setError] = (0, import_react13.useState)(null);
-  const [autoplayOverride, setAutoplayOverride] = (0, import_react13.useState)(null);
-  const [swapping, setSwapping] = (0, import_react13.useState)(null);
-  const skeletonRef = (0, import_react13.useRef)(null);
-  const activeRef = (0, import_react13.useRef)(null);
+  const [hover, setHover] = (0, import_react15.useState)(null);
+  const [active, setActive] = (0, import_react15.useState)(null);
+  const [pending, setPending] = (0, import_react15.useState)(false);
+  const [error, setError] = (0, import_react15.useState)(null);
+  const [autoplayOverride, setAutoplayOverride] = (0, import_react15.useState)(null);
+  const [swapping, setSwapping] = (0, import_react15.useState)(null);
+  const skeletonRef = (0, import_react15.useRef)(null);
+  const activeRef = (0, import_react15.useRef)(null);
   activeRef.current = active;
-  (0, import_react13.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     setAutoplayOverride(null);
   }, [active?.sectionId, active?.index]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!swapping?.fadingOut || !skeletonRef.current) return;
     const anim = skeletonRef.current.animate([{ opacity: 1 }, { opacity: 0 }], {
       duration: MEDIA_UPLOAD_FADE_MS,
@@ -20986,7 +21229,7 @@ function AiFadeCarouselOverlay({
     anim.finished.then(() => setSwapping(null)).catch(() => setSwapping(null));
     return () => anim.cancel();
   }, [swapping?.fadingOut]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const onMove = (e) => {
       const t = e.target;
       if (!(t instanceof Element)) return;
@@ -21020,7 +21263,7 @@ function AiFadeCarouselOverlay({
       document.documentElement.removeEventListener("mouseleave", onLeave);
     };
   }, []);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const onClick = (e) => {
       const current = activeRef.current;
       if (!current) return;
@@ -21035,7 +21278,7 @@ function AiFadeCarouselOverlay({
     document.addEventListener("click", onClick, true);
     return () => document.removeEventListener("click", onClick, true);
   }, []);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const onBlur = () => {
       if (!activeRef.current) return;
       setActive(null);
@@ -21044,7 +21287,7 @@ function AiFadeCarouselOverlay({
     window.addEventListener("blur", onBlur);
     return () => window.removeEventListener("blur", onBlur);
   }, []);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const onKeyDown = (e) => {
       if (e.key !== "Escape") return;
       if (!activeRef.current) return;
@@ -21054,14 +21297,14 @@ function AiFadeCarouselOverlay({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, []);
-  const findEntry = (0, import_react13.useCallback)(
+  const findEntry = (0, import_react15.useCallback)(
     (sectionId) => {
       const state = parseAiSectionsState(aiSectionsRef.current);
       return state.sections.find((s) => s.id === sectionId) ?? null;
     },
     [aiSectionsRef]
   );
-  const runMutation = (0, import_react13.useCallback)(
+  const runMutation = (0, import_react15.useCallback)(
     async (sectionId, mutate, extraMedia) => {
       const entry = findEntry(sectionId);
       if (!entry) return false;
@@ -21198,7 +21441,7 @@ function AiFadeCarouselOverlay({
 
 // src/OhhwellsBridge.tsx
 var import_react_dom6 = require("react-dom");
-var import_navigation3 = require("next/navigation");
+var import_navigation4 = require("next/navigation");
 
 // src/lib/media-overlay-guards.ts
 var BRIDGE_CHROME_SELECTOR = [
@@ -21340,35 +21583,8 @@ function mergePrefetchedSections(prev, fetched, livePath, liveSections) {
   return next;
 }
 
-// src/lib/scroll-to-section.ts
-var MAX_ATTEMPTS = 12;
-var RETRY_MS = 100;
-function getHashSectionId() {
-  if (typeof window === "undefined") return null;
-  const id = window.location.hash.replace(/^#/, "").trim();
-  return id || null;
-}
-function scrollToOhwSection(sectionId, behavior = "smooth") {
-  if (!sectionId || typeof document === "undefined") return false;
-  const el = document.querySelector(`[data-ohw-section="${CSS.escape(sectionId)}"]`);
-  if (!el) return false;
-  el.scrollIntoView({ behavior, block: "start" });
-  return true;
-}
-function scrollToHashSectionWhenReady(behavior = "smooth") {
-  const id = getHashSectionId();
-  if (!id) return;
-  let attempt = 0;
-  const tick = () => {
-    if (scrollToOhwSection(id, behavior)) return;
-    attempt += 1;
-    if (attempt < MAX_ATTEMPTS) window.setTimeout(tick, RETRY_MS);
-  };
-  tick();
-}
-
 // src/ui/link-modal/LinkPopover.tsx
-var import_react17 = require("react");
+var import_react19 = require("react");
 
 // src/ui/link-modal/LinkEditorPanel.tsx
 var import_lucide_react16 = require("lucide-react");
@@ -21461,7 +21677,7 @@ function SectionTreeItem({
 }
 
 // src/ui/link-modal/UrlOrPageInput.tsx
-var import_react14 = require("react");
+var import_react16 = require("react");
 
 // src/ui/input.tsx
 var React10 = __toESM(require("react"), 1);
@@ -21529,11 +21745,11 @@ function UrlOrPageInput({
   readOnly = false,
   urlError
 }) {
-  const inputId = (0, import_react14.useId)();
-  const inputRef = (0, import_react14.useRef)(null);
-  const rootRef = (0, import_react14.useRef)(null);
-  const [isFocused, setIsFocused] = (0, import_react14.useState)(false);
-  (0, import_react14.useEffect)(() => {
+  const inputId = (0, import_react16.useId)();
+  const inputRef = (0, import_react16.useRef)(null);
+  const rootRef = (0, import_react16.useRef)(null);
+  const [isFocused, setIsFocused] = (0, import_react16.useState)(false);
+  (0, import_react16.useEffect)(() => {
     if (!dropdownOpen) return;
     const isOutside = (e) => {
       const root = rootRef.current;
@@ -21741,10 +21957,10 @@ function LinkEditorPanel({ state, onClose }) {
 }
 
 // src/ui/link-modal/SectionPickerOverlay.tsx
-var import_react15 = require("react");
+var import_react17 = require("react");
 var import_react_dom4 = require("react-dom");
 var import_lucide_react17 = require("lucide-react");
-var import_navigation2 = require("next/navigation");
+var import_navigation3 = require("next/navigation");
 
 // src/lib/parent-scroll.ts
 function visibleBand(parentScroll) {
@@ -21798,12 +22014,12 @@ function hitTestSectionId(x, y, sectionIds, rects) {
   return null;
 }
 function useSectionRects(sectionIdsKey, enabled) {
-  const [rects, setRects] = (0, import_react15.useState)(/* @__PURE__ */ new Map());
-  const sectionIds = (0, import_react15.useMemo)(
+  const [rects, setRects] = (0, import_react17.useState)(/* @__PURE__ */ new Map());
+  const sectionIds = (0, import_react17.useMemo)(
     () => sectionIdsKey ? sectionIdsKey.split("\0") : [],
     [sectionIdsKey]
   );
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!enabled || sectionIds.length === 0) {
       setRects((prev) => prev.size === 0 ? prev : /* @__PURE__ */ new Map());
       return;
@@ -21842,15 +22058,15 @@ function SectionPickerOverlay({
   onBack,
   onSelect
 }) {
-  const router = (0, import_navigation2.useRouter)();
-  const pathname = (0, import_navigation2.usePathname)();
-  const [selectedId, setSelectedId] = (0, import_react15.useState)(null);
-  const [hoveredId, setHoveredId] = (0, import_react15.useState)(null);
-  const pointerRef = (0, import_react15.useRef)(null);
-  const pointerScreenRef = (0, import_react15.useRef)(null);
-  const iframeOffsetTopRef = (0, import_react15.useRef)(null);
-  const sectionIdsRef = (0, import_react15.useRef)([]);
-  const [chromeClip, setChromeClip] = (0, import_react15.useState)(
+  const router = (0, import_navigation3.useRouter)();
+  const pathname = (0, import_navigation3.usePathname)();
+  const [selectedId, setSelectedId] = (0, import_react17.useState)(null);
+  const [hoveredId, setHoveredId] = (0, import_react17.useState)(null);
+  const pointerRef = (0, import_react17.useRef)(null);
+  const pointerScreenRef = (0, import_react17.useRef)(null);
+  const iframeOffsetTopRef = (0, import_react17.useRef)(null);
+  const sectionIdsRef = (0, import_react17.useRef)([]);
+  const [chromeClip, setChromeClip] = (0, import_react17.useState)(
     () => ({
       top: 0,
       bottom: typeof window !== "undefined" ? window.innerHeight : 0
@@ -21858,12 +22074,12 @@ function SectionPickerOverlay({
   );
   const normalizedTarget = normalizePath(pagePath);
   const isOnTargetPage = normalizePath(pathname) === normalizedTarget;
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (isOnTargetPage) return;
     const search = readPreservedSearch();
     router.push(`${normalizedTarget}${search}`);
   }, [isOnTargetPage, normalizedTarget, router]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     document.documentElement.setAttribute("data-ohw-section-picking", "");
     document.querySelectorAll("[data-ohw-hovered]").forEach((el) => {
       el.removeAttribute("data-ohw-hovered");
@@ -21875,24 +22091,24 @@ function SectionPickerOverlay({
       document.documentElement.removeAttribute("data-ohw-section-picking");
     };
   }, []);
-  const liveSections = (0, import_react15.useMemo)(() => {
+  const liveSections = (0, import_react17.useMemo)(() => {
     if (!isOnTargetPage) return sections;
     const live = collectSectionsFromDom();
     if (live.length === 0) return sections;
     const labels = new Map(sections.map((s) => [s.id, s.label]));
     return live.map((s) => ({ id: s.id, label: labels.get(s.id) ?? s.label }));
   }, [isOnTargetPage, sections, pathname]);
-  const sectionIdsKey = (0, import_react15.useMemo)(
+  const sectionIdsKey = (0, import_react17.useMemo)(
     () => liveSections.map((s) => s.id).join("\0"),
     [liveSections]
   );
-  const sectionIds = (0, import_react15.useMemo)(
+  const sectionIds = (0, import_react17.useMemo)(
     () => liveSections.map((s) => s.id),
     [liveSections]
   );
   sectionIdsRef.current = sectionIds;
   const rects = useSectionRects(sectionIdsKey, isOnTargetPage);
-  const applyHoverAt = (0, import_react15.useCallback)(
+  const applyHoverAt = (0, import_react17.useCallback)(
     (x, y, liveRects) => {
       const ids = sectionIdsRef.current;
       const map = liveRects ?? readSectionRects(ids);
@@ -21901,7 +22117,7 @@ function SectionPickerOverlay({
     },
     []
   );
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const applyClip = (iframeOffsetTop, visibleCanvasTop, canvasH, promptBarH = 0) => {
       const next = getIframeVisibleClip({
         iframeOffsetTop,
@@ -21945,12 +22161,12 @@ function SectionPickerOverlay({
       window.removeEventListener("resize", onResize);
     };
   }, [applyHoverAt]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const ptr = pointerRef.current;
     if (!ptr) return;
     applyHoverAt(ptr.x, ptr.y, rects);
   }, [rects, applyHoverAt]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const rememberPointer = (clientX, clientY) => {
       pointerRef.current = { x: clientX, y: clientY };
       const top = iframeOffsetTopRef.current;
@@ -21974,7 +22190,7 @@ function SectionPickerOverlay({
       window.removeEventListener("message", onPointerSync);
     };
   }, [rects, applyHoverAt]);
-  const handleSelect = (0, import_react15.useCallback)(
+  const handleSelect = (0, import_react17.useCallback)(
     (section) => {
       if (selectedId) return;
       setSelectedId(section.id);
@@ -21982,7 +22198,7 @@ function SectionPickerOverlay({
     },
     [selectedId, onSelect]
   );
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const onKeyDown = (e) => {
       if (e.key === "Escape") {
         e.preventDefault();
@@ -22105,7 +22321,7 @@ function SectionPickerOverlay({
 }
 
 // src/ui/link-modal/useLinkModalState.ts
-var import_react16 = require("react");
+var import_react18 = require("react");
 function useLinkModalState({
   open,
   mode,
@@ -22117,14 +22333,14 @@ function useLinkModalState({
   onClose,
   onSubmit
 }) {
-  const availablePages = (0, import_react16.useMemo)(() => pages, [pages]);
-  const [searchValue, setSearchValue] = (0, import_react16.useState)("");
-  const [selectedPage, setSelectedPage] = (0, import_react16.useState)(null);
-  const [selectedSection, setSelectedSection] = (0, import_react16.useState)(null);
-  const [step, setStep] = (0, import_react16.useState)("input");
-  const [dropdownOpen, setDropdownOpen] = (0, import_react16.useState)(false);
-  const [urlError, setUrlError] = (0, import_react16.useState)("");
-  const reset = (0, import_react16.useCallback)(() => {
+  const availablePages = (0, import_react18.useMemo)(() => pages, [pages]);
+  const [searchValue, setSearchValue] = (0, import_react18.useState)("");
+  const [selectedPage, setSelectedPage] = (0, import_react18.useState)(null);
+  const [selectedSection, setSelectedSection] = (0, import_react18.useState)(null);
+  const [step, setStep] = (0, import_react18.useState)("input");
+  const [dropdownOpen, setDropdownOpen] = (0, import_react18.useState)(false);
+  const [urlError, setUrlError] = (0, import_react18.useState)("");
+  const reset = (0, import_react18.useCallback)(() => {
     setSearchValue("");
     setSelectedPage(null);
     setSelectedSection(null);
@@ -22132,7 +22348,7 @@ function useLinkModalState({
     setDropdownOpen(false);
     setUrlError("");
   }, []);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!open) return;
     if (mode === "edit" && initialTarget) {
       const { pageRoute } = parseTarget(initialTarget);
@@ -22148,11 +22364,11 @@ function useLinkModalState({
     setDropdownOpen(false);
     setUrlError("");
   }, [open, mode, initialTarget, reset]);
-  const filteredPages = (0, import_react16.useMemo)(() => {
+  const filteredPages = (0, import_react18.useMemo)(() => {
     if (!searchValue.trim()) return availablePages;
     return availablePages.filter((p) => p.title.toLowerCase().startsWith(searchValue.toLowerCase()));
   }, [availablePages, searchValue]);
-  const activeSections = (0, import_react16.useMemo)(() => {
+  const activeSections = (0, import_react18.useMemo)(() => {
     if (!selectedPage) return [];
     return getSectionsForPath(sectionsByPath, selectedPage.path);
   }, [selectedPage, sectionsByPath]);
@@ -22201,7 +22417,7 @@ function useLinkModalState({
     reset();
     onClose();
   };
-  const isValid = (0, import_react16.useMemo)(() => {
+  const isValid = (0, import_react18.useMemo)(() => {
     if (urlError) return false;
     if (showBreadcrumb) return true;
     if (selectedPage) return true;
@@ -22298,7 +22514,7 @@ function LinkPopover({
     onSubmit
   });
   const sectionPickerActive = state.showSectionPicker && Boolean(state.selectedPage);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (!open) return;
     if (sectionPickerActive) {
       postToParent({ type: "ui:unlock" });
@@ -22540,7 +22756,7 @@ function addFooterColumnWithPersist({
 }
 
 // src/ui/FloatingPanel.tsx
-var import_react18 = require("react");
+var import_react20 = require("react");
 var import_lucide_react18 = require("lucide-react");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var PANEL_WIDTH = 256;
@@ -22602,10 +22818,10 @@ function FloatingPanel({
   className,
   bodyClassName
 }) {
-  const panelRef = (0, import_react18.useRef)(null);
-  const [measured, setMeasured] = (0, import_react18.useState)({ w: PANEL_WIDTH, h: 280 });
-  const dragRef = (0, import_react18.useRef)(null);
-  const homeRef = (0, import_react18.useRef)(null);
+  const panelRef = (0, import_react20.useRef)(null);
+  const [measured, setMeasured] = (0, import_react20.useState)({ w: PANEL_WIDTH, h: 280 });
+  const dragRef = (0, import_react20.useRef)(null);
+  const homeRef = (0, import_react20.useRef)(null);
   if (!open) {
     homeRef.current = null;
   } else if (position) {
@@ -22613,17 +22829,17 @@ function FloatingPanel({
   } else if (homeRef.current == null) {
     homeRef.current = defaultFloatingPanelPosition(parentScroll);
   }
-  const [liveScroll, setLiveScroll] = (0, import_react18.useState)(parentScroll);
+  const [liveScroll, setLiveScroll] = (0, import_react20.useState)(parentScroll);
   const home = position ?? homeRef.current ?? defaultFloatingPanelPosition(parentScroll);
   const { y: fittedY, maxHeight } = fitPanelInClip(home.y, liveScroll, measured.h);
   const clamped = {
     x: clampX(home.x, measured.w),
     y: fittedY
   };
-  (0, import_react18.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     setLiveScroll(parentScroll);
   }, [parentScroll]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (!open) return;
     const onParentScroll = (e) => {
       if (e.data?.type !== "ow:parent-scroll") return;
@@ -22633,8 +22849,8 @@ function FloatingPanel({
     window.addEventListener("message", onParentScroll);
     return () => window.removeEventListener("message", onParentScroll);
   }, [open]);
-  const positionRef = (0, import_react18.useRef)(position);
-  (0, import_react18.useLayoutEffect)(() => {
+  const positionRef = (0, import_react20.useRef)(position);
+  (0, import_react20.useLayoutEffect)(() => {
     if (!open) {
       positionRef.current = position;
       return;
@@ -22644,7 +22860,7 @@ function FloatingPanel({
     }
     positionRef.current = position;
   }, [open, position, liveScroll, parentScroll]);
-  (0, import_react18.useLayoutEffect)(() => {
+  (0, import_react20.useLayoutEffect)(() => {
     if (!open || !panelRef.current) return;
     const el = panelRef.current;
     const header = el.querySelector("[data-ohw-floating-panel-header]");
@@ -22653,7 +22869,7 @@ function FloatingPanel({
     const next = { w: el.offsetWidth || PANEL_WIDTH, h: contentH };
     setMeasured((prev) => prev.w === next.w && prev.h === next.h ? prev : next);
   }, [open, children, title, context]);
-  const onHeaderPointerDown = (0, import_react18.useCallback)(
+  const onHeaderPointerDown = (0, import_react20.useCallback)(
     (e) => {
       if (e.button !== 0) return;
       if (e.target.closest("[data-ohw-floating-panel-close]")) return;
@@ -22672,7 +22888,7 @@ function FloatingPanel({
     },
     [clamped.x, clamped.y]
   );
-  const onHeaderPointerMove = (0, import_react18.useCallback)(
+  const onHeaderPointerMove = (0, import_react20.useCallback)(
     (e) => {
       const drag = dragRef.current;
       if (!drag || drag.pointerId !== e.pointerId) return;
@@ -22698,7 +22914,7 @@ function FloatingPanel({
     },
     [measured.w, onPositionChange, liveScroll]
   );
-  const endDrag = (0, import_react18.useCallback)((e) => {
+  const endDrag = (0, import_react20.useCallback)((e) => {
     const drag = dragRef.current;
     if (!drag || drag.pointerId !== e.pointerId) return;
     dragRef.current = null;
@@ -22708,11 +22924,11 @@ function FloatingPanel({
     } catch {
     }
   }, []);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (open) return;
     document.documentElement.removeAttribute("data-ohw-panel-dragging");
   }, [open]);
-  (0, import_react18.useEffect)(() => () => document.documentElement.removeAttribute("data-ohw-panel-dragging"), []);
+  (0, import_react20.useEffect)(() => () => document.documentElement.removeAttribute("data-ohw-panel-dragging"), []);
   if (!open) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "div",
@@ -23232,7 +23448,7 @@ function hitTestNavDropSlot(clientX, clientY, draggedHrefKey, draggedEl) {
 }
 
 // src/useNavItemDrag.ts
-var import_react19 = require("react");
+var import_react21 = require("react");
 function useNavItemDrag({
   isEditMode,
   editContentRef,
@@ -23256,11 +23472,11 @@ function useNavItemDrag({
   getNavigationItemAnchor: getNavigationItemAnchor2,
   isDragHandleDisabled: isDragHandleDisabled2
 }) {
-  const navDragRef = (0, import_react19.useRef)(null);
-  const [navDropSlots, setNavDropSlots] = (0, import_react19.useState)([]);
-  const [activeNavDropIndex, setActiveNavDropIndex] = (0, import_react19.useState)(null);
-  const navPointerDragRef = (0, import_react19.useRef)(null);
-  const clearNavDragVisuals = (0, import_react19.useCallback)(() => {
+  const navDragRef = (0, import_react21.useRef)(null);
+  const [navDropSlots, setNavDropSlots] = (0, import_react21.useState)([]);
+  const [activeNavDropIndex, setActiveNavDropIndex] = (0, import_react21.useState)(null);
+  const navPointerDragRef = (0, import_react21.useRef)(null);
+  const clearNavDragVisuals = (0, import_react21.useCallback)(() => {
     const session = navDragRef.current;
     const nestedHrefKey = session?.draggedEl?.closest("[data-ohw-nav-children]") != null ? session.hrefKey : null;
     navDragRef.current = null;
@@ -23293,7 +23509,7 @@ function useNavItemDrag({
     document.documentElement.removeAttribute("data-ohw-nav-dragging-root");
     unlockItemDragInteraction();
   }, [setDraggedItemRect, setIsItemDragging, setSiblingHintRects]);
-  const refreshNavDragVisuals = (0, import_react19.useCallback)(
+  const refreshNavDragVisuals = (0, import_react21.useCallback)(
     (session, activeSlot, clientX, clientY) => {
       setDraggedItemRect(session.draggedEl.getBoundingClientRect());
       if (typeof clientX === "number" && typeof clientY === "number") {
@@ -23311,13 +23527,13 @@ function useNavItemDrag({
     },
     [setDraggedItemRect, setSiblingHintRects]
   );
-  const refreshNavDragVisualsRef = (0, import_react19.useRef)(refreshNavDragVisuals);
+  const refreshNavDragVisualsRef = (0, import_react21.useRef)(refreshNavDragVisuals);
   refreshNavDragVisualsRef.current = refreshNavDragVisuals;
-  const commitNavDragRef = (0, import_react19.useRef)(() => {
+  const commitNavDragRef = (0, import_react21.useRef)(() => {
   });
-  const beginNavDragRef = (0, import_react19.useRef)(() => {
+  const beginNavDragRef = (0, import_react21.useRef)(() => {
   });
-  const beginNavDrag = (0, import_react19.useCallback)(
+  const beginNavDrag = (0, import_react21.useCallback)(
     (session) => {
       const rect = session.draggedEl.getBoundingClientRect();
       session.lastClientX = session.lastClientX || rect.left + rect.width / 2;
@@ -23356,7 +23572,7 @@ function useNavItemDrag({
     ]
   );
   beginNavDragRef.current = beginNavDrag;
-  const commitNavDrag = (0, import_react19.useCallback)(
+  const commitNavDrag = (0, import_react21.useCallback)(
     (clientX, clientY) => {
       const session = navDragRef.current;
       if (!session) {
@@ -23435,7 +23651,7 @@ function useNavItemDrag({
     [clearNavDragVisuals, deselectRef, editContentRef, postToParentRef, selectRef]
   );
   commitNavDragRef.current = commitNavDrag;
-  const startNavLinkDrag = (0, import_react19.useCallback)(
+  const startNavLinkDrag = (0, import_react21.useCallback)(
     (anchor, clientX, clientY, wasSelected) => {
       if (footerDragRef.current) return false;
       const hrefKey = anchor.getAttribute("data-ohw-href-key");
@@ -23453,7 +23669,7 @@ function useNavItemDrag({
     },
     [beginNavDrag, footerDragRef, isDragHandleDisabled2, isCtaButton]
   );
-  const onNavDragOver = (0, import_react19.useCallback)(
+  const onNavDragOver = (0, import_react21.useCallback)(
     (e) => {
       const session = navDragRef.current;
       if (!session) return false;
@@ -23465,7 +23681,7 @@ function useNavItemDrag({
     },
     []
   );
-  (0, import_react19.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (!isEditMode) return;
     const THRESHOLD = 10;
     const resolveWasSelected = (el) => {
@@ -23592,7 +23808,7 @@ function useNavItemDrag({
     setLinkPopover,
     suppressNextClickRef
   ]);
-  const armNavPressFromChrome = (0, import_react19.useCallback)(
+  const armNavPressFromChrome = (0, import_react21.useCallback)(
     (selected, clientX, clientY, pointerId) => {
       const hrefKey = selected.getAttribute("data-ohw-href-key");
       if (!hrefKey || !isNavbarHrefKey(hrefKey)) return false;
@@ -23624,7 +23840,7 @@ function useNavItemDrag({
 }
 
 // src/useSectionDrag.ts
-var import_react20 = require("react");
+var import_react22 = require("react");
 
 // src/lib/section-dnd.ts
 function isFooterSection(el) {
@@ -23717,21 +23933,21 @@ function useSectionDrag({
   suppressNextClickRef,
   suppressClickUntilRef
 }) {
-  const sectionDragRef = (0, import_react20.useRef)(null);
-  const [sectionDropSlots, setSectionDropSlots] = (0, import_react20.useState)([]);
-  const [activeSectionDropIndex, setActiveSectionDropIndex] = (0, import_react20.useState)(null);
-  const [isSectionDragging, setIsSectionDragging] = (0, import_react20.useState)(false);
-  const sectionPointerDragRef = (0, import_react20.useRef)(null);
-  const autoScrollRafRef = (0, import_react20.useRef)(null);
-  const autoScrollDeltaRef = (0, import_react20.useRef)(0);
-  const stopAutoScroll = (0, import_react20.useCallback)(() => {
+  const sectionDragRef = (0, import_react22.useRef)(null);
+  const [sectionDropSlots, setSectionDropSlots] = (0, import_react22.useState)([]);
+  const [activeSectionDropIndex, setActiveSectionDropIndex] = (0, import_react22.useState)(null);
+  const [isSectionDragging, setIsSectionDragging] = (0, import_react22.useState)(false);
+  const sectionPointerDragRef = (0, import_react22.useRef)(null);
+  const autoScrollRafRef = (0, import_react22.useRef)(null);
+  const autoScrollDeltaRef = (0, import_react22.useRef)(0);
+  const stopAutoScroll = (0, import_react22.useCallback)(() => {
     if (autoScrollRafRef.current != null) {
       cancelAnimationFrame(autoScrollRafRef.current);
       autoScrollRafRef.current = null;
     }
     autoScrollDeltaRef.current = 0;
   }, []);
-  const tickAutoScroll = (0, import_react20.useCallback)(() => {
+  const tickAutoScroll = (0, import_react22.useCallback)(() => {
     if (!sectionDragRef.current) {
       stopAutoScroll();
       return;
@@ -23741,7 +23957,7 @@ function useSectionDrag({
     }
     autoScrollRafRef.current = requestAnimationFrame(tickAutoScroll);
   }, [postToParentRef, stopAutoScroll]);
-  const updateAutoScroll = (0, import_react20.useCallback)(
+  const updateAutoScroll = (0, import_react22.useCallback)(
     (clientY) => {
       const clip = getIframeChromeClip(parentScrollRef.current);
       let delta = 0;
@@ -23763,7 +23979,7 @@ function useSectionDrag({
     },
     [parentScrollRef, stopAutoScroll, tickAutoScroll]
   );
-  const clearSectionDragVisuals = (0, import_react20.useCallback)(() => {
+  const clearSectionDragVisuals = (0, import_react22.useCallback)(() => {
     sectionDragRef.current?.draggedEl.removeAttribute("data-ohw-section-dragging");
     sectionDragRef.current = null;
     setSectionDropSlots([]);
@@ -23773,7 +23989,7 @@ function useSectionDrag({
     document.documentElement.removeAttribute("data-ohw-section-dragging-root");
     unlockItemDragInteraction();
   }, [stopAutoScroll]);
-  const refreshSectionDragVisuals = (0, import_react20.useCallback)(
+  const refreshSectionDragVisuals = (0, import_react22.useCallback)(
     (session, clientX, clientY) => {
       session.lastClientX = clientX;
       session.lastClientY = clientY;
@@ -23787,7 +24003,7 @@ function useSectionDrag({
     },
     [updateAutoScroll]
   );
-  const beginSectionDrag = (0, import_react20.useCallback)(
+  const beginSectionDrag = (0, import_react22.useCallback)(
     (session) => {
       sectionDragRef.current = session;
       setIsSectionDragging(true);
@@ -23798,7 +24014,7 @@ function useSectionDrag({
     },
     [refreshSectionDragVisuals]
   );
-  const commitSectionDrag = (0, import_react20.useCallback)(() => {
+  const commitSectionDrag = (0, import_react22.useCallback)(() => {
     const session = sectionDragRef.current;
     if (!session) {
       clearSectionDragVisuals();
@@ -23827,7 +24043,7 @@ function useSectionDrag({
       });
     });
   }, [clearSectionDragVisuals, editContentRef, postToParentRef]);
-  const startSectionPressDrag = (0, import_react20.useCallback)(
+  const startSectionPressDrag = (0, import_react22.useCallback)(
     (el, clientX, clientY, pointerId) => {
       if (navDragRef.current || footerDragRef.current || sectionDragRef.current) return false;
       const instanceId = instanceIdOf(el);
@@ -23844,7 +24060,7 @@ function useSectionDrag({
     },
     [footerDragRef, navDragRef]
   );
-  (0, import_react20.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (!isEditMode) return;
     const onPointerDown = (e) => {
       if (e.button !== 0) return;
@@ -25622,9 +25838,9 @@ function FloatingToolbar({
   showEditLink,
   onEditLink
 }) {
-  const localRef = import_react21.default.useRef(null);
-  const [measuredW, setMeasuredW] = import_react21.default.useState(330);
-  const setRefs = import_react21.default.useCallback(
+  const localRef = import_react23.default.useRef(null);
+  const [measuredW, setMeasuredW] = import_react23.default.useState(330);
+  const setRefs = import_react23.default.useCallback(
     (node) => {
       localRef.current = node;
       if (typeof elRef === "function") elRef(node);
@@ -25636,7 +25852,7 @@ function FloatingToolbar({
     },
     [elRef]
   );
-  import_react21.default.useLayoutEffect(() => {
+  import_react23.default.useLayoutEffect(() => {
     const node = localRef.current;
     if (!node) return;
     const update = () => {
@@ -25662,7 +25878,7 @@ function FloatingToolbar({
         pointerEvents: "auto"
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(CustomToolbar, { children: [
-        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_react21.default.Fragment, { children: [
+        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_react23.default.Fragment, { children: [
           gi > 0 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CustomToolbarDivider, {}),
           btns.map((btn) => {
             const isActive = activeCommands.has(btn.cmd);
@@ -25867,12 +26083,12 @@ function resolveSubdomain(subdomainFromQuery) {
   return "";
 }
 function OhhwellsBridge() {
-  const pathname = (0, import_navigation3.usePathname)();
-  const router = (0, import_navigation3.useRouter)();
-  const searchParams = (0, import_navigation3.useSearchParams)();
+  const pathname = (0, import_navigation4.usePathname)();
+  const router = (0, import_navigation4.useRouter)();
+  const searchParams = (0, import_navigation4.useSearchParams)();
   const isEditMode = isEditSessionActive();
-  const [bridgeRoot, setBridgeRoot] = (0, import_react21.useState)(null);
-  (0, import_react21.useEffect)(() => {
+  const [bridgeRoot, setBridgeRoot] = (0, import_react23.useState)(null);
+  (0, import_react23.useEffect)(() => {
     const figtreeFontId = "ohw-figtree-font";
     if (!document.getElementById(figtreeFontId)) {
       const preconnect1 = Object.assign(document.createElement("link"), { rel: "preconnect", href: "https://fonts.googleapis.com" });
@@ -25898,8 +26114,8 @@ function OhhwellsBridge() {
     };
   }, []);
   const subdomainFromQuery = searchParams.get("subdomain");
-  const [subdomain, setSubdomain] = (0, import_react21.useState)(() => resolveSubdomain(subdomainFromQuery));
-  (0, import_react21.useLayoutEffect)(() => {
+  const [subdomain, setSubdomain] = (0, import_react23.useState)(() => resolveSubdomain(subdomainFromQuery));
+  (0, import_react23.useLayoutEffect)(() => {
     const next = resolveSubdomain(subdomainFromQuery);
     if (next !== subdomain) setSubdomain(next);
     if (next) return;
@@ -25911,7 +26127,7 @@ function OhhwellsBridge() {
     }, 0);
     return () => window.clearTimeout(t);
   }, [subdomainFromQuery, subdomain]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!subdomainFromQuery || typeof window === "undefined") return;
     const url = new URL(window.location.href);
     if (!url.searchParams.has("subdomain")) return;
@@ -25921,22 +26137,24 @@ function OhhwellsBridge() {
   }, [subdomainFromQuery]);
   useLinkHrefGuardian(pathname, subdomain, isEditMode);
   useSavedLinkNavigation(isEditMode);
-  const postToParent2 = (0, import_react21.useCallback)((data) => {
+  useNavDropdownToggle(isEditMode);
+  useHashLinkScroll(isEditMode);
+  const postToParent2 = (0, import_react23.useCallback)((data) => {
     if (typeof window !== "undefined" && window.parent !== window) {
       window.parent.postMessage(data, "*");
     }
   }, []);
-  const [fetchState, setFetchState] = (0, import_react21.useState)("idle");
-  const [showBranding, setShowBranding] = (0, import_react21.useState)(false);
-  const autoSaveTimers = (0, import_react21.useRef)(/* @__PURE__ */ new Map());
-  (0, import_react21.useEffect)(() => {
+  const [fetchState, setFetchState] = (0, import_react23.useState)("idle");
+  const [showBranding, setShowBranding] = (0, import_react23.useState)(false);
+  const autoSaveTimers = (0, import_react23.useRef)(/* @__PURE__ */ new Map());
+  (0, import_react23.useEffect)(() => {
     stampBridgeVersionOnDocument();
   }, []);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (isEditMode) return;
     return armLoaderHangBeacon(subdomain, fetchState);
   }, [isEditMode, subdomain, fetchState]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (isEditMode || !subdomain) return;
     const onError = (event) => {
       reportOutageBeacon({
@@ -25957,40 +26175,40 @@ function OhhwellsBridge() {
       window.removeEventListener("unhandledrejection", onRejection);
     };
   }, [isEditMode, subdomain]);
-  const activeElRef = (0, import_react21.useRef)(null);
-  const pointerHeldRef = (0, import_react21.useRef)(false);
-  const selectedElRef = (0, import_react21.useRef)(null);
-  const selectedHrefKeyRef = (0, import_react21.useRef)(null);
-  const selectedFooterColAttrRef = (0, import_react21.useRef)(null);
-  const footerHeadingTitleCacheRef = (0, import_react21.useRef)(/* @__PURE__ */ new Map());
-  const originalContentRef = (0, import_react21.useRef)(null);
-  const activeStateElRef = (0, import_react21.useRef)(null);
-  const parentScrollRef = (0, import_react21.useRef)(null);
-  const visibleViewportRef = (0, import_react21.useRef)(null);
-  const [dialogPortalContainer, setDialogPortalContainer] = (0, import_react21.useState)(null);
-  const attachVisibleViewport = (0, import_react21.useCallback)((node) => {
+  const activeElRef = (0, import_react23.useRef)(null);
+  const pointerHeldRef = (0, import_react23.useRef)(false);
+  const selectedElRef = (0, import_react23.useRef)(null);
+  const selectedHrefKeyRef = (0, import_react23.useRef)(null);
+  const selectedFooterColAttrRef = (0, import_react23.useRef)(null);
+  const footerHeadingTitleCacheRef = (0, import_react23.useRef)(/* @__PURE__ */ new Map());
+  const originalContentRef = (0, import_react23.useRef)(null);
+  const activeStateElRef = (0, import_react23.useRef)(null);
+  const parentScrollRef = (0, import_react23.useRef)(null);
+  const visibleViewportRef = (0, import_react23.useRef)(null);
+  const [dialogPortalContainer, setDialogPortalContainer] = (0, import_react23.useState)(null);
+  const attachVisibleViewport = (0, import_react23.useCallback)((node) => {
     visibleViewportRef.current = node;
     setDialogPortalContainer(node);
     if (node) applyVisibleViewport(node, parentScrollRef.current);
   }, []);
-  const toolbarElRef = (0, import_react21.useRef)(null);
-  const glowElRef = (0, import_react21.useRef)(null);
-  const hoveredImageRef = (0, import_react21.useRef)(null);
-  const hoveredImageHasTextOverlapRef = (0, import_react21.useRef)(false);
-  const dragOverElRef = (0, import_react21.useRef)(null);
-  const [mediaHover, setMediaHover] = (0, import_react21.useState)(null);
-  const [selectedAiSectionId, setSelectedAiSectionId] = (0, import_react21.useState)(null);
-  const selectedAiSectionIdRef = (0, import_react21.useRef)(null);
-  const handleAiSectionSelectionChange = (0, import_react21.useCallback)((id) => {
+  const toolbarElRef = (0, import_react23.useRef)(null);
+  const glowElRef = (0, import_react23.useRef)(null);
+  const hoveredImageRef = (0, import_react23.useRef)(null);
+  const hoveredImageHasTextOverlapRef = (0, import_react23.useRef)(false);
+  const dragOverElRef = (0, import_react23.useRef)(null);
+  const [mediaHover, setMediaHover] = (0, import_react23.useState)(null);
+  const [selectedAiSectionId, setSelectedAiSectionId] = (0, import_react23.useState)(null);
+  const selectedAiSectionIdRef = (0, import_react23.useRef)(null);
+  const handleAiSectionSelectionChange = (0, import_react23.useCallback)((id) => {
     selectedAiSectionIdRef.current = id;
     setSelectedAiSectionId(id);
   }, []);
-  const [selectedMedia, setSelectedMedia] = (0, import_react21.useState)(null);
-  const selectedMediaElRef = (0, import_react21.useRef)(null);
-  const mediaKeyDropTokenRef = (0, import_react21.useRef)(0);
-  const selectedIconElRef = (0, import_react21.useRef)(null);
-  const selectedSocialElRef = (0, import_react21.useRef)(null);
-  const queueSectionKeyDrop = (0, import_react21.useCallback)((prev) => {
+  const [selectedMedia, setSelectedMedia] = (0, import_react23.useState)(null);
+  const selectedMediaElRef = (0, import_react23.useRef)(null);
+  const mediaKeyDropTokenRef = (0, import_react23.useRef)(0);
+  const selectedIconElRef = (0, import_react23.useRef)(null);
+  const selectedSocialElRef = (0, import_react23.useRef)(null);
+  const queueSectionKeyDrop = (0, import_react23.useCallback)((prev) => {
     const sectionEl = prev?.closest("[data-ohw-section]") ?? null;
     if (!sectionEl) return;
     const sectionInstanceId = instanceIdOf(movableUnit(sectionEl)) || null;
@@ -26011,31 +26229,31 @@ function OhhwellsBridge() {
     window.addEventListener("message", onQueueDrained);
     window.postMessage({ type: "ow:media-key-drop", token }, "*");
   }, []);
-  const clearMediaSelection = (0, import_react21.useCallback)(() => {
+  const clearMediaSelection = (0, import_react23.useCallback)(() => {
     const prev = selectedMediaElRef.current;
     selectedMediaElRef.current = null;
     setSelectedMedia(null);
     queueSectionKeyDrop(prev);
   }, [queueSectionKeyDrop]);
-  const clearMediaSelectionRef = (0, import_react21.useRef)(clearMediaSelection);
+  const clearMediaSelectionRef = (0, import_react23.useRef)(clearMediaSelection);
   clearMediaSelectionRef.current = clearMediaSelection;
-  const clearIconSelection = (0, import_react21.useCallback)(() => {
+  const clearIconSelection = (0, import_react23.useCallback)(() => {
     const prev = selectedIconElRef.current;
     if (!prev) return;
     selectedIconElRef.current = null;
     queueSectionKeyDrop(prev);
   }, [queueSectionKeyDrop]);
-  const clearIconSelectionRef = (0, import_react21.useRef)(clearIconSelection);
+  const clearIconSelectionRef = (0, import_react23.useRef)(clearIconSelection);
   clearIconSelectionRef.current = clearIconSelection;
-  const clearSocialSelection = (0, import_react21.useCallback)(() => {
+  const clearSocialSelection = (0, import_react23.useCallback)(() => {
     const prev = selectedSocialElRef.current;
     if (!prev) return;
     selectedSocialElRef.current = null;
     queueSectionKeyDrop(prev);
   }, [queueSectionKeyDrop]);
-  const clearSocialSelectionRef = (0, import_react21.useRef)(clearSocialSelection);
+  const clearSocialSelectionRef = (0, import_react23.useRef)(clearSocialSelection);
   clearSocialSelectionRef.current = clearSocialSelection;
-  const selectIconElement = (0, import_react21.useCallback)((el) => {
+  const selectIconElement = (0, import_react23.useCallback)((el) => {
     if (selectedMediaElRef.current) clearMediaSelectionRef.current();
     selectedIconElRef.current = el;
     const sectionEl = el.closest("[data-ohw-section]");
@@ -26048,9 +26266,9 @@ function OhhwellsBridge() {
       keyLabel: "Icon"
     });
   }, []);
-  const selectIconElementRef = (0, import_react21.useRef)(selectIconElement);
+  const selectIconElementRef = (0, import_react23.useRef)(selectIconElement);
   selectIconElementRef.current = selectIconElement;
-  const selectMediaElement = (0, import_react21.useCallback)((el) => {
+  const selectMediaElement = (0, import_react23.useCallback)((el) => {
     const r2 = el.getBoundingClientRect();
     const video = el.dataset.ohwEditable === "video" ? el.querySelector("video") : null;
     selectedIconElRef.current = null;
@@ -26075,9 +26293,9 @@ function OhhwellsBridge() {
       keyLabel: el.dataset.ohwEditable === "video" ? "Video" : el.dataset.ohwEditable === "bg-image" ? "Background" : "Image"
     });
   }, []);
-  const selectMediaElementRef = (0, import_react21.useRef)(selectMediaElement);
+  const selectMediaElementRef = (0, import_react23.useRef)(selectMediaElement);
   selectMediaElementRef.current = selectMediaElement;
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!selectedMedia) return;
     const update = () => {
       const el = selectedMediaElRef.current;
@@ -26097,54 +26315,54 @@ function OhhwellsBridge() {
       window.removeEventListener("resize", update);
     };
   }, [selectedMedia !== null]);
-  const [carouselHover, setCarouselHover] = (0, import_react21.useState)(null);
-  const [uploadingRects, setUploadingRects] = (0, import_react21.useState)({});
-  const hoveredGapRef = (0, import_react21.useRef)(null);
-  const imageUnhoverTimerRef = (0, import_react21.useRef)(null);
-  const imageShowTimerRef = (0, import_react21.useRef)(null);
-  const editStylesRef = (0, import_react21.useRef)(null);
-  const activateRef = (0, import_react21.useRef)(() => {
+  const [carouselHover, setCarouselHover] = (0, import_react23.useState)(null);
+  const [uploadingRects, setUploadingRects] = (0, import_react23.useState)({});
+  const hoveredGapRef = (0, import_react23.useRef)(null);
+  const imageUnhoverTimerRef = (0, import_react23.useRef)(null);
+  const imageShowTimerRef = (0, import_react23.useRef)(null);
+  const editStylesRef = (0, import_react23.useRef)(null);
+  const activateRef = (0, import_react23.useRef)(() => {
   });
-  const deactivateRef = (0, import_react21.useRef)(() => {
+  const deactivateRef = (0, import_react23.useRef)(() => {
   });
-  const selectRef = (0, import_react21.useRef)(() => {
+  const selectRef = (0, import_react23.useRef)(() => {
   });
-  const selectFrameRef = (0, import_react21.useRef)(() => {
+  const selectFrameRef = (0, import_react23.useRef)(() => {
   });
-  const selectLogoRef = (0, import_react21.useRef)(() => {
+  const selectLogoRef = (0, import_react23.useRef)(() => {
   });
-  const openLogoSizePanelRef = (0, import_react21.useRef)(() => {
+  const openLogoSizePanelRef = (0, import_react23.useRef)(() => {
   });
-  const deselectRef = (0, import_react21.useRef)(() => {
+  const deselectRef = (0, import_react23.useRef)(() => {
   });
-  const closeFloatingPanelOnlyRef = (0, import_react21.useRef)(() => {
+  const closeFloatingPanelOnlyRef = (0, import_react23.useRef)(() => {
   });
-  const reselectNavigationItemRef = (0, import_react21.useRef)(() => {
+  const reselectNavigationItemRef = (0, import_react23.useRef)(() => {
   });
-  const commitNavigationTextEditRef = (0, import_react21.useRef)(() => {
+  const commitNavigationTextEditRef = (0, import_react23.useRef)(() => {
   });
-  const handleDeleteSelectedRef = (0, import_react21.useRef)(() => false);
-  const runPendingDeleteUndoRef = (0, import_react21.useRef)(() => false);
-  const isFooterFrameSelectionRef = (0, import_react21.useRef)(false);
-  const refreshActiveCommandsRef = (0, import_react21.useRef)(() => {
+  const handleDeleteSelectedRef = (0, import_react23.useRef)(() => false);
+  const runPendingDeleteUndoRef = (0, import_react23.useRef)(() => false);
+  const isFooterFrameSelectionRef = (0, import_react23.useRef)(false);
+  const refreshActiveCommandsRef = (0, import_react23.useRef)(() => {
   });
-  const postToParentRef = (0, import_react21.useRef)(postToParent2);
+  const postToParentRef = (0, import_react23.useRef)(postToParent2);
   postToParentRef.current = postToParent2;
-  const aiSectionApiRef = (0, import_react21.useRef)(null);
-  const sectionsLoadedRef = (0, import_react21.useRef)(false);
-  const pendingScheduleConfigRequests = (0, import_react21.useRef)([]);
-  const [toolbarRect, setToolbarRect] = (0, import_react21.useState)(null);
-  const [formPickRect, setFormPickRect] = (0, import_react21.useState)(null);
-  const formPickElRef = (0, import_react21.useRef)(null);
-  const [formViewState, setFormViewStateUi] = (0, import_react21.useState)("default");
-  const [formPickCount, setFormPickCount] = (0, import_react21.useState)(null);
-  const [formHoverRect, setFormHoverRect] = (0, import_react21.useState)(null);
-  const formHoverElRef = (0, import_react21.useRef)(null);
-  const [fieldPickRect, setFieldPickRect] = (0, import_react21.useState)(null);
-  const fieldPickElRef = (0, import_react21.useRef)(null);
-  const [fieldPickState, setFieldPickState] = (0, import_react21.useState)(null);
-  const [fieldTypePickerOpen, setFieldTypePickerOpen] = (0, import_react21.useState)(false);
-  const clearFormPick = (0, import_react21.useCallback)(() => {
+  const aiSectionApiRef = (0, import_react23.useRef)(null);
+  const sectionsLoadedRef = (0, import_react23.useRef)(false);
+  const pendingScheduleConfigRequests = (0, import_react23.useRef)([]);
+  const [toolbarRect, setToolbarRect] = (0, import_react23.useState)(null);
+  const [formPickRect, setFormPickRect] = (0, import_react23.useState)(null);
+  const formPickElRef = (0, import_react23.useRef)(null);
+  const [formViewState, setFormViewStateUi] = (0, import_react23.useState)("default");
+  const [formPickCount, setFormPickCount] = (0, import_react23.useState)(null);
+  const [formHoverRect, setFormHoverRect] = (0, import_react23.useState)(null);
+  const formHoverElRef = (0, import_react23.useRef)(null);
+  const [fieldPickRect, setFieldPickRect] = (0, import_react23.useState)(null);
+  const fieldPickElRef = (0, import_react23.useRef)(null);
+  const [fieldPickState, setFieldPickState] = (0, import_react23.useState)(null);
+  const [fieldTypePickerOpen, setFieldTypePickerOpen] = (0, import_react23.useState)(false);
+  const clearFormPick = (0, import_react23.useCallback)(() => {
     const form = formPickElRef.current;
     const editing = fieldPickElRef.current;
     if (commitPlaceholderEdit(editing) && editing) {
@@ -26164,7 +26382,7 @@ function OhhwellsBridge() {
     formPickElRef.current = null;
     setFormPickRect(null);
   }, []);
-  const clearFieldPick = (0, import_react21.useCallback)(() => {
+  const clearFieldPick = (0, import_react23.useCallback)(() => {
     const wrapper = fieldPickElRef.current;
     if (commitPlaceholderEdit(wrapper) && wrapper) {
       const form = wrapper.closest('[data-ohw-editable="form"]');
@@ -26174,9 +26392,9 @@ function OhhwellsBridge() {
     setFieldPickRect(null);
     setFieldPickState(null);
   }, []);
-  const persistFieldsRef = (0, import_react21.useRef)(() => {
+  const persistFieldsRef = (0, import_react23.useRef)(() => {
   });
-  const persistFields = (0, import_react21.useCallback)(
+  const persistFields = (0, import_react23.useCallback)(
     (form) => {
       const key = formKeyOf(form);
       if (!key) return;
@@ -26187,7 +26405,7 @@ function OhhwellsBridge() {
     []
   );
   persistFieldsRef.current = persistFields;
-  const selectField = (0, import_react21.useCallback)((wrapper) => {
+  const selectField = (0, import_react23.useCallback)((wrapper) => {
     if (fieldPickElRef.current && fieldPickElRef.current !== wrapper) {
       commitPlaceholderEdit(fieldPickElRef.current);
     }
@@ -26200,7 +26418,7 @@ function OhhwellsBridge() {
     setFieldPickState({ type: fieldTypeOf(wrapper), required: isFieldRequired(wrapper) });
     setFieldTypePickerOpen(false);
   }, []);
-  const withSelectedField = (0, import_react21.useCallback)(
+  const withSelectedField = (0, import_react23.useCallback)(
     (run) => {
       const wrapper = fieldPickElRef.current;
       const form = formPickElRef.current;
@@ -26213,28 +26431,28 @@ function OhhwellsBridge() {
     },
     [persistFields]
   );
-  const handleFieldTypeChange = (0, import_react21.useCallback)(
+  const handleFieldTypeChange = (0, import_react23.useCallback)(
     (type) => withSelectedField((_form, wrapper) => {
       applyFieldType(wrapper, type);
       selectField(wrapper);
     }),
     [selectField, withSelectedField]
   );
-  const handleFieldRequiredToggle = (0, import_react21.useCallback)(
+  const handleFieldRequiredToggle = (0, import_react23.useCallback)(
     () => withSelectedField((_form, wrapper) => {
       setFieldRequired(wrapper, !isFieldRequired(wrapper));
       selectField(wrapper);
     }),
     [selectField, withSelectedField]
   );
-  const handleFieldDuplicate = (0, import_react21.useCallback)(
+  const handleFieldDuplicate = (0, import_react23.useCallback)(
     () => withSelectedField((form, wrapper) => {
       const copy = duplicateField(form, wrapper);
       selectField(copy);
     }),
     [selectField, withSelectedField]
   );
-  const handleFieldDelete = (0, import_react21.useCallback)(
+  const handleFieldDelete = (0, import_react23.useCallback)(
     () => withSelectedField((_form, wrapper) => {
       removeField(wrapper);
       clearFieldPick();
@@ -26242,7 +26460,7 @@ function OhhwellsBridge() {
     }),
     [clearFieldPick, withSelectedField]
   );
-  const handleAddField = (0, import_react21.useCallback)(
+  const handleAddField = (0, import_react23.useCallback)(
     (type) => {
       const form = formPickElRef.current;
       if (!form) return;
@@ -26258,8 +26476,8 @@ function OhhwellsBridge() {
     },
     [persistFields, selectField]
   );
-  const fieldDragRef = (0, import_react21.useRef)(null);
-  const buildFieldDropSlots = (0, import_react21.useCallback)((form, draggedKey) => {
+  const fieldDragRef = (0, import_react23.useRef)(null);
+  const buildFieldDropSlots = (0, import_react23.useCallback)((form, draggedKey) => {
     const others = listFieldWrappers(form).filter((el) => fieldKeyOf(el) !== draggedKey);
     const slots = others.map((el) => {
       const rect = el.getBoundingClientRect();
@@ -26272,7 +26490,7 @@ function OhhwellsBridge() {
     }
     return slots;
   }, []);
-  const handleFieldDragStart = (0, import_react21.useCallback)(() => {
+  const handleFieldDragStart = (0, import_react23.useCallback)(() => {
     const wrapper = fieldPickElRef.current;
     const form = formPickElRef.current;
     if (!wrapper || !form) return;
@@ -26281,18 +26499,18 @@ function OhhwellsBridge() {
     setFieldDragging(true);
     setFieldDropSlots(buildFieldDropSlots(form, key));
   }, [buildFieldDropSlots]);
-  const handleFieldDragEnd = (0, import_react21.useCallback)(() => {
+  const handleFieldDragEnd = (0, import_react23.useCallback)(() => {
     fieldDragRef.current = null;
     setFieldDropIndex(null);
     setFieldDropSlots([]);
     setFieldDragging(false);
   }, []);
-  const [fieldDropIndex, setFieldDropIndex] = (0, import_react21.useState)(null);
-  const [fieldDropSlots, setFieldDropSlots] = (0, import_react21.useState)([]);
-  const [fieldDragging, setFieldDragging] = (0, import_react21.useState)(false);
-  const clearFormPickRef = (0, import_react21.useRef)(clearFormPick);
+  const [fieldDropIndex, setFieldDropIndex] = (0, import_react23.useState)(null);
+  const [fieldDropSlots, setFieldDropSlots] = (0, import_react23.useState)([]);
+  const [fieldDragging, setFieldDragging] = (0, import_react23.useState)(false);
+  const clearFormPickRef = (0, import_react23.useRef)(clearFormPick);
   clearFormPickRef.current = clearFormPick;
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const el = fieldPickElRef.current;
     if (!el || fieldPickRect === null) return;
     const observer = new ResizeObserver(() => {
@@ -26301,7 +26519,7 @@ function OhhwellsBridge() {
     observer.observe(el);
     return () => observer.disconnect();
   }, [fieldPickRect !== null, fieldPickState]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const el = formPickElRef.current;
     if (!el || formPickRect === null) return;
     const observer = new ResizeObserver(() => {
@@ -26310,25 +26528,25 @@ function OhhwellsBridge() {
     observer.observe(el);
     return () => observer.disconnect();
   }, [formPickRect !== null, formViewState]);
-  const [toolbarVariant, setToolbarVariant] = (0, import_react21.useState)("none");
-  const toolbarVariantRef = (0, import_react21.useRef)("none");
+  const [toolbarVariant, setToolbarVariant] = (0, import_react23.useState)("none");
+  const toolbarVariantRef = (0, import_react23.useRef)("none");
   toolbarVariantRef.current = toolbarVariant;
-  const [selectedIsCta, setSelectedIsCta] = (0, import_react21.useState)(false);
-  const [selectedIsSocial, setSelectedIsSocial] = (0, import_react21.useState)(false);
-  const [selectedIsSocialsRow, setSelectedIsSocialsRow] = (0, import_react21.useState)(false);
-  const [reorderHrefKey, setReorderHrefKey] = (0, import_react21.useState)(null);
-  const [reorderDragDisabled, setReorderDragDisabled] = (0, import_react21.useState)(false);
-  const [toggleState, setToggleState] = (0, import_react21.useState)(null);
-  const [maxBadge, setMaxBadge] = (0, import_react21.useState)(null);
-  const [activeCommands, setActiveCommands] = (0, import_react21.useState)(/* @__PURE__ */ new Set());
-  const [sectionGap, setSectionGap] = (0, import_react21.useState)(null);
-  const [toolbarShowEditLink, setToolbarShowEditLink] = (0, import_react21.useState)(false);
-  const hoveredNavContainerRef = (0, import_react21.useRef)(null);
-  const [hoveredNavContainerRect, setHoveredNavContainerRect] = (0, import_react21.useState)(null);
-  const hoveredItemElRef = (0, import_react21.useRef)(null);
-  const [hoveredItemRect, setHoveredItemRect] = (0, import_react21.useState)(null);
-  const [hoveredTextRect, setHoveredTextRect] = (0, import_react21.useState)(null);
-  (0, import_react21.useEffect)(() => {
+  const [selectedIsCta, setSelectedIsCta] = (0, import_react23.useState)(false);
+  const [selectedIsSocial, setSelectedIsSocial] = (0, import_react23.useState)(false);
+  const [selectedIsSocialsRow, setSelectedIsSocialsRow] = (0, import_react23.useState)(false);
+  const [reorderHrefKey, setReorderHrefKey] = (0, import_react23.useState)(null);
+  const [reorderDragDisabled, setReorderDragDisabled] = (0, import_react23.useState)(false);
+  const [toggleState, setToggleState] = (0, import_react23.useState)(null);
+  const [maxBadge, setMaxBadge] = (0, import_react23.useState)(null);
+  const [activeCommands, setActiveCommands] = (0, import_react23.useState)(/* @__PURE__ */ new Set());
+  const [sectionGap, setSectionGap] = (0, import_react23.useState)(null);
+  const [toolbarShowEditLink, setToolbarShowEditLink] = (0, import_react23.useState)(false);
+  const hoveredNavContainerRef = (0, import_react23.useRef)(null);
+  const [hoveredNavContainerRect, setHoveredNavContainerRect] = (0, import_react23.useState)(null);
+  const hoveredItemElRef = (0, import_react23.useRef)(null);
+  const [hoveredItemRect, setHoveredItemRect] = (0, import_react23.useState)(null);
+  const [hoveredTextRect, setHoveredTextRect] = (0, import_react23.useState)(null);
+  (0, import_react23.useEffect)(() => {
     const sync = () => {
       const el = document.querySelector(
         '[data-ohw-hovered]:not([contenteditable]):not([data-ohw-href-key]):not([data-ohw-editable="form"] *)'
@@ -26372,65 +26590,65 @@ function OhhwellsBridge() {
     });
     return () => observer.disconnect();
   }, []);
-  const siblingHintElRef = (0, import_react21.useRef)(null);
-  const [siblingHintRect, setSiblingHintRect] = (0, import_react21.useState)(null);
-  const [siblingHintRects, setSiblingHintRects] = (0, import_react21.useState)([]);
-  const [isItemDragging, setIsItemDragging] = (0, import_react21.useState)(false);
-  const [isFooterFrameSelection, setIsFooterFrameSelection] = (0, import_react21.useState)(false);
+  const siblingHintElRef = (0, import_react23.useRef)(null);
+  const [siblingHintRect, setSiblingHintRect] = (0, import_react23.useState)(null);
+  const [siblingHintRects, setSiblingHintRects] = (0, import_react23.useState)([]);
+  const [isItemDragging, setIsItemDragging] = (0, import_react23.useState)(false);
+  const [isFooterFrameSelection, setIsFooterFrameSelection] = (0, import_react23.useState)(false);
   isFooterFrameSelectionRef.current = isFooterFrameSelection;
-  const [navDropdownPreviewOpen, setNavDropdownPreviewOpen] = (0, import_react21.useState)(null);
-  const [footerHeadingVisible, setFooterHeadingVisible] = (0, import_react21.useState)(null);
-  const footerDragRef = (0, import_react21.useRef)(null);
-  const [footerDropSlots, setFooterDropSlots] = (0, import_react21.useState)([]);
-  const [activeFooterDropIndex, setActiveFooterDropIndex] = (0, import_react21.useState)(null);
-  const [draggedItemRect, setDraggedItemRect] = (0, import_react21.useState)(null);
-  const footerPointerDragRef = (0, import_react21.useRef)(null);
-  const suppressNextClickRef = (0, import_react21.useRef)(false);
-  const suppressClickUntilRef = (0, import_react21.useRef)(0);
-  const [linkPopover, setLinkPopover] = (0, import_react21.useState)(null);
-  const linkPopoverSessionRef = (0, import_react21.useRef)(null);
-  const addNavAfterAnchorRef = (0, import_react21.useRef)(null);
-  const editContentRef = (0, import_react21.useRef)({});
-  const aiSectionsRef = (0, import_react21.useRef)("");
-  const aiFooterRef = (0, import_react21.useRef)("");
-  const applyTreeLocalRef = (0, import_react21.useRef)(
+  const [navDropdownPreviewOpen, setNavDropdownPreviewOpen] = (0, import_react23.useState)(null);
+  const [footerHeadingVisible, setFooterHeadingVisible] = (0, import_react23.useState)(null);
+  const footerDragRef = (0, import_react23.useRef)(null);
+  const [footerDropSlots, setFooterDropSlots] = (0, import_react23.useState)([]);
+  const [activeFooterDropIndex, setActiveFooterDropIndex] = (0, import_react23.useState)(null);
+  const [draggedItemRect, setDraggedItemRect] = (0, import_react23.useState)(null);
+  const footerPointerDragRef = (0, import_react23.useRef)(null);
+  const suppressNextClickRef = (0, import_react23.useRef)(false);
+  const suppressClickUntilRef = (0, import_react23.useRef)(0);
+  const [linkPopover, setLinkPopover] = (0, import_react23.useState)(null);
+  const linkPopoverSessionRef = (0, import_react23.useRef)(null);
+  const addNavAfterAnchorRef = (0, import_react23.useRef)(null);
+  const editContentRef = (0, import_react23.useRef)({});
+  const aiSectionsRef = (0, import_react23.useRef)("");
+  const aiFooterRef = (0, import_react23.useRef)("");
+  const applyTreeLocalRef = (0, import_react23.useRef)(
     null
   );
-  const applyFooterTreeLocalRef = (0, import_react21.useRef)(null);
-  const clearInteractionChromeRef = (0, import_react21.useRef)(() => {
+  const applyFooterTreeLocalRef = (0, import_react23.useRef)(null);
+  const clearInteractionChromeRef = (0, import_react23.useRef)(() => {
   });
-  const brandKitRef = (0, import_react21.useRef)("");
-  const stylesRef = (0, import_react21.useRef)("");
-  const appliedDrawerRef = (0, import_react21.useRef)(null);
-  const pendingDeleteUndoRef = (0, import_react21.useRef)(null);
-  const [floatingPanel, setFloatingPanel] = (0, import_react21.useState)(null);
-  const floatingPanelOpenRef = (0, import_react21.useRef)(false);
-  const floatingPanelRef = (0, import_react21.useRef)(null);
+  const brandKitRef = (0, import_react23.useRef)("");
+  const stylesRef = (0, import_react23.useRef)("");
+  const appliedDrawerRef = (0, import_react23.useRef)(null);
+  const pendingDeleteUndoRef = (0, import_react23.useRef)(null);
+  const [floatingPanel, setFloatingPanel] = (0, import_react23.useState)(null);
+  const floatingPanelOpenRef = (0, import_react23.useRef)(false);
+  const floatingPanelRef = (0, import_react23.useRef)(null);
   floatingPanelRef.current = floatingPanel;
-  const setFloatingPanelRef = (0, import_react21.useRef)(setFloatingPanel);
-  const [floatingPanelPos, setFloatingPanelPos] = (0, import_react21.useState)(null);
-  const buttonCollectionDragRef = (0, import_react21.useRef)(null);
-  const buttonDropInsertIndexRef = (0, import_react21.useRef)(null);
-  const [buttonDropSlots, setButtonDropSlots] = (0, import_react21.useState)([]);
-  const [activeButtonDropIndex, setActiveButtonDropIndex] = (0, import_react21.useState)(null);
-  const buttonPointerDragRef = (0, import_react21.useRef)(null);
-  const [buttonStyleTick, setButtonStyleTick] = (0, import_react21.useState)(0);
-  const [logoSizeDraft, setLogoSizeDraft] = (0, import_react21.useState)(null);
-  const [editorViewport, setEditorViewport] = (0, import_react21.useState)("desktop");
-  const [parentScrollSnap, setParentScrollSnap] = (0, import_react21.useState)(null);
-  const [sitePages, setSitePages] = (0, import_react21.useState)([]);
-  const collectionItemsRef = (0, import_react21.useRef)(/* @__PURE__ */ new Map());
-  const [sectionsByPath, setSectionsByPath] = (0, import_react21.useState)({});
-  const sectionsPrefetchGenRef = (0, import_react21.useRef)(0);
-  const setLinkPopoverRef = (0, import_react21.useRef)(setLinkPopover);
-  const linkPopoverPanelRef = (0, import_react21.useRef)(null);
-  const linkPopoverOpenRef = (0, import_react21.useRef)(false);
-  const linkPopoverGraceUntilRef = (0, import_react21.useRef)(0);
+  const setFloatingPanelRef = (0, import_react23.useRef)(setFloatingPanel);
+  const [floatingPanelPos, setFloatingPanelPos] = (0, import_react23.useState)(null);
+  const buttonCollectionDragRef = (0, import_react23.useRef)(null);
+  const buttonDropInsertIndexRef = (0, import_react23.useRef)(null);
+  const [buttonDropSlots, setButtonDropSlots] = (0, import_react23.useState)([]);
+  const [activeButtonDropIndex, setActiveButtonDropIndex] = (0, import_react23.useState)(null);
+  const buttonPointerDragRef = (0, import_react23.useRef)(null);
+  const [buttonStyleTick, setButtonStyleTick] = (0, import_react23.useState)(0);
+  const [logoSizeDraft, setLogoSizeDraft] = (0, import_react23.useState)(null);
+  const [editorViewport, setEditorViewport] = (0, import_react23.useState)("desktop");
+  const [parentScrollSnap, setParentScrollSnap] = (0, import_react23.useState)(null);
+  const [sitePages, setSitePages] = (0, import_react23.useState)([]);
+  const collectionItemsRef = (0, import_react23.useRef)(/* @__PURE__ */ new Map());
+  const [sectionsByPath, setSectionsByPath] = (0, import_react23.useState)({});
+  const sectionsPrefetchGenRef = (0, import_react23.useRef)(0);
+  const setLinkPopoverRef = (0, import_react23.useRef)(setLinkPopover);
+  const linkPopoverPanelRef = (0, import_react23.useRef)(null);
+  const linkPopoverOpenRef = (0, import_react23.useRef)(false);
+  const linkPopoverGraceUntilRef = (0, import_react23.useRef)(0);
   setLinkPopoverRef.current = setLinkPopover;
   setFloatingPanelRef.current = setFloatingPanel;
   linkPopoverSessionRef.current = linkPopover;
   floatingPanelOpenRef.current = Boolean(floatingPanel);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const syncViewport = () => {
       const next = window.innerWidth <= 480 ? "mobile" : "desktop";
       setEditorViewport((prev) => prev === next ? prev : next);
@@ -26439,7 +26657,7 @@ function OhhwellsBridge() {
     window.addEventListener("resize", syncViewport);
     return () => window.removeEventListener("resize", syncViewport);
   }, []);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     setSectionOrderPersistHandler((entries) => {
       const currentPath = window.location.pathname;
       const merged = mergePageSectionOrder(editContentRef.current[SECTION_ORDER_KEY], currentPath, entries);
@@ -26449,7 +26667,7 @@ function OhhwellsBridge() {
     });
     return () => setSectionOrderPersistHandler(null);
   }, []);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     setAiFooterMountOptions({
       resolvePageHref: (pageOrAnchorId) => {
         const [pageId, anchor] = pageOrAnchorId.split("#");
@@ -26512,7 +26730,7 @@ function OhhwellsBridge() {
   const bumpLinkPopoverGrace = () => {
     linkPopoverGraceUntilRef.current = Date.now() + 350;
   };
-  const runSectionsPrefetch = (0, import_react21.useCallback)((pages) => {
+  const runSectionsPrefetch = (0, import_react23.useCallback)((pages) => {
     if (!isEditMode || shouldUseDevFixtures() || pages.length === 0) return;
     const gen = ++sectionsPrefetchGenRef.current;
     const paths = pages.map((p) => p.path);
@@ -26531,9 +26749,9 @@ function OhhwellsBridge() {
       );
     });
   }, [isEditMode, pathname]);
-  const runSectionsPrefetchRef = (0, import_react21.useRef)(runSectionsPrefetch);
+  const runSectionsPrefetchRef = (0, import_react23.useRef)(runSectionsPrefetch);
   runSectionsPrefetchRef.current = runSectionsPrefetch;
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!linkPopover) {
       document.documentElement.removeAttribute("data-ohw-link-popover-open");
       return;
@@ -26561,7 +26779,7 @@ function OhhwellsBridge() {
       document.documentElement.removeAttribute("data-ohw-link-popover-open");
     };
   }, [linkPopover, postToParent2]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     const useFixtures = shouldUseDevFixtures();
     if (useFixtures) {
@@ -26587,7 +26805,7 @@ function OhhwellsBridge() {
     if (!useFixtures) postToParent2({ type: "ow:request-site-pages" });
     return () => window.removeEventListener("message", onSitePages);
   }, [isEditMode, postToParent2]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     const deps = {
       getEditContent: () => editContentRef.current,
@@ -26624,14 +26842,14 @@ function OhhwellsBridge() {
     window.addEventListener("message", onPageMessage);
     return () => window.removeEventListener("message", onPageMessage);
   }, [isEditMode, postToParent2]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode || shouldUseDevFixtures()) return;
     void loadAllSectionsManifest().then((manifest) => {
       if (Object.keys(manifest).length === 0) return;
       setSectionsByPath((prev) => ({ ...manifest, ...prev }));
     });
   }, [isEditMode]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const update = () => {
       const el = activeElRef.current ?? selectedElRef.current;
       if (el) setToolbarRect(getEditMeasureEl(el).getBoundingClientRect());
@@ -26655,10 +26873,10 @@ function OhhwellsBridge() {
       vvp.removeEventListener("resize", update);
     };
   }, []);
-  const refreshStateRules = (0, import_react21.useCallback)(() => {
+  const refreshStateRules = (0, import_react23.useCallback)(() => {
     editStylesRef.current?.forceHover && (editStylesRef.current.forceHover.textContent = collectStateRules());
   }, []);
-  const processConfigRequest = (0, import_react21.useCallback)((insertAfterVal) => {
+  const processConfigRequest = (0, import_react23.useCallback)((insertAfterVal) => {
     const tracker = getSectionsTracker();
     let entries = [];
     try {
@@ -26681,7 +26899,7 @@ function OhhwellsBridge() {
     }
     window.postMessage({ type: "ow:schedule-config", insertAfter: insertAfterVal, scheduleId: null }, "*");
   }, [isEditMode]);
-  const deactivate = (0, import_react21.useCallback)(() => {
+  const deactivate = (0, import_react23.useCallback)(() => {
     const el = activeElRef.current;
     if (!el) return;
     const isFormBlock = el.dataset.ohwEditable === "form";
@@ -26747,12 +26965,12 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     postToParent2({ type: "ow:exit-edit" });
   }, [postToParent2]);
-  const clearSelectedAttr = (0, import_react21.useCallback)(() => {
+  const clearSelectedAttr = (0, import_react23.useCallback)(() => {
     document.querySelectorAll("[data-ohw-selected]").forEach((el) => {
       el.removeAttribute("data-ohw-selected");
     });
   }, []);
-  const deselect = (0, import_react21.useCallback)(() => {
+  const deselect = (0, import_react23.useCallback)(() => {
     const nestedGroup = selectedElRef.current?.closest("[data-ohw-nav-children]") != null ? selectedElRef.current.closest("[data-ohw-nav-group]") : null;
     clearSelectedAttr();
     selectedElRef.current = null;
@@ -26788,20 +27006,20 @@ function OhhwellsBridge() {
       setToolbarVariant("none");
     }
   }, [clearSelectedAttr]);
-  const markSelected = (0, import_react21.useCallback)((el) => {
+  const markSelected = (0, import_react23.useCallback)((el) => {
     clearSelectedAttr();
     el.removeAttribute("data-ohw-hovered");
     el.setAttribute("data-ohw-selected", "");
   }, [clearSelectedAttr]);
-  const isSelectedForHover = (0, import_react21.useCallback)((el) => {
+  const isSelectedForHover = (0, import_react23.useCallback)((el) => {
     if (!el) return false;
     return [selectedElRef.current, activeElRef.current].some(
       (busy) => busy && (el === busy || busy.contains(el) || el.contains(busy))
     );
   }, []);
-  const isSelectedForHoverRef = (0, import_react21.useRef)(isSelectedForHover);
+  const isSelectedForHoverRef = (0, import_react23.useRef)(isSelectedForHover);
   isSelectedForHoverRef.current = isSelectedForHover;
-  const resolveHrefKeyElement = (0, import_react21.useCallback)((hrefKey) => {
+  const resolveHrefKeyElement = (0, import_react23.useCallback)((hrefKey) => {
     if (isFooterHrefKey(hrefKey)) {
       return document.querySelector(
         `footer [data-ohw-href-key="${CSS.escape(hrefKey)}"]`
@@ -26816,7 +27034,7 @@ function OhhwellsBridge() {
       `[data-ohw-href-key="${CSS.escape(hrefKey)}"]`
     );
   }, []);
-  const resyncSelectedNavigationItem = (0, import_react21.useCallback)(() => {
+  const resyncSelectedNavigationItem = (0, import_react23.useCallback)(() => {
     const hrefKey = selectedHrefKeyRef.current;
     if (hrefKey) {
       const link = resolveHrefKeyElement(hrefKey);
@@ -26854,7 +27072,7 @@ function OhhwellsBridge() {
       );
     }
   }, [resolveHrefKeyElement]);
-  const reselectNavigationItem = (0, import_react21.useCallback)((navAnchor) => {
+  const reselectNavigationItem = (0, import_react23.useCallback)((navAnchor) => {
     selectedElRef.current = navAnchor;
     selectedHrefKeyRef.current = navAnchor.getAttribute("data-ohw-href-key");
     selectedFooterColAttrRef.current = null;
@@ -26885,7 +27103,7 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     setActiveCommands(/* @__PURE__ */ new Set());
   }, [markSelected]);
-  const commitNavigationTextEdit = (0, import_react21.useCallback)((navAnchor) => {
+  const commitNavigationTextEdit = (0, import_react23.useCallback)((navAnchor) => {
     const el = activeElRef.current;
     if (!el) return;
     const key = el.dataset.ohwKey;
@@ -26918,7 +27136,7 @@ function OhhwellsBridge() {
     postToParent2({ type: "ow:exit-edit" });
     reselectNavigationItem(navAnchor);
   }, [postToParent2, reselectNavigationItem]);
-  const handleAddTopLevelNavItem = (0, import_react21.useCallback)(() => {
+  const handleAddTopLevelNavItem = (0, import_react23.useCallback)(() => {
     const items = listNavbarRootItems();
     addNavAfterAnchorRef.current = items[items.length - 1] ?? null;
     deselectRef.current();
@@ -26930,7 +27148,7 @@ function OhhwellsBridge() {
       intent: "add-nav"
     });
   }, []);
-  const maybeWarnNavLinkDropdownConflict = (0, import_react21.useCallback)(
+  const maybeWarnNavLinkDropdownConflict = (0, import_react23.useCallback)(
     (anchor) => {
       if (!isNavbarHrefKey(anchor.getAttribute("data-ohw-href-key"))) return;
       if (!navDropdownsOpenOnClick()) return;
@@ -26943,7 +27161,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const handleNavDropdownOpenChange = (0, import_react21.useCallback)((open) => {
+  const handleNavDropdownOpenChange = (0, import_react23.useCallback)((open) => {
     const selected = selectedElRef.current;
     if (!selected || !isNavigationItem2(selected)) return;
     if (isNestedNavChild(selected)) return;
@@ -26959,7 +27177,7 @@ function OhhwellsBridge() {
       }
     });
   }, []);
-  const handleFooterHeadingVisibleChange = (0, import_react21.useCallback)(
+  const handleFooterHeadingVisibleChange = (0, import_react23.useCallback)(
     (visible) => {
       const selected = selectedElRef.current;
       if (!selected || !isFooterFrameSelectionRef.current) return;
@@ -27012,7 +27230,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const enterEditOnNewItem = (0, import_react21.useCallback)((anchor) => {
+  const enterEditOnNewItem = (0, import_react23.useCallback)((anchor) => {
     const label = anchor.querySelector('[data-ohw-editable="text"]');
     if (!label) {
       selectRef.current(anchor);
@@ -27021,8 +27239,8 @@ function OhhwellsBridge() {
     setNavGroupForceOpen(anchor, true);
     activateRef.current(label);
   }, []);
-  const pendingSocialAddRef = (0, import_react21.useRef)(null);
-  const handleAddChildItem = (0, import_react21.useCallback)(() => {
+  const pendingSocialAddRef = (0, import_react23.useRef)(null);
+  const handleAddChildItem = (0, import_react23.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected) return;
     const socialsRow = isSocialsRow(selected) ? selected : findSocialsRow(selected);
@@ -27149,7 +27367,7 @@ function OhhwellsBridge() {
       });
     });
   }, [enterEditOnNewItem, isFooterFrameSelection, maybeWarnNavLinkDropdownConflict, postToParent2]);
-  const handleAddFooterColumn = (0, import_react21.useCallback)(() => {
+  const handleAddFooterColumn = (0, import_react23.useCallback)(() => {
     if (document.querySelector("[data-ai-footer]")) {
       const state = parseAiFooterState(aiFooterRef.current);
       if (!state?.tree) return;
@@ -27205,7 +27423,7 @@ function OhhwellsBridge() {
       selectRef.current(result.firstLink);
     });
   }, [postToParent2]);
-  const clearFooterDragVisuals = (0, import_react21.useCallback)(() => {
+  const clearFooterDragVisuals = (0, import_react23.useCallback)(() => {
     footerDragRef.current = null;
     setSiblingHintRects([]);
     setFooterDropSlots([]);
@@ -27214,7 +27432,7 @@ function OhhwellsBridge() {
     setIsItemDragging(false);
     unlockFooterDragInteraction();
   }, []);
-  const refreshFooterDragVisuals = (0, import_react21.useCallback)((session, activeSlot, clientX, clientY) => {
+  const refreshFooterDragVisuals = (0, import_react23.useCallback)((session, activeSlot, clientX, clientY) => {
     const dragged = session.draggedEl;
     setDraggedItemRect(dragged.getBoundingClientRect());
     if (typeof clientX === "number" && typeof clientY === "number") {
@@ -27246,13 +27464,13 @@ function OhhwellsBridge() {
     const activeIdx = activeSlot ? slots.findIndex((s) => s.insertIndex === activeSlot.insertIndex) : -1;
     setActiveFooterDropIndex(activeIdx >= 0 ? activeIdx : null);
   }, []);
-  const refreshFooterDragVisualsRef = (0, import_react21.useRef)(refreshFooterDragVisuals);
+  const refreshFooterDragVisualsRef = (0, import_react23.useRef)(refreshFooterDragVisuals);
   refreshFooterDragVisualsRef.current = refreshFooterDragVisuals;
-  const commitFooterDragRef = (0, import_react21.useRef)(() => {
+  const commitFooterDragRef = (0, import_react23.useRef)(() => {
   });
-  const beginFooterDragRef = (0, import_react21.useRef)(() => {
+  const beginFooterDragRef = (0, import_react23.useRef)(() => {
   });
-  const beginFooterDrag = (0, import_react21.useCallback)(
+  const beginFooterDrag = (0, import_react23.useCallback)(
     (session) => {
       const rect = session.draggedEl.getBoundingClientRect();
       session.lastClientX = session.lastClientX || rect.left + rect.width / 2;
@@ -27272,7 +27490,7 @@ function OhhwellsBridge() {
     [refreshFooterDragVisuals]
   );
   beginFooterDragRef.current = beginFooterDrag;
-  const commitFooterDrag = (0, import_react21.useCallback)(
+  const commitFooterDrag = (0, import_react23.useCallback)(
     (clientX, clientY) => {
       const session = footerDragRef.current;
       if (!session) {
@@ -27444,7 +27662,7 @@ function OhhwellsBridge() {
     [clearFooterDragVisuals, resolveHrefKeyElement, resyncSelectedNavigationItem]
   );
   commitFooterDragRef.current = commitFooterDrag;
-  const startFooterLinkDrag = (0, import_react21.useCallback)(
+  const startFooterLinkDrag = (0, import_react23.useCallback)(
     (anchor, clientX, clientY, wasSelected) => {
       const hrefKey = anchor.getAttribute("data-ohw-href-key");
       if (!hrefKey) return false;
@@ -27480,7 +27698,7 @@ function OhhwellsBridge() {
     },
     [beginFooterDrag]
   );
-  const startFooterColumnDrag = (0, import_react21.useCallback)(
+  const startFooterColumnDrag = (0, import_react23.useCallback)(
     (columnEl, clientX, clientY, wasSelected) => {
       const columns = listFooterColumns(columnEl);
       const idx = columns.indexOf(columnEl);
@@ -27500,7 +27718,7 @@ function OhhwellsBridge() {
     },
     [beginFooterDrag]
   );
-  const persistButtonCollectionDrag = (0, import_react21.useCallback)(
+  const persistButtonCollectionDrag = (0, import_react23.useCallback)(
     (button, clientX) => {
       const insertIndex = buttonDropInsertIndexRef.current;
       if (insertIndex != null) insertButtonAtCollectionIndex(button, insertIndex);
@@ -27524,7 +27742,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const refreshButtonDragVisuals = (0, import_react21.useCallback)((button, clientX, clientY) => {
+  const refreshButtonDragVisuals = (0, import_react23.useCallback)((button, clientX, clientY) => {
     const collection = buttonCollectionOf(button);
     if (!collection) {
       setButtonDropSlots([]);
@@ -27541,7 +27759,7 @@ function OhhwellsBridge() {
     setDraggedItemRect(button.getBoundingClientRect());
     if (selectedElRef.current === button) setToolbarRect(button.getBoundingClientRect());
   }, []);
-  const handleItemDragStart = (0, import_react21.useCallback)(
+  const handleItemDragStart = (0, import_react23.useCallback)(
     (e) => {
       const selected = selectedElRef.current;
       if (!selected) {
@@ -27572,7 +27790,7 @@ function OhhwellsBridge() {
     },
     [startFooterColumnDrag, startFooterLinkDrag, startNavLinkDrag, refreshButtonDragVisuals]
   );
-  const handleItemDragEnd = (0, import_react21.useCallback)(
+  const handleItemDragEnd = (0, import_react23.useCallback)(
     (e) => {
       const collectionButton = buttonCollectionDragRef.current;
       if (collectionButton) {
@@ -27603,7 +27821,7 @@ function OhhwellsBridge() {
     },
     [commitFooterDrag, commitNavDrag, navDragRef, persistButtonCollectionDrag]
   );
-  const handleItemChromePointerDown = (0, import_react21.useCallback)((e) => {
+  const handleItemChromePointerDown = (0, import_react23.useCallback)((e) => {
     if (e.button !== 0) return;
     const selected = selectedElRef.current;
     if (!selected) return;
@@ -27644,7 +27862,7 @@ function OhhwellsBridge() {
     }
     if (armNavPressFromChrome(selected, e.clientX, e.clientY, e.pointerId)) return;
   }, [armNavPressFromChrome]);
-  const handleItemChromeClick = (0, import_react21.useCallback)((clientX, clientY) => {
+  const handleItemChromeClick = (0, import_react23.useCallback)((clientX, clientY) => {
     if (suppressNextClickRef.current || Date.now() < suppressClickUntilRef.current) {
       suppressNextClickRef.current = false;
       return;
@@ -27657,7 +27875,7 @@ function OhhwellsBridge() {
   }, []);
   reselectNavigationItemRef.current = reselectNavigationItem;
   commitNavigationTextEditRef.current = commitNavigationTextEdit;
-  const select = (0, import_react21.useCallback)((anchor) => {
+  const select = (0, import_react23.useCallback)((anchor) => {
     if (!isNavigationItem2(anchor)) return;
     if (activeElRef.current) deactivate();
     clearSocialSelectionRef.current();
@@ -27734,7 +27952,7 @@ function OhhwellsBridge() {
       setLogoSizeDraft(null);
     }
   }, [deactivate, markSelected]);
-  const selectFrame = (0, import_react21.useCallback)((el) => {
+  const selectFrame = (0, import_react23.useCallback)((el) => {
     if (!isNavigationContainer(el)) return;
     if (activeElRef.current) deactivate();
     aiSectionApiRef.current?.selectFromElement(el);
@@ -27775,7 +27993,7 @@ function OhhwellsBridge() {
     setFloatingPanelPos(null);
     setLogoSizeDraft(null);
   }, [deactivate, markSelected, postToParent2]);
-  const selectLogo = (0, import_react21.useCallback)(
+  const selectLogo = (0, import_react23.useCallback)(
     (logoEl) => {
       if (activeElRef.current) deactivate();
       selectedElRef.current = logoEl;
@@ -27804,7 +28022,7 @@ function OhhwellsBridge() {
     },
     [deactivate, markSelected]
   );
-  const openLogoSizePanel = (0, import_react21.useCallback)((logoEl) => {
+  const openLogoSizePanel = (0, import_react23.useCallback)((logoEl) => {
     const placement = getLogoPlacement(logoEl);
     const draft = readLogoSizeState(editContentRef.current, placement);
     setLogoSizeDraft(draft);
@@ -27817,7 +28035,7 @@ function OhhwellsBridge() {
       placement
     });
   }, []);
-  const openSocialsDisplayPanel = (0, import_react21.useCallback)((row) => {
+  const openSocialsDisplayPanel = (0, import_react23.useCallback)((row) => {
     setFloatingPanelPos(null);
     setParentScrollSnap(parentScrollRef.current);
     setFloatingPanel({
@@ -27828,7 +28046,7 @@ function OhhwellsBridge() {
       row
     });
   }, []);
-  const rememberButtonTokens = (0, import_react21.useCallback)(
+  const rememberButtonTokens = (0, import_react23.useCallback)(
     (content, tokens, nodes) => {
       if (nodes.length === 0) return content;
       const next = { ...content };
@@ -27839,7 +28057,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const tokensForButton = (0, import_react21.useCallback)(
+  const tokensForButton = (0, import_react23.useCallback)(
     (el, persistFallback = false) => {
       const stored = readStoredStyleTokens(editContentRef.current);
       if (stored) return stored;
@@ -27854,7 +28072,7 @@ function OhhwellsBridge() {
     },
     [rememberButtonTokens]
   );
-  const openButtonStylePanel = (0, import_react21.useCallback)(
+  const openButtonStylePanel = (0, import_react23.useCallback)(
     (anchor) => {
       const id = buttonId(anchor);
       if (!id) return;
@@ -27872,7 +28090,7 @@ function OhhwellsBridge() {
     },
     [tokensForButton]
   );
-  const applySelectedButtonStyle = (0, import_react21.useCallback)(
+  const applySelectedButtonStyle = (0, import_react23.useCallback)(
     (patch) => {
       const panel = floatingPanelRef.current;
       const id = panel?.kind === "button-style" ? panel.buttonId : null;
@@ -27890,7 +28108,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const onDragOver = (e) => {
       const dragged = buttonCollectionDragRef.current;
       if (!dragged) return;
@@ -27909,11 +28127,11 @@ function OhhwellsBridge() {
       document.removeEventListener("drop", onDrop);
     };
   }, [refreshButtonDragVisuals]);
-  const isEditModeRef = (0, import_react21.useRef)(false);
-  const requestMissingSocialIconsRef = (0, import_react21.useRef)(() => {
+  const isEditModeRef = (0, import_react23.useRef)(false);
+  const requestMissingSocialIconsRef = (0, import_react23.useRef)(() => {
   });
-  const askedSocialIconsRef = (0, import_react21.useRef)(/* @__PURE__ */ new Set());
-  const requestMissingSocialIcons = (0, import_react21.useCallback)(() => {
+  const askedSocialIconsRef = (0, import_react23.useRef)(/* @__PURE__ */ new Set());
+  const requestMissingSocialIcons = (0, import_react23.useCallback)(() => {
     const items = Array.from(document.querySelectorAll(`[${SOCIALS_ROW_ATTR}]`)).filter((row) => socialsDisplayFor(row, editContentRef.current).icon).flatMap((row) => {
       const missing = socialsMissingIcons(row);
       listSocialItems(row).forEach((item) => ensureIconSlot(item));
@@ -27925,7 +28143,7 @@ function OhhwellsBridge() {
   }, []);
   requestMissingSocialIconsRef.current = requestMissingSocialIcons;
   isEditModeRef.current = isEditMode;
-  const changeSocialsDisplay = (0, import_react21.useCallback)(
+  const changeSocialsDisplay = (0, import_react23.useCallback)(
     (row, next) => {
       if (next.icon) {
         const missing = socialsMissingIcons(row);
@@ -27949,19 +28167,19 @@ function OhhwellsBridge() {
     },
     []
   );
-  const closeFloatingPanelOnly = (0, import_react21.useCallback)(() => {
+  const closeFloatingPanelOnly = (0, import_react23.useCallback)(() => {
     setFloatingPanel(null);
     setFloatingPanelPos(null);
     setLogoSizeDraft(null);
   }, []);
   closeFloatingPanelOnlyRef.current = closeFloatingPanelOnly;
-  const closeFloatingPanelAndDeselect = (0, import_react21.useCallback)(() => {
+  const closeFloatingPanelAndDeselect = (0, import_react23.useCallback)(() => {
     setFloatingPanel(null);
     setFloatingPanelPos(null);
     setLogoSizeDraft(null);
     deselectRef.current();
   }, []);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const session = floatingPanel && floatingPanel.kind === "logo-size" ? floatingPanel : null;
     if (!session || !logoSizeDraft) {
       postToParentRef.current({ type: "ow:logo-size-panel", open: false });
@@ -27980,7 +28198,7 @@ function OhhwellsBridge() {
       max: LOGO_SIZE_MAX
     });
   }, [floatingPanel, logoSizeDraft, editorViewport]);
-  const persistLogoSizeDraft = (0, import_react21.useCallback)(
+  const persistLogoSizeDraft = (0, import_react23.useCallback)(
     (placement, draft) => {
       const desktopKey = LOGO_SIZE_DESKTOP_KEYS[placement];
       const mobileKey = LOGO_SIZE_MOBILE_KEYS[placement];
@@ -28020,7 +28238,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const activate = (0, import_react21.useCallback)((el, options) => {
+  const activate = (0, import_react23.useCallback)((el, options) => {
     if (activeElRef.current === el) return;
     document.querySelectorAll("[data-ohw-hovered]").forEach((hovered) => {
       hovered.removeAttribute("data-ohw-hovered");
@@ -28118,8 +28336,8 @@ function OhhwellsBridge() {
   openLogoSizePanelRef.current = openLogoSizePanel;
   deselectRef.current = deselect;
   closeFloatingPanelOnlyRef.current = closeFloatingPanelOnly;
-  const lastSiteWideScopeRef = (0, import_react21.useRef)(null);
-  (0, import_react21.useEffect)(() => {
+  const lastSiteWideScopeRef = (0, import_react23.useRef)(null);
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) {
       if (lastSiteWideScopeRef.current !== false) {
         lastSiteWideScopeRef.current = false;
@@ -28145,7 +28363,7 @@ function OhhwellsBridge() {
     isFooterFrameSelection,
     postToParent2
   ]);
-  (0, import_react21.useLayoutEffect)(() => {
+  (0, import_react23.useLayoutEffect)(() => {
     if (!subdomain || isEditMode) {
       setFetchState("done");
       return;
@@ -28192,6 +28410,7 @@ function OhhwellsBridge() {
         if (typeof content[AI_FOOTER_KEY] === "string" && content[AI_FOOTER_KEY] && isAiFooterOwnedContentKey(key)) {
           continue;
         }
+        if (key.endsWith(SECTION_EMBED_SUFFIX)) continue;
         if (applyVideoSettingNode(key, val)) continue;
         if (applyCarouselNode(key, val)) continue;
         document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -28231,6 +28450,7 @@ function OhhwellsBridge() {
         });
         applyLinkByKey(key, val);
       }
+      applySectionEmbeds(content);
       applyLogoFromContent(content);
       applyLogoSizes(content);
       reconcileNavbarItemsFromContent(content);
@@ -28297,7 +28517,7 @@ function OhhwellsBridge() {
       cancelled = true;
     };
   }, [subdomain, isEditMode]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     const resolveIndex = (form, clientY) => {
       const wrappers = listFieldWrappers(form).filter((el) => fieldKeyOf(el) !== fieldDragRef.current?.key);
@@ -28338,7 +28558,7 @@ function OhhwellsBridge() {
       window.removeEventListener("drop", onDrop, true);
     };
   }, [buildFieldDropSlots, isEditMode, persistFields, selectField]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     const mark = () => document.querySelectorAll('[data-ohw-editable="form"]').forEach((form) => {
       markFormFields(form);
@@ -28350,7 +28570,7 @@ function OhhwellsBridge() {
     });
     return () => observer.disconnect();
   }, [isEditMode, fetchState, pathname]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     let saveTimer = null;
     const onInput = (e) => {
@@ -28372,14 +28592,14 @@ function OhhwellsBridge() {
     document.addEventListener("input", onInput, true);
     return () => document.removeEventListener("input", onInput, true);
   }, [isEditMode, persistFields]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (isEditMode || fetchState !== "done") return;
     const content = contentCache.get(subdomain) ?? {};
     document.querySelectorAll('[data-ohw-editable="form"]').forEach((form) => {
       reconcileFieldsFromContent(form, content);
     });
   }, [isEditMode, fetchState, subdomain]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     const swallow = (e) => {
       const target = e.target;
@@ -28388,14 +28608,14 @@ function OhhwellsBridge() {
     document.addEventListener("submit", swallow, true);
     return () => document.removeEventListener("submit", swallow, true);
   }, [isEditMode]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (isEditMode || fetchState !== "done") return;
     console.log("env", process.env.NEXT_PUBLIC_FLOWOPS_API_URL);
     const apiUrl = process.env.NEXT_PUBLIC_FLOWOPS_API_URL ?? "https://flowops-backend-staging-2yfdh7pwpq-as.a.run.app";
     console.log({ apiUrl, subdomain });
     bindPublishedForms(apiUrl, subdomain, contentCache.get(subdomain) ?? {});
   }, [isEditMode, fetchState, subdomain]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!subdomain || isEditMode) return;
     let debounceTimer = null;
     let observer = null;
@@ -28434,6 +28654,7 @@ function OhhwellsBridge() {
           if (typeof content[AI_FOOTER_KEY] === "string" && content[AI_FOOTER_KEY] && isAiFooterOwnedContentKey(key)) {
             continue;
           }
+          if (key.endsWith(SECTION_EMBED_SUFFIX)) continue;
           if (applyVideoSettingNode(key, val)) continue;
           if (applyCarouselNode(key, val)) continue;
           document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -28458,6 +28679,7 @@ function OhhwellsBridge() {
           });
           applyLinkByKey(key, val);
         }
+        applySectionEmbeds(content);
         applyLogoFromContent(content);
         reconcileNavbarItemsFromContent(content);
         reconcileFooterOrderFromContent(content);
@@ -28513,16 +28735,16 @@ function OhhwellsBridge() {
       if (debounceTimer) clearTimeout(debounceTimer);
     };
   }, [subdomain, isEditMode, pathname]);
-  (0, import_react21.useLayoutEffect)(() => {
+  (0, import_react23.useLayoutEffect)(() => {
     const el = document.getElementById("ohw-loader");
     if (!el) return;
     const visible = Boolean(subdomain) && fetchState !== "done";
     el.style.display = visible ? "flex" : "none";
   }, [subdomain, fetchState]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     postToParent2({ type: "ow:navigation", path: pathname });
   }, [pathname, postToParent2]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!subdomain || isEditMode) return;
     const content = contentCache.get(subdomain);
     if (!content) return;
@@ -28540,7 +28762,7 @@ function OhhwellsBridge() {
     }
     applyAiFooterFromContent(content);
   }, [pathname, subdomain, isEditMode]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     if (linkPopoverSessionRef.current?.intent === "add-nav") return;
     if (document.querySelector("[data-ohw-section-picker]")) return;
@@ -28548,12 +28770,12 @@ function OhhwellsBridge() {
     deselectRef.current();
     deactivateRef.current();
   }, [pathname, isEditMode]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     initSectionInstancesFromContent(editContentRef.current, pathname);
     initItemInstancesFromContent(editContentRef.current);
   }, [pathname, isEditMode]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     const observer = new MutationObserver(() => {
       const drawer = document.querySelector("[data-ohw-nav-drawer]");
@@ -28564,7 +28786,7 @@ function OhhwellsBridge() {
     observer.observe(document.body, { childList: true, subtree: true });
     return () => observer.disconnect();
   }, [isEditMode, pathname]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const contentForNav = () => {
       if (isEditMode) return editContentRef.current;
       if (!subdomain) return {};
@@ -28637,7 +28859,7 @@ function OhhwellsBridge() {
       observer?.disconnect();
     };
   }, [isEditMode, pathname, subdomain, fetchState, resyncSelectedNavigationItem]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     let applying = false;
     let rafId = null;
@@ -28675,7 +28897,7 @@ function OhhwellsBridge() {
       observer.disconnect();
     };
   }, [isEditMode, pathname]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     let lastPosted = 0;
     const measure = () => {
@@ -28704,7 +28926,7 @@ function OhhwellsBridge() {
       ro.disconnect();
     };
   }, [pathname, isEditMode, postToParent2]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (isEditMode) return;
     const handleClick = (e) => {
       if (!isPlainLeftClick(e)) return;
@@ -28718,7 +28940,7 @@ function OhhwellsBridge() {
     document.addEventListener("click", handleClick, true);
     return () => document.removeEventListener("click", handleClick, true);
   }, [isEditMode, router, pathname]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) {
       editStylesRef.current?.base.remove();
       editStylesRef.current?.forceHover.remove();
@@ -30716,6 +30938,7 @@ function OhhwellsBridge() {
         if (typeof content[AI_FOOTER_KEY] === "string" && content[AI_FOOTER_KEY] && isAiFooterOwnedContentKey(key)) {
           continue;
         }
+        if (key.endsWith(SECTION_EMBED_SUFFIX)) continue;
         if (applyVideoSettingNode(key, val)) continue;
         if (applyCarouselNode(key, val)) continue;
         document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -30741,6 +30964,7 @@ function OhhwellsBridge() {
         });
         applyLinkByKey(key, val);
       }
+      applySectionEmbeds(content);
       applyLogoFromContent(content);
       applyLogoSizes(content);
       document.querySelectorAll('[data-ohw-editable="form"]').forEach((form) => {
@@ -32199,7 +32423,7 @@ function OhhwellsBridge() {
       if (imageShowTimerRef.current) clearTimeout(imageShowTimerRef.current);
     };
   }, [isEditMode, refreshStateRules]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     const THRESHOLD = 10;
     const resolveWasSelected = (el) => {
@@ -32355,7 +32579,7 @@ function OhhwellsBridge() {
       unlockFooterDragInteraction();
     };
   }, [isEditMode]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     const THRESHOLD = 10;
     const onPointerDown = (e) => {
@@ -32446,7 +32670,7 @@ function OhhwellsBridge() {
       document.removeEventListener("selectstart", blockSelectStart, true);
     };
   }, [isEditMode, persistButtonCollectionDrag, refreshButtonDragVisuals]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const handler = (e) => {
       if (e.data?.type !== "ow:request-schedule-config") return;
       const insertAfterVal = e.data.insertAfter;
@@ -32462,7 +32686,7 @@ function OhhwellsBridge() {
     window.addEventListener("message", handler);
     return () => window.removeEventListener("message", handler);
   }, [processConfigRequest]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isEditMode) return;
     document.querySelectorAll("[data-ohw-active-state]").forEach((el) => {
       el.removeAttribute("data-ohw-active-state");
@@ -32486,7 +32710,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.160-next.427",
+        bridgeVersion: "0.1.160-next.429",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections
@@ -32498,13 +32722,13 @@ function OhhwellsBridge() {
       clearTimeout(timer);
     };
   }, [pathname, isEditMode, refreshStateRules, postToParent2]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     scrollToHashSectionWhenReady();
     const onHashChange = () => scrollToHashSectionWhenReady();
     window.addEventListener("hashchange", onHashChange);
     return () => window.removeEventListener("hashchange", onHashChange);
   }, [pathname]);
-  const handleCommand = (0, import_react21.useCallback)((cmd) => {
+  const handleCommand = (0, import_react23.useCallback)((cmd) => {
     const el = activeElRef.current;
     const selBefore = window.getSelection();
     let savedOffsets = null;
@@ -32540,7 +32764,7 @@ function OhhwellsBridge() {
     if (el) setToolbarRect(getEditMeasureEl(el).getBoundingClientRect());
     refreshActiveCommandsRef.current();
   }, []);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const session = floatingPanel && floatingPanel.kind === "logo-size" ? floatingPanel : null;
     if (!session || !logoSizeDraft) return;
     const onPanelAction = (e) => {
@@ -32578,7 +32802,7 @@ function OhhwellsBridge() {
     window.addEventListener("message", onPanelAction);
     return () => window.removeEventListener("message", onPanelAction);
   }, [floatingPanel, logoSizeDraft, editorViewport, persistLogoSizeDraft, closeFloatingPanelAndDeselect]);
-  const handleStateChange = (0, import_react21.useCallback)((state) => {
+  const handleStateChange = (0, import_react23.useCallback)((state) => {
     if (!activeStateElRef.current) return;
     const el = activeStateElRef.current;
     if (state === "Default") {
@@ -32591,7 +32815,7 @@ function OhhwellsBridge() {
     }
     setToggleState((prev) => prev ? { ...prev, activeState: state } : null);
   }, [deactivate]);
-  const reselectAfterLinkPopover = (0, import_react21.useCallback)(
+  const reselectAfterLinkPopover = (0, import_react23.useCallback)(
     (hrefKey) => {
       requestAnimationFrame(() => {
         const el = resolveHrefKeyElement(hrefKey);
@@ -32600,7 +32824,7 @@ function OhhwellsBridge() {
     },
     [resolveHrefKeyElement]
   );
-  const closeLinkPopover = (0, import_react21.useCallback)(() => {
+  const closeLinkPopover = (0, import_react23.useCallback)(() => {
     const session = linkPopoverSessionRef.current;
     addNavAfterAnchorRef.current = null;
     setLinkPopover(null);
@@ -32608,9 +32832,9 @@ function OhhwellsBridge() {
       reselectAfterLinkPopover(session.key);
     }
   }, [reselectAfterLinkPopover]);
-  const closeLinkPopoverRef = (0, import_react21.useRef)(closeLinkPopover);
+  const closeLinkPopoverRef = (0, import_react23.useRef)(closeLinkPopover);
   closeLinkPopoverRef.current = closeLinkPopover;
-  const openLinkPopoverForActive = (0, import_react21.useCallback)(() => {
+  const openLinkPopoverForActive = (0, import_react23.useCallback)(() => {
     const hrefCtx = getHrefKeyFromElement(activeElRef.current);
     if (!hrefCtx) return;
     bumpLinkPopoverGrace();
@@ -32621,7 +32845,7 @@ function OhhwellsBridge() {
     });
     deactivate();
   }, [deactivate]);
-  const openLinkPopoverForSelected = (0, import_react21.useCallback)(() => {
+  const openLinkPopoverForSelected = (0, import_react23.useCallback)(() => {
     const anchor = selectedElRef.current;
     if (!anchor) return;
     const key = anchor.getAttribute("data-ohw-href-key");
@@ -32638,7 +32862,7 @@ function OhhwellsBridge() {
     });
     deselect();
   }, [deselect]);
-  const handleSelectParent = (0, import_react21.useCallback)(() => {
+  const handleSelectParent = (0, import_react23.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected) return;
     if (toolbarVariantRef.current === "select-frame") {
@@ -32665,7 +32889,7 @@ function OhhwellsBridge() {
     }
     deselectRef.current();
   }, []);
-  const handleDuplicateSelected = (0, import_react21.useCallback)(() => {
+  const handleDuplicateSelected = (0, import_react23.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected || !isNavigationItem2(selected)) return;
     if (isCtaButton(selected)) {
@@ -32834,7 +33058,7 @@ function OhhwellsBridge() {
       });
     }
   }, [postToParent2, tokensForButton]);
-  const runPendingDeleteUndo = (0, import_react21.useCallback)(() => {
+  const runPendingDeleteUndo = (0, import_react23.useCallback)(() => {
     const pending = pendingDeleteUndoRef.current;
     if (!pending) return false;
     pendingDeleteUndoRef.current = null;
@@ -32842,7 +33066,7 @@ function OhhwellsBridge() {
     enforceLinkHrefs();
     return true;
   }, []);
-  const handleDeleteSelected = (0, import_react21.useCallback)(() => {
+  const handleDeleteSelected = (0, import_react23.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected) return false;
     if (isCtaButton(selected)) {
@@ -32904,7 +33128,7 @@ function OhhwellsBridge() {
   }, [postToParent2]);
   handleDeleteSelectedRef.current = handleDeleteSelected;
   runPendingDeleteUndoRef.current = runPendingDeleteUndo;
-  const handleLinkPopoverSubmit = (0, import_react21.useCallback)(
+  const handleLinkPopoverSubmit = (0, import_react23.useCallback)(
     (target) => {
       const session = linkPopoverSessionRef.current;
       if (!session) return;
@@ -32970,14 +33194,14 @@ function OhhwellsBridge() {
   const showEditLink = toolbarShowEditLink;
   const currentSections = sectionsByPath[pathname] ?? [];
   linkPopoverOpenRef.current = linkPopover !== null;
-  const handleMediaSelect = (0, import_react21.useCallback)((key) => {
+  const handleMediaSelect = (0, import_react23.useCallback)((key) => {
     const el = hoveredImageRef.current?.dataset.ohwKey === key ? hoveredImageRef.current : Array.from(document.querySelectorAll(MEDIA_SELECTOR)).find(
       (m) => (m.dataset.ohwKey ?? "") === key
     ) ?? null;
     if (!el) return;
     selectMediaElementRef.current(el);
   }, []);
-  const handleMediaReplace = (0, import_react21.useCallback)(
+  const handleMediaReplace = (0, import_react23.useCallback)(
     (key) => {
       postToParent2({
         type: "ow:image-pick",
@@ -32987,13 +33211,13 @@ function OhhwellsBridge() {
     },
     [postToParent2, mediaHover?.elementType, selectedMedia?.elementType]
   );
-  const handleEditCarousel = (0, import_react21.useCallback)(
+  const handleEditCarousel = (0, import_react23.useCallback)(
     (key) => {
       postToParent2({ type: "ow:carousel-open", key, images: readCarouselValue(key) });
     },
     [postToParent2]
   );
-  const handleMediaFadeOutComplete = (0, import_react21.useCallback)((key) => {
+  const handleMediaFadeOutComplete = (0, import_react23.useCallback)((key) => {
     setUploadingRects((prev) => {
       if (!(key in prev)) return prev;
       const next = { ...prev };
@@ -33001,7 +33225,7 @@ function OhhwellsBridge() {
       return next;
     });
   }, []);
-  const handleVideoSettingsChange = (0, import_react21.useCallback)(
+  const handleVideoSettingsChange = (0, import_react23.useCallback)(
     (key, settings) => {
       document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
         const video = getVideoEl2(el);