@ohhwells/bridge 0.1.67-next.193 → 0.1.67-next.195

package/dist/index.cjs

@@ -7181,6 +7181,7 @@ function applyFieldType(wrapper, type) {
     if (inputType) input.type = inputType;
     shedSize(input);
     applyDefaults(input);
+    requireIfEmail(wrapper, type);
     return;
   }
   const next = document.createElement(tag);
@@ -7193,6 +7194,11 @@ function applyFieldType(wrapper, type) {
   if (type === "long-text") next.setAttribute("rows", "4");
   input.replaceWith(next);
   applyDefaults(next);
+  requireIfEmail(wrapper, type);
+}
+function requireIfEmail(wrapper, type) {
+  if (type !== "email") return;
+  setFieldRequired(wrapper, true);
 }
 var REQUIRED_MARK_ATTR = "data-ohw-field-required";
 function fieldLabelText(label) {
@@ -7275,6 +7281,7 @@ function insertField(form, type) {
   const label = ensureFieldLabel(wrapper, key);
   label.textContent = defaults.label;
   label.setAttribute("data-ohw-key", `${key}-label`);
+  requireIfEmail(wrapper, type);
   return wrapper;
 }
 function duplicateField(form, wrapper) {
@@ -7416,7 +7423,7 @@ function FormFieldToolbar({
             "aria-pressed": required,
             onClick: onRequiredToggle,
             className: "flex h-7 items-center gap-1.5 whitespace-nowrap rounded-md px-2 text-[13px] font-medium transition-colors " + (required ? "bg-primary/10 text-primary" : "text-foreground hover:bg-muted/70"),
-            "data-ohw-field-required": "",
+            "data-ohw-field-required-toggle": "",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react4.Asterisk, { size: 14, strokeWidth: 2, "aria-hidden": true }),
               "Required"
@@ -12607,127 +12614,16 @@ function FloatingPanel({
   );
 }
 
-// src/ui/logo-size-panel.tsx
-var import_lucide_react15 = require("lucide-react");
-var import_jsx_runtime28 = 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_runtime28.jsxs)("div", { className: "flex w-full flex-col gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex w-full items-center gap-2 text-sm font-medium leading-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "min-w-0 flex-1 text-foreground", children: "Size" }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "shrink-0 whitespace-nowrap text-muted-foreground", children: [
-        value,
-        " px"
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "relative h-2 w-full rounded-full bg-primary-50", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-        "div",
-        {
-          className: "absolute inset-y-0 left-0 rounded-full bg-primary",
-          style: { width: `${pct}%` }
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime28.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_runtime28.jsxs)("div", { className: cn("flex w-full flex-col gap-4", className), children: [
-    showFollowing ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex w-full flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-start gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react15.Link, { size: 16, className: "mt-0.5 shrink-0 text-foreground", "aria-hidden": true }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm font-semibold leading-5 text-foreground", children: "Following desktop size" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.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_runtime28.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_runtime28.jsx)(SizeSlider, { value: sizePx, onChange: onSizeChange }) : null,
-    showMobileSlider ? /* @__PURE__ */ (0, import_jsx_runtime28.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_runtime28.jsx)("div", { className: "h-px w-full bg-border", role: "separator" }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.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_runtime28.jsx)(import_lucide_react15.ArrowUpRight, { size: 16, "aria-hidden": true })
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm leading-5 text-muted-foreground", children: "Matches the right version to your background." })
-  ] });
-}
-
 // src/ui/socials-display-panel.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function DisplaySwitch({
   label,
   checked,
   disabled,
   onChange
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex w-full items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex w-full items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "span",
       {
         className: cn(
@@ -12737,7 +12633,7 @@ function DisplaySwitch({
         children: label
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "button",
       {
         type: "button",
@@ -12751,7 +12647,7 @@ function DisplaySwitch({
           checked ? "bg-primary" : "bg-primary-50",
           disabled ? "cursor-default opacity-50" : "cursor-pointer"
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           "span",
           {
             className: cn(
@@ -12765,8 +12661,8 @@ function DisplaySwitch({
   ] });
 }
 function SocialsDisplayPanel({ display, onChange, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: cn("flex w-full flex-col gap-3", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: cn("flex w-full flex-col gap-3", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       DisplaySwitch,
       {
         label: "Text",
@@ -12775,7 +12671,7 @@ function SocialsDisplayPanel({ display, onChange, className }) {
         onChange: (text) => onChange({ ...display, text })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       DisplaySwitch,
       {
         label: "Icon",
@@ -13662,8 +13558,8 @@ function useSectionDrag({
 }
 
 // src/ui/footer-container-chrome.tsx
-var import_lucide_react16 = require("lucide-react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_lucide_react15 = require("lucide-react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function FooterContainerChrome({
   rect,
   onAdd,
@@ -13671,7 +13567,7 @@ function FooterContainerChrome({
 }) {
   const chromeGap = 6;
   const buttonMargin = 7;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     {
       "data-ohw-footer-container-chrome": "",
@@ -13683,8 +13579,8 @@ function FooterContainerChrome({
         width: rect.width + chromeGap * 2,
         height: rect.height + chromeGap * 2
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Tooltip, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Tooltip, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "button",
           {
             type: "button",
@@ -13703,10 +13599,10 @@ function FooterContainerChrome({
               if (addDisabled) return;
               onAdd();
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react16.Plus, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react15.Plus, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipContent, { side: "bottom", sideOffset: 9, children: addDisabled ? "Maximum columns reached" : "Add item" })
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipContent, { side: "bottom", sideOffset: 9, children: addDisabled ? "Maximum columns reached" : "Add item" })
       ] })
     }
   ) });
@@ -14168,14 +14064,14 @@ function deleteSelectedNavFooterItem(deps) {
 }
 
 // src/ui/navbar-container-chrome.tsx
-var import_lucide_react17 = require("lucide-react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_lucide_react16 = require("lucide-react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function NavbarContainerChrome({
   rect,
   onAdd
 }) {
   const chromeGap = 6;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     {
       "data-ohw-navbar-container-chrome": "",
@@ -14187,7 +14083,7 @@ function NavbarContainerChrome({
         width: rect.width + chromeGap * 2,
         height: rect.height + chromeGap * 2
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "button",
         {
           type: "button",
@@ -14204,7 +14100,7 @@ function NavbarContainerChrome({
             e.stopPropagation();
             onAdd();
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react17.Plus, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
+          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react16.Plus, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
         }
       )
     }
@@ -14213,7 +14109,7 @@ function NavbarContainerChrome({
 
 // src/ui/drop-indicator.tsx
 var React10 = __toESM(require("react"), 1);
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var dropIndicatorVariants = cva(
   "ov-gap-line pointer-events-none shrink-0 transition-opacity duration-150",
   {
@@ -14237,7 +14133,7 @@ var dropIndicatorVariants = cva(
 );
 var DropIndicator = React10.forwardRef(
   ({ className, direction, state, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       "div",
       {
         ref,
@@ -14254,7 +14150,7 @@ var DropIndicator = React10.forwardRef(
 DropIndicator.displayName = "DropIndicator";
 
 // src/ui/badge.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime32 = 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",
   {
@@ -14272,12 +14168,12 @@ var badgeVariants = cva(
   }
 );
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
 
 // src/OhhwellsBridge.tsx
-var import_lucide_react18 = require("lucide-react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_lucide_react17 = require("lucide-react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var PRIMARY3 = "#0885FE";
 var IMAGE_FADE_MS = 300;
 function runOpacityFade(el, onDone) {
@@ -14446,7 +14342,7 @@ function mountSchedulingWidget(anchorId, notifyOnConnect = false, scheduleId, be
     const root = (0, import_client2.createRoot)(container);
     (0, import_react_dom3.flushSync)(() => {
       root.render(
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           SchedulingWidget,
           {
             notifyOnConnect,
@@ -15127,7 +15023,7 @@ function EditGlowChrome({
   hideHandle = false
 }) {
   const GAP = SELECTION_CHROME_GAP2;
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "div",
     {
       ref: elRef,
@@ -15142,7 +15038,7 @@ function EditGlowChrome({
         zIndex: 2147483646
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "div",
           {
             style: {
@@ -15155,7 +15051,7 @@ function EditGlowChrome({
             }
           }
         ),
-        reorderHrefKey && !hideHandle && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        reorderHrefKey && !hideHandle && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "div",
           {
             "data-ohw-drag-handle-container": "",
@@ -15167,7 +15063,7 @@ function EditGlowChrome({
               transform: "translate(calc(-100% - 7px), -50%)",
               pointerEvents: dragDisabled ? "none" : "auto"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               DragHandle,
               {
                 "aria-label": `Reorder ${reorderHrefKey}`,
@@ -15377,7 +15273,7 @@ function FloatingToolbar({
     return () => ro.disconnect();
   }, [showEditLink, activeCommands]);
   const { top, left, transform } = calcToolbarPos(rect, parentScroll, measuredW);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     {
       ref: setRefs,
@@ -15389,12 +15285,12 @@ function FloatingToolbar({
         zIndex: 2147483647,
         pointerEvents: "auto"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(CustomToolbar, { children: [
-        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react17.default.Fragment, { children: [
-          gi > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CustomToolbarDivider, {}),
+      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(CustomToolbar, { children: [
+        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react17.default.Fragment, { children: [
+          gi > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CustomToolbarDivider, {}),
           btns.map((btn) => {
             const isActive = activeCommands.has(btn.cmd);
-            return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               CustomToolbarButton,
               {
                 title: btn.title,
@@ -15403,7 +15299,7 @@ function FloatingToolbar({
                   e.preventDefault();
                   onCommand(btn.cmd);
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                   "svg",
                   {
                     width: "16",
@@ -15424,7 +15320,7 @@ function FloatingToolbar({
             );
           })
         ] }, gi)),
-        showEditLink ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        showEditLink ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           CustomToolbarButton,
           {
             type: "button",
@@ -15438,7 +15334,7 @@ function FloatingToolbar({
               e.preventDefault();
               e.stopPropagation();
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.Link, { className: "size-4 shrink-0", "aria-hidden": true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react17.Link, { className: "size-4 shrink-0", "aria-hidden": true })
           }
         ) : null
       ] })
@@ -15455,7 +15351,7 @@ function StateToggle({
   states,
   onStateChange
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     ToggleGroup,
     {
       "data-ohw-state-toggle": "",
@@ -15469,7 +15365,7 @@ function StateToggle({
         left: rect.right - 8,
         transform: "translateX(-100%)"
       },
-      children: states.map((state) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ToggleGroupItem, { value: state, size: "sm", children: state }, state))
+      children: states.map((state) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ToggleGroupItem, { value: state, size: "sm", children: state }, state))
     }
   );
 }
@@ -15485,9 +15381,9 @@ var OHW_LOADER_STYLE = {
   justifyContent: "center"
 };
 function OhwLoaderSpinner() {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("svg", { width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", "aria-hidden": true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("circle", { cx: "14", cy: "14", r: "11", stroke: "#E7E5E4", strokeWidth: "3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("svg", { width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", "aria-hidden": true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("circle", { cx: "14", cy: "14", r: "11", stroke: "#E7E5E4", strokeWidth: "3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "circle",
       {
         cx: "14",
@@ -15497,7 +15393,7 @@ function OhwLoaderSpinner() {
         strokeWidth: "3",
         strokeDasharray: "17 52",
         strokeLinecap: "round",
-        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "animateTransform",
           {
             attributeName: "transform",
@@ -17053,6 +16949,25 @@ function OhhwellsBridge() {
     setLogoSizeDraft(null);
     deselectRef.current();
   }, []);
+  (0, import_react17.useEffect)(() => {
+    const session = floatingPanel && floatingPanel.kind === "logo-size" ? floatingPanel : null;
+    if (!session || !logoSizeDraft) {
+      postToParentRef.current({ type: "ow:logo-size-panel", open: false });
+      return;
+    }
+    postToParentRef.current({
+      type: "ow:logo-size-panel",
+      open: true,
+      title: session.title,
+      context: session.context ?? "",
+      placement: session.placement,
+      viewport: editorViewport,
+      mobileFollowing: logoSizeDraft.mobileFollowing,
+      sizePx: editorViewport === "mobile" && !logoSizeDraft.mobileFollowing ? logoSizeDraft.mobilePx : logoSizeDraft.desktopPx,
+      min: LOGO_SIZE_MIN,
+      max: LOGO_SIZE_MAX
+    });
+  }, [floatingPanel, logoSizeDraft, editorViewport]);
   const persistLogoSizeDraft = (0, import_react17.useCallback)(
     (placement, draft) => {
       const desktopKey = LOGO_SIZE_DESKTOP_KEYS[placement];
@@ -20281,6 +20196,44 @@ function OhhwellsBridge() {
     if (el) setToolbarRect(getEditMeasureEl(el).getBoundingClientRect());
     refreshActiveCommandsRef.current();
   }, []);
+  (0, import_react17.useEffect)(() => {
+    const session = floatingPanel && floatingPanel.kind === "logo-size" ? floatingPanel : null;
+    if (!session || !logoSizeDraft) return;
+    const onPanelAction = (e) => {
+      const type = e.data?.type;
+      if (type === "ow:logo-size-close") {
+        closeFloatingPanelAndDeselect();
+        return;
+      }
+      if (type === "ow:logo-size-update-everywhere") {
+        postToParentRef.current({ type: "ow:open-logo-settings", ...readLogoIdentityFromDom() });
+        return;
+      }
+      if (type === "ow:logo-size-customize-mobile" || type === "ow:logo-size-reset-mobile") {
+        const following = type === "ow:logo-size-reset-mobile";
+        const next2 = {
+          ...logoSizeDraft,
+          mobileFollowing: following,
+          mobilePx: logoSizeDraft.desktopPx
+        };
+        setLogoSizeDraft(next2);
+        persistLogoSizeDraft(session.placement, next2);
+        return;
+      }
+      if (type !== "ow:logo-size-set") return;
+      const px = Number(e.data.px);
+      if (!Number.isFinite(px)) return;
+      const next = editorViewport === "mobile" ? { ...logoSizeDraft, mobilePx: px, mobileFollowing: false } : {
+        ...logoSizeDraft,
+        desktopPx: px,
+        mobilePx: logoSizeDraft.mobileFollowing ? px : logoSizeDraft.mobilePx
+      };
+      setLogoSizeDraft(next);
+      persistLogoSizeDraft(session.placement, next);
+    };
+    window.addEventListener("message", onPanelAction);
+    return () => window.removeEventListener("message", onPanelAction);
+  }, [floatingPanel, logoSizeDraft, editorViewport, persistLogoSizeDraft, closeFloatingPanelAndDeselect]);
   const handleStateChange = (0, import_react17.useCallback)((state) => {
     if (!activeStateElRef.current) return;
     const el = activeStateElRef.current;
@@ -20632,19 +20585,19 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { id: "ohw-loader", suppressHydrationWarning: true, style: { ...OHW_LOADER_STYLE, display: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(OhwLoaderSpinner, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("script", { suppressHydrationWarning: true, dangerouslySetInnerHTML: { __html: OHW_LOADER_PREHYDRATE_SCRIPT } }),
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { id: "ohw-loader", suppressHydrationWarning: true, style: { ...OHW_LOADER_STYLE, display: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(OhwLoaderSpinner, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("script", { suppressHydrationWarning: true, dangerouslySetInnerHTML: { __html: OHW_LOADER_PREHYDRATE_SCRIPT } }),
     bridgeRoot ? (0, import_react_dom4.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { ref: attachVisibleViewport, "data-ohw-visible-viewport": "", "aria-hidden": true }),
-        isEditMode && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(AiSectionOverlay, { postToParent: postToParent2, apiRef: aiSectionApiRef }),
-        isSectionDragging && sectionDropSlots.map((slot, i) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { ref: attachVisibleViewport, "data-ohw-visible-viewport": "", "aria-hidden": true }),
+        isEditMode && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(AiSectionOverlay, { postToParent: postToParent2, apiRef: aiSectionApiRef }),
+        isSectionDragging && sectionDropSlots.map((slot, i) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "div",
           {
             className: "pointer-events-none fixed z-2147483646",
             style: { left: slot.left, top: slot.y, width: slot.width, height: 3, transform: "translateY(-50%)" },
-            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               DropIndicator,
               {
                 direction: "horizontal",
@@ -20655,7 +20608,7 @@ function OhhwellsBridge() {
           },
           `section-drop-${slot.insertIndex}-${i}`
         )),
-        Object.entries(uploadingRects).map(([key, { rect, fadingOut }]) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        Object.entries(uploadingRects).map(([key, { rect, fadingOut }]) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           MediaOverlay,
           {
             hover: { key, rect, elementType: "image", isDragOver: false, hasTextOverlap: false },
@@ -20666,7 +20619,7 @@ function OhhwellsBridge() {
           },
           `uploading-${key}`
         )),
-        mediaHover && !(mediaHover.key in uploadingRects) && mediaHover.key !== selectedMedia?.key && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        mediaHover && !(mediaHover.key in uploadingRects) && mediaHover.key !== selectedMedia?.key && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           MediaOverlay,
           {
             hover: mediaHover,
@@ -20676,7 +20629,7 @@ function OhhwellsBridge() {
             onVideoSettingsChange: handleVideoSettingsChange
           }
         ),
-        selectedMedia && !(selectedMedia.key in uploadingRects) && !linkPopover && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        selectedMedia && !(selectedMedia.key in uploadingRects) && !linkPopover && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           MediaOverlay,
           {
             hover: selectedMedia,
@@ -20688,11 +20641,11 @@ function OhhwellsBridge() {
             onVideoSettingsChange: handleVideoSettingsChange
           }
         ),
-        carouselHover && !linkPopover && !isItemDragging && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CarouselOverlay, { hover: carouselHover, onEdit: handleEditCarousel }),
-        siblingHintRect && !linkPopover && !isItemDragging && siblingHintRects.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ItemInteractionLayer, { rect: siblingHintRect, state: "sibling-hint" }),
-        siblingHintRects.length > 0 && !linkPopover && !isItemDragging && siblingHintRects.map((rect, i) => /* @__PURE__ */ (0, import_jsx_runtime34.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_runtime34.jsx)(ItemInteractionLayer, { rect: draggedItemRect, state: "dragging" }),
-        isItemDragging && footerDropSlots.map((slot, i) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        carouselHover && !linkPopover && !isItemDragging && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CarouselOverlay, { hover: carouselHover, onEdit: handleEditCarousel }),
+        siblingHintRect && !linkPopover && !isItemDragging && siblingHintRects.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ItemInteractionLayer, { rect: siblingHintRect, state: "sibling-hint" }),
+        siblingHintRects.length > 0 && !linkPopover && !isItemDragging && siblingHintRects.map((rect, i) => /* @__PURE__ */ (0, import_jsx_runtime33.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_runtime33.jsx)(ItemInteractionLayer, { rect: draggedItemRect, state: "dragging" }),
+        isItemDragging && footerDropSlots.map((slot, i) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "div",
           {
             className: "pointer-events-none fixed z-2147483646",
@@ -20702,7 +20655,7 @@ function OhhwellsBridge() {
               width: slot.width,
               height: slot.height
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               DropIndicator,
               {
                 direction: slot.direction,
@@ -20713,7 +20666,7 @@ function OhhwellsBridge() {
           },
           `footer-drop-${slot.direction}-${slot.columnIndex}-${slot.insertIndex}-${i}`
         )),
-        isItemDragging && navDropSlots.map((slot, i) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        isItemDragging && navDropSlots.map((slot, i) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "div",
           {
             className: "pointer-events-none fixed z-2147483646",
@@ -20723,7 +20676,7 @@ function OhhwellsBridge() {
               width: slot.width,
               height: slot.height
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               DropIndicator,
               {
                 direction: slot.direction,
@@ -20734,10 +20687,10 @@ function OhhwellsBridge() {
           },
           `nav-drop-${slot.direction}-${slot.parentId ?? "root"}-${slot.insertIndex}-${i}`
         )),
-        hoveredNavContainerRect && (toolbarVariant !== "select-frame" || isFooterFrameSelection) && !linkPopover && !isItemDragging && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ItemInteractionLayer, { rect: hoveredNavContainerRect, state: "hover" }),
-        hoveredItemRect && !linkPopover && !hoveredNavContainerRect && !isItemDragging && hoveredItemElRef.current !== selectedElRef.current && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ItemInteractionLayer, { rect: hoveredItemRect, state: "hover" }),
-        hoveredTextRect && !isItemDragging && toolbarVariant !== "rich-text" && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ItemInteractionLayer, { rect: hoveredTextRect, state: "hover" }),
-        formPickRect && !isItemDragging && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        hoveredNavContainerRect && (toolbarVariant !== "select-frame" || isFooterFrameSelection) && !linkPopover && !isItemDragging && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ItemInteractionLayer, { rect: hoveredNavContainerRect, state: "hover" }),
+        hoveredItemRect && !linkPopover && !hoveredNavContainerRect && !isItemDragging && hoveredItemElRef.current !== selectedElRef.current && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ItemInteractionLayer, { rect: hoveredItemRect, state: "hover" }),
+        hoveredTextRect && !isItemDragging && toolbarVariant !== "rich-text" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ItemInteractionLayer, { rect: hoveredTextRect, state: "hover" }),
+        formPickRect && !isItemDragging && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           ItemInteractionLayer,
           {
             rect: formPickRect,
@@ -20745,13 +20698,13 @@ function OhhwellsBridge() {
             itemDragSurface: false,
             toolbarAlign: "left",
             chromeGap: 24,
-            toolbar: fieldPickRect ? void 0 : /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+            toolbar: fieldPickRect ? void 0 : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
               "div",
               {
                 "data-ohw-form-toolbar": "",
                 className: "pointer-events-auto flex items-center gap-0.5 whitespace-nowrap rounded-lg border border-border bg-background p-1 shadow-md",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                     "button",
                     {
                       type: "button",
@@ -20759,11 +20712,11 @@ function OhhwellsBridge() {
                       className: "flex h-7 w-7 items-center justify-center rounded-md text-foreground transition-colors hover:bg-muted/80",
                       onClick: () => setFieldTypePickerOpen((open) => !open),
                       "data-ohw-add-field": "",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.Plus, { size: 15, "aria-hidden": true })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react17.Plus, { size: 15, "aria-hidden": true })
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "mx-0.5 h-5 w-px bg-border" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "mx-0.5 h-5 w-px bg-border" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -20778,11 +20731,11 @@ function OhhwellsBridge() {
                         });
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.Settings, { size: 14, "aria-hidden": true }),
+                        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react17.Settings, { size: 14, "aria-hidden": true }),
                         "Form settings",
                         formPickCount ? (
                           // Counter pill, per the design — not a text suffix.
-                          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                             "span",
                             {
                               "data-ohw-form-count": "",
@@ -20794,8 +20747,8 @@ function OhhwellsBridge() {
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "mx-0.5 h-5 w-px bg-border" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex items-center rounded-md bg-muted/70 p-0.5", children: ["default", "success"].map((state) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "mx-0.5 h-5 w-px bg-border" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex items-center rounded-md bg-muted/70 p-0.5", children: ["default", "success"].map((state) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                     "button",
                     {
                       type: "button",
@@ -20825,7 +20778,7 @@ function OhhwellsBridge() {
             )
           }
         ),
-        formHoverRect && !isItemDragging && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        formHoverRect && !isItemDragging && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           ItemInteractionLayer,
           {
             rect: formHoverRect,
@@ -20833,7 +20786,7 @@ function OhhwellsBridge() {
             chromeGap: formHoverElRef.current && getFieldWrapper(formHoverElRef.current) ? 8 : 24
           }
         ),
-        fieldPickRect && fieldPickState && !isItemDragging && toolbarVariant !== "rich-text" && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        fieldPickRect && fieldPickState && !isItemDragging && toolbarVariant !== "rich-text" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           ItemInteractionLayer,
           {
             rect: fieldPickRect,
@@ -20845,7 +20798,7 @@ function OhhwellsBridge() {
             dragHandleLabel: "Reorder field",
             onDragHandleDragStart: handleFieldDragStart,
             onDragHandleDragEnd: handleFieldDragEnd,
-            toolbar: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            toolbar: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               FormFieldToolbar,
               {
                 type: fieldPickState.type,
@@ -20858,12 +20811,12 @@ function OhhwellsBridge() {
             )
           }
         ),
-        fieldDragging ? fieldDropSlots.map((slot, i) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        fieldDragging ? fieldDropSlots.map((slot, i) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "div",
           {
             className: "pointer-events-none fixed z-[2147483644]",
             style: { top: slot.top, left: slot.left, width: slot.width },
-            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               DropIndicator,
               {
                 direction: "horizontal",
@@ -20874,16 +20827,22 @@ function OhhwellsBridge() {
           },
           `field-drop-${i}`
         )) : null,
-        fieldTypePickerOpen && formPickRect && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-          "div",
-          {
-            className: "pointer-events-none fixed z-[2147483645]",
-            style: { top: formPickRect.top + 16, left: formPickRect.left + 24 },
-            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(FieldTypePicker, { onPick: handleAddField })
-          }
-        ),
-        toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isNavbarLinksContainer2(selectedElRef.current) && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(NavbarContainerChrome, { rect: toolbarRect, onAdd: handleAddTopLevelNavItem }),
-        toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isFooterLinksContainer(selectedElRef.current) && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        fieldTypePickerOpen && formPickRect ? (() => {
+          const toolbar = document.querySelector("[data-ohw-form-toolbar]")?.getBoundingClientRect();
+          return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            "div",
+            {
+              className: "pointer-events-none fixed z-[2147483645]",
+              style: {
+                top: toolbar ? toolbar.bottom + 6 : formPickRect.top + 16,
+                left: toolbar ? toolbar.left : formPickRect.left + 24
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FieldTypePicker, { onPick: handleAddField })
+            }
+          );
+        })() : null,
+        toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isNavbarLinksContainer2(selectedElRef.current) && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(NavbarContainerChrome, { rect: toolbarRect, onAdd: handleAddTopLevelNavItem }),
+        toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isFooterLinksContainer(selectedElRef.current) && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           FooterContainerChrome,
           {
             rect: toolbarRect,
@@ -20891,7 +20850,7 @@ function OhhwellsBridge() {
             addDisabled: !canAddFooterColumn()
           }
         ),
-        toolbarRect && !linkPopover && (toolbarVariant === "link-action" || toolbarVariant === "select-frame" || toolbarVariant === "logo") && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        toolbarRect && !linkPopover && (toolbarVariant === "link-action" || toolbarVariant === "select-frame" || toolbarVariant === "logo") && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           ItemInteractionLayer,
           {
             rect: isItemDragging && draggedItemRect && (footerDragRef.current?.wasSelected || navDragRef.current?.wasSelected) ? draggedItemRect : toolbarRect,
@@ -20906,7 +20865,7 @@ function OhhwellsBridge() {
             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 || selectedIsSocialsRow) && !isItemDragging ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            toolbar: toolbarVariant === "link-action" && !isItemDragging || toolbarVariant === "select-frame" && (isFooterFrameSelection || selectedIsSocialsRow) && !isItemDragging ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               ItemActionToolbar,
               {
                 onEditLink: openLinkPopoverForSelected,
@@ -20942,8 +20901,8 @@ function OhhwellsBridge() {
             ) : void 0
           }
         ),
-        toolbarRect && toolbarVariant === "rich-text" && !linkPopover && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        toolbarRect && toolbarVariant === "rich-text" && !linkPopover && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             EditGlowChrome,
             {
               rect: toolbarRect,
@@ -20953,7 +20912,7 @@ function OhhwellsBridge() {
               hideHandle: isItemDragging
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             FloatingToolbar,
             {
               rect: toolbarRect,
@@ -20966,7 +20925,7 @@ function OhhwellsBridge() {
             }
           )
         ] }),
-        maxBadge && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+        maxBadge && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
           "div",
           {
             "data-ohw-max-badge": "",
@@ -20992,7 +20951,7 @@ function OhhwellsBridge() {
             ]
           }
         ),
-        toggleState && !linkPopover && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        toggleState && !linkPopover && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           StateToggle,
           {
             rect: toggleState.rect,
@@ -21001,15 +20960,15 @@ function OhhwellsBridge() {
             onStateChange: handleStateChange
           }
         ),
-        sectionGap && !linkPopover && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+        sectionGap && !linkPopover && /* @__PURE__ */ (0, import_jsx_runtime33.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_runtime34.jsx)("div", { className: "flex-1 bg-primary", style: { height: 3 } }),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex-1 bg-primary", style: { height: 3 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.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",
@@ -21026,11 +20985,11 @@ function OhhwellsBridge() {
                   children: "Add Section"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex-1 bg-primary", style: { height: 3 } })
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex-1 bg-primary", style: { height: 3 } })
             ]
           }
         ),
-        linkPopover && dialogPortalContainer ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        linkPopover && dialogPortalContainer ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           LinkPopover,
           {
             panelRef: linkPopoverPanelRef,
@@ -21047,7 +21006,7 @@ function OhhwellsBridge() {
           },
           linkPopover.key
         ) : null,
-        floatingPanel && floatingPanel.kind === "socials-display" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        floatingPanel && floatingPanel.kind === "socials-display" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           FloatingPanel,
           {
             open: true,
@@ -21057,7 +21016,7 @@ function OhhwellsBridge() {
             onPositionChange: setFloatingPanelPos,
             parentScroll: parentScrollSnap ?? parentScrollRef.current,
             onClose: closeFloatingPanelOnly,
-            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               SocialsDisplayPanel,
               {
                 display: socialsDisplayFor(floatingPanel.row, editContentRef.current),
@@ -21068,57 +21027,6 @@ function OhhwellsBridge() {
               }
             )
           }
-        ) : null,
-        floatingPanel && floatingPanel.kind === "logo-size" && logoSizeDraft ? /* @__PURE__ */ (0, import_jsx_runtime34.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_runtime34.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
@@ -21128,10 +21036,10 @@ function OhhwellsBridge() {
 
 // src/ui/EmptySection.tsx
 var import_link = __toESM(require("next/link"), 1);
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "p",
       {
         style: {
@@ -21143,10 +21051,10 @@ function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey
           color: "var(--brand-accent)",
           marginBottom: "1.5rem"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_link.default, { href: homeHref, style: { color: "inherit" }, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { ...eyebrowKey ? { "data-ohw-editable": "text", "data-ohw-key": eyebrowKey } : {}, children: "Home" }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_link.default, { href: homeHref, style: { color: "inherit" }, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { ...eyebrowKey ? { "data-ohw-editable": "text", "data-ohw-key": eyebrowKey } : {}, children: "Home" }) })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "h1",
       {
         style: {
@@ -21161,7 +21069,7 @@ function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey
         children: title
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "p",
       {
         style: {