@ohhwells/bridge 0.1.52-next.139 → 0.1.52-next.141

package/dist/index.cjs

@@ -69,7 +69,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/OhhwellsBridge.tsx
-var import_react14 = __toESM(require("react"), 1);
+var import_react15 = __toESM(require("react"), 1);
 var import_client = require("react-dom/client");
 var import_react_dom2 = require("react-dom");
 
@@ -9104,7 +9104,8 @@ function applyLogoImage(url, alt) {
         img.setAttribute("data-ohw-editable", "image");
         img.setAttribute("data-ohw-key", imageKey);
         img.alt = displayAlt;
-        img.style.maxHeight = "40px";
+        img.style.height = "";
+        img.style.maxHeight = "none";
         img.style.width = "auto";
         img.style.display = "block";
         img.style.objectFit = "contain";
@@ -9192,6 +9193,121 @@ function readLogoIdentityFromDom() {
   const href = (logoRoot instanceof HTMLAnchorElement ? logoRoot.getAttribute("href") : null) || logoRoot?.closest("a")?.getAttribute("href") || "/";
   return { text, isPlaceholder, imageUrl: null, href, alt: text };
 }
+function applyLogoFromContent(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) return false;
+  const logoText = content[LOGO_TEXT_KEYS[0]] ?? content[LOGO_TEXT_KEYS[1]] ?? readLogoIdentityFromDom().text;
+  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);
+  }
+  return true;
+}
+
+// src/lib/logo-size.ts
+var LOGO_SIZE_DEFAULTS = {
+  navbar: 28,
+  footer: 32
+};
+var LOGO_SIZE_MIN = 16;
+var LOGO_SIZE_MAX = 80;
+var LOGO_SIZE_DESKTOP_KEYS = {
+  navbar: "nav-logo-size",
+  footer: "footer-logo-size"
+};
+var LOGO_SIZE_MOBILE_KEYS = {
+  navbar: "nav-logo-size-mobile",
+  footer: "footer-logo-size-mobile"
+};
+var LOGO_SIZE_KEYS = [
+  LOGO_SIZE_DESKTOP_KEYS.navbar,
+  LOGO_SIZE_DESKTOP_KEYS.footer,
+  LOGO_SIZE_MOBILE_KEYS.navbar,
+  LOGO_SIZE_MOBILE_KEYS.footer
+];
+function isFooterLogoRoot2(root) {
+  return Boolean(root.closest("footer") || root.closest('[data-ohw-section="footer"]'));
+}
+function getLogoPlacement(root) {
+  return isFooterLogoRoot2(root) ? "footer" : "navbar";
+}
+function parseLogoSizePx(raw, fallback) {
+  if (raw == null || raw === "") return fallback;
+  const n = Number.parseFloat(raw);
+  if (!Number.isFinite(n)) return fallback;
+  return Math.min(LOGO_SIZE_MAX, Math.max(LOGO_SIZE_MIN, Math.round(n)));
+}
+function isMobileLogoSizeFollowing(content, placement) {
+  const raw = content[LOGO_SIZE_MOBILE_KEYS[placement]];
+  return raw == null || raw.trim() === "";
+}
+function resolveDesktopLogoSize(content, placement) {
+  return parseLogoSizePx(content[LOGO_SIZE_DESKTOP_KEYS[placement]], LOGO_SIZE_DEFAULTS[placement]);
+}
+function resolveMobileLogoSize(content, placement) {
+  if (isMobileLogoSizeFollowing(content, placement)) {
+    return resolveDesktopLogoSize(content, placement);
+  }
+  return parseLogoSizePx(
+    content[LOGO_SIZE_MOBILE_KEYS[placement]],
+    resolveDesktopLogoSize(content, placement)
+  );
+}
+function setRootSizeVars(root, desktopPx, mobilePx, following) {
+  root.style.setProperty("--ohw-logo-size", `${desktopPx}px`);
+  if (following) {
+    root.style.removeProperty("--ohw-logo-size-mobile");
+  } else {
+    root.style.setProperty("--ohw-logo-size-mobile", `${mobilePx}px`);
+  }
+  root.querySelectorAll("img").forEach((img) => {
+    img.style.height = "";
+    img.style.maxHeight = "none";
+    img.style.width = "auto";
+    img.style.objectFit = "contain";
+  });
+}
+function applyLogoSizes(content) {
+  document.querySelectorAll('[data-ohw-role="logo"], [data-ohw-logo]').forEach((root) => {
+    const placement = getLogoPlacement(root);
+    const desktop = resolveDesktopLogoSize(content, placement);
+    const following = isMobileLogoSizeFollowing(content, placement);
+    const mobile = following ? desktop : resolveMobileLogoSize(content, placement);
+    setRootSizeVars(root, desktop, mobile, following);
+  });
+}
+function applyLogoSizeToPlacement(placement, desktopPx, mobilePx, following) {
+  document.querySelectorAll('[data-ohw-role="logo"], [data-ohw-logo]').forEach((root) => {
+    if (getLogoPlacement(root) !== placement) return;
+    setRootSizeVars(root, desktopPx, mobilePx, following);
+  });
+}
+function logoHasUploadedImage(logoEl) {
+  if (logoEl.hasAttribute("data-ohw-placeholder")) return false;
+  const img = logoEl.querySelector('img[data-ohw-key="nav-logo-image"], img[data-ohw-key="footer-logo"], img[data-ohw-key="footer-logo-image"]') ?? logoEl.querySelector("img");
+  if (!img) return false;
+  const src = img.getAttribute("src")?.trim() ?? "";
+  if (!src || src.startsWith("data:")) return false;
+  if (img.style.display === "none") return false;
+  return true;
+}
+function readLogoSizeState(content, placement) {
+  const desktopPx = resolveDesktopLogoSize(content, placement);
+  const mobileFollowing = isMobileLogoSizeFollowing(content, placement);
+  const mobilePx = mobileFollowing ? desktopPx : resolveMobileLogoSize(content, placement);
+  return { desktopPx, mobilePx, mobileFollowing };
+}
 
 // src/lib/site-wide-scope.ts
 function getLogoElement(el) {
@@ -9262,6 +9378,292 @@ function addFooterColumnWithPersist({
   return result;
 }
 
+// src/ui/FloatingPanel.tsx
+var import_react12 = require("react");
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var PANEL_WIDTH = 256;
+var EDGE_MARGIN = 16;
+function getVisibleClip(parentScroll) {
+  const left = 0;
+  const right = window.innerWidth;
+  if (!parentScroll) {
+    return { top: 0, bottom: window.innerHeight, left, right };
+  }
+  const { iframeOffsetTop, headerH: visibleCanvasTop, canvasH } = parentScroll;
+  const top = Math.max(0, visibleCanvasTop - iframeOffsetTop);
+  const bottom = Math.min(window.innerHeight, visibleCanvasTop + canvasH - iframeOffsetTop);
+  return { top, bottom: Math.max(top, bottom), left, right };
+}
+function defaultFloatingPanelPosition(parentScroll, panelHeight = 280) {
+  const clip = getVisibleClip(parentScroll);
+  return {
+    x: Math.max(EDGE_MARGIN, clip.right - PANEL_WIDTH - EDGE_MARGIN),
+    y: Math.min(
+      Math.max(clip.top + EDGE_MARGIN, EDGE_MARGIN),
+      Math.max(clip.top + EDGE_MARGIN, clip.bottom - panelHeight - EDGE_MARGIN)
+    )
+  };
+}
+function clampPosition(pos, parentScroll, panelW, panelH) {
+  const clip = getVisibleClip(parentScroll);
+  const maxX = Math.max(clip.left + EDGE_MARGIN, clip.right - panelW - EDGE_MARGIN);
+  const maxY = Math.max(clip.top + EDGE_MARGIN, clip.bottom - panelH - EDGE_MARGIN);
+  return {
+    x: Math.min(Math.max(pos.x, clip.left + EDGE_MARGIN), maxX),
+    y: Math.min(Math.max(pos.y, clip.top + EDGE_MARGIN), maxY)
+  };
+}
+function FloatingPanel({
+  open,
+  title,
+  context,
+  icon,
+  onClose,
+  children,
+  position,
+  onPositionChange,
+  parentScroll = null,
+  className,
+  bodyClassName
+}) {
+  const panelRef = (0, import_react12.useRef)(null);
+  const [measured, setMeasured] = (0, import_react12.useState)({ w: PANEL_WIDTH, h: 280 });
+  const dragRef = (0, import_react12.useRef)(null);
+  const resolved = position ?? defaultFloatingPanelPosition(parentScroll, measured.h);
+  const clamped = clampPosition(resolved, parentScroll, measured.w, measured.h);
+  (0, import_react12.useLayoutEffect)(() => {
+    if (!open || !panelRef.current) return;
+    const el = panelRef.current;
+    const next = { w: el.offsetWidth || PANEL_WIDTH, h: el.offsetHeight || 280 };
+    setMeasured((prev) => prev.w === next.w && prev.h === next.h ? prev : next);
+  }, [open, children, title, context]);
+  (0, import_react12.useEffect)(() => {
+    if (!open || !position || !onPositionChange) return;
+    const next = clampPosition(position, parentScroll, measured.w, measured.h);
+    if (next.x !== position.x || next.y !== position.y) onPositionChange(next);
+  }, [open, parentScroll, measured.w, measured.h, position, onPositionChange]);
+  const onHeaderPointerDown = (0, import_react12.useCallback)(
+    (e) => {
+      if (e.button !== 0) return;
+      if (e.target.closest("[data-ohw-floating-panel-close]")) return;
+      e.preventDefault();
+      e.stopPropagation();
+      const el = e.currentTarget;
+      el.setPointerCapture(e.pointerId);
+      dragRef.current = {
+        pointerId: e.pointerId,
+        startX: e.clientX,
+        startY: e.clientY,
+        originX: clamped.x,
+        originY: clamped.y
+      };
+    },
+    [clamped.x, clamped.y]
+  );
+  const onHeaderPointerMove = (0, import_react12.useCallback)(
+    (e) => {
+      const drag = dragRef.current;
+      if (!drag || drag.pointerId !== e.pointerId) return;
+      e.preventDefault();
+      const next = clampPosition(
+        {
+          x: drag.originX + (e.clientX - drag.startX),
+          y: drag.originY + (e.clientY - drag.startY)
+        },
+        parentScroll,
+        measured.w,
+        measured.h
+      );
+      onPositionChange?.(next);
+    },
+    [measured.h, measured.w, onPositionChange, parentScroll]
+  );
+  const endDrag = (0, import_react12.useCallback)((e) => {
+    const drag = dragRef.current;
+    if (!drag || drag.pointerId !== e.pointerId) return;
+    dragRef.current = null;
+    try {
+      e.currentTarget.releasePointerCapture(e.pointerId);
+    } catch {
+    }
+  }, []);
+  if (!open) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    "div",
+    {
+      ref: panelRef,
+      "data-ohw-floating-panel": "",
+      role: "dialog",
+      "aria-label": title,
+      className: cn(
+        "fixed z-[2147483645] flex w-64 flex-col overflow-hidden rounded-xl border border-border bg-background font-sans shadow-lg outline-none",
+        className
+      ),
+      style: { left: clamped.x, top: clamped.y },
+      onMouseDown: (e) => e.stopPropagation(),
+      onPointerDown: (e) => e.stopPropagation(),
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+          "div",
+          {
+            "data-ohw-floating-panel-header": "",
+            className: "relative flex cursor-grab items-start gap-2 border-b border-border py-5 pl-5 pr-11 active:cursor-grabbing",
+            onPointerDown: onHeaderPointerDown,
+            onPointerMove: onHeaderPointerMove,
+            onPointerUp: endDrag,
+            onPointerCancel: endDrag,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  icon ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "shrink-0 text-foreground", children: icon }) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "min-w-0 flex-1 text-lg font-semibold leading-7 text-foreground", children: title })
+                ] }),
+                context ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "w-full text-sm leading-5 text-muted-foreground", children: context }) : null
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                "button",
+                {
+                  type: "button",
+                  "data-ohw-floating-panel-close": "",
+                  "aria-label": "Close",
+                  className: "absolute right-2.5 top-2.5 rounded-sm p-1.5 text-foreground hover:bg-muted/50",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onClose();
+                  },
+                  onPointerDown: (e) => e.stopPropagation(),
+                  children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.X, { size: 16, "aria-hidden": true })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          "div",
+          {
+            "data-ohw-floating-panel-body": "",
+            className: cn("flex w-full flex-col gap-4 p-5", bodyClassName),
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/ui/logo-size-panel.tsx
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function SizeSlider({
+  value,
+  onChange
+}) {
+  const pct = (value - LOGO_SIZE_MIN) / (LOGO_SIZE_MAX - LOGO_SIZE_MIN) * 100;
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex w-full flex-col gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex w-full items-center gap-2 text-sm font-medium leading-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "min-w-0 flex-1 text-foreground", children: "Size" }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "shrink-0 whitespace-nowrap text-muted-foreground", children: [
+        value,
+        " px"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative h-2 w-full rounded-full bg-primary-50", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        "div",
+        {
+          className: "absolute inset-y-0 left-0 rounded-full bg-primary",
+          style: { width: `${pct}%` }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        "input",
+        {
+          type: "range",
+          min: LOGO_SIZE_MIN,
+          max: LOGO_SIZE_MAX,
+          step: 1,
+          value,
+          "aria-label": "Logo size",
+          className: cn(
+            "absolute inset-0 h-full w-full cursor-pointer appearance-none bg-transparent",
+            "[&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:size-5",
+            "[&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-2",
+            "[&::-webkit-slider-thumb]:border-primary [&::-webkit-slider-thumb]:bg-background",
+            "[&::-moz-range-thumb]:size-5 [&::-moz-range-thumb]:rounded-full",
+            "[&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-primary",
+            "[&::-moz-range-thumb]:bg-background"
+          ),
+          onChange: (e) => onChange(Number(e.target.value))
+        }
+      )
+    ] })
+  ] });
+}
+function LogoSizePanel({
+  viewport,
+  sizePx,
+  mobileFollowing = true,
+  onSizeChange,
+  onCustomizeMobile,
+  onResetMobile,
+  onUpdateEverywhere,
+  className
+}) {
+  const showFollowing = viewport === "mobile" && mobileFollowing;
+  const showMobileSlider = viewport === "mobile" && !mobileFollowing;
+  const showDesktopSlider = viewport === "desktop";
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: cn("flex w-full flex-col gap-4", className), children: [
+    showFollowing ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex w-full flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-start gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.Link, { size: 16, className: "mt-0.5 shrink-0 text-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm font-semibold leading-5 text-foreground", children: "Following desktop size" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm leading-5 text-muted-foreground", children: "Mobile uses the desktop size until you customize it. Change the desktop size and it follows automatically." }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          className: "h-9 w-full min-w-0 cursor-pointer",
+          onClick: onCustomizeMobile,
+          children: "Customize for mobile"
+        }
+      )
+    ] }) : null,
+    showDesktopSlider || showMobileSlider ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SizeSlider, { value: sizePx, onChange: onSizeChange }) : null,
+    showMobileSlider ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        className: "h-9 w-full min-w-0 cursor-pointer",
+        onClick: onResetMobile,
+        children: "Reset to desktop size"
+      }
+    ) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "h-px w-full bg-border", role: "separator" }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        className: "h-9 w-full min-w-0 cursor-pointer gap-1",
+        onClick: onUpdateEverywhere,
+        children: [
+          "Update logo everywhere",
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.ArrowUpRight, { size: 16, "aria-hidden": true })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm leading-5 text-muted-foreground", children: "Matches the right version to your background." })
+  ] });
+}
+
 // src/lib/item-drag-interaction.ts
 function disableNativeHrefDrag(el) {
   if (el.draggable) el.draggable = false;
@@ -9460,7 +9862,7 @@ function hitTestNavDropSlot(clientX, clientY, draggedHrefKey) {
 }
 
 // src/useNavItemDrag.ts
-var import_react12 = require("react");
+var import_react13 = require("react");
 function useNavItemDrag({
   isEditMode,
   editContentRef,
@@ -9484,11 +9886,11 @@ function useNavItemDrag({
   getNavigationItemAnchor: getNavigationItemAnchor2,
   isDragHandleDisabled: isDragHandleDisabled2
 }) {
-  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 navDragRef = (0, import_react13.useRef)(null);
+  const [navDropSlots, setNavDropSlots] = (0, import_react13.useState)([]);
+  const [activeNavDropIndex, setActiveNavDropIndex] = (0, import_react13.useState)(null);
+  const navPointerDragRef = (0, import_react13.useRef)(null);
+  const clearNavDragVisuals = (0, import_react13.useCallback)(() => {
     const session = navDragRef.current;
     const keepOpenEl = session?.draggedEl?.closest("[data-ohw-nav-children]") != null ? session.draggedEl : null;
     navDragRef.current = null;
@@ -9505,7 +9907,7 @@ function useNavItemDrag({
     document.documentElement.removeAttribute("data-ohw-nav-dragging-root");
     unlockItemDragInteraction();
   }, [setDraggedItemRect, setIsItemDragging, setSiblingHintRects]);
-  const refreshNavDragVisuals = (0, import_react12.useCallback)(
+  const refreshNavDragVisuals = (0, import_react13.useCallback)(
     (session, activeSlot, clientX, clientY) => {
       setDraggedItemRect(session.draggedEl.getBoundingClientRect());
       if (typeof clientX === "number" && typeof clientY === "number") {
@@ -9523,13 +9925,13 @@ function useNavItemDrag({
     },
     [setDraggedItemRect, setSiblingHintRects]
   );
-  const refreshNavDragVisualsRef = (0, import_react12.useRef)(refreshNavDragVisuals);
+  const refreshNavDragVisualsRef = (0, import_react13.useRef)(refreshNavDragVisuals);
   refreshNavDragVisualsRef.current = refreshNavDragVisuals;
-  const commitNavDragRef = (0, import_react12.useRef)(() => {
+  const commitNavDragRef = (0, import_react13.useRef)(() => {
   });
-  const beginNavDragRef = (0, import_react12.useRef)(() => {
+  const beginNavDragRef = (0, import_react13.useRef)(() => {
   });
-  const beginNavDrag = (0, import_react12.useCallback)(
+  const beginNavDrag = (0, import_react13.useCallback)(
     (session) => {
       const rect = session.draggedEl.getBoundingClientRect();
       session.lastClientX = session.lastClientX || rect.left + rect.width / 2;
@@ -9563,7 +9965,7 @@ function useNavItemDrag({
     ]
   );
   beginNavDragRef.current = beginNavDrag;
-  const commitNavDrag = (0, import_react12.useCallback)(
+  const commitNavDrag = (0, import_react13.useCallback)(
     (clientX, clientY) => {
       const session = navDragRef.current;
       if (!session) {
@@ -9624,7 +10026,7 @@ function useNavItemDrag({
     [clearNavDragVisuals, deselectRef, editContentRef, postToParentRef, selectRef]
   );
   commitNavDragRef.current = commitNavDrag;
-  const startNavLinkDrag = (0, import_react12.useCallback)(
+  const startNavLinkDrag = (0, import_react13.useCallback)(
     (anchor, clientX, clientY, wasSelected) => {
       if (footerDragRef.current) return false;
       const hrefKey = anchor.getAttribute("data-ohw-href-key");
@@ -9642,7 +10044,7 @@ function useNavItemDrag({
     },
     [beginNavDrag, footerDragRef, isDragHandleDisabled2, isCtaButton]
   );
-  const onNavDragOver = (0, import_react12.useCallback)(
+  const onNavDragOver = (0, import_react13.useCallback)(
     (e) => {
       const session = navDragRef.current;
       if (!session) return false;
@@ -9654,7 +10056,7 @@ function useNavItemDrag({
     },
     []
   );
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!isEditMode) return;
     const THRESHOLD = 10;
     const resolveWasSelected = (el) => {
@@ -9779,7 +10181,7 @@ function useNavItemDrag({
     setLinkPopover,
     suppressNextClickRef
   ]);
-  const armNavPressFromChrome = (0, import_react12.useCallback)(
+  const armNavPressFromChrome = (0, import_react13.useCallback)(
     (selected, clientX, clientY, pointerId) => {
       const hrefKey = selected.getAttribute("data-ohw-href-key");
       if (!hrefKey || !isNavbarHrefKey(hrefKey)) return false;
@@ -9810,8 +10212,8 @@ function useNavItemDrag({
 }
 
 // src/ui/footer-container-chrome.tsx
-var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_lucide_react14 = require("lucide-react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function FooterContainerChrome({
   rect,
   onAdd,
@@ -9819,7 +10221,7 @@ function FooterContainerChrome({
 }) {
   const chromeGap = 6;
   const buttonMargin = 7;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     {
       "data-ohw-footer-container-chrome": "",
@@ -9831,8 +10233,8 @@ function FooterContainerChrome({
         width: rect.width + chromeGap * 2,
         height: rect.height + chromeGap * 2
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Tooltip, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Tooltip, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "button",
           {
             type: "button",
@@ -9851,17 +10253,17 @@ function FooterContainerChrome({
               if (addDisabled) return;
               onAdd();
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Plus, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react14.Plus, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipContent, { side: "bottom", sideOffset: 9, children: addDisabled ? "Maximum columns reached" : "Add item" })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipContent, { side: "bottom", sideOffset: 9, children: addDisabled ? "Maximum columns reached" : "Add item" })
       ] })
     }
   ) });
 }
 
 // src/lib/carousel.ts
-var import_react13 = require("react");
+var import_react14 = require("react");
 var CAROUSEL_ATTR = "data-ohw-carousel";
 var CAROUSEL_VALUE_ATTR = "data-ohw-carousel-value";
 var CAROUSEL_SLIDE_ATTR = "data-ohw-carousel-slide";
@@ -9923,8 +10325,8 @@ function applyCarouselNode(key, val) {
   return true;
 }
 function useOhwCarousel(key, initial) {
-  const [images, setImages] = (0, import_react13.useState)(initial);
-  (0, import_react13.useEffect)(() => {
+  const [images, setImages] = (0, import_react14.useState)(initial);
+  (0, import_react14.useEffect)(() => {
     const el = document.querySelector(
       `[${CAROUSEL_ATTR}][data-ohw-key="${CSS.escape(key)}"]`
     );
@@ -10034,6 +10436,18 @@ function collectEditableNodes(extraContent, root = document) {
   }
   if (extraContent && !isScoped) {
     applyNavFooterDeleteOverrides(byKey, extraContent);
+    for (const key of LOGO_IMAGE_KEYS) {
+      if (!(key in extraContent)) continue;
+      byKey.set(key, { key, type: "image", text: extraContent[key] ?? "" });
+    }
+    for (const key of [LOGO_PLACEHOLDER_KEY, LOGO_ALT_KEY]) {
+      if (!(key in extraContent)) continue;
+      byKey.set(key, { key, type: "meta", text: extraContent[key] ?? "" });
+    }
+    for (const key of LOGO_SIZE_KEYS) {
+      if (!(key in extraContent)) continue;
+      byKey.set(key, { key, type: "meta", text: extraContent[key] ?? "" });
+    }
   }
   return Array.from(byKey.values());
 }
@@ -10282,14 +10696,14 @@ function deleteSelectedNavFooterItem(deps) {
 }
 
 // src/ui/navbar-container-chrome.tsx
-var import_lucide_react13 = require("lucide-react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_lucide_react15 = require("lucide-react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function NavbarContainerChrome({
   rect,
   onAdd
 }) {
   const chromeGap = 6;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     {
       "data-ohw-navbar-container-chrome": "",
@@ -10301,7 +10715,7 @@ function NavbarContainerChrome({
         width: rect.width + chromeGap * 2,
         height: rect.height + chromeGap * 2
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         "button",
         {
           type: "button",
@@ -10318,7 +10732,7 @@ function NavbarContainerChrome({
             e.stopPropagation();
             onAdd();
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.Plus, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
+          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react15.Plus, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
         }
       )
     }
@@ -10327,7 +10741,7 @@ function NavbarContainerChrome({
 
 // src/ui/drop-indicator.tsx
 var React9 = __toESM(require("react"), 1);
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var dropIndicatorVariants = cva(
   "ov-gap-line pointer-events-none shrink-0 transition-opacity duration-150",
   {
@@ -10351,7 +10765,7 @@ var dropIndicatorVariants = cva(
 );
 var DropIndicator = React9.forwardRef(
   ({ className, direction, state, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "div",
       {
         ref,
@@ -10368,7 +10782,7 @@ var DropIndicator = React9.forwardRef(
 DropIndicator.displayName = "DropIndicator";
 
 // src/ui/badge.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var badgeVariants = cva(
   "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
@@ -10386,12 +10800,12 @@ var badgeVariants = cva(
   }
 );
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
 
 // src/OhhwellsBridge.tsx
-var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_lucide_react16 = require("lucide-react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var PRIMARY3 = "#0885FE";
 var IMAGE_FADE_MS = 300;
 function runOpacityFade(el, onDone) {
@@ -10570,7 +10984,7 @@ function mountSchedulingWidget(insertAfter, notifyOnConnect = false, scheduleId,
   const root = (0, import_client.createRoot)(container);
   (0, import_react_dom2.flushSync)(() => {
     root.render(
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         SchedulingWidget,
         {
           notifyOnConnect,
@@ -10725,6 +11139,9 @@ function isInsideLinkEditor(target) {
     target.closest("[data-ohw-link-popover-root]") || target.closest("[data-ohw-link-modal-root]") || target.closest("[data-ohw-link-page-dropdown]") || target.closest("[data-ohw-section-picker]") || target.closest("[data-ohw-navbar-container-chrome]") || target.closest("[data-ohw-navbar-add-button]") || target.closest("[data-ohw-footer-container-chrome]") || target.closest("[data-ohw-footer-add-button]") || target.closest("[data-ohw-more-menu]") || target.closest('[data-slot="dropdown-menu-content"]') || target.closest('[data-slot="popover-content"]') || target.closest('[data-slot="dialog-content"]') || target.closest('[data-slot="dialog-overlay"]')
   );
 }
+function isInsideFloatingPanel(target) {
+  return Boolean(target.closest("[data-ohw-floating-panel]"));
+}
 function getHrefKeyFromElement(el) {
   if (!el) return null;
   const anchor = el.closest("[data-ohw-href-key]");
@@ -11177,7 +11594,7 @@ function EditGlowChrome({
   hideHandle = false
 }) {
   const GAP = SELECTION_CHROME_GAP2;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     "div",
     {
       ref: elRef,
@@ -11192,7 +11609,7 @@ function EditGlowChrome({
         zIndex: 2147483646
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "div",
           {
             style: {
@@ -11205,7 +11622,7 @@ function EditGlowChrome({
             }
           }
         ),
-        reorderHrefKey && !hideHandle && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        reorderHrefKey && !hideHandle && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "div",
           {
             "data-ohw-drag-handle-container": "",
@@ -11217,7 +11634,7 @@ function EditGlowChrome({
               transform: "translate(calc(-100% - 7px), -50%)",
               pointerEvents: dragDisabled ? "none" : "auto"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               DragHandle,
               {
                 "aria-label": `Reorder ${reorderHrefKey}`,
@@ -11400,9 +11817,9 @@ function FloatingToolbar({
   showEditLink,
   onEditLink
 }) {
-  const localRef = import_react14.default.useRef(null);
-  const [measuredW, setMeasuredW] = import_react14.default.useState(330);
-  const setRefs = import_react14.default.useCallback(
+  const localRef = import_react15.default.useRef(null);
+  const [measuredW, setMeasuredW] = import_react15.default.useState(330);
+  const setRefs = import_react15.default.useCallback(
     (node) => {
       localRef.current = node;
       if (typeof elRef === "function") elRef(node);
@@ -11414,7 +11831,7 @@ function FloatingToolbar({
     },
     [elRef]
   );
-  import_react14.default.useLayoutEffect(() => {
+  import_react15.default.useLayoutEffect(() => {
     const node = localRef.current;
     if (!node) return;
     const update = () => {
@@ -11427,7 +11844,7 @@ function FloatingToolbar({
     return () => ro.disconnect();
   }, [showEditLink, activeCommands]);
   const { top, left, transform } = calcToolbarPos(rect, parentScroll, measuredW);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     {
       ref: setRefs,
@@ -11439,12 +11856,12 @@ function FloatingToolbar({
         zIndex: 2147483647,
         pointerEvents: "auto"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(CustomToolbar, { 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, {}),
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(CustomToolbar, { children: [
+        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react15.default.Fragment, { children: [
+          gi > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CustomToolbarDivider, {}),
           btns.map((btn) => {
             const isActive = activeCommands.has(btn.cmd);
-            return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               CustomToolbarButton,
               {
                 title: btn.title,
@@ -11453,7 +11870,7 @@ function FloatingToolbar({
                   e.preventDefault();
                   onCommand(btn.cmd);
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                   "svg",
                   {
                     width: "16",
@@ -11474,7 +11891,7 @@ function FloatingToolbar({
             );
           })
         ] }, gi)),
-        showEditLink ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        showEditLink ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           CustomToolbarButton,
           {
             type: "button",
@@ -11488,7 +11905,7 @@ function FloatingToolbar({
               e.preventDefault();
               e.stopPropagation();
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.Link, { className: "size-4 shrink-0", "aria-hidden": true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react16.Link, { className: "size-4 shrink-0", "aria-hidden": true })
           }
         ) : null
       ] })
@@ -11505,7 +11922,7 @@ function StateToggle({
   states,
   onStateChange
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     ToggleGroup,
     {
       "data-ohw-state-toggle": "",
@@ -11519,7 +11936,7 @@ function StateToggle({
         left: rect.right - 8,
         transform: "translateX(-100%)"
       },
-      children: states.map((state) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ToggleGroupItem, { value: state, size: "sm", children: state }, state))
+      children: states.map((state) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ToggleGroupItem, { value: state, size: "sm", children: state }, state))
     }
   );
 }
@@ -11546,8 +11963,8 @@ function OhhwellsBridge() {
   const router = (0, import_navigation3.useRouter)();
   const searchParams = (0, import_navigation3.useSearchParams)();
   const isEditMode = isEditSessionActive();
-  const [bridgeRoot, setBridgeRoot] = (0, import_react14.useState)(null);
-  (0, import_react14.useEffect)(() => {
+  const [bridgeRoot, setBridgeRoot] = (0, import_react15.useState)(null);
+  (0, import_react15.useEffect)(() => {
     const figtreeFontId = "ohw-figtree-font";
     if (!document.getElementById(figtreeFontId)) {
       const preconnect1 = Object.assign(document.createElement("link"), { rel: "preconnect", href: "https://fonts.googleapis.com" });
@@ -11576,109 +11993,133 @@ function OhhwellsBridge() {
   const subdomain = resolveSubdomain(subdomainFromQuery);
   useLinkHrefGuardian(pathname, subdomain, isEditMode);
   useSavedLinkNavigation(isEditMode);
-  const postToParent2 = (0, import_react14.useCallback)((data) => {
+  const postToParent2 = (0, import_react15.useCallback)((data) => {
     if (typeof window !== "undefined" && window.parent !== window) {
       window.parent.postMessage(data, "*");
     }
   }, []);
-  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) => {
+  const [fetchState, setFetchState] = (0, import_react15.useState)("idle");
+  const autoSaveTimers = (0, import_react15.useRef)(/* @__PURE__ */ new Map());
+  const activeElRef = (0, import_react15.useRef)(null);
+  const pointerHeldRef = (0, import_react15.useRef)(false);
+  const selectedElRef = (0, import_react15.useRef)(null);
+  const selectedHrefKeyRef = (0, import_react15.useRef)(null);
+  const selectedFooterColAttrRef = (0, import_react15.useRef)(null);
+  const originalContentRef = (0, import_react15.useRef)(null);
+  const activeStateElRef = (0, import_react15.useRef)(null);
+  const parentScrollRef = (0, import_react15.useRef)(null);
+  const visibleViewportRef = (0, import_react15.useRef)(null);
+  const [dialogPortalContainer, setDialogPortalContainer] = (0, import_react15.useState)(null);
+  const attachVisibleViewport = (0, import_react15.useCallback)((node) => {
     visibleViewportRef.current = node;
     setDialogPortalContainer(node);
     if (node) applyVisibleViewport(node, parentScrollRef.current);
   }, []);
-  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 toolbarElRef = (0, import_react15.useRef)(null);
+  const glowElRef = (0, import_react15.useRef)(null);
+  const hoveredImageRef = (0, import_react15.useRef)(null);
+  const hoveredImageHasTextOverlapRef = (0, import_react15.useRef)(false);
+  const dragOverElRef = (0, import_react15.useRef)(null);
+  const [mediaHover, setMediaHover] = (0, import_react15.useState)(null);
+  const [carouselHover, setCarouselHover] = (0, import_react15.useState)(null);
+  const [uploadingRects, setUploadingRects] = (0, import_react15.useState)({});
+  const hoveredGapRef = (0, import_react15.useRef)(null);
+  const imageUnhoverTimerRef = (0, import_react15.useRef)(null);
+  const imageShowTimerRef = (0, import_react15.useRef)(null);
+  const editStylesRef = (0, import_react15.useRef)(null);
+  const activateRef = (0, import_react15.useRef)(() => {
   });
-  const deactivateRef = (0, import_react14.useRef)(() => {
+  const deactivateRef = (0, import_react15.useRef)(() => {
   });
-  const selectRef = (0, import_react14.useRef)(() => {
+  const selectRef = (0, import_react15.useRef)(() => {
   });
-  const selectFrameRef = (0, import_react14.useRef)(() => {
+  const selectFrameRef = (0, import_react15.useRef)(() => {
   });
-  const deselectRef = (0, import_react14.useRef)(() => {
+  const selectLogoRef = (0, import_react15.useRef)(() => {
   });
-  const reselectNavigationItemRef = (0, import_react14.useRef)(() => {
+  const openLogoSizePanelRef = (0, import_react15.useRef)(() => {
   });
-  const commitNavigationTextEditRef = (0, import_react14.useRef)(() => {
+  const deselectRef = (0, import_react15.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 closeFloatingPanelOnlyRef = (0, import_react15.useRef)(() => {
   });
-  const postToParentRef = (0, import_react14.useRef)(postToParent2);
+  const reselectNavigationItemRef = (0, import_react15.useRef)(() => {
+  });
+  const commitNavigationTextEditRef = (0, import_react15.useRef)(() => {
+  });
+  const handleDeleteSelectedRef = (0, import_react15.useRef)(() => false);
+  const runPendingDeleteUndoRef = (0, import_react15.useRef)(() => false);
+  const isFooterFrameSelectionRef = (0, import_react15.useRef)(false);
+  const refreshActiveCommandsRef = (0, import_react15.useRef)(() => {
+  });
+  const postToParentRef = (0, import_react15.useRef)(postToParent2);
   postToParentRef.current = postToParent2;
-  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");
+  const aiSectionApiRef = (0, import_react15.useRef)(null);
+  const sectionsLoadedRef = (0, import_react15.useRef)(false);
+  const pendingScheduleConfigRequests = (0, import_react15.useRef)([]);
+  const [toolbarRect, setToolbarRect] = (0, import_react15.useState)(null);
+  const [toolbarVariant, setToolbarVariant] = (0, import_react15.useState)("none");
+  const toolbarVariantRef = (0, import_react15.useRef)("none");
   toolbarVariantRef.current = toolbarVariant;
-  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);
+  const [selectedIsCta, setSelectedIsCta] = (0, import_react15.useState)(false);
+  const [reorderHrefKey, setReorderHrefKey] = (0, import_react15.useState)(null);
+  const [reorderDragDisabled, setReorderDragDisabled] = (0, import_react15.useState)(false);
+  const [toggleState, setToggleState] = (0, import_react15.useState)(null);
+  const [maxBadge, setMaxBadge] = (0, import_react15.useState)(null);
+  const [activeCommands, setActiveCommands] = (0, import_react15.useState)(/* @__PURE__ */ new Set());
+  const [sectionGap, setSectionGap] = (0, import_react15.useState)(null);
+  const [toolbarShowEditLink, setToolbarShowEditLink] = (0, import_react15.useState)(false);
+  const hoveredNavContainerRef = (0, import_react15.useRef)(null);
+  const [hoveredNavContainerRect, setHoveredNavContainerRect] = (0, import_react15.useState)(null);
+  const hoveredItemElRef = (0, import_react15.useRef)(null);
+  const [hoveredItemRect, setHoveredItemRect] = (0, import_react15.useState)(null);
+  const siblingHintElRef = (0, import_react15.useRef)(null);
+  const [siblingHintRect, setSiblingHintRect] = (0, import_react15.useState)(null);
+  const [siblingHintRects, setSiblingHintRects] = (0, import_react15.useState)([]);
+  const [isItemDragging, setIsItemDragging] = (0, import_react15.useState)(false);
+  const [isFooterFrameSelection, setIsFooterFrameSelection] = (0, import_react15.useState)(false);
   isFooterFrameSelectionRef.current = isFooterFrameSelection;
-  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);
+  const [navDropdownPreviewOpen, setNavDropdownPreviewOpen] = (0, import_react15.useState)(null);
+  const [footerHeadingVisible, setFooterHeadingVisible] = (0, import_react15.useState)(null);
+  const footerDragRef = (0, import_react15.useRef)(null);
+  const [footerDropSlots, setFooterDropSlots] = (0, import_react15.useState)([]);
+  const [activeFooterDropIndex, setActiveFooterDropIndex] = (0, import_react15.useState)(null);
+  const [draggedItemRect, setDraggedItemRect] = (0, import_react15.useState)(null);
+  const footerPointerDragRef = (0, import_react15.useRef)(null);
+  const suppressNextClickRef = (0, import_react15.useRef)(false);
+  const suppressClickUntilRef = (0, import_react15.useRef)(0);
+  const [linkPopover, setLinkPopover] = (0, import_react15.useState)(null);
+  const linkPopoverSessionRef = (0, import_react15.useRef)(null);
+  const addNavAfterAnchorRef = (0, import_react15.useRef)(null);
+  const editContentRef = (0, import_react15.useRef)({});
+  const pendingDeleteUndoRef = (0, import_react15.useRef)(null);
+  const [floatingPanel, setFloatingPanel] = (0, import_react15.useState)(null);
+  const floatingPanelOpenRef = (0, import_react15.useRef)(false);
+  const setFloatingPanelRef = (0, import_react15.useRef)(setFloatingPanel);
+  const [floatingPanelPos, setFloatingPanelPos] = (0, import_react15.useState)(null);
+  const [logoSizeDraft, setLogoSizeDraft] = (0, import_react15.useState)(null);
+  const [editorViewport, setEditorViewport] = (0, import_react15.useState)("desktop");
+  const [parentScrollSnap, setParentScrollSnap] = (0, import_react15.useState)(null);
+  const [sitePages, setSitePages] = (0, import_react15.useState)([]);
+  const [sectionsByPath, setSectionsByPath] = (0, import_react15.useState)({});
+  const sectionsPrefetchGenRef = (0, import_react15.useRef)(0);
+  const setLinkPopoverRef = (0, import_react15.useRef)(setLinkPopover);
+  const linkPopoverPanelRef = (0, import_react15.useRef)(null);
+  const linkPopoverOpenRef = (0, import_react15.useRef)(false);
+  const linkPopoverGraceUntilRef = (0, import_react15.useRef)(0);
   setLinkPopoverRef.current = setLinkPopover;
+  setFloatingPanelRef.current = setFloatingPanel;
   linkPopoverSessionRef.current = linkPopover;
+  floatingPanelOpenRef.current = Boolean(floatingPanel);
+  (0, import_react15.useEffect)(() => {
+    const syncViewport = () => {
+      const next = window.innerWidth <= 480 ? "mobile" : "desktop";
+      setEditorViewport((prev) => prev === next ? prev : next);
+    };
+    syncViewport();
+    window.addEventListener("resize", syncViewport);
+    return () => window.removeEventListener("resize", syncViewport);
+  }, []);
   const {
     navDragRef,
     navDropSlots,
@@ -11714,7 +12155,7 @@ function OhhwellsBridge() {
   const bumpLinkPopoverGrace = () => {
     linkPopoverGraceUntilRef.current = Date.now() + 350;
   };
-  const runSectionsPrefetch = (0, import_react14.useCallback)((pages) => {
+  const runSectionsPrefetch = (0, import_react15.useCallback)((pages) => {
     if (!isEditMode || shouldUseDevFixtures() || pages.length === 0) return;
     const gen = ++sectionsPrefetchGenRef.current;
     const paths = pages.map((p) => p.path);
@@ -11733,9 +12174,9 @@ function OhhwellsBridge() {
       );
     });
   }, [isEditMode, pathname]);
-  const runSectionsPrefetchRef = (0, import_react14.useRef)(runSectionsPrefetch);
+  const runSectionsPrefetchRef = (0, import_react15.useRef)(runSectionsPrefetch);
   runSectionsPrefetchRef.current = runSectionsPrefetch;
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!linkPopover) {
       document.documentElement.removeAttribute("data-ohw-link-popover-open");
       return;
@@ -11763,7 +12204,7 @@ function OhhwellsBridge() {
       document.documentElement.removeAttribute("data-ohw-link-popover-open");
     };
   }, [linkPopover, postToParent2]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!isEditMode) return;
     const useFixtures = shouldUseDevFixtures();
     if (useFixtures) {
@@ -11787,14 +12228,14 @@ function OhhwellsBridge() {
     if (!useFixtures) postToParent2({ type: "ow:request-site-pages" });
     return () => window.removeEventListener("message", onSitePages);
   }, [isEditMode, postToParent2]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!isEditMode || shouldUseDevFixtures()) return;
     void loadAllSectionsManifest().then((manifest) => {
       if (Object.keys(manifest).length === 0) return;
       setSectionsByPath((prev) => ({ ...manifest, ...prev }));
     });
   }, [isEditMode]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const update = () => {
       const el = activeElRef.current ?? selectedElRef.current;
       if (el) setToolbarRect(getEditMeasureEl(el).getBoundingClientRect());
@@ -11818,10 +12259,10 @@ function OhhwellsBridge() {
       vvp.removeEventListener("resize", update);
     };
   }, []);
-  const refreshStateRules = (0, import_react14.useCallback)(() => {
+  const refreshStateRules = (0, import_react15.useCallback)(() => {
     editStylesRef.current?.forceHover && (editStylesRef.current.forceHover.textContent = collectStateRules());
   }, []);
-  const processConfigRequest = (0, import_react14.useCallback)((insertAfterVal) => {
+  const processConfigRequest = (0, import_react15.useCallback)((insertAfterVal) => {
     const tracker = getSectionsTracker();
     let entries = [];
     try {
@@ -11844,7 +12285,7 @@ function OhhwellsBridge() {
     }
     window.postMessage({ type: "ow:schedule-config", insertAfter: insertAfterVal, scheduleId: null }, "*");
   }, [isEditMode]);
-  const deactivate = (0, import_react14.useCallback)(() => {
+  const deactivate = (0, import_react15.useCallback)(() => {
     const el = activeElRef.current;
     if (!el) return;
     const key = el.dataset.ohwKey;
@@ -11877,12 +12318,12 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     postToParent2({ type: "ow:exit-edit" });
   }, [postToParent2]);
-  const clearSelectedAttr = (0, import_react14.useCallback)(() => {
+  const clearSelectedAttr = (0, import_react15.useCallback)(() => {
     document.querySelectorAll("[data-ohw-selected]").forEach((el) => {
       el.removeAttribute("data-ohw-selected");
     });
   }, []);
-  const deselect = (0, import_react14.useCallback)(() => {
+  const deselect = (0, import_react15.useCallback)(() => {
     clearSelectedAttr();
     selectedElRef.current = null;
     selectedHrefKeyRef.current = null;
@@ -11901,17 +12342,19 @@ function OhhwellsBridge() {
     setHoveredNavContainerRect(null);
     hoveredItemElRef.current = null;
     setHoveredItemRect(null);
+    setFloatingPanel(null);
+    setLogoSizeDraft(null);
     if (!activeElRef.current) {
       setNavGroupForceOpen(null, false);
       setToolbarRect(null);
       setToolbarVariant("none");
     }
   }, [clearSelectedAttr]);
-  const markSelected = (0, import_react14.useCallback)((el) => {
+  const markSelected = (0, import_react15.useCallback)((el) => {
     clearSelectedAttr();
     el.setAttribute("data-ohw-selected", "");
   }, [clearSelectedAttr]);
-  const resolveHrefKeyElement = (0, import_react14.useCallback)((hrefKey) => {
+  const resolveHrefKeyElement = (0, import_react15.useCallback)((hrefKey) => {
     if (isFooterHrefKey(hrefKey)) {
       return document.querySelector(
         `footer [data-ohw-href-key="${CSS.escape(hrefKey)}"]`
@@ -11926,7 +12369,7 @@ function OhhwellsBridge() {
       `[data-ohw-href-key="${CSS.escape(hrefKey)}"]`
     );
   }, []);
-  const resyncSelectedNavigationItem = (0, import_react14.useCallback)(() => {
+  const resyncSelectedNavigationItem = (0, import_react15.useCallback)(() => {
     const hrefKey = selectedHrefKeyRef.current;
     if (hrefKey) {
       const link = resolveHrefKeyElement(hrefKey);
@@ -11964,7 +12407,7 @@ function OhhwellsBridge() {
       );
     }
   }, [resolveHrefKeyElement]);
-  const reselectNavigationItem = (0, import_react14.useCallback)((navAnchor) => {
+  const reselectNavigationItem = (0, import_react15.useCallback)((navAnchor) => {
     selectedElRef.current = navAnchor;
     selectedHrefKeyRef.current = navAnchor.getAttribute("data-ohw-href-key");
     selectedFooterColAttrRef.current = null;
@@ -11993,7 +12436,7 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     setActiveCommands(/* @__PURE__ */ new Set());
   }, [markSelected]);
-  const commitNavigationTextEdit = (0, import_react14.useCallback)((navAnchor) => {
+  const commitNavigationTextEdit = (0, import_react15.useCallback)((navAnchor) => {
     const el = activeElRef.current;
     if (!el) return;
     const key = el.dataset.ohwKey;
@@ -12020,7 +12463,7 @@ function OhhwellsBridge() {
     postToParent2({ type: "ow:exit-edit" });
     reselectNavigationItem(navAnchor);
   }, [postToParent2, reselectNavigationItem]);
-  const handleAddTopLevelNavItem = (0, import_react14.useCallback)(() => {
+  const handleAddTopLevelNavItem = (0, import_react15.useCallback)(() => {
     const items = listNavbarRootItems();
     addNavAfterAnchorRef.current = items[items.length - 1] ?? null;
     deselectRef.current();
@@ -12032,7 +12475,7 @@ function OhhwellsBridge() {
       intent: "add-nav"
     });
   }, []);
-  const maybeWarnNavLinkDropdownConflict = (0, import_react14.useCallback)(
+  const maybeWarnNavLinkDropdownConflict = (0, import_react15.useCallback)(
     (anchor) => {
       if (!isNavbarHrefKey(anchor.getAttribute("data-ohw-href-key"))) return;
       if (!navDropdownsOpenOnClick()) return;
@@ -12045,7 +12488,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const handleNavDropdownOpenChange = (0, import_react14.useCallback)((open) => {
+  const handleNavDropdownOpenChange = (0, import_react15.useCallback)((open) => {
     const selected = selectedElRef.current;
     if (!selected || !isNavigationItem2(selected)) return;
     setNavGroupForceOpen(selected, open);
@@ -12057,7 +12500,7 @@ function OhhwellsBridge() {
       }
     });
   }, []);
-  const handleFooterHeadingVisibleChange = (0, import_react14.useCallback)(
+  const handleFooterHeadingVisibleChange = (0, import_react15.useCallback)(
     (visible) => {
       const selected = selectedElRef.current;
       if (!selected || !isFooterFrameSelectionRef.current) return;
@@ -12081,7 +12524,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const enterEditOnNewItem = (0, import_react14.useCallback)((anchor) => {
+  const enterEditOnNewItem = (0, import_react15.useCallback)((anchor) => {
     const label = anchor.querySelector('[data-ohw-editable="text"]');
     if (!label) {
       selectRef.current(anchor);
@@ -12090,7 +12533,7 @@ function OhhwellsBridge() {
     setNavGroupForceOpen(anchor, true);
     activateRef.current(label);
   }, []);
-  const handleAddChildItem = (0, import_react14.useCallback)(() => {
+  const handleAddChildItem = (0, import_react15.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected) return;
     if (toolbarVariantRef.current === "select-frame" && isFooterFrameSelection) {
@@ -12166,7 +12609,7 @@ function OhhwellsBridge() {
       enterEditOnNewItem(result.anchor);
     });
   }, [enterEditOnNewItem, isFooterFrameSelection, maybeWarnNavLinkDropdownConflict, postToParent2]);
-  const handleAddFooterColumn = (0, import_react14.useCallback)(() => {
+  const handleAddFooterColumn = (0, import_react15.useCallback)(() => {
     if (!canAddFooterColumn()) {
       postToParent2({
         type: "ow:toast",
@@ -12187,7 +12630,7 @@ function OhhwellsBridge() {
       selectRef.current(result.firstLink);
     });
   }, [postToParent2]);
-  const clearFooterDragVisuals = (0, import_react14.useCallback)(() => {
+  const clearFooterDragVisuals = (0, import_react15.useCallback)(() => {
     footerDragRef.current = null;
     setSiblingHintRects([]);
     setFooterDropSlots([]);
@@ -12196,7 +12639,7 @@ function OhhwellsBridge() {
     setIsItemDragging(false);
     unlockFooterDragInteraction();
   }, []);
-  const refreshFooterDragVisuals = (0, import_react14.useCallback)((session, activeSlot, clientX, clientY) => {
+  const refreshFooterDragVisuals = (0, import_react15.useCallback)((session, activeSlot, clientX, clientY) => {
     const dragged = session.draggedEl;
     setDraggedItemRect(dragged.getBoundingClientRect());
     if (typeof clientX === "number" && typeof clientY === "number") {
@@ -12221,13 +12664,13 @@ function OhhwellsBridge() {
     const activeIdx = activeSlot ? slots.findIndex((s) => s.insertIndex === activeSlot.insertIndex) : -1;
     setActiveFooterDropIndex(activeIdx >= 0 ? activeIdx : null);
   }, []);
-  const refreshFooterDragVisualsRef = (0, import_react14.useRef)(refreshFooterDragVisuals);
+  const refreshFooterDragVisualsRef = (0, import_react15.useRef)(refreshFooterDragVisuals);
   refreshFooterDragVisualsRef.current = refreshFooterDragVisuals;
-  const commitFooterDragRef = (0, import_react14.useRef)(() => {
+  const commitFooterDragRef = (0, import_react15.useRef)(() => {
   });
-  const beginFooterDragRef = (0, import_react14.useRef)(() => {
+  const beginFooterDragRef = (0, import_react15.useRef)(() => {
   });
-  const beginFooterDrag = (0, import_react14.useCallback)(
+  const beginFooterDrag = (0, import_react15.useCallback)(
     (session) => {
       const rect = session.draggedEl.getBoundingClientRect();
       session.lastClientX = session.lastClientX || rect.left + rect.width / 2;
@@ -12247,7 +12690,7 @@ function OhhwellsBridge() {
     [refreshFooterDragVisuals]
   );
   beginFooterDragRef.current = beginFooterDrag;
-  const commitFooterDrag = (0, import_react14.useCallback)(
+  const commitFooterDrag = (0, import_react15.useCallback)(
     (clientX, clientY) => {
       const session = footerDragRef.current;
       if (!session) {
@@ -12351,7 +12794,7 @@ function OhhwellsBridge() {
     [clearFooterDragVisuals, resolveHrefKeyElement, resyncSelectedNavigationItem]
   );
   commitFooterDragRef.current = commitFooterDrag;
-  const startFooterLinkDrag = (0, import_react14.useCallback)(
+  const startFooterLinkDrag = (0, import_react15.useCallback)(
     (anchor, clientX, clientY, wasSelected) => {
       const hrefKey = anchor.getAttribute("data-ohw-href-key");
       if (!hrefKey || !isFooterHrefKey(hrefKey)) return false;
@@ -12372,7 +12815,7 @@ function OhhwellsBridge() {
     },
     [beginFooterDrag]
   );
-  const startFooterColumnDrag = (0, import_react14.useCallback)(
+  const startFooterColumnDrag = (0, import_react15.useCallback)(
     (columnEl, clientX, clientY, wasSelected) => {
       const columns = listFooterColumns();
       const idx = columns.indexOf(columnEl);
@@ -12392,7 +12835,7 @@ function OhhwellsBridge() {
     },
     [beginFooterDrag]
   );
-  const handleItemDragStart = (0, import_react14.useCallback)(
+  const handleItemDragStart = (0, import_react15.useCallback)(
     (e) => {
       const selected = selectedElRef.current;
       if (!selected) {
@@ -12412,7 +12855,7 @@ function OhhwellsBridge() {
     },
     [startFooterColumnDrag, startFooterLinkDrag, startNavLinkDrag]
   );
-  const handleItemDragEnd = (0, import_react14.useCallback)(
+  const handleItemDragEnd = (0, import_react15.useCallback)(
     (e) => {
       if (footerDragRef.current) {
         const x = e?.clientX;
@@ -12438,7 +12881,7 @@ function OhhwellsBridge() {
     },
     [commitFooterDrag, commitNavDrag, navDragRef]
   );
-  const handleItemChromePointerDown = (0, import_react14.useCallback)((e) => {
+  const handleItemChromePointerDown = (0, import_react15.useCallback)((e) => {
     if (e.button !== 0) return;
     const selected = selectedElRef.current;
     if (!selected) return;
@@ -12469,7 +12912,7 @@ function OhhwellsBridge() {
     }
     if (armNavPressFromChrome(selected, e.clientX, e.clientY, e.pointerId)) return;
   }, [armNavPressFromChrome]);
-  const handleItemChromeClick = (0, import_react14.useCallback)((clientX, clientY) => {
+  const handleItemChromeClick = (0, import_react15.useCallback)((clientX, clientY) => {
     if (suppressNextClickRef.current || Date.now() < suppressClickUntilRef.current) {
       suppressNextClickRef.current = false;
       return;
@@ -12482,7 +12925,7 @@ function OhhwellsBridge() {
   }, []);
   reselectNavigationItemRef.current = reselectNavigationItem;
   commitNavigationTextEditRef.current = commitNavigationTextEdit;
-  const select = (0, import_react14.useCallback)((anchor) => {
+  const select = (0, import_react15.useCallback)((anchor) => {
     if (!isNavigationItem2(anchor)) return;
     if (activeElRef.current) deactivate();
     aiSectionApiRef.current?.selectFromElement(anchor);
@@ -12520,8 +12963,10 @@ function OhhwellsBridge() {
     setToolbarRect(anchor.getBoundingClientRect());
     setToolbarShowEditLink(false);
     setActiveCommands(/* @__PURE__ */ new Set());
+    setFloatingPanel(null);
+    setLogoSizeDraft(null);
   }, [deactivate, markSelected]);
-  const selectFrame = (0, import_react14.useCallback)((el) => {
+  const selectFrame = (0, import_react15.useCallback)((el) => {
     if (!isNavigationContainer(el)) return;
     if (activeElRef.current) deactivate();
     aiSectionApiRef.current?.selectFromElement(el);
@@ -12567,8 +13012,86 @@ function OhhwellsBridge() {
     setToolbarRect(el.getBoundingClientRect());
     setToolbarShowEditLink(false);
     setActiveCommands(/* @__PURE__ */ new Set());
+    setFloatingPanel(null);
+    setLogoSizeDraft(null);
   }, [deactivate, markSelected, postToParent2]);
-  const activate = (0, import_react14.useCallback)((el, options) => {
+  const selectLogo = (0, import_react15.useCallback)(
+    (logoEl) => {
+      if (activeElRef.current) deactivate();
+      selectedElRef.current = logoEl;
+      selectedHrefKeyRef.current = null;
+      selectedFooterColAttrRef.current = null;
+      markSelected(logoEl);
+      setSelectedIsCta(false);
+      clearHrefKeyHover(logoEl);
+      hoveredNavContainerRef.current = null;
+      setHoveredNavContainerRect(null);
+      setHoveredItemRect(null);
+      hoveredItemElRef.current = null;
+      siblingHintElRef.current = null;
+      setSiblingHintRect(null);
+      setSiblingHintRects([]);
+      setIsItemDragging(false);
+      setReorderHrefKey(null);
+      setReorderDragDisabled(false);
+      setIsFooterFrameSelection(false);
+      setToolbarVariant("logo");
+      setToolbarRect(logoEl.getBoundingClientRect());
+      setToolbarShowEditLink(false);
+      setActiveCommands(/* @__PURE__ */ new Set());
+    },
+    [deactivate, markSelected]
+  );
+  const openLogoSizePanel = (0, import_react15.useCallback)((logoEl) => {
+    const placement = getLogoPlacement(logoEl);
+    const draft = readLogoSizeState(editContentRef.current, placement);
+    setLogoSizeDraft(draft);
+    setParentScrollSnap(parentScrollRef.current);
+    setFloatingPanel({
+      key: `logo-size:${placement}`,
+      title: "Logo",
+      context: placement === "navbar" ? "Navbar" : "Footer",
+      kind: "logo-size",
+      placement
+    });
+  }, []);
+  const closeFloatingPanelOnly = (0, import_react15.useCallback)(() => {
+    setFloatingPanel(null);
+    setLogoSizeDraft(null);
+  }, []);
+  const closeFloatingPanelAndDeselect = (0, import_react15.useCallback)(() => {
+    setFloatingPanel(null);
+    setLogoSizeDraft(null);
+    deselectRef.current();
+  }, []);
+  const persistLogoSizeDraft = (0, import_react15.useCallback)(
+    (placement, draft) => {
+      const desktopKey = LOGO_SIZE_DESKTOP_KEYS[placement];
+      const mobileKey = LOGO_SIZE_MOBILE_KEYS[placement];
+      const nodes = [
+        { key: desktopKey, text: String(draft.desktopPx) }
+      ];
+      if (draft.mobileFollowing) {
+        nodes.push({ key: mobileKey, text: "" });
+      } else {
+        nodes.push({ key: mobileKey, text: String(draft.mobilePx) });
+      }
+      editContentRef.current = {
+        ...editContentRef.current,
+        [desktopKey]: String(draft.desktopPx),
+        [mobileKey]: draft.mobileFollowing ? "" : String(draft.mobilePx)
+      };
+      applyLogoSizeToPlacement(
+        placement,
+        draft.desktopPx,
+        draft.mobileFollowing ? draft.desktopPx : draft.mobilePx,
+        draft.mobileFollowing
+      );
+      postToParent2({ type: "ow:change", nodes });
+    },
+    [postToParent2]
+  );
+  const activate = (0, import_react15.useCallback)((el, options) => {
     if (activeElRef.current === el) return;
     clearSelectedAttr();
     selectedElRef.current = null;
@@ -12644,9 +13167,12 @@ function OhhwellsBridge() {
   deactivateRef.current = deactivate;
   selectRef.current = select;
   selectFrameRef.current = selectFrame;
+  selectLogoRef.current = selectLogo;
+  openLogoSizePanelRef.current = openLogoSizePanel;
   deselectRef.current = deselect;
-  const lastSiteWideScopeRef = (0, import_react14.useRef)(null);
-  (0, import_react14.useEffect)(() => {
+  closeFloatingPanelOnlyRef.current = closeFloatingPanelOnly;
+  const lastSiteWideScopeRef = (0, import_react15.useRef)(null);
+  (0, import_react15.useEffect)(() => {
     if (!isEditMode) {
       if (lastSiteWideScopeRef.current !== false) {
         lastSiteWideScopeRef.current = false;
@@ -12672,7 +13198,7 @@ function OhhwellsBridge() {
     isFooterFrameSelection,
     postToParent2
   ]);
-  (0, import_react14.useLayoutEffect)(() => {
+  (0, import_react15.useLayoutEffect)(() => {
     if (!subdomain || isEditMode) {
       setFetchState("done");
       return;
@@ -12681,6 +13207,8 @@ function OhhwellsBridge() {
       const imageLoads = [];
       for (const [key, val] of Object.entries(content)) {
         if (key === "__ohw_sections") continue;
+        if (key === LOGO_PLACEHOLDER_KEY) continue;
+        if (LOGO_IMAGE_KEYS.includes(key)) continue;
         if (applyVideoSettingNode(key, val)) continue;
         if (applyCarouselNode(key, val)) continue;
         document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -12713,6 +13241,8 @@ function OhhwellsBridge() {
         });
         applyLinkByKey(key, val);
       }
+      applyLogoFromContent(content);
+      applyLogoSizes(content);
       reconcileNavbarItemsFromContent(content);
       reconcileFooterOrderFromContent(content);
       enforceLinkHrefs();
@@ -12743,7 +13273,7 @@ function OhhwellsBridge() {
       cancelled = true;
     };
   }, [subdomain, isEditMode]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!subdomain || isEditMode) return;
     let debounceTimer = null;
     let observer = null;
@@ -12755,6 +13285,8 @@ function OhhwellsBridge() {
       try {
         for (const [key, val] of Object.entries(content)) {
           if (key === "__ohw_sections") continue;
+          if (key === LOGO_PLACEHOLDER_KEY) continue;
+          if (LOGO_IMAGE_KEYS.includes(key)) continue;
           if (applyVideoSettingNode(key, val)) continue;
           if (applyCarouselNode(key, val)) continue;
           document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -12775,6 +13307,7 @@ function OhhwellsBridge() {
           });
           applyLinkByKey(key, val);
         }
+        applyLogoFromContent(content);
         reconcileNavbarItemsFromContent(content);
         reconcileFooterOrderFromContent(content);
       } finally {
@@ -12794,16 +13327,16 @@ function OhhwellsBridge() {
       if (debounceTimer) clearTimeout(debounceTimer);
     };
   }, [subdomain, isEditMode, pathname]);
-  (0, import_react14.useLayoutEffect)(() => {
+  (0, import_react15.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_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     postToParent2({ type: "ow:navigation", path: pathname });
   }, [pathname, postToParent2]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!isEditMode) return;
     if (linkPopoverSessionRef.current?.intent === "add-nav") return;
     if (document.querySelector("[data-ohw-section-picker]")) return;
@@ -12811,7 +13344,7 @@ function OhhwellsBridge() {
     deselectRef.current();
     deactivateRef.current();
   }, [pathname, isEditMode]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const contentForNav = () => {
       if (isEditMode) return editContentRef.current;
       if (!subdomain) return {};
@@ -12876,7 +13409,7 @@ function OhhwellsBridge() {
       observer?.disconnect();
     };
   }, [isEditMode, pathname, subdomain, fetchState, resyncSelectedNavigationItem]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!isEditMode) return;
     const measure = () => {
       const h = document.body.scrollHeight;
@@ -12900,7 +13433,7 @@ function OhhwellsBridge() {
       window.removeEventListener("resize", handleResize);
     };
   }, [pathname, isEditMode, postToParent2]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!subdomainFromQuery || isEditMode) return;
     const handleClick = (e) => {
       const anchor = e.target.closest("a");
@@ -12916,7 +13449,7 @@ function OhhwellsBridge() {
     document.addEventListener("click", handleClick, true);
     return () => document.removeEventListener("click", handleClick, true);
   }, [subdomainFromQuery, isEditMode, router]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!isEditMode) {
       editStylesRef.current?.base.remove();
       editStylesRef.current?.forceHover.remove();
@@ -13045,6 +13578,7 @@ function OhhwellsBridge() {
       if (target.closest("[data-ohw-state-toggle]")) return;
       if (target.closest("[data-ohw-max-badge]")) return;
       if (isInsideLinkEditor(target)) return;
+      if (isInsideFloatingPanel(target)) return;
       if (target.closest('[data-ohw-edit-chrome], [data-ohw-item-interaction], [data-ohw-drag-handle-container], [data-slot="drag-handle"]')) {
         const beneath = document.elementsFromPoint(e.clientX, e.clientY).find(
           (el) => el instanceof HTMLElement && !el.closest("[data-ohw-bridge-root]") && el.closest("[data-ohw-section]") != null
@@ -13112,10 +13646,15 @@ function OhhwellsBridge() {
       if (logoEl) {
         e.preventDefault();
         e.stopPropagation();
-        deselectRef.current();
-        deactivateRef.current();
-        const identity = readLogoIdentityFromDom();
-        postToParentRef.current({ type: "ow:open-logo-settings", ...identity });
+        if (!logoHasUploadedImage(logoEl)) {
+          deselectRef.current();
+          deactivateRef.current();
+          const identity = readLogoIdentityFromDom();
+          postToParentRef.current({ type: "ow:open-logo-settings", ...identity });
+          return;
+        }
+        selectLogoRef.current(logoEl);
+        openLogoSizePanelRef.current(logoEl);
         return;
       }
       const editable = target.closest("[data-ohw-editable]");
@@ -13250,6 +13789,7 @@ function OhhwellsBridge() {
       if (target.closest("[data-ohw-state-toggle]")) return;
       if (target.closest("[data-ohw-max-badge]")) return;
       if (isInsideLinkEditor(target)) return;
+      if (isInsideFloatingPanel(target)) return;
       if (target.closest('[data-ohw-edit-chrome], [data-ohw-item-interaction], [data-ohw-drag-handle-container], [data-slot="drag-handle"]')) {
         return;
       }
@@ -14193,28 +14733,8 @@ function OhhwellsBridge() {
         });
         applyLinkByKey(key, val);
       }
-      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 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);
-        }
-      }
+      applyLogoFromContent(content);
+      applyLogoSizes(content);
       if (sectionsJson) {
         initSectionsFromContent({ __ohw_sections: sectionsJson }, true);
         sectionsLoadedRef.current = true;
@@ -14276,6 +14796,7 @@ function OhhwellsBridge() {
         ...editContentRef.current,
         ...Object.fromEntries(nodes.map(({ key, text }) => [key, text]))
       };
+      applyLogoSizes(editContentRef.current);
       postToParentRef.current({ type: "ow:change", nodes });
     };
     window.addEventListener("message", handleHydrate);
@@ -14287,6 +14808,12 @@ function OhhwellsBridge() {
         closeLinkPopoverRef.current();
         return;
       }
+      if (floatingPanelOpenRef.current) {
+        setFloatingPanelRef.current(null);
+        deselectRef.current();
+        deactivateRef.current();
+        return;
+      }
       deselectRef.current();
       deactivateRef.current();
     };
@@ -14306,6 +14833,10 @@ function OhhwellsBridge() {
         closeLinkPopoverRef.current();
         return;
       }
+      if (floatingPanelOpenRef.current) {
+        closeFloatingPanelOnlyRef.current();
+        return;
+      }
       if (activeElRef.current) {
         const hrefCtx = getHrefKeyFromElement(activeElRef.current);
         const navAnchor = hrefCtx ? getNavigationItemAnchor(hrefCtx.anchor) : null;
@@ -14336,6 +14867,10 @@ function OhhwellsBridge() {
         return;
       }
       if (selectedElRef.current) {
+        if (toolbarVariantRef.current === "logo") {
+          deselectRef.current();
+          return;
+        }
         if (toolbarVariantRef.current === "select-frame") {
           const parent2 = getNavigationSelectionParent(selectedElRef.current);
           if (parent2 && isNavigationContainer(parent2) && isFooterLinksContainer(parent2) && !isFooterLinksContainer(selectedElRef.current)) {
@@ -14369,7 +14904,16 @@ function OhhwellsBridge() {
         closeLinkPopoverRef.current();
         return;
       }
+      if (e.key === "Escape" && floatingPanelOpenRef.current) {
+        e.preventDefault();
+        closeFloatingPanelOnlyRef.current();
+        return;
+      }
       if (e.key === "Escape" && selectedElRef.current && !activeElRef.current) {
+        if (toolbarVariantRef.current === "logo") {
+          deselectRef.current();
+          return;
+        }
         if (toolbarVariantRef.current === "select-frame") {
           const parent2 = getNavigationSelectionParent(selectedElRef.current);
           if (parent2 && isNavigationContainer(parent2) && isFooterLinksContainer(parent2) && !isFooterLinksContainer(selectedElRef.current)) {
@@ -14702,6 +15246,9 @@ function OhhwellsBridge() {
       if (e.data?.type !== "ow:parent-scroll") return;
       const { iframeOffsetTop, headerH, canvasH } = e.data;
       parentScrollRef.current = { iframeOffsetTop, headerH, canvasH };
+      if (floatingPanelOpenRef.current) {
+        setParentScrollSnap({ iframeOffsetTop, headerH, canvasH });
+      }
       if (visibleViewportRef.current) {
         applyVisibleViewport(visibleViewportRef.current, parentScrollRef.current);
       }
@@ -14741,10 +15288,15 @@ function OhhwellsBridge() {
         return clientX >= r2.left && clientX <= r2.right && clientY >= r2.top && clientY <= r2.bottom;
       });
       if (logoAtPoint) {
-        deselectRef.current();
-        deactivateRef.current();
-        const identity = readLogoIdentityFromDom();
-        postToParentRef.current({ type: "ow:open-logo-settings", ...identity });
+        if (!logoHasUploadedImage(logoAtPoint)) {
+          deselectRef.current();
+          deactivateRef.current();
+          const identity = readLogoIdentityFromDom();
+          postToParentRef.current({ type: "ow:open-logo-settings", ...identity });
+          return;
+        }
+        selectLogoRef.current(logoAtPoint);
+        openLogoSizePanelRef.current(logoAtPoint);
         return;
       }
       const textEditable = Array.from(
@@ -14816,6 +15368,13 @@ function OhhwellsBridge() {
     window.addEventListener("message", handlePointerSync);
     window.addEventListener("message", handleClickAt);
     window.addEventListener("message", handleUpdateLogoIdentity);
+    const handleViewMode = (e) => {
+      if (e.data?.type !== "ow:view-mode") return;
+      const mode = e.data.mode === "Mobile" || e.data.mode === "mobile" ? "mobile" : "desktop";
+      setEditorViewport(mode);
+      applyLogoSizes(editContentRef.current);
+    };
+    window.addEventListener("message", handleViewMode);
     const handleViewportResize = () => {
       if (visibleViewportRef.current) {
         applyVisibleViewport(visibleViewportRef.current, parentScrollRef.current);
@@ -14869,6 +15428,7 @@ function OhhwellsBridge() {
       window.removeEventListener("message", handlePointerSync);
       window.removeEventListener("message", handleClickAt);
       window.removeEventListener("message", handleUpdateLogoIdentity);
+      window.removeEventListener("message", handleViewMode);
       window.removeEventListener("message", handleHydrate);
       window.removeEventListener("message", handleDeactivate);
       window.removeEventListener("message", handleToastAction);
@@ -14879,7 +15439,7 @@ function OhhwellsBridge() {
       if (imageShowTimerRef.current) clearTimeout(imageShowTimerRef.current);
     };
   }, [isEditMode, refreshStateRules]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!isEditMode) return;
     const THRESHOLD = 10;
     const resolveWasSelected = (el) => {
@@ -15033,7 +15593,7 @@ function OhhwellsBridge() {
       unlockFooterDragInteraction();
     };
   }, [isEditMode]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const handler = (e) => {
       if (e.data?.type !== "ow:request-schedule-config") return;
       const insertAfterVal = e.data.insertAfter;
@@ -15049,7 +15609,7 @@ function OhhwellsBridge() {
     window.addEventListener("message", handler);
     return () => window.removeEventListener("message", handler);
   }, [processConfigRequest]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!isEditMode) return;
     document.querySelectorAll("[data-ohw-active-state]").forEach((el) => {
       el.removeAttribute("data-ohw-active-state");
@@ -15085,13 +15645,13 @@ function OhhwellsBridge() {
       clearTimeout(timer);
     };
   }, [pathname, isEditMode, refreshStateRules, postToParent2]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     scrollToHashSectionWhenReady();
     const onHashChange = () => scrollToHashSectionWhenReady();
     window.addEventListener("hashchange", onHashChange);
     return () => window.removeEventListener("hashchange", onHashChange);
   }, [pathname]);
-  const handleCommand = (0, import_react14.useCallback)((cmd) => {
+  const handleCommand = (0, import_react15.useCallback)((cmd) => {
     const el = activeElRef.current;
     const selBefore = window.getSelection();
     let savedOffsets = null;
@@ -15127,7 +15687,7 @@ function OhhwellsBridge() {
     if (el) setToolbarRect(getEditMeasureEl(el).getBoundingClientRect());
     refreshActiveCommandsRef.current();
   }, []);
-  const handleStateChange = (0, import_react14.useCallback)((state) => {
+  const handleStateChange = (0, import_react15.useCallback)((state) => {
     if (!activeStateElRef.current) return;
     const el = activeStateElRef.current;
     if (state === "Default") {
@@ -15140,7 +15700,7 @@ function OhhwellsBridge() {
     }
     setToggleState((prev) => prev ? { ...prev, activeState: state } : null);
   }, [deactivate]);
-  const reselectAfterLinkPopover = (0, import_react14.useCallback)(
+  const reselectAfterLinkPopover = (0, import_react15.useCallback)(
     (hrefKey) => {
       requestAnimationFrame(() => {
         const el = resolveHrefKeyElement(hrefKey);
@@ -15149,7 +15709,7 @@ function OhhwellsBridge() {
     },
     [resolveHrefKeyElement]
   );
-  const closeLinkPopover = (0, import_react14.useCallback)(() => {
+  const closeLinkPopover = (0, import_react15.useCallback)(() => {
     const session = linkPopoverSessionRef.current;
     addNavAfterAnchorRef.current = null;
     setLinkPopover(null);
@@ -15157,9 +15717,9 @@ function OhhwellsBridge() {
       reselectAfterLinkPopover(session.key);
     }
   }, [reselectAfterLinkPopover]);
-  const closeLinkPopoverRef = (0, import_react14.useRef)(closeLinkPopover);
+  const closeLinkPopoverRef = (0, import_react15.useRef)(closeLinkPopover);
   closeLinkPopoverRef.current = closeLinkPopover;
-  const openLinkPopoverForActive = (0, import_react14.useCallback)(() => {
+  const openLinkPopoverForActive = (0, import_react15.useCallback)(() => {
     const hrefCtx = getHrefKeyFromElement(activeElRef.current);
     if (!hrefCtx) return;
     bumpLinkPopoverGrace();
@@ -15170,7 +15730,7 @@ function OhhwellsBridge() {
     });
     deactivate();
   }, [deactivate]);
-  const openLinkPopoverForSelected = (0, import_react14.useCallback)(() => {
+  const openLinkPopoverForSelected = (0, import_react15.useCallback)(() => {
     const anchor = selectedElRef.current;
     if (!anchor) return;
     const key = anchor.getAttribute("data-ohw-href-key");
@@ -15183,7 +15743,7 @@ function OhhwellsBridge() {
     });
     deselect();
   }, [deselect]);
-  const handleSelectParent = (0, import_react14.useCallback)(() => {
+  const handleSelectParent = (0, import_react15.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected) return;
     if (toolbarVariantRef.current === "select-frame") {
@@ -15210,7 +15770,7 @@ function OhhwellsBridge() {
     }
     deselectRef.current();
   }, []);
-  const handleDuplicateSelected = (0, import_react14.useCallback)(() => {
+  const handleDuplicateSelected = (0, import_react15.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected || !isNavigationItem2(selected)) return;
     const hrefKey = selected.getAttribute("data-ohw-href-key");
@@ -15300,7 +15860,7 @@ function OhhwellsBridge() {
       });
     }
   }, [postToParent2]);
-  const runPendingDeleteUndo = (0, import_react14.useCallback)(() => {
+  const runPendingDeleteUndo = (0, import_react15.useCallback)(() => {
     const pending = pendingDeleteUndoRef.current;
     if (!pending) return false;
     pendingDeleteUndoRef.current = null;
@@ -15308,7 +15868,7 @@ function OhhwellsBridge() {
     enforceLinkHrefs();
     return true;
   }, []);
-  const handleDeleteSelected = (0, import_react14.useCallback)(() => {
+  const handleDeleteSelected = (0, import_react15.useCallback)(() => {
     const selected = selectedElRef.current;
     if (!selected) return false;
     return deleteSelectedNavFooterItem({
@@ -15329,7 +15889,7 @@ function OhhwellsBridge() {
   }, [postToParent2]);
   handleDeleteSelectedRef.current = handleDeleteSelected;
   runPendingDeleteUndoRef.current = runPendingDeleteUndo;
-  const handleLinkPopoverSubmit = (0, import_react14.useCallback)(
+  const handleLinkPopoverSubmit = (0, import_react15.useCallback)(
     (target) => {
       const session = linkPopoverSessionRef.current;
       if (!session) return;
@@ -15395,19 +15955,19 @@ function OhhwellsBridge() {
   const showEditLink = toolbarShowEditLink;
   const currentSections = sectionsByPath[pathname] ?? [];
   linkPopoverOpenRef.current = linkPopover !== null;
-  const handleMediaReplace = (0, import_react14.useCallback)(
+  const handleMediaReplace = (0, import_react15.useCallback)(
     (key) => {
       postToParent2({ type: "ow:image-pick", key, elementType: mediaHover?.elementType ?? "image" });
     },
     [postToParent2, mediaHover?.elementType]
   );
-  const handleEditCarousel = (0, import_react14.useCallback)(
+  const handleEditCarousel = (0, import_react15.useCallback)(
     (key) => {
       postToParent2({ type: "ow:carousel-open", key, images: readCarouselValue(key) });
     },
     [postToParent2]
   );
-  const handleMediaFadeOutComplete = (0, import_react14.useCallback)((key) => {
+  const handleMediaFadeOutComplete = (0, import_react15.useCallback)((key) => {
     setUploadingRects((prev) => {
       if (!(key in prev)) return prev;
       const next = { ...prev };
@@ -15415,7 +15975,7 @@ function OhhwellsBridge() {
       return next;
     });
   }, []);
-  const handleVideoSettingsChange = (0, import_react14.useCallback)(
+  const handleVideoSettingsChange = (0, import_react15.useCallback)(
     (key, settings) => {
       document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
         const video = getVideoEl2(el);
@@ -15438,10 +15998,10 @@ function OhhwellsBridge() {
     [postToParent2]
   );
   return bridgeRoot ? (0, import_react_dom3.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { ref: attachVisibleViewport, "data-ohw-visible-viewport": "", "aria-hidden": true }),
-      isEditMode && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AiSectionOverlay, { postToParent: postToParent2, apiRef: aiSectionApiRef }),
-      Object.entries(uploadingRects).map(([key, { rect, fadingOut }]) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { ref: attachVisibleViewport, "data-ohw-visible-viewport": "", "aria-hidden": true }),
+      isEditMode && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(AiSectionOverlay, { postToParent: postToParent2, apiRef: aiSectionApiRef }),
+      Object.entries(uploadingRects).map(([key, { rect, fadingOut }]) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         MediaOverlay,
         {
           hover: { key, rect, elementType: "image", isDragOver: false, hasTextOverlap: false },
@@ -15452,7 +16012,7 @@ function OhhwellsBridge() {
         },
         `uploading-${key}`
       )),
-      mediaHover && !(mediaHover.key in uploadingRects) && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      mediaHover && !(mediaHover.key in uploadingRects) && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         MediaOverlay,
         {
           hover: mediaHover,
@@ -15461,11 +16021,11 @@ function OhhwellsBridge() {
           onVideoSettingsChange: handleVideoSettingsChange
         }
       ),
-      carouselHover && !linkPopover && !isItemDragging && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CarouselOverlay, { hover: carouselHover, onEdit: handleEditCarousel }),
-      siblingHintRect && !linkPopover && !isItemDragging && siblingHintRects.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ItemInteractionLayer, { rect: siblingHintRect, state: "sibling-hint" }),
-      siblingHintRects.length > 0 && !linkPopover && !isItemDragging && siblingHintRects.map((rect, i) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ItemInteractionLayer, { rect, state: "sibling-hint" }, `sibling-hint-${i}`)),
-      isItemDragging && draggedItemRect && selectedElRef.current !== footerDragRef.current?.draggedEl && selectedElRef.current !== navDragRef.current?.draggedEl && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ItemInteractionLayer, { rect: draggedItemRect, state: "dragging" }),
-      isItemDragging && footerDropSlots.map((slot, i) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      carouselHover && !linkPopover && !isItemDragging && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CarouselOverlay, { hover: carouselHover, onEdit: handleEditCarousel }),
+      siblingHintRect && !linkPopover && !isItemDragging && siblingHintRects.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ItemInteractionLayer, { rect: siblingHintRect, state: "sibling-hint" }),
+      siblingHintRects.length > 0 && !linkPopover && !isItemDragging && siblingHintRects.map((rect, i) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ItemInteractionLayer, { rect, state: "sibling-hint" }, `sibling-hint-${i}`)),
+      isItemDragging && draggedItemRect && selectedElRef.current !== footerDragRef.current?.draggedEl && selectedElRef.current !== navDragRef.current?.draggedEl && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ItemInteractionLayer, { rect: draggedItemRect, state: "dragging" }),
+      isItemDragging && footerDropSlots.map((slot, i) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "div",
         {
           className: "pointer-events-none fixed z-2147483646",
@@ -15475,7 +16035,7 @@ function OhhwellsBridge() {
             width: slot.width,
             height: slot.height
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             DropIndicator,
             {
               direction: slot.direction,
@@ -15486,7 +16046,7 @@ function OhhwellsBridge() {
         },
         `footer-drop-${slot.direction}-${slot.columnIndex}-${slot.insertIndex}-${i}`
       )),
-      isItemDragging && navDropSlots.map((slot, i) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      isItemDragging && navDropSlots.map((slot, i) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "div",
         {
           className: "pointer-events-none fixed z-2147483646",
@@ -15496,7 +16056,7 @@ function OhhwellsBridge() {
             width: slot.width,
             height: slot.height
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             DropIndicator,
             {
               direction: slot.direction,
@@ -15507,10 +16067,10 @@ function OhhwellsBridge() {
         },
         `nav-drop-${slot.direction}-${slot.parentId ?? "root"}-${slot.insertIndex}-${i}`
       )),
-      hoveredNavContainerRect && (toolbarVariant !== "select-frame" || isFooterFrameSelection) && !linkPopover && !isItemDragging && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ItemInteractionLayer, { rect: hoveredNavContainerRect, state: "hover" }),
-      hoveredItemRect && !linkPopover && !hoveredNavContainerRect && !isItemDragging && hoveredItemElRef.current !== selectedElRef.current && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ItemInteractionLayer, { rect: hoveredItemRect, state: "hover" }),
-      toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isNavbarLinksContainer2(selectedElRef.current) && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(NavbarContainerChrome, { rect: toolbarRect, onAdd: handleAddTopLevelNavItem }),
-      toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isFooterLinksContainer(selectedElRef.current) && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      hoveredNavContainerRect && (toolbarVariant !== "select-frame" || isFooterFrameSelection) && !linkPopover && !isItemDragging && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ItemInteractionLayer, { rect: hoveredNavContainerRect, state: "hover" }),
+      hoveredItemRect && !linkPopover && !hoveredNavContainerRect && !isItemDragging && hoveredItemElRef.current !== selectedElRef.current && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ItemInteractionLayer, { rect: hoveredItemRect, state: "hover" }),
+      toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isNavbarLinksContainer2(selectedElRef.current) && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(NavbarContainerChrome, { rect: toolbarRect, onAdd: handleAddTopLevelNavItem }),
+      toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isFooterLinksContainer(selectedElRef.current) && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         FooterContainerChrome,
         {
           rect: toolbarRect,
@@ -15518,7 +16078,7 @@ function OhhwellsBridge() {
           addDisabled: !canAddFooterColumn()
         }
       ),
-      toolbarRect && !linkPopover && (toolbarVariant === "link-action" || toolbarVariant === "select-frame") && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      toolbarRect && !linkPopover && (toolbarVariant === "link-action" || toolbarVariant === "select-frame" || toolbarVariant === "logo") && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         ItemInteractionLayer,
         {
           rect: isItemDragging && draggedItemRect && (footerDragRef.current?.wasSelected || navDragRef.current?.wasSelected) ? draggedItemRect : toolbarRect,
@@ -15530,10 +16090,10 @@ function OhhwellsBridge() {
           dragHandleLabel: reorderHrefKey ? `Reorder ${reorderHrefKey}` : "Reorder item",
           onDragHandleDragStart: handleItemDragStart,
           onDragHandleDragEnd: handleItemDragEnd,
-          onItemPointerDown: handleItemChromePointerDown,
-          onItemClick: handleItemChromeClick,
-          itemDragSurface: !isFooterFrameSelection,
-          toolbar: toolbarVariant === "link-action" && !isItemDragging || toolbarVariant === "select-frame" && isFooterFrameSelection && !isItemDragging ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          onItemPointerDown: toolbarVariant === "logo" ? void 0 : handleItemChromePointerDown,
+          onItemClick: toolbarVariant === "logo" ? void 0 : handleItemChromeClick,
+          itemDragSurface: toolbarVariant !== "logo" && !isFooterFrameSelection,
+          toolbar: toolbarVariant === "link-action" && !isItemDragging || toolbarVariant === "select-frame" && isFooterFrameSelection && !isItemDragging ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             ItemActionToolbar,
             {
               onEditLink: openLinkPopoverForSelected,
@@ -15558,8 +16118,8 @@ function OhhwellsBridge() {
           ) : void 0
         }
       ),
-      toolbarRect && toolbarVariant === "rich-text" && !linkPopover && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      toolbarRect && toolbarVariant === "rich-text" && !linkPopover && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           EditGlowChrome,
           {
             rect: toolbarRect,
@@ -15569,7 +16129,7 @@ function OhhwellsBridge() {
             hideHandle: isItemDragging
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           FloatingToolbar,
           {
             rect: toolbarRect,
@@ -15582,7 +16142,7 @@ function OhhwellsBridge() {
           }
         )
       ] }),
-      maxBadge && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+      maxBadge && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
         "div",
         {
           "data-ohw-max-badge": "",
@@ -15608,7 +16168,7 @@ function OhhwellsBridge() {
           ]
         }
       ),
-      toggleState && !linkPopover && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      toggleState && !linkPopover && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         StateToggle,
         {
           rect: toggleState.rect,
@@ -15617,15 +16177,15 @@ function OhhwellsBridge() {
           onStateChange: handleStateChange
         }
       ),
-      sectionGap && !linkPopover && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+      sectionGap && !linkPopover && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
         "div",
         {
           "data-ohw-section-insert-line": "",
           className: "fixed left-0 w-full z-2147483646 flex items-center pointer-events-none",
           style: { top: sectionGap.y, transform: "translateY(-50%)" },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex-1 bg-primary", style: { height: 3 } }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex-1 bg-primary", style: { height: 3 } }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               Badge,
               {
                 className: "px-8 py-1 bg-primary hover:bg-primary text-primary-foreground text-xs font-medium shrink-0 rounded-full cursor-pointer pointer-events-auto",
@@ -15642,11 +16202,11 @@ function OhhwellsBridge() {
                 children: "Add Section"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex-1 bg-primary", style: { height: 3 } })
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex-1 bg-primary", style: { height: 3 } })
           ]
         }
       ),
-      linkPopover && dialogPortalContainer ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      linkPopover && dialogPortalContainer ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         LinkPopover,
         {
           panelRef: linkPopoverPanelRef,
@@ -15662,6 +16222,57 @@ function OhhwellsBridge() {
           onSubmit: handleLinkPopoverSubmit
         },
         linkPopover.key
+      ) : null,
+      floatingPanel && floatingPanel.kind === "logo-size" && logoSizeDraft ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        FloatingPanel,
+        {
+          open: true,
+          title: floatingPanel.title,
+          context: floatingPanel.context,
+          position: floatingPanelPos,
+          onPositionChange: setFloatingPanelPos,
+          parentScroll: parentScrollSnap ?? parentScrollRef.current,
+          onClose: closeFloatingPanelAndDeselect,
+          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            LogoSizePanel,
+            {
+              viewport: editorViewport,
+              sizePx: editorViewport === "mobile" && !logoSizeDraft.mobileFollowing ? logoSizeDraft.mobilePx : logoSizeDraft.desktopPx,
+              mobileFollowing: logoSizeDraft.mobileFollowing,
+              onSizeChange: (px) => {
+                const next = editorViewport === "mobile" ? { ...logoSizeDraft, mobilePx: px, mobileFollowing: false } : {
+                  ...logoSizeDraft,
+                  desktopPx: px,
+                  mobilePx: logoSizeDraft.mobileFollowing ? px : logoSizeDraft.mobilePx
+                };
+                setLogoSizeDraft(next);
+                persistLogoSizeDraft(floatingPanel.placement, next);
+              },
+              onCustomizeMobile: () => {
+                const next = {
+                  ...logoSizeDraft,
+                  mobileFollowing: false,
+                  mobilePx: logoSizeDraft.desktopPx
+                };
+                setLogoSizeDraft(next);
+                persistLogoSizeDraft(floatingPanel.placement, next);
+              },
+              onResetMobile: () => {
+                const next = {
+                  ...logoSizeDraft,
+                  mobileFollowing: true,
+                  mobilePx: logoSizeDraft.desktopPx
+                };
+                setLogoSizeDraft(next);
+                persistLogoSizeDraft(floatingPanel.placement, next);
+              },
+              onUpdateEverywhere: () => {
+                const identity = readLogoIdentityFromDom();
+                postToParent2({ type: "ow:open-logo-settings", ...identity });
+              }
+            }
+          )
+        }
       ) : null
     ] }),
     bridgeRoot