@ohhwells/bridge 0.1.52-next.133 → 0.1.52-next.137

package/dist/index.cjs

@@ -69,7 +69,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/OhhwellsBridge.tsx
-var import_react13 = __toESM(require("react"), 1);
+var import_react14 = __toESM(require("react"), 1);
 var import_client = require("react-dom/client");
 var import_react_dom2 = require("react-dom");
 
@@ -121,11 +121,43 @@ function useLinkHrefGuardian(...deps) {
   }, deps);
 }
 
+// src/useSavedLinkNavigation.ts
+var import_react2 = require("react");
+var import_navigation = require("next/navigation");
+function isRouterHref(href) {
+  return href.startsWith("/") || href.startsWith("#");
+}
+function shouldLetBrowserHandle(e, anchor) {
+  return e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || anchor.hasAttribute("download") || anchor.target !== "" && anchor.target !== "_self";
+}
+function useSavedLinkNavigation(isEditMode) {
+  const router = (0, import_navigation.useRouter)();
+  (0, import_react2.useEffect)(() => {
+    if (isEditMode) return;
+    const onClick = (e) => {
+      const anchor = e.target?.closest(
+        "a[data-ohw-href-key]"
+      );
+      if (!anchor || shouldLetBrowserHandle(e, anchor)) return;
+      const key = anchor.getAttribute("data-ohw-href-key");
+      if (!key || getStoredLinkHref(key) === void 0) return;
+      const href = anchor.getAttribute("href");
+      if (!href) return;
+      e.preventDefault();
+      e.stopPropagation();
+      if (isRouterHref(href)) router.push(href);
+      else window.location.assign(href);
+    };
+    document.addEventListener("click", onClick, true);
+    return () => document.removeEventListener("click", onClick, true);
+  }, [isEditMode, router]);
+}
+
 // src/ui/SchedulingWidget.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 
 // src/ui/EmailCaptureModal.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 var import_radix_ui = require("radix-ui");
 var import_jsx_runtime = require("react/jsx-runtime");
 var isValidEmail = (value) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
