@ohhwells/bridge 0.1.151 → 0.1.152

package/dist/index.js

@@ -6695,8 +6695,9 @@ function upsertMeta(selector, attr, token, value) {
   }
   if (el.getAttribute("content") !== value) el.setAttribute("content", value);
 }
-function removeMeta(selector) {
-  document.head.querySelector(selector)?.remove();
+function clearMeta(selector) {
+  const el = document.head.querySelector(selector);
+  if (el && el.getAttribute("content") !== "") el.setAttribute("content", "");
 }
 function escapeXml(value) {
   return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
@@ -6726,8 +6727,8 @@ function applyOgImage(url) {
     upsertMeta('meta[name="twitter:card"]', "name", "twitter:card", "summary_large_image");
     return;
   }
-  removeMeta('meta[property="og:image"]');
-  removeMeta('meta[name="twitter:image"]');
+  clearMeta('meta[property="og:image"]');
+  clearMeta('meta[name="twitter:image"]');
 }
 function applyBrandChrome(content) {
   const name = content[BRAND_NAME_KEY];
@@ -11569,6 +11570,89 @@ function useLinkHrefGuardian(...deps) {
   }, deps);
 }
 
+// src/lib/sticky-search-params.ts
+var STICKY_EXACT = /* @__PURE__ */ new Set([
+  // Site identity. Required in local dev and in the canvas editor's iframe, where there is no
+  // router to inject __OHW_SUBDOMAIN__ or set the ohw-subdomain cookie, so the query string is
+  // the only thing that says which site this is.
+  "subdomain",
+  // Ad-click / attribution ids. Dropping these on the first internal click is what breaks
+  // campaign attribution for a site whose landing page is not the page that converts.
+  "ref",
+  "gclid",
+  "fbclid",
+  "msclkid",
+  "ttclid",
+  "twclid"
+]);
+var STICKY_PREFIXES = ["utm_"];
+function isStickySearchParam(name) {
+  const key = name.toLowerCase();
+  return STICKY_EXACT.has(key) || STICKY_PREFIXES.some((p) => key.startsWith(p));
+}
+function applyStickySearchParams(target, currentSearch) {
+  const current = new URLSearchParams(currentSearch);
+  let changed = false;
+  for (const [name, value] of current) {
+    if (!isStickySearchParam(name)) continue;
+    if (target.searchParams.has(name)) continue;
+    target.searchParams.set(name, value);
+    changed = true;
+  }
+  return changed;
+}
+function isPlainLeftClick(e) {
+  return e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey && !e.defaultPrevented;
+}
+function resolveStickyNavigation(anchor, currentSearch, origin) {
+  if (anchor.target && anchor.target !== "_self") return null;
+  if (anchor.hasAttribute("download")) return null;
+  const href = anchor.getAttribute("href");
+  if (!href) return null;
+  if (href.startsWith("#")) return null;
+  let url;
+  try {
+    url = new URL(href, origin);
+  } catch {
+    return null;
+  }
+  if (url.protocol !== "http:" && url.protocol !== "https:") return null;
+  if (url.origin !== origin) return null;
+  if (!applyStickySearchParams(url, currentSearch)) return null;
+  return url.pathname + url.search + url.hash;
+}
+
+// src/lib/content-mount-observer.ts
+var CONTENT_SELECTOR = "[data-ohw-key],[data-ohw-section],[data-ohw-editable]";
+function hasMountedContentNodes(records) {
+  for (const record of records) {
+    for (const node of record.addedNodes) {
+      if (node.nodeType !== 1) continue;
+      const el = node;
+      if (el.matches(CONTENT_SELECTOR) || el.querySelector(CONTENT_SELECTOR)) return true;
+    }
+  }
+  return false;
+}
+
+// src/lib/content-fetch-policy.ts
+var overriddenPathsBySubdomain = /* @__PURE__ */ new Map();
+function recordOverriddenPaths(subdomain, raw) {
+  overriddenPathsBySubdomain.set(
+    subdomain,
+    Array.isArray(raw) ? raw.filter((p) => typeof p === "string") : void 0
+  );
+}
+function shouldFetchContentForPath(subdomain, path) {
+  if (!overriddenPathsBySubdomain.has(subdomain)) return true;
+  const overridden = overriddenPathsBySubdomain.get(subdomain);
+  if (!overridden) return true;
+  return overridden.includes(path);
+}
+function resetOverriddenPathsCache() {
+  overriddenPathsBySubdomain.clear();
+}
+
 // src/useSavedLinkNavigation.ts
 import { useEffect as useEffect2 } from "react";
 import { useRouter } from "next/navigation";
@@ -11593,8 +11677,10 @@ function useSavedLinkNavigation(isEditMode) {
       if (!href) return;
       e.preventDefault();
       e.stopPropagation();
-      if (isRouterHref(href)) router.push(href);
-      else window.location.assign(href);
+      if (isRouterHref(href)) {
+        const sticky = resolveStickyNavigation(anchor, window.location.search, window.location.origin);
+        router.push(sticky ?? href);
+      } else window.location.assign(href);
     };
     document.addEventListener("click", onClick, true);
     return () => document.removeEventListener("click", onClick, true);
@@ -12412,6 +12498,63 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
   );
 }
 
