@ohhwells/bridge 0.1.151 → 0.1.152

package/dist/index.cjs

@@ -37,6 +37,7 @@ __export(index_exports, {
   AI_TREE_TOKENS: () => AI_TREE_TOKENS,
   AiFooterRenderer: () => AiFooterRenderer,
   AiTreeRenderer: () => AiTreeRenderer,
+  BRAND_TITLE_KEY: () => BRAND_TITLE_KEY,
   CustomToolbar: () => CustomToolbar,
   CustomToolbarButton: () => CustomToolbarButton,
   CustomToolbarDivider: () => CustomToolbarDivider,
@@ -56,7 +57,12 @@ __export(index_exports, {
   ItemInteractionLayer: () => ItemInteractionLayer,
   LinkEditorPanel: () => LinkEditorPanel,
   LinkPopover: () => LinkPopover,
+  OHW_LOADER_PREHYDRATE_SCRIPT: () => OHW_LOADER_PREHYDRATE_SCRIPT,
+  OHW_LOADER_STYLE: () => OHW_LOADER_STYLE,
   OhhwellsBridge: () => OhhwellsBridge,
+  OhwLoaderSpinner: () => OhwLoaderSpinner,
+  OhwLoaderSurface: () => OhwLoaderSurface,
+  SITE_OG_IMAGE_KEY: () => SITE_OG_IMAGE_KEY,
   SchedulingWidget: () => SchedulingWidget,
   Toggle: () => Toggle,
   ToggleGroup: () => ToggleGroup,
@@ -67,6 +73,8 @@ __export(index_exports, {
   TooltipTrigger: () => TooltipTrigger,
   addFooterLinkColumn: () => addFooterLinkColumn,
   appendFooterSocial: () => appendFooterSocial,
+  applyBrandChrome: () => applyBrandChrome,
+  applyStickySearchParams: () => applyStickySearchParams,
   buildDefaultFooterTree: () => buildDefaultFooterTree,
   buildTarget: () => buildTarget,
   dropIndicatorVariants: () => dropIndicatorVariants,
@@ -74,18 +82,25 @@ __export(index_exports, {
   filterAvailablePages: () => filterAvailablePages,
   foldAlignIntoTrees: () => foldAlignIntoTrees,
   getEditModeInitialState: () => getEditModeInitialState,
+  hasMountedContentNodes: () => hasMountedContentNodes,
   insertFooterHours: () => insertFooterHours,
   isEditSessionActive: () => isEditSessionActive,
+  isPlainLeftClick: () => isPlainLeftClick,
   isRenderableFooterTree: () => isRenderableFooterTree,
   isRenderableTree: () => isRenderableTree,
+  isStickySearchParam: () => isStickySearchParam,
   isValidUrl: () => isValidUrl,
   nextViableSlide: () => nextViableSlide,
   parseAiFooterState: () => parseAiFooterState,
   parseAiSectionsState: () => parseAiSectionsState,
   parseTarget: () => parseTarget,
+  recordOverriddenPaths: () => recordOverriddenPaths,
   removeFooterBlock: () => removeFooterBlock,
+  resetOverriddenPathsCache: () => resetOverriddenPathsCache,
   resolveFooterCopyright: () => resolveFooterCopyright,
+  resolveStickyNavigation: () => resolveStickyNavigation,
   serializeAiFooterState: () => serializeAiFooterState,
+  shouldFetchContentForPath: () => shouldFetchContentForPath,
   stepViableSlide: () => stepViableSlide,
   stripTextAlignCss: () => stripTextAlignCss,
   toggleVariants: () => toggleVariants,
@@ -6790,8 +6805,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;");
@@ -6821,8 +6837,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];
@@ -11664,6 +11680,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
 var import_react4 = require("react");
 var import_navigation = require("next/navigation");
@@ -11688,8 +11787,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);
@@ -12507,6 +12608,63 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
   );
 }
 
+// src/ui/OhwLoaderSurface.tsx
+var import_jsx_runtime6 = require("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__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("style", { suppressHydrationWarning: true, dangerouslySetInnerHTML: { __html: OHW_LOADER_SPIN_KEYFRAMES } }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      "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__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "14", cy: "14", r: "11", style: { stroke: "var(--brand-border, #E7E5E4)" }, strokeWidth: "3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "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__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { id: "ohw-loader", suppressHydrationWarning: true, style: { ...OHW_LOADER_STYLE, display: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(OhwLoaderSpinner, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      "script",
+      {
+        suppressHydrationWarning: true,
+        dangerouslySetInnerHTML: { __html: OHW_LOADER_PREHYDRATE_SCRIPT }
+      }
+    )
+  ] });
+}
+
 // src/ui/toggle-group.tsx
 var React3 = __toESM(require("react"), 1);
 
@@ -15828,7 +15986,7 @@ var cva = (base, config) => (props) => {
 
 // src/ui/toggle.tsx
 var import_radix_ui2 = require("radix-ui");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("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",
   {
@@ -15855,7 +16013,7 @@ function Toggle({
   size,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     import_radix_ui2.Toggle.Root,
     {
       "data-slot": "toggle",
@@ -15866,7 +16024,7 @@ function Toggle({
 }
 
 // src/ui/toggle-group.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var ToggleGroupContext = React3.createContext({
   value: "",
   onValueChange: () => {
@@ -15879,13 +16037,13 @@ function ToggleGroup({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "div",
     {
       role: "group",
       className: cn("flex items-center gap-1 p-1 bg-muted rounded-md", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToggleGroupContext.Provider, { value: { value, onValueChange }, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToggleGroupContext.Provider, { value: { value, onValueChange }, children })
     }
   );
 }
@@ -15896,7 +16054,7 @@ function ToggleGroupItem({
   ...props
 }) {
   const { value: groupValue, onValueChange } = React3.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     Toggle,
     {
       pressed: groupValue === value,
@@ -15918,10 +16076,10 @@ function ToggleGroupItem({
 // src/ui/drag-handle.tsx
 var React4 = __toESM(require("react"), 1);
 var import_lucide_react2 = require("lucide-react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var DragHandle = React4.forwardRef(
   ({ className, type = "button", ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "button",
       {
         ref,
@@ -15936,7 +16094,7 @@ var DragHandle = React4.forwardRef(
           className
         ),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.GripVertical, { className: "size-4 shrink-0", "aria-hidden": "true" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.GripVertical, { className: "size-4 shrink-0", "aria-hidden": "true" })
       }
     );
   }
@@ -15945,8 +16103,8 @@ DragHandle.displayName = "DragHandle";
 
 // src/ui/custom-toolbar.tsx
 var React5 = __toESM(require("react"), 1);
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var CustomToolbar = React5.forwardRef(({ className, onMouseDown, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var CustomToolbar = React5.forwardRef(({ className, onMouseDown, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
   "div",
   {
     ref,
@@ -15965,7 +16123,7 @@ var CustomToolbar = React5.forwardRef(({ className, onMouseDown, ...props }, ref
 ));
 CustomToolbar.displayName = "CustomToolbar";
 function CustomToolbarDivider({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "span",
     {
       "aria-hidden": true,
@@ -15975,7 +16133,7 @@ function CustomToolbarDivider({ className, ...props }) {
   );
 }
 var CustomToolbarButton = React5.forwardRef(
-  ({ className, active = false, type = "button", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  ({ className, active = false, type = "button", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "button",
     {
       ref,
@@ -15998,17 +16156,17 @@ var import_lucide_react3 = require("lucide-react");
 // src/ui/dropdown-menu.tsx
 var React6 = __toESM(require("react"), 1);
 var import_radix_ui3 = require("radix-ui");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function DropdownMenu({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_radix_ui3.DropdownMenu.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_radix_ui3.DropdownMenu.Root, { "data-slot": "dropdown-menu", ...props });
 }
-var DropdownMenuTrigger = React6.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_radix_ui3.DropdownMenu.Trigger, { ref, "data-slot": "dropdown-menu-trigger", ...props }));
+var DropdownMenuTrigger = React6.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_radix_ui3.DropdownMenu.Trigger, { ref, "data-slot": "dropdown-menu-trigger", ...props }));
 DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
 function DropdownMenuGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     import_radix_ui3.DropdownMenu.Group,
     {
       "data-slot": "dropdown-menu-group",
@@ -16022,7 +16180,7 @@ function DropdownMenuContent({
   sideOffset = 6,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_radix_ui3.DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_radix_ui3.DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     import_radix_ui3.DropdownMenu.Content,
     {
       "data-slot": "dropdown-menu-content",
@@ -16046,7 +16204,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     import_radix_ui3.DropdownMenu.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -16076,7 +16234,7 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     import_radix_ui3.DropdownMenu.Separator,
     {
       "data-slot": "dropdown-menu-separator",
@@ -16088,18 +16246,18 @@ function DropdownMenuSeparator({
 
 // src/ui/tooltip.tsx
 var import_radix_ui4 = require("radix-ui");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function TooltipProvider({
   delayDuration = 0,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_radix_ui4.Tooltip.Provider, { "data-slot": "tooltip-provider", delayDuration, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_radix_ui4.Tooltip.Provider, { "data-slot": "tooltip-provider", delayDuration, ...props });
 }
 function Tooltip({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_radix_ui4.Tooltip.Root, { "data-slot": "tooltip", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_radix_ui4.Tooltip.Root, { "data-slot": "tooltip", ...props });
 }
 function TooltipTrigger({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_radix_ui4.Tooltip.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_radix_ui4.Tooltip.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",
@@ -16116,7 +16274,7 @@ function TooltipContent({
   ...props
 }) {
   const resolvedSide = side ?? "bottom";
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_radix_ui4.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_radix_ui4.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_radix_ui4.Tooltip.Content,
     {
       "data-slot": "tooltip-content",
@@ -16139,7 +16297,7 @@ function TooltipContent({
 }
 
 // src/ui/item-action-toolbar.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function ToolbarActionTooltip({
   label,
   side = "bottom",
@@ -16147,10 +16305,10 @@ function ToolbarActionTooltip({
   buttonProps,
   children
 }) {
-  const button = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CustomToolbarButton, { type: "button", "aria-label": label, disabled, ...buttonProps, children });
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipTrigger, { asChild: true, children: disabled ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "inline-flex", children: button }) : button }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipContent, { side, sideOffset: 9, children: label })
+  const button = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CustomToolbarButton, { type: "button", "aria-label": label, disabled, ...buttonProps, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipTrigger, { asChild: true, children: disabled ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "inline-flex", children: button }) : button }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipContent, { side, sideOffset: 9, children: label })
   ] });
 }
 function ItemActionToolbar({
@@ -16181,9 +16339,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__ */ (0, import_jsx_runtime12.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(CustomToolbar, { children: [
-    showDropdownToggle ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(CustomToolbar, { children: [
+    showDropdownToggle ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
         ToggleGroup,
         {
           value: dropdownOpen ? "open" : "closed",
@@ -16195,7 +16353,7 @@ function ItemActionToolbar({
             e.stopPropagation();
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               ToggleGroupItem,
               {
                 value: "closed",
@@ -16210,7 +16368,7 @@ function ItemActionToolbar({
                 children: "Closed"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               ToggleGroupItem,
               {
                 value: "open",
@@ -16228,9 +16386,9 @@ function ItemActionToolbar({
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CustomToolbarDivider, {})
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CustomToolbarDivider, {})
     ] }) : null,
-    showEditLink ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    showEditLink ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       ToolbarActionTooltip,
       {
         label: "Edit link",
@@ -16248,10 +16406,10 @@ function ItemActionToolbar({
             e.stopPropagation();
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.Link, { className: "size-4 shrink-0", "aria-hidden": true })
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Link, { className: "size-4 shrink-0", "aria-hidden": true })
       }
     ) : null,
-    showStyle ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    showStyle ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       ToolbarActionTooltip,
       {
         label: "Style",
@@ -16272,10 +16430,10 @@ function ItemActionToolbar({
             e.stopPropagation();
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.Brush, { className: "size-4 shrink-0", "aria-hidden": true })
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Brush, { className: "size-4 shrink-0", "aria-hidden": true })
       }
     ) : null,
-    showAddItem ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    showAddItem ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       ToolbarActionTooltip,
       {
         label: "Add item",
@@ -16289,10 +16447,10 @@ function ItemActionToolbar({
             onAddItem?.();
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.Plus, { className: "size-4 shrink-0", "aria-hidden": true })
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Plus, { className: "size-4 shrink-0", "aria-hidden": true })
       }
     ) : null,
-    showHeadingToggle ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    showHeadingToggle ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       ToolbarActionTooltip,
       {
         label: headingTooltip,
@@ -16309,12 +16467,12 @@ function ItemActionToolbar({
             onHeadingVisibleChange?.(!headingVisible);
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.Heading, { className: "size-4 shrink-0", "aria-hidden": true })
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Heading, { className: "size-4 shrink-0", "aria-hidden": true })
       }
     ) : null,
-    showMore ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(DropdownMenu, { open: moreOpen, onOpenChange: setMoreOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Tooltip, { open: moreOpen ? false : void 0, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuTrigger, { asChild: true, disabled: moreDisabled, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    showMore ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DropdownMenu, { open: moreOpen, onOpenChange: setMoreOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Tooltip, { open: moreOpen ? false : void 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DropdownMenuTrigger, { asChild: true, disabled: moreDisabled, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           CustomToolbarButton,
           {
             type: "button",
@@ -16324,12 +16482,12 @@ function ItemActionToolbar({
               e.preventDefault();
               e.stopPropagation();
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.MoreHorizontal, { className: "size-4 shrink-0", "aria-hidden": true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.MoreHorizontal, { className: "size-4 shrink-0", "aria-hidden": true })
           }
         ) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipContent, { side: tooltipSide, sideOffset: 9, children: "More" })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipContent, { side: tooltipSide, sideOffset: 9, children: "More" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
         DropdownMenuContent,
         {
           align: "end",
@@ -16340,39 +16498,39 @@ function ItemActionToolbar({
             e.stopPropagation();
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(DropdownMenuGroup, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DropdownMenuGroup, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
                 DropdownMenuItem,
                 {
                   disabled: selectParentDisabled,
                   onSelect: () => onSelectParent?.(),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.CornerLeftUp, { size: 12, "aria-hidden": true }),
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.CornerLeftUp, { size: 12, "aria-hidden": true }),
                     "Select parent"
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
                 DropdownMenuItem,
                 {
                   disabled: duplicateDisabled,
                   onSelect: () => onDuplicate?.(),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.Copy, { size: 12, "aria-hidden": true }),
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Copy, { size: 12, "aria-hidden": true }),
                     "Duplicate"
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuSeparator, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DropdownMenuGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
               DropdownMenuItem,
               {
                 variant: "destructive",
                 disabled: deleteDisabled,
                 onSelect: () => onDelete?.(),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.Trash2, { size: 15, "aria-hidden": true }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Trash2, { size: 15, "aria-hidden": true }),
                   "Delete"
                 ]
               }
@@ -16387,7 +16545,7 @@ function ItemActionToolbar({
 // src/ui/item-interaction-layer.tsx
 var import_react8 = require("react");
 var import_react_dom3 = require("react-dom");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("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)`;
@@ -16481,7 +16639,7 @@ function ClampedToolbarSlot({
       window.removeEventListener("resize", clamp);
     };
   }, [placement, children, align]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       ref: slotRef,
@@ -16556,7 +16714,7 @@ function DetachedBelowToolbarSlot({
   }, [centerX, belowRect, belowEl, children]);
   if (!portalTarget) return null;
   return (0, import_react_dom3.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "div",
       {
         ref: slotRef,
@@ -16614,7 +16772,7 @@ function ItemInteractionLayer({
     if (typeof elRef === "function") elRef(node);
     else if (elRef) elRef.current = node;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "div",
     {
       ref: setRootRef,
@@ -16631,7 +16789,7 @@ function ItemInteractionLayer({
         display: hidden ? "none" : "block"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "div",
           {
             "aria-hidden": true,
@@ -16639,7 +16797,7 @@ function ItemInteractionLayer({
             style: { ...getChromeStyle(state), borderRadius: CHROME_RADIUS }
           }
         ),
-        itemDragEnabled && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        itemDragEnabled && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "div",
           {
             "data-ohw-item-drag-surface": "",
@@ -16656,14 +16814,14 @@ function ItemInteractionLayer({
             }
           }
         ),
-        showDragHandle && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        showDragHandle && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "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__ */ (0, import_jsx_runtime13.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               DragHandle,
               {
                 draggable: !dragDisabled,
@@ -16693,9 +16851,9 @@ function ItemInteractionLayer({
             )
           }
         ),
-        showToolbar && state === "active-top" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ClampedToolbarSlot, { align: toolbarAlign, placement: "top", children: toolbar }),
-        showToolbar && state === "active-bottom" && !useDetachedBelowToolbar && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ClampedToolbarSlot, { align: toolbarAlign, placement: "bottom", children: toolbar }),
-        useDetachedBelowToolbar && toolbarBelowRect ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        showToolbar && state === "active-top" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ClampedToolbarSlot, { align: toolbarAlign, placement: "top", children: toolbar }),
+        showToolbar && state === "active-bottom" && !useDetachedBelowToolbar && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ClampedToolbarSlot, { align: toolbarAlign, placement: "bottom", children: toolbar }),
+        useDetachedBelowToolbar && toolbarBelowRect ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           DetachedBelowToolbarSlot,
           {
             centerX: rect.left + rect.width / 2,
@@ -17230,7 +17388,7 @@ function reconcileFieldsFromContent(form, content) {
 
 // src/ui/form-field-toolbar.tsx
 var import_lucide_react4 = require("lucide-react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var TYPE_ICONS = {
   "short-text": import_lucide_react4.Type,
   "long-text": import_lucide_react4.TextQuote,
@@ -17247,35 +17405,35 @@ function FormFieldToolbar({
 }) {
   const TypeIcon = TYPE_ICONS[type];
   const typeLabel = FIELD_TYPES.find((entry) => entry.type === type)?.label ?? "Short text";
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "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__ */ (0, import_jsx_runtime14.jsxs)(DropdownMenu, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenu, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
             "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__ */ (0, import_jsx_runtime14.jsx)(TypeIcon, { size: 14, strokeWidth: 1.75, "aria-hidden": true }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TypeIcon, { size: 14, strokeWidth: 1.75, "aria-hidden": true }),
                 typeLabel,
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.ChevronDown, { size: 13, className: "text-muted-foreground", "aria-hidden": true })
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.ChevronDown, { size: 13, className: "text-muted-foreground", "aria-hidden": true })
               ]
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuContent, { align: "start", sideOffset: 8, className: "min-w-47.5 p-1", children: FIELD_TYPES.map((entry) => {
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(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__ */ (0, import_jsx_runtime14.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
               DropdownMenuItem,
               {
                 onSelect: () => onTypeChange(entry.type),
                 className: "rounded-md py-2 text-[13px] " + (entry.type === type ? "bg-bridge-primary/10" : ""),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { size: 14, strokeWidth: 1.75, className: "shrink-0", "aria-hidden": true }),
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { size: 14, strokeWidth: 1.75, className: "shrink-0", "aria-hidden": true }),
                   entry.label
                 ]
               },
@@ -17283,8 +17441,8 @@ function FormFieldToolbar({
             );
           }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "mx-0.5 h-5 w-px bg-border" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "mx-0.5 h-5 w-px bg-border" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
           "button",
           {
             type: "button",
@@ -17293,30 +17451,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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Asterisk, { size: 14, strokeWidth: 2, "aria-hidden": true }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Asterisk, { size: 14, strokeWidth: 2, "aria-hidden": true }),
               "Required"
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "mx-0.5 h-5 w-px bg-border" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DropdownMenu, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "mx-0.5 h-5 w-px bg-border" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenu, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             "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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MoreHorizontal, { size: 15, "aria-hidden": true })
+              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.MoreHorizontal, { size: 15, "aria-hidden": true })
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DropdownMenuContent, { align: "start", sideOffset: 8, className: "min-w-42.5 p-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DropdownMenuItem, { onSelect: onDuplicate, className: "rounded-md py-2 text-[13px]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Copy, { size: 14, strokeWidth: 1.75, className: "shrink-0", "aria-hidden": true }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenuContent, { align: "start", sideOffset: 8, className: "min-w-42.5 p-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenuItem, { onSelect: onDuplicate, className: "rounded-md py-2 text-[13px]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Copy, { size: 14, strokeWidth: 1.75, className: "shrink-0", "aria-hidden": true }),
               "Duplicate"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DropdownMenuItem, { variant: "destructive", onSelect: onDelete, className: "rounded-md py-2 text-[13px]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.Trash2, { size: 14, strokeWidth: 1.75, className: "shrink-0", "aria-hidden": true }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenuItem, { variant: "destructive", onSelect: onDelete, className: "rounded-md py-2 text-[13px]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Trash2, { size: 14, strokeWidth: 1.75, className: "shrink-0", "aria-hidden": true }),
               "Delete"
             ] })
           ] })
@@ -17326,21 +17484,21 @@ function FormFieldToolbar({
   );
 }
 function FieldTypePicker({ onPick }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "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__ */ (0, import_jsx_runtime14.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
           "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__ */ (0, import_jsx_runtime14.jsx)(Icon, { size: 26, strokeWidth: 1.5, "aria-hidden": true }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { size: 26, strokeWidth: 1.5, "aria-hidden": true }),
               entry.label
             ]
           },
@@ -17358,7 +17516,7 @@ var import_lucide_react5 = require("lucide-react");
 // src/ui/button.tsx
 var React7 = __toESM(require("react"), 1);
 var import_radix_ui5 = require("radix-ui");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("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",
   {
@@ -17382,7 +17540,7 @@ var buttonVariants = cva(
 var Button = React7.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? import_radix_ui5.Slot.Root : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       Comp,
       {
         ref,
@@ -17416,7 +17574,7 @@ var MEDIA_SKELETON_CSS = `
 `;
 
 // src/ui/MediaOverlay.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var VIDEO_SETTINGS_BAR_INSET = 8;
 var OVERLAY_BUTTON_STYLE = {
   pointerEvents: "auto",
@@ -17482,7 +17640,7 @@ function MediaOverlay({
     return () => anim.cancel();
   }, [isUploading, fadingOut, onFadeOutComplete, hover.key]);
   if (isUploading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "div",
       {
         ref: skeletonRef,
@@ -17491,11 +17649,11 @@ function MediaOverlay({
         "data-ohw-media-skeleton": "",
         "aria-hidden": true,
         style: { ...box, pointerEvents: "none" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("style", { children: MEDIA_SKELETON_CSS })
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("style", { children: MEDIA_SKELETON_CSS })
       }
     );
   }
-  const settingsBar = isVideo && !hover.isDragOver && showChrome ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  const settingsBar = isVideo && !hover.isDragOver && showChrome ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
       "data-ohw-bridge": "",
@@ -17511,7 +17669,7 @@ function MediaOverlay({
       },
       onClick: (e) => e.stopPropagation(),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           Button,
           {
             "data-ohw-media-overlay": "",
@@ -17526,10 +17684,10 @@ function MediaOverlay({
               e.stopPropagation();
               onVideoSettingsChange?.(hover.key, { autoplay: !autoplay });
             },
-            children: autoplay ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react5.Pause, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react5.Play, { size: 14 })
+            children: autoplay ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Pause, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Play, { size: 14 })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           Button,
           {
             "data-ohw-media-overlay": "",
@@ -17544,15 +17702,15 @@ function MediaOverlay({
               e.stopPropagation();
               onVideoSettingsChange?.(hover.key, { muted: !muted });
             },
-            children: muted ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react5.VolumeX, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react5.Volume2, { size: 14 })
+            children: muted ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.VolumeX, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Volume2, { size: 14 })
           }
         )
       ]
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
     settingsBar,
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       "div",
       {
         "data-ohw-bridge": "",
@@ -17572,7 +17730,7 @@ function MediaOverlay({
         },
         onClick: () => onSelect && !selected ? onSelect(hover.key) : onReplace(hover.key),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
             Button,
             {
               ref: probeRef,
@@ -17590,12 +17748,12 @@ function MediaOverlay({
                 pointerEvents: "none"
               },
               children: [
-                isVideo ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react5.Film, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react5.ImageIcon, { size: 14 }),
+                isVideo ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Film, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.ImageIcon, { size: 14 }),
                 isVideo ? "Replace video" : "Replace image"
               ]
             }
           ),
-          replaceMode === "none" || cueOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+          replaceMode === "none" || cueOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
             Button,
             {
               "data-ohw-media-overlay": "",
@@ -17623,7 +17781,7 @@ function MediaOverlay({
                 onReplace(hover.key);
               },
               children: [
-                isVideo ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react5.Film, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react5.ImageIcon, { size: 14 }),
+                isVideo ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Film, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.ImageIcon, { size: 14 }),
                 replaceMode === "full" ? isVideo ? "Replace video" : hover.elementType === "bg-image" ? "Replace background" : "Replace image" : null
               ]
             }
@@ -17636,7 +17794,7 @@ function MediaOverlay({
 
 // src/ui/CarouselOverlay.tsx
 var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var OVERLAY_BUTTON_STYLE2 = {
   pointerEvents: "auto",
   fontFamily: "Inter, sans-serif",
@@ -17649,7 +17807,7 @@ function CarouselOverlay({
   cueOnly = false
 }) {
   const { rect } = hover;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       "data-ohw-bridge": "",
@@ -17667,7 +17825,7 @@ function CarouselOverlay({
         background: "color-mix(in srgb, var(--color-bridge-primary) 20%, transparent)"
       },
       onClick: () => onEdit(hover.key),
-      children: cueOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      children: cueOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
         Button,
         {
           "data-ohw-carousel-overlay": "",
@@ -17681,7 +17839,7 @@ function CarouselOverlay({
             onEdit(hover.key);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react6.GalleryHorizontal, { size: 14 }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react6.GalleryHorizontal, { size: 14 }),
             "Edit gallery"
           ]
         }
@@ -17693,7 +17851,7 @@ function CarouselOverlay({
 // src/ui/ai-section/AiSectionOverlay.tsx
 var import_react9 = require("react");
 var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var findSectionElement = findByInstanceId;
 function readRect(instanceId) {
   const el = findSectionElement(instanceId);
@@ -17807,8 +17965,8 @@ function ReviewButton({
   color
 }) {
   const [hover, setHover] = (0, import_react9.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { position: "relative" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { position: "relative" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "button",
       {
         type: "button",
@@ -17832,7 +17990,7 @@ function ReviewButton({
         children
       }
     ),
-    hover && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    hover && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "div",
       {
         style: {
@@ -18033,8 +18191,8 @@ function AiSectionOverlay({
       isLast
     });
   }, [activeSelectionId, selectionRect, postToParent2]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-    hoverRect && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+    hoverRect && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "div",
       {
         "data-ohw-ai-section-hover": "",
@@ -18052,7 +18210,7 @@ function AiSectionOverlay({
         }
       }
     ),
-    showSelectionBorder && selectionRect && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    showSelectionBorder && selectionRect && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "div",
       {
         "data-ohw-ai-section-selected": "",
@@ -18070,8 +18228,8 @@ function AiSectionOverlay({
         }
       }
     ),
-    reviewRect && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-      subtractRect(reviewRect, navToggleHole).map((r2, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    reviewRect && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+      subtractRect(reviewRect, navToggleHole).map((r2, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "div",
         {
           "data-ohw-ai-review": "",
@@ -18091,7 +18249,7 @@ function AiSectionOverlay({
         },
         i
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "div",
         {
           "aria-hidden": true,
@@ -18108,7 +18266,7 @@ function AiSectionOverlay({
           }
         }
       ),
-      !reviewButtonsHidden && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      !reviewButtonsHidden && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
         "div",
         {
           style: {
@@ -18123,8 +18281,8 @@ function AiSectionOverlay({
             zIndex: 2147483201
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ReviewButton, { label: "Accept", onClick: () => decide("accept"), background: PRIMARY2, color: "#ffffff", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.Check, { size: 16, strokeWidth: 2.5, "aria-hidden": true }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ReviewButton, { label: "Discard", onClick: () => decide("discard"), background: "#EFF6FF", color: "#0c0a09", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.X, { size: 16, strokeWidth: 2, "aria-hidden": true }) })
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ReviewButton, { label: "Accept", onClick: () => decide("accept"), background: PRIMARY2, color: "#ffffff", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.Check, { size: 16, strokeWidth: 2.5, "aria-hidden": true }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ReviewButton, { label: "Discard", onClick: () => decide("discard"), background: "#EFF6FF", color: "#0c0a09", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.X, { size: 16, strokeWidth: 2, "aria-hidden": true }) })
           ]
         }
       )
@@ -18274,7 +18432,7 @@ function setMediaStripItemLink(tree, index, link) {
 }
 
 // src/ui/ai-section/AiMediaStripOverlay.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("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)`;
@@ -18362,7 +18520,7 @@ function Pill({
   disabled,
   active
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "button",
     {
       type: "button",
@@ -18393,7 +18551,7 @@ function Pill({
 function AltInput({ value, onCommit }) {
   const [draft, setDraft] = (0, import_react10.useState)(value);
   (0, import_react10.useEffect)(() => setDraft(value), [value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     "div",
     {
       style: {
@@ -18409,7 +18567,7 @@ function AltInput({ value, onCommit }) {
         boxSizing: "border-box"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "span",
           {
             style: {
@@ -18423,7 +18581,7 @@ function AltInput({ value, onCommit }) {
             children: "Alt"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "input",
           {
             type: "text",
@@ -18492,7 +18650,7 @@ function LinkInput({ value, onCommit }) {
     setInvalid(false);
     onCommit(next);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     "div",
     {
       style: {
@@ -18509,7 +18667,7 @@ function LinkInput({ value, onCommit }) {
         boxShadow: invalid ? "inset 0 0 0 1.5px #EF4444" : "none"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "span",
           {
             style: {
@@ -18523,7 +18681,7 @@ function LinkInput({ value, onCommit }) {
             children: "Link"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "input",
           {
             type: "text",
@@ -18599,7 +18757,7 @@ function MediaStripToolbar({
     width: "100%",
     scrollbarWidth: "none"
   } : { display: "flex", gap: 6, flexWrap: "nowrap", justifyContent: "center" };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     "div",
     {
       "data-ohw-bridge": "",
@@ -18619,38 +18777,38 @@ function MediaStripToolbar({
         maxWidth: isMobile ? "calc(100vw - 24px)" : "none"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: rowStyle, children: [
-          VARIANTS.map((v) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Pill, { label: v.label, active: variant === v.value, onClick: () => onSetVariant(v.value) }, v.value)),
-          ALIGNS.map((a) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Pill, { label: a.label, active: align === a.value, onClick: () => onSetAlign(a.value) }, a.value))
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { style: rowStyle, children: [
+          VARIANTS.map((v) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Pill, { label: v.label, active: variant === v.value, onClick: () => onSetVariant(v.value) }, v.value)),
+          ALIGNS.map((a) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Pill, { label: a.label, active: align === a.value, onClick: () => onSetAlign(a.value) }, a.value))
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: rowStyle, children: [
-          HOVERS.map((h) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Pill, { label: h.label, active: hover === h.value, onClick: () => onSetHover(h.value) }, h.value)),
-          TREATMENTS.map((t) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Pill, { label: t.label, active: treatment === t.value, onClick: () => onSetTreatment(t.value) }, t.value))
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { style: rowStyle, children: [
+          HOVERS.map((h) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Pill, { label: h.label, active: hover === h.value, onClick: () => onSetHover(h.value) }, h.value)),
+          TREATMENTS.map((t) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Pill, { label: t.label, active: treatment === t.value, onClick: () => onSetTreatment(t.value) }, t.value))
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", gap: 6, alignItems: "center" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Pill, { label: "\u2212", onClick: () => onResize(-8) }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { style: { color: "#ffffff", fontSize: 12, minWidth: 34, textAlign: "center" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { style: { display: "flex", gap: 6, alignItems: "center" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Pill, { label: "\u2212", onClick: () => onResize(-8) }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { style: { color: "#ffffff", fontSize: 12, minWidth: 34, textAlign: "center" }, children: [
             sizeValue,
             "px"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Pill, { label: "+", onClick: () => onResize(8) })
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Pill, { label: "+", onClick: () => onResize(8) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { display: "flex", justifyContent: "center", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AltInput, { value: currentAlt, onCommit: onSetAlt }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { display: "flex", justifyContent: "center", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(LinkInput, { value: currentHref, onCommit: (href) => onSetLink(href, currentTarget) }) }),
-        currentHref && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: rowStyle, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Pill, { label: "New tab", active: currentTarget === "new-tab", onClick: () => onSetLink(currentHref, "new-tab") }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Pill, { label: "Same tab", active: currentTarget === "same-tab", onClick: () => onSetLink(currentHref, "same-tab") })
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: { display: "flex", justifyContent: "center", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AltInput, { value: currentAlt, onCommit: onSetAlt }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: { display: "flex", justifyContent: "center", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(LinkInput, { value: currentHref, onCommit: (href) => onSetLink(href, currentTarget) }) }),
+        currentHref && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { style: rowStyle, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Pill, { label: "New tab", active: currentTarget === "new-tab", onClick: () => onSetLink(currentHref, "new-tab") }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Pill, { label: "Same tab", active: currentTarget === "same-tab", onClick: () => onSetLink(currentHref, "same-tab") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: rowStyle, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Pill, { label: "Change Image", onClick: onChangeImage }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Pill, { label: "+ Item", onClick: onAddItem }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Pill, { label: "\u2212 Item", onClick: onRemoveItem, disabled: itemCount <= 1 })
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { style: rowStyle, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Pill, { label: "Change Image", onClick: onChangeImage }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Pill, { label: "+ Item", onClick: onAddItem }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Pill, { label: "\u2212 Item", onClick: onRemoveItem, disabled: itemCount <= 1 })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: rowStyle, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Pill, { label: "\u2190 Move", onClick: onMoveLeft, disabled: index <= 0 }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Pill, { label: "\u2192 Move", onClick: onMoveRight, disabled: index >= itemCount - 1 })
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { style: rowStyle, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Pill, { label: "\u2190 Move", onClick: onMoveLeft, disabled: index <= 0 }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Pill, { label: "\u2192 Move", onClick: onMoveRight, disabled: index >= itemCount - 1 })
         ] }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { color: "#FCA5A5", fontSize: 11, maxWidth: 220, textAlign: "center" }, children: error })
+        error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: { color: "#FCA5A5", fontSize: 11, maxWidth: 220, textAlign: "center" }, children: error })
       ]
     }
   );
@@ -18779,8 +18937,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__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-    hoverHandleRect && hover && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+    hoverHandleRect && hover && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "button",
       {
         type: "button",
@@ -18808,15 +18966,15 @@ function AiMediaStripOverlay({
           fontSize: 14,
           fontWeight: 700
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.Star, { size: 14, style: { pointerEvents: "none" } })
+        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.Star, { size: 14, style: { pointerEvents: "none" } })
       }
     ),
-    activeItemRect && active && activeEntry && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    activeItemRect && active && activeEntry && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       ItemInteractionLayer,
       {
         rect: activeItemRect,
         state: toolbarState,
-        toolbar: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        toolbar: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           MediaStripToolbar,
           {
             entry: activeEntry,
@@ -18896,7 +19054,7 @@ function AiMediaStripOverlay({
 // src/ui/ai-section/AiPricingCardOverlay.tsx
 var import_react11 = require("react");
 var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("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) {
@@ -18985,7 +19143,7 @@ function GridToolbarSlot({ gridRect, children }) {
     return () => ro.disconnect();
   }, [centerX, children]);
   const mobile = window.innerWidth <= 480;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "div",
     {
       ref: slotRef,
@@ -19020,7 +19178,7 @@ function requestValidateTree2(postToParent2, tree) {
   });
 }
 function StyleSwatch({ style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "span",
     {
       "aria-hidden": true,
@@ -19034,19 +19192,19 @@ function StyleSwatch({ style }) {
   );
 }
 function ButtonGlyph() {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("svg", { width: "18", height: "12", viewBox: "0 0 18 12", fill: "none", "aria-hidden": true, style: { pointerEvents: "none" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("rect", { x: "0.75", y: "0.75", width: "16.5", height: "10.5", rx: "3", stroke: "currentColor", strokeWidth: "1.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("path", { d: "M5.5 6H12.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("svg", { width: "18", height: "12", viewBox: "0 0 18 12", fill: "none", "aria-hidden": true, style: { pointerEvents: "none" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("rect", { x: "0.75", y: "0.75", width: "16.5", height: "10.5", rx: "3", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { d: "M5.5 6H12.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
   ] });
 }
 function FeatureGlyph({ mode }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", "aria-hidden": true, style: { pointerEvents: "none" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("circle", { cx: "8", cy: "8", r: "7.25", stroke: "currentColor", strokeWidth: "1.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("path", { d: "M5 8.2L7.2 10.3L11 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("circle", { cx: "13.5", cy: "13.5", r: "4.25", fill: "var(--ohw-background, #ffffff)", stroke: "var(--ohw-background, #ffffff)", strokeWidth: "1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("circle", { cx: "13.5", cy: "13.5", r: "3.75", fill: "var(--ohw-background, #ffffff)", stroke: PRIMARY4, strokeWidth: "1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("path", { d: "M11.5 13.5H15.5", stroke: PRIMARY4, strokeWidth: "1.5", strokeLinecap: "round" }),
-    mode === "add" && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("path", { d: "M13.5 11.5V15.5", stroke: PRIMARY4, strokeWidth: "1.5", strokeLinecap: "round" })
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", "aria-hidden": true, style: { pointerEvents: "none" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("circle", { cx: "8", cy: "8", r: "7.25", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { d: "M5 8.2L7.2 10.3L11 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("circle", { cx: "13.5", cy: "13.5", r: "4.25", fill: "var(--ohw-background, #ffffff)", stroke: "var(--ohw-background, #ffffff)", strokeWidth: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("circle", { cx: "13.5", cy: "13.5", r: "3.75", fill: "var(--ohw-background, #ffffff)", stroke: PRIMARY4, strokeWidth: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { d: "M11.5 13.5H15.5", stroke: PRIMARY4, strokeWidth: "1.5", strokeLinecap: "round" }),
+    mode === "add" && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { d: "M13.5 11.5V15.5", stroke: PRIMARY4, strokeWidth: "1.5", strokeLinecap: "round" })
   ] });
 }
 function ToolbarAction({
@@ -19055,14 +19213,14 @@ function ToolbarAction({
   disabled = false,
   children
 }) {
-  const button = /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CustomToolbarButton, { type: "button", "aria-label": label, disabled, onClick, className: "size-8", children });
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TooltipTrigger, { asChild: true, children: disabled ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "inline-flex", children: button }) : button }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TooltipContent, { side: "bottom", sideOffset: 8, children: label })
+  const button = /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CustomToolbarButton, { type: "button", "aria-label": label, disabled, onClick, className: "size-8", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TooltipTrigger, { asChild: true, children: disabled ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "inline-flex", children: button }) : button }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TooltipContent, { side: "bottom", sideOffset: 8, children: label })
   ] });
 }
 function ToolbarSeparator() {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { "aria-hidden": true, className: "mx-0.5 block h-6 w-px shrink-0 bg-border" });
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { "aria-hidden": true, className: "mx-0.5 block h-6 w-px shrink-0 bg-border" });
 }
 function CardStyleMenu({
   value,
@@ -19070,7 +19228,7 @@ function CardStyleMenu({
   disabled = false
 }) {
   const current = PRICING_CARD_STYLES.find((s) => s.value === value) ?? PRICING_CARD_STYLES[0];
-  const trigger = /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  const trigger = /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "button",
     {
       type: "button",
@@ -19081,28 +19239,28 @@ function CardStyleMenu({
         disabled && "cursor-not-allowed opacity-40 hover:bg-transparent"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StyleSwatch, { style: current.value }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "flex-1 text-left", children: current.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.ChevronDown, { size: 16, style: { pointerEvents: "none" } })
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StyleSwatch, { style: current.value }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "flex-1 text-left", children: current.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.ChevronDown, { size: 16, style: { pointerEvents: "none" } })
       ]
     }
   );
   if (disabled) {
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-1.5 pl-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-xs text-muted-foreground opacity-50", children: "Card style" }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Tooltip, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "inline-flex", children: trigger }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TooltipContent, { side: "bottom", sideOffset: 8, children: "Mark as featured to edit card style" })
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-1.5 pl-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-xs text-muted-foreground opacity-50", children: "Card style" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Tooltip, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "inline-flex", children: trigger }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TooltipContent, { side: "bottom", sideOffset: 8, children: "Mark as featured to edit card style" })
       ] })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-1.5 pl-1.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-xs text-muted-foreground", children: "Card style" }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenu, { modal: false, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuTrigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuContent, { align: "end", sideOffset: 8, className: "w-[152px] min-w-[152px] p-1", children: PRICING_CARD_STYLES.map((style) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-1.5 pl-1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-xs text-muted-foreground", children: "Card style" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DropdownMenu, { modal: false, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuTrigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(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__ */ (0, import_jsx_runtime20.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
           DropdownMenuItem,
           {
             role: "menuitemradio",
@@ -19110,9 +19268,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__ */ (0, import_jsx_runtime20.jsx)(StyleSwatch, { style: style.value }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: style.label }),
-              selected && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.Check, { size: 16, className: "text-bridge-primary" })
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StyleSwatch, { style: style.value }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: style.label }),
+              selected && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.Check, { size: 16, className: "text-bridge-primary" })
             ]
           },
           style.value
@@ -19142,7 +19300,7 @@ function PricingCardToolbar({
   const style = pricingCardStyle(entry.tree, index);
   const featuredTag = pricingCardFeaturedTag(entry.tree, index);
   const mobile = window.innerWidth <= 480;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "div",
     {
       "data-ohw-bridge": "",
@@ -19154,7 +19312,7 @@ function PricingCardToolbar({
       ),
       style: { maxWidth: mobile ? "calc(100vw - 24px)" : void 0 },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
           "div",
           {
             className: cn(
@@ -19163,8 +19321,8 @@ function PricingCardToolbar({
               mobile ? "flex-wrap justify-center" : "flex-nowrap"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Tooltip, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Tooltip, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                   CustomToolbarButton,
                   {
                     type: "button",
@@ -19172,7 +19330,7 @@ function PricingCardToolbar({
                     "aria-pressed": featuredTag,
                     onClick: () => onSetFeaturedTag(!featuredTag),
                     className: "group size-8",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                       import_lucide_react9.Star,
                       {
                         size: 16,
@@ -19187,25 +19345,25 @@ function PricingCardToolbar({
                     )
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TooltipContent, { side: "bottom", sideOffset: 8, children: featuredTag ? "Unmark featured" : "Mark as featured" })
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TooltipContent, { side: "bottom", sideOffset: 8, children: featuredTag ? "Unmark featured" : "Mark as featured" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ToolbarSeparator, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CardStyleMenu, { value: style, onChange: onSetStyle, disabled: !featuredTag }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ToolbarSeparator, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ToolbarAction, { label: "Add button", onClick: onAddButton, disabled: buttonCount >= 2, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ButtonGlyph, {}) }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ToolbarAction, { label: "Remove button", onClick: onRemoveButton, disabled: buttonCount === 0, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { className: "relative inline-flex", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ButtonGlyph, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.Minus, { size: 10, strokeWidth: 2.5, className: "absolute -right-1.5 -top-1.5 rounded-full bg-background text-bridge-primary" })
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ToolbarSeparator, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CardStyleMenu, { value: style, onChange: onSetStyle, disabled: !featuredTag }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ToolbarSeparator, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ToolbarAction, { label: "Add button", onClick: onAddButton, disabled: buttonCount >= 2, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ButtonGlyph, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ToolbarAction, { label: "Remove button", onClick: onRemoveButton, disabled: buttonCount === 0, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { className: "relative inline-flex", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ButtonGlyph, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.Minus, { size: 10, strokeWidth: 2.5, className: "absolute -right-1.5 -top-1.5 rounded-full bg-background text-bridge-primary" })
               ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ToolbarAction, { label: "Add feature", onClick: onAddFeature, disabled: featureCount >= 10, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FeatureGlyph, { mode: "add" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ToolbarAction, { label: "Remove feature", onClick: onRemoveFeature, disabled: featureCount <= 1, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FeatureGlyph, { mode: "remove" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ToolbarSeparator, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ToolbarAction, { label: "Add tier", onClick: onAddTier, disabled: collectionCount >= 4, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.Plus, { size: 16, style: { pointerEvents: "none" } }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ToolbarAction, { label: "Remove tier", onClick: onRemoveTier, disabled: collectionCount <= 1, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.Minus, { size: 16, style: { pointerEvents: "none" } }) })
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ToolbarAction, { label: "Add feature", onClick: onAddFeature, disabled: featureCount >= 10, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FeatureGlyph, { mode: "add" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ToolbarAction, { label: "Remove feature", onClick: onRemoveFeature, disabled: featureCount <= 1, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FeatureGlyph, { mode: "remove" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ToolbarSeparator, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ToolbarAction, { label: "Add tier", onClick: onAddTier, disabled: collectionCount >= 4, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.Plus, { size: 16, style: { pointerEvents: "none" } }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ToolbarAction, { label: "Remove tier", onClick: onRemoveTier, disabled: collectionCount <= 1, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.Minus, { size: 16, style: { pointerEvents: "none" } }) })
             ]
           }
         ),
-        error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("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__ */ (0, import_jsx_runtime21.jsx)("div", { className: "max-w-[260px] rounded-md bg-background px-2 py-1 text-center text-[11px] text-destructive shadow-sm", children: error })
       ]
     }
   ) });
@@ -19323,11 +19481,11 @@ function AiPricingCardOverlay({
   const activeCardRect = useLiveCardRect(active);
   const activeGridRect = useLiveCardRect(active, true);
   const hoverRect = useLiveCardRect(hover && !sameRef(hover, active) ? hover : null);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-    hoverRect && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ItemInteractionLayer, { rect: hoverRect, state: "hover" }),
-    activeCardRect && activeGridRect && active && activeEntry && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ItemInteractionLayer, { rect: activeCardRect, state: "active-top" }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(GridToolbarSlot, { gridRect: activeGridRect, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+    hoverRect && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ItemInteractionLayer, { rect: hoverRect, state: "hover" }),
+    activeCardRect && activeGridRect && active && activeEntry && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ItemInteractionLayer, { rect: activeCardRect, state: "active-top" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(GridToolbarSlot, { gridRect: activeGridRect, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         PricingCardToolbar,
         {
           entry: activeEntry,
@@ -19355,7 +19513,7 @@ function AiPricingCardOverlay({
           onRemoveFeature: () => runMutation(active.sectionId, (tree) => removePricingCardFeature(tree, active.index))
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "div",
         {
           "data-ohw-bridge": "",
@@ -19448,7 +19606,7 @@ function extractYouTubeId(input) {
 }
 
 // src/ui/ai-section/AiVideoOverlay.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("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)`;
@@ -19516,7 +19674,7 @@ function Pill2({
   onClick,
   disabled
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "button",
     {
       type: "button",
@@ -19575,8 +19733,8 @@ function VideoUrlInput({ value, onCommit }) {
       onCommit(id);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 4, width: "100%", maxWidth: 280 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 4, width: "100%", maxWidth: 280 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
       "div",
       {
         style: {
@@ -19592,7 +19750,7 @@ function VideoUrlInput({ value, onCommit }) {
           boxShadow: invalid ? "inset 0 0 0 1.5px #EF4444" : "none"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
             "span",
             {
               style: {
@@ -19607,7 +19765,7 @@ function VideoUrlInput({ value, onCommit }) {
               children: "Video"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
             "input",
             {
               type: "text",
@@ -19644,7 +19802,7 @@ function VideoUrlInput({ value, onCommit }) {
         ]
       }
     ),
-    invalid && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("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__ */ (0, import_jsx_runtime22.jsx)("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({
@@ -19654,7 +19812,7 @@ function VideoToolbar({
   onSetVideoId,
   onRemove
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "div",
     {
       "data-ohw-bridge": "",
@@ -19674,9 +19832,9 @@ function VideoToolbar({
         opacity: pending ? 0.6 : 1
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(VideoUrlInput, { value: videoId, onCommit: onSetVideoId }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Pill2, { label: "Remove video", onClick: onRemove, disabled: !videoId }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { color: "#FCA5A5", fontSize: 11, maxWidth: 220, textAlign: "center" }, children: error })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(VideoUrlInput, { value: videoId, onCommit: onSetVideoId }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Pill2, { label: "Remove video", onClick: onRemove, disabled: !videoId }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { color: "#FCA5A5", fontSize: 11, maxWidth: 220, textAlign: "center" }, children: error })
       ]
     }
   );
@@ -19796,8 +19954,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__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-    hoverHandleRect && hover && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+    hoverHandleRect && hover && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "button",
       {
         type: "button",
@@ -19825,15 +19983,15 @@ function AiVideoOverlay({
           fontSize: 14,
           fontWeight: 700
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.Star, { size: 14, style: { pointerEvents: "none" } })
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Star, { size: 14, style: { pointerEvents: "none" } })
       }
     ),
-    activeBlockRect && active && activeEntry && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    activeBlockRect && active && activeEntry && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       ItemInteractionLayer,
       {
         rect: activeBlockRect,
         state: toolbarState,
-        toolbar: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        toolbar: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           VideoToolbar,
           {
             videoId: videoIdAt(activeEntry.tree, active.path),
@@ -19908,7 +20066,7 @@ function setCarouselAutoplay(tree, on) {
 }
 
 // src/ui/ai-section/AiFadeCarouselOverlay.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("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)`;
@@ -19991,7 +20149,7 @@ function requestAssetPick2(postToParent2) {
   });
 }
 function Pill3({ label, onClick, disabled }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "button",
     {
       type: "button",
@@ -20025,7 +20183,7 @@ function TogglePill({
   onToggle,
   disabled
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "button",
     {
       type: "button",
@@ -20054,7 +20212,7 @@ function TogglePill({
       },
       children: [
         label,
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "span",
           {
             "aria-hidden": true,
@@ -20070,7 +20228,7 @@ function TogglePill({
               background: on ? OHW_BLUE_DARK3 : "#CBD5E1",
               transition: "background 120ms ease"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               "span",
               {
                 style: {
@@ -20099,7 +20257,7 @@ function CarouselSlideToolbar({
   onChangeImage,
   onToggleAutoplay
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "div",
     {
       "data-ohw-bridge": "",
@@ -20122,11 +20280,11 @@ function CarouselSlideToolbar({
         pointerEvents: pending ? "none" : "auto"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { display: "flex", gap: 6, alignItems: "center" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Pill3, { label: "Change Image", onClick: onChangeImage }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TogglePill, { label: "Autoplay", on: autoplay, onToggle: onToggleAutoplay })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { display: "flex", gap: 6, alignItems: "center" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Pill3, { label: "Change Image", onClick: onChangeImage }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TogglePill, { label: "Autoplay", on: autoplay, onToggle: onToggleAutoplay })
         ] }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { color: "#FCA5A5", fontSize: 11, maxWidth: 220, textAlign: "center" }, children: error })
+        error && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { style: { color: "#FCA5A5", fontSize: 11, maxWidth: 220, textAlign: "center" }, children: error })
       ]
     }
   );
@@ -20266,8 +20424,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__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    hoverHandleRect && hover && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    hoverHandleRect && hover && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "button",
       {
         type: "button",
@@ -20296,10 +20454,10 @@ function AiFadeCarouselOverlay({
           fontSize: 14,
           fontWeight: 700
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react11.Star, { size: 14, style: { pointerEvents: "none" } })
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Star, { size: 14, style: { pointerEvents: "none" } })
       }
     ),
-    swapping && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    swapping && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "div",
       {
         ref: skeletonRef,
@@ -20317,15 +20475,15 @@ function AiFadeCarouselOverlay({
           zIndex: 2147483646,
           pointerEvents: "none"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("style", { children: MEDIA_SKELETON_CSS })
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("style", { children: MEDIA_SKELETON_CSS })
       }
     ),
-    activeItemRect && active && activeEntry && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    activeItemRect && active && activeEntry && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       ItemInteractionLayer,
       {
         rect: activeItemRect,
         state: toolbarState,
-        toolbar: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        toolbar: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           CarouselSlideToolbar,
           {
             pending,
@@ -20682,22 +20840,22 @@ var import_react17 = require("react");
 var React9 = __toESM(require("react"), 1);
 var import_radix_ui6 = require("radix-ui");
 var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function Dialog2({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui6.Dialog.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_radix_ui6.Dialog.Root, { "data-slot": "dialog", ...props });
 }
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui6.Dialog.Portal, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_radix_ui6.Dialog.Portal, { ...props });
 }
 function DialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     import_radix_ui6.Dialog.Overlay,
     {
       "data-slot": "dialog-overlay",
@@ -20710,9 +20868,9 @@ function DialogOverlay({
 var DialogContent = React9.forwardRef(
   ({ className, children, showCloseButton = true, container, ...props }, ref) => {
     const positionMode = container ? "absolute" : "fixed";
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(DialogPortal, { container: container ?? void 0, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DialogOverlay, { className: cn(positionMode, "inset-0") }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(DialogPortal, { container: container ?? void 0, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DialogOverlay, { className: cn(positionMode, "inset-0") }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
         import_radix_ui6.Dialog.Content,
         {
           ref,
@@ -20728,13 +20886,13 @@ var DialogContent = React9.forwardRef(
           ...props,
           children: [
             children,
-            showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               import_radix_ui6.Dialog.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__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react12.X, { size: 16, "aria-hidden": true })
+                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.X, { size: 16, "aria-hidden": true })
               }
             ) : null
           ]
@@ -20748,13 +20906,13 @@ function DialogHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: cn("flex flex-col gap-1.5", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cn("flex flex-col gap-1.5", className), ...props });
 }
 function DialogFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "div",
     {
       className: cn("flex items-center justify-end gap-2", className),
@@ -20762,7 +20920,7 @@ function DialogFooter({
     }
   );
 }
-var DialogTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var DialogTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
   import_radix_ui6.Dialog.Title,
   {
     ref,
@@ -20774,7 +20932,7 @@ var DialogTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = import_radix_ui6.Dialog.Title.displayName;
-var DialogDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var DialogDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
   import_radix_ui6.Dialog.Description,
   {
     ref,
@@ -20790,19 +20948,19 @@ var import_lucide_react16 = require("lucide-react");
 
 // src/ui/link-modal/DestinationBreadcrumb.tsx
 var import_lucide_react13 = require("lucide-react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function DestinationBreadcrumb({
   pageTitle,
   sectionLabel
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex w-full flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm font-medium! text-foreground m-0", children: "Destination" }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react13.File, { size: 16, className: "shrink-0 text-foreground", "aria-hidden": true }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-sm font-medium leading-none text-foreground!", children: pageTitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex w-full flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm font-medium! text-foreground m-0", children: "Destination" }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.File, { size: 16, className: "shrink-0 text-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-sm font-medium leading-none text-foreground!", children: pageTitle })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         import_lucide_react13.ArrowRight,
         {
           size: 16,
@@ -20810,8 +20968,8 @@ function DestinationBreadcrumb({
           "aria-hidden": true
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           import_lucide_react13.GalleryVertical,
           {
             size: 16,
@@ -20819,7 +20977,7 @@ function DestinationBreadcrumb({
             "aria-hidden": true
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "truncate text-sm font-medium leading-none text-foreground", children: sectionLabel })
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "truncate text-sm font-medium leading-none text-foreground", children: sectionLabel })
       ] })
     ] })
   ] });
@@ -20827,22 +20985,22 @@ function DestinationBreadcrumb({
 
 // src/ui/link-modal/SectionTreeItem.tsx
 var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function SectionTreeItem({
   section,
   onSelect,
   selected
 }) {
   const interactive = Boolean(onSelect);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex h-9 w-full items-end pl-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex h-9 w-full items-end pl-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       "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__ */ (0, import_jsx_runtime25.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       "div",
       {
         role: interactive ? "button" : void 0,
@@ -20860,7 +21018,7 @@ function SectionTreeItem({
           interactive && selected && "border-bridge-primary"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             import_lucide_react14.GalleryVertical,
             {
               size: 16,
@@ -20868,7 +21026,7 @@ function SectionTreeItem({
               "aria-hidden": true
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "truncate text-sm font-normal leading-5 text-foreground", children: section.label })
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "truncate text-sm font-normal leading-5 text-foreground", children: section.label })
         ]
       }
     )
@@ -20880,10 +21038,10 @@ var import_react14 = require("react");
 
 // src/ui/input.tsx
 var React10 = __toESM(require("react"), 1);
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var Input = React10.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "input",
       {
         type,
@@ -20902,9 +21060,9 @@ Input.displayName = "Input";
 
 // src/ui/label.tsx
 var import_radix_ui7 = require("radix-ui");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function Label({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     import_radix_ui7.Label.Root,
     {
       "data-slot": "label",
@@ -20916,11 +21074,11 @@ function Label({ className, ...props }) {
 
 // src/ui/link-modal/UrlOrPageInput.tsx
 var import_lucide_react15 = require("lucide-react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function FieldChevron({
   onClick
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "button",
     {
       type: "button",
@@ -20928,7 +21086,7 @@ function FieldChevron({
       onClick,
       "aria-label": "Open page list",
       tabIndex: -1,
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react15.ChevronDown, { size: 16 })
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react15.ChevronDown, { size: 16 })
     }
   );
 }
@@ -20989,11 +21147,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__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex w-full flex-col gap-2 p-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Label, { htmlFor: inputId, className: cn(urlError && "text-destructive"), children: "Destination" }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { ref: rootRef, className: "relative w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { "data-ohw-link-field": true, className: fieldClassName, children: [
-        selectedPage ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex shrink-0 items-center pr-2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex w-full flex-col gap-2 p-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Label, { htmlFor: inputId, className: cn(urlError && "text-destructive"), children: "Destination" }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { ref: rootRef, className: "relative w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { "data-ohw-link-field": true, className: fieldClassName, children: [
+        selectedPage ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex shrink-0 items-center pr-2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           import_lucide_react15.File,
           {
             size: 16,
@@ -21001,7 +21159,7 @@ function UrlOrPageInput({
             "aria-hidden": true
           }
         ) }) : null,
-        readOnly ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm leading-5 text-foreground", children: selectedPage?.title ?? value }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        readOnly ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm leading-5 text-foreground", children: selectedPage?.title ?? value }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           Input,
           {
             ref: inputRef,
@@ -21027,7 +21185,7 @@ function UrlOrPageInput({
             )
           }
         ),
-        selectedPage && !readOnly ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        selectedPage && !readOnly ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "button",
           {
             type: "button",
@@ -21035,26 +21193,26 @@ function UrlOrPageInput({
             onMouseDown: clearSelection,
             "aria-label": "Clear selected page",
             tabIndex: -1,
-            children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react15.X, { size: 16, "aria-hidden": true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react15.X, { size: 16, "aria-hidden": true })
           }
         ) : null,
-        !readOnly ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FieldChevron, { onClick: toggleDropdown }) : null
+        !readOnly ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(FieldChevron, { onClick: toggleDropdown }) : null
       ] }),
-      dropdownOpen && !readOnly && filteredPages.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      dropdownOpen && !readOnly && filteredPages.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         "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__ */ (0, import_jsx_runtime28.jsxs)(
+          children: filteredPages.map((page) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
             "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__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react15.File, { size: 16, className: "shrink-0", "aria-hidden": true }),
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "truncate", children: page.title })
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react15.File, { size: 16, className: "shrink-0", "aria-hidden": true }),
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "truncate", children: page.title })
               ]
             },
             page.path
@@ -21062,34 +21220,34 @@ function UrlOrPageInput({
         }
       ) : null
     ] }),
-    urlError ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm font-medium text-destructive", children: urlError }) : null
+    urlError ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm font-medium text-destructive", children: urlError }) : null
   ] });
 }
 
 // src/ui/link-modal/LinkEditorPanel.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function LinkEditorPanel({ state, onClose }) {
   const isCancel = state.secondaryLabel === "Cancel" || state.secondaryLabel === "Back to sections";
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DialogClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DialogClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "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__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react16.X, { size: 16, "aria-hidden": true })
+        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react16.X, { size: 16, "aria-hidden": true })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DialogHeader, { className: "w-full gap-1.5 p-6 pr-12", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DialogTitle, { className: "m-0 w-full break-words", children: state.title }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex w-full flex-col gap-3 px-6 pb-8 pt-1", children: [
-      state.showBreadcrumb && state.selectedPage && state.selectedSection ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DialogHeader, { className: "w-full gap-1.5 p-6 pr-12", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DialogTitle, { className: "m-0 w-full break-words", children: state.title }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex w-full flex-col gap-3 px-6 pb-8 pt-1", children: [
+      state.showBreadcrumb && state.selectedPage && state.selectedSection ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         DestinationBreadcrumb,
         {
           pageTitle: state.selectedPage.title,
           sectionLabel: state.selectedSection.label
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         UrlOrPageInput,
         {
           value: state.searchValue,
@@ -21102,8 +21260,8 @@ function LinkEditorPanel({ state, onClose }) {
           urlError: state.urlError
         }
       ),
-      state.showChooseSection ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col justify-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      state.showChooseSection ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col justify-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           Button,
           {
             type: "button",
@@ -21114,15 +21272,15 @@ function LinkEditorPanel({ state, onClose }) {
             children: "Choose a section"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-1 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react16.Info, { size: 16, className: "shrink-0", "aria-hidden": true }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: "Pick a section this link should scroll to." })
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-1 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react16.Info, { size: 16, className: "shrink-0", "aria-hidden": true }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "Pick a section this link should scroll to." })
         ] })
       ] }) : null,
-      state.showSectionRow && state.selectedSection ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SectionTreeItem, { section: state.selectedSection, selected: true }) : null
+      state.showSectionRow && state.selectedSection ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SectionTreeItem, { section: state.selectedSection, selected: true }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(DialogFooter, { className: "w-full px-6 pb-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(DialogFooter, { className: "w-full px-6 pb-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         Button,
         {
           type: "button",
@@ -21137,7 +21295,7 @@ function LinkEditorPanel({ state, onClose }) {
           children: state.secondaryLabel
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         Button,
         {
           type: "button",
@@ -21180,7 +21338,7 @@ function getIframeChromeClip(parentScroll) {
 }
 
 // src/ui/link-modal/SectionPickerOverlay.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var DIM_OVERLAY = "rgba(0, 0, 0, 0.45)";
 function rectsEqual(a, b) {
   if (a.size !== b.size) return false;
@@ -21411,7 +21569,7 @@ function SectionPickerOverlay({
   const portalRoot = typeof document !== "undefined" ? document.querySelector("[data-ohw-bridge-root]") ?? document.body : null;
   if (!portalRoot) return null;
   return (0, import_react_dom4.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       "div",
       {
         "data-ohw-section-picker": "",
@@ -21421,12 +21579,12 @@ function SectionPickerOverlay({
         role: "dialog",
         "aria-label": "Choose a section",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "div",
             {
               className: "pointer-events-auto fixed left-5 z-[2]",
               style: { top: chromeClip.top + 20 },
-              children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
                 Button,
                 {
                   type: "button",
@@ -21435,14 +21593,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__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react17.ArrowLeft, { className: "size-4 shrink-0", "aria-hidden": true }),
+                    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react17.ArrowLeft, { className: "size-4 shrink-0", "aria-hidden": true }),
                     "Back"
                   ]
                 }
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "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",
@@ -21455,7 +21613,7 @@ function SectionPickerOverlay({
               children: "Click on section to select"
             }
           ),
-          !isOnTargetPage ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          !isOnTargetPage ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "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",
@@ -21463,14 +21621,14 @@ function SectionPickerOverlay({
               children: "Loading page preview\u2026"
             }
           ) : null,
-          isOnTargetPage && liveSections.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "pointer-events-auto fixed inset-0 z-[1] flex items-center justify-center bg-muted/40", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-sm text-muted-foreground", children: "No sections found on this page." }) }) : null,
+          isOnTargetPage && liveSections.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "pointer-events-auto fixed inset-0 z-[1] flex items-center justify-center bg-muted/40", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("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__ */ (0, import_jsx_runtime30.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
               "button",
               {
                 type: "button",
@@ -21485,7 +21643,7 @@ function SectionPickerOverlay({
                 "aria-label": `Select section ${section.label}`,
                 onClick: () => handleSelect(section),
                 children: [
-                  isLit ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                  isLit ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                     "span",
                     {
                       className: "pointer-events-none absolute",
@@ -21498,13 +21656,13 @@ function SectionPickerOverlay({
                       "aria-hidden": true
                     }
                   ) : null,
-                  isSelected ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                  isSelected ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                     "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__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react17.Check, { className: "size-5" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react17.Check, { className: "size-5" })
                     }
                   ) : null
                 ]
@@ -21684,7 +21842,7 @@ function useLinkModalState({
 }
 
 // src/ui/link-modal/LinkPopover.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function postToParent(data) {
   window.parent?.postMessage(data, "*");
 }
@@ -21780,15 +21938,15 @@ function LinkPopover({
       );
     };
   }, [open, sectionPickerActive]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       Dialog2,
       {
         open: open && !sectionPickerActive,
         onOpenChange: (next) => {
           if (!next) onClose?.();
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           DialogContent,
           {
             ref: panelRef,
@@ -21798,12 +21956,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__ */ (0, import_jsx_runtime31.jsx)(LinkEditorPanel, { state, onClose })
+            children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(LinkEditorPanel, { state, onClose })
           }
         )
       }
     ),
-    sectionPickerActive && state.selectedPage ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    sectionPickerActive && state.selectedPage ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       SectionPickerOverlay,
       {
         pagePath: state.selectedPage.path,
@@ -21956,7 +22114,7 @@ function addFooterColumnWithPersist({
 // src/ui/FloatingPanel.tsx
 var import_react18 = require("react");
 var import_lucide_react18 = require("lucide-react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var PANEL_WIDTH = 256;
 var EDGE_MARGIN = 16;
 var HEADER_MIN = 56;
@@ -22128,7 +22286,7 @@ function FloatingPanel({
   }, [open]);
   (0, import_react18.useEffect)(() => () => document.documentElement.removeAttribute("data-ohw-panel-dragging"), []);
   if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "div",
     {
       ref: panelRef,
@@ -22145,7 +22303,7 @@ function FloatingPanel({
       onPointerDown: (e) => e.stopPropagation(),
       onClick: (e) => e.stopPropagation(),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
           "div",
           {
             "data-ohw-floating-panel-header": "",
@@ -22155,14 +22313,14 @@ function FloatingPanel({
             onPointerUp: endDrag,
             onPointerCancel: endDrag,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  icon ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "shrink-0 text-foreground", children: icon }) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "min-w-0 flex-1 text-lg font-semibold leading-7 text-foreground", children: title })
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  icon ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "shrink-0 text-foreground", children: icon }) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "min-w-0 flex-1 text-lg font-semibold leading-7 text-foreground", children: title })
                 ] }),
-                context ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "w-full text-sm leading-5 text-muted-foreground", children: context }) : null
+                context ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "w-full text-sm leading-5 text-muted-foreground", children: context }) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 "button",
                 {
                   type: "button",
@@ -22174,13 +22332,13 @@ function FloatingPanel({
                     onClose();
                   },
                   onPointerDown: (e) => e.stopPropagation(),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react18.X, { size: 16, "aria-hidden": true })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react18.X, { size: 16, "aria-hidden": true })
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "div",
           {
             "data-ohw-floating-panel-body": "",
@@ -22198,15 +22356,15 @@ function FloatingPanel({
 }
 
 // src/ui/socials-display-panel.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function DisplaySwitch({
   label,
   checked,
   disabled,
   onChange
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex w-full items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex w-full items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "span",
       {
         className: cn(
@@ -22216,7 +22374,7 @@ function DisplaySwitch({
         children: label
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "button",
       {
         type: "button",
@@ -22230,7 +22388,7 @@ function DisplaySwitch({
           checked ? "bg-bridge-primary" : "bg-primary-50",
           disabled ? "cursor-default opacity-50" : "cursor-pointer"
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           "span",
           {
             className: cn(
@@ -22244,8 +22402,8 @@ function DisplaySwitch({
   ] });
 }
 function SocialsDisplayPanel({ display, onChange, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: cn("flex w-full flex-col gap-3", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: cn("flex w-full flex-col gap-3", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       DisplaySwitch,
       {
         label: "Text",
@@ -22254,7 +22412,7 @@ function SocialsDisplayPanel({ display, onChange, className }) {
         onChange: (text) => onChange({ ...display, text })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       DisplaySwitch,
       {
         label: "Icon",
@@ -22268,7 +22426,7 @@ function SocialsDisplayPanel({ display, onChange, className }) {
 
 // src/ui/button-style-panel.tsx
 var import_lucide_react19 = require("lucide-react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var SIZE_LABEL = { s: "S", m: "M", l: "L" };
 function ButtonStylePanel({
   variants,
@@ -22282,15 +22440,15 @@ function ButtonStylePanel({
 }) {
   const preview = scaleGeometry(sizes.m, 0.75);
   const label = previewLabel.trim() || "Book Now";
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex w-full flex-col gap-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("section", { className: "flex w-full flex-col gap-2.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h3", { className: "text-xs font-semibold uppercase leading-4 tracking-[0.6px] text-stone-500 font-sans", children: "Variants" }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex w-full flex-col gap-2.5", children: BUTTON_VARIANT_IDS.map((id) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex w-full flex-col gap-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("section", { className: "flex w-full flex-col gap-2.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h3", { className: "text-xs font-semibold uppercase leading-4 tracking-[0.6px] text-stone-500 font-sans", children: "Variants" }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("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__ */ (0, import_jsx_runtime34.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
           "button",
           {
             type: "button",
@@ -22306,12 +22464,12 @@ function ButtonStylePanel({
               selected ? "border-2 border-primary" : "border border-border"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                 "div",
                 {
                   className: "flex w-full items-center justify-center py-4",
                   style: { background: cardSlot },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                     "span",
                     {
                       className: "inline-flex items-center justify-center whitespace-nowrap font-semibold uppercase leading-none",
@@ -22333,12 +22491,12 @@ function ButtonStylePanel({
                   )
                 }
               ),
-              selected ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              selected ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                 "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__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react19.Check, { className: "size-3", strokeWidth: 3 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react19.Check, { className: "size-3", strokeWidth: 3 })
                 }
               ) : null
             ]
@@ -22347,9 +22505,9 @@ function ButtonStylePanel({
         );
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("section", { className: "flex w-full flex-col gap-2.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h3", { className: "text-xs font-semibold uppercase leading-4 tracking-[0.6px] text-stone-500 font-sans", children: "Size" }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("section", { className: "flex w-full flex-col gap-2.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h3", { className: "text-xs font-semibold uppercase leading-4 tracking-[0.6px] text-stone-500 font-sans", children: "Size" }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         "div",
         {
           className: "flex w-full items-start rounded-lg bg-stone-100 p-1",
@@ -22357,7 +22515,7 @@ function ButtonStylePanel({
           "aria-label": "Size",
           children: BUTTON_SIZE_IDS.map((id) => {
             const selected = id === size;
-            return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
               "button",
               {
                 type: "button",
@@ -23364,7 +23522,7 @@ function useSectionDrag({
 
 // src/ui/footer-container-chrome.tsx
 var import_lucide_react20 = require("lucide-react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function FooterContainerChrome({
   rect,
   onAdd,
@@ -23372,7 +23530,7 @@ function FooterContainerChrome({
 }) {
   const chromeGap = 6;
   const buttonMargin = 7;
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       "data-ohw-footer-container-chrome": "",
@@ -23384,8 +23542,8 @@ function FooterContainerChrome({
         width: rect.width + chromeGap * 2,
         height: rect.height + chromeGap * 2
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Tooltip, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Tooltip, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           "button",
           {
             type: "button",
@@ -23404,10 +23562,10 @@ function FooterContainerChrome({
               if (addDisabled) return;
               onAdd();
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react20.Plus, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react20.Plus, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TooltipContent, { side: "bottom", sideOffset: 9, children: addDisabled ? "Maximum columns reached" : "Add item" })
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TooltipContent, { side: "bottom", sideOffset: 9, children: addDisabled ? "Maximum columns reached" : "Add item" })
       ] })
     }
   ) });
@@ -23584,13 +23742,13 @@ function deleteSelectedNavFooterItem(deps) {
 
 // src/ui/navbar-container-chrome.tsx
 var import_lucide_react21 = require("lucide-react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function NavbarContainerChrome({
   rect,
   onAdd
 }) {
   const chromeGap = 6;
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "div",
     {
       "data-ohw-navbar-container-chrome": "",
@@ -23602,7 +23760,7 @@ function NavbarContainerChrome({
         width: rect.width + chromeGap * 2,
         height: rect.height + chromeGap * 2
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         "button",
         {
           type: "button",
@@ -23619,7 +23777,7 @@ function NavbarContainerChrome({
             e.stopPropagation();
             onAdd();
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react21.Plus, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
+          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react21.Plus, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
         }
       )
     }
@@ -23628,7 +23786,7 @@ function NavbarContainerChrome({
 
 // src/ui/drop-indicator.tsx
 var React11 = __toESM(require("react"), 1);
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var dropIndicatorVariants = cva(
   "ov-gap-line pointer-events-none shrink-0 transition-opacity duration-150",
   {
@@ -23652,7 +23810,7 @@ var dropIndicatorVariants = cva(
 );
 var DropIndicator = React11.forwardRef(
   ({ className, direction, state, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       "div",
       {
         ref,
@@ -23669,7 +23827,7 @@ var DropIndicator = React11.forwardRef(
 DropIndicator.displayName = "DropIndicator";
 
 // src/ui/badge.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var badgeVariants = cva(
   "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
@@ -23687,12 +23845,12 @@ var badgeVariants = cva(
   }
 );
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
 
 // src/OhhwellsBridge.tsx
 var import_lucide_react22 = require("lucide-react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var PRIMARY7 = "#0885FE";
 var IMAGE_FADE_MS = 300;
 var MEDIA_SETTLE_TIMEOUT_MS = 2500;
@@ -23814,7 +23972,7 @@ function duplicateSchedulingWidget(instanceId, scheduleId) {
     schedulingRoots.set(container, root);
     (0, import_react_dom5.flushSync)(() => {
       root.render(
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           SchedulingWidget,
           {
             notifyOnConnect: false,
@@ -23942,7 +24100,7 @@ function mountSchedulingWidget(anchorId, notifyOnConnect = false, scheduleId, be
     schedulingRoots.set(container, root);
     (0, import_react_dom5.flushSync)(() => {
       root.render(
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           SchedulingWidget,
           {
             notifyOnConnect,
@@ -24722,7 +24880,7 @@ function EditGlowChrome({
   hideHandle = false
 }) {
   const GAP = SELECTION_CHROME_GAP2;
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "div",
     {
       ref: elRef,
@@ -24737,7 +24895,7 @@ function EditGlowChrome({
         zIndex: 2147483646
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "div",
           {
             style: {
@@ -24751,7 +24909,7 @@ function EditGlowChrome({
             }
           }
         ),
-        reorderHrefKey && !hideHandle && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        reorderHrefKey && !hideHandle && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "div",
           {
             "data-ohw-drag-handle-container": "",
@@ -24763,7 +24921,7 @@ function EditGlowChrome({
               transform: "translate(calc(-100% - 7px), -50%)",
               pointerEvents: dragDisabled ? "none" : "auto"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               DragHandle,
               {
                 "aria-label": `Reorder ${reorderHrefKey}`,
@@ -24967,7 +25125,7 @@ function FloatingToolbar({
     return () => ro.disconnect();
   }, [showEditLink, activeCommands]);
   const { top, left, transform } = calcToolbarPos(rect, parentScroll, measuredW);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "div",
     {
       ref: setRefs,
@@ -24979,12 +25137,12 @@ function FloatingToolbar({
         zIndex: 2147483647,
         pointerEvents: "auto"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(CustomToolbar, { children: [
-        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react21.default.Fragment, { children: [
-          gi > 0 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CustomToolbarDivider, {}),
+      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(CustomToolbar, { children: [
+        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_react21.default.Fragment, { children: [
+          gi > 0 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CustomToolbarDivider, {}),
           btns.map((btn) => {
             const isActive = activeCommands.has(btn.cmd);
-            return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               CustomToolbarButton,
               {
                 title: btn.title,
@@ -24993,7 +25151,7 @@ function FloatingToolbar({
                   e.preventDefault();
                   onCommand(btn.cmd);
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   "svg",
                   {
                     width: "16",
@@ -25014,7 +25172,7 @@ function FloatingToolbar({
             );
           })
         ] }, gi)),
-        showEditLink ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        showEditLink ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           CustomToolbarButton,
           {
             type: "button",
@@ -25028,7 +25186,7 @@ function FloatingToolbar({
               e.preventDefault();
               e.stopPropagation();
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react22.Link, { className: "size-4 shrink-0", "aria-hidden": true })
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Link, { className: "size-4 shrink-0", "aria-hidden": true })
           }
         ) : null
       ] })
@@ -25045,7 +25203,7 @@ function StateToggle({
   states,
   onStateChange
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     ToggleGroup,
     {
       "data-ohw-state-toggle": "",
@@ -25059,52 +25217,15 @@ function StateToggle({
         left: rect.right - 8,
         transform: "translateX(-100%)"
       },
-      children: states.map((state) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ToggleGroupItem, { value: state, size: "sm", children: state }, state))
+      children: states.map((state) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(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__ */ (0, import_jsx_runtime39.jsxs)("svg", { width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", "aria-hidden": true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("circle", { cx: "14", cy: "14", r: "11", stroke: "#E7E5E4", strokeWidth: "3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-      "circle",
-      {
-        cx: "14",
-        cy: "14",
-        r: "11",
-        stroke: "#1C1917",
-        strokeWidth: "3",
-        strokeDasharray: "17 52",
-        strokeLinecap: "round",
-        children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-          "animateTransform",
-          {
-            attributeName: "transform",
-            type: "rotate",
-            from: "0 14 14",
-            to: "360 14 14",
-            dur: "0.7s",
-            repeatCount: "indefinite"
-          }
-        )
-      }
-    )
-  ] });
-}
 function OhwBrandMark() {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "svg",
     {
       width: "16",
@@ -25115,7 +25236,7 @@ function OhwBrandMark() {
       style: { display: "block", flexShrink: 0 },
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "mask",
           {
             id: "ohw-badge-mark",
@@ -25125,15 +25246,15 @@ function OhwBrandMark() {
             y: "0",
             width: "48",
             height: "48",
-            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("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__ */ (0, import_jsx_runtime40.jsx)("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__ */ (0, import_jsx_runtime39.jsxs)("g", { mask: "url(#ohw-badge-mark)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("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__ */ (0, import_jsx_runtime39.jsx)("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__ */ (0, import_jsx_runtime39.jsx)("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__ */ (0, import_jsx_runtime39.jsx)("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__ */ (0, import_jsx_runtime39.jsx)("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__ */ (0, import_jsx_runtime40.jsxs)("g", { mask: "url(#ohw-badge-mark)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("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__ */ (0, import_jsx_runtime40.jsx)("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__ */ (0, import_jsx_runtime40.jsx)("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__ */ (0, import_jsx_runtime40.jsx)("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__ */ (0, import_jsx_runtime40.jsx)("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" })
         ] })
       ]
     }
@@ -25170,7 +25291,7 @@ var OHW_BADGE_LABEL_STYLE = {
   whiteSpace: "nowrap"
 };
 function MadeWithOhhWells() {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "a",
     {
       href: "https://ohhwells.com",
@@ -25180,13 +25301,12 @@ function MadeWithOhhWells() {
       "data-ohw-badge": "",
       style: OHW_BADGE_STYLE,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(OhwBrandMark, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { style: OHW_BADGE_LABEL_STYLE, children: "Made with OhhWells" })
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(OhwBrandMark, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("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=([^;]*)/);
@@ -27547,6 +27667,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(() => {
@@ -27745,7 +27866,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) => {
@@ -27755,7 +27876,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();
@@ -27969,21 +28100,19 @@ function OhhwellsBridge() {
     };
   }, [pathname, isEditMode, postToParent2]);
   (0, import_react21.useEffect)(() => {
-    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]);
   (0, import_react21.useEffect)(() => {
     if (!isEditMode) {
       editStylesRef.current?.base.remove();
@@ -31702,7 +31831,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.151",
+        bridgeVersion: "0.1.152",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections
@@ -32239,14 +32368,13 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { id: "ohw-loader", suppressHydrationWarning: true, style: { ...OHW_LOADER_STYLE, display: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(OhwLoaderSpinner, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("script", { suppressHydrationWarning: true, dangerouslySetInnerHTML: { __html: OHW_LOADER_PREHYDRATE_SCRIPT } }),
-    subdomain && !isEditMode && showBranding && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(MadeWithOhhWells, {}),
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(OhwLoaderSurface, {}),
+    subdomain && !isEditMode && showBranding && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(MadeWithOhhWells, {}),
     bridgeRoot ? (0, import_react_dom6.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { ref: attachVisibleViewport, "data-ohw-visible-viewport": "", "aria-hidden": true }),
-        isEditMode && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { ref: attachVisibleViewport, "data-ohw-visible-viewport": "", "aria-hidden": true }),
+        isEditMode && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           AiSectionOverlay,
           {
             postToParent: postToParent2,
@@ -32254,7 +32382,7 @@ function OhhwellsBridge() {
             onSelectionChange: handleAiSectionSelectionChange
           }
         ),
-        isEditMode && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        isEditMode && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           AiMediaStripOverlay,
           {
             postToParent: postToParent2,
@@ -32263,7 +32391,7 @@ function OhhwellsBridge() {
             clearInteractionChromeRef
           }
         ),
-        isEditMode && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        isEditMode && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           AiPricingCardOverlay,
           {
             postToParent: postToParent2,
@@ -32271,7 +32399,7 @@ function OhhwellsBridge() {
             applyTreeLocalRef
           }
         ),
-        isEditMode && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        isEditMode && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           AiVideoOverlay,
           {
             postToParent: postToParent2,
@@ -32280,7 +32408,7 @@ function OhhwellsBridge() {
             clearInteractionChromeRef
           }
         ),
-        isEditMode && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        isEditMode && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           AiFadeCarouselOverlay,
           {
             postToParent: postToParent2,
@@ -32289,12 +32417,12 @@ function OhhwellsBridge() {
             clearInteractionChromeRef
           }
         ),
-        isSectionDragging && sectionDropSlots.map((slot, i) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        isSectionDragging && sectionDropSlots.map((slot, i) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "div",
           {
             className: "pointer-events-none fixed z-2147483646",
             style: { left: slot.left, top: slot.y, width: slot.width, height: 3, transform: "translateY(-50%)" },
-            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               DropIndicator,
               {
                 direction: "horizontal",
@@ -32305,7 +32433,7 @@ function OhhwellsBridge() {
           },
           `section-drop-${slot.insertIndex}-${i}`
         )),
-        Object.entries(uploadingRects).map(([key, { rect, fadingOut }]) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        Object.entries(uploadingRects).map(([key, { rect, fadingOut }]) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           MediaOverlay,
           {
             hover: { key, rect, elementType: "image", isDragOver: false, hasTextOverlap: false },
@@ -32316,7 +32444,7 @@ function OhhwellsBridge() {
           },
           `uploading-${key}`
         )),
-        mediaHover && !(mediaHover.key in uploadingRects) && mediaHover.key !== selectedMedia?.key && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        mediaHover && !(mediaHover.key in uploadingRects) && mediaHover.key !== selectedMedia?.key && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           MediaOverlay,
           {
             hover: mediaHover,
@@ -32327,7 +32455,7 @@ function OhhwellsBridge() {
             onVideoSettingsChange: handleVideoSettingsChange
           }
         ),
-        selectedMedia && !(selectedMedia.key in uploadingRects) && !linkPopover && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        selectedMedia && !(selectedMedia.key in uploadingRects) && !linkPopover && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           MediaOverlay,
           {
             hover: selectedMedia,
@@ -32339,7 +32467,7 @@ function OhhwellsBridge() {
             onVideoSettingsChange: handleVideoSettingsChange
           }
         ),
-        carouselHover && !linkPopover && !isItemDragging && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        carouselHover && !linkPopover && !isItemDragging && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           CarouselOverlay,
           {
             hover: carouselHover,
@@ -32347,10 +32475,10 @@ function OhhwellsBridge() {
             cueOnly: !!carouselHover.fullBleedSectionId && carouselHover.fullBleedSectionId !== selectedAiSectionId
           }
         ),
-        siblingHintRect && !linkPopover && !isItemDragging && siblingHintRects.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ItemInteractionLayer, { rect: siblingHintRect, state: "sibling-hint" }),
-        siblingHintRects.length > 0 && !linkPopover && !isItemDragging && siblingHintRects.map((rect, i) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(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__ */ (0, import_jsx_runtime39.jsx)(ItemInteractionLayer, { rect: draggedItemRect, state: "dragging" }),
-        isItemDragging && footerDropSlots.map((slot, i) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        siblingHintRect && !linkPopover && !isItemDragging && siblingHintRects.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ItemInteractionLayer, { rect: siblingHintRect, state: "sibling-hint" }),
+        siblingHintRects.length > 0 && !linkPopover && !isItemDragging && siblingHintRects.map((rect, i) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(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__ */ (0, import_jsx_runtime40.jsx)(ItemInteractionLayer, { rect: draggedItemRect, state: "dragging" }),
+        isItemDragging && footerDropSlots.map((slot, i) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "div",
           {
             className: "pointer-events-none fixed z-2147483646",
@@ -32360,7 +32488,7 @@ function OhhwellsBridge() {
               width: slot.width,
               height: slot.height
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               DropIndicator,
               {
                 direction: slot.direction,
@@ -32371,7 +32499,7 @@ function OhhwellsBridge() {
           },
           `footer-drop-${slot.direction}-${slot.columnIndex}-${slot.insertIndex}-${i}`
         )),
-        isItemDragging && navDropSlots.map((slot, i) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        isItemDragging && navDropSlots.map((slot, i) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "div",
           {
             className: "pointer-events-none fixed z-2147483646",
@@ -32381,7 +32509,7 @@ function OhhwellsBridge() {
               width: slot.width,
               height: slot.height
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               DropIndicator,
               {
                 direction: slot.direction,
@@ -32392,7 +32520,7 @@ function OhhwellsBridge() {
           },
           `nav-drop-${slot.direction}-${slot.parentId ?? "root"}-${slot.insertIndex}-${i}`
         )),
-        isItemDragging && buttonDropSlots.map((slot, i) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        isItemDragging && buttonDropSlots.map((slot, i) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "div",
           {
             className: "pointer-events-none fixed z-2147483646",
@@ -32402,7 +32530,7 @@ function OhhwellsBridge() {
               width: slot.width,
               height: slot.height
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               DropIndicator,
               {
                 direction: slot.direction,
@@ -32413,10 +32541,10 @@ function OhhwellsBridge() {
           },
           `button-drop-${slot.direction}-${slot.insertIndex}-${i}`
         )),
-        hoveredNavContainerRect && (toolbarVariant !== "select-frame" || isFooterFrameSelection) && !linkPopover && !isItemDragging && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ItemInteractionLayer, { rect: hoveredNavContainerRect, state: "hover" }),
-        hoveredItemRect && !linkPopover && !hoveredNavContainerRect && !isItemDragging && hoveredItemElRef.current !== selectedElRef.current && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ItemInteractionLayer, { rect: hoveredItemRect, state: "hover" }),
-        hoveredTextRect && !hoveredNavContainerRect && !hoveredItemRect && !isItemDragging && toolbarVariant !== "rich-text" && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ItemInteractionLayer, { rect: hoveredTextRect, state: "hover" }),
-        formPickRect && !isItemDragging && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        hoveredNavContainerRect && (toolbarVariant !== "select-frame" || isFooterFrameSelection) && !linkPopover && !isItemDragging && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ItemInteractionLayer, { rect: hoveredNavContainerRect, state: "hover" }),
+        hoveredItemRect && !linkPopover && !hoveredNavContainerRect && !isItemDragging && hoveredItemElRef.current !== selectedElRef.current && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ItemInteractionLayer, { rect: hoveredItemRect, state: "hover" }),
+        hoveredTextRect && !hoveredNavContainerRect && !hoveredItemRect && !isItemDragging && toolbarVariant !== "rich-text" && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ItemInteractionLayer, { rect: hoveredTextRect, state: "hover" }),
+        formPickRect && !isItemDragging && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           ItemInteractionLayer,
           {
             rect: formPickRect,
@@ -32424,13 +32552,13 @@ function OhhwellsBridge() {
             itemDragSurface: false,
             toolbarAlign: "left",
             chromeGap: 24,
-            toolbar: fieldPickRect ? void 0 : /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+            toolbar: fieldPickRect ? void 0 : /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
               "div",
               {
                 "data-ohw-form-toolbar": "",
                 className: "pointer-events-auto flex items-center gap-0.5 whitespace-nowrap rounded-lg border border-border bg-background p-1 shadow-md",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                     "button",
                     {
                       type: "button",
@@ -32438,11 +32566,11 @@ function OhhwellsBridge() {
                       className: "flex h-7 w-7 items-center justify-center rounded-md text-foreground transition-colors hover:bg-muted/80",
                       onClick: () => setFieldTypePickerOpen((open) => !open),
                       "data-ohw-add-field": "",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react22.Plus, { size: 15, "aria-hidden": true })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Plus, { size: 15, "aria-hidden": true })
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "mx-0.5 h-5 w-px bg-border" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "mx-0.5 h-5 w-px bg-border" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -32458,11 +32586,11 @@ function OhhwellsBridge() {
                         });
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react22.Settings, { size: 14, "aria-hidden": true }),
+                        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Settings, { size: 14, "aria-hidden": true }),
                         "Form settings",
                         formPickCount ? (
                           // Counter pill, per the design — not a text suffix.
-                          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                             "span",
                             {
                               "data-ohw-form-count": "",
@@ -32474,8 +32602,8 @@ function OhhwellsBridge() {
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "mx-0.5 h-5 w-px bg-border" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex items-center rounded-md bg-muted/70 p-0.5", children: ["default", "success"].map((state) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "mx-0.5 h-5 w-px bg-border" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex items-center rounded-md bg-muted/70 p-0.5", children: ["default", "success"].map((state) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                     "button",
                     {
                       type: "button",
@@ -32506,7 +32634,7 @@ function OhhwellsBridge() {
             )
           }
         ),
-        formHoverRect && !isItemDragging && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        formHoverRect && !isItemDragging && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           ItemInteractionLayer,
           {
             rect: formHoverRect,
@@ -32514,7 +32642,7 @@ function OhhwellsBridge() {
             chromeGap: formHoverElRef.current && getFieldWrapper(formHoverElRef.current) ? 8 : 24
           }
         ),
-        fieldPickRect && fieldPickState && !isItemDragging && toolbarVariant !== "rich-text" && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        fieldPickRect && fieldPickState && !isItemDragging && toolbarVariant !== "rich-text" && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           ItemInteractionLayer,
           {
             rect: fieldPickRect,
@@ -32526,7 +32654,7 @@ function OhhwellsBridge() {
             dragHandleLabel: "Reorder field",
             onDragHandleDragStart: handleFieldDragStart,
             onDragHandleDragEnd: handleFieldDragEnd,
-            toolbar: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            toolbar: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               FormFieldToolbar,
               {
                 type: fieldPickState.type,
@@ -32539,12 +32667,12 @@ function OhhwellsBridge() {
             )
           }
         ),
-        fieldDragging ? fieldDropSlots.map((slot, i) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        fieldDragging ? fieldDropSlots.map((slot, i) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "div",
           {
             className: "pointer-events-none fixed z-[2147483644]",
             style: { top: slot.top, left: slot.left, width: slot.width },
-            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               DropIndicator,
               {
                 direction: "horizontal",
@@ -32557,7 +32685,7 @@ function OhhwellsBridge() {
         )) : null,
         fieldTypePickerOpen && formPickRect ? (() => {
           const toolbar = document.querySelector("[data-ohw-form-toolbar]")?.getBoundingClientRect();
-          return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             "div",
             {
               className: "pointer-events-none fixed z-[2147483645]",
@@ -32565,12 +32693,12 @@ function OhhwellsBridge() {
                 top: toolbar ? toolbar.bottom + 6 : formPickRect.top + 16,
                 left: toolbar ? toolbar.left : formPickRect.left + 24
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(FieldTypePicker, { onPick: handleAddField })
+              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(FieldTypePicker, { onPick: handleAddField })
             }
           );
         })() : null,
-        toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isNavbarLinksContainer2(selectedElRef.current) && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(NavbarContainerChrome, { rect: toolbarRect, onAdd: handleAddTopLevelNavItem }),
-        toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isFooterLinksContainer(selectedElRef.current) && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isNavbarLinksContainer2(selectedElRef.current) && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(NavbarContainerChrome, { rect: toolbarRect, onAdd: handleAddTopLevelNavItem }),
+        toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isFooterLinksContainer(selectedElRef.current) && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           FooterContainerChrome,
           {
             rect: toolbarRect,
@@ -32578,7 +32706,7 @@ function OhhwellsBridge() {
             addDisabled: !canAddFooterColumn()
           }
         ),
-        toolbarRect && !linkPopover && (toolbarVariant === "link-action" || toolbarVariant === "select-frame" || toolbarVariant === "logo") && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        toolbarRect && !linkPopover && (toolbarVariant === "link-action" || toolbarVariant === "select-frame" || toolbarVariant === "logo") && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           ItemInteractionLayer,
           {
             rect: isItemDragging && draggedItemRect && (footerDragRef.current?.wasSelected || navDragRef.current?.wasSelected || selectedElRef.current === buttonCollectionDragRef.current) ? draggedItemRect : toolbarRect,
@@ -32598,7 +32726,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__ */ (0, import_jsx_runtime39.jsx)(
+            toolbar: toolbarVariant === "link-action" && !isItemDragging || toolbarVariant === "select-frame" && (isFooterFrameSelection || selectedIsSocialsRow) && !isItemDragging ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               ItemActionToolbar,
               {
                 onEditLink: openLinkPopoverForSelected,
@@ -32649,8 +32777,8 @@ function OhhwellsBridge() {
             ) : void 0
           }
         ),
-        toolbarRect && toolbarVariant === "rich-text" && !linkPopover && !isRectOutsideClip(toolbarRect, getIframeVisibleClip(parentScrollRef.current)) && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        toolbarRect && toolbarVariant === "rich-text" && !linkPopover && !isRectOutsideClip(toolbarRect, getIframeVisibleClip(parentScrollRef.current)) && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             EditGlowChrome,
             {
               rect: toolbarRect,
@@ -32660,7 +32788,7 @@ function OhhwellsBridge() {
               hideHandle: isItemDragging
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             FloatingToolbar,
             {
               rect: toolbarRect,
@@ -32673,7 +32801,7 @@ function OhhwellsBridge() {
             }
           )
         ] }),
-        maxBadge && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+        maxBadge && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
           "div",
           {
             "data-ohw-max-badge": "",
@@ -32699,7 +32827,7 @@ function OhhwellsBridge() {
             ]
           }
         ),
-        toggleState && !linkPopover && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        toggleState && !linkPopover && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           StateToggle,
           {
             rect: toggleState.rect,
@@ -32708,15 +32836,15 @@ function OhhwellsBridge() {
             onStateChange: handleStateChange
           }
         ),
-        sectionGap && !linkPopover && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+        sectionGap && !linkPopover && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
           "div",
           {
             "data-ohw-section-insert-line": "",
             className: "fixed left-0 w-full z-2147483646 flex items-center pointer-events-none",
             style: { top: sectionGap.y, transform: "translateY(-50%)" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex-1 bg-bridge-primary", style: { height: 3 } }),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex-1 bg-bridge-primary", style: { height: 3 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                 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",
@@ -32733,11 +32861,11 @@ function OhhwellsBridge() {
                   children: "Add Section"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex-1 bg-bridge-primary", style: { height: 3 } })
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex-1 bg-bridge-primary", style: { height: 3 } })
             ]
           }
         ),
-        linkPopover && dialogPortalContainer ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        linkPopover && dialogPortalContainer ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           LinkPopover,
           {
             panelRef: linkPopoverPanelRef,
@@ -32754,7 +32882,7 @@ function OhhwellsBridge() {
           },
           linkPopover.key
         ) : null,
-        floatingPanel && floatingPanel.kind === "socials-display" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        floatingPanel && floatingPanel.kind === "socials-display" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           FloatingPanel,
           {
             open: true,
@@ -32764,7 +32892,7 @@ function OhhwellsBridge() {
             onPositionChange: setFloatingPanelPos,
             parentScroll: parentScrollSnap ?? parentScrollRef.current,
             onClose: closeFloatingPanelOnly,
-            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               SocialsDisplayPanel,
               {
                 display: socialsDisplayFor(floatingPanel.row, editContentRef.current),
@@ -32785,19 +32913,19 @@ function OhhwellsBridge() {
           const tokens = tokensFromButton(button);
           const current = assignmentFor(button, editContentRef.current, tokens);
           void buttonStyleTick;
-          return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             FloatingPanel,
             {
               open: true,
               title: floatingPanel.title,
               context: floatingPanel.context,
-              icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react22.Brush, { className: "size-4 shrink-0", "aria-hidden": true }),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Brush, { className: "size-4 shrink-0", "aria-hidden": true }),
               position: floatingPanelPos,
               onPositionChange: setFloatingPanelPos,
               parentScroll: parentScrollSnap ?? parentScrollRef.current,
               onClose: closeFloatingPanelOnly,
               bodyClassName: "gap-5",
-              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                 ButtonStylePanel,
                 {
                   variants: tokens.variants,
@@ -32825,10 +32953,10 @@ function OhhwellsBridge() {
 
 // src/ui/EmptySection.tsx
 var import_link = __toESM(require("next/link"), 1);
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       "p",
       {
         style: {
@@ -32840,10 +32968,10 @@ function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey
           color: "var(--brand-accent)",
           marginBottom: "1.5rem"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_link.default, { href: homeHref, style: { color: "inherit" }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { ...eyebrowKey ? { "data-ohw-editable": "text", "data-ohw-key": eyebrowKey } : {}, children: "Home" }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_link.default, { href: homeHref, style: { color: "inherit" }, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { ...eyebrowKey ? { "data-ohw-editable": "text", "data-ohw-key": eyebrowKey } : {}, children: "Home" }) })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       "h1",
       {
         style: {
@@ -32858,7 +32986,7 @@ function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey
         children: title
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       "p",
       {
         style: {
@@ -32883,6 +33011,7 @@ function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey
   AI_TREE_TOKENS,
   AiFooterRenderer,
   AiTreeRenderer,
+  BRAND_TITLE_KEY,
   CustomToolbar,
   CustomToolbarButton,
   CustomToolbarDivider,
@@ -32902,7 +33031,12 @@ function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey
   ItemInteractionLayer,
   LinkEditorPanel,
   LinkPopover,
+  OHW_LOADER_PREHYDRATE_SCRIPT,
+  OHW_LOADER_STYLE,
   OhhwellsBridge,
+  OhwLoaderSpinner,
+  OhwLoaderSurface,
+  SITE_OG_IMAGE_KEY,
   SchedulingWidget,
   Toggle,
   ToggleGroup,
@@ -32913,6 +33047,8 @@ function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey
   TooltipTrigger,
   addFooterLinkColumn,
   appendFooterSocial,
+  applyBrandChrome,
+  applyStickySearchParams,
   buildDefaultFooterTree,
   buildTarget,
   dropIndicatorVariants,
@@ -32920,18 +33056,25 @@ function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey
   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,