@@ -155,11 +187,11 @@ function Spinner() {
   );
 }
 function EmailCaptureModal({ title, subtitle, onSubmit, onClose }) {
-  const [email, setEmail] = (0, import_react2.useState)("");
-  const [submittedEmail, setSubmittedEmail] = (0, import_react2.useState)("");
-  const [loading, setLoading] = (0, import_react2.useState)(false);
-  const [success, setSuccess] = (0, import_react2.useState)(false);
-  const [error, setError] = (0, import_react2.useState)(null);
+  const [email, setEmail] = (0, import_react3.useState)("");
+  const [submittedEmail, setSubmittedEmail] = (0, import_react3.useState)("");
+  const [loading, setLoading] = (0, import_react3.useState)(false);
+  const [success, setSuccess] = (0, import_react3.useState)(false);
+  const [error, setError] = (0, import_react3.useState)(null);
   const isBook = title === "Confirm your spot";
   const handleSubmit = async () => {
     const trimmed = email.trim();
@@ -423,21 +455,21 @@ function LoadingSkeleton() {
   ] });
 }
 function ScheduleView({ schedule, dates, selectedIdx, onSelectDate, onOpenModal }) {
-  const todayMs = (0, import_react3.useMemo)(() => {
+  const todayMs = (0, import_react4.useMemo)(() => {
     const d = /* @__PURE__ */ new Date();
     d.setHours(0, 0, 0, 0);
     return d.getTime();
   }, []);
-  const scrollRef = (0, import_react3.useRef)(null);
-  const [canScrollLeft, setCanScrollLeft] = (0, import_react3.useState)(false);
-  const [canScrollRight, setCanScrollRight] = (0, import_react3.useState)(false);
+  const scrollRef = (0, import_react4.useRef)(null);
+  const [canScrollLeft, setCanScrollLeft] = (0, import_react4.useState)(false);
+  const [canScrollRight, setCanScrollRight] = (0, import_react4.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_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const el = scrollRef.current;
     if (!el) return;
     updateScrollState();
@@ -452,9 +484,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_react3.useRef)(false);
-  const dragStartX = (0, import_react3.useRef)(0);
-  const dragStartScrollLeft = (0, import_react3.useRef)(0);
+  const isDragging = (0, import_react4.useRef)(false);
+  const dragStartX = (0, import_react4.useRef)(0);
+  const dragStartScrollLeft = (0, import_react4.useRef)(0);
   const onDragStart = (e) => {
     if (!scrollRef.current) return;
     isDragging.current = true;
@@ -474,14 +506,14 @@ function ScheduleView({ schedule, dates, selectedIdx, onSelectDate, onOpenModal
     scrollRef.current.style.cursor = "grab";
     scrollRef.current.style.userSelect = "";
   };
-  const datesWithClasses = (0, import_react3.useMemo)(
+  const datesWithClasses = (0, import_react4.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_react3.useMemo)(
+  const selectedClasses = (0, import_react4.useMemo)(
     () => (schedule.classes ?? []).filter((c) => selectedDate && classRunsOnDate(c, selectedDate, schedule.type)),
     [schedule, selectedDate]
   );
@@ -666,16 +698,16 @@ function CalendarFoldIcon() {
   );
 }
 function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAfter: insertAfterProp }) {
-  const autoId = (0, import_react3.useId)();
+  const autoId = (0, import_react4.useId)();
   const insertAfter = insertAfterProp ?? autoId;
-  const [schedule, setSchedule] = (0, import_react3.useState)(null);
-  const [loading, setLoading] = (0, import_react3.useState)(true);
-  const [inEditor, setInEditor] = (0, import_react3.useState)(false);
-  const [isHovered, setIsHovered] = (0, import_react3.useState)(false);
-  const [modalState, setModalState] = (0, import_react3.useState)(null);
-  const switchScheduleIdRef = (0, import_react3.useRef)(null);
-  const liveScheduleIdRef = (0, import_react3.useRef)(null);
-  const refetchLiveSchedule = (0, import_react3.useCallback)(async () => {
+  const [schedule, setSchedule] = (0, import_react4.useState)(null);
+  const [loading, setLoading] = (0, import_react4.useState)(true);
+  const [inEditor, setInEditor] = (0, import_react4.useState)(false);
+  const [isHovered, setIsHovered] = (0, import_react4.useState)(false);
+  const [modalState, setModalState] = (0, import_react4.useState)(null);
+  const switchScheduleIdRef = (0, import_react4.useRef)(null);
+  const liveScheduleIdRef = (0, import_react4.useRef)(null);
+  const refetchLiveSchedule = (0, import_react4.useCallback)(async () => {
     const id = liveScheduleIdRef.current;
     if (!id) return;
     try {
@@ -685,7 +717,7 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
     } catch {
     }
   }, []);
-  const dates = (0, import_react3.useMemo)(() => {
+  const dates = (0, import_react4.useMemo)(() => {
     const today = /* @__PURE__ */ new Date();
     today.setHours(0, 0, 0, 0);
     return Array.from({ length: 14 }, (_, i) => {
@@ -694,8 +726,8 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
       return d;
     });
   }, []);
-  const [selectedIdx, setSelectedIdx] = (0, import_react3.useState)(0);
-  (0, import_react3.useEffect)(() => {
+  const [selectedIdx, setSelectedIdx] = (0, import_react4.useState)(0);
+  (0, import_react4.useEffect)(() => {
     if (!schedule?.classes) return;
     for (let i = 0; i < dates.length; i++) {
       if (schedule.classes.some((c) => classRunsOnDate(c, dates[i], schedule.type))) {
@@ -704,7 +736,7 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
       }
     }
   }, [schedule, dates]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (typeof window === "undefined") return;
     const onVisible = () => {
       if (!document.hidden) void refetchLiveSchedule();
@@ -716,7 +748,7 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
       document.removeEventListener("visibilitychange", onVisible);
     };
   }, [refetchLiveSchedule]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (typeof window === "undefined") return;
     const isInEditor = window.self !== window.top;
     setInEditor(isInEditor);
@@ -4412,7 +4444,7 @@ var CustomToolbarButton = React4.forwardRef(
 CustomToolbarButton.displayName = "CustomToolbarButton";
 
 // src/ui/item-action-toolbar.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_lucide_react2 = require("lucide-react");
 
 // src/ui/dropdown-menu.tsx
@@ -4596,7 +4628,7 @@ function ItemActionToolbar({
   headingVisible = null,
   onHeadingVisibleChange
 }) {
-  const [moreOpen, setMoreOpen] = (0, import_react4.useState)(false);
+  const [moreOpen, setMoreOpen] = (0, import_react5.useState)(false);
   const showDropdownToggle = dropdownOpen !== null && dropdownOpen !== void 0;
   const showHeadingToggle = headingVisible !== null && headingVisible !== void 0;
   const headingTooltip = headingVisible ? "Hide heading" : "Show heading";
@@ -4772,7 +4804,7 @@ function ItemActionToolbar({
 }
 
 // src/ui/item-interaction-layer.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var PRIMARY = "var(--ohw-primary, #0885FE)";
 var FOCUS_RING = `0 0 0 4px color-mix(in srgb, ${PRIMARY} 12%, transparent)`;
@@ -4824,8 +4856,8 @@ function ClampedToolbarSlot({
   placement,
   children
 }) {
-  const slotRef = (0, import_react5.useRef)(null);
-  (0, import_react5.useLayoutEffect)(() => {
+  const slotRef = (0, import_react6.useRef)(null);
+  (0, import_react6.useLayoutEffect)(() => {
     const slot = slotRef.current;
     if (!slot) return;
     const clamp = () => {
@@ -4878,8 +4910,8 @@ function DetachedBelowToolbarSlot({
   belowRect,
   children
 }) {
-  const slotRef = (0, import_react5.useRef)(null);
-  (0, import_react5.useLayoutEffect)(() => {
+  const slotRef = (0, import_react6.useRef)(null);
+  (0, import_react6.useLayoutEffect)(() => {
     const slot = slotRef.current;
     if (!slot) return;
     const clamp = () => {
@@ -5310,7 +5342,7 @@ function CarouselOverlay({
 }
 
 // src/ui/ai-section/AiSectionOverlay.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_lucide_react5 = require("lucide-react");
 
 // src/lib/sections.ts
@@ -5350,8 +5382,8 @@ function readRect(sectionId) {
   return { top: r2.top, left: r2.left, width: r2.width, height: r2.height };
 }
 function useLiveSectionRect(sectionId) {
-  const [rect, setRect] = (0, import_react6.useState)(null);
-  (0, import_react6.useEffect)(() => {
+  const [rect, setRect] = (0, import_react7.useState)(null);
+  (0, import_react7.useEffect)(() => {
     if (!sectionId) {
       setRect(null);
       return;
@@ -5396,7 +5428,7 @@ function ReviewButton({
   background,
   color
 }) {
-  const [hover, setHover] = (0, import_react6.useState)(false);
+  const [hover, setHover] = (0, import_react7.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { style: { position: "relative" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "button",
@@ -5450,13 +5482,13 @@ function AiSectionOverlay({
   postToParent: postToParent2,
   apiRef
 }) {
-  const [selectedId, setSelectedId] = (0, import_react6.useState)(null);
-  const [reviewId, setReviewId] = (0, import_react6.useState)(null);
-  const reviewIdRef = (0, import_react6.useRef)(null);
+  const [selectedId, setSelectedId] = (0, import_react7.useState)(null);
+  const [reviewId, setReviewId] = (0, import_react7.useState)(null);
+  const reviewIdRef = (0, import_react7.useRef)(null);
   reviewIdRef.current = reviewId;
-  const selectedIdRef = (0, import_react6.useRef)(null);
+  const selectedIdRef = (0, import_react7.useRef)(null);
   selectedIdRef.current = selectedId;
-  const report = (0, import_react6.useCallback)(
+  const report = (0, import_react7.useCallback)(
     (el) => {
       postToParent2({
         type: "ow:section-selected",
@@ -5466,7 +5498,7 @@ function AiSectionOverlay({
     },
     [postToParent2]
   );
-  const selectFromElement = (0, import_react6.useCallback)(
+  const selectFromElement = (0, import_react7.useCallback)(
     (el, options) => {
       const sectionEl = el?.closest("[data-ohw-section]") ?? null;
       const id = sectionEl?.dataset.ohwSection ?? null;
@@ -5476,7 +5508,7 @@ function AiSectionOverlay({
     },
     [report]
   );
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     apiRef.current = {
       selectFromElement,
       handleBackgroundClick: (target, clientX, clientY) => {
@@ -5496,7 +5528,7 @@ function AiSectionOverlay({
       apiRef.current = null;
     };
   }, [apiRef, selectFromElement]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     const onMessage = (e) => {
       if (e.data?.type === "ow:ai-select" && e.data.sectionId === null) {
         setSelectedId(null);
@@ -5519,8 +5551,8 @@ function AiSectionOverlay({
     window.addEventListener("message", onMessage);
     return () => window.removeEventListener("message", onMessage);
   }, [postToParent2]);
-  const [hoveredId, setHoveredId] = (0, import_react6.useState)(null);
-  (0, import_react6.useEffect)(() => {
+  const [hoveredId, setHoveredId] = (0, import_react7.useState)(null);
+  (0, import_react7.useEffect)(() => {
     const onMove = (e) => {
       const t = e.target;
       if (!(t instanceof HTMLElement)) return;
@@ -5541,7 +5573,7 @@ function AiSectionOverlay({
       document.documentElement.removeEventListener("mouseleave", onLeave);
     };
   }, []);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     const onKeyDown = (e) => {
       if (e.key !== "Escape") return;
       if (reviewIdRef.current) return;
@@ -5554,7 +5586,7 @@ function AiSectionOverlay({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [report]);
-  const decide = (0, import_react6.useCallback)(
+  const decide = (0, import_react7.useCallback)(
     (decision) => {
       const sectionId = reviewIdRef.current;
       if (!sectionId) return;
@@ -5647,7 +5679,7 @@ function AiSectionOverlay({
 
 // src/OhhwellsBridge.tsx
 var import_react_dom3 = require("react-dom");
-var import_navigation2 = require("next/navigation");
+var import_navigation3 = require("next/navigation");
 
 // src/lib/cta-button.ts
 function isCtaButton(el) {
@@ -5935,7 +5967,7 @@ function scrollToHashSectionWhenReady(behavior = "smooth") {
 }
 
 // src/ui/link-modal/LinkPopover.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 
 // src/ui/dialog.tsx
 var React7 = __toESM(require("react"), 1);
@@ -6135,7 +6167,7 @@ function SectionTreeItem({
 }
 
 // src/ui/link-modal/UrlOrPageInput.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 
 // src/ui/input.tsx
 var React8 = __toESM(require("react"), 1);
@@ -6203,11 +6235,11 @@ function UrlOrPageInput({
   readOnly = false,
   urlError
 }) {
-  const inputId = (0, import_react7.useId)();
-  const inputRef = (0, import_react7.useRef)(null);
-  const rootRef = (0, import_react7.useRef)(null);
-  const [isFocused, setIsFocused] = (0, import_react7.useState)(false);
-  (0, import_react7.useEffect)(() => {
+  const inputId = (0, import_react8.useId)();
+  const inputRef = (0, import_react8.useRef)(null);
+  const rootRef = (0, import_react8.useRef)(null);
+  const [isFocused, setIsFocused] = (0, import_react8.useState)(false);
+  (0, import_react8.useEffect)(() => {
     if (!dropdownOpen) return;
     const isOutside = (e) => {
       const root = rootRef.current;
@@ -6415,10 +6447,10 @@ function LinkEditorPanel({ state, onClose }) {
 }
 
 // src/ui/link-modal/SectionPickerOverlay.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_react_dom = require("react-dom");
 var import_lucide_react11 = require("lucide-react");
-var import_navigation = require("next/navigation");
+var import_navigation2 = require("next/navigation");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var DIM_OVERLAY = "rgba(0, 0, 0, 0.45)";
 function rectsEqual(a, b) {
@@ -6452,12 +6484,12 @@ function hitTestSectionId(x, y, sectionIds, rects) {
   return null;
 }
 function useSectionRects(sectionIdsKey, enabled) {
-  const [rects, setRects] = (0, import_react8.useState)(/* @__PURE__ */ new Map());
-  const sectionIds = (0, import_react8.useMemo)(
+  const [rects, setRects] = (0, import_react9.useState)(/* @__PURE__ */ new Map());
+  const sectionIds = (0, import_react9.useMemo)(
     () => sectionIdsKey ? sectionIdsKey.split("\0") : [],
     [sectionIdsKey]
   );
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!enabled || sectionIds.length === 0) {
       setRects((prev) => prev.size === 0 ? prev : /* @__PURE__ */ new Map());
       return;
@@ -6496,15 +6528,15 @@ function SectionPickerOverlay({
   onBack,
   onSelect
 }) {
-  const router = (0, import_navigation.useRouter)();
-  const pathname = (0, import_navigation.usePathname)();
-  const [selectedId, setSelectedId] = (0, import_react8.useState)(null);
-  const [hoveredId, setHoveredId] = (0, import_react8.useState)(null);
-  const pointerRef = (0, import_react8.useRef)(null);
-  const pointerScreenRef = (0, import_react8.useRef)(null);
-  const iframeOffsetTopRef = (0, import_react8.useRef)(null);
-  const sectionIdsRef = (0, import_react8.useRef)([]);
-  const [chromeClip, setChromeClip] = (0, import_react8.useState)(
+  const router = (0, import_navigation2.useRouter)();
+  const pathname = (0, import_navigation2.usePathname)();
+  const [selectedId, setSelectedId] = (0, import_react9.useState)(null);
+  const [hoveredId, setHoveredId] = (0, import_react9.useState)(null);
+  const pointerRef = (0, import_react9.useRef)(null);
+  const pointerScreenRef = (0, import_react9.useRef)(null);
+  const iframeOffsetTopRef = (0, import_react9.useRef)(null);
+  const sectionIdsRef = (0, import_react9.useRef)([]);
+  const [chromeClip, setChromeClip] = (0, import_react9.useState)(
     () => ({
       top: 0,
       bottom: typeof window !== "undefined" ? window.innerHeight : 0
@@ -6512,12 +6544,12 @@ function SectionPickerOverlay({
   );
   const normalizedTarget = normalizePath(pagePath);
   const isOnTargetPage = normalizePath(pathname) === normalizedTarget;
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (isOnTargetPage) return;
     const search = readPreservedSearch();
     router.push(`${normalizedTarget}${search}`);
   }, [isOnTargetPage, normalizedTarget, router]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     document.documentElement.setAttribute("data-ohw-section-picking", "");
     document.querySelectorAll("[data-ohw-hovered]").forEach((el) => {
       el.removeAttribute("data-ohw-hovered");
@@ -6529,24 +6561,24 @@ function SectionPickerOverlay({
       document.documentElement.removeAttribute("data-ohw-section-picking");
     };
   }, []);
-  const liveSections = (0, import_react8.useMemo)(() => {
+  const liveSections = (0, import_react9.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_react8.useMemo)(
+  const sectionIdsKey = (0, import_react9.useMemo)(
     () => liveSections.map((s) => s.id).join("\0"),
     [liveSections]
   );
-  const sectionIds = (0, import_react8.useMemo)(
+  const sectionIds = (0, import_react9.useMemo)(
     () => liveSections.map((s) => s.id),
     [liveSections]
   );
   sectionIdsRef.current = sectionIds;
   const rects = useSectionRects(sectionIdsKey, isOnTargetPage);
-  const applyHoverAt = (0, import_react8.useCallback)(
+  const applyHoverAt = (0, import_react9.useCallback)(
     (x, y, liveRects) => {
       const ids = sectionIdsRef.current;
       const map = liveRects ?? readSectionRects(ids);
@@ -6555,7 +6587,7 @@ function SectionPickerOverlay({
     },
     []
   );
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const applyClip = (iframeOffsetTop, visibleCanvasTop, canvasH) => {
       const top = Math.max(0, visibleCanvasTop - iframeOffsetTop);
       const bottom = Math.min(
@@ -6597,12 +6629,12 @@ function SectionPickerOverlay({
       window.removeEventListener("resize", onResize);
     };
   }, [applyHoverAt]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const ptr = pointerRef.current;
     if (!ptr) return;
     applyHoverAt(ptr.x, ptr.y, rects);
   }, [rects, applyHoverAt]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const rememberPointer = (clientX, clientY) => {
       pointerRef.current = { x: clientX, y: clientY };
       const top = iframeOffsetTopRef.current;
@@ -6626,7 +6658,7 @@ function SectionPickerOverlay({
       window.removeEventListener("message", onPointerSync);
     };
   }, [rects, applyHoverAt]);
-  const handleSelect = (0, import_react8.useCallback)(
+  const handleSelect = (0, import_react9.useCallback)(
     (section) => {
       if (selectedId) return;
       setSelectedId(section.id);
@@ -6634,7 +6666,7 @@ function SectionPickerOverlay({
     },
     [selectedId, onSelect]
   );
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const onKeyDown = (e) => {
       if (e.key === "Escape") {
         e.preventDefault();
@@ -6757,7 +6789,7 @@ function SectionPickerOverlay({
 }
 
 // src/ui/link-modal/useLinkModalState.ts
-var import_react9 = require("react");
+var import_react10 = require("react");
 function useLinkModalState({
   open,
   mode,
@@ -6769,14 +6801,14 @@ function useLinkModalState({
   onClose,
   onSubmit
 }) {
-  const availablePages = (0, import_react9.useMemo)(() => pages, [pages]);
-  const [searchValue, setSearchValue] = (0, import_react9.useState)("");
-  const [selectedPage, setSelectedPage] = (0, import_react9.useState)(null);
-  const [selectedSection, setSelectedSection] = (0, import_react9.useState)(null);
-  const [step, setStep] = (0, import_react9.useState)("input");
-  const [dropdownOpen, setDropdownOpen] = (0, import_react9.useState)(false);
-  const [urlError, setUrlError] = (0, import_react9.useState)("");
-  const reset = (0, import_react9.useCallback)(() => {
+  const availablePages = (0, import_react10.useMemo)(() => pages, [pages]);
+  const [searchValue, setSearchValue] = (0, import_react10.useState)("");
+  const [selectedPage, setSelectedPage] = (0, import_react10.useState)(null);
+  const [selectedSection, setSelectedSection] = (0, import_react10.useState)(null);
+  const [step, setStep] = (0, import_react10.useState)("input");
+  const [dropdownOpen, setDropdownOpen] = (0, import_react10.useState)(false);
+  const [urlError, setUrlError] = (0, import_react10.useState)("");
+  const reset = (0, import_react10.useCallback)(() => {
     setSearchValue("");
     setSelectedPage(null);
     setSelectedSection(null);
@@ -6784,7 +6816,7 @@ function useLinkModalState({
     setDropdownOpen(false);
     setUrlError("");
   }, []);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (!open) return;
     if (mode === "edit" && initialTarget) {
       const { pageRoute } = parseTarget(initialTarget);
@@ -6800,11 +6832,11 @@ function useLinkModalState({
     setDropdownOpen(false);
     setUrlError("");
   }, [open, mode, initialTarget, reset]);
-  const filteredPages = (0, import_react9.useMemo)(() => {
+  const filteredPages = (0, import_react10.useMemo)(() => {
     if (!searchValue.trim()) return availablePages;
     return availablePages.filter((p) => p.title.toLowerCase().startsWith(searchValue.toLowerCase()));
   }, [availablePages, searchValue]);
-  const activeSections = (0, import_react9.useMemo)(() => {
+  const activeSections = (0, import_react10.useMemo)(() => {
     if (!selectedPage) return [];
     return getSectionsForPath(sectionsByPath, selectedPage.path);
   }, [selectedPage, sectionsByPath]);
@@ -6853,7 +6885,7 @@ function useLinkModalState({
     reset();
     onClose();
   };
-  const isValid = (0, import_react9.useMemo)(() => {
+  const isValid = (0, import_react10.useMemo)(() => {
     if (urlError) return false;
     if (showBreadcrumb) return true;
     if (selectedPage) return true;
@@ -6950,7 +6982,7 @@ function LinkPopover({
     onSubmit
   });
   const sectionPickerActive = state.showSectionPicker && Boolean(state.selectedPage);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!open) return;
     if (sectionPickerActive) {
       postToParent({ type: "ui:unlock" });
@@ -9015,12 +9047,29 @@ function deleteFooterColumn(column) {
 // src/lib/logo-identity.ts
 var LOGO_TEXT_KEYS = ["nav-logo-text", "footer-logo-text", "logo-text"];
 var LOGO_IMAGE_KEYS = ["nav-logo-image", "footer-logo", "footer-logo-image"];
+var LOGO_HREF_KEYS = ["nav-logo-href", "footer-logo-href", "logo-href"];
 var LOGO_PLACEHOLDER_KEY = "logo-is-placeholder";
+var LOGO_ALT_KEY = "logo-alt";
+var LOGO_IMAGE_URL_KEY = "nav-logo-image";
 var PLACEHOLDER_BUSINESS_NAME = "Business name";
 function resolveLogoDisplayText(text) {
   const trimmed = (text ?? "").trim();
   return trimmed || PLACEHOLDER_BUSINESS_NAME;
 }
+function isFooterLogoRoot(root) {
+  return Boolean(root.closest("footer") || root.closest('[data-ohw-section="footer"]'));
+}
+function imageKeyForRoot(root) {
+  return isFooterLogoRoot(root) ? "footer-logo" : "nav-logo-image";
+}
+function textKeyForRoot(root) {
+  return isFooterLogoRoot(root) ? "footer-logo-text" : "nav-logo-text";
+}
+function ensureLogoHrefKey(root) {
+  if (!(root instanceof HTMLAnchorElement)) return;
+  if (root.hasAttribute("data-ohw-href-key")) return;
+  root.setAttribute("data-ohw-href-key", isFooterLogoRoot(root) ? "footer-logo-href" : "nav-logo-href");
+}
 function applyLogoIdentity(text, isPlaceholder) {
   const display = resolveLogoDisplayText(text);
   const placeholder = isPlaceholder || !text.trim() || display === PLACEHOLDER_BUSINESS_NAME;
@@ -9041,26 +9090,101 @@ function applyLogoIdentity(text, isPlaceholder) {
   });
   return display;
 }
+function applyLogoImage(url, alt) {
+  const displayAlt = resolveLogoDisplayText(alt);
+  document.querySelectorAll('[data-ohw-role="logo"], [data-ohw-logo]').forEach((root) => {
+    ensureLogoHrefKey(root);
+    const imageKey = imageKeyForRoot(root);
+    const textKey = textKeyForRoot(root);
+    let img = root.querySelector(`img[data-ohw-key="${imageKey}"]`) ?? (root.querySelector(`[data-ohw-key="${imageKey}"]`) instanceof HTMLImageElement ? root.querySelector(`[data-ohw-key="${imageKey}"]`) : null) ?? root.querySelector("img");
+    let textEl = root.querySelector(`[data-ohw-key="${textKey}"]`) ?? root.querySelector('[data-ohw-key="logo-text"]');
+    if (url) {
+      if (!img) {
+        img = document.createElement("img");
+        img.setAttribute("data-ohw-editable", "image");
+        img.setAttribute("data-ohw-key", imageKey);
+        img.alt = displayAlt;
+        img.style.maxHeight = "40px";
+        img.style.width = "auto";
+        img.style.display = "block";
+        img.style.objectFit = "contain";
+        root.insertBefore(img, root.firstChild);
+      } else {
+        img.setAttribute("data-ohw-editable", "image");
+        img.setAttribute("data-ohw-key", imageKey);
+      }
+      img.removeAttribute("srcset");
+      img.removeAttribute("sizes");
+      img.src = url;
+      img.alt = displayAlt;
+      img.style.display = "";
+      if (textEl) textEl.style.display = "none";
+      root.removeAttribute("data-ohw-placeholder");
+      return;
+    }
+    if (img) {
+      img.remove();
+    }
+    if (!textEl) {
+      textEl = document.createElement("span");
+      textEl.setAttribute("data-ohw-editable", "plain");
+      textEl.setAttribute("data-ohw-key", textKey);
+      root.appendChild(textEl);
+    }
+    textEl.style.display = "";
+    if (textEl.textContent !== displayAlt) textEl.textContent = displayAlt;
+    if (!displayAlt.trim() || displayAlt === PLACEHOLDER_BUSINESS_NAME) {
+      root.setAttribute("data-ohw-placeholder", "");
+    } else {
+      root.removeAttribute("data-ohw-placeholder");
+    }
+  });
+}
+function applyLogoHref(href) {
+  const target = href.trim() || "/";
+  document.querySelectorAll('[data-ohw-role="logo"], [data-ohw-logo]').forEach((root) => {
+    ensureLogoHrefKey(root);
+    if (root instanceof HTMLAnchorElement) {
+      root.setAttribute("href", target);
+    }
+  });
+}
 function readLogoIdentityFromDom() {
+  let imageUrl = null;
+  for (const key of LOGO_IMAGE_KEYS) {
+    const el = document.querySelector(`[data-ohw-key="${key}"]`);
+    const img = el instanceof HTMLImageElement ? el : el?.querySelector("img");
+    if (img?.src && !img.src.startsWith("data:") && img.style.display !== "none") {
+      imageUrl = img.currentSrc || img.src;
+      break;
+    }
+  }
+  let text = PLACEHOLDER_BUSINESS_NAME;
+  let isPlaceholder = true;
   for (const key of LOGO_TEXT_KEYS) {
     const el = document.querySelector(`[data-ohw-key="${key}"]`);
     if (el?.textContent?.trim()) {
-      const text = el.textContent.trim();
-      const logoRoot = el.closest('[data-ohw-role="logo"], [data-ohw-logo]');
-      const isPlaceholder = logoRoot?.hasAttribute("data-ohw-placeholder") === true || text === PLACEHOLDER_BUSINESS_NAME;
-      return { text, isPlaceholder };
+      text = el.textContent.trim();
+      const logoRoot2 = el.closest('[data-ohw-role="logo"], [data-ohw-logo]');
+      isPlaceholder = logoRoot2?.hasAttribute("data-ohw-placeholder") === true || text === PLACEHOLDER_BUSINESS_NAME;
+      break;
     }
   }
-  const logoImg = document.querySelector(
-    '[data-ohw-key="nav-logo-image"], [data-ohw-key="footer-logo"]'
-  );
-  if (logoImg?.alt?.trim()) {
-    const text = logoImg.alt.trim();
-    const logoRoot = logoImg.closest('[data-ohw-role="logo"], [data-ohw-logo]');
-    const isPlaceholder = logoRoot?.hasAttribute("data-ohw-placeholder") === true || text === PLACEHOLDER_BUSINESS_NAME;
-    return { text, isPlaceholder };
+  if (imageUrl) {
+    const logoImg = document.querySelector(
+      '[data-ohw-key="nav-logo-image"], [data-ohw-key="footer-logo"]'
+    );
+    const alt = logoImg?.alt?.trim() || text;
+    isPlaceholder = false;
+    const hrefEl = document.querySelector(
+      'a[data-ohw-role="logo"], a[data-ohw-logo], [data-ohw-role="logo"]'
+    );
+    const href2 = (hrefEl instanceof HTMLAnchorElement ? hrefEl.getAttribute("href") : null) || hrefEl?.closest("a")?.getAttribute("href") || "/";
+    return { text, isPlaceholder, imageUrl, href: href2, alt };
   }
-  return { text: PLACEHOLDER_BUSINESS_NAME, isPlaceholder: true };
+  const logoRoot = document.querySelector('[data-ohw-role="logo"], [data-ohw-logo]');
+  const href = (logoRoot instanceof HTMLAnchorElement ? logoRoot.getAttribute("href") : null) || logoRoot?.closest("a")?.getAttribute("href") || "/";
+  return { text, isPlaceholder, imageUrl: null, href, alt: text };
 }
 
 // src/lib/site-wide-scope.ts
@@ -9330,7 +9454,7 @@ function hitTestNavDropSlot(clientX, clientY, draggedHrefKey) {
 }
 
 // src/useNavItemDrag.ts
-var import_react11 = require("react");
+var import_react12 = require("react");
 function useNavItemDrag({
   isEditMode,
   editContentRef,
@@ -9354,11 +9478,11 @@ function useNavItemDrag({
   getNavigationItemAnchor: getNavigationItemAnchor2,
   isDragHandleDisabled: isDragHandleDisabled2
 }) {
-  const navDragRef = (0, import_react11.useRef)(null);
-  const [navDropSlots, setNavDropSlots] = (0, import_react11.useState)([]);
-  const [activeNavDropIndex, setActiveNavDropIndex] = (0, import_react11.useState)(null);
-  const navPointerDragRef = (0, import_react11.useRef)(null);
-  const clearNavDragVisuals = (0, import_react11.useCallback)(() => {
+  const navDragRef = (0, import_react12.useRef)(null);
+  const [navDropSlots, setNavDropSlots] = (0, import_react12.useState)([]);
+  const [activeNavDropIndex, setActiveNavDropIndex] = (0, import_react12.useState)(null);
+  const navPointerDragRef = (0, import_react12.useRef)(null);
+  const clearNavDragVisuals = (0, import_react12.useCallback)(() => {
     const session = navDragRef.current;
     const keepOpenEl = session?.draggedEl?.closest("[data-ohw-nav-children]") != null ? session.draggedEl : null;
     navDragRef.current = null;
@@ -9375,7 +9499,7 @@ function useNavItemDrag({
     document.documentElement.removeAttribute("data-ohw-nav-dragging-root");
     unlockItemDragInteraction();
   }, [setDraggedItemRect, setIsItemDragging, setSiblingHintRects]);
-  const refreshNavDragVisuals = (0, import_react11.useCallback)(
+  const refreshNavDragVisuals = (0, import_react12.useCallback)(
     (session, activeSlot, clientX, clientY) => {
       setDraggedItemRect(session.draggedEl.getBoundingClientRect());
       if (typeof clientX === "number" && typeof clientY === "number") {
@@ -9393,13 +9517,13 @@ function useNavItemDrag({
     },
     [setDraggedItemRect, setSiblingHintRects]
   );
-  const refreshNavDragVisualsRef = (0, import_react11.useRef)(refreshNavDragVisuals);
+  const refreshNavDragVisualsRef = (0, import_react12.useRef)(refreshNavDragVisuals);
   refreshNavDragVisualsRef.current = refreshNavDragVisuals;
-  const commitNavDragRef = (0, import_react11.useRef)(() => {
+  const commitNavDragRef = (0, import_react12.useRef)(() => {
   });
-  const beginNavDragRef = (0, import_react11.useRef)(() => {
+  const beginNavDragRef = (0, import_react12.useRef)(() => {
   });
-  const beginNavDrag = (0, import_react11.useCallback)(
+  const beginNavDrag = (0, import_react12.useCallback)(
     (session) => {
       const rect = session.draggedEl.getBoundingClientRect();
       session.lastClientX = session.lastClientX || rect.left + rect.width / 2;
@@ -9433,7 +9557,7 @@ function useNavItemDrag({
     ]
   );
   beginNavDragRef.current = beginNavDrag;
-  const commitNavDrag = (0, import_react11.useCallback)(
+  const commitNavDrag = (0, import_react12.useCallback)(
     (clientX, clientY) => {
       const session = navDragRef.current;
       if (!session) {
@@ -9494,7 +9618,7 @@ function useNavItemDrag({
     [clearNavDragVisuals, deselectRef, editContentRef, postToParentRef, selectRef]
   );
   commitNavDragRef.current = commitNavDrag;
-  const startNavLinkDrag = (0, import_react11.useCallback)(
+  const startNavLinkDrag = (0, import_react12.useCallback)(
     (anchor, clientX, clientY, wasSelected) => {
       if (footerDragRef.current) return false;
       const hrefKey = anchor.getAttribute("data-ohw-href-key");
@@ -9512,7 +9636,7 @@ function useNavItemDrag({
     },
     [beginNavDrag, footerDragRef, isDragHandleDisabled2, isCtaButton]
   );
-  const onNavDragOver = (0, import_react11.useCallback)(
+  const onNavDragOver = (0, import_react12.useCallback)(
     (e) => {
       const session = navDragRef.current;
       if (!session) return false;
@@ -9524,7 +9648,7 @@ function useNavItemDrag({
     },
     []
   );
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!isEditMode) return;
     const THRESHOLD = 10;
     const resolveWasSelected = (el) => {
@@ -9649,7 +9773,7 @@ function useNavItemDrag({
     setLinkPopover,
     suppressNextClickRef
   ]);
-  const armNavPressFromChrome = (0, import_react11.useCallback)(
+  const armNavPressFromChrome = (0, import_react12.useCallback)(
     (selected, clientX, clientY, pointerId) => {
       const hrefKey = selected.getAttribute("data-ohw-href-key");
       if (!hrefKey || !isNavbarHrefKey(hrefKey)) return false;
@@ -9731,7 +9855,7 @@ function FooterContainerChrome({
 }
 
 // src/lib/carousel.ts
-var import_react12 = require("react");
+var import_react13 = require("react");
 var CAROUSEL_ATTR = "data-ohw-carousel";
 var CAROUSEL_VALUE_ATTR = "data-ohw-carousel-value";
 var CAROUSEL_SLIDE_ATTR = "data-ohw-carousel-slide";
@@ -9793,8 +9917,8 @@ function applyCarouselNode(key, val) {
   return true;
 }
 function useOhwCarousel(key, initial) {
-  const [images, setImages] = (0, import_react12.useState)(initial);
-  (0, import_react12.useEffect)(() => {
+  const [images, setImages] = (0, import_react13.useState)(initial);
+  (0, import_react13.useEffect)(() => {
     const el = document.querySelector(
       `[${CAROUSEL_ATTR}][data-ohw-key="${CSS.escape(key)}"]`
     );
@@ -11270,9 +11394,9 @@ function FloatingToolbar({
   showEditLink,
   onEditLink
 }) {
-  const localRef = import_react13.default.useRef(null);
-  const [measuredW, setMeasuredW] = import_react13.default.useState(330);
-  const setRefs = import_react13.default.useCallback(
+  const localRef = import_react14.default.useRef(null);
+  const [measuredW, setMeasuredW] = import_react14.default.useState(330);
+  const setRefs = import_react14.default.useCallback(
     (node) => {
       localRef.current = node;
       if (typeof elRef === "function") elRef(node);
@@ -11284,7 +11408,7 @@ function FloatingToolbar({
     },
     [elRef]
   );
-  import_react13.default.useLayoutEffect(() => {
+  import_react14.default.useLayoutEffect(() => {
     const node = localRef.current;
     if (!node) return;
     const update = () => {
@@ -11310,7 +11434,7 @@ function FloatingToolbar({
         pointerEvents: "auto"
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(CustomToolbar, { children: [
-        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react13.default.Fragment, { children: [
+        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react14.default.Fragment, { children: [
           gi > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CustomToolbarDivider, {}),
           btns.map((btn) => {
             const isActive = activeCommands.has(btn.cmd);
@@ -11412,12 +11536,12 @@ function resolveSubdomain(subdomainFromQuery) {
   return "";
 }
 function OhhwellsBridge() {
-  const pathname = (0, import_navigation2.usePathname)();
-  const router = (0, import_navigation2.useRouter)();
-  const searchParams = (0, import_navigation2.useSearchParams)();
+  const pathname = (0, import_navigation3.usePathname)();
+  const router = (0, import_navigation3.useRouter)();
+  const searchParams = (0, import_navigation3.useSearchParams)();
   const isEditMode = isEditSessionActive();
-  const [bridgeRoot, setBridgeRoot] = (0, import_react13.useState)(null);
-  (0, import_react13.useEffect)(() => {
+  const [bridgeRoot, setBridgeRoot] = (0, import_react14.useState)(null);
+  (0, import_react14.useEffect)(() => {
     const figtreeFontId = "ohw-figtree-font";
     if (!document.getElementById(figtreeFontId)) {
       const preconnect1 = Object.assign(document.createElement("link"), { rel: "preconnect", href: "https://fonts.googleapis.com" });
@@ -11445,107 +11569,108 @@ function OhhwellsBridge() {
   const subdomainFromQuery = searchParams.get("subdomain");
   const subdomain = resolveSubdomain(subdomainFromQuery);
   useLinkHrefGuardian(pathname, subdomain, isEditMode);
-  const postToParent2 = (0, import_react13.useCallback)((data) => {
+  useSavedLinkNavigation(isEditMode);
+  const postToParent2 = (0, import_react14.useCallback)((data) => {
     if (typeof window !== "undefined" && window.parent !== window) {
       window.parent.postMessage(data, "*");
     }
   }, []);
-  const [fetchState, setFetchState] = (0, import_react13.useState)("idle");
-  const autoSaveTimers = (0, import_react13.useRef)(/* @__PURE__ */ new Map());
-  const activeElRef = (0, import_react13.useRef)(null);
-  const pointerHeldRef = (0, import_react13.useRef)(false);
-  const selectedElRef = (0, import_react13.useRef)(null);
-  const selectedHrefKeyRef = (0, import_react13.useRef)(null);
-  const selectedFooterColAttrRef = (0, import_react13.useRef)(null);
-  const originalContentRef = (0, import_react13.useRef)(null);
-  const activeStateElRef = (0, import_react13.useRef)(null);
-  const parentScrollRef = (0, import_react13.useRef)(null);
-  const visibleViewportRef = (0, import_react13.useRef)(null);
-  const [dialogPortalContainer, setDialogPortalContainer] = (0, import_react13.useState)(null);
-  const attachVisibleViewport = (0, import_react13.useCallback)((node) => {
+  const [fetchState, setFetchState] = (0, import_react14.useState)("idle");
+  const autoSaveTimers = (0, import_react14.useRef)(/* @__PURE__ */ new Map());
+  const activeElRef = (0, import_react14.useRef)(null);
+  const pointerHeldRef = (0, import_react14.useRef)(false);
+  const selectedElRef = (0, import_react14.useRef)(null);
+  const selectedHrefKeyRef = (0, import_react14.useRef)(null);
+  const selectedFooterColAttrRef = (0, import_react14.useRef)(null);
+  const originalContentRef = (0, import_react14.useRef)(null);
+  const activeStateElRef = (0, import_react14.useRef)(null);
+  const parentScrollRef = (0, import_react14.useRef)(null);
+  const visibleViewportRef = (0, import_react14.useRef)(null);
+  const [dialogPortalContainer, setDialogPortalContainer] = (0, import_react14.useState)(null);
+  const attachVisibleViewport = (0, import_react14.useCallback)((node) => {
     visibleViewportRef.current = node;
     setDialogPortalContainer(node);
     if (node) applyVisibleViewport(node, parentScrollRef.current);
   }, []);
-  const toolbarElRef = (0, import_react13.useRef)(null);
-  const glowElRef = (0, import_react13.useRef)(null);
-  const hoveredImageRef = (0, import_react13.useRef)(null);
-  const hoveredImageHasTextOverlapRef = (0, import_react13.useRef)(false);
-  const dragOverElRef = (0, import_react13.useRef)(null);
-  const [mediaHover, setMediaHover] = (0, import_react13.useState)(null);
-  const [carouselHover, setCarouselHover] = (0, import_react13.useState)(null);
-  const [uploadingRects, setUploadingRects] = (0, import_react13.useState)({});
-  const hoveredGapRef = (0, import_react13.useRef)(null);
-  const imageUnhoverTimerRef = (0, import_react13.useRef)(null);
-  const imageShowTimerRef = (0, import_react13.useRef)(null);
-  const editStylesRef = (0, import_react13.useRef)(null);
-  const activateRef = (0, import_react13.useRef)(() => {
+  const toolbarElRef = (0, import_react14.useRef)(null);
+  const glowElRef = (0, import_react14.useRef)(null);
+  const hoveredImageRef = (0, import_react14.useRef)(null);
+  const hoveredImageHasTextOverlapRef = (0, import_react14.useRef)(false);
+  const dragOverElRef = (0, import_react14.useRef)(null);
+  const [mediaHover, setMediaHover] = (0, import_react14.useState)(null);
+  const [carouselHover, setCarouselHover] = (0, import_react14.useState)(null);
+  const [uploadingRects, setUploadingRects] = (0, import_react14.useState)({});
+  const hoveredGapRef = (0, import_react14.useRef)(null);
+  const imageUnhoverTimerRef = (0, import_react14.useRef)(null);
+  const imageShowTimerRef = (0, import_react14.useRef)(null);
+  const editStylesRef = (0, import_react14.useRef)(null);
+  const activateRef = (0, import_react14.useRef)(() => {
   });
-  const deactivateRef = (0, import_react13.useRef)(() => {
+  const deactivateRef = (0, import_react14.useRef)(() => {
   });
-  const selectRef = (0, import_react13.useRef)(() => {
+  const selectRef = (0, import_react14.useRef)(() => {
   });
-  const selectFrameRef = (0, import_react13.useRef)(() => {
+  const selectFrameRef = (0, import_react14.useRef)(() => {
   });
-  const deselectRef = (0, import_react13.useRef)(() => {
+  const deselectRef = (0, import_react14.useRef)(() => {
   });
-  const reselectNavigationItemRef = (0, import_react13.useRef)(() => {
+  const reselectNavigationItemRef = (0, import_react14.useRef)(() => {
   });
-  const commitNavigationTextEditRef = (0, import_react13.useRef)(() => {
+  const commitNavigationTextEditRef = (0, import_react14.useRef)(() => {
   });
-  const handleDeleteSelectedRef = (0, import_react13.useRef)(() => false);
-  const runPendingDeleteUndoRef = (0, import_react13.useRef)(() => false);
-  const isFooterFrameSelectionRef = (0, import_react13.useRef)(false);
-  const refreshActiveCommandsRef = (0, import_react13.useRef)(() => {
+  const handleDeleteSelectedRef = (0, import_react14.useRef)(() => false);
+  const runPendingDeleteUndoRef = (0, import_react14.useRef)(() => false);
+  const isFooterFrameSelectionRef = (0, import_react14.useRef)(false);
+  const refreshActiveCommandsRef = (0, import_react14.useRef)(() => {
   });
-  const postToParentRef = (0, import_react13.useRef)(postToParent2);
+  const postToParentRef = (0, import_react14.useRef)(postToParent2);
   postToParentRef.current = postToParent2;
-  const aiSectionApiRef = (0, import_react13.useRef)(null);
-  const sectionsLoadedRef = (0, import_react13.useRef)(false);
-  const pendingScheduleConfigRequests = (0, import_react13.useRef)([]);
-  const [toolbarRect, setToolbarRect] = (0, import_react13.useState)(null);
-  const [toolbarVariant, setToolbarVariant] = (0, import_react13.useState)("none");
-  const toolbarVariantRef = (0, import_react13.useRef)("none");
+  const aiSectionApiRef = (0, import_react14.useRef)(null);
+  const sectionsLoadedRef = (0, import_react14.useRef)(false);
+  const pendingScheduleConfigRequests = (0, import_react14.useRef)([]);
+  const [toolbarRect, setToolbarRect] = (0, import_react14.useState)(null);
+  const [toolbarVariant, setToolbarVariant] = (0, import_react14.useState)("none");
+  const toolbarVariantRef = (0, import_react14.useRef)("none");
   toolbarVariantRef.current = toolbarVariant;
-  const [selectedIsCta, setSelectedIsCta] = (0, import_react13.useState)(false);
-  const [reorderHrefKey, setReorderHrefKey] = (0, import_react13.useState)(null);
-  const [reorderDragDisabled, setReorderDragDisabled] = (0, import_react13.useState)(false);
-  const [toggleState, setToggleState] = (0, import_react13.useState)(null);
-  const [maxBadge, setMaxBadge] = (0, import_react13.useState)(null);
-  const [activeCommands, setActiveCommands] = (0, import_react13.useState)(/* @__PURE__ */ new Set());
-  const [sectionGap, setSectionGap] = (0, import_react13.useState)(null);
-  const [toolbarShowEditLink, setToolbarShowEditLink] = (0, import_react13.useState)(false);
-  const hoveredNavContainerRef = (0, import_react13.useRef)(null);
-  const [hoveredNavContainerRect, setHoveredNavContainerRect] = (0, import_react13.useState)(null);
-  const hoveredItemElRef = (0, import_react13.useRef)(null);
-  const [hoveredItemRect, setHoveredItemRect] = (0, import_react13.useState)(null);
-  const siblingHintElRef = (0, import_react13.useRef)(null);
-  const [siblingHintRect, setSiblingHintRect] = (0, import_react13.useState)(null);
-  const [siblingHintRects, setSiblingHintRects] = (0, import_react13.useState)([]);
-  const [isItemDragging, setIsItemDragging] = (0, import_react13.useState)(false);
-  const [isFooterFrameSelection, setIsFooterFrameSelection] = (0, import_react13.useState)(false);
+  const [selectedIsCta, setSelectedIsCta] = (0, import_react14.useState)(false);
+  const [reorderHrefKey, setReorderHrefKey] = (0, import_react14.useState)(null);
+  const [reorderDragDisabled, setReorderDragDisabled] = (0, import_react14.useState)(false);
+  const [toggleState, setToggleState] = (0, import_react14.useState)(null);
+  const [maxBadge, setMaxBadge] = (0, import_react14.useState)(null);
+  const [activeCommands, setActiveCommands] = (0, import_react14.useState)(/* @__PURE__ */ new Set());
+  const [sectionGap, setSectionGap] = (0, import_react14.useState)(null);
+  const [toolbarShowEditLink, setToolbarShowEditLink] = (0, import_react14.useState)(false);
+  const hoveredNavContainerRef = (0, import_react14.useRef)(null);
+  const [hoveredNavContainerRect, setHoveredNavContainerRect] = (0, import_react14.useState)(null);
+  const hoveredItemElRef = (0, import_react14.useRef)(null);
+  const [hoveredItemRect, setHoveredItemRect] = (0, import_react14.useState)(null);
+  const siblingHintElRef = (0, import_react14.useRef)(null);
+  const [siblingHintRect, setSiblingHintRect] = (0, import_react14.useState)(null);
+  const [siblingHintRects, setSiblingHintRects] = (0, import_react14.useState)([]);
+  const [isItemDragging, setIsItemDragging] = (0, import_react14.useState)(false);
+  const [isFooterFrameSelection, setIsFooterFrameSelection] = (0, import_react14.useState)(false);
   isFooterFrameSelectionRef.current = isFooterFrameSelection;
-  const [navDropdownPreviewOpen, setNavDropdownPreviewOpen] = (0, import_react13.useState)(null);
-  const [footerHeadingVisible, setFooterHeadingVisible] = (0, import_react13.useState)(null);
-  const footerDragRef = (0, import_react13.useRef)(null);
-  const [footerDropSlots, setFooterDropSlots] = (0, import_react13.useState)([]);
-  const [activeFooterDropIndex, setActiveFooterDropIndex] = (0, import_react13.useState)(null);
-  const [draggedItemRect, setDraggedItemRect] = (0, import_react13.useState)(null);
-  const footerPointerDragRef = (0, import_react13.useRef)(null);
-  const suppressNextClickRef = (0, import_react13.useRef)(false);
-  const suppressClickUntilRef = (0, import_react13.useRef)(0);
-  const [linkPopover, setLinkPopover] = (0, import_react13.useState)(null);
-  const linkPopoverSessionRef = (0, import_react13.useRef)(null);
-  const addNavAfterAnchorRef = (0, import_react13.useRef)(null);
-  const editContentRef = (0, import_react13.useRef)({});
-  const pendingDeleteUndoRef = (0, import_react13.useRef)(null);
-  const [sitePages, setSitePages] = (0, import_react13.useState)([]);
-  const [sectionsByPath, setSectionsByPath] = (0, import_react13.useState)({});
-  const sectionsPrefetchGenRef = (0, import_react13.useRef)(0);
-  const setLinkPopoverRef = (0, import_react13.useRef)(setLinkPopover);
-  const linkPopoverPanelRef = (0, import_react13.useRef)(null);
-  const linkPopoverOpenRef = (0, import_react13.useRef)(false);
-  const linkPopoverGraceUntilRef = (0, import_react13.useRef)(0);
+  const [navDropdownPreviewOpen, setNavDropdownPreviewOpen] = (0, import_react14.useState)(null);
+  const [footerHeadingVisible, setFooterHeadingVisible] = (0, import_react14.useState)(null);
+  const footerDragRef = (0, import_react14.useRef)(null);
+  const [footerDropSlots, setFooterDropSlots] = (0, import_react14.useState)([]);
+  const [activeFooterDropIndex, setActiveFooterDropIndex] = (0, import_react14.useState)(null);
+  const [draggedItemRect, setDraggedItemRect] = (0, import_react14.useState)(null);
+  const footerPointerDragRef = (0, import_react14.useRef)(null);
+  const suppressNextClickRef = (0, import_react14.useRef)(false);
+  const suppressClickUntilRef = (0, import_react14.useRef)(0);
+  const [linkPopover, setLinkPopover] = (0, import_react14.useState)(null);
+  const linkPopoverSessionRef = (0, import_react14.useRef)(null);
+  const addNavAfterAnchorRef = (0, import_react14.useRef)(null);
+  const editContentRef = (0, import_react14.useRef)({});
+  const pendingDeleteUndoRef = (0, import_react14.useRef)(null);
+  const [sitePages, setSitePages] = (0, import_react14.useState)([]);
+  const [sectionsByPath, setSectionsByPath] = (0, import_react14.useState)({});
+  const sectionsPrefetchGenRef = (0, import_react14.useRef)(0);
+  const setLinkPopoverRef = (0, import_react14.useRef)(setLinkPopover);
+  const linkPopoverPanelRef = (0, import_react14.useRef)(null);
+  const linkPopoverOpenRef = (0, import_react14.useRef)(false);
+  const linkPopoverGraceUntilRef = (0, import_react14.useRef)(0);
   setLinkPopoverRef.current = setLinkPopover;
   linkPopoverSessionRef.current = linkPopover;
   const {
@@ -11583,7 +11708,7 @@ function OhhwellsBridge() {
   const bumpLinkPopoverGrace = () => {
     linkPopoverGraceUntilRef.current = Date.now() + 350;
   };
-  const runSectionsPrefetch = (0, import_react13.useCallback)((pages) => {
+  const runSectionsPrefetch = (0, import_react14.useCallback)((pages) => {
     if (!isEditMode || shouldUseDevFixtures() || pages.length === 0) return;
     const gen = ++sectionsPrefetchGenRef.current;
     const paths = pages.map((p) => p.path);
@@ -11602,9 +11727,9 @@ function OhhwellsBridge() {
       );
     });
   }, [isEditMode, pathname]);
-  const runSectionsPrefetchRef = (0, import_react13.useRef)(runSectionsPrefetch);
+  const runSectionsPrefetchRef = (0, import_react14.useRef)(runSectionsPrefetch);
   runSectionsPrefetchRef.current = runSectionsPrefetch;
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!linkPopover) {
       document.documentElement.removeAttribute("data-ohw-link-popover-open");
       return;
@@ -11632,7 +11757,7 @@ function OhhwellsBridge() {
       document.documentElement.removeAttribute("data-ohw-link-popover-open");
     };
   }, [linkPopover, postToParent2]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!isEditMode) return;
     const useFixtures = shouldUseDevFixtures();
     if (useFixtures) {
@@ -11656,14 +11781,14 @@ function OhhwellsBridge() {
     if (!useFixtures) postToParent2({ type: "ow:request-site-pages" });
     return () => window.removeEventListener("message", onSitePages);
   }, [isEditMode, postToParent2]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!isEditMode || shouldUseDevFixtures()) return;
     void loadAllSectionsManifest().then((manifest) => {
       if (Object.keys(manifest).length === 0) return;
       setSectionsByPath((prev) => ({ ...manifest, ...prev }));
     });
   }, [isEditMode]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const update = () => {
       const el = activeElRef.current ?? selectedElRef.current;
       if (el) setToolbarRect(getEditMeasureEl(el).getBoundingClientRect());
@@ -11687,10 +11812,10 @@ function OhhwellsBridge() {
       vvp.removeEventListener("resize", update);
     };
   }, []);
-  const refreshStateRules = (0, import_react13.useCallback)(() => {
+  const refreshStateRules = (0, import_react14.useCallback)(() => {
     editStylesRef.current?.forceHover && (editStylesRef.current.forceHover.textContent = collectStateRules());
   }, []);
-  const processConfigRequest = (0, import_react13.useCallback)((insertAfterVal) => {
+  const processConfigRequest = (0, import_react14.useCallback)((insertAfterVal) => {
     const tracker = getSectionsTracker();
     let entries = [];
     try {
@@ -11713,7 +11838,7 @@ function OhhwellsBridge() {
     }
     window.postMessage({ type: "ow:schedule-config", insertAfter: insertAfterVal, scheduleId: null }, "*");
   }, [isEditMode]);
-  const deactivate = (0, import_react13.useCallback)(() => {
+  const deactivate = (0, import_react14.useCallback)(() => {
     const el = activeElRef.current;
     if (!el) return;
     const key = el.dataset.ohwKey;
@@ -11746,12 +11871,12 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     postToParent2({ type: "ow:exit-edit" });
   }, [postToParent2]);
-  const clearSelectedAttr = (0, import_react13.useCallback)(() => {
+  const clearSelectedAttr = (0, import_react14.useCallback)(() => {
     document.querySelectorAll("[data-ohw-selected]").forEach((el) => {
       el.removeAttribute("data-ohw-selected");
     });
   }, []);
-  const deselect = (0, import_react13.useCallback)(() => {
+  const deselect = (0, import_react14.useCallback)(() => {
     clearSelectedAttr();
     selectedElRef.current = null;
     selectedHrefKeyRef.current = null;
@@ -11776,11 +11901,11 @@ function OhhwellsBridge() {
       setToolbarVariant("none");
     }
   }, [clearSelectedAttr]);
-  const markSelected = (0, import_react13.useCallback)((el) => {
+  const markSelected = (0, import_react14.useCallback)((el) => {
     clearSelectedAttr();
     el.setAttribute("data-ohw-selected", "");
   }, [clearSelectedAttr]);
-  const resolveHrefKeyElement = (0, import_react13.useCallback)((hrefKey) => {
+  const resolveHrefKeyElement = (0, import_react14.useCallback)((hrefKey) => {
     if (isFooterHrefKey(hrefKey)) {
       return document.querySelector(
         `footer [data-ohw-href-key="${CSS.escape(hrefKey)}"]`
@@ -11795,7 +11920,7 @@ function OhhwellsBridge() {
       `[data-ohw-href-key="${CSS.escape(hrefKey)}"]`
     );
   }, []);
-  const resyncSelectedNavigationItem = (0, import_react13.useCallback)(() => {
+  const resyncSelectedNavigationItem = (0, import_react14.useCallback)(() => {
     const hrefKey = selectedHrefKeyRef.current;
     if (hrefKey) {
       const link = resolveHrefKeyElement(hrefKey);
@@ -11833,7 +11958,7 @@ function OhhwellsBridge() {
       );
     }
   }, [resolveHrefKeyElement]);
-  const reselectNavigationItem = (0, import_react13.useCallback)((navAnchor) => {
+  const reselectNavigationItem = (0, import_react14.useCallback)((navAnchor) => {
     selectedElRef.current = navAnchor;
     selectedHrefKeyRef.current = navAnchor.getAttribute("data-ohw-href-key");
     selectedFooterColAttrRef.current = null;
@@ -11862,7 +11987,7 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     setActiveCommands(/* @__PURE__ */ new Set());
   }, [markSelected]);
-  const commitNavigationTextEdit = (0, import_react13.useCallback)((navAnchor) => {
+  const commitNavigationTextEdit = (0, import_react14.useCallback)((navAnchor) => {
     const el = activeElRef.current;
     if (!el) return;
     const key = el.dataset.ohwKey;
@@ -11889,7 +12014,7 @@ function OhhwellsBridge() {
     postToParent2({ type: "ow:exit-edit" });
     reselectNavigationItem(navAnchor);
   }, [postToParent2, reselectNavigationItem]);
-  const handleAddTopLevelNavItem = (0, import_react13.useCallback)(() => {
+  const handleAddTopLevelNavItem = (0, import_react14.useCallback)(() => {
     const items = listNavbarRootItems();
     addNavAfterAnchorRef.current = items[items.length - 1] ?? null;
     deselectRef.current();
@@ -11901,7 +12026,7 @@ function OhhwellsBridge() {
       intent: "add-nav"
     });
   }, []);
-  const maybeWarnNavLinkDropdownConflict = (0, import_react13.useCallback)(
+  const maybeWarnNavLinkDropdownConflict = (0, import_react14.useCallback)(
     (anchor) => {
       if (!isNavbarHrefKey(anchor.getAttribute("data-ohw-href-key"))) return;
       if (!navDropdownsOpenOnClick()) return;
@@ -11914,7 +12039,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const handleNavDropdownOpenChange = (0, import_react13.useCallback)((open) => {
+  const handleNavDropdownOpenChange = (0, import_react14.useCallback)((open) => {
     const selected = selectedElRef.current;
     if (!selected || !isNavigationItem2(selected)) return;
     setNavGroupForceOpen(selected, open);
@@ -11926,7 +12051,7 @@ function OhhwellsBridge() {
       }
     });
   }, []);
-  const handleFooterHeadingVisibleChange = (0, import_react13.useCallback)(
+  const handleFooterHeadingVisibleChange = (0, import_react14.useCallback)(
     (visible) => {
       const selected = selectedElRef.current;
       if (!selected || !isFooterFrameSelectionRef.current) return;
@@ -11950,7 +12075,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const enterEditOnNewItem = (0, import_react13.useCallback)((anchor) => {
+  const enterEditOnNewItem = (0, import_react14.useCallback)((anchor) => {
     const label = anchor.querySelector('[data-ohw-editable="text"]');
     if (!label) {
       selectRef.current(anchor);
@@ -11959,7 +12084,7 @@ function OhhwellsBridge() {
     setNavGroupForceOpen(anchor, true);
     activateRef.current(label);
   }, []);
-  const handleAddChildItem = (0, import_react13.useCallback)(() => {
+  const handleAddChildItem = (0, import_react14.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected) return;
     if (toolbarVariantRef.current === "select-frame" && isFooterFrameSelection) {
@@ -12035,7 +12160,7 @@ function OhhwellsBridge() {
       enterEditOnNewItem(result.anchor);
     });
   }, [enterEditOnNewItem, isFooterFrameSelection, maybeWarnNavLinkDropdownConflict, postToParent2]);
-  const handleAddFooterColumn = (0, import_react13.useCallback)(() => {
+  const handleAddFooterColumn = (0, import_react14.useCallback)(() => {
     if (!canAddFooterColumn()) {
       postToParent2({
         type: "ow:toast",
@@ -12056,7 +12181,7 @@ function OhhwellsBridge() {
       selectRef.current(result.firstLink);
     });
   }, [postToParent2]);
-  const clearFooterDragVisuals = (0, import_react13.useCallback)(() => {
+  const clearFooterDragVisuals = (0, import_react14.useCallback)(() => {
     footerDragRef.current = null;
     setSiblingHintRects([]);
     setFooterDropSlots([]);
@@ -12065,7 +12190,7 @@ function OhhwellsBridge() {
     setIsItemDragging(false);
     unlockFooterDragInteraction();
   }, []);
-  const refreshFooterDragVisuals = (0, import_react13.useCallback)((session, activeSlot, clientX, clientY) => {
+  const refreshFooterDragVisuals = (0, import_react14.useCallback)((session, activeSlot, clientX, clientY) => {
     const dragged = session.draggedEl;
     setDraggedItemRect(dragged.getBoundingClientRect());
     if (typeof clientX === "number" && typeof clientY === "number") {
@@ -12090,13 +12215,13 @@ function OhhwellsBridge() {
     const activeIdx = activeSlot ? slots.findIndex((s) => s.insertIndex === activeSlot.insertIndex) : -1;
     setActiveFooterDropIndex(activeIdx >= 0 ? activeIdx : null);
   }, []);
-  const refreshFooterDragVisualsRef = (0, import_react13.useRef)(refreshFooterDragVisuals);
+  const refreshFooterDragVisualsRef = (0, import_react14.useRef)(refreshFooterDragVisuals);
   refreshFooterDragVisualsRef.current = refreshFooterDragVisuals;
-  const commitFooterDragRef = (0, import_react13.useRef)(() => {
+  const commitFooterDragRef = (0, import_react14.useRef)(() => {
   });
-  const beginFooterDragRef = (0, import_react13.useRef)(() => {
+  const beginFooterDragRef = (0, import_react14.useRef)(() => {
   });
-  const beginFooterDrag = (0, import_react13.useCallback)(
+  const beginFooterDrag = (0, import_react14.useCallback)(
     (session) => {
       const rect = session.draggedEl.getBoundingClientRect();
       session.lastClientX = session.lastClientX || rect.left + rect.width / 2;
@@ -12116,7 +12241,7 @@ function OhhwellsBridge() {
     [refreshFooterDragVisuals]
   );
   beginFooterDragRef.current = beginFooterDrag;
-  const commitFooterDrag = (0, import_react13.useCallback)(
+  const commitFooterDrag = (0, import_react14.useCallback)(
     (clientX, clientY) => {
       const session = footerDragRef.current;
       if (!session) {
@@ -12220,7 +12345,7 @@ function OhhwellsBridge() {
     [clearFooterDragVisuals, resolveHrefKeyElement, resyncSelectedNavigationItem]
   );
   commitFooterDragRef.current = commitFooterDrag;
-  const startFooterLinkDrag = (0, import_react13.useCallback)(
+  const startFooterLinkDrag = (0, import_react14.useCallback)(
     (anchor, clientX, clientY, wasSelected) => {
       const hrefKey = anchor.getAttribute("data-ohw-href-key");
       if (!hrefKey || !isFooterHrefKey(hrefKey)) return false;
@@ -12241,7 +12366,7 @@ function OhhwellsBridge() {
     },
     [beginFooterDrag]
   );
-  const startFooterColumnDrag = (0, import_react13.useCallback)(
+  const startFooterColumnDrag = (0, import_react14.useCallback)(
     (columnEl, clientX, clientY, wasSelected) => {
       const columns = listFooterColumns();
       const idx = columns.indexOf(columnEl);
@@ -12261,7 +12386,7 @@ function OhhwellsBridge() {
     },
     [beginFooterDrag]
   );
-  const handleItemDragStart = (0, import_react13.useCallback)(
+  const handleItemDragStart = (0, import_react14.useCallback)(
     (e) => {
       const selected = selectedElRef.current;
       if (!selected) {
@@ -12281,7 +12406,7 @@ function OhhwellsBridge() {
     },
     [startFooterColumnDrag, startFooterLinkDrag, startNavLinkDrag]
   );
-  const handleItemDragEnd = (0, import_react13.useCallback)(
+  const handleItemDragEnd = (0, import_react14.useCallback)(
     (e) => {
       if (footerDragRef.current) {
         const x = e?.clientX;
@@ -12307,7 +12432,7 @@ function OhhwellsBridge() {
     },
     [commitFooterDrag, commitNavDrag, navDragRef]
   );
-  const handleItemChromePointerDown = (0, import_react13.useCallback)((e) => {
+  const handleItemChromePointerDown = (0, import_react14.useCallback)((e) => {
     if (e.button !== 0) return;
     const selected = selectedElRef.current;
     if (!selected) return;
@@ -12338,7 +12463,7 @@ function OhhwellsBridge() {
     }
     if (armNavPressFromChrome(selected, e.clientX, e.clientY, e.pointerId)) return;
   }, [armNavPressFromChrome]);
-  const handleItemChromeClick = (0, import_react13.useCallback)((clientX, clientY) => {
+  const handleItemChromeClick = (0, import_react14.useCallback)((clientX, clientY) => {
     if (suppressNextClickRef.current || Date.now() < suppressClickUntilRef.current) {
       suppressNextClickRef.current = false;
       return;
@@ -12351,7 +12476,7 @@ function OhhwellsBridge() {
   }, []);
   reselectNavigationItemRef.current = reselectNavigationItem;
   commitNavigationTextEditRef.current = commitNavigationTextEdit;
-  const select = (0, import_react13.useCallback)((anchor) => {
+  const select = (0, import_react14.useCallback)((anchor) => {
     if (!isNavigationItem2(anchor)) return;
     if (activeElRef.current) deactivate();
     aiSectionApiRef.current?.selectFromElement(anchor);
@@ -12390,7 +12515,7 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     setActiveCommands(/* @__PURE__ */ new Set());
   }, [deactivate, markSelected]);
-  const selectFrame = (0, import_react13.useCallback)((el) => {
+  const selectFrame = (0, import_react14.useCallback)((el) => {
     if (!isNavigationContainer(el)) return;
     if (activeElRef.current) deactivate();
     aiSectionApiRef.current?.selectFromElement(el);
@@ -12437,7 +12562,7 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     setActiveCommands(/* @__PURE__ */ new Set());
   }, [deactivate, markSelected, postToParent2]);
-  const activate = (0, import_react13.useCallback)((el, options) => {
+  const activate = (0, import_react14.useCallback)((el, options) => {
     if (activeElRef.current === el) return;
     clearSelectedAttr();
     selectedElRef.current = null;
@@ -12514,8 +12639,8 @@ function OhhwellsBridge() {
   selectRef.current = select;
   selectFrameRef.current = selectFrame;
   deselectRef.current = deselect;
-  const lastSiteWideScopeRef = (0, import_react13.useRef)(null);
-  (0, import_react13.useEffect)(() => {
+  const lastSiteWideScopeRef = (0, import_react14.useRef)(null);
+  (0, import_react14.useEffect)(() => {
     if (!isEditMode) {
       if (lastSiteWideScopeRef.current !== false) {
         lastSiteWideScopeRef.current = false;
@@ -12541,7 +12666,7 @@ function OhhwellsBridge() {
     isFooterFrameSelection,
     postToParent2
   ]);
-  (0, import_react13.useLayoutEffect)(() => {
+  (0, import_react14.useLayoutEffect)(() => {
     if (!subdomain || isEditMode) {
       setFetchState("done");
       return;
@@ -12612,7 +12737,7 @@ function OhhwellsBridge() {
       cancelled = true;
     };
   }, [subdomain, isEditMode]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!subdomain || isEditMode) return;
     let debounceTimer = null;
     let observer = null;
@@ -12663,16 +12788,16 @@ function OhhwellsBridge() {
       if (debounceTimer) clearTimeout(debounceTimer);
     };
   }, [subdomain, isEditMode, pathname]);
-  (0, import_react13.useLayoutEffect)(() => {
+  (0, import_react14.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_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     postToParent2({ type: "ow:navigation", path: pathname });
   }, [pathname, postToParent2]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!isEditMode) return;
     if (linkPopoverSessionRef.current?.intent === "add-nav") return;
     if (document.querySelector("[data-ohw-section-picker]")) return;
@@ -12680,7 +12805,7 @@ function OhhwellsBridge() {
     deselectRef.current();
     deactivateRef.current();
   }, [pathname, isEditMode]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const contentForNav = () => {
       if (isEditMode) return editContentRef.current;
       if (!subdomain) return {};
@@ -12745,7 +12870,7 @@ function OhhwellsBridge() {
       observer?.disconnect();
     };
   }, [isEditMode, pathname, subdomain, fetchState, resyncSelectedNavigationItem]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!isEditMode) return;
     const measure = () => {
       const h = document.body.scrollHeight;
@@ -12769,7 +12894,7 @@ function OhhwellsBridge() {
       window.removeEventListener("resize", handleResize);
     };
   }, [pathname, isEditMode, postToParent2]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!subdomainFromQuery || isEditMode) return;
     const handleClick = (e) => {
       const anchor = e.target.closest("a");
@@ -12785,7 +12910,7 @@ function OhhwellsBridge() {
     document.addEventListener("click", handleClick, true);
     return () => document.removeEventListener("click", handleClick, true);
   }, [subdomainFromQuery, isEditMode, router]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!isEditMode) {
       editStylesRef.current?.base.remove();
       editStylesRef.current?.forceHover.remove();
@@ -14042,6 +14167,7 @@ function OhhwellsBridge() {
           continue;
         }
         if (key === LOGO_PLACEHOLDER_KEY) continue;
+        if (LOGO_IMAGE_KEYS.includes(key) && !String(val ?? "").trim()) continue;
         if (applyVideoSettingNode(key, val)) continue;
         if (applyCarouselNode(key, val)) continue;
         document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -14061,11 +14187,27 @@ function OhhwellsBridge() {
         });
         applyLinkByKey(key, val);
       }
-      const hasLogoIdentity = LOGO_PLACEHOLDER_KEY in content || LOGO_TEXT_KEYS.some((key) => key in content);
+      const hasLogoIdentity = LOGO_PLACEHOLDER_KEY in content || LOGO_TEXT_KEYS.some((key) => key in content) || LOGO_IMAGE_KEYS.some((key) => key in content) || LOGO_ALT_KEY in content || LOGO_HREF_KEYS.some((key) => key in content);
       if (hasLogoIdentity) {
         const logoText = content[LOGO_TEXT_KEYS[0]] ?? content[LOGO_TEXT_KEYS[1]] ?? readLogoIdentityFromDom().text;
-        const logoIsPlaceholder = LOGO_PLACEHOLDER_KEY in content ? content[LOGO_PLACEHOLDER_KEY] !== "false" : !logoText.trim() || logoText === PLACEHOLDER_BUSINESS_NAME;
-        applyLogoIdentity(logoText, logoIsPlaceholder);
+        const logoAlt = content[LOGO_ALT_KEY] ?? logoText;
+        const rawLogoImage = content[LOGO_IMAGE_URL_KEY] ?? content["footer-logo"] ?? content["footer-logo-image"] ?? null;
+        const logoImageUrl = typeof rawLogoImage === "string" && rawLogoImage.trim() ? rawLogoImage.trim() : null;
+        const imageExplicitlyCleared = LOGO_IMAGE_KEYS.some((key) => key in content) && !logoImageUrl;
+        const logoIsPlaceholder = LOGO_PLACEHOLDER_KEY in content ? content[LOGO_PLACEHOLDER_KEY] !== "false" : !logoImageUrl && (!logoText.trim() || logoText === PLACEHOLDER_BUSINESS_NAME);
+        if (logoImageUrl) {
+          applyLogoImage(logoImageUrl, logoAlt);
+        } else {
+          if (imageExplicitlyCleared) applyLogoImage(null, logoAlt);
+          applyLogoIdentity(logoText, logoIsPlaceholder);
+        }
+        const logoHref = content["nav-logo-href"] ?? content["footer-logo-href"] ?? content["logo-href"];
+        if (typeof logoHref === "string" && logoHref.trim()) {
+          applyLogoHref(logoHref);
+          applyLinkByKey("nav-logo-href", logoHref);
+          applyLinkByKey("footer-logo-href", logoHref);
+          applyLinkByKey("logo-href", logoHref);
+        }
       }
       if (sectionsJson) {
         initSectionsFromContent({ __ohw_sections: sectionsJson }, true);
@@ -14082,12 +14224,48 @@ function OhhwellsBridge() {
     const handleUpdateLogoIdentity = (e) => {
       if (e.data?.type !== "ow:update-logo-identity") return;
       const rawText = typeof e.data.text === "string" ? e.data.text : "";
-      const isPlaceholder = e.data.isPlaceholder !== false;
+      const alt = typeof e.data.alt === "string" ? e.data.alt : rawText;
+      const href = typeof e.data.href === "string" ? e.data.href : void 0;
+      const imageProvided = "image" in e.data;
+      const imageUrl = imageProvided && typeof e.data.image === "string" && e.data.image.trim() ? e.data.image.trim() : imageProvided ? null : void 0;
+      let isPlaceholder = e.data.isPlaceholder !== false;
+      if (imageUrl) isPlaceholder = false;
+      else if (imageProvided && imageUrl === null) {
+        isPlaceholder = e.data.isPlaceholder === true || !rawText.trim() || resolveLogoDisplayText(rawText) === PLACEHOLDER_BUSINESS_NAME;
+      }
       const display = applyLogoIdentity(rawText, isPlaceholder);
+      const displayAlt = resolveLogoDisplayText(alt || display);
+      if (imageUrl !== void 0) {
+        applyLogoImage(imageUrl, displayAlt);
+      } else {
+        for (const key of LOGO_IMAGE_KEYS) {
+          document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
+            const img = el instanceof HTMLImageElement ? el : el.querySelector("img");
+            if (img) img.alt = displayAlt;
+          });
+        }
+      }
+      if (href !== void 0) {
+        applyLogoHref(href);
+        applyLinkByKey("nav-logo-href", href);
+        applyLinkByKey("footer-logo-href", href);
+        applyLinkByKey("logo-href", href);
+      }
       const nodes = [
         ...LOGO_TEXT_KEYS.map((key) => ({ key, text: display })),
-        { key: LOGO_PLACEHOLDER_KEY, text: isPlaceholder || !rawText.trim() ? "true" : "false" }
+        { key: LOGO_PLACEHOLDER_KEY, text: isPlaceholder ? "true" : "false" },
+        { key: LOGO_ALT_KEY, text: displayAlt }
       ];
+      if (imageUrl !== void 0) {
+        if (imageUrl) {
+          for (const key of LOGO_IMAGE_KEYS) nodes.push({ key, text: imageUrl });
+        } else {
+          for (const key of LOGO_IMAGE_KEYS) nodes.push({ key, text: "" });
+        }
+      }
+      if (href !== void 0) {
+        for (const key of LOGO_HREF_KEYS) nodes.push({ key, text: href.trim() || "/" });
+      }
       editContentRef.current = {
         ...editContentRef.current,
         ...Object.fromEntries(nodes.map(({ key, text }) => [key, text]))
@@ -14695,7 +14873,7 @@ function OhhwellsBridge() {
       if (imageShowTimerRef.current) clearTimeout(imageShowTimerRef.current);
     };
   }, [isEditMode, refreshStateRules]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!isEditMode) return;
     const THRESHOLD = 10;
     const resolveWasSelected = (el) => {
@@ -14849,7 +15027,7 @@ function OhhwellsBridge() {
       unlockFooterDragInteraction();
     };
   }, [isEditMode]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const handler = (e) => {
       if (e.data?.type !== "ow:request-schedule-config") return;
       const insertAfterVal = e.data.insertAfter;
@@ -14865,7 +15043,7 @@ function OhhwellsBridge() {
     window.addEventListener("message", handler);
     return () => window.removeEventListener("message", handler);
   }, [processConfigRequest]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!isEditMode) return;
     document.querySelectorAll("[data-ohw-active-state]").forEach((el) => {
       el.removeAttribute("data-ohw-active-state");
@@ -14901,13 +15079,13 @@ function OhhwellsBridge() {
       clearTimeout(timer);
     };
   }, [pathname, isEditMode, refreshStateRules, postToParent2]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     scrollToHashSectionWhenReady();
     const onHashChange = () => scrollToHashSectionWhenReady();
     window.addEventListener("hashchange", onHashChange);
     return () => window.removeEventListener("hashchange", onHashChange);
   }, [pathname]);
-  const handleCommand = (0, import_react13.useCallback)((cmd) => {
+  const handleCommand = (0, import_react14.useCallback)((cmd) => {
     const el = activeElRef.current;
     const selBefore = window.getSelection();
     let savedOffsets = null;
@@ -14943,7 +15121,7 @@ function OhhwellsBridge() {
     if (el) setToolbarRect(getEditMeasureEl(el).getBoundingClientRect());
     refreshActiveCommandsRef.current();
   }, []);
-  const handleStateChange = (0, import_react13.useCallback)((state) => {
+  const handleStateChange = (0, import_react14.useCallback)((state) => {
     if (!activeStateElRef.current) return;
     const el = activeStateElRef.current;
     if (state === "Default") {
@@ -14956,7 +15134,7 @@ function OhhwellsBridge() {
     }
     setToggleState((prev) => prev ? { ...prev, activeState: state } : null);
   }, [deactivate]);
-  const reselectAfterLinkPopover = (0, import_react13.useCallback)(
+  const reselectAfterLinkPopover = (0, import_react14.useCallback)(
     (hrefKey) => {
       requestAnimationFrame(() => {
         const el = resolveHrefKeyElement(hrefKey);
@@ -14965,7 +15143,7 @@ function OhhwellsBridge() {
     },
     [resolveHrefKeyElement]
   );
-  const closeLinkPopover = (0, import_react13.useCallback)(() => {
+  const closeLinkPopover = (0, import_react14.useCallback)(() => {
     const session = linkPopoverSessionRef.current;
     addNavAfterAnchorRef.current = null;
     setLinkPopover(null);
@@ -14973,9 +15151,9 @@ function OhhwellsBridge() {
       reselectAfterLinkPopover(session.key);
     }
   }, [reselectAfterLinkPopover]);
-  const closeLinkPopoverRef = (0, import_react13.useRef)(closeLinkPopover);
+  const closeLinkPopoverRef = (0, import_react14.useRef)(closeLinkPopover);
   closeLinkPopoverRef.current = closeLinkPopover;
-  const openLinkPopoverForActive = (0, import_react13.useCallback)(() => {
+  const openLinkPopoverForActive = (0, import_react14.useCallback)(() => {
     const hrefCtx = getHrefKeyFromElement(activeElRef.current);
     if (!hrefCtx) return;
     bumpLinkPopoverGrace();
@@ -14986,7 +15164,7 @@ function OhhwellsBridge() {
     });
     deactivate();
   }, [deactivate]);
-  const openLinkPopoverForSelected = (0, import_react13.useCallback)(() => {
+  const openLinkPopoverForSelected = (0, import_react14.useCallback)(() => {
     const anchor = selectedElRef.current;
     if (!anchor) return;
     const key = anchor.getAttribute("data-ohw-href-key");
@@ -14999,7 +15177,7 @@ function OhhwellsBridge() {
     });
     deselect();
   }, [deselect]);
-  const handleSelectParent = (0, import_react13.useCallback)(() => {
+  const handleSelectParent = (0, import_react14.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected) return;
     if (toolbarVariantRef.current === "select-frame") {
@@ -15026,7 +15204,7 @@ function OhhwellsBridge() {
     }
     deselectRef.current();
   }, []);
-  const handleDuplicateSelected = (0, import_react13.useCallback)(() => {
+  const handleDuplicateSelected = (0, import_react14.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected || !isNavigationItem2(selected)) return;
     const hrefKey = selected.getAttribute("data-ohw-href-key");
@@ -15116,7 +15294,7 @@ function OhhwellsBridge() {
       });
     }
   }, [postToParent2]);
-  const runPendingDeleteUndo = (0, import_react13.useCallback)(() => {
+  const runPendingDeleteUndo = (0, import_react14.useCallback)(() => {
     const pending = pendingDeleteUndoRef.current;
     if (!pending) return false;
     pendingDeleteUndoRef.current = null;
@@ -15124,7 +15302,7 @@ function OhhwellsBridge() {
     enforceLinkHrefs();
     return true;
   }, []);
-  const handleDeleteSelected = (0, import_react13.useCallback)(() => {
+  const handleDeleteSelected = (0, import_react14.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected) return false;
     return deleteSelectedNavFooterItem({
@@ -15145,7 +15323,7 @@ function OhhwellsBridge() {
   }, [postToParent2]);
   handleDeleteSelectedRef.current = handleDeleteSelected;
   runPendingDeleteUndoRef.current = runPendingDeleteUndo;
-  const handleLinkPopoverSubmit = (0, import_react13.useCallback)(
+  const handleLinkPopoverSubmit = (0, import_react14.useCallback)(
     (target) => {
       const session = linkPopoverSessionRef.current;
       if (!session) return;
@@ -15211,19 +15389,19 @@ function OhhwellsBridge() {
   const showEditLink = toolbarShowEditLink;
   const currentSections = sectionsByPath[pathname] ?? [];
   linkPopoverOpenRef.current = linkPopover !== null;
-  const handleMediaReplace = (0, import_react13.useCallback)(
+  const handleMediaReplace = (0, import_react14.useCallback)(
     (key) => {
       postToParent2({ type: "ow:image-pick", key, elementType: mediaHover?.elementType ?? "image" });
     },
     [postToParent2, mediaHover?.elementType]
   );
-  const handleEditCarousel = (0, import_react13.useCallback)(
+  const handleEditCarousel = (0, import_react14.useCallback)(
     (key) => {
       postToParent2({ type: "ow:carousel-open", key, images: readCarouselValue(key) });
     },
     [postToParent2]
   );
-  const handleMediaFadeOutComplete = (0, import_react13.useCallback)((key) => {
+  const handleMediaFadeOutComplete = (0, import_react14.useCallback)((key) => {
     setUploadingRects((prev) => {
       if (!(key in prev)) return prev;
       const next = { ...prev };
@@ -15231,7 +15409,7 @@ function OhhwellsBridge() {
       return next;
     });
   }, []);
-  const handleVideoSettingsChange = (0, import_react13.useCallback)(
+  const handleVideoSettingsChange = (0, import_react14.useCallback)(
     (key, settings) => {
       document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
         const video = getVideoEl2(el);