+// src/ui/OhwLoaderSurface.tsx
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var OHW_LOADER_STYLE = {
+  position: "fixed",
+  inset: 0,
+  background: "var(--brand-background, #fff)",
+  zIndex: 2147483646,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center"
+};
+var OHW_LOADER_SPIN_KEYFRAMES = "@keyframes ohw-loader-spin{to{transform:rotate(360deg)}}";
+function OhwLoaderSpinner() {
+  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsx6("style", { suppressHydrationWarning: true, dangerouslySetInnerHTML: { __html: OHW_LOADER_SPIN_KEYFRAMES } }),
+    /* @__PURE__ */ jsxs4(
+      "svg",
+      {
+        width: "28",
+        height: "28",
+        viewBox: "0 0 28 28",
+        fill: "none",
+        "aria-hidden": true,
+        style: { animation: "ohw-loader-spin 0.7s linear infinite", transformOrigin: "center" },
+        children: [
+          /* @__PURE__ */ jsx6("circle", { cx: "14", cy: "14", r: "11", style: { stroke: "var(--brand-border, #E7E5E4)" }, strokeWidth: "3" }),
+          /* @__PURE__ */ jsx6(
+            "circle",
+            {
+              cx: "14",
+              cy: "14",
+              r: "11",
+              style: { stroke: "var(--brand-primary, #1C1917)" },
+              strokeWidth: "3",
+              strokeDasharray: "17 52",
+              strokeLinecap: "round"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+var OHW_LOADER_PREHYDRATE_SCRIPT = `(function(){try{var fromGlobal=typeof window!=="undefined"&&window.__OHW_SUBDOMAIN__?String(window.__OHW_SUBDOMAIN__):"";var p=location.hostname.split(".");var fromHost=location.hostname.endsWith(".ohhwells.site")&&p[0]&&p[0]!=="www"?p[0]:"";var fromQuery=new URLSearchParams(location.search).get("subdomain")||"";var fromCookie=(document.cookie.match(/(?:^|; )ohw-subdomain=([^;]*)/)||[])[1];fromCookie=fromCookie?decodeURIComponent(fromCookie):"";if(!fromGlobal&&!fromHost&&!fromQuery&&!fromCookie)return;var e=document.getElementById("ohw-loader");if(e)e.style.display="flex"}catch(e){}})();`;
+function OhwLoaderSurface() {
+  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsx6("div", { id: "ohw-loader", suppressHydrationWarning: true, style: { ...OHW_LOADER_STYLE, display: "none" }, children: /* @__PURE__ */ jsx6(OhwLoaderSpinner, {}) }),
+    /* @__PURE__ */ jsx6(
+      "script",
+      {
+        suppressHydrationWarning: true,
+        dangerouslySetInnerHTML: { __html: OHW_LOADER_PREHYDRATE_SCRIPT }
+      }
+    )
+  ] });
+}
+
 // src/ui/toggle-group.tsx
 import * as React3 from "react";
 
@@ -15733,7 +15876,7 @@ var cva = (base, config) => (props) => {
 
 // src/ui/toggle.tsx
 import { Toggle as TogglePrimitive } from "radix-ui";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var toggleVariants = cva(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-bridge-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
@@ -15760,7 +15903,7 @@ function Toggle({
   size,
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     TogglePrimitive.Root,
     {
       "data-slot": "toggle",
@@ -15771,7 +15914,7 @@ function Toggle({
 }
 
 // src/ui/toggle-group.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var ToggleGroupContext = React3.createContext({
   value: "",
   onValueChange: () => {
@@ -15784,13 +15927,13 @@ function ToggleGroup({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     "div",
     {
       role: "group",
       className: cn("flex items-center gap-1 p-1 bg-muted rounded-md", className),
       ...props,
-      children: /* @__PURE__ */ jsx7(ToggleGroupContext.Provider, { value: { value, onValueChange }, children })
+      children: /* @__PURE__ */ jsx8(ToggleGroupContext.Provider, { value: { value, onValueChange }, children })
     }
   );
 }
@@ -15801,7 +15944,7 @@ function ToggleGroupItem({
   ...props
 }) {
   const { value: groupValue, onValueChange } = React3.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     Toggle,
     {
       pressed: groupValue === value,
@@ -15823,10 +15966,10 @@ function ToggleGroupItem({
 // src/ui/drag-handle.tsx
 import * as React4 from "react";
 import { GripVertical } from "lucide-react";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var DragHandle = React4.forwardRef(
   ({ className, type = "button", ...props }, ref) => {
-    return /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx9(
       "button",
       {
         ref,
@@ -15841,7 +15984,7 @@ var DragHandle = React4.forwardRef(
           className
         ),
         ...props,
-        children: /* @__PURE__ */ jsx8(GripVertical, { className: "size-4 shrink-0", "aria-hidden": "true" })
+        children: /* @__PURE__ */ jsx9(GripVertical, { className: "size-4 shrink-0", "aria-hidden": "true" })
       }
     );
   }
@@ -15850,8 +15993,8 @@ DragHandle.displayName = "DragHandle";
 
 // src/ui/custom-toolbar.tsx
 import * as React5 from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var CustomToolbar = React5.forwardRef(({ className, onMouseDown, ...props }, ref) => /* @__PURE__ */ jsx9(
+import { jsx as jsx10 } from "react/jsx-runtime";
+var CustomToolbar = React5.forwardRef(({ className, onMouseDown, ...props }, ref) => /* @__PURE__ */ jsx10(
   "div",
   {
     ref,
@@ -15870,7 +16013,7 @@ var CustomToolbar = React5.forwardRef(({ className, onMouseDown, ...props }, ref
 ));
 CustomToolbar.displayName = "CustomToolbar";
 function CustomToolbarDivider({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "span",
     {
       "aria-hidden": true,
@@ -15880,7 +16023,7 @@ function CustomToolbarDivider({ className, ...props }) {
   );
 }
 var CustomToolbarButton = React5.forwardRef(
-  ({ className, active = false, type = "button", ...props }, ref) => /* @__PURE__ */ jsx9(
+  ({ className, active = false, type = "button", ...props }, ref) => /* @__PURE__ */ jsx10(
     "button",
     {
       ref,
@@ -15903,17 +16046,17 @@ import { Brush, Copy, CornerLeftUp, Heading, Link, MoreHorizontal, Plus, Trash2
 // src/ui/dropdown-menu.tsx
 import * as React6 from "react";
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function DropdownMenu({ ...props }) {
-  return /* @__PURE__ */ jsx10(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ jsx11(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
-var DropdownMenuTrigger = React6.forwardRef((props, ref) => /* @__PURE__ */ jsx10(DropdownMenuPrimitive.Trigger, { ref, "data-slot": "dropdown-menu-trigger", ...props }));
+var DropdownMenuTrigger = React6.forwardRef((props, ref) => /* @__PURE__ */ jsx11(DropdownMenuPrimitive.Trigger, { ref, "data-slot": "dropdown-menu-trigger", ...props }));
 DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
 function DropdownMenuGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     DropdownMenuPrimitive.Group,
     {
       "data-slot": "dropdown-menu-group",
@@ -15927,7 +16070,7 @@ function DropdownMenuContent({
   sideOffset = 6,
   ...props
 }) {
-  return /* @__PURE__ */ jsx10(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx11(
     DropdownMenuPrimitive.Content,
     {
       "data-slot": "dropdown-menu-content",
@@ -15951,7 +16094,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     DropdownMenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -15981,7 +16124,7 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     DropdownMenuPrimitive.Separator,
     {
       "data-slot": "dropdown-menu-separator",
@@ -15993,18 +16136,18 @@ function DropdownMenuSeparator({
 
 // src/ui/tooltip.tsx
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function TooltipProvider({
   delayDuration = 0,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration, ...props });
+  return /* @__PURE__ */ jsx12(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration, ...props });
 }
 function Tooltip({ ...props }) {
-  return /* @__PURE__ */ jsx11(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+  return /* @__PURE__ */ jsx12(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
 }
 function TooltipTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx11(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ jsx12(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 var arrowClassBySide = {
   top: "before:bottom-0 before:left-1/2 before:-translate-x-1/2 before:translate-y-1/2",
@@ -16021,7 +16164,7 @@ function TooltipContent({
   ...props
 }) {
   const resolvedSide = side ?? "bottom";
-  return /* @__PURE__ */ jsx11(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx12(
     TooltipPrimitive.Content,
     {
       "data-slot": "tooltip-content",
@@ -16044,7 +16187,7 @@ function TooltipContent({
 }
 
 // src/ui/item-action-toolbar.tsx
-import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
 function ToolbarActionTooltip({
   label,
   side = "bottom",
@@ -16052,10 +16195,10 @@ function ToolbarActionTooltip({
   buttonProps,
   children
 }) {
-  const button = /* @__PURE__ */ jsx12(CustomToolbarButton, { type: "button", "aria-label": label, disabled, ...buttonProps, children });
-  return /* @__PURE__ */ jsxs4(Tooltip, { children: [
-    /* @__PURE__ */ jsx12(TooltipTrigger, { asChild: true, children: disabled ? /* @__PURE__ */ jsx12("span", { className: "inline-flex", children: button }) : button }),
-    /* @__PURE__ */ jsx12(TooltipContent, { side, sideOffset: 9, children: label })
+  const button = /* @__PURE__ */ jsx13(CustomToolbarButton, { type: "button", "aria-label": label, disabled, ...buttonProps, children });
+  return /* @__PURE__ */ jsxs5(Tooltip, { children: [
+    /* @__PURE__ */ jsx13(TooltipTrigger, { asChild: true, children: disabled ? /* @__PURE__ */ jsx13("span", { className: "inline-flex", children: button }) : button }),
+    /* @__PURE__ */ jsx13(TooltipContent, { side, sideOffset: 9, children: label })
   ] });
 }
 function ItemActionToolbar({
@@ -16086,9 +16229,9 @@ function ItemActionToolbar({
   const showDropdownToggle = dropdownOpen !== null && dropdownOpen !== void 0;
   const showHeadingToggle = headingVisible !== null && headingVisible !== void 0;
   const headingTooltip = headingVisible ? "Hide heading" : "Show heading";
-  return /* @__PURE__ */ jsx12(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs4(CustomToolbar, { children: [
-    showDropdownToggle ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-      /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsx13(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs5(CustomToolbar, { children: [
+    showDropdownToggle ? /* @__PURE__ */ jsxs5(Fragment4, { children: [
+      /* @__PURE__ */ jsxs5(
         ToggleGroup,
         {
           value: dropdownOpen ? "open" : "closed",
@@ -16100,7 +16243,7 @@ function ItemActionToolbar({
             e.stopPropagation();
           },
           children: [
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx13(
               ToggleGroupItem,
               {
                 value: "closed",
@@ -16115,7 +16258,7 @@ function ItemActionToolbar({
                 children: "Closed"
               }
             ),
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx13(
               ToggleGroupItem,
               {
                 value: "open",
@@ -16133,9 +16276,9 @@ function ItemActionToolbar({
           ]
         }
       ),
-      /* @__PURE__ */ jsx12(CustomToolbarDivider, {})
+      /* @__PURE__ */ jsx13(CustomToolbarDivider, {})
     ] }) : null,
-    showEditLink ? /* @__PURE__ */ jsx12(
+    showEditLink ? /* @__PURE__ */ jsx13(
       ToolbarActionTooltip,
       {
         label: "Edit link",
@@ -16153,10 +16296,10 @@ function ItemActionToolbar({
             e.stopPropagation();
           }
         },
-        children: /* @__PURE__ */ jsx12(Link, { className: "size-4 shrink-0", "aria-hidden": true })
+        children: /* @__PURE__ */ jsx13(Link, { className: "size-4 shrink-0", "aria-hidden": true })
       }
     ) : null,
-    showStyle ? /* @__PURE__ */ jsx12(
+    showStyle ? /* @__PURE__ */ jsx13(
       ToolbarActionTooltip,
       {
         label: "Style",
@@ -16177,10 +16320,10 @@ function ItemActionToolbar({
             e.stopPropagation();
           }
         },
-        children: /* @__PURE__ */ jsx12(Brush, { className: "size-4 shrink-0", "aria-hidden": true })
+        children: /* @__PURE__ */ jsx13(Brush, { className: "size-4 shrink-0", "aria-hidden": true })
       }
     ) : null,
-    showAddItem ? /* @__PURE__ */ jsx12(
+    showAddItem ? /* @__PURE__ */ jsx13(
       ToolbarActionTooltip,
       {
         label: "Add item",
@@ -16194,10 +16337,10 @@ function ItemActionToolbar({
             onAddItem?.();
           }
         },
-        children: /* @__PURE__ */ jsx12(Plus, { className: "size-4 shrink-0", "aria-hidden": true })
+        children: /* @__PURE__ */ jsx13(Plus, { className: "size-4 shrink-0", "aria-hidden": true })
       }
     ) : null,
-    showHeadingToggle ? /* @__PURE__ */ jsx12(
+    showHeadingToggle ? /* @__PURE__ */ jsx13(
       ToolbarActionTooltip,
       {
         label: headingTooltip,
@@ -16214,12 +16357,12 @@ function ItemActionToolbar({
             onHeadingVisibleChange?.(!headingVisible);
           }
         },
-        children: /* @__PURE__ */ jsx12(Heading, { className: "size-4 shrink-0", "aria-hidden": true })
+        children: /* @__PURE__ */ jsx13(Heading, { className: "size-4 shrink-0", "aria-hidden": true })
       }
     ) : null,
-    showMore ? /* @__PURE__ */ jsxs4(DropdownMenu, { open: moreOpen, onOpenChange: setMoreOpen, children: [
-      /* @__PURE__ */ jsxs4(Tooltip, { open: moreOpen ? false : void 0, children: [
-        /* @__PURE__ */ jsx12(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx12(DropdownMenuTrigger, { asChild: true, disabled: moreDisabled, children: /* @__PURE__ */ jsx12(
+    showMore ? /* @__PURE__ */ jsxs5(DropdownMenu, { open: moreOpen, onOpenChange: setMoreOpen, children: [
+      /* @__PURE__ */ jsxs5(Tooltip, { open: moreOpen ? false : void 0, children: [
+        /* @__PURE__ */ jsx13(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx13(DropdownMenuTrigger, { asChild: true, disabled: moreDisabled, children: /* @__PURE__ */ jsx13(
           CustomToolbarButton,
           {
             type: "button",
@@ -16229,12 +16372,12 @@ function ItemActionToolbar({
               e.preventDefault();
               e.stopPropagation();
             },
-            children: /* @__PURE__ */ jsx12(MoreHorizontal, { className: "size-4 shrink-0", "aria-hidden": true })
+            children: /* @__PURE__ */ jsx13(MoreHorizontal, { className: "size-4 shrink-0", "aria-hidden": true })
           }
         ) }) }),
-        /* @__PURE__ */ jsx12(TooltipContent, { side: tooltipSide, sideOffset: 9, children: "More" })
+        /* @__PURE__ */ jsx13(TooltipContent, { side: tooltipSide, sideOffset: 9, children: "More" })
       ] }),
-      /* @__PURE__ */ jsxs4(
+      /* @__PURE__ */ jsxs5(
         DropdownMenuContent,
         {
           align: "end",
@@ -16245,39 +16388,39 @@ function ItemActionToolbar({
             e.stopPropagation();
           },
           children: [
-            /* @__PURE__ */ jsxs4(DropdownMenuGroup, { children: [
-              /* @__PURE__ */ jsxs4(
+            /* @__PURE__ */ jsxs5(DropdownMenuGroup, { children: [
+              /* @__PURE__ */ jsxs5(
                 DropdownMenuItem,
                 {
                   disabled: selectParentDisabled,
                   onSelect: () => onSelectParent?.(),
                   children: [
-                    /* @__PURE__ */ jsx12(CornerLeftUp, { size: 12, "aria-hidden": true }),
+                    /* @__PURE__ */ jsx13(CornerLeftUp, { size: 12, "aria-hidden": true }),
                     "Select parent"
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs4(
+              /* @__PURE__ */ jsxs5(
                 DropdownMenuItem,
                 {
                   disabled: duplicateDisabled,
                   onSelect: () => onDuplicate?.(),
                   children: [
-                    /* @__PURE__ */ jsx12(Copy, { size: 12, "aria-hidden": true }),
+                    /* @__PURE__ */ jsx13(Copy, { size: 12, "aria-hidden": true }),
                     "Duplicate"
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx12(DropdownMenuSeparator, {}),
-            /* @__PURE__ */ jsx12(DropdownMenuGroup, { children: /* @__PURE__ */ jsxs4(
+            /* @__PURE__ */ jsx13(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsx13(DropdownMenuGroup, { children: /* @__PURE__ */ jsxs5(
               DropdownMenuItem,
               {
                 variant: "destructive",
                 disabled: deleteDisabled,
                 onSelect: () => onDelete?.(),
                 children: [
-                  /* @__PURE__ */ jsx12(Trash2, { size: 15, "aria-hidden": true }),
+                  /* @__PURE__ */ jsx13(Trash2, { size: 15, "aria-hidden": true }),
                   "Delete"
                 ]
               }
@@ -16292,7 +16435,7 @@ function ItemActionToolbar({
 // src/ui/item-interaction-layer.tsx
 import { useLayoutEffect as useLayoutEffect2, useRef as useRef2, useState as useState5 } from "react";
 import { createPortal } from "react-dom";
-import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 var PRIMARY = "var(--ohw-primary, #0885FE)";
 var CHROME_RADIUS = 6;
 var FOCUS_RING = `0 0 0 4px color-mix(in srgb, ${PRIMARY} 12%, transparent)`;
@@ -16386,7 +16529,7 @@ function ClampedToolbarSlot({
       window.removeEventListener("resize", clamp);
     };
   }, [placement, children, align]);
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       ref: slotRef,
@@ -16461,7 +16604,7 @@ function DetachedBelowToolbarSlot({
   }, [centerX, belowRect, belowEl, children]);
   if (!portalTarget) return null;
   return createPortal(
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       "div",
       {
         ref: slotRef,
@@ -16519,7 +16662,7 @@ function ItemInteractionLayer({
     if (typeof elRef === "function") elRef(node);
     else if (elRef) elRef.current = node;
   };
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       ref: setRootRef,
@@ -16536,7 +16679,7 @@ function ItemInteractionLayer({
         display: hidden ? "none" : "block"
       },
       children: [
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           "div",
           {
             "aria-hidden": true,
@@ -16544,7 +16687,7 @@ function ItemInteractionLayer({
             style: { ...getChromeStyle(state), borderRadius: CHROME_RADIUS }
           }
         ),
-        itemDragEnabled && /* @__PURE__ */ jsx13(
+        itemDragEnabled && /* @__PURE__ */ jsx14(
           "div",
           {
             "data-ohw-item-drag-surface": "",
@@ -16561,14 +16704,14 @@ function ItemInteractionLayer({
             }
           }
         ),
-        showDragHandle && /* @__PURE__ */ jsx13(
+        showDragHandle && /* @__PURE__ */ jsx14(
           "div",
           {
             "data-ohw-drag-handle-container": "",
             className: "pointer-events-auto absolute left-0 top-1/2 z-10 -translate-x-[calc(100%+7px)] -translate-y-1/2",
             style: isDragging ? { opacity: 0 } : void 0,
             "aria-hidden": isDragging || void 0,
-            children: /* @__PURE__ */ jsx13(
+            children: /* @__PURE__ */ jsx14(
               DragHandle,
               {
                 draggable: !dragDisabled,
@@ -16598,9 +16741,9 @@ function ItemInteractionLayer({
             )
           }
         ),
-        showToolbar && state === "active-top" && /* @__PURE__ */ jsx13(ClampedToolbarSlot, { align: toolbarAlign, placement: "top", children: toolbar }),
-        showToolbar && state === "active-bottom" && !useDetachedBelowToolbar && /* @__PURE__ */ jsx13(ClampedToolbarSlot, { align: toolbarAlign, placement: "bottom", children: toolbar }),
-        useDetachedBelowToolbar && toolbarBelowRect ? /* @__PURE__ */ jsx13(
+        showToolbar && state === "active-top" && /* @__PURE__ */ jsx14(ClampedToolbarSlot, { align: toolbarAlign, placement: "top", children: toolbar }),
+        showToolbar && state === "active-bottom" && !useDetachedBelowToolbar && /* @__PURE__ */ jsx14(ClampedToolbarSlot, { align: toolbarAlign, placement: "bottom", children: toolbar }),
+        useDetachedBelowToolbar && toolbarBelowRect ? /* @__PURE__ */ jsx14(
           DetachedBelowToolbarSlot,
           {
             centerX: rect.left + rect.width / 2,
@@ -17135,7 +17278,7 @@ function reconcileFieldsFromContent(form, content) {
 
 // src/ui/form-field-toolbar.tsx
 import { AtSign, Asterisk, ChevronDown as ChevronDown2, Copy as Copy2, MoreHorizontal as MoreHorizontal2, Phone, TextQuote, Trash2 as Trash22, Type } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
 var TYPE_ICONS = {
   "short-text": Type,
   "long-text": TextQuote,
@@ -17152,35 +17295,35 @@ function FormFieldToolbar({
 }) {
   const TypeIcon = TYPE_ICONS[type];
   const typeLabel = FIELD_TYPES.find((entry) => entry.type === type)?.label ?? "Short text";
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       "data-ohw-field-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__ */ jsxs6(DropdownMenu, { children: [
-          /* @__PURE__ */ jsx14(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsxs7(DropdownMenu, { children: [
+          /* @__PURE__ */ jsx15(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs7(
             "button",
             {
               type: "button",
               className: "flex h-7 items-center gap-1.5 whitespace-nowrap rounded-md px-2 text-[13px] font-medium text-foreground transition-colors hover:bg-muted/70",
               "data-ohw-field-type-trigger": "",
               children: [
-                /* @__PURE__ */ jsx14(TypeIcon, { size: 14, strokeWidth: 1.75, "aria-hidden": true }),
+                /* @__PURE__ */ jsx15(TypeIcon, { size: 14, strokeWidth: 1.75, "aria-hidden": true }),
                 typeLabel,
-                /* @__PURE__ */ jsx14(ChevronDown2, { size: 13, className: "text-muted-foreground", "aria-hidden": true })
+                /* @__PURE__ */ jsx15(ChevronDown2, { size: 13, className: "text-muted-foreground", "aria-hidden": true })
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx14(DropdownMenuContent, { align: "start", sideOffset: 8, className: "min-w-47.5 p-1", children: FIELD_TYPES.map((entry) => {
+          /* @__PURE__ */ jsx15(DropdownMenuContent, { align: "start", sideOffset: 8, className: "min-w-47.5 p-1", children: FIELD_TYPES.map((entry) => {
             const Icon = TYPE_ICONS[entry.type];
-            return /* @__PURE__ */ jsxs6(
+            return /* @__PURE__ */ jsxs7(
               DropdownMenuItem,
               {
                 onSelect: () => onTypeChange(entry.type),
                 className: "rounded-md py-2 text-[13px] " + (entry.type === type ? "bg-bridge-primary/10" : ""),
                 children: [
-                  /* @__PURE__ */ jsx14(Icon, { size: 14, strokeWidth: 1.75, className: "shrink-0", "aria-hidden": true }),
+                  /* @__PURE__ */ jsx15(Icon, { size: 14, strokeWidth: 1.75, className: "shrink-0", "aria-hidden": true }),
                   entry.label
                 ]
               },
@@ -17188,8 +17331,8 @@ function FormFieldToolbar({
             );
           }) })
         ] }),
-        /* @__PURE__ */ jsx14("div", { className: "mx-0.5 h-5 w-px bg-border" }),
-        /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsx15("div", { className: "mx-0.5 h-5 w-px bg-border" }),
+        /* @__PURE__ */ jsxs7(
           "button",
           {
             type: "button",
@@ -17198,30 +17341,30 @@ function FormFieldToolbar({
             className: "flex h-7 items-center gap-1.5 whitespace-nowrap rounded-md px-2 text-[13px] font-medium transition-colors " + (required ? "bg-bridge-primary/10 text-bridge-primary" : "text-foreground hover:bg-muted/70"),
             "data-ohw-field-required-toggle": "",
             children: [
-              /* @__PURE__ */ jsx14(Asterisk, { size: 14, strokeWidth: 2, "aria-hidden": true }),
+              /* @__PURE__ */ jsx15(Asterisk, { size: 14, strokeWidth: 2, "aria-hidden": true }),
               "Required"
             ]
           }
         ),
-        /* @__PURE__ */ jsx14("div", { className: "mx-0.5 h-5 w-px bg-border" }),
-        /* @__PURE__ */ jsxs6(DropdownMenu, { children: [
-          /* @__PURE__ */ jsx14(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15("div", { className: "mx-0.5 h-5 w-px bg-border" }),
+        /* @__PURE__ */ jsxs7(DropdownMenu, { children: [
+          /* @__PURE__ */ jsx15(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx15(
             "button",
             {
               type: "button",
               title: "More",
               "aria-label": "More",
               className: "flex h-7 w-7 items-center justify-center rounded-md text-foreground transition-colors hover:bg-muted/70",
-              children: /* @__PURE__ */ jsx14(MoreHorizontal2, { size: 15, "aria-hidden": true })
+              children: /* @__PURE__ */ jsx15(MoreHorizontal2, { size: 15, "aria-hidden": true })
             }
           ) }),
-          /* @__PURE__ */ jsxs6(DropdownMenuContent, { align: "start", sideOffset: 8, className: "min-w-42.5 p-1", children: [
-            /* @__PURE__ */ jsxs6(DropdownMenuItem, { onSelect: onDuplicate, className: "rounded-md py-2 text-[13px]", children: [
-              /* @__PURE__ */ jsx14(Copy2, { size: 14, strokeWidth: 1.75, className: "shrink-0", "aria-hidden": true }),
+          /* @__PURE__ */ jsxs7(DropdownMenuContent, { align: "start", sideOffset: 8, className: "min-w-42.5 p-1", children: [
+            /* @__PURE__ */ jsxs7(DropdownMenuItem, { onSelect: onDuplicate, className: "rounded-md py-2 text-[13px]", children: [
+              /* @__PURE__ */ jsx15(Copy2, { size: 14, strokeWidth: 1.75, className: "shrink-0", "aria-hidden": true }),
               "Duplicate"
             ] }),
-            /* @__PURE__ */ jsxs6(DropdownMenuItem, { variant: "destructive", onSelect: onDelete, className: "rounded-md py-2 text-[13px]", children: [
-              /* @__PURE__ */ jsx14(Trash22, { size: 14, strokeWidth: 1.75, className: "shrink-0", "aria-hidden": true }),
+            /* @__PURE__ */ jsxs7(DropdownMenuItem, { variant: "destructive", onSelect: onDelete, className: "rounded-md py-2 text-[13px]", children: [
+              /* @__PURE__ */ jsx15(Trash22, { size: 14, strokeWidth: 1.75, className: "shrink-0", "aria-hidden": true }),
               "Delete"
             ] })
           ] })
@@ -17231,21 +17374,21 @@ function FormFieldToolbar({
   );
 }
 function FieldTypePicker({ onPick }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "div",
     {
       "data-ohw-field-type-picker": "",
       className: "pointer-events-auto grid w-[280px] grid-cols-2 gap-2 rounded-xl border border-border bg-background p-3 shadow-lg",
       children: FIELD_TYPES.map((entry) => {
         const Icon = TYPE_ICONS[entry.type];
-        return /* @__PURE__ */ jsxs6(
+        return /* @__PURE__ */ jsxs7(
           "button",
           {
             type: "button",
             onClick: () => onPick(entry.type),
             className: "flex h-[76px] flex-col items-center justify-center gap-2 rounded-xl border border-border text-[15px] font-medium text-foreground transition-colors hover:border-bridge-primary hover:bg-bridge-primary/5",
             children: [
-              /* @__PURE__ */ jsx14(Icon, { size: 26, strokeWidth: 1.5, "aria-hidden": true }),
+              /* @__PURE__ */ jsx15(Icon, { size: 26, strokeWidth: 1.5, "aria-hidden": true }),
               entry.label
             ]
           },
@@ -17263,7 +17406,7 @@ import { Film, ImageIcon, Pause, Play as Play2, Volume2, VolumeX } from "lucide-
 // src/ui/button.tsx
 import * as React7 from "react";
 import { Slot } from "radix-ui";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var buttonVariants = cva(
   "inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-md text-sm font-medium transition-colors outline-none disabled:pointer-events-none disabled:opacity-50 min-w-[80px] px-3 py-2",
   {
@@ -17287,7 +17430,7 @@ var buttonVariants = cva(
 var Button = React7.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot.Root : "button";
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx16(
       Comp,
       {
         ref,
@@ -17321,7 +17464,7 @@ var MEDIA_SKELETON_CSS = `
 `;
 
 // src/ui/MediaOverlay.tsx
-import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
 var VIDEO_SETTINGS_BAR_INSET = 8;
 var OVERLAY_BUTTON_STYLE = {
   pointerEvents: "auto",
@@ -17387,7 +17530,7 @@ function MediaOverlay({
     return () => anim.cancel();
   }, [isUploading, fadingOut, onFadeOutComplete, hover.key]);
   if (isUploading) {
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx17(
       "div",
       {
         ref: skeletonRef,
@@ -17396,11 +17539,11 @@ function MediaOverlay({
         "data-ohw-media-skeleton": "",
         "aria-hidden": true,
         style: { ...box, pointerEvents: "none" },
-        children: /* @__PURE__ */ jsx16("style", { children: MEDIA_SKELETON_CSS })
+        children: /* @__PURE__ */ jsx17("style", { children: MEDIA_SKELETON_CSS })
       }
     );
   }
-  const settingsBar = isVideo && !hover.isDragOver && showChrome ? /* @__PURE__ */ jsxs7(
+  const settingsBar = isVideo && !hover.isDragOver && showChrome ? /* @__PURE__ */ jsxs8(
     "div",
     {
       "data-ohw-bridge": "",
@@ -17416,7 +17559,7 @@ function MediaOverlay({
       },
       onClick: (e) => e.stopPropagation(),
       children: [
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           Button,
           {
             "data-ohw-media-overlay": "",
@@ -17431,10 +17574,10 @@ function MediaOverlay({
               e.stopPropagation();
               onVideoSettingsChange?.(hover.key, { autoplay: !autoplay });
             },
-            children: autoplay ? /* @__PURE__ */ jsx16(Pause, { size: 14 }) : /* @__PURE__ */ jsx16(Play2, { size: 14 })
+            children: autoplay ? /* @__PURE__ */ jsx17(Pause, { size: 14 }) : /* @__PURE__ */ jsx17(Play2, { size: 14 })
           }
         ),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           Button,
           {
             "data-ohw-media-overlay": "",
@@ -17449,15 +17592,15 @@ function MediaOverlay({
               e.stopPropagation();
               onVideoSettingsChange?.(hover.key, { muted: !muted });
             },
-            children: muted ? /* @__PURE__ */ jsx16(VolumeX, { size: 14 }) : /* @__PURE__ */ jsx16(Volume2, { size: 14 })
+            children: muted ? /* @__PURE__ */ jsx17(VolumeX, { size: 14 }) : /* @__PURE__ */ jsx17(Volume2, { size: 14 })
           }
         )
       ]
     }
   ) : null;
-  return /* @__PURE__ */ jsxs7(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs8(Fragment5, { children: [
     settingsBar,
-    /* @__PURE__ */ jsxs7(
+    /* @__PURE__ */ jsxs8(
       "div",
       {
         "data-ohw-bridge": "",
@@ -17477,7 +17620,7 @@ function MediaOverlay({
         },
         onClick: () => onSelect && !selected ? onSelect(hover.key) : onReplace(hover.key),
         children: [
-          /* @__PURE__ */ jsxs7(
+          /* @__PURE__ */ jsxs8(
             Button,
             {
               ref: probeRef,
@@ -17495,12 +17638,12 @@ function MediaOverlay({
                 pointerEvents: "none"
               },
               children: [
-                isVideo ? /* @__PURE__ */ jsx16(Film, { size: 14 }) : /* @__PURE__ */ jsx16(ImageIcon, { size: 14 }),
+                isVideo ? /* @__PURE__ */ jsx17(Film, { size: 14 }) : /* @__PURE__ */ jsx17(ImageIcon, { size: 14 }),
                 isVideo ? "Replace video" : "Replace image"
               ]
             }
           ),
-          replaceMode === "none" || cueOnly ? null : /* @__PURE__ */ jsxs7(
+          replaceMode === "none" || cueOnly ? null : /* @__PURE__ */ jsxs8(
             Button,
             {
               "data-ohw-media-overlay": "",
@@ -17528,7 +17671,7 @@ function MediaOverlay({
                 onReplace(hover.key);
               },
               children: [
-                isVideo ? /* @__PURE__ */ jsx16(Film, { size: 14 }) : /* @__PURE__ */ jsx16(ImageIcon, { size: 14 }),
+                isVideo ? /* @__PURE__ */ jsx17(Film, { size: 14 }) : /* @__PURE__ */ jsx17(ImageIcon, { size: 14 }),
                 replaceMode === "full" ? isVideo ? "Replace video" : hover.elementType === "bg-image" ? "Replace background" : "Replace image" : null
               ]
             }
@@ -17541,7 +17684,7 @@ function MediaOverlay({
 
 // src/ui/CarouselOverlay.tsx
 import { GalleryHorizontal } from "lucide-react";
-import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
 var OVERLAY_BUTTON_STYLE2 = {
   pointerEvents: "auto",
   fontFamily: "Inter, sans-serif",
@@ -17554,7 +17697,7 @@ function CarouselOverlay({
   cueOnly = false
 }) {
   const { rect } = hover;
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-ohw-bridge": "",
@@ -17572,7 +17715,7 @@ function CarouselOverlay({
         background: "color-mix(in srgb, var(--color-bridge-primary) 20%, transparent)"
       },
       onClick: () => onEdit(hover.key),
-      children: cueOnly ? null : /* @__PURE__ */ jsxs8(
+      children: cueOnly ? null : /* @__PURE__ */ jsxs9(
         Button,
         {
           "data-ohw-carousel-overlay": "",
@@ -17586,7 +17729,7 @@ function CarouselOverlay({
             onEdit(hover.key);
           },
           children: [
-            /* @__PURE__ */ jsx17(GalleryHorizontal, { size: 14 }),
+            /* @__PURE__ */ jsx18(GalleryHorizontal, { size: 14 }),
             "Edit gallery"
           ]
         }
@@ -17598,7 +17741,7 @@ function CarouselOverlay({
 // src/ui/ai-section/AiSectionOverlay.tsx
 import { useCallback as useCallback2, useEffect as useEffect5, useRef as useRef4, useState as useState7 } from "react";
 import { Check, X } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
 var findSectionElement = findByInstanceId;
 function readRect(instanceId) {
   const el = findSectionElement(instanceId);
@@ -17712,8 +17855,8 @@ function ReviewButton({
   color
 }) {
   const [hover, setHover] = useState7(false);
-  return /* @__PURE__ */ jsxs9("div", { style: { position: "relative" }, children: [
-    /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs10("div", { style: { position: "relative" }, children: [
+    /* @__PURE__ */ jsx19(
       "button",
       {
         type: "button",
@@ -17737,7 +17880,7 @@ function ReviewButton({
         children
       }
     ),
-    hover && /* @__PURE__ */ jsx18(
+    hover && /* @__PURE__ */ jsx19(
       "div",
       {
         style: {
@@ -17938,8 +18081,8 @@ function AiSectionOverlay({
       isLast
     });
   }, [activeSelectionId, selectionRect, postToParent2]);
-  return /* @__PURE__ */ jsxs9(Fragment5, { children: [
-    hoverRect && /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    hoverRect && /* @__PURE__ */ jsx19(
       "div",
       {
         "data-ohw-ai-section-hover": "",
@@ -17957,7 +18100,7 @@ function AiSectionOverlay({
         }
       }
     ),
-    showSelectionBorder && selectionRect && /* @__PURE__ */ jsx18(
+    showSelectionBorder && selectionRect && /* @__PURE__ */ jsx19(
       "div",
       {
         "data-ohw-ai-section-selected": "",
@@ -17975,8 +18118,8 @@ function AiSectionOverlay({
         }
       }
     ),
-    reviewRect && /* @__PURE__ */ jsxs9(Fragment5, { children: [
-      subtractRect(reviewRect, navToggleHole).map((r2, i) => /* @__PURE__ */ jsx18(
+    reviewRect && /* @__PURE__ */ jsxs10(Fragment6, { children: [
+      subtractRect(reviewRect, navToggleHole).map((r2, i) => /* @__PURE__ */ jsx19(
         "div",
         {
           "data-ohw-ai-review": "",
@@ -17996,7 +18139,7 @@ function AiSectionOverlay({
         },
         i
       )),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(
         "div",
         {
           "aria-hidden": true,
@@ -18013,7 +18156,7 @@ function AiSectionOverlay({
           }
         }
       ),
-      !reviewButtonsHidden && /* @__PURE__ */ jsxs9(
+      !reviewButtonsHidden && /* @__PURE__ */ jsxs10(
         "div",
         {
           style: {
@@ -18028,8 +18171,8 @@ function AiSectionOverlay({
             zIndex: 2147483201
           },
           children: [
-            /* @__PURE__ */ jsx18(ReviewButton, { label: "Accept", onClick: () => decide("accept"), background: PRIMARY2, color: "#ffffff", children: /* @__PURE__ */ jsx18(Check, { size: 16, strokeWidth: 2.5, "aria-hidden": true }) }),
-            /* @__PURE__ */ jsx18(ReviewButton, { label: "Discard", onClick: () => decide("discard"), background: "#EFF6FF", color: "#0c0a09", children: /* @__PURE__ */ jsx18(X, { size: 16, strokeWidth: 2, "aria-hidden": true }) })
+            /* @__PURE__ */ jsx19(ReviewButton, { label: "Accept", onClick: () => decide("accept"), background: PRIMARY2, color: "#ffffff", children: /* @__PURE__ */ jsx19(Check, { size: 16, strokeWidth: 2.5, "aria-hidden": true }) }),
+            /* @__PURE__ */ jsx19(ReviewButton, { label: "Discard", onClick: () => decide("discard"), background: "#EFF6FF", color: "#0c0a09", children: /* @__PURE__ */ jsx19(X, { size: 16, strokeWidth: 2, "aria-hidden": true }) })
           ]
         }
       )
@@ -18179,7 +18322,7 @@ function setMediaStripItemLink(tree, index, link) {
 }
 
 // src/ui/ai-section/AiMediaStripOverlay.tsx
-import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
 var PRIMARY3 = "#0885FE";
 var OHW_BLUE = `var(--ohw-primary, ${PRIMARY3})`;
 var OHW_BLUE_DARK = `color-mix(in srgb, var(--ohw-primary, ${PRIMARY3}) 60%, #000000)`;
@@ -18267,7 +18410,7 @@ function Pill({
   disabled,
   active
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "button",
     {
       type: "button",
@@ -18298,7 +18441,7 @@ function Pill({
 function AltInput({ value, onCommit }) {
   const [draft, setDraft] = useState8(value);
   useEffect6(() => setDraft(value), [value]);
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       style: {
@@ -18314,7 +18457,7 @@ function AltInput({ value, onCommit }) {
         boxSizing: "border-box"
       },
       children: [
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           "span",
           {
             style: {
@@ -18328,7 +18471,7 @@ function AltInput({ value, onCommit }) {
             children: "Alt"
           }
         ),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           "input",
           {
             type: "text",
@@ -18397,7 +18540,7 @@ function LinkInput({ value, onCommit }) {
     setInvalid(false);
     onCommit(next);
   };
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       style: {
@@ -18414,7 +18557,7 @@ function LinkInput({ value, onCommit }) {
         boxShadow: invalid ? "inset 0 0 0 1.5px #EF4444" : "none"
       },
       children: [
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           "span",
           {
             style: {
@@ -18428,7 +18571,7 @@ function LinkInput({ value, onCommit }) {
             children: "Link"
           }
         ),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           "input",
           {
             type: "text",
@@ -18504,7 +18647,7 @@ function MediaStripToolbar({
     width: "100%",
     scrollbarWidth: "none"
   } : { display: "flex", gap: 6, flexWrap: "nowrap", justifyContent: "center" };
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       "data-ohw-bridge": "",
@@ -18524,38 +18667,38 @@ function MediaStripToolbar({
         maxWidth: isMobile ? "calc(100vw - 24px)" : "none"
       },
       children: [
-        /* @__PURE__ */ jsxs10("div", { style: rowStyle, children: [
-          VARIANTS.map((v) => /* @__PURE__ */ jsx19(Pill, { label: v.label, active: variant === v.value, onClick: () => onSetVariant(v.value) }, v.value)),
-          ALIGNS.map((a) => /* @__PURE__ */ jsx19(Pill, { label: a.label, active: align === a.value, onClick: () => onSetAlign(a.value) }, a.value))
+        /* @__PURE__ */ jsxs11("div", { style: rowStyle, children: [
+          VARIANTS.map((v) => /* @__PURE__ */ jsx20(Pill, { label: v.label, active: variant === v.value, onClick: () => onSetVariant(v.value) }, v.value)),
+          ALIGNS.map((a) => /* @__PURE__ */ jsx20(Pill, { label: a.label, active: align === a.value, onClick: () => onSetAlign(a.value) }, a.value))
         ] }),
-        /* @__PURE__ */ jsxs10("div", { style: rowStyle, children: [
-          HOVERS.map((h) => /* @__PURE__ */ jsx19(Pill, { label: h.label, active: hover === h.value, onClick: () => onSetHover(h.value) }, h.value)),
-          TREATMENTS.map((t) => /* @__PURE__ */ jsx19(Pill, { label: t.label, active: treatment === t.value, onClick: () => onSetTreatment(t.value) }, t.value))
+        /* @__PURE__ */ jsxs11("div", { style: rowStyle, children: [
+          HOVERS.map((h) => /* @__PURE__ */ jsx20(Pill, { label: h.label, active: hover === h.value, onClick: () => onSetHover(h.value) }, h.value)),
+          TREATMENTS.map((t) => /* @__PURE__ */ jsx20(Pill, { label: t.label, active: treatment === t.value, onClick: () => onSetTreatment(t.value) }, t.value))
         ] }),
-        /* @__PURE__ */ jsxs10("div", { style: { display: "flex", gap: 6, alignItems: "center" }, children: [
-          /* @__PURE__ */ jsx19(Pill, { label: "\u2212", onClick: () => onResize(-8) }),
-          /* @__PURE__ */ jsxs10("span", { style: { color: "#ffffff", fontSize: 12, minWidth: 34, textAlign: "center" }, children: [
+        /* @__PURE__ */ jsxs11("div", { style: { display: "flex", gap: 6, alignItems: "center" }, children: [
+          /* @__PURE__ */ jsx20(Pill, { label: "\u2212", onClick: () => onResize(-8) }),
+          /* @__PURE__ */ jsxs11("span", { style: { color: "#ffffff", fontSize: 12, minWidth: 34, textAlign: "center" }, children: [
             sizeValue,
             "px"
           ] }),
-          /* @__PURE__ */ jsx19(Pill, { label: "+", onClick: () => onResize(8) })
+          /* @__PURE__ */ jsx20(Pill, { label: "+", onClick: () => onResize(8) })
         ] }),
-        /* @__PURE__ */ jsx19("div", { style: { display: "flex", justifyContent: "center", width: "100%" }, children: /* @__PURE__ */ jsx19(AltInput, { value: currentAlt, onCommit: onSetAlt }) }),
-        /* @__PURE__ */ jsx19("div", { style: { display: "flex", justifyContent: "center", width: "100%" }, children: /* @__PURE__ */ jsx19(LinkInput, { value: currentHref, onCommit: (href) => onSetLink(href, currentTarget) }) }),
-        currentHref && /* @__PURE__ */ jsxs10("div", { style: rowStyle, children: [
-          /* @__PURE__ */ jsx19(Pill, { label: "New tab", active: currentTarget === "new-tab", onClick: () => onSetLink(currentHref, "new-tab") }),
-          /* @__PURE__ */ jsx19(Pill, { label: "Same tab", active: currentTarget === "same-tab", onClick: () => onSetLink(currentHref, "same-tab") })
+        /* @__PURE__ */ jsx20("div", { style: { display: "flex", justifyContent: "center", width: "100%" }, children: /* @__PURE__ */ jsx20(AltInput, { value: currentAlt, onCommit: onSetAlt }) }),
+        /* @__PURE__ */ jsx20("div", { style: { display: "flex", justifyContent: "center", width: "100%" }, children: /* @__PURE__ */ jsx20(LinkInput, { value: currentHref, onCommit: (href) => onSetLink(href, currentTarget) }) }),
+        currentHref && /* @__PURE__ */ jsxs11("div", { style: rowStyle, children: [
+          /* @__PURE__ */ jsx20(Pill, { label: "New tab", active: currentTarget === "new-tab", onClick: () => onSetLink(currentHref, "new-tab") }),
+          /* @__PURE__ */ jsx20(Pill, { label: "Same tab", active: currentTarget === "same-tab", onClick: () => onSetLink(currentHref, "same-tab") })
         ] }),
-        /* @__PURE__ */ jsxs10("div", { style: rowStyle, children: [
-          /* @__PURE__ */ jsx19(Pill, { label: "Change Image", onClick: onChangeImage }),
-          /* @__PURE__ */ jsx19(Pill, { label: "+ Item", onClick: onAddItem }),
-          /* @__PURE__ */ jsx19(Pill, { label: "\u2212 Item", onClick: onRemoveItem, disabled: itemCount <= 1 })
+        /* @__PURE__ */ jsxs11("div", { style: rowStyle, children: [
+          /* @__PURE__ */ jsx20(Pill, { label: "Change Image", onClick: onChangeImage }),
+          /* @__PURE__ */ jsx20(Pill, { label: "+ Item", onClick: onAddItem }),
+          /* @__PURE__ */ jsx20(Pill, { label: "\u2212 Item", onClick: onRemoveItem, disabled: itemCount <= 1 })
         ] }),
-        /* @__PURE__ */ jsxs10("div", { style: rowStyle, children: [
-          /* @__PURE__ */ jsx19(Pill, { label: "\u2190 Move", onClick: onMoveLeft, disabled: index <= 0 }),
-          /* @__PURE__ */ jsx19(Pill, { label: "\u2192 Move", onClick: onMoveRight, disabled: index >= itemCount - 1 })
+        /* @__PURE__ */ jsxs11("div", { style: rowStyle, children: [
+          /* @__PURE__ */ jsx20(Pill, { label: "\u2190 Move", onClick: onMoveLeft, disabled: index <= 0 }),
+          /* @__PURE__ */ jsx20(Pill, { label: "\u2192 Move", onClick: onMoveRight, disabled: index >= itemCount - 1 })
         ] }),
-        error && /* @__PURE__ */ jsx19("div", { style: { color: "#FCA5A5", fontSize: 11, maxWidth: 220, textAlign: "center" }, children: error })
+        error && /* @__PURE__ */ jsx20("div", { style: { color: "#FCA5A5", fontSize: 11, maxWidth: 220, textAlign: "center" }, children: error })
       ]
     }
   );
@@ -18684,8 +18827,8 @@ function AiMediaStripOverlay({
   const activeItemRect = useLiveItemRect(active);
   const TOOLBAR_APPROX_H = 170;
   const toolbarState = activeItemRect && activeItemRect.top < TOOLBAR_APPROX_H ? "active-bottom" : "active-top";
-  return /* @__PURE__ */ jsxs10(Fragment6, { children: [
-    hoverHandleRect && hover && /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs11(Fragment7, { children: [
+    hoverHandleRect && hover && /* @__PURE__ */ jsx20(
       "button",
       {
         type: "button",
@@ -18713,15 +18856,15 @@ function AiMediaStripOverlay({
           fontSize: 14,
           fontWeight: 700
         },
-        children: /* @__PURE__ */ jsx19(Star, { size: 14, style: { pointerEvents: "none" } })
+        children: /* @__PURE__ */ jsx20(Star, { size: 14, style: { pointerEvents: "none" } })
       }
     ),
-    activeItemRect && active && activeEntry && /* @__PURE__ */ jsx19(
+    activeItemRect && active && activeEntry && /* @__PURE__ */ jsx20(
       ItemInteractionLayer,
       {
         rect: activeItemRect,
         state: toolbarState,
-        toolbar: /* @__PURE__ */ jsx19(
+        toolbar: /* @__PURE__ */ jsx20(
           MediaStripToolbar,
           {
             entry: activeEntry,
@@ -18801,7 +18944,7 @@ function AiMediaStripOverlay({
 // src/ui/ai-section/AiPricingCardOverlay.tsx
 import { useCallback as useCallback4, useEffect as useEffect7, useLayoutEffect as useLayoutEffect4, useRef as useRef6, useState as useState9 } from "react";
 import { Check as Check2, ChevronDown as ChevronDown3, Minus, Plus as Plus2, Star as Star2 } from "lucide-react";
-import { Fragment as Fragment7, jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
 var PRIMARY4 = "var(--ohw-primary, #0885FE)";
 var CHROME_SELECTOR = "[data-ohw-toolbar], [data-ohw-edit-chrome], [data-ohw-item-interaction], [data-ohw-link-modal-root], [data-ohw-section-picker], [data-ohw-ai-review], [data-ohw-more-menu]";
 function findPricingCardElement(sectionId, index) {
@@ -18890,7 +19033,7 @@ function GridToolbarSlot({ gridRect, children }) {
     return () => ro.disconnect();
   }, [centerX, children]);
   const mobile = window.innerWidth <= 480;
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       ref: slotRef,
@@ -18925,7 +19068,7 @@ function requestValidateTree2(postToParent2, tree) {
   });
 }
 function StyleSwatch({ style }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "span",
     {
       "aria-hidden": true,
@@ -18939,19 +19082,19 @@ function StyleSwatch({ style }) {
   );
 }
 function ButtonGlyph() {
-  return /* @__PURE__ */ jsxs11("svg", { width: "18", height: "12", viewBox: "0 0 18 12", fill: "none", "aria-hidden": true, style: { pointerEvents: "none" }, children: [
-    /* @__PURE__ */ jsx20("rect", { x: "0.75", y: "0.75", width: "16.5", height: "10.5", rx: "3", stroke: "currentColor", strokeWidth: "1.5" }),
-    /* @__PURE__ */ jsx20("path", { d: "M5.5 6H12.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+  return /* @__PURE__ */ jsxs12("svg", { width: "18", height: "12", viewBox: "0 0 18 12", fill: "none", "aria-hidden": true, style: { pointerEvents: "none" }, children: [
+    /* @__PURE__ */ jsx21("rect", { x: "0.75", y: "0.75", width: "16.5", height: "10.5", rx: "3", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ jsx21("path", { d: "M5.5 6H12.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
   ] });
 }
 function FeatureGlyph({ mode }) {
-  return /* @__PURE__ */ jsxs11("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", "aria-hidden": true, style: { pointerEvents: "none" }, children: [
-    /* @__PURE__ */ jsx20("circle", { cx: "8", cy: "8", r: "7.25", stroke: "currentColor", strokeWidth: "1.5" }),
-    /* @__PURE__ */ jsx20("path", { d: "M5 8.2L7.2 10.3L11 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx20("circle", { cx: "13.5", cy: "13.5", r: "4.25", fill: "var(--ohw-background, #ffffff)", stroke: "var(--ohw-background, #ffffff)", strokeWidth: "1" }),
-    /* @__PURE__ */ jsx20("circle", { cx: "13.5", cy: "13.5", r: "3.75", fill: "var(--ohw-background, #ffffff)", stroke: PRIMARY4, strokeWidth: "1" }),
-    /* @__PURE__ */ jsx20("path", { d: "M11.5 13.5H15.5", stroke: PRIMARY4, strokeWidth: "1.5", strokeLinecap: "round" }),
-    mode === "add" && /* @__PURE__ */ jsx20("path", { d: "M13.5 11.5V15.5", stroke: PRIMARY4, strokeWidth: "1.5", strokeLinecap: "round" })
+  return /* @__PURE__ */ jsxs12("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", "aria-hidden": true, style: { pointerEvents: "none" }, children: [
+    /* @__PURE__ */ jsx21("circle", { cx: "8", cy: "8", r: "7.25", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ jsx21("path", { d: "M5 8.2L7.2 10.3L11 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx21("circle", { cx: "13.5", cy: "13.5", r: "4.25", fill: "var(--ohw-background, #ffffff)", stroke: "var(--ohw-background, #ffffff)", strokeWidth: "1" }),
+    /* @__PURE__ */ jsx21("circle", { cx: "13.5", cy: "13.5", r: "3.75", fill: "var(--ohw-background, #ffffff)", stroke: PRIMARY4, strokeWidth: "1" }),
+    /* @__PURE__ */ jsx21("path", { d: "M11.5 13.5H15.5", stroke: PRIMARY4, strokeWidth: "1.5", strokeLinecap: "round" }),
+    mode === "add" && /* @__PURE__ */ jsx21("path", { d: "M13.5 11.5V15.5", stroke: PRIMARY4, strokeWidth: "1.5", strokeLinecap: "round" })
   ] });
 }
 function ToolbarAction({
@@ -18960,14 +19103,14 @@ function ToolbarAction({
   disabled = false,
   children
 }) {
-  const button = /* @__PURE__ */ jsx20(CustomToolbarButton, { type: "button", "aria-label": label, disabled, onClick, className: "size-8", children });
-  return /* @__PURE__ */ jsxs11(Tooltip, { children: [
-    /* @__PURE__ */ jsx20(TooltipTrigger, { asChild: true, children: disabled ? /* @__PURE__ */ jsx20("span", { className: "inline-flex", children: button }) : button }),
-    /* @__PURE__ */ jsx20(TooltipContent, { side: "bottom", sideOffset: 8, children: label })
+  const button = /* @__PURE__ */ jsx21(CustomToolbarButton, { type: "button", "aria-label": label, disabled, onClick, className: "size-8", children });
+  return /* @__PURE__ */ jsxs12(Tooltip, { children: [
+    /* @__PURE__ */ jsx21(TooltipTrigger, { asChild: true, children: disabled ? /* @__PURE__ */ jsx21("span", { className: "inline-flex", children: button }) : button }),
+    /* @__PURE__ */ jsx21(TooltipContent, { side: "bottom", sideOffset: 8, children: label })
   ] });
 }
 function ToolbarSeparator() {
-  return /* @__PURE__ */ jsx20("span", { "aria-hidden": true, className: "mx-0.5 block h-6 w-px shrink-0 bg-border" });
+  return /* @__PURE__ */ jsx21("span", { "aria-hidden": true, className: "mx-0.5 block h-6 w-px shrink-0 bg-border" });
 }
 function CardStyleMenu({
   value,
@@ -18975,7 +19118,7 @@ function CardStyleMenu({
   disabled = false
 }) {
   const current = PRICING_CARD_STYLES.find((s) => s.value === value) ?? PRICING_CARD_STYLES[0];
-  const trigger = /* @__PURE__ */ jsxs11(
+  const trigger = /* @__PURE__ */ jsxs12(
     "button",
     {
       type: "button",
@@ -18986,28 +19129,28 @@ function CardStyleMenu({
         disabled && "cursor-not-allowed opacity-40 hover:bg-transparent"
       ),
       children: [
-        /* @__PURE__ */ jsx20(StyleSwatch, { style: current.value }),
-        /* @__PURE__ */ jsx20("span", { className: "flex-1 text-left", children: current.label }),
-        /* @__PURE__ */ jsx20(ChevronDown3, { size: 16, style: { pointerEvents: "none" } })
+        /* @__PURE__ */ jsx21(StyleSwatch, { style: current.value }),
+        /* @__PURE__ */ jsx21("span", { className: "flex-1 text-left", children: current.label }),
+        /* @__PURE__ */ jsx21(ChevronDown3, { size: 16, style: { pointerEvents: "none" } })
       ]
     }
   );
   if (disabled) {
-    return /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1.5 pl-1.5", children: [
-      /* @__PURE__ */ jsx20("span", { className: "text-xs text-muted-foreground opacity-50", children: "Card style" }),
-      /* @__PURE__ */ jsxs11(Tooltip, { children: [
-        /* @__PURE__ */ jsx20(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx20("span", { className: "inline-flex", children: trigger }) }),
-        /* @__PURE__ */ jsx20(TooltipContent, { side: "bottom", sideOffset: 8, children: "Mark as featured to edit card style" })
+    return /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1.5 pl-1.5", children: [
+      /* @__PURE__ */ jsx21("span", { className: "text-xs text-muted-foreground opacity-50", children: "Card style" }),
+      /* @__PURE__ */ jsxs12(Tooltip, { children: [
+        /* @__PURE__ */ jsx21(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx21("span", { className: "inline-flex", children: trigger }) }),
+        /* @__PURE__ */ jsx21(TooltipContent, { side: "bottom", sideOffset: 8, children: "Mark as featured to edit card style" })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1.5 pl-1.5", children: [
-    /* @__PURE__ */ jsx20("span", { className: "text-xs text-muted-foreground", children: "Card style" }),
-    /* @__PURE__ */ jsxs11(DropdownMenu, { modal: false, children: [
-      /* @__PURE__ */ jsx20(DropdownMenuTrigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ jsx20(DropdownMenuContent, { align: "end", sideOffset: 8, className: "w-[152px] min-w-[152px] p-1", children: PRICING_CARD_STYLES.map((style) => {
+  return /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1.5 pl-1.5", children: [
+    /* @__PURE__ */ jsx21("span", { className: "text-xs text-muted-foreground", children: "Card style" }),
+    /* @__PURE__ */ jsxs12(DropdownMenu, { modal: false, children: [
+      /* @__PURE__ */ jsx21(DropdownMenuTrigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ jsx21(DropdownMenuContent, { align: "end", sideOffset: 8, className: "w-[152px] min-w-[152px] p-1", children: PRICING_CARD_STYLES.map((style) => {
         const selected = style.value === value;
-        return /* @__PURE__ */ jsxs11(
+        return /* @__PURE__ */ jsxs12(
           DropdownMenuItem,
           {
             role: "menuitemradio",
@@ -19015,9 +19158,9 @@ function CardStyleMenu({
             onSelect: () => onChange(style.value),
             className: cn("grid grid-cols-[18px_1fr_16px] gap-2 py-2 pl-2 pr-2 text-[13px]", selected && "bg-muted"),
             children: [
-              /* @__PURE__ */ jsx20(StyleSwatch, { style: style.value }),
-              /* @__PURE__ */ jsx20("span", { children: style.label }),
-              selected && /* @__PURE__ */ jsx20(Check2, { size: 16, className: "text-bridge-primary" })
+              /* @__PURE__ */ jsx21(StyleSwatch, { style: style.value }),
+              /* @__PURE__ */ jsx21("span", { children: style.label }),
+              selected && /* @__PURE__ */ jsx21(Check2, { size: 16, className: "text-bridge-primary" })
             ]
           },
           style.value
@@ -19047,7 +19190,7 @@ function PricingCardToolbar({
   const style = pricingCardStyle(entry.tree, index);
   const featuredTag = pricingCardFeaturedTag(entry.tree, index);
   const mobile = window.innerWidth <= 480;
-  return /* @__PURE__ */ jsx20(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsx21(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs12(
     "div",
     {
       "data-ohw-bridge": "",
@@ -19059,7 +19202,7 @@ function PricingCardToolbar({
       ),
       style: { maxWidth: mobile ? "calc(100vw - 24px)" : void 0 },
       children: [
-        /* @__PURE__ */ jsxs11(
+        /* @__PURE__ */ jsxs12(
           "div",
           {
             className: cn(
@@ -19068,8 +19211,8 @@ function PricingCardToolbar({
               mobile ? "flex-wrap justify-center" : "flex-nowrap"
             ),
             children: [
-              /* @__PURE__ */ jsxs11(Tooltip, { children: [
-                /* @__PURE__ */ jsx20(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsxs12(Tooltip, { children: [
+                /* @__PURE__ */ jsx21(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx21(
                   CustomToolbarButton,
                   {
                     type: "button",
@@ -19077,7 +19220,7 @@ function PricingCardToolbar({
                     "aria-pressed": featuredTag,
                     onClick: () => onSetFeaturedTag(!featuredTag),
                     className: "group size-8",
-                    children: /* @__PURE__ */ jsx20(
+                    children: /* @__PURE__ */ jsx21(
                       Star2,
                       {
                         size: 16,
@@ -19092,25 +19235,25 @@ function PricingCardToolbar({
                     )
                   }
                 ) }),
-                /* @__PURE__ */ jsx20(TooltipContent, { side: "bottom", sideOffset: 8, children: featuredTag ? "Unmark featured" : "Mark as featured" })
+                /* @__PURE__ */ jsx21(TooltipContent, { side: "bottom", sideOffset: 8, children: featuredTag ? "Unmark featured" : "Mark as featured" })
               ] }),
-              /* @__PURE__ */ jsx20(ToolbarSeparator, {}),
-              /* @__PURE__ */ jsx20(CardStyleMenu, { value: style, onChange: onSetStyle, disabled: !featuredTag }),
-              /* @__PURE__ */ jsx20(ToolbarSeparator, {}),
-              /* @__PURE__ */ jsx20(ToolbarAction, { label: "Add button", onClick: onAddButton, disabled: buttonCount >= 2, children: /* @__PURE__ */ jsx20(ButtonGlyph, {}) }),
-              /* @__PURE__ */ jsx20(ToolbarAction, { label: "Remove button", onClick: onRemoveButton, disabled: buttonCount === 0, children: /* @__PURE__ */ jsxs11("span", { className: "relative inline-flex", children: [
-                /* @__PURE__ */ jsx20(ButtonGlyph, {}),
-                /* @__PURE__ */ jsx20(Minus, { size: 10, strokeWidth: 2.5, className: "absolute -right-1.5 -top-1.5 rounded-full bg-background text-bridge-primary" })
+              /* @__PURE__ */ jsx21(ToolbarSeparator, {}),
+              /* @__PURE__ */ jsx21(CardStyleMenu, { value: style, onChange: onSetStyle, disabled: !featuredTag }),
+              /* @__PURE__ */ jsx21(ToolbarSeparator, {}),
+              /* @__PURE__ */ jsx21(ToolbarAction, { label: "Add button", onClick: onAddButton, disabled: buttonCount >= 2, children: /* @__PURE__ */ jsx21(ButtonGlyph, {}) }),
+              /* @__PURE__ */ jsx21(ToolbarAction, { label: "Remove button", onClick: onRemoveButton, disabled: buttonCount === 0, children: /* @__PURE__ */ jsxs12("span", { className: "relative inline-flex", children: [
+                /* @__PURE__ */ jsx21(ButtonGlyph, {}),
+                /* @__PURE__ */ jsx21(Minus, { size: 10, strokeWidth: 2.5, className: "absolute -right-1.5 -top-1.5 rounded-full bg-background text-bridge-primary" })
               ] }) }),
-              /* @__PURE__ */ jsx20(ToolbarAction, { label: "Add feature", onClick: onAddFeature, disabled: featureCount >= 10, children: /* @__PURE__ */ jsx20(FeatureGlyph, { mode: "add" }) }),
-              /* @__PURE__ */ jsx20(ToolbarAction, { label: "Remove feature", onClick: onRemoveFeature, disabled: featureCount <= 1, children: /* @__PURE__ */ jsx20(FeatureGlyph, { mode: "remove" }) }),
-              /* @__PURE__ */ jsx20(ToolbarSeparator, {}),
-              /* @__PURE__ */ jsx20(ToolbarAction, { label: "Add tier", onClick: onAddTier, disabled: collectionCount >= 4, children: /* @__PURE__ */ jsx20(Plus2, { size: 16, style: { pointerEvents: "none" } }) }),
-              /* @__PURE__ */ jsx20(ToolbarAction, { label: "Remove tier", onClick: onRemoveTier, disabled: collectionCount <= 1, children: /* @__PURE__ */ jsx20(Minus, { size: 16, style: { pointerEvents: "none" } }) })
+              /* @__PURE__ */ jsx21(ToolbarAction, { label: "Add feature", onClick: onAddFeature, disabled: featureCount >= 10, children: /* @__PURE__ */ jsx21(FeatureGlyph, { mode: "add" }) }),
+              /* @__PURE__ */ jsx21(ToolbarAction, { label: "Remove feature", onClick: onRemoveFeature, disabled: featureCount <= 1, children: /* @__PURE__ */ jsx21(FeatureGlyph, { mode: "remove" }) }),
+              /* @__PURE__ */ jsx21(ToolbarSeparator, {}),
+              /* @__PURE__ */ jsx21(ToolbarAction, { label: "Add tier", onClick: onAddTier, disabled: collectionCount >= 4, children: /* @__PURE__ */ jsx21(Plus2, { size: 16, style: { pointerEvents: "none" } }) }),
+              /* @__PURE__ */ jsx21(ToolbarAction, { label: "Remove tier", onClick: onRemoveTier, disabled: collectionCount <= 1, children: /* @__PURE__ */ jsx21(Minus, { size: 16, style: { pointerEvents: "none" } }) })
             ]
           }
         ),
-        error && /* @__PURE__ */ jsx20("div", { className: "max-w-[260px] rounded-md bg-background px-2 py-1 text-center text-[11px] text-destructive shadow-sm", children: error })
+        error && /* @__PURE__ */ jsx21("div", { className: "max-w-[260px] rounded-md bg-background px-2 py-1 text-center text-[11px] text-destructive shadow-sm", children: error })
       ]
     }
   ) });
@@ -19228,11 +19371,11 @@ function AiPricingCardOverlay({
   const activeCardRect = useLiveCardRect(active);
   const activeGridRect = useLiveCardRect(active, true);
   const hoverRect = useLiveCardRect(hover && !sameRef(hover, active) ? hover : null);
-  return /* @__PURE__ */ jsxs11(Fragment7, { children: [
-    hoverRect && /* @__PURE__ */ jsx20(ItemInteractionLayer, { rect: hoverRect, state: "hover" }),
-    activeCardRect && activeGridRect && active && activeEntry && /* @__PURE__ */ jsxs11(Fragment7, { children: [
-      /* @__PURE__ */ jsx20(ItemInteractionLayer, { rect: activeCardRect, state: "active-top" }),
-      /* @__PURE__ */ jsx20(GridToolbarSlot, { gridRect: activeGridRect, children: /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsxs12(Fragment8, { children: [
+    hoverRect && /* @__PURE__ */ jsx21(ItemInteractionLayer, { rect: hoverRect, state: "hover" }),
+    activeCardRect && activeGridRect && active && activeEntry && /* @__PURE__ */ jsxs12(Fragment8, { children: [
+      /* @__PURE__ */ jsx21(ItemInteractionLayer, { rect: activeCardRect, state: "active-top" }),
+      /* @__PURE__ */ jsx21(GridToolbarSlot, { gridRect: activeGridRect, children: /* @__PURE__ */ jsx21(
         PricingCardToolbar,
         {
           entry: activeEntry,
@@ -19260,7 +19403,7 @@ function AiPricingCardOverlay({
           onRemoveFeature: () => runMutation(active.sectionId, (tree) => removePricingCardFeature(tree, active.index))
         }
       ) }),
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx21(
         "div",
         {
           "data-ohw-bridge": "",
@@ -19353,7 +19496,7 @@ function extractYouTubeId(input) {
 }
 
 // src/ui/ai-section/AiVideoOverlay.tsx
-import { Fragment as Fragment8, jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
 var PRIMARY5 = "#0885FE";
 var OHW_BLUE2 = `var(--ohw-primary, ${PRIMARY5})`;
 var OHW_BLUE_DARK2 = `color-mix(in srgb, var(--ohw-primary, ${PRIMARY5}) 60%, #000000)`;
@@ -19421,7 +19564,7 @@ function Pill2({
   onClick,
   disabled
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "button",
     {
       type: "button",
@@ -19480,8 +19623,8 @@ function VideoUrlInput({ value, onCommit }) {
       onCommit(id);
     }
   };
-  return /* @__PURE__ */ jsxs12("div", { style: { display: "flex", flexDirection: "column", gap: 4, width: "100%", maxWidth: 280 }, children: [
-    /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13("div", { style: { display: "flex", flexDirection: "column", gap: 4, width: "100%", maxWidth: 280 }, children: [
+    /* @__PURE__ */ jsxs13(
       "div",
       {
         style: {
@@ -19497,7 +19640,7 @@ function VideoUrlInput({ value, onCommit }) {
           boxShadow: invalid ? "inset 0 0 0 1.5px #EF4444" : "none"
         },
         children: [
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx22(
             "span",
             {
               style: {
@@ -19512,7 +19655,7 @@ function VideoUrlInput({ value, onCommit }) {
               children: "Video"
             }
           ),
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx22(
             "input",
             {
               type: "text",
@@ -19549,7 +19692,7 @@ function VideoUrlInput({ value, onCommit }) {
         ]
       }
     ),
-    invalid && /* @__PURE__ */ jsx21("div", { style: { color: "#FCA5A5", fontSize: 11, textAlign: "center" }, children: "That doesn't look like a YouTube link \u2014 try pasting the video URL again." })
+    invalid && /* @__PURE__ */ jsx22("div", { style: { color: "#FCA5A5", fontSize: 11, textAlign: "center" }, children: "That doesn't look like a YouTube link \u2014 try pasting the video URL again." })
   ] });
 }
 function VideoToolbar({
@@ -19559,7 +19702,7 @@ function VideoToolbar({
   onSetVideoId,
   onRemove
 }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       "data-ohw-bridge": "",
@@ -19579,9 +19722,9 @@ function VideoToolbar({
         opacity: pending ? 0.6 : 1
       },
       children: [
-        /* @__PURE__ */ jsx21(VideoUrlInput, { value: videoId, onCommit: onSetVideoId }),
-        /* @__PURE__ */ jsx21(Pill2, { label: "Remove video", onClick: onRemove, disabled: !videoId }),
-        error && /* @__PURE__ */ jsx21("div", { style: { color: "#FCA5A5", fontSize: 11, maxWidth: 220, textAlign: "center" }, children: error })
+        /* @__PURE__ */ jsx22(VideoUrlInput, { value: videoId, onCommit: onSetVideoId }),
+        /* @__PURE__ */ jsx22(Pill2, { label: "Remove video", onClick: onRemove, disabled: !videoId }),
+        error && /* @__PURE__ */ jsx22("div", { style: { color: "#FCA5A5", fontSize: 11, maxWidth: 220, textAlign: "center" }, children: error })
       ]
     }
   );
@@ -19701,8 +19844,8 @@ function AiVideoOverlay({
   const activeBlockRect = useLiveBlockRect(active);
   const TOOLBAR_APPROX_H = 90;
   const toolbarState = activeBlockRect && activeBlockRect.top < TOOLBAR_APPROX_H ? "active-bottom" : "active-top";
-  return /* @__PURE__ */ jsxs12(Fragment8, { children: [
-    hoverHandleRect && hover && /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs13(Fragment9, { children: [
+    hoverHandleRect && hover && /* @__PURE__ */ jsx22(
       "button",
       {
         type: "button",
@@ -19730,15 +19873,15 @@ function AiVideoOverlay({
           fontSize: 14,
           fontWeight: 700
         },
-        children: /* @__PURE__ */ jsx21(Star3, { size: 14, style: { pointerEvents: "none" } })
+        children: /* @__PURE__ */ jsx22(Star3, { size: 14, style: { pointerEvents: "none" } })
       }
     ),
-    activeBlockRect && active && activeEntry && /* @__PURE__ */ jsx21(
+    activeBlockRect && active && activeEntry && /* @__PURE__ */ jsx22(
       ItemInteractionLayer,
       {
         rect: activeBlockRect,
         state: toolbarState,
-        toolbar: /* @__PURE__ */ jsx21(
+        toolbar: /* @__PURE__ */ jsx22(
           VideoToolbar,
           {
             videoId: videoIdAt(activeEntry.tree, active.path),
@@ -19813,7 +19956,7 @@ function setCarouselAutoplay(tree, on) {
 }
 
 // src/ui/ai-section/AiFadeCarouselOverlay.tsx
-import { Fragment as Fragment9, jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
 var PRIMARY6 = "#0885FE";
 var OHW_BLUE3 = `var(--ohw-primary, ${PRIMARY6})`;
 var OHW_BLUE_DARK3 = `color-mix(in srgb, var(--ohw-primary, ${PRIMARY6}) 60%, #000000)`;
@@ -19896,7 +20039,7 @@ function requestAssetPick2(postToParent2) {
   });
 }
 function Pill3({ label, onClick, disabled }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "button",
     {
       type: "button",
@@ -19930,7 +20073,7 @@ function TogglePill({
   onToggle,
   disabled
 }) {
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "button",
     {
       type: "button",
@@ -19959,7 +20102,7 @@ function TogglePill({
       },
       children: [
         label,
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx23(
           "span",
           {
             "aria-hidden": true,
@@ -19975,7 +20118,7 @@ function TogglePill({
               background: on ? OHW_BLUE_DARK3 : "#CBD5E1",
               transition: "background 120ms ease"
             },
-            children: /* @__PURE__ */ jsx22(
+            children: /* @__PURE__ */ jsx23(
               "span",
               {
                 style: {
@@ -20004,7 +20147,7 @@ function CarouselSlideToolbar({
   onChangeImage,
   onToggleAutoplay
 }) {
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       "data-ohw-bridge": "",
@@ -20027,11 +20170,11 @@ function CarouselSlideToolbar({
         pointerEvents: pending ? "none" : "auto"
       },
       children: [
-        /* @__PURE__ */ jsxs13("div", { style: { display: "flex", gap: 6, alignItems: "center" }, children: [
-          /* @__PURE__ */ jsx22(Pill3, { label: "Change Image", onClick: onChangeImage }),
-          /* @__PURE__ */ jsx22(TogglePill, { label: "Autoplay", on: autoplay, onToggle: onToggleAutoplay })
+        /* @__PURE__ */ jsxs14("div", { style: { display: "flex", gap: 6, alignItems: "center" }, children: [
+          /* @__PURE__ */ jsx23(Pill3, { label: "Change Image", onClick: onChangeImage }),
+          /* @__PURE__ */ jsx23(TogglePill, { label: "Autoplay", on: autoplay, onToggle: onToggleAutoplay })
         ] }),
-        error && /* @__PURE__ */ jsx22("div", { style: { color: "#FCA5A5", fontSize: 11, maxWidth: 220, textAlign: "center" }, children: error })
+        error && /* @__PURE__ */ jsx23("div", { style: { color: "#FCA5A5", fontSize: 11, maxWidth: 220, textAlign: "center" }, children: error })
       ]
     }
   );
@@ -20171,8 +20314,8 @@ function AiFadeCarouselOverlay({
   const activeItemRect = useLiveItemRect2(active);
   const TOOLBAR_APPROX_H = 90;
   const toolbarState = activeItemRect && activeItemRect.top < TOOLBAR_APPROX_H ? "active-bottom" : "active-top";
-  return /* @__PURE__ */ jsxs13(Fragment9, { children: [
-    hoverHandleRect && hover && /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs14(Fragment10, { children: [
+    hoverHandleRect && hover && /* @__PURE__ */ jsx23(
       "button",
       {
         type: "button",
@@ -20201,10 +20344,10 @@ function AiFadeCarouselOverlay({
           fontSize: 14,
           fontWeight: 700
         },
-        children: /* @__PURE__ */ jsx22(Star4, { size: 14, style: { pointerEvents: "none" } })
+        children: /* @__PURE__ */ jsx23(Star4, { size: 14, style: { pointerEvents: "none" } })
       }
     ),
-    swapping && /* @__PURE__ */ jsx22(
+    swapping && /* @__PURE__ */ jsx23(
       "div",
       {
         ref: skeletonRef,
@@ -20222,15 +20365,15 @@ function AiFadeCarouselOverlay({
           zIndex: 2147483646,
           pointerEvents: "none"
         },
-        children: /* @__PURE__ */ jsx22("style", { children: MEDIA_SKELETON_CSS })
+        children: /* @__PURE__ */ jsx23("style", { children: MEDIA_SKELETON_CSS })
       }
     ),
-    activeItemRect && active && activeEntry && /* @__PURE__ */ jsx22(
+    activeItemRect && active && activeEntry && /* @__PURE__ */ jsx23(
       ItemInteractionLayer,
       {
         rect: activeItemRect,
         state: toolbarState,
-        toolbar: /* @__PURE__ */ jsx22(
+        toolbar: /* @__PURE__ */ jsx23(
           CarouselSlideToolbar,
           {
             pending,
@@ -20587,22 +20730,22 @@ import { useEffect as useEffect13 } from "react";
 import * as React9 from "react";
 import { Dialog as DialogPrimitive } from "radix-ui";
 import { X as X2 } from "lucide-react";
-import { jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
 function Dialog2({
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ jsx24(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(DialogPrimitive.Portal, { ...props });
+  return /* @__PURE__ */ jsx24(DialogPrimitive.Portal, { ...props });
 }
 function DialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     DialogPrimitive.Overlay,
     {
       "data-slot": "dialog-overlay",
@@ -20615,9 +20758,9 @@ function DialogOverlay({
 var DialogContent = React9.forwardRef(
   ({ className, children, showCloseButton = true, container, ...props }, ref) => {
     const positionMode = container ? "absolute" : "fixed";
-    return /* @__PURE__ */ jsxs14(DialogPortal, { container: container ?? void 0, children: [
-      /* @__PURE__ */ jsx23(DialogOverlay, { className: cn(positionMode, "inset-0") }),
-      /* @__PURE__ */ jsxs14(
+    return /* @__PURE__ */ jsxs15(DialogPortal, { container: container ?? void 0, children: [
+      /* @__PURE__ */ jsx24(DialogOverlay, { className: cn(positionMode, "inset-0") }),
+      /* @__PURE__ */ jsxs15(
         DialogPrimitive.Content,
         {
           ref,
@@ -20633,13 +20776,13 @@ var DialogContent = React9.forwardRef(
           ...props,
           children: [
             children,
-            showCloseButton ? /* @__PURE__ */ jsx23(
+            showCloseButton ? /* @__PURE__ */ jsx24(
               DialogPrimitive.Close,
               {
                 type: "button",
                 className: "absolute right-[9px] top-[9px] rounded-sm p-1.5 text-foreground hover:bg-muted/50",
                 "aria-label": "Close",
-                children: /* @__PURE__ */ jsx23(X2, { size: 16, "aria-hidden": true })
+                children: /* @__PURE__ */ jsx24(X2, { size: 16, "aria-hidden": true })
               }
             ) : null
           ]
@@ -20653,13 +20796,13 @@ function DialogHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23("div", { className: cn("flex flex-col gap-1.5", className), ...props });
+  return /* @__PURE__ */ jsx24("div", { className: cn("flex flex-col gap-1.5", className), ...props });
 }
 function DialogFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       className: cn("flex items-center justify-end gap-2", className),
@@ -20667,7 +20810,7 @@ function DialogFooter({
     }
   );
 }
-var DialogTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var DialogTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   DialogPrimitive.Title,
   {
     ref,
@@ -20679,7 +20822,7 @@ var DialogTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var DialogDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   DialogPrimitive.Description,
   {
     ref,
@@ -20695,19 +20838,19 @@ import { Info, X as X4 } from "lucide-react";
 
 // src/ui/link-modal/DestinationBreadcrumb.tsx
 import { ArrowRight as ArrowRight2, File, GalleryVertical } from "lucide-react";
-import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
 function DestinationBreadcrumb({
   pageTitle,
   sectionLabel
 }) {
-  return /* @__PURE__ */ jsxs15("div", { className: "flex w-full flex-col gap-2", children: [
-    /* @__PURE__ */ jsx24("p", { className: "text-sm font-medium! text-foreground m-0", children: "Destination" }),
-    /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx24(File, { size: 16, className: "shrink-0 text-foreground", "aria-hidden": true }),
-        /* @__PURE__ */ jsx24("span", { className: "text-sm font-medium leading-none text-foreground!", children: pageTitle })
+  return /* @__PURE__ */ jsxs16("div", { className: "flex w-full flex-col gap-2", children: [
+    /* @__PURE__ */ jsx25("p", { className: "text-sm font-medium! text-foreground m-0", children: "Destination" }),
+    /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx25(File, { size: 16, className: "shrink-0 text-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ jsx25("span", { className: "text-sm font-medium leading-none text-foreground!", children: pageTitle })
       ] }),
-      /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx25(
         ArrowRight2,
         {
           size: 16,
@@ -20715,8 +20858,8 @@ function DestinationBreadcrumb({
           "aria-hidden": true
         }
       ),
-      /* @__PURE__ */ jsxs15("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-        /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsxs16("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+        /* @__PURE__ */ jsx25(
           GalleryVertical,
           {
             size: 16,
@@ -20724,7 +20867,7 @@ function DestinationBreadcrumb({
             "aria-hidden": true
           }
         ),
-        /* @__PURE__ */ jsx24("span", { className: "truncate text-sm font-medium leading-none text-foreground", children: sectionLabel })
+        /* @__PURE__ */ jsx25("span", { className: "truncate text-sm font-medium leading-none text-foreground", children: sectionLabel })
       ] })
     ] })
   ] });
@@ -20732,22 +20875,22 @@ function DestinationBreadcrumb({
 
 // src/ui/link-modal/SectionTreeItem.tsx
 import { GalleryVertical as GalleryVertical2 } from "lucide-react";
-import { jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
 function SectionTreeItem({
   section,
   onSelect,
   selected
 }) {
   const interactive = Boolean(onSelect);
-  return /* @__PURE__ */ jsxs16("div", { className: "flex h-9 w-full items-end pl-3", children: [
-    /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs17("div", { className: "flex h-9 w-full items-end pl-3", children: [
+    /* @__PURE__ */ jsx26(
       "div",
       {
         className: "-mr-px h-9 w-2 shrink-0 rounded-bl-sm border-b border-l border-border mb-4",
         "aria-hidden": true
       }
     ),
-    /* @__PURE__ */ jsxs16(
+    /* @__PURE__ */ jsxs17(
       "div",
       {
         role: interactive ? "button" : void 0,
@@ -20765,7 +20908,7 @@ function SectionTreeItem({
           interactive && selected && "border-bridge-primary"
         ),
         children: [
-          /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx26(
             GalleryVertical2,
             {
               size: 16,
@@ -20773,7 +20916,7 @@ function SectionTreeItem({
               "aria-hidden": true
             }
           ),
-          /* @__PURE__ */ jsx25("span", { className: "truncate text-sm font-normal leading-5 text-foreground", children: section.label })
+          /* @__PURE__ */ jsx26("span", { className: "truncate text-sm font-normal leading-5 text-foreground", children: section.label })
         ]
       }
     )
@@ -20785,10 +20928,10 @@ import { useEffect as useEffect10, useId as useId2, useRef as useRef9, useState
 
 // src/ui/input.tsx
 import * as React10 from "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var Input = React10.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx27(
       "input",
       {
         type,
@@ -20807,9 +20950,9 @@ Input.displayName = "Input";
 
 // src/ui/label.tsx
 import { Label as LabelPrimitive } from "radix-ui";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function Label({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     LabelPrimitive.Root,
     {
       "data-slot": "label",
@@ -20821,11 +20964,11 @@ function Label({ className, ...props }) {
 
 // src/ui/link-modal/UrlOrPageInput.tsx
 import { ChevronDown as ChevronDown4, File as File2, X as X3 } from "lucide-react";
-import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
 function FieldChevron({
   onClick
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "button",
     {
       type: "button",
@@ -20833,7 +20976,7 @@ function FieldChevron({
       onClick,
       "aria-label": "Open page list",
       tabIndex: -1,
-      children: /* @__PURE__ */ jsx28(ChevronDown4, { size: 16 })
+      children: /* @__PURE__ */ jsx29(ChevronDown4, { size: 16 })
     }
   );
 }
@@ -20894,11 +21037,11 @@ function UrlOrPageInput({
     "data-ohw-link-field flex h-[36px] w-full items-center overflow-hidden rounded-md border bg-background pl-3 pr-3 py-2 outline-none transition-[border-color,box-shadow]",
     urlError ? "border-destructive shadow-[0_0_0_1px_var(--ohw-destructive)]" : isFocused ? "border-bridge-primary shadow-[0_0_0_1px_var(--ohw-primary)]" : "border-input"
   );
-  return /* @__PURE__ */ jsxs17("div", { className: "flex w-full flex-col gap-2 p-0", children: [
-    /* @__PURE__ */ jsx28(Label, { htmlFor: inputId, className: cn(urlError && "text-destructive"), children: "Destination" }),
-    /* @__PURE__ */ jsxs17("div", { ref: rootRef, className: "relative w-full", children: [
-      /* @__PURE__ */ jsxs17("div", { "data-ohw-link-field": true, className: fieldClassName, children: [
-        selectedPage ? /* @__PURE__ */ jsx28("div", { className: "flex shrink-0 items-center pr-2", children: /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs18("div", { className: "flex w-full flex-col gap-2 p-0", children: [
+    /* @__PURE__ */ jsx29(Label, { htmlFor: inputId, className: cn(urlError && "text-destructive"), children: "Destination" }),
+    /* @__PURE__ */ jsxs18("div", { ref: rootRef, className: "relative w-full", children: [
+      /* @__PURE__ */ jsxs18("div", { "data-ohw-link-field": true, className: fieldClassName, children: [
+        selectedPage ? /* @__PURE__ */ jsx29("div", { className: "flex shrink-0 items-center pr-2", children: /* @__PURE__ */ jsx29(
           File2,
           {
             size: 16,
@@ -20906,7 +21049,7 @@ function UrlOrPageInput({
             "aria-hidden": true
           }
         ) }) : null,
-        readOnly ? /* @__PURE__ */ jsx28("span", { className: "min-w-0 flex-1 truncate text-sm leading-5 text-foreground", children: selectedPage?.title ?? value }) : /* @__PURE__ */ jsx28(
+        readOnly ? /* @__PURE__ */ jsx29("span", { className: "min-w-0 flex-1 truncate text-sm leading-5 text-foreground", children: selectedPage?.title ?? value }) : /* @__PURE__ */ jsx29(
           Input,
           {
             ref: inputRef,
@@ -20932,7 +21075,7 @@ function UrlOrPageInput({
             )
           }
         ),
-        selectedPage && !readOnly ? /* @__PURE__ */ jsx28(
+        selectedPage && !readOnly ? /* @__PURE__ */ jsx29(
           "button",
           {
             type: "button",
@@ -20940,26 +21083,26 @@ function UrlOrPageInput({
             onMouseDown: clearSelection,
             "aria-label": "Clear selected page",
             tabIndex: -1,
-            children: /* @__PURE__ */ jsx28(X3, { size: 16, "aria-hidden": true })
+            children: /* @__PURE__ */ jsx29(X3, { size: 16, "aria-hidden": true })
           }
         ) : null,
-        !readOnly ? /* @__PURE__ */ jsx28(FieldChevron, { onClick: toggleDropdown }) : null
+        !readOnly ? /* @__PURE__ */ jsx29(FieldChevron, { onClick: toggleDropdown }) : null
       ] }),
-      dropdownOpen && !readOnly && filteredPages.length > 0 ? /* @__PURE__ */ jsx28(
+      dropdownOpen && !readOnly && filteredPages.length > 0 ? /* @__PURE__ */ jsx29(
         "div",
         {
           "data-ohw-link-page-dropdown": "",
           className: "absolute left-0 right-0 top-[calc(100%+4px)] z-50 max-h-48 overflow-auto rounded-lg border border-border bg-popover py-1 shadow-lg",
           onMouseDown: (e) => e.preventDefault(),
-          children: filteredPages.map((page) => /* @__PURE__ */ jsxs17(
+          children: filteredPages.map((page) => /* @__PURE__ */ jsxs18(
             "button",
             {
               type: "button",
               className: "flex h-9 w-full items-center gap-2 border-0 bg-transparent px-3 text-left text-sm leading-5 text-foreground outline-none hover:bg-muted",
               onClick: () => onPageSelect(page),
               children: [
-                /* @__PURE__ */ jsx28(File2, { size: 16, className: "shrink-0", "aria-hidden": true }),
-                /* @__PURE__ */ jsx28("span", { className: "truncate", children: page.title })
+                /* @__PURE__ */ jsx29(File2, { size: 16, className: "shrink-0", "aria-hidden": true }),
+                /* @__PURE__ */ jsx29("span", { className: "truncate", children: page.title })
               ]
             },
             page.path
@@ -20967,34 +21110,34 @@ function UrlOrPageInput({
         }
       ) : null
     ] }),
-    urlError ? /* @__PURE__ */ jsx28("p", { className: "text-sm font-medium text-destructive", children: urlError }) : null
+    urlError ? /* @__PURE__ */ jsx29("p", { className: "text-sm font-medium text-destructive", children: urlError }) : null
   ] });
 }
 
 // src/ui/link-modal/LinkEditorPanel.tsx
-import { Fragment as Fragment10, jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
 function LinkEditorPanel({ state, onClose }) {
   const isCancel = state.secondaryLabel === "Cancel" || state.secondaryLabel === "Back to sections";
-  return /* @__PURE__ */ jsxs18(Fragment10, { children: [
-    /* @__PURE__ */ jsx29(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsxs19(Fragment11, { children: [
+    /* @__PURE__ */ jsx30(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx30(
       "button",
       {
         type: "button",
         className: "absolute right-[9px] top-[9px] rounded-sm p-1.5 text-foreground hover:bg-muted/50 h-7",
         "aria-label": "Close",
         onClick: onClose,
-        children: /* @__PURE__ */ jsx29(X4, { size: 16, "aria-hidden": true })
+        children: /* @__PURE__ */ jsx30(X4, { size: 16, "aria-hidden": true })
       }
     ) }),
-    /* @__PURE__ */ jsx29(DialogHeader, { className: "w-full gap-1.5 p-6 pr-12", children: /* @__PURE__ */ jsx29(DialogTitle, { className: "m-0 w-full break-words", children: state.title }) }),
-    /* @__PURE__ */ jsxs18("div", { className: "flex w-full flex-col gap-3 px-6 pb-8 pt-1", children: [
-      state.showBreadcrumb && state.selectedPage && state.selectedSection ? /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx30(DialogHeader, { className: "w-full gap-1.5 p-6 pr-12", children: /* @__PURE__ */ jsx30(DialogTitle, { className: "m-0 w-full break-words", children: state.title }) }),
+    /* @__PURE__ */ jsxs19("div", { className: "flex w-full flex-col gap-3 px-6 pb-8 pt-1", children: [
+      state.showBreadcrumb && state.selectedPage && state.selectedSection ? /* @__PURE__ */ jsx30(
         DestinationBreadcrumb,
         {
           pageTitle: state.selectedPage.title,
           sectionLabel: state.selectedSection.label
         }
-      ) : /* @__PURE__ */ jsx29(
+      ) : /* @__PURE__ */ jsx30(
         UrlOrPageInput,
         {
           value: state.searchValue,
@@ -21007,8 +21150,8 @@ function LinkEditorPanel({ state, onClose }) {
           urlError: state.urlError
         }
       ),
-      state.showChooseSection ? /* @__PURE__ */ jsxs18("div", { className: "flex flex-col justify-center gap-2", children: [
-        /* @__PURE__ */ jsx29(
+      state.showChooseSection ? /* @__PURE__ */ jsxs19("div", { className: "flex flex-col justify-center gap-2", children: [
+        /* @__PURE__ */ jsx30(
           Button,
           {
             type: "button",
@@ -21019,15 +21162,15 @@ function LinkEditorPanel({ state, onClose }) {
             children: "Choose a section"
           }
         ),
-        /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-1 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ jsx29(Info, { size: 16, className: "shrink-0", "aria-hidden": true }),
-          /* @__PURE__ */ jsx29("span", { children: "Pick a section this link should scroll to." })
+        /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-1 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx30(Info, { size: 16, className: "shrink-0", "aria-hidden": true }),
+          /* @__PURE__ */ jsx30("span", { children: "Pick a section this link should scroll to." })
         ] })
       ] }) : null,
-      state.showSectionRow && state.selectedSection ? /* @__PURE__ */ jsx29(SectionTreeItem, { section: state.selectedSection, selected: true }) : null
+      state.showSectionRow && state.selectedSection ? /* @__PURE__ */ jsx30(SectionTreeItem, { section: state.selectedSection, selected: true }) : null
     ] }),
-    /* @__PURE__ */ jsxs18(DialogFooter, { className: "w-full px-6 pb-6", children: [
-      /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsxs19(DialogFooter, { className: "w-full px-6 pb-6", children: [
+      /* @__PURE__ */ jsx30(
         Button,
         {
           type: "button",
@@ -21042,7 +21185,7 @@ function LinkEditorPanel({ state, onClose }) {
           children: state.secondaryLabel
         }
       ),
-      /* @__PURE__ */ jsx29(
+      /* @__PURE__ */ jsx30(
         Button,
         {
           type: "button",
@@ -21085,7 +21228,7 @@ function getIframeChromeClip(parentScroll) {
 }
 
 // src/ui/link-modal/SectionPickerOverlay.tsx
-import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
 var DIM_OVERLAY = "rgba(0, 0, 0, 0.45)";
 function rectsEqual(a, b) {
   if (a.size !== b.size) return false;
@@ -21316,7 +21459,7 @@ function SectionPickerOverlay({
   const portalRoot = typeof document !== "undefined" ? document.querySelector("[data-ohw-bridge-root]") ?? document.body : null;
   if (!portalRoot) return null;
   return createPortal2(
-    /* @__PURE__ */ jsxs19(
+    /* @__PURE__ */ jsxs20(
       "div",
       {
         "data-ohw-section-picker": "",
@@ -21326,12 +21469,12 @@ function SectionPickerOverlay({
         role: "dialog",
         "aria-label": "Choose a section",
         children: [
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx31(
             "div",
             {
               className: "pointer-events-auto fixed left-5 z-[2]",
               style: { top: chromeClip.top + 20 },
-              children: /* @__PURE__ */ jsxs19(
+              children: /* @__PURE__ */ jsxs20(
                 Button,
                 {
                   type: "button",
@@ -21340,14 +21483,14 @@ function SectionPickerOverlay({
                   className: "h-8 min-w-0 gap-1 border-border bg-background px-2 py-1.5 shadow-sm hover:bg-muted cursor-pointer",
                   onClick: onBack,
                   children: [
-                    /* @__PURE__ */ jsx30(ArrowLeft2, { className: "size-4 shrink-0", "aria-hidden": true }),
+                    /* @__PURE__ */ jsx31(ArrowLeft2, { className: "size-4 shrink-0", "aria-hidden": true }),
                     "Back"
                   ]
                 }
               )
             }
           ),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx31(
             "div",
             {
               className: "pointer-events-none fixed left-1/2 z-[2] rounded-lg px-4 py-3 text-xs leading-4 tracking-[0.18px] text-white shadow-md",
@@ -21360,7 +21503,7 @@ function SectionPickerOverlay({
               children: "Click on section to select"
             }
           ),
-          !isOnTargetPage ? /* @__PURE__ */ jsx30(
+          !isOnTargetPage ? /* @__PURE__ */ jsx31(
             "div",
             {
               className: "pointer-events-none fixed left-1/2 z-[1] -translate-x-1/2 rounded-md px-3 py-2 text-sm text-muted-foreground shadow-sm",
@@ -21368,14 +21511,14 @@ function SectionPickerOverlay({
               children: "Loading page preview\u2026"
             }
           ) : null,
-          isOnTargetPage && liveSections.length === 0 ? /* @__PURE__ */ jsx30("div", { className: "pointer-events-auto fixed inset-0 z-[1] flex items-center justify-center bg-muted/40", children: /* @__PURE__ */ jsx30("p", { className: "text-sm text-muted-foreground", children: "No sections found on this page." }) }) : null,
+          isOnTargetPage && liveSections.length === 0 ? /* @__PURE__ */ jsx31("div", { className: "pointer-events-auto fixed inset-0 z-[1] flex items-center justify-center bg-muted/40", children: /* @__PURE__ */ jsx31("p", { className: "text-sm text-muted-foreground", children: "No sections found on this page." }) }) : null,
           isOnTargetPage ? liveSections.map((section) => {
             const rect = rects.get(section.id);
             if (!rect || rect.width <= 0 || rect.height <= 0) return null;
             const isSelected = selectedId === section.id;
             const isHovered = hoveredId === section.id;
             const isLit = isSelected || isHovered;
-            return /* @__PURE__ */ jsxs19(
+            return /* @__PURE__ */ jsxs20(
               "button",
               {
                 type: "button",
@@ -21390,7 +21533,7 @@ function SectionPickerOverlay({
                 "aria-label": `Select section ${section.label}`,
                 onClick: () => handleSelect(section),
                 children: [
-                  isLit ? /* @__PURE__ */ jsx30(
+                  isLit ? /* @__PURE__ */ jsx31(
                     "span",
                     {
                       className: "pointer-events-none absolute",
@@ -21403,13 +21546,13 @@ function SectionPickerOverlay({
                       "aria-hidden": true
                     }
                   ) : null,
-                  isSelected ? /* @__PURE__ */ jsx30(
+                  isSelected ? /* @__PURE__ */ jsx31(
                     "span",
                     {
                       className: "absolute right-3 top-3 flex size-8 items-center justify-center rounded-full text-white",
                       style: { backgroundColor: "var(--ohw-primary, #0885fe)" },
                       "aria-hidden": true,
-                      children: /* @__PURE__ */ jsx30(Check3, { className: "size-5" })
+                      children: /* @__PURE__ */ jsx31(Check3, { className: "size-5" })
                     }
                   ) : null
                 ]
@@ -21589,7 +21732,7 @@ function useLinkModalState({
 }
 
 // src/ui/link-modal/LinkPopover.tsx
-import { Fragment as Fragment11, jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx32, jsxs as jsxs21 } from "react/jsx-runtime";
 function postToParent(data) {
   window.parent?.postMessage(data, "*");
 }
@@ -21685,15 +21828,15 @@ function LinkPopover({
       );
     };
   }, [open, sectionPickerActive]);
-  return /* @__PURE__ */ jsxs20(Fragment11, { children: [
-    /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs21(Fragment12, { children: [
+    /* @__PURE__ */ jsx32(
       Dialog2,
       {
         open: open && !sectionPickerActive,
         onOpenChange: (next) => {
           if (!next) onClose?.();
         },
-        children: /* @__PURE__ */ jsx31(
+        children: /* @__PURE__ */ jsx32(
           DialogContent,
           {
             ref: panelRef,
@@ -21703,12 +21846,12 @@ function LinkPopover({
             "data-ohw-bridge": "",
             showCloseButton: false,
             className: "gap-0 p-0 w-full max-w-[448px] pointer-events-auto z-[2147483646] overflow-visible",
-            children: /* @__PURE__ */ jsx31(LinkEditorPanel, { state, onClose })
+            children: /* @__PURE__ */ jsx32(LinkEditorPanel, { state, onClose })
           }
         )
       }
     ),
-    sectionPickerActive && state.selectedPage ? /* @__PURE__ */ jsx31(
+    sectionPickerActive && state.selectedPage ? /* @__PURE__ */ jsx32(
       SectionPickerOverlay,
       {
         pagePath: state.selectedPage.path,
@@ -21867,7 +22010,7 @@ import {
   useState as useState15
 } from "react";
 import { X as X5 } from "lucide-react";
-import { jsx as jsx32, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs22 } from "react/jsx-runtime";
 var PANEL_WIDTH = 256;
 var EDGE_MARGIN = 16;
 var HEADER_MIN = 56;
@@ -22039,7 +22182,7 @@ function FloatingPanel({
   }, [open]);
   useEffect14(() => () => document.documentElement.removeAttribute("data-ohw-panel-dragging"), []);
   if (!open) return null;
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       ref: panelRef,
@@ -22056,7 +22199,7 @@ function FloatingPanel({
       onPointerDown: (e) => e.stopPropagation(),
       onClick: (e) => e.stopPropagation(),
       children: [
-        /* @__PURE__ */ jsxs21(
+        /* @__PURE__ */ jsxs22(
           "div",
           {
             "data-ohw-floating-panel-header": "",
@@ -22066,14 +22209,14 @@ function FloatingPanel({
             onPointerUp: endDrag,
             onPointerCancel: endDrag,
             children: [
-              /* @__PURE__ */ jsxs21("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
-                /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
-                  icon ? /* @__PURE__ */ jsx32("span", { className: "shrink-0 text-foreground", children: icon }) : null,
-                  /* @__PURE__ */ jsx32("p", { className: "min-w-0 flex-1 text-lg font-semibold leading-7 text-foreground", children: title })
+              /* @__PURE__ */ jsxs22("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+                /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
+                  icon ? /* @__PURE__ */ jsx33("span", { className: "shrink-0 text-foreground", children: icon }) : null,
+                  /* @__PURE__ */ jsx33("p", { className: "min-w-0 flex-1 text-lg font-semibold leading-7 text-foreground", children: title })
                 ] }),
-                context ? /* @__PURE__ */ jsx32("p", { className: "w-full text-sm leading-5 text-muted-foreground", children: context }) : null
+                context ? /* @__PURE__ */ jsx33("p", { className: "w-full text-sm leading-5 text-muted-foreground", children: context }) : null
               ] }),
-              /* @__PURE__ */ jsx32(
+              /* @__PURE__ */ jsx33(
                 "button",
                 {
                   type: "button",
@@ -22085,13 +22228,13 @@ function FloatingPanel({
                     onClose();
                   },
                   onPointerDown: (e) => e.stopPropagation(),
-                  children: /* @__PURE__ */ jsx32(X5, { size: 16, "aria-hidden": true })
+                  children: /* @__PURE__ */ jsx33(X5, { size: 16, "aria-hidden": true })
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx33(
           "div",
           {
             "data-ohw-floating-panel-body": "",
@@ -22109,15 +22252,15 @@ function FloatingPanel({
 }
 
 // src/ui/socials-display-panel.tsx
-import { jsx as jsx33, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs23 } from "react/jsx-runtime";
 function DisplaySwitch({
   label,
   checked,
   disabled,
   onChange
 }) {
-  return /* @__PURE__ */ jsxs22("div", { className: "flex w-full items-center gap-2", children: [
-    /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs23("div", { className: "flex w-full items-center gap-2", children: [
+    /* @__PURE__ */ jsx34(
       "span",
       {
         className: cn(
@@ -22127,7 +22270,7 @@ function DisplaySwitch({
         children: label
       }
     ),
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx34(
       "button",
       {
         type: "button",
@@ -22141,7 +22284,7 @@ function DisplaySwitch({
           checked ? "bg-bridge-primary" : "bg-primary-50",
           disabled ? "cursor-default opacity-50" : "cursor-pointer"
         ),
-        children: /* @__PURE__ */ jsx33(
+        children: /* @__PURE__ */ jsx34(
           "span",
           {
             className: cn(
@@ -22155,8 +22298,8 @@ function DisplaySwitch({
   ] });
 }
 function SocialsDisplayPanel({ display, onChange, className }) {
-  return /* @__PURE__ */ jsxs22("div", { className: cn("flex w-full flex-col gap-3", className), children: [
-    /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs23("div", { className: cn("flex w-full flex-col gap-3", className), children: [
+    /* @__PURE__ */ jsx34(
       DisplaySwitch,
       {
         label: "Text",
@@ -22165,7 +22308,7 @@ function SocialsDisplayPanel({ display, onChange, className }) {
         onChange: (text) => onChange({ ...display, text })
       }
     ),
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx34(
       DisplaySwitch,
       {
         label: "Icon",
@@ -22179,7 +22322,7 @@ function SocialsDisplayPanel({ display, onChange, className }) {
 
 // src/ui/button-style-panel.tsx
 import { Check as Check4 } from "lucide-react";
-import { jsx as jsx34, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
 var SIZE_LABEL = { s: "S", m: "M", l: "L" };
 function ButtonStylePanel({
   variants,
@@ -22193,15 +22336,15 @@ function ButtonStylePanel({
 }) {
   const preview = scaleGeometry(sizes.m, 0.75);
   const label = previewLabel.trim() || "Book Now";
-  return /* @__PURE__ */ jsxs23("div", { className: "flex w-full flex-col gap-5", children: [
-    /* @__PURE__ */ jsxs23("section", { className: "flex w-full flex-col gap-2.5", children: [
-      /* @__PURE__ */ jsx34("h3", { className: "text-xs font-semibold uppercase leading-4 tracking-[0.6px] text-stone-500 font-sans", children: "Variants" }),
-      /* @__PURE__ */ jsx34("div", { className: "flex w-full flex-col gap-2.5", children: BUTTON_VARIANT_IDS.map((id) => {
+  return /* @__PURE__ */ jsxs24("div", { className: "flex w-full flex-col gap-5", children: [
+    /* @__PURE__ */ jsxs24("section", { className: "flex w-full flex-col gap-2.5", children: [
+      /* @__PURE__ */ jsx35("h3", { className: "text-xs font-semibold uppercase leading-4 tracking-[0.6px] text-stone-500 font-sans", children: "Variants" }),
+      /* @__PURE__ */ jsx35("div", { className: "flex w-full flex-col gap-2.5", children: BUTTON_VARIANT_IDS.map((id) => {
         const chrome = variants[id];
         const selected = id === variant;
         const hasBorder = parseFloat(chrome.borderWidth) > 0;
         const cardSlot = previewSlotForChrome(chrome, slotBackground);
-        return /* @__PURE__ */ jsxs23(
+        return /* @__PURE__ */ jsxs24(
           "button",
           {
             type: "button",
@@ -22217,12 +22360,12 @@ function ButtonStylePanel({
               selected ? "border-2 border-primary" : "border border-border"
             ),
             children: [
-              /* @__PURE__ */ jsx34(
+              /* @__PURE__ */ jsx35(
                 "div",
                 {
                   className: "flex w-full items-center justify-center py-4",
                   style: { background: cardSlot },
-                  children: /* @__PURE__ */ jsx34(
+                  children: /* @__PURE__ */ jsx35(
                     "span",
                     {
                       className: "inline-flex items-center justify-center whitespace-nowrap font-semibold uppercase leading-none",
@@ -22244,12 +22387,12 @@ function ButtonStylePanel({
                   )
                 }
               ),
-              selected ? /* @__PURE__ */ jsx34(
+              selected ? /* @__PURE__ */ jsx35(
                 "span",
                 {
                   className: "absolute right-0.5 top-0.5 flex size-5 items-center justify-center rounded-full bg-primary text-primary-foreground",
                   "aria-hidden": true,
-                  children: /* @__PURE__ */ jsx34(Check4, { className: "size-3", strokeWidth: 3 })
+                  children: /* @__PURE__ */ jsx35(Check4, { className: "size-3", strokeWidth: 3 })
                 }
               ) : null
             ]
@@ -22258,9 +22401,9 @@ function ButtonStylePanel({
         );
       }) })
     ] }),
-    /* @__PURE__ */ jsxs23("section", { className: "flex w-full flex-col gap-2.5", children: [
-      /* @__PURE__ */ jsx34("h3", { className: "text-xs font-semibold uppercase leading-4 tracking-[0.6px] text-stone-500 font-sans", children: "Size" }),
-      /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsxs24("section", { className: "flex w-full flex-col gap-2.5", children: [
+      /* @__PURE__ */ jsx35("h3", { className: "text-xs font-semibold uppercase leading-4 tracking-[0.6px] text-stone-500 font-sans", children: "Size" }),
+      /* @__PURE__ */ jsx35(
         "div",
         {
           className: "flex w-full items-start rounded-lg bg-stone-100 p-1",
@@ -22268,7 +22411,7 @@ function ButtonStylePanel({
           "aria-label": "Size",
           children: BUTTON_SIZE_IDS.map((id) => {
             const selected = id === size;
-            return /* @__PURE__ */ jsx34(
+            return /* @__PURE__ */ jsx35(
               "button",
               {
                 type: "button",
@@ -23275,7 +23418,7 @@ function useSectionDrag({
 
 // src/ui/footer-container-chrome.tsx
 import { Plus as Plus3 } from "lucide-react";
-import { jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
 function FooterContainerChrome({
   rect,
   onAdd,
@@ -23283,7 +23426,7 @@ function FooterContainerChrome({
 }) {
   const chromeGap = 6;
   const buttonMargin = 7;
-  return /* @__PURE__ */ jsx35(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx36(
     "div",
     {
       "data-ohw-footer-container-chrome": "",
@@ -23295,8 +23438,8 @@ function FooterContainerChrome({
         width: rect.width + chromeGap * 2,
         height: rect.height + chromeGap * 2
       },
-      children: /* @__PURE__ */ jsxs24(Tooltip, { children: [
-        /* @__PURE__ */ jsx35(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx35(
+      children: /* @__PURE__ */ jsxs25(Tooltip, { children: [
+        /* @__PURE__ */ jsx36(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx36(
           "button",
           {
             type: "button",
@@ -23315,10 +23458,10 @@ function FooterContainerChrome({
               if (addDisabled) return;
               onAdd();
             },
-            children: /* @__PURE__ */ jsx35(Plus3, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
+            children: /* @__PURE__ */ jsx36(Plus3, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
           }
         ) }),
-        /* @__PURE__ */ jsx35(TooltipContent, { side: "bottom", sideOffset: 9, children: addDisabled ? "Maximum columns reached" : "Add item" })
+        /* @__PURE__ */ jsx36(TooltipContent, { side: "bottom", sideOffset: 9, children: addDisabled ? "Maximum columns reached" : "Add item" })
       ] })
     }
   ) });
@@ -23495,13 +23638,13 @@ function deleteSelectedNavFooterItem(deps) {
 
 // src/ui/navbar-container-chrome.tsx
 import { Plus as Plus4 } from "lucide-react";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function NavbarContainerChrome({
   rect,
   onAdd
 }) {
   const chromeGap = 6;
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-ohw-navbar-container-chrome": "",
@@ -23513,7 +23656,7 @@ function NavbarContainerChrome({
         width: rect.width + chromeGap * 2,
         height: rect.height + chromeGap * 2
       },
-      children: /* @__PURE__ */ jsx36(
+      children: /* @__PURE__ */ jsx37(
         "button",
         {
           type: "button",
@@ -23530,7 +23673,7 @@ function NavbarContainerChrome({
             e.stopPropagation();
             onAdd();
           },
-          children: /* @__PURE__ */ jsx36(Plus4, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
+          children: /* @__PURE__ */ jsx37(Plus4, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
         }
       )
     }
@@ -23539,7 +23682,7 @@ function NavbarContainerChrome({
 
 // src/ui/drop-indicator.tsx
 import * as React11 from "react";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var dropIndicatorVariants = cva(
   "ov-gap-line pointer-events-none shrink-0 transition-opacity duration-150",
   {
@@ -23563,7 +23706,7 @@ var dropIndicatorVariants = cva(
 );
 var DropIndicator = React11.forwardRef(
   ({ className, direction, state, ...props }, ref) => {
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx38(
       "div",
       {
         ref,
@@ -23580,7 +23723,7 @@ var DropIndicator = React11.forwardRef(
 DropIndicator.displayName = "DropIndicator";
 
 // src/ui/badge.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "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",
   {
@@ -23598,12 +23741,12 @@ var badgeVariants = cva(
   }
 );
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx38("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ jsx39("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
 
 // src/OhhwellsBridge.tsx
 import { Brush as Brush2, Link as Link2, Plus as Plus5, Settings } from "lucide-react";
-import { Fragment as Fragment12, jsx as jsx39, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx40, jsxs as jsxs26 } from "react/jsx-runtime";
 var PRIMARY7 = "#0885FE";
 var IMAGE_FADE_MS = 300;
 var MEDIA_SETTLE_TIMEOUT_MS = 2500;
@@ -23725,7 +23868,7 @@ function duplicateSchedulingWidget(instanceId, scheduleId) {
     schedulingRoots.set(container, root);
     flushSync3(() => {
       root.render(
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40(
           SchedulingWidget,
           {
             notifyOnConnect: false,
@@ -23853,7 +23996,7 @@ function mountSchedulingWidget(anchorId, notifyOnConnect = false, scheduleId, be
     schedulingRoots.set(container, root);
     flushSync3(() => {
       root.render(
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40(
           SchedulingWidget,
           {
             notifyOnConnect,
@@ -24633,7 +24776,7 @@ function EditGlowChrome({
   hideHandle = false
 }) {
   const GAP = SELECTION_CHROME_GAP2;
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       ref: elRef,
@@ -24648,7 +24791,7 @@ function EditGlowChrome({
         zIndex: 2147483646
       },
       children: [
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40(
           "div",
           {
             style: {
@@ -24662,7 +24805,7 @@ function EditGlowChrome({
             }
           }
         ),
-        reorderHrefKey && !hideHandle && /* @__PURE__ */ jsx39(
+        reorderHrefKey && !hideHandle && /* @__PURE__ */ jsx40(
           "div",
           {
             "data-ohw-drag-handle-container": "",
@@ -24674,7 +24817,7 @@ function EditGlowChrome({
               transform: "translate(calc(-100% - 7px), -50%)",
               pointerEvents: dragDisabled ? "none" : "auto"
             },
-            children: /* @__PURE__ */ jsx39(
+            children: /* @__PURE__ */ jsx40(
               DragHandle,
               {
                 "aria-label": `Reorder ${reorderHrefKey}`,
@@ -24878,7 +25021,7 @@ function FloatingToolbar({
     return () => ro.disconnect();
   }, [showEditLink, activeCommands]);
   const { top, left, transform } = calcToolbarPos(rect, parentScroll, measuredW);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       ref: setRefs,
@@ -24890,12 +25033,12 @@ function FloatingToolbar({
         zIndex: 2147483647,
         pointerEvents: "auto"
       },
-      children: /* @__PURE__ */ jsxs25(CustomToolbar, { children: [
-        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ jsxs25(React12.Fragment, { children: [
-          gi > 0 && /* @__PURE__ */ jsx39(CustomToolbarDivider, {}),
+      children: /* @__PURE__ */ jsxs26(CustomToolbar, { children: [
+        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ jsxs26(React12.Fragment, { children: [
+          gi > 0 && /* @__PURE__ */ jsx40(CustomToolbarDivider, {}),
           btns.map((btn) => {
             const isActive = activeCommands.has(btn.cmd);
-            return /* @__PURE__ */ jsx39(
+            return /* @__PURE__ */ jsx40(
               CustomToolbarButton,
               {
                 title: btn.title,
@@ -24904,7 +25047,7 @@ function FloatingToolbar({
                   e.preventDefault();
                   onCommand(btn.cmd);
                 },
-                children: /* @__PURE__ */ jsx39(
+                children: /* @__PURE__ */ jsx40(
                   "svg",
                   {
                     width: "16",
@@ -24925,7 +25068,7 @@ function FloatingToolbar({
             );
           })
         ] }, gi)),
-        showEditLink ? /* @__PURE__ */ jsx39(
+        showEditLink ? /* @__PURE__ */ jsx40(
           CustomToolbarButton,
           {
             type: "button",
@@ -24939,7 +25082,7 @@ function FloatingToolbar({
               e.preventDefault();
               e.stopPropagation();
             },
-            children: /* @__PURE__ */ jsx39(Link2, { className: "size-4 shrink-0", "aria-hidden": true })
+            children: /* @__PURE__ */ jsx40(Link2, { className: "size-4 shrink-0", "aria-hidden": true })
           }
         ) : null
       ] })
@@ -24956,7 +25099,7 @@ function StateToggle({
   states,
   onStateChange
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     ToggleGroup,
     {
       "data-ohw-state-toggle": "",
@@ -24970,52 +25113,15 @@ function StateToggle({
         left: rect.right - 8,
         transform: "translateX(-100%)"
       },
-      children: states.map((state) => /* @__PURE__ */ jsx39(ToggleGroupItem, { value: state, size: "sm", children: state }, state))
+      children: states.map((state) => /* @__PURE__ */ jsx40(ToggleGroupItem, { value: state, size: "sm", children: state }, state))
     }
   );
 }
 var contentCache = /* @__PURE__ */ new Map();
 var fetchedContentPaths = /* @__PURE__ */ new Set();
 var brandingCache = /* @__PURE__ */ new Map();
-var OHW_LOADER_STYLE = {
-  position: "fixed",
-  inset: 0,
-  background: "#fff",
-  zIndex: 2147483646,
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center"
-};
-function OhwLoaderSpinner() {
-  return /* @__PURE__ */ jsxs25("svg", { width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx39("circle", { cx: "14", cy: "14", r: "11", stroke: "#E7E5E4", strokeWidth: "3" }),
-    /* @__PURE__ */ jsx39(
-      "circle",
-      {
-        cx: "14",
-        cy: "14",
-        r: "11",
-        stroke: "#1C1917",
-        strokeWidth: "3",
-        strokeDasharray: "17 52",
-        strokeLinecap: "round",
-        children: /* @__PURE__ */ jsx39(
-          "animateTransform",
-          {
-            attributeName: "transform",
-            type: "rotate",
-            from: "0 14 14",
-            to: "360 14 14",
-            dur: "0.7s",
-            repeatCount: "indefinite"
-          }
-        )
-      }
-    )
-  ] });
-}
 function OhwBrandMark() {
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "svg",
     {
       width: "16",
@@ -25026,7 +25132,7 @@ function OhwBrandMark() {
       style: { display: "block", flexShrink: 0 },
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40(
           "mask",
           {
             id: "ohw-badge-mark",
@@ -25036,15 +25142,15 @@ function OhwBrandMark() {
             y: "0",
             width: "48",
             height: "48",
-            children: /* @__PURE__ */ jsx39("path", { d: "M23.8741 48C37.0594 48 47.7481 37.2548 47.7481 24C47.7481 10.7452 37.0594 0 23.8741 0C10.6888 0 0 10.7452 0 24C0 37.2548 10.6888 48 23.8741 48Z", fill: "white" })
+            children: /* @__PURE__ */ jsx40("path", { d: "M23.8741 48C37.0594 48 47.7481 37.2548 47.7481 24C47.7481 10.7452 37.0594 0 23.8741 0C10.6888 0 0 10.7452 0 24C0 37.2548 10.6888 48 23.8741 48Z", fill: "white" })
           }
         ),
-        /* @__PURE__ */ jsxs25("g", { mask: "url(#ohw-badge-mark)", children: [
-          /* @__PURE__ */ jsx39("path", { d: "M23.8731 48.0497C37.0584 48.0497 47.7472 37.3046 47.7472 24.0497C47.7472 10.7949 37.0584 0.0497208 23.8731 0.0497208C10.6878 0.0497208 -0.000976562 10.7949 -0.000976562 24.0497C-0.000976562 37.3046 10.6878 48.0497 23.8731 48.0497Z", fill: "#0078E5" }),
-          /* @__PURE__ */ jsx39("path", { d: "M17.1307 14.7172C13.1687 14.7172 9.38102 18.1154 8.65114 22.34C8.38885 23.8488 8.5598 25.2581 9.06929 26.4451C6.20005 29.1677 1.77216 27.8721 -1.40212 26.1536C-2.73618 25.4317 -3.92695 27.4745 -2.59037 28.1981C1.33389 30.3226 6.86037 31.6621 10.4402 28.4188C11.4718 29.3859 12.867 29.9621 14.4894 29.9621C18.4161 29.9621 22.2038 26.5318 22.9337 22.34C23.6636 18.1162 21.0566 14.7172 17.1298 14.7172H17.1307ZM19.9798 22.34C19.5281 25.0399 17.2689 27.231 14.9754 27.231C12.6466 27.231 11.1877 25.0399 11.6394 22.34C12.1262 19.6401 14.3151 17.4482 16.6438 17.4482C18.9374 17.4482 20.4667 19.6401 19.9798 22.34Z", fill: "white" }),
-          /* @__PURE__ */ jsx39("path", { d: "M40.0017 27.0262C39.1797 27.081 38.2721 26.995 37.4668 26.7415C37.3344 26.6993 37.28 26.5401 37.3529 26.4205C37.5959 26.0212 37.8255 25.6152 38.009 25.1889C38.1071 24.9918 38.2018 24.793 38.2897 24.5908C38.3274 24.5041 38.4163 24.451 38.5101 24.4619C38.63 24.4754 38.7054 24.4821 38.8881 24.4821L39.1529 24.4796L39.8283 24.4543C45.9229 24.0492 50.4765 20.4319 54.8466 16.9014C56.0172 15.9554 57.6932 17.6208 56.5116 18.5752C51.7687 22.4065 47.1966 26.5081 40.9319 26.9689", fill: "white" }),
-          /* @__PURE__ */ jsx39("path", { d: "M37.9687 24.27C38.4472 23.1319 38.7656 21.9045 38.9609 20.6991C39.5927 16.76 38.5058 14.2193 36.1553 14.2193C34.1835 14.2193 33.1469 17.2427 32.9199 18.8694C32.743 19.9872 32.5914 22.1219 33.6028 23.9524C33.7553 24.259 34.15 24.7712 34.471 25.1259C34.5447 25.2067 34.6746 25.2 34.7349 25.1082C34.9528 24.7788 35.1615 24.4039 35.3584 24.0257C35.5444 23.6677 35.5888 23.6138 35.8587 23.0207C35.8838 22.966 35.8813 22.9002 35.8478 22.8505C35.5888 22.4597 35.2168 21.9787 35.1204 21.4614C34.9184 20.4455 34.9436 19.2257 35.2218 18.1078C35.4413 17.3118 35.7195 16.7844 35.9039 16.5106C35.9466 16.4466 36.0279 16.4129 36.0975 16.4449C36.369 16.5671 36.5827 16.8838 36.7385 17.396C37.0167 18.2089 37.0167 19.3782 36.814 20.6999C36.6991 21.5271 36.4771 22.3729 36.1746 23.1673C36.1293 23.308 36.0757 23.4461 36.0187 23.5826C36.0187 23.5868 36.0187 23.591 36.0187 23.5961C35.9911 23.6946 35.9207 23.8067 35.8846 23.901C35.5536 24.5497 35.2344 25.1697 34.8439 25.7838C34.8388 25.7863 34.8346 25.7914 34.8296 25.7931C34.6528 26.0525 34.4718 26.2901 34.2866 26.4965C34.2774 26.5099 34.2682 26.5234 34.2589 26.5369C34.2405 26.5638 34.2179 26.5815 34.1944 26.595C33.5064 27.3212 32.7665 27.6893 32.0123 27.6893C31.8606 27.6893 31.6838 27.664 31.507 27.4349C31.3042 27.1299 30.85 26.0879 31.2539 22.9112C31.4785 21.3949 31.8011 20.0268 31.931 19.5408C31.9579 19.4413 31.8908 19.3419 31.7886 19.3293L30.0062 19.1162C29.9241 19.1061 29.8478 19.1566 29.8252 19.2366C29.2704 21.1615 27.0305 27.6885 24.9599 27.6885C24.328 27.6885 24.1512 26.6211 24.1001 26.2909C23.775 23.6264 25.528 18.5492 29.5302 16.2267C29.6048 16.1838 29.635 16.0928 29.5998 16.0136L28.9042 14.467C28.8632 14.3752 28.7501 14.3389 28.6638 14.3886C25.8079 16.0414 24.1847 18.5231 23.2915 20.3436C22.2046 22.5793 21.6993 25.0189 21.9515 26.8738C22.1795 28.7794 23.1398 29.872 24.6054 29.872C26.0543 29.872 27.4369 28.9066 28.7098 27.0187C28.7953 26.8915 28.9889 26.9311 29.0149 27.0819C29.2646 28.5283 29.9811 29.872 31.6579 29.872C33.5282 29.872 35.3232 28.7288 36.7134 26.6447C36.7712 26.5874 36.7972 26.5411 36.8181 26.4906C36.8232 26.4931 36.8282 26.4948 36.8332 26.4973C37.01 26.2025 37.181 25.9051 37.3444 25.6027C37.4508 25.4005 37.5572 25.1992 37.6586 24.9945C37.7181 24.874 37.7743 24.7527 37.8262 24.6289C37.838 24.6002 37.8547 24.5665 37.8706 24.5337", fill: "white" }),
-          /* @__PURE__ */ jsx39("path", { d: "M30.5839 31.6397C25.7546 34.8577 19.4773 34.7853 14.6907 31.5243C13.5368 30.7384 12.5044 32.6498 13.6474 33.4281C19.034 37.0985 26.3077 37.096 31.7218 33.488C32.8791 32.7172 31.7478 30.8639 30.5839 31.6397Z", fill: "white" })
+        /* @__PURE__ */ jsxs26("g", { mask: "url(#ohw-badge-mark)", children: [
+          /* @__PURE__ */ jsx40("path", { d: "M23.8731 48.0497C37.0584 48.0497 47.7472 37.3046 47.7472 24.0497C47.7472 10.7949 37.0584 0.0497208 23.8731 0.0497208C10.6878 0.0497208 -0.000976562 10.7949 -0.000976562 24.0497C-0.000976562 37.3046 10.6878 48.0497 23.8731 48.0497Z", fill: "#0078E5" }),
+          /* @__PURE__ */ jsx40("path", { d: "M17.1307 14.7172C13.1687 14.7172 9.38102 18.1154 8.65114 22.34C8.38885 23.8488 8.5598 25.2581 9.06929 26.4451C6.20005 29.1677 1.77216 27.8721 -1.40212 26.1536C-2.73618 25.4317 -3.92695 27.4745 -2.59037 28.1981C1.33389 30.3226 6.86037 31.6621 10.4402 28.4188C11.4718 29.3859 12.867 29.9621 14.4894 29.9621C18.4161 29.9621 22.2038 26.5318 22.9337 22.34C23.6636 18.1162 21.0566 14.7172 17.1298 14.7172H17.1307ZM19.9798 22.34C19.5281 25.0399 17.2689 27.231 14.9754 27.231C12.6466 27.231 11.1877 25.0399 11.6394 22.34C12.1262 19.6401 14.3151 17.4482 16.6438 17.4482C18.9374 17.4482 20.4667 19.6401 19.9798 22.34Z", fill: "white" }),
+          /* @__PURE__ */ jsx40("path", { d: "M40.0017 27.0262C39.1797 27.081 38.2721 26.995 37.4668 26.7415C37.3344 26.6993 37.28 26.5401 37.3529 26.4205C37.5959 26.0212 37.8255 25.6152 38.009 25.1889C38.1071 24.9918 38.2018 24.793 38.2897 24.5908C38.3274 24.5041 38.4163 24.451 38.5101 24.4619C38.63 24.4754 38.7054 24.4821 38.8881 24.4821L39.1529 24.4796L39.8283 24.4543C45.9229 24.0492 50.4765 20.4319 54.8466 16.9014C56.0172 15.9554 57.6932 17.6208 56.5116 18.5752C51.7687 22.4065 47.1966 26.5081 40.9319 26.9689", fill: "white" }),
+          /* @__PURE__ */ jsx40("path", { d: "M37.9687 24.27C38.4472 23.1319 38.7656 21.9045 38.9609 20.6991C39.5927 16.76 38.5058 14.2193 36.1553 14.2193C34.1835 14.2193 33.1469 17.2427 32.9199 18.8694C32.743 19.9872 32.5914 22.1219 33.6028 23.9524C33.7553 24.259 34.15 24.7712 34.471 25.1259C34.5447 25.2067 34.6746 25.2 34.7349 25.1082C34.9528 24.7788 35.1615 24.4039 35.3584 24.0257C35.5444 23.6677 35.5888 23.6138 35.8587 23.0207C35.8838 22.966 35.8813 22.9002 35.8478 22.8505C35.5888 22.4597 35.2168 21.9787 35.1204 21.4614C34.9184 20.4455 34.9436 19.2257 35.2218 18.1078C35.4413 17.3118 35.7195 16.7844 35.9039 16.5106C35.9466 16.4466 36.0279 16.4129 36.0975 16.4449C36.369 16.5671 36.5827 16.8838 36.7385 17.396C37.0167 18.2089 37.0167 19.3782 36.814 20.6999C36.6991 21.5271 36.4771 22.3729 36.1746 23.1673C36.1293 23.308 36.0757 23.4461 36.0187 23.5826C36.0187 23.5868 36.0187 23.591 36.0187 23.5961C35.9911 23.6946 35.9207 23.8067 35.8846 23.901C35.5536 24.5497 35.2344 25.1697 34.8439 25.7838C34.8388 25.7863 34.8346 25.7914 34.8296 25.7931C34.6528 26.0525 34.4718 26.2901 34.2866 26.4965C34.2774 26.5099 34.2682 26.5234 34.2589 26.5369C34.2405 26.5638 34.2179 26.5815 34.1944 26.595C33.5064 27.3212 32.7665 27.6893 32.0123 27.6893C31.8606 27.6893 31.6838 27.664 31.507 27.4349C31.3042 27.1299 30.85 26.0879 31.2539 22.9112C31.4785 21.3949 31.8011 20.0268 31.931 19.5408C31.9579 19.4413 31.8908 19.3419 31.7886 19.3293L30.0062 19.1162C29.9241 19.1061 29.8478 19.1566 29.8252 19.2366C29.2704 21.1615 27.0305 27.6885 24.9599 27.6885C24.328 27.6885 24.1512 26.6211 24.1001 26.2909C23.775 23.6264 25.528 18.5492 29.5302 16.2267C29.6048 16.1838 29.635 16.0928 29.5998 16.0136L28.9042 14.467C28.8632 14.3752 28.7501 14.3389 28.6638 14.3886C25.8079 16.0414 24.1847 18.5231 23.2915 20.3436C22.2046 22.5793 21.6993 25.0189 21.9515 26.8738C22.1795 28.7794 23.1398 29.872 24.6054 29.872C26.0543 29.872 27.4369 28.9066 28.7098 27.0187C28.7953 26.8915 28.9889 26.9311 29.0149 27.0819C29.2646 28.5283 29.9811 29.872 31.6579 29.872C33.5282 29.872 35.3232 28.7288 36.7134 26.6447C36.7712 26.5874 36.7972 26.5411 36.8181 26.4906C36.8232 26.4931 36.8282 26.4948 36.8332 26.4973C37.01 26.2025 37.181 25.9051 37.3444 25.6027C37.4508 25.4005 37.5572 25.1992 37.6586 24.9945C37.7181 24.874 37.7743 24.7527 37.8262 24.6289C37.838 24.6002 37.8547 24.5665 37.8706 24.5337", fill: "white" }),
+          /* @__PURE__ */ jsx40("path", { d: "M30.5839 31.6397C25.7546 34.8577 19.4773 34.7853 14.6907 31.5243C13.5368 30.7384 12.5044 32.6498 13.6474 33.4281C19.034 37.0985 26.3077 37.096 31.7218 33.488C32.8791 32.7172 31.7478 30.8639 30.5839 31.6397Z", fill: "white" })
         ] })
       ]
     }
@@ -25081,7 +25187,7 @@ var OHW_BADGE_LABEL_STYLE = {
   whiteSpace: "nowrap"
 };
 function MadeWithOhhWells() {
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "a",
     {
       href: "https://ohhwells.com",
@@ -25091,13 +25197,12 @@ function MadeWithOhhWells() {
       "data-ohw-badge": "",
       style: OHW_BADGE_STYLE,
       children: [
-        /* @__PURE__ */ jsx39(OhwBrandMark, {}),
-        /* @__PURE__ */ jsx39("span", { style: OHW_BADGE_LABEL_STYLE, children: "Made with OhhWells" })
+        /* @__PURE__ */ jsx40(OhwBrandMark, {}),
+        /* @__PURE__ */ jsx40("span", { style: OHW_BADGE_LABEL_STYLE, children: "Made with OhhWells" })
       ]
     }
   );
 }
-var OHW_LOADER_PREHYDRATE_SCRIPT = `(function(){try{var fromGlobal=typeof window!=="undefined"&&window.__OHW_SUBDOMAIN__?String(window.__OHW_SUBDOMAIN__):"";var p=location.hostname.split(".");var fromHost=location.hostname.endsWith(".ohhwells.site")&&p[0]&&p[0]!=="www"?p[0]:"";var fromQuery=new URLSearchParams(location.search).get("subdomain")||"";var fromCookie=(document.cookie.match(/(?:^|; )ohw-subdomain=([^;]*)/)||[])[1];fromCookie=fromCookie?decodeURIComponent(fromCookie):"";if(!fromGlobal&&!fromHost&&!fromQuery&&!fromCookie)return;var e=document.getElementById("ohw-loader");if(e)e.style.display="flex"}catch(e){}})();`;
 function subdomainFromCookie() {
   if (typeof document === "undefined") return "";
   const match = document.cookie.match(/(?:^|; )ohw-subdomain=([^;]*)/);
@@ -27458,6 +27563,7 @@ function OhhwellsBridge() {
       const branding = Boolean(data?.showBranding);
       contentCache.set(subdomain, content);
       brandingCache.set(subdomain, branding);
+      recordOverriddenPaths(subdomain, data?.overriddenPaths);
       setShowBranding(branding);
       return applyContent(content);
     }).catch(() => {
@@ -27656,7 +27762,7 @@ function OhhwellsBridge() {
     };
     applyFromCache();
     const pathCacheKey = `${subdomain}::${pathname}`;
-    if (!fetchedContentPaths.has(pathCacheKey)) {
+    if (!fetchedContentPaths.has(pathCacheKey) && shouldFetchContentForPath(subdomain, pathname)) {
       fetchedContentPaths.add(pathCacheKey);
       const apiUrl = process.env.NEXT_PUBLIC_FLOWOPS_API_URL ?? "https://flowops-backend-staging-2yfdh7pwpq-as.a.run.app";
       fetch(`${apiUrl}/api/public/sites/${subdomain}/content?path=${encodeURIComponent(pathname)}`, { cache: "no-store" }).then((r2) => r2.ok ? r2.json() : null).then((data) => {
@@ -27666,7 +27772,17 @@ function OhhwellsBridge() {
       }).catch(() => {
       });
     }
-    observer = new MutationObserver(scheduleApply);
+    observer = new MutationObserver((records) => {
+      if (hasMountedContentNodes(records)) {
+        if (debounceTimer) {
+          clearTimeout(debounceTimer);
+          debounceTimer = null;
+        }
+        applyFromCache();
+        return;
+      }
+      scheduleApply();
+    });
     observer.observe(document.body, { childList: true, subtree: true });
     return () => {
       observer?.disconnect();
@@ -27880,21 +27996,19 @@ function OhhwellsBridge() {
     };
   }, [pathname, isEditMode, postToParent2]);
   useEffect17(() => {
-    if (!subdomainFromQuery || isEditMode) return;
+    if (isEditMode) return;
     const handleClick = (e) => {
+      if (!isPlainLeftClick(e)) return;
       const anchor = e.target.closest("a");
-      if (!anchor || anchor.target === "_blank" || e.defaultPrevented) return;
-      const href = anchor.getAttribute("href");
-      if (!href || /^(https?:|mailto:|tel:|#)/.test(href)) return;
-      const url = new URL(href, window.location.origin);
-      if (url.searchParams.has("subdomain")) return;
+      if (!anchor) return;
+      const next = resolveStickyNavigation(anchor, window.location.search, window.location.origin);
+      if (!next) return;
       e.preventDefault();
-      url.searchParams.set("subdomain", subdomainFromQuery);
-      router.push(url.pathname + url.search);
+      router.push(next);
     };
     document.addEventListener("click", handleClick, true);
     return () => document.removeEventListener("click", handleClick, true);
-  }, [subdomainFromQuery, isEditMode, router]);
+  }, [isEditMode, router, pathname]);
   useEffect17(() => {
     if (!isEditMode) {
       editStylesRef.current?.base.remove();
@@ -31613,7 +31727,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.151",
+        bridgeVersion: "0.1.152",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections
@@ -32150,14 +32264,13 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  return /* @__PURE__ */ jsxs25(Fragment12, { children: [
-    /* @__PURE__ */ jsx39("div", { id: "ohw-loader", suppressHydrationWarning: true, style: { ...OHW_LOADER_STYLE, display: "none" }, children: /* @__PURE__ */ jsx39(OhwLoaderSpinner, {}) }),
-    /* @__PURE__ */ jsx39("script", { suppressHydrationWarning: true, dangerouslySetInnerHTML: { __html: OHW_LOADER_PREHYDRATE_SCRIPT } }),
-    subdomain && !isEditMode && showBranding && /* @__PURE__ */ jsx39(MadeWithOhhWells, {}),
+  return /* @__PURE__ */ jsxs26(Fragment13, { children: [
+    /* @__PURE__ */ jsx40(OhwLoaderSurface, {}),
+    subdomain && !isEditMode && showBranding && /* @__PURE__ */ jsx40(MadeWithOhhWells, {}),
     bridgeRoot ? createPortal3(
-      /* @__PURE__ */ jsxs25(Fragment12, { children: [
-        /* @__PURE__ */ jsx39("div", { ref: attachVisibleViewport, "data-ohw-visible-viewport": "", "aria-hidden": true }),
-        isEditMode && /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsxs26(Fragment13, { children: [
+        /* @__PURE__ */ jsx40("div", { ref: attachVisibleViewport, "data-ohw-visible-viewport": "", "aria-hidden": true }),
+        isEditMode && /* @__PURE__ */ jsx40(
           AiSectionOverlay,
           {
             postToParent: postToParent2,
@@ -32165,7 +32278,7 @@ function OhhwellsBridge() {
             onSelectionChange: handleAiSectionSelectionChange
           }
         ),
-        isEditMode && /* @__PURE__ */ jsx39(
+        isEditMode && /* @__PURE__ */ jsx40(
           AiMediaStripOverlay,
           {
             postToParent: postToParent2,
@@ -32174,7 +32287,7 @@ function OhhwellsBridge() {
             clearInteractionChromeRef
           }
         ),
-        isEditMode && /* @__PURE__ */ jsx39(
+        isEditMode && /* @__PURE__ */ jsx40(
           AiPricingCardOverlay,
           {
             postToParent: postToParent2,
@@ -32182,7 +32295,7 @@ function OhhwellsBridge() {
             applyTreeLocalRef
           }
         ),
-        isEditMode && /* @__PURE__ */ jsx39(
+        isEditMode && /* @__PURE__ */ jsx40(
           AiVideoOverlay,
           {
             postToParent: postToParent2,
@@ -32191,7 +32304,7 @@ function OhhwellsBridge() {
             clearInteractionChromeRef
           }
         ),
-        isEditMode && /* @__PURE__ */ jsx39(
+        isEditMode && /* @__PURE__ */ jsx40(
           AiFadeCarouselOverlay,
           {
             postToParent: postToParent2,
@@ -32200,12 +32313,12 @@ function OhhwellsBridge() {
             clearInteractionChromeRef
           }
         ),
-        isSectionDragging && sectionDropSlots.map((slot, i) => /* @__PURE__ */ jsx39(
+        isSectionDragging && sectionDropSlots.map((slot, i) => /* @__PURE__ */ jsx40(
           "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__ */ jsx39(
+            children: /* @__PURE__ */ jsx40(
               DropIndicator,
               {
                 direction: "horizontal",
@@ -32216,7 +32329,7 @@ function OhhwellsBridge() {
           },
           `section-drop-${slot.insertIndex}-${i}`
         )),
-        Object.entries(uploadingRects).map(([key, { rect, fadingOut }]) => /* @__PURE__ */ jsx39(
+        Object.entries(uploadingRects).map(([key, { rect, fadingOut }]) => /* @__PURE__ */ jsx40(
           MediaOverlay,
           {
             hover: { key, rect, elementType: "image", isDragOver: false, hasTextOverlap: false },
@@ -32227,7 +32340,7 @@ function OhhwellsBridge() {
           },
           `uploading-${key}`
         )),
-        mediaHover && !(mediaHover.key in uploadingRects) && mediaHover.key !== selectedMedia?.key && /* @__PURE__ */ jsx39(
+        mediaHover && !(mediaHover.key in uploadingRects) && mediaHover.key !== selectedMedia?.key && /* @__PURE__ */ jsx40(
           MediaOverlay,
           {
             hover: mediaHover,
@@ -32238,7 +32351,7 @@ function OhhwellsBridge() {
             onVideoSettingsChange: handleVideoSettingsChange
           }
         ),
-        selectedMedia && !(selectedMedia.key in uploadingRects) && !linkPopover && /* @__PURE__ */ jsx39(
+        selectedMedia && !(selectedMedia.key in uploadingRects) && !linkPopover && /* @__PURE__ */ jsx40(
           MediaOverlay,
           {
             hover: selectedMedia,
@@ -32250,7 +32363,7 @@ function OhhwellsBridge() {
             onVideoSettingsChange: handleVideoSettingsChange
           }
         ),
-        carouselHover && !linkPopover && !isItemDragging && /* @__PURE__ */ jsx39(
+        carouselHover && !linkPopover && !isItemDragging && /* @__PURE__ */ jsx40(
           CarouselOverlay,
           {
             hover: carouselHover,
@@ -32258,10 +32371,10 @@ function OhhwellsBridge() {
             cueOnly: !!carouselHover.fullBleedSectionId && carouselHover.fullBleedSectionId !== selectedAiSectionId
           }
         ),
-        siblingHintRect && !linkPopover && !isItemDragging && siblingHintRects.length === 0 && /* @__PURE__ */ jsx39(ItemInteractionLayer, { rect: siblingHintRect, state: "sibling-hint" }),
-        siblingHintRects.length > 0 && !linkPopover && !isItemDragging && siblingHintRects.map((rect, i) => /* @__PURE__ */ jsx39(ItemInteractionLayer, { rect, state: "sibling-hint" }, `sibling-hint-${i}`)),
-        isItemDragging && draggedItemRect && selectedElRef.current !== footerDragRef.current?.draggedEl && selectedElRef.current !== navDragRef.current?.draggedEl && selectedElRef.current !== buttonCollectionDragRef.current && /* @__PURE__ */ jsx39(ItemInteractionLayer, { rect: draggedItemRect, state: "dragging" }),
-        isItemDragging && footerDropSlots.map((slot, i) => /* @__PURE__ */ jsx39(
+        siblingHintRect && !linkPopover && !isItemDragging && siblingHintRects.length === 0 && /* @__PURE__ */ jsx40(ItemInteractionLayer, { rect: siblingHintRect, state: "sibling-hint" }),
+        siblingHintRects.length > 0 && !linkPopover && !isItemDragging && siblingHintRects.map((rect, i) => /* @__PURE__ */ jsx40(ItemInteractionLayer, { rect, state: "sibling-hint" }, `sibling-hint-${i}`)),
+        isItemDragging && draggedItemRect && selectedElRef.current !== footerDragRef.current?.draggedEl && selectedElRef.current !== navDragRef.current?.draggedEl && selectedElRef.current !== buttonCollectionDragRef.current && /* @__PURE__ */ jsx40(ItemInteractionLayer, { rect: draggedItemRect, state: "dragging" }),
+        isItemDragging && footerDropSlots.map((slot, i) => /* @__PURE__ */ jsx40(
           "div",
           {
             className: "pointer-events-none fixed z-2147483646",
@@ -32271,7 +32384,7 @@ function OhhwellsBridge() {
               width: slot.width,
               height: slot.height
             },
-            children: /* @__PURE__ */ jsx39(
+            children: /* @__PURE__ */ jsx40(
               DropIndicator,
               {
                 direction: slot.direction,
@@ -32282,7 +32395,7 @@ function OhhwellsBridge() {
           },
           `footer-drop-${slot.direction}-${slot.columnIndex}-${slot.insertIndex}-${i}`
         )),
-        isItemDragging && navDropSlots.map((slot, i) => /* @__PURE__ */ jsx39(
+        isItemDragging && navDropSlots.map((slot, i) => /* @__PURE__ */ jsx40(
           "div",
           {
             className: "pointer-events-none fixed z-2147483646",
@@ -32292,7 +32405,7 @@ function OhhwellsBridge() {
               width: slot.width,
               height: slot.height
             },
-            children: /* @__PURE__ */ jsx39(
+            children: /* @__PURE__ */ jsx40(
               DropIndicator,
               {
                 direction: slot.direction,
@@ -32303,7 +32416,7 @@ function OhhwellsBridge() {
           },
           `nav-drop-${slot.direction}-${slot.parentId ?? "root"}-${slot.insertIndex}-${i}`
         )),
-        isItemDragging && buttonDropSlots.map((slot, i) => /* @__PURE__ */ jsx39(
+        isItemDragging && buttonDropSlots.map((slot, i) => /* @__PURE__ */ jsx40(
           "div",
           {
             className: "pointer-events-none fixed z-2147483646",
@@ -32313,7 +32426,7 @@ function OhhwellsBridge() {
               width: slot.width,
               height: slot.height
             },
-            children: /* @__PURE__ */ jsx39(
+            children: /* @__PURE__ */ jsx40(
               DropIndicator,
               {
                 direction: slot.direction,
@@ -32324,10 +32437,10 @@ function OhhwellsBridge() {
           },
           `button-drop-${slot.direction}-${slot.insertIndex}-${i}`
         )),
-        hoveredNavContainerRect && (toolbarVariant !== "select-frame" || isFooterFrameSelection) && !linkPopover && !isItemDragging && /* @__PURE__ */ jsx39(ItemInteractionLayer, { rect: hoveredNavContainerRect, state: "hover" }),
-        hoveredItemRect && !linkPopover && !hoveredNavContainerRect && !isItemDragging && hoveredItemElRef.current !== selectedElRef.current && /* @__PURE__ */ jsx39(ItemInteractionLayer, { rect: hoveredItemRect, state: "hover" }),
-        hoveredTextRect && !hoveredNavContainerRect && !hoveredItemRect && !isItemDragging && toolbarVariant !== "rich-text" && /* @__PURE__ */ jsx39(ItemInteractionLayer, { rect: hoveredTextRect, state: "hover" }),
-        formPickRect && !isItemDragging && /* @__PURE__ */ jsx39(
+        hoveredNavContainerRect && (toolbarVariant !== "select-frame" || isFooterFrameSelection) && !linkPopover && !isItemDragging && /* @__PURE__ */ jsx40(ItemInteractionLayer, { rect: hoveredNavContainerRect, state: "hover" }),
+        hoveredItemRect && !linkPopover && !hoveredNavContainerRect && !isItemDragging && hoveredItemElRef.current !== selectedElRef.current && /* @__PURE__ */ jsx40(ItemInteractionLayer, { rect: hoveredItemRect, state: "hover" }),
+        hoveredTextRect && !hoveredNavContainerRect && !hoveredItemRect && !isItemDragging && toolbarVariant !== "rich-text" && /* @__PURE__ */ jsx40(ItemInteractionLayer, { rect: hoveredTextRect, state: "hover" }),
+        formPickRect && !isItemDragging && /* @__PURE__ */ jsx40(
           ItemInteractionLayer,
           {
             rect: formPickRect,
@@ -32335,13 +32448,13 @@ function OhhwellsBridge() {
             itemDragSurface: false,
             toolbarAlign: "left",
             chromeGap: 24,
-            toolbar: fieldPickRect ? void 0 : /* @__PURE__ */ jsxs25(
+            toolbar: fieldPickRect ? void 0 : /* @__PURE__ */ jsxs26(
               "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__ */ jsx39(
+                  /* @__PURE__ */ jsx40(
                     "button",
                     {
                       type: "button",
@@ -32349,11 +32462,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__ */ jsx39(Plus5, { size: 15, "aria-hidden": true })
+                      children: /* @__PURE__ */ jsx40(Plus5, { size: 15, "aria-hidden": true })
                     }
                   ),
-                  /* @__PURE__ */ jsx39("div", { className: "mx-0.5 h-5 w-px bg-border" }),
-                  /* @__PURE__ */ jsxs25(
+                  /* @__PURE__ */ jsx40("div", { className: "mx-0.5 h-5 w-px bg-border" }),
+                  /* @__PURE__ */ jsxs26(
                     "button",
                     {
                       type: "button",
@@ -32369,11 +32482,11 @@ function OhhwellsBridge() {
                         });
                       },
                       children: [
-                        /* @__PURE__ */ jsx39(Settings, { size: 14, "aria-hidden": true }),
+                        /* @__PURE__ */ jsx40(Settings, { size: 14, "aria-hidden": true }),
                         "Form settings",
                         formPickCount ? (
                           // Counter pill, per the design — not a text suffix.
-                          /* @__PURE__ */ jsx39(
+                          /* @__PURE__ */ jsx40(
                             "span",
                             {
                               "data-ohw-form-count": "",
@@ -32385,8 +32498,8 @@ function OhhwellsBridge() {
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx39("div", { className: "mx-0.5 h-5 w-px bg-border" }),
-                  /* @__PURE__ */ jsx39("div", { className: "flex items-center rounded-md bg-muted/70 p-0.5", children: ["default", "success"].map((state) => /* @__PURE__ */ jsx39(
+                  /* @__PURE__ */ jsx40("div", { className: "mx-0.5 h-5 w-px bg-border" }),
+                  /* @__PURE__ */ jsx40("div", { className: "flex items-center rounded-md bg-muted/70 p-0.5", children: ["default", "success"].map((state) => /* @__PURE__ */ jsx40(
                     "button",
                     {
                       type: "button",
@@ -32417,7 +32530,7 @@ function OhhwellsBridge() {
             )
           }
         ),
-        formHoverRect && !isItemDragging && /* @__PURE__ */ jsx39(
+        formHoverRect && !isItemDragging && /* @__PURE__ */ jsx40(
           ItemInteractionLayer,
           {
             rect: formHoverRect,
@@ -32425,7 +32538,7 @@ function OhhwellsBridge() {
             chromeGap: formHoverElRef.current && getFieldWrapper(formHoverElRef.current) ? 8 : 24
           }
         ),
-        fieldPickRect && fieldPickState && !isItemDragging && toolbarVariant !== "rich-text" && /* @__PURE__ */ jsx39(
+        fieldPickRect && fieldPickState && !isItemDragging && toolbarVariant !== "rich-text" && /* @__PURE__ */ jsx40(
           ItemInteractionLayer,
           {
             rect: fieldPickRect,
@@ -32437,7 +32550,7 @@ function OhhwellsBridge() {
             dragHandleLabel: "Reorder field",
             onDragHandleDragStart: handleFieldDragStart,
             onDragHandleDragEnd: handleFieldDragEnd,
-            toolbar: /* @__PURE__ */ jsx39(
+            toolbar: /* @__PURE__ */ jsx40(
               FormFieldToolbar,
               {
                 type: fieldPickState.type,
@@ -32450,12 +32563,12 @@ function OhhwellsBridge() {
             )
           }
         ),
-        fieldDragging ? fieldDropSlots.map((slot, i) => /* @__PURE__ */ jsx39(
+        fieldDragging ? fieldDropSlots.map((slot, i) => /* @__PURE__ */ jsx40(
           "div",
           {
             className: "pointer-events-none fixed z-[2147483644]",
             style: { top: slot.top, left: slot.left, width: slot.width },
-            children: /* @__PURE__ */ jsx39(
+            children: /* @__PURE__ */ jsx40(
               DropIndicator,
               {
                 direction: "horizontal",
@@ -32468,7 +32581,7 @@ function OhhwellsBridge() {
         )) : null,
         fieldTypePickerOpen && formPickRect ? (() => {
           const toolbar = document.querySelector("[data-ohw-form-toolbar]")?.getBoundingClientRect();
-          return /* @__PURE__ */ jsx39(
+          return /* @__PURE__ */ jsx40(
             "div",
             {
               className: "pointer-events-none fixed z-[2147483645]",
@@ -32476,12 +32589,12 @@ function OhhwellsBridge() {
                 top: toolbar ? toolbar.bottom + 6 : formPickRect.top + 16,
                 left: toolbar ? toolbar.left : formPickRect.left + 24
               },
-              children: /* @__PURE__ */ jsx39(FieldTypePicker, { onPick: handleAddField })
+              children: /* @__PURE__ */ jsx40(FieldTypePicker, { onPick: handleAddField })
             }
           );
         })() : null,
-        toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isNavbarLinksContainer2(selectedElRef.current) && /* @__PURE__ */ jsx39(NavbarContainerChrome, { rect: toolbarRect, onAdd: handleAddTopLevelNavItem }),
-        toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isFooterLinksContainer(selectedElRef.current) && /* @__PURE__ */ jsx39(
+        toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isNavbarLinksContainer2(selectedElRef.current) && /* @__PURE__ */ jsx40(NavbarContainerChrome, { rect: toolbarRect, onAdd: handleAddTopLevelNavItem }),
+        toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isFooterLinksContainer(selectedElRef.current) && /* @__PURE__ */ jsx40(
           FooterContainerChrome,
           {
             rect: toolbarRect,
@@ -32489,7 +32602,7 @@ function OhhwellsBridge() {
             addDisabled: !canAddFooterColumn()
           }
         ),
-        toolbarRect && !linkPopover && (toolbarVariant === "link-action" || toolbarVariant === "select-frame" || toolbarVariant === "logo") && /* @__PURE__ */ jsx39(
+        toolbarRect && !linkPopover && (toolbarVariant === "link-action" || toolbarVariant === "select-frame" || toolbarVariant === "logo") && /* @__PURE__ */ jsx40(
           ItemInteractionLayer,
           {
             rect: isItemDragging && draggedItemRect && (footerDragRef.current?.wasSelected || navDragRef.current?.wasSelected || selectedElRef.current === buttonCollectionDragRef.current) ? draggedItemRect : toolbarRect,
@@ -32509,7 +32622,7 @@ function OhhwellsBridge() {
             onItemPointerDown: toolbarVariant === "logo" ? void 0 : handleItemChromePointerDown,
             onItemClick: toolbarVariant === "logo" ? void 0 : handleItemChromeClick,
             itemDragSurface: toolbarVariant !== "logo" && !isFooterFrameSelection && !selectedIsSocialsRow,
-            toolbar: toolbarVariant === "link-action" && !isItemDragging || toolbarVariant === "select-frame" && (isFooterFrameSelection || selectedIsSocialsRow) && !isItemDragging ? /* @__PURE__ */ jsx39(
+            toolbar: toolbarVariant === "link-action" && !isItemDragging || toolbarVariant === "select-frame" && (isFooterFrameSelection || selectedIsSocialsRow) && !isItemDragging ? /* @__PURE__ */ jsx40(
               ItemActionToolbar,
               {
                 onEditLink: openLinkPopoverForSelected,
@@ -32560,8 +32673,8 @@ function OhhwellsBridge() {
             ) : void 0
           }
         ),
-        toolbarRect && toolbarVariant === "rich-text" && !linkPopover && !isRectOutsideClip(toolbarRect, getIframeVisibleClip(parentScrollRef.current)) && /* @__PURE__ */ jsxs25(Fragment12, { children: [
-          /* @__PURE__ */ jsx39(
+        toolbarRect && toolbarVariant === "rich-text" && !linkPopover && !isRectOutsideClip(toolbarRect, getIframeVisibleClip(parentScrollRef.current)) && /* @__PURE__ */ jsxs26(Fragment13, { children: [
+          /* @__PURE__ */ jsx40(
             EditGlowChrome,
             {
               rect: toolbarRect,
@@ -32571,7 +32684,7 @@ function OhhwellsBridge() {
               hideHandle: isItemDragging
             }
           ),
-          /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsx40(
             FloatingToolbar,
             {
               rect: toolbarRect,
@@ -32584,7 +32697,7 @@ function OhhwellsBridge() {
             }
           )
         ] }),
-        maxBadge && /* @__PURE__ */ jsxs25(
+        maxBadge && /* @__PURE__ */ jsxs26(
           "div",
           {
             "data-ohw-max-badge": "",
@@ -32610,7 +32723,7 @@ function OhhwellsBridge() {
             ]
           }
         ),
-        toggleState && !linkPopover && /* @__PURE__ */ jsx39(
+        toggleState && !linkPopover && /* @__PURE__ */ jsx40(
           StateToggle,
           {
             rect: toggleState.rect,
@@ -32619,15 +32732,15 @@ function OhhwellsBridge() {
             onStateChange: handleStateChange
           }
         ),
-        sectionGap && !linkPopover && /* @__PURE__ */ jsxs25(
+        sectionGap && !linkPopover && /* @__PURE__ */ jsxs26(
           "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__ */ jsx39("div", { className: "flex-1 bg-bridge-primary", style: { height: 3 } }),
-              /* @__PURE__ */ jsx39(
+              /* @__PURE__ */ jsx40("div", { className: "flex-1 bg-bridge-primary", style: { height: 3 } }),
+              /* @__PURE__ */ jsx40(
                 Badge,
                 {
                   className: "px-8 py-1 bg-bridge-primary hover:bg-bridge-primary text-primary-foreground text-xs font-medium shrink-0 rounded-full cursor-pointer pointer-events-auto",
@@ -32644,11 +32757,11 @@ function OhhwellsBridge() {
                   children: "Add Section"
                 }
               ),
-              /* @__PURE__ */ jsx39("div", { className: "flex-1 bg-bridge-primary", style: { height: 3 } })
+              /* @__PURE__ */ jsx40("div", { className: "flex-1 bg-bridge-primary", style: { height: 3 } })
             ]
           }
         ),
-        linkPopover && dialogPortalContainer ? /* @__PURE__ */ jsx39(
+        linkPopover && dialogPortalContainer ? /* @__PURE__ */ jsx40(
           LinkPopover,
           {
             panelRef: linkPopoverPanelRef,
@@ -32665,7 +32778,7 @@ function OhhwellsBridge() {
           },
           linkPopover.key
         ) : null,
-        floatingPanel && floatingPanel.kind === "socials-display" ? /* @__PURE__ */ jsx39(
+        floatingPanel && floatingPanel.kind === "socials-display" ? /* @__PURE__ */ jsx40(
           FloatingPanel,
           {
             open: true,
@@ -32675,7 +32788,7 @@ function OhhwellsBridge() {
             onPositionChange: setFloatingPanelPos,
             parentScroll: parentScrollSnap ?? parentScrollRef.current,
             onClose: closeFloatingPanelOnly,
-            children: /* @__PURE__ */ jsx39(
+            children: /* @__PURE__ */ jsx40(
               SocialsDisplayPanel,
               {
                 display: socialsDisplayFor(floatingPanel.row, editContentRef.current),
@@ -32696,19 +32809,19 @@ function OhhwellsBridge() {
           const tokens = tokensFromButton(button);
           const current = assignmentFor(button, editContentRef.current, tokens);
           void buttonStyleTick;
-          return /* @__PURE__ */ jsx39(
+          return /* @__PURE__ */ jsx40(
             FloatingPanel,
             {
               open: true,
               title: floatingPanel.title,
               context: floatingPanel.context,
-              icon: /* @__PURE__ */ jsx39(Brush2, { className: "size-4 shrink-0", "aria-hidden": true }),
+              icon: /* @__PURE__ */ jsx40(Brush2, { className: "size-4 shrink-0", "aria-hidden": true }),
               position: floatingPanelPos,
               onPositionChange: setFloatingPanelPos,
               parentScroll: parentScrollSnap ?? parentScrollRef.current,
               onClose: closeFloatingPanelOnly,
               bodyClassName: "gap-5",
-              children: /* @__PURE__ */ jsx39(
+              children: /* @__PURE__ */ jsx40(
                 ButtonStylePanel,
                 {
                   variants: tokens.variants,
@@ -32736,10 +32849,10 @@ function OhhwellsBridge() {
 
 // src/ui/EmptySection.tsx
 import Link3 from "next/link";
-import { Fragment as Fragment13, jsx as jsx40, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx41, jsxs as jsxs27 } from "react/jsx-runtime";
 function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey }) {
-  return /* @__PURE__ */ jsxs26(Fragment13, { children: [
-    /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsxs27(Fragment14, { children: [
+    /* @__PURE__ */ jsx41(
       "p",
       {
         style: {
@@ -32751,10 +32864,10 @@ function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey
           color: "var(--brand-accent)",
           marginBottom: "1.5rem"
         },
-        children: /* @__PURE__ */ jsx40(Link3, { href: homeHref, style: { color: "inherit" }, children: /* @__PURE__ */ jsx40("span", { ...eyebrowKey ? { "data-ohw-editable": "text", "data-ohw-key": eyebrowKey } : {}, children: "Home" }) })
+        children: /* @__PURE__ */ jsx41(Link3, { href: homeHref, style: { color: "inherit" }, children: /* @__PURE__ */ jsx41("span", { ...eyebrowKey ? { "data-ohw-editable": "text", "data-ohw-key": eyebrowKey } : {}, children: "Home" }) })
       }
     ),
-    /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx41(
       "h1",
       {
         style: {
@@ -32769,7 +32882,7 @@ function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey
         children: title
       }
     ),
-    /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx41(
       "p",
       {
         style: {
@@ -32793,6 +32906,7 @@ export {
   AI_TREE_TOKENS,
   AiFooterRenderer,
   AiTreeRenderer,
+  BRAND_TITLE_KEY,
   CustomToolbar,
   CustomToolbarButton,
   CustomToolbarDivider,
@@ -32812,7 +32926,12 @@ export {
   ItemInteractionLayer,
   LinkEditorPanel,
   LinkPopover,
+  OHW_LOADER_PREHYDRATE_SCRIPT,
+  OHW_LOADER_STYLE,
   OhhwellsBridge,
+  OhwLoaderSpinner,
+  OhwLoaderSurface,
+  SITE_OG_IMAGE_KEY,
   SchedulingWidget,
   Toggle,
   ToggleGroup,
@@ -32823,6 +32942,8 @@ export {
   TooltipTrigger,
   addFooterLinkColumn,
   appendFooterSocial,
+  applyBrandChrome,
+  applyStickySearchParams,
   buildDefaultFooterTree,
   buildTarget,
   dropIndicatorVariants,
@@ -32830,18 +32951,25 @@ export {
   filterAvailablePages,
   foldAlignIntoTrees,
   getEditModeInitialState,
+  hasMountedContentNodes,
   insertFooterHours,
   isEditSessionActive,
+  isPlainLeftClick,
   isRenderableFooterTree,
   isRenderableTree,
+  isStickySearchParam,
   isValidUrl,
   nextViableSlide,
   parseAiFooterState,
   parseAiSectionsState,
   parseTarget,
+  recordOverriddenPaths,
   removeFooterBlock,
+  resetOverriddenPathsCache,
   resolveFooterCopyright,
+  resolveStickyNavigation,
   serializeAiFooterState,
+  shouldFetchContentForPath,
   stepViableSlide,
   stripTextAlignCss,
   toggleVariants,