@ohhwells/bridge 0.1.71-next.218 → 0.1.72

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 
 // src/OhhwellsBridge.tsx
-import React12, { useCallback as useCallback8, useEffect as useEffect13, useLayoutEffect as useLayoutEffect5, useRef as useRef10, useState as useState13 } from "react";
+import React12, { useCallback as useCallback7, useEffect as useEffect12, useLayoutEffect as useLayoutEffect5, useRef as useRef9, useState as useState12 } from "react";
 import { createRoot as createRoot2 } from "react-dom/client";
 import { flushSync as flushSync2 } from "react-dom";
 
@@ -83,12 +83,7 @@ function parseAiSectionsState(raw) {
       media: entry.media && typeof entry.media === "object" ? entry.media : {}
     }));
     const removed = Array.isArray(parsed.removed) ? parsed.removed.filter((id) => typeof id === "string" && id.length > 0) : [];
-    return {
-      v: 1,
-      sections,
-      ...removed.length ? { removed } : {},
-      ...parsed.hideTemplate === true ? { hideTemplate: true } : {}
-    };
+    return { v: 1, sections, ...removed.length ? { removed } : {} };
   } catch {
     return EMPTY_AI_SECTIONS;
   }
@@ -101,7 +96,6 @@ function applyTreeToState(state, payload) {
   const entry = {
     id: payload.id,
     label: payload.label ?? "Generated section",
-    ...typeof payload.path === "string" && payload.path ? { path: payload.path } : {},
     afterSection: payload.mode === "insert" && !insertBefore ? payload.targetSectionId ?? null : null,
     ...insertBefore && payload.targetSectionId ? { beforeSection: payload.targetSectionId } : {},
     ...payload.mode === "replace" && payload.targetSectionId ? { replaces: payload.targetSectionId } : {},
@@ -124,317 +118,6 @@ function deleteSectionFromState(state, sectionId) {
   return { ...state, v: 1, sections: state.sections, removed: [...removed, sectionId] };
 }
 
-// src/lib/brand-chrome.ts
-var BRAND_NAME_KEY = "__ohw_brand_name";
-var BRAND_TITLE_KEY = "__ohw_site_title";
-var BRAND_FAVICON_LETTER_KEY = "__ohw_favicon_letter";
-var BRAND_CHROME_KEYS = /* @__PURE__ */ new Set([
-  BRAND_NAME_KEY,
-  BRAND_TITLE_KEY,
-  BRAND_FAVICON_LETTER_KEY
-]);
-function upsertMeta(selector, attr, token, value) {
-  let el = document.head.querySelector(selector);
-  if (!el) {
-    el = document.createElement("meta");
-    el.setAttribute(attr, token);
-    document.head.appendChild(el);
-  }
-  if (el.getAttribute("content") !== value) el.setAttribute("content", value);
-}
-function escapeXml(value) {
-  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-}
-function applyLetterFavicon(letter) {
-  const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="12" fill="#111827"/><text x="32" y="46" font-family="system-ui,-apple-system,Segoe UI,sans-serif" font-size="40" font-weight="700" text-anchor="middle" fill="#ffffff">${escapeXml(letter)}</text></svg>`;
-  const href = `data:image/svg+xml,${encodeURIComponent(svg)}`;
-  let link = document.head.querySelector('link[rel="icon"]');
-  if (!link) {
-    link = document.createElement("link");
-    link.rel = "icon";
-    document.head.appendChild(link);
-  }
-  link.type = "image/svg+xml";
-  if (link.href !== href) link.href = href;
-}
-function applyBrandChrome(content) {
-  const name = content[BRAND_NAME_KEY];
-  if (typeof name === "string" && name.length > 0) {
-    document.querySelectorAll("[data-ohw-wordmark]").forEach((el) => {
-      if (el.textContent !== name) el.textContent = name;
-      if (el.getAttribute("title") !== name) el.setAttribute("title", name);
-    });
-  }
-  const title = content[BRAND_TITLE_KEY];
-  if (typeof title === "string" && title.length > 0) {
-    if (document.title !== title) document.title = title;
-    upsertMeta('meta[property="og:title"]', "property", "og:title", title);
-    upsertMeta('meta[name="twitter:title"]', "name", "twitter:title", title);
-  }
-  const letter = content[BRAND_FAVICON_LETTER_KEY];
-  if (typeof letter === "string" && letter.length > 0) {
-    applyLetterFavicon(letter);
-  }
-}
-
-// src/lib/brand-kit.ts
-var BRAND_KIT_KEY = "__ohw_brand";
-var BRAND_VAR_PREFIX = "--ohw-brand-";
-var BRAND_VAR_NAMES = ["primary", "accent", "light", "dark", "surface", "border", "muted"].map(
-  (role) => `${BRAND_VAR_PREFIX}${role}`
-);
-var FONT_VARS = {
-  heading: ["--font-heading", "--font-display", "--brand-font-heading"],
-  body: ["--font-body", "--brand-font-body"]
-};
-var BRAND_FONT_LINK_ID = "ohw-brand-fonts";
-function brandColorVars(kit) {
-  const { dark, primary, accent, light } = kit.palette;
-  const mix = (a, aPct, b) => `color-mix(in srgb, ${a} ${aPct}%, ${b})`;
-  return {
-    [`${BRAND_VAR_PREFIX}primary`]: primary,
-    [`${BRAND_VAR_PREFIX}accent`]: accent,
-    [`${BRAND_VAR_PREFIX}light`]: light,
-    [`${BRAND_VAR_PREFIX}dark`]: dark,
-    [`${BRAND_VAR_PREFIX}surface`]: mix(light, 95, dark),
-    [`${BRAND_VAR_PREFIX}border`]: mix(light, 85, dark),
-    [`${BRAND_VAR_PREFIX}muted`]: mix(dark, 62, light)
-  };
-}
-function parseBrandKit(raw) {
-  if (!raw) return null;
-  try {
-    const parsed = JSON.parse(raw);
-    const p = parsed?.palette;
-    const f = parsed?.fonts;
-    if (!p || !f || typeof p.dark !== "string" || typeof p.primary !== "string" || typeof p.accent !== "string" || typeof p.light !== "string" || typeof f.heading !== "string" || typeof f.body !== "string") {
-      return null;
-    }
-    return {
-      palette: { dark: p.dark, primary: p.primary, accent: p.accent, light: p.light },
-      fonts: { heading: f.heading, body: f.body }
-    };
-  } catch {
-    return null;
-  }
-}
-function familyOf(stack) {
-  const first = stack.split(",")[0]?.trim() ?? "";
-  return first.replace(/^['"]|['"]$/g, "");
-}
-function loadBrandFonts(families) {
-  const unique = [...new Set(families.map((f) => f.trim()).filter(Boolean))];
-  if (unique.length === 0) return;
-  const spec = unique.map((f) => `${f.replace(/ /g, "+")}:400,500,600,700`).join("|");
-  const href = `https://fonts.googleapis.com/css?family=${spec}&display=swap`;
-  let link = document.getElementById(BRAND_FONT_LINK_ID);
-  if (!link) {
-    link = document.createElement("link");
-    link.id = BRAND_FONT_LINK_ID;
-    link.rel = "stylesheet";
-    document.head.appendChild(link);
-  }
-  if (link.href !== href) link.href = href;
-}
-function applyBrandToDom(kit) {
-  const root = document.documentElement;
-  if (!kit) {
-    for (const name of BRAND_VAR_NAMES) root.style.removeProperty(name);
-    for (const name of [...FONT_VARS.heading, ...FONT_VARS.body]) root.style.removeProperty(name);
-    document.getElementById(BRAND_FONT_LINK_ID)?.remove();
-    return;
-  }
-  for (const [name, value] of Object.entries(brandColorVars(kit))) root.style.setProperty(name, value);
-  for (const name of FONT_VARS.heading) root.style.setProperty(name, kit.fonts.heading);
-  for (const name of FONT_VARS.body) root.style.setProperty(name, kit.fonts.body);
-  loadBrandFonts([familyOf(kit.fonts.heading), familyOf(kit.fonts.body)]);
-}
-
-// src/lib/section-styles.ts
-var STYLE_STORE_KEY = "__ohw_styles";
-var STYLE_SHEET_ID = "ohw-section-styles";
-function parseStyleStore(raw) {
-  if (!raw) return null;
-  try {
-    const parsed = JSON.parse(raw);
-    if (parsed?.v !== 1) return null;
-    return {
-      v: 1,
-      sections: typeof parsed.sections === "object" && parsed.sections ? parsed.sections : {},
-      nodes: typeof parsed.nodes === "object" && parsed.nodes ? parsed.nodes : {}
-    };
-  } catch {
-    return null;
-  }
-}
-var BG_VALUES = {
-  surface: "color-mix(in srgb, var(--ohw-brand-light, var(--color-light, #ECECEB)) 94%, var(--ohw-brand-dark, var(--color-dark, #0C0A09)))",
-  accent: "var(--ohw-brand-primary, var(--color-primary, #0078E5))",
-  "accent-soft": "color-mix(in srgb, var(--ohw-brand-primary, var(--color-primary, #0078E5)) 12%, var(--ohw-brand-light, var(--color-light, #FFFFFF)))"
-};
-var HEADLINE_SIZES = { md: 24, lg: 32, xl: 40, display: 56 };
-function styleSheetCss() {
-  const rules = [];
-  for (const [tone, value] of Object.entries(BG_VALUES)) {
-    rules.push(`[data-ohw-style-bg="${tone}"] { background: ${value} !important; }`);
-  }
-  rules.push(
-    `[data-ohw-style-bg="accent"] { color: var(--ohw-brand-light, var(--color-light, #FFFFFF)) !important; }`
-  );
-  rules.push(
-    `[data-ohw-style-distribution="space-between"] { display: flex !important; flex-direction: column; justify-content: space-between; }`,
-    `[data-ohw-style-distribution="center"] { display: flex !important; flex-direction: column; justify-content: center; }`
-  );
-  for (const [scale, size] of Object.entries(HEADLINE_SIZES)) {
-    rules.push(
-      `[data-ohw-style-headline="${scale}"] :is(h1, h2, h3) { font-size: ${size}px !important; line-height: 1.15 !important; }`
-    );
-  }
-  rules.push(
-    `[data-ohw-style-aspect="fill-height"] img { height: 100% !important; aspect-ratio: auto !important; object-fit: cover; }`
-  );
-  for (const aspect of ["1:1", "4:5", "3:4", "3:2", "16:9", "2:1", "3:1"]) {
-    rules.push(
-      `[data-ohw-style-aspect="${aspect.replace(":", "-")}"] img { aspect-ratio: ${aspect.replace(":", " / ")} !important; height: auto !important; object-fit: cover; }`
-    );
-  }
-  const pad = { tight: 40, balanced: 64, airy: 96 };
-  for (const [spacing, px] of Object.entries(pad)) {
-    rules.push(
-      `[data-ohw-style-spacing="${spacing}"] { padding-top: ${px}px !important; padding-bottom: ${px}px !important; }`
-    );
-  }
-  return rules.join("\n");
-}
-var STYLE_FONT_LINK_ID = "ohw-style-fonts";
-function loadStyleFonts(families) {
-  const unique = [...new Set(families.map((f) => f.trim()).filter(Boolean))];
-  const existing = document.getElementById(STYLE_FONT_LINK_ID);
-  if (unique.length === 0) {
-    existing?.remove();
-    return;
-  }
-  const spec = unique.map((f) => `${f.replace(/ /g, "+")}:400,500,600,700`).join("|");
-  const href = `https://fonts.googleapis.com/css?family=${spec}&display=swap`;
-  let link = existing;
-  if (!link) {
-    link = document.createElement("link");
-    link.id = STYLE_FONT_LINK_ID;
-    link.rel = "stylesheet";
-    document.head.appendChild(link);
-  }
-  if (link.href !== href) link.href = href;
-}
-var SECTION_ATTRS = {
-  sectionBackground: "data-ohw-style-bg",
-  textDistribution: "data-ohw-style-distribution",
-  headlineScale: "data-ohw-style-headline",
-  imageAspect: "data-ohw-style-aspect",
-  spacing: "data-ohw-style-spacing"
-};
-var NODE_WROTE_ATTR = "data-ohw-style-node";
-var NODE_PROPS = ["color", "font-family", "font-size", "background"];
-function saveInline(el, prop) {
-  const attr = `data-ohw-style-prev-${prop}`;
-  if (!el.hasAttribute(attr)) el.setAttribute(attr, el.style.getPropertyValue(prop));
-}
-function restoreInline(el, prop) {
-  const attr = `data-ohw-style-prev-${prop}`;
-  if (!el.hasAttribute(attr)) return;
-  const prev = el.getAttribute(attr) ?? "";
-  if (prev) el.style.setProperty(prop, prev);
-  else el.style.removeProperty(prop);
-  el.removeAttribute(attr);
-}
-function ensureStyleSheet() {
-  let el = document.getElementById(STYLE_SHEET_ID);
-  if (!el) {
-    el = document.createElement("style");
-    el.id = STYLE_SHEET_ID;
-    document.head.appendChild(el);
-  }
-  const css = styleSheetCss();
-  if (el.textContent !== css) el.textContent = css;
-}
-function clearSectionAttrs(root) {
-  for (const attr of Object.values(SECTION_ATTRS)) {
-    for (const el of Array.from(root.querySelectorAll(`[${attr}]`))) el.removeAttribute(attr);
-  }
-  for (const el of Array.from(root.querySelectorAll("[data-ohw-style-bgcolor]"))) {
-    restoreInline(el, "background");
-    el.removeAttribute("data-ohw-style-bgcolor");
-  }
-}
-function clearNodeProps(root) {
-  for (const el of Array.from(root.querySelectorAll(`[${NODE_WROTE_ATTR}]`))) {
-    const h = el;
-    for (const prop of NODE_PROPS) restoreInline(h, prop);
-    h.removeAttribute(NODE_WROTE_ATTR);
-  }
-}
-function buttonSurfaceOf(el) {
-  return el.closest("a, button") ?? el;
-}
-function applyStylesToDom(store) {
-  ensureStyleSheet();
-  clearSectionAttrs(document);
-  clearNodeProps(document);
-  loadStyleFonts(
-    store ? Object.values(store.nodes).flatMap((n) => n.fontFamily ? [n.fontFamily] : []) : []
-  );
-  if (!store) return;
-  for (const [sectionId, override] of Object.entries(store.sections)) {
-    const sections = document.querySelectorAll(
-      `[data-ohw-section="${CSS.escape(sectionId)}"]`
-    );
-    for (const section of Array.from(sections)) {
-      for (const [prop, attr] of Object.entries(SECTION_ATTRS)) {
-        const value = override[prop];
-        if (value === void 0) continue;
-        if (prop === "sectionBackground" && override.sectionBackgroundColor !== void 0) continue;
-        section.setAttribute(attr, String(value).replace(":", "-"));
-      }
-      if (override.sectionBackgroundColor !== void 0) {
-        saveInline(section, "background");
-        section.style.setProperty("background", override.sectionBackgroundColor, "important");
-        section.setAttribute("data-ohw-style-bgcolor", "");
-      }
-    }
-  }
-  for (const [key, override] of Object.entries(store.nodes)) {
-    const nodes = document.querySelectorAll(`[data-ohw-key="${CSS.escape(key)}"]`);
-    for (const el of Array.from(nodes)) {
-      if (override.color !== void 0) {
-        saveInline(el, "color");
-        el.style.setProperty("color", override.color, "important");
-        el.setAttribute(NODE_WROTE_ATTR, "");
-      }
-      if (override.fontFamily !== void 0) {
-        saveInline(el, "font-family");
-        el.style.setProperty("font-family", `'${override.fontFamily}'`, "important");
-        el.setAttribute(NODE_WROTE_ATTR, "");
-      }
-      if (override.fontSize !== void 0) {
-        saveInline(el, "font-size");
-        el.style.setProperty("font-size", `${override.fontSize}px`, "important");
-        el.setAttribute(NODE_WROTE_ATTR, "");
-      }
-      if (override.buttonBackground !== void 0 || override.buttonText !== void 0) {
-        const surface = buttonSurfaceOf(el);
-        if (override.buttonBackground !== void 0) {
-          saveInline(surface, "background");
-          surface.style.setProperty("background", override.buttonBackground, "important");
-        }
-        if (override.buttonText !== void 0) {
-          saveInline(surface, "color");
-          surface.style.setProperty("color", override.buttonText, "important");
-        }
-        surface.setAttribute(NODE_WROTE_ATTR, "");
-      }
-    }
-  }
-}
-
 // src/ui/ai-tree/aiSectionsManager.tsx
 import { flushSync } from "react-dom";
 import { createRoot } from "react-dom/client";
@@ -449,8 +132,7 @@ function lucideByName(name) {
 }
 var typeStyle = (spec, font) => ({
   fontFamily: font,
-  // Headings shrink with the viewport (reaching full size around ~900px wide); body copy stays put.
-  fontSize: spec.size >= 24 ? `clamp(${Math.max(18, Math.round(spec.size * 0.6))}px, ${(spec.size / 9).toFixed(2)}vw, ${spec.size}px)` : spec.size,
+  fontSize: spec.size,
   lineHeight: spec.line,
   fontWeight: spec.weight
 });
@@ -465,36 +147,6 @@ var FEATURE_LINE_CSS = [
   `background-color:currentColor;-webkit-mask:url("${CHECK_MASK}") no-repeat 0 0/24px 24px;`,
   `mask:url("${CHECK_MASK}") no-repeat 0 0/24px 24px}`
 ].join("");
-function hexLuminance(color) {
-  const m = /^#([0-9a-f]{6})$/i.exec(color.trim());
-  if (!m) return null;
-  const [r2, g, b] = [0, 2, 4].map((i) => {
-    const c = parseInt(m[1].slice(i, i + 2), 16) / 255;
-    return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
-  });
-  return 0.2126 * r2 + 0.7152 * g + 0.0722 * b;
-}
-function hexContrast(a, b) {
-  const la = hexLuminance(a);
-  const lb = hexLuminance(b);
-  if (la === null || lb === null) return null;
-  const [hi, lo] = la > lb ? [la, lb] : [lb, la];
-  return (hi + 0.05) / (lo + 0.05);
-}
-function accentBandContext(brand) {
-  const p = brand.palette;
-  const lightWins = (hexContrast(p.light, p.primary) ?? 99) >= (hexContrast(p.dark, p.primary) ?? 0);
-  if (lightWins) {
-    return {
-      brand: { ...brand, palette: { dark: p.light, primary: p.light, accent: p.light, light: p.primary } },
-      buttonLabel: p.primary
-    };
-  }
-  return {
-    brand: { ...brand, palette: { dark: p.dark, primary: p.dark, accent: p.dark, light: p.light } },
-    buttonLabel: p.light
-  };
-}
 function textAttrs(ctx, path) {
   return ctx.keyFor ? { "data-ohw-key": ctx.keyFor(path), "data-ohw-editable": "text" } : {};
 }
@@ -506,12 +158,7 @@ var AI_RESPONSIVE_CSS = [
   "@media (max-width: 640px) {",
   "  [data-ai-responsive] [data-ai-grid] { grid-template-columns: 1fr !important; }",
   "  [data-ai-responsive] [data-ai-columns] > * { grid-column: 1 / -1 !important; }",
-  // Group containers flatten to a column on phones; span placements come along for free.
-  "  [data-ai-responsive] [data-ai-group] { display: flex !important; flex-direction: column !important; }",
-  "  [data-ai-responsive] [data-ai-group] > * { grid-column: auto !important; }",
   "  [data-ai-responsive] [data-ai-section-inner] { padding-left: 20px !important; padding-right: 20px !important; }",
-  "  [data-ai-responsive] { overflow-x: hidden; }",
-  "  [data-ai-responsive] img { max-width: 100%; }",
   "}"
 ].join("\n");
 var TRANSPARENT_PX = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
@@ -589,7 +236,7 @@ function ButtonEl({
 }) {
   const secondary = slots.variant === "secondary";
   const href = str(slots.href);
-  const linkAttrs = ctx.keyFor && path ? { "data-ohw-href-key": ctx.keyFor(`${path}.href`), "data-ohw-role": "button" } : {};
+  const linkAttrs = ctx.keyFor && path ? { "data-ohw-href-key": ctx.keyFor(`${path}.href`) } : {};
   return /* @__PURE__ */ jsx(
     "a",
     {
@@ -605,7 +252,7 @@ function ButtonEl({
         textDecoration: "none",
         cursor: "pointer",
         ...typeStyle(AI_TREE_TOKENS.type.button, ctx.brand.fonts.body),
-        ...secondary ? { border: `1px solid ${ctx.brand.palette.dark}`, color: ctx.brand.palette.dark } : { background: ctx.brand.palette.primary, color: ctx.buttonLabel ?? AI_TREE_TOKENS.textPrimaryForeground }
+        ...secondary ? { border: `1px solid ${ctx.brand.palette.dark}`, color: ctx.brand.palette.dark } : { background: ctx.brand.palette.primary, color: AI_TREE_TOKENS.textPrimaryForeground }
       },
       children: /* @__PURE__ */ jsx("span", { ...path ? textAttrs(ctx, `${path}.label`) : {}, children: str(slots.label) })
     }
@@ -1111,24 +758,7 @@ function CardBlock({ node, ctx, path }) {
         minWidth: 0
       },
       children: [
-        media && (horizontal ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: (
-              // An icon hugs its glyph — flex:1 gave a 48px icon half the card and pushed the
-              // text to the far side. Photos keep the half-and-half split. The inset has no
-              // inner padding (the photo split absorbed that), so the icon carries its own gap.
-              /^(lucide|simple):/.test(mediaRef) ? {
-                flexShrink: 0,
-                display: "flex",
-                alignItems: "center",
-                padding: mediaInset,
-                [mediaPosition === "right" ? "marginLeft" : "marginRight"]: 20
-              } : { flex: 1, minWidth: 0, display: "flex", alignItems: "center", padding: mediaInset }
-            ),
-            children: media
-          }
-        ) : /* @__PURE__ */ jsx(
+        media && (horizontal ? /* @__PURE__ */ jsx("div", { style: { flex: 1, minWidth: 0, display: "flex", alignItems: "center", padding: mediaInset }, children: media }) : /* @__PURE__ */ jsx(
           "div",
           {
             style: /^(lucide|simple):/.test(mediaRef) ? { padding: `${AI_TREE_TOKENS.paddingBlock}px ${AI_TREE_TOKENS.paddingBlock}px 0` } : hasBg ? void 0 : { borderRadius: AI_TREE_TOKENS.radiusCard, overflow: "hidden" },
@@ -1219,44 +849,13 @@ function AccordionBlock({ node, ctx, path }) {
     ) })
   ] }, i)) });
 }
-function useIsMobile() {
-  const [mobile, setMobile] = React.useState(
-    () => typeof window !== "undefined" && window.matchMedia("(max-width: 768px)").matches
-  );
-  React.useEffect(() => {
-    const mq = window.matchMedia("(max-width: 768px)");
-    const update = () => setMobile(mq.matches);
-    update();
-    mq.addEventListener("change", update);
-    return () => mq.removeEventListener("change", update);
-  }, []);
-  return mobile;
-}
 function Carousel({ items, itemsPerRow, ctx }) {
-  const isMobile = useIsMobile();
-  const perPage = isMobile ? 1 : itemsPerRow;
-  const pages = Math.max(1, Math.ceil(items.length / perPage));
   const [page, setPage] = React.useState(0);
+  const pages = Math.max(1, Math.ceil(items.length / itemsPerRow));
   const current = Math.min(page, pages - 1);
-  if (pages <= 1) {
-    const cols = Math.max(1, Math.min(items.length, itemsPerRow));
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        "data-ai-grid": String(cols),
-        style: {
-          display: "grid",
-          gridTemplateColumns: `repeat(${cols}, 1fr)`,
-          gap: AI_TREE_TOKENS.spacing8,
-          alignItems: "start"
-        },
-        children: items
-      }
-    );
-  }
   const pageGroups = Array.from(
     { length: pages },
-    (_, p) => items.slice(p * perPage, (p + 1) * perPage)
+    (_, p) => items.slice(p * itemsPerRow, (p + 1) * itemsPerRow)
   );
   const chrome = (enabled) => ({
     border: `1px solid ${ctx.brand.palette.dark}`,
@@ -1281,69 +880,55 @@ function Carousel({ items, itemsPerRow, ctx }) {
     cursor: "pointer",
     padding: 0
   });
-  const viewport = /* @__PURE__ */ jsx("div", { style: { flex: isMobile ? "0 0 auto" : 1, minWidth: 0, width: "100%", overflow: "hidden" }, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        display: "flex",
-        transform: `translateX(-${current * 100}%)`,
-        transition: "transform 0.4s ease"
-      },
-      children: pageGroups.map((group, p) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs("div", { "data-ai-carousel": "", style: { display: "flex", flexDirection: "column", gap: AI_TREE_TOKENS.spacing8, alignItems: "center" }, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: AI_TREE_TOKENS.spacing6, width: "100%" }, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Previous",
+          onClick: () => setPage((p) => Math.max(0, p - 1)),
+          style: chrome(current > 0),
+          children: /* @__PURE__ */ jsx(ArrowLeft, { size: 24, strokeWidth: 1.5, "aria-hidden": true })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { style: { flex: 1, minWidth: 0, overflow: "hidden" }, children: /* @__PURE__ */ jsx(
         "div",
         {
-          "data-ai-grid": String(perPage),
           style: {
-            flex: "0 0 100%",
-            display: "grid",
-            gridTemplateColumns: `repeat(${perPage}, 1fr)`,
-            gap: AI_TREE_TOKENS.spacing8,
-            alignItems: "start"
+            display: "flex",
+            transform: `translateX(-${current * 100}%)`,
+            transition: "transform 0.4s ease"
           },
-          children: group
-        },
-        p
-      ))
-    }
-  ) });
-  const prevBtn = /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      "aria-label": "Previous",
-      onClick: () => setPage((p) => Math.max(0, p - 1)),
-      style: chrome(current > 0),
-      children: /* @__PURE__ */ jsx(ArrowLeft, { size: 24, strokeWidth: 1.5, "aria-hidden": true })
-    }
-  );
-  const nextBtn = /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      "aria-label": "Next",
-      onClick: () => setPage((p) => Math.min(pages - 1, p + 1)),
-      style: chrome(current < pages - 1),
-      children: /* @__PURE__ */ jsx(ArrowRight, { size: 24, strokeWidth: 1.5, "aria-hidden": true })
-    }
-  );
-  const dots = /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 9, justifyContent: "center" }, children: pageGroups.map((_, p) => /* @__PURE__ */ jsx("button", { type: "button", "aria-label": `Page ${p + 1}`, onClick: () => setPage(p), style: dot(p === current) }, p)) });
-  if (isMobile) {
-    return /* @__PURE__ */ jsxs("div", { "data-ai-carousel": "", style: { display: "flex", flexDirection: "column", gap: AI_TREE_TOKENS.spacing6, alignItems: "center" }, children: [
-      viewport,
-      /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: AI_TREE_TOKENS.spacing6, justifyContent: "center" }, children: [
-        prevBtn,
-        nextBtn
-      ] }),
-      dots
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { "data-ai-carousel": "", style: { display: "flex", flexDirection: "column", gap: AI_TREE_TOKENS.spacing8, alignItems: "center" }, children: [
-    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: AI_TREE_TOKENS.spacing6, width: "100%" }, children: [
-      prevBtn,
-      viewport,
-      nextBtn
+          children: pageGroups.map((group, p) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-ai-grid": String(itemsPerRow),
+              style: {
+                flex: "0 0 100%",
+                display: "grid",
+                gridTemplateColumns: `repeat(${itemsPerRow}, 1fr)`,
+                gap: AI_TREE_TOKENS.spacing8,
+                alignItems: "start"
+              },
+              children: group
+            },
+            p
+          ))
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Next",
+          onClick: () => setPage((p) => Math.min(pages - 1, p + 1)),
+          style: chrome(current < pages - 1),
+          children: /* @__PURE__ */ jsx(ArrowRight, { size: 24, strokeWidth: 1.5, "aria-hidden": true })
+        }
+      )
     ] }),
-    dots
+    pages > 1 && /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 9, justifyContent: "center" }, children: pageGroups.map((_, p) => /* @__PURE__ */ jsx("button", { type: "button", "aria-label": `Page ${p + 1}`, onClick: () => setPage(p), style: dot(p === current) }, p)) })
   ] });
 }
 function CollectionBlock({ node, ctx, path }) {
@@ -1437,49 +1022,6 @@ function renderNode(node, ctx, path) {
   switch (node.type) {
     case "text":
       return /* @__PURE__ */ jsx(TextBlock, { slots, ctx, path });
-    // Layout container: arranges child blocks, contributes no content of its own. `grid` is a
-    // nested 12-column grid the children span (a collage is 3–5 media on it, bottom-aligned so
-    // mixed aspects read as a composition); `split` is exactly two children at a ratio; `stack`
-    // is a column. Children render through this same dispatcher, so edit markers, media
-    // resolution, and copy paths all work unchanged inside a group.
-    case "group": {
-      const layout = str(slots.layout);
-      const gap = slots.spacing === "tight" ? AI_TREE_TOKENS.spacing3 : slots.spacing === "airy" ? AI_TREE_TOKENS.spacing8 : AI_TREE_TOKENS.spacing6;
-      const kids = (node.children ?? []).map((child, i) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: layout === "grid" ? {
-            gridColumn: `span ${typeof child.span === "number" ? Math.min(12, Math.max(1, child.span)) : 12}`,
-            minWidth: 0
-          } : { minWidth: 0 },
-          children: renderNode(child, ctx, `${path}.c${i}`)
-        },
-        i
-      ));
-      if (layout === "grid") {
-        return /* @__PURE__ */ jsx(
-          "div",
-          {
-            "data-ai-group": "grid",
-            style: { display: "grid", gridTemplateColumns: "repeat(12, 1fr)", gap, alignItems: "end" },
-            children: kids
-          }
-        );
-      }
-      if (layout === "split") {
-        const ratio = str(slots.ratio);
-        const cols = ratio === "3:5" ? "3fr 5fr" : ratio === "5:3" ? "5fr 3fr" : "1fr 1fr";
-        return /* @__PURE__ */ jsx(
-          "div",
-          {
-            "data-ai-group": "split",
-            style: { display: "grid", gridTemplateColumns: cols, gap, alignItems: "center" },
-            children: kids
-          }
-        );
-      }
-      return /* @__PURE__ */ jsx("div", { "data-ai-group": "stack", style: { display: "flex", flexDirection: "column", gap }, children: kids });
-    }
     case "button":
       return /* @__PURE__ */ jsx(ButtonEl, { slots, ctx, path });
     case "button-row":
@@ -1560,81 +1102,33 @@ function renderNode(node, ctx, path) {
         }
       );
     }
-    case "form": {
-      const formAttrs = ctx.keyFor ? {
-        "data-ohw-editable": "form",
-        "data-ohw-key": ctx.keyFor(`${path}.form`),
-        "data-ohw-success-text": "Thanks \u2014 we'll be in touch shortly."
-      } : {};
-      const fieldStyle = {
-        width: "100%",
-        boxSizing: "border-box",
-        border: `1px solid ${ctx.brand.palette.accent}`,
-        borderRadius: AI_TREE_TOKENS.radiusButton,
-        padding: "12px 14px",
-        background: "#fff",
-        color: ctx.brand.palette.dark,
-        outline: "none",
-        ...typeStyle(AI_TREE_TOKENS.type.bodyM, ctx.brand.fonts.body)
-      };
-      return /* @__PURE__ */ jsx("form", { ...formAttrs, style: { display: "flex", flexDirection: "column", gap: AI_TREE_TOKENS.spacing4 }, children: (node.children ?? []).map((child, i) => {
+    case "form":
+      return /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: AI_TREE_TOKENS.spacing4 }, children: (node.children ?? []).map((child, i) => {
         if (child.type === "input") {
-          const cs2 = child.slots ?? {};
-          const kind = str(cs2.kind);
-          const label = str(cs2.label);
-          const placeholder = str(cs2.placeholder);
-          const name = label.toLowerCase().replace(/[^a-z0-9]+/gu, "-").replace(/^-+|-+$/gu, "") || `field-${i}`;
-          return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+          const cs = child.slots ?? {};
+          return /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx(
-              "label",
+              "div",
               {
                 ...textAttrs(ctx, `${path}.c${i}.label`),
-                style: {
-                  ...typeStyle(AI_TREE_TOKENS.type.bodyMBold, ctx.brand.fonts.body),
-                  color: ctx.brand.palette.dark
-                },
-                children: label
+                style: { ...typeStyle(AI_TREE_TOKENS.type.bodyMBold, ctx.brand.fonts.body), color: ctx.brand.palette.dark, marginBottom: 6 },
+                children: str(cs.label)
               }
             ),
-            kind === "textarea" ? /* @__PURE__ */ jsx(
-              "textarea",
-              {
-                name,
-                placeholder,
-                style: { ...fieldStyle, height: 140, resize: "vertical" }
-              }
-            ) : /* @__PURE__ */ jsx(
-              "input",
+            /* @__PURE__ */ jsx(
+              "div",
               {
-                name,
-                type: kind === "email" ? "email" : "text",
-                placeholder,
-                style: { ...fieldStyle, height: 48 }
+                style: {
+                  border: `1px solid ${ctx.brand.palette.accent}`,
+                  borderRadius: AI_TREE_TOKENS.radiusButton,
+                  height: cs.kind === "textarea" ? 96 : 42
+                }
               }
             )
           ] }, i);
         }
-        const cs = child.slots ?? {};
-        return /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "submit",
-            style: {
-              alignSelf: "flex-start",
-              border: "none",
-              cursor: "pointer",
-              padding: `${AI_TREE_TOKENS.spacing3}px ${AI_TREE_TOKENS.spacing6}px`,
-              borderRadius: AI_TREE_TOKENS.radiusButton,
-              background: ctx.brand.palette.primary,
-              color: AI_TREE_TOKENS.textPrimaryForeground,
-              ...typeStyle(AI_TREE_TOKENS.type.button, ctx.brand.fonts.body)
-            },
-            children: /* @__PURE__ */ jsx("span", { ...textAttrs(ctx, `${path}.c${i}.label`), children: str(cs.label) })
-          },
-          i
-        );
+        return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ButtonEl, { slots: child.slots ?? {}, ctx, path: `${path}.c${i}` }) }, i);
       }) });
-    }
     case "schedule-widget":
       return /* @__PURE__ */ jsx(
         "div",
@@ -1660,14 +1154,11 @@ function AiTreeRenderer({ tree, brand, resolveMedia, editKeyPrefix }) {
     return null;
   }
   const resolvedBrand = brand ?? AI_DEFAULT_BRAND;
-  const band = (tree.settings ?? {}).sectionBackground === "accent" ? accentBandContext(resolvedBrand) : null;
-  const blockBrand = band?.brand ?? resolvedBrand;
   const ctx = {
-    brand: blockBrand,
+    brand: resolvedBrand,
     resolveMedia: resolveMedia ?? (() => null),
-    cardSurface: blockBrand.palette.light.toUpperCase() === AI_DEFAULT_BRAND.palette.light.toUpperCase() ? "#ECECEB" : `color-mix(in srgb, ${blockBrand.palette.light} 90%, ${blockBrand.palette.dark})`,
-    keyFor: editKeyPrefix ? (path) => `${editKeyPrefix}.${path}` : null,
-    ...band ? { buttonLabel: band.buttonLabel } : {}
+    cardSurface: resolvedBrand.palette.light.toUpperCase() === AI_DEFAULT_BRAND.palette.light.toUpperCase() ? "#ECECEB" : `color-mix(in srgb, ${resolvedBrand.palette.light} 90%, ${resolvedBrand.palette.dark})`,
+    keyFor: editKeyPrefix ? (path) => `${editKeyPrefix}.${path}` : null
   };
   const settings = tree.settings ?? {};
   const pad = AI_TREE_TOKENS.sectionPadding[settings.spacing ?? "balanced"];
@@ -1675,20 +1166,6 @@ function AiTreeRenderer({ tree, brand, resolveMedia, editKeyPrefix }) {
   const overlayAlpha = { low: 0.25, medium: 0.45, high: 0.65 }[settings.overlayIntensity ?? "medium"];
   const backgroundUrl = isOverlay && settings.backgroundMedia ? ctx.resolveMedia(settings.backgroundMedia) : null;
   const bgAttrs = ctx.keyFor && isOverlay && settings.backgroundMedia ? { "data-ohw-key": ctx.keyFor("settings.backgroundMedia"), "data-ohw-editable": "bg-image" } : {};
-  const toneBackground = (() => {
-    const { dark, primary, light } = resolvedBrand.palette;
-    switch (settings.sectionBackground) {
-      case "surface":
-        return `color-mix(in srgb, ${light} 94%, ${dark})`;
-      case "accent":
-        return primary;
-      case "accent-soft":
-        return `color-mix(in srgb, ${primary} 12%, ${light})`;
-      default:
-        return void 0;
-    }
-  })();
-  const distributed = !isOverlay && settings.textDistribution;
   return /* @__PURE__ */ jsxs(
     "section",
     {
@@ -1698,11 +1175,10 @@ function AiTreeRenderer({ tree, brand, resolveMedia, editKeyPrefix }) {
       style: {
         position: "relative",
         padding: `${pad}px 0`,
-        background: toneBackground ?? (isOverlay && !backgroundUrl ? "#DBEAFE" : void 0),
+        background: isOverlay && !backgroundUrl ? "#DBEAFE" : void 0,
         backgroundImage: backgroundUrl ? `url(${backgroundUrl})` : void 0,
         backgroundSize: "cover",
-        backgroundPosition: "center",
-        color: settings.sectionBackground === "accent" ? blockBrand.palette.dark : void 0
+        backgroundPosition: "center"
       },
       children: [
         /* @__PURE__ */ jsx("style", { children: AI_RESPONSIVE_CSS }),
@@ -1726,24 +1202,10 @@ function AiTreeRenderer({ tree, brand, resolveMedia, editKeyPrefix }) {
                   display: "grid",
                   gridTemplateColumns: "repeat(12, 1fr)",
                   gap: AI_TREE_TOKENS.spacing6,
-                  alignItems: distributed === "space-between" ? "stretch" : (distributed ?? settings.verticalPosition) === "top" ? "start" : "center",
+                  alignItems: settings.verticalPosition === "top" ? "start" : "center",
                   marginTop: r2 > 0 ? AI_TREE_TOKENS.spacing8 : 0
                 },
-                children: (row.blocks ?? []).map((block, b) => /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    "data-ai-cell": "",
-                    style: {
-                      gridColumn: `span ${Math.min(12, Math.max(1, block.span))}`,
-                      minWidth: 0,
-                      // space-between: each column becomes a flex column whose content spreads over
-                      // the full row height instead of clumping at the top.
-                      ...distributed === "space-between" ? { display: "flex", flexDirection: "column", justifyContent: "space-between" } : {}
-                    },
-                    children: renderNode(block, ctx, `r${r2}.b${b}`)
-                  },
-                  b
-                ))
+                children: (row.blocks ?? []).map((block, b) => /* @__PURE__ */ jsx("div", { style: { gridColumn: `span ${Math.min(12, Math.max(1, block.span))}`, minWidth: 0 }, children: renderNode(block, ctx, `r${r2}.b${b}`) }, b))
               },
               r2
             ))
@@ -1759,36 +1221,17 @@ import { jsx as jsx2 } from "react/jsx-runtime";
 var CONTAINER_ATTR = "data-ohw-ai-generated";
 var REPLACED_ATTR = "data-ohw-ai-replaced-by";
 var REMOVED_ATTR = "data-ohw-ai-removed";
-var TEMPLATE_HIDDEN_ATTR = "data-ohw-ai-template-hidden";
-var CHROME_SECTION_IDS = /* @__PURE__ */ new Set(["navbar", "footer"]);
-function readRootVar(name) {
-  if (typeof document === "undefined") return "";
-  return getComputedStyle(document.documentElement).getPropertyValue(name).trim();
-}
-function deriveBrandOverride() {
-  const dark = readRootVar("--ohw-brand-dark");
-  const primary = readRootVar("--ohw-brand-primary");
-  const light = readRootVar("--ohw-brand-light");
-  if (!dark || !primary || !light) return null;
-  const accent = readRootVar("--ohw-brand-accent");
-  const heading = readRootVar("--font-heading") || readRootVar("--font-display");
-  const body = readRootVar("--font-body");
-  return {
-    palette: { dark, primary, accent: accent || dark, light },
-    fonts: {
-      heading: heading || AI_DEFAULT_BRAND.fonts.heading,
-      body: body || AI_DEFAULT_BRAND.fonts.body
-    }
-  };
-}
 function deriveTemplateBrand() {
-  const dark = readRootVar("--color-dark");
-  const primary = readRootVar("--color-primary");
-  const light = readRootVar("--color-light");
+  if (typeof document === "undefined") return null;
+  const cs = getComputedStyle(document.documentElement);
+  const read = (name) => cs.getPropertyValue(name).trim();
+  const dark = read("--color-dark");
+  const primary = read("--color-primary");
+  const light = read("--color-light");
   if (!dark || !primary || !light) return null;
-  const accent = readRootVar("--color-accent");
-  const heading = readRootVar("--font-heading") || readRootVar("--font-display");
-  const body = readRootVar("--font-body");
+  const accent = read("--color-accent");
+  const heading = read("--font-heading") || read("--font-display");
+  const body = read("--font-body");
   return {
     palette: { dark, primary, accent: accent || dark, light },
     fonts: {
@@ -1860,24 +1303,6 @@ function syncRemovedSections(state) {
     }
   }
 }
-function syncTemplateHidden(state, pageHasSections) {
-  const hide = state.hideTemplate === true && pageHasSections;
-  for (const el of Array.from(document.querySelectorAll(`[${TEMPLATE_HIDDEN_ATTR}]`))) {
-    if (!hide) {
-      el.style.removeProperty("display");
-      el.removeAttribute(TEMPLATE_HIDDEN_ATTR);
-    }
-  }
-  if (!hide) return;
-  for (const el of Array.from(document.querySelectorAll("[data-ohw-section]"))) {
-    if (el.hasAttribute(CONTAINER_ATTR)) continue;
-    if (CHROME_SECTION_IDS.has(el.getAttribute("data-ohw-section") ?? "")) continue;
-    if (el.parentElement?.closest("[data-ohw-section]")) continue;
-    if (el.hasAttribute(REPLACED_ATTR) || el.hasAttribute(REMOVED_ATTR)) continue;
-    el.style.display = "none";
-    el.setAttribute(TEMPLATE_HIDDEN_ATTR, "");
-  }
-}
 function syncReplacedOriginals(state) {
   for (const el of document.querySelectorAll(`[${REPLACED_ATTR}]`)) {
     const byId = el.getAttribute(REPLACED_ATTR) ?? "";
@@ -1896,40 +1321,10 @@ function syncReplacedOriginals(state) {
     }
   }
 }
-function orderByChain(sections) {
-  const ids = new Set(sections.map((entry) => entry.id));
-  const after = /* @__PURE__ */ new Map();
-  const roots = [];
-  for (const entry of sections) {
-    const anchor = entry.replaces ?? entry.beforeSection ?? entry.afterSection ?? null;
-    if (anchor && ids.has(anchor)) {
-      const bucket = after.get(anchor);
-      if (bucket) bucket.push(entry);
-      else after.set(anchor, [entry]);
-    } else {
-      roots.push(entry);
-    }
-  }
-  const out = [];
-  const seen = /* @__PURE__ */ new Set();
-  const visit = (entry) => {
-    if (seen.has(entry.id)) return;
-    seen.add(entry.id);
-    out.push(entry);
-    for (const child of after.get(entry.id) ?? []) visit(child);
-  };
-  for (const root of roots) visit(root);
-  return out.length === sections.length ? out : sections;
-}
 function applyAiSectionsToDom(state, options) {
   if (typeof document === "undefined") return;
-  const brandOverride = deriveBrandOverride();
   const templateBrand = deriveTemplateBrand();
-  const brandKey = brandOverride ? JSON.stringify(brandOverride) : "";
-  const pagePath = window.location.pathname;
-  const pageSections = state.sections.filter((entry) => (entry.path ?? "/") === pagePath);
-  const activeIds = new Set(pageSections.map((entry) => entry.id));
-  const ordered = state.hideTemplate === true ? orderByChain(pageSections) : pageSections;
+  const activeIds = new Set(state.sections.map((entry) => entry.id));
   for (const [id, section] of mounted) {
     if (!activeIds.has(id)) {
       section.root.unmount();
@@ -1937,8 +1332,8 @@ function applyAiSectionsToDom(state, options) {
       mounted.delete(id);
     }
   }
-  for (const entry of ordered) {
-    const serialized = JSON.stringify(entry) + brandKey;
+  for (const entry of state.sections) {
+    const serialized = JSON.stringify(entry);
     const existing = mounted.get(entry.id);
     if (existing && existing.serialized === serialized && existing.container.isConnected) {
       continue;
@@ -1952,7 +1347,6 @@ function applyAiSectionsToDom(state, options) {
       mounted.delete(entry.id);
     }
     container.setAttribute("data-ohw-section", entry.id);
-    container.setAttribute("data-ohw-instance", entry.id);
     container.setAttribute("data-ohw-section-label", entry.label);
     placeContainer(container, entry);
     const root = mounted.get(entry.id)?.root ?? createRoot(container);
@@ -1963,7 +1357,7 @@ function applyAiSectionsToDom(state, options) {
           AiTreeRenderer,
           {
             tree: entry.tree,
-            brand: brandOverride ?? entry.brand ?? options?.brand ?? templateBrand ?? void 0,
+            brand: entry.brand ?? options?.brand ?? templateBrand ?? void 0,
             resolveMedia,
             editKeyPrefix: `ai.${entry.id}`
           }
@@ -1972,20 +1366,8 @@ function applyAiSectionsToDom(state, options) {
     });
     mounted.set(entry.id, { root, container, serialized });
   }
-  if (state.hideTemplate === true) {
-    let prev = null;
-    for (const entry of ordered) {
-      const el = mounted.get(entry.id)?.container;
-      if (!el) continue;
-      if (prev && !(prev.compareDocumentPosition(el) & Node.DOCUMENT_POSITION_FOLLOWING)) {
-        prev.insertAdjacentElement("afterend", el);
-      }
-      prev = el;
-    }
-  }
   syncReplacedOriginals(state);
   syncRemovedSections(state);
-  syncTemplateHidden(state, pageSections.length > 0);
 }
 
 // src/useLinkHrefGuardian.ts
@@ -2592,7 +1974,7 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
   const autoId = useId();
   const insertAfter = insertAfterProp ?? autoId;
   const [schedule, setSchedule] = useState2(null);
-  const [loading, setLoading] = useState2(initialScheduleId !== null);
+  const [loading, setLoading] = useState2(true);
   const [inEditor, setInEditor] = useState2(false);
   const [isHovered, setIsHovered] = useState2(false);
   const [modalState, setModalState] = useState2(null);
@@ -2766,10 +2148,8 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
       "*"
     );
   };
+  if (!inEditor && !loading && !schedule) return null;
   const sectionId = `scheduling-${insertAfter}`;
-  if (!inEditor && !loading && !schedule) {
-    return /* @__PURE__ */ jsx4("section", { "data-ohw-section": sectionId, "data-ohw-scheduling-anchor": insertAfter, style: { display: "none" } });
-  }
   return /* @__PURE__ */ jsxs3(
     "section",
     {
@@ -7686,17 +7066,13 @@ function MediaOverlay({
   hover,
   isUploading,
   fadingOut = false,
-  selected = false,
-  hovered = false,
   onFadeOutComplete,
   onReplace,
-  onSelect,
   onVideoSettingsChange
 }) {
   const { rect } = hover;
   const skeletonRef = React8.useRef(null);
   const isVideo = hover.elementType === "video";
-  const showChrome = !selected || hovered;
   const autoplay = hover.videoAutoplay ?? true;
   const muted = hover.videoMuted ?? true;
   const probeRef = React8.useRef(null);
@@ -7710,7 +7086,6 @@ function MediaOverlay({
       (prev) => prev && prev.fullWidth === width && prev.height === height ? prev : { fullWidth: width, height }
     );
   }, [isVideo]);
-  const replaceLabel = isVideo ? "Replace video" : hover.elementType === "bg-image" ? "Replace background" : "Replace image";
   const replaceMode = buttonSize ? replaceButtonMode({ width: rect.width, height: rect.height }, buttonSize) : "none";
   const box = {
     position: "fixed",
@@ -7744,7 +7119,7 @@ function MediaOverlay({
       }
     );
   }
-  const settingsBar = isVideo && !hover.isDragOver && showChrome ? /* @__PURE__ */ jsxs7(
+  const settingsBar = isVideo && !hover.isDragOver ? /* @__PURE__ */ jsxs7(
     "div",
     {
       "data-ohw-bridge": "",
@@ -7814,12 +7189,10 @@ function MediaOverlay({
           // in-document, pointer-events does it natively. The button below opts back in, so
           // Replace still works.
           pointerEvents: hover.hasTextOverlap ? "none" : "auto",
-          // Selected: a firm component ring with no wash, so the image reads as chosen rather
-          // than hovered. Hover keeps the existing tinted preview.
-          boxShadow: selected ? "inset 0 0 0 2px var(--color-primary)" : "inset 0 0 0 1.5px var(--color-primary)",
-          background: selected ? "transparent" : "color-mix(in srgb, var(--color-primary) 20%, transparent)"
+          boxShadow: "inset 0 0 0 1.5px var(--color-primary)",
+          background: "color-mix(in srgb, var(--color-primary) 20%, transparent)"
         },
-        onClick: () => onSelect && !selected ? onSelect(hover.key) : onReplace(hover.key),
+        onClick: () => onReplace(hover.key),
         children: [
           /* @__PURE__ */ jsxs7(
             Button,
@@ -7840,17 +7213,17 @@ function MediaOverlay({
               },
               children: [
                 isVideo ? /* @__PURE__ */ jsx15(Film, { size: 14 }) : /* @__PURE__ */ jsx15(ImageIcon, { size: 14 }),
-                replaceLabel
+                isVideo ? "Replace video" : "Replace image"
               ]
             }
           ),
-          showChrome && replaceMode !== "none" && /* @__PURE__ */ jsxs7(
+          replaceMode === "none" ? null : /* @__PURE__ */ jsxs7(
             Button,
             {
               "data-ohw-media-overlay": "",
               variant: "outline",
               size: "sm",
-              "aria-label": replaceLabel,
+              "aria-label": isVideo ? "Replace video" : "Replace image",
               className: "gap-1.5 cursor-pointer hover:bg-background",
               style: {
                 ...OVERLAY_BUTTON_STYLE,
@@ -7873,7 +7246,7 @@ function MediaOverlay({
               },
               children: [
                 isVideo ? /* @__PURE__ */ jsx15(Film, { size: 14 }) : /* @__PURE__ */ jsx15(ImageIcon, { size: 14 }),
-                replaceMode === "full" ? replaceLabel : null
+                replaceMode === "full" ? isVideo ? "Replace video" : "Replace image" : null
               ]
             }
           )
@@ -7944,9 +7317,6 @@ import { Check, X } from "lucide-react";
 
 // src/lib/sections.ts
 var LINK_PICKER_EXCLUDED_IDS = /* @__PURE__ */ new Set(["navbar", "footer"]);
-function isChromeSection(el) {
-  return el.matches("header, nav, footer, aside");
-}
 function titleCaseSectionId(id) {
   return id.split("-").filter(Boolean).map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
 }
@@ -7957,8 +7327,6 @@ function parseSectionsFromRoot(root) {
     const id = el.getAttribute("data-ohw-section") ?? "";
     if (!id || seen.has(id) || LINK_PICKER_EXCLUDED_IDS.has(id)) continue;
     if (el.parentElement?.closest("[data-ohw-section]")) continue;
-    if (el.hasAttribute("data-ohw-ai-template-hidden") || el.hasAttribute("data-ohw-ai-removed") || el.hasAttribute("data-ohw-ai-replaced-by"))
-      continue;
     seen.add(id);
     const label = el.getAttribute("data-ohw-section-label") ?? titleCaseSectionId(id);
     sections.push({ id, label });
@@ -7974,169 +7342,21 @@ function parseSectionsFromHtml(html) {
   return parseSectionsFromRoot(doc);
 }
 
-// src/lib/section-instances.ts
-var SECTION_ORDER_KEY = "__ohw_section_order";
-var REMOVED_ATTR2 = "data-ohw-section-removed";
-function isRemovedSection(el) {
-  return el.hasAttribute(REMOVED_ATTR2);
-}
-function topLevelSections() {
-  return Array.from(document.querySelectorAll("[data-ohw-section]")).filter(
-    (el) => !el.parentElement?.closest("[data-ohw-section]") && !isChromeSection(el) && !isRemovedSection(el)
-  );
-}
-function instanceIdOf(el) {
-  return el.dataset.ohwInstance ?? el.dataset.ohwSection ?? "";
-}
-function planSectionMove(instanceId, targetIndex, currentPath) {
-  const sections = topLevelSections();
-  const index = sections.findIndex((el) => instanceIdOf(el) === instanceId);
-  if (index === -1) return null;
-  const dragged = sections[index];
-  const others = sections.filter((_, i) => i !== index);
-  const clamped = Math.max(0, Math.min(targetIndex, others.length));
-  const reordered = [...others.slice(0, clamped), dragged, ...others.slice(clamped)];
-  return reordered.map((el, order) => ({
-    instanceId: instanceIdOf(el),
-    type: el.getAttribute("data-ohw-section") ?? "",
-    order,
-    pagePath: currentPath
-  }));
-}
-function moveSectionInstance(instanceId, direction, currentPath) {
-  const sections = topLevelSections();
-  const index = sections.findIndex((el) => instanceIdOf(el) === instanceId);
-  if (index === -1) return null;
-  const siblingIndex = direction === "up" ? index - 1 : index + 1;
-  if (siblingIndex < 0 || siblingIndex >= sections.length) return null;
-  const entries = planSectionMove(instanceId, siblingIndex, currentPath);
-  if (!entries) return null;
-  applyPersistedOrder(entries);
-  return entries;
-}
-function syncRemovedFlags(entries) {
-  const removedIds = new Set(entries.filter((e) => e.removed).map((e) => e.instanceId));
-  document.querySelectorAll(`[${REMOVED_ATTR2}]`).forEach((el) => {
-    if (!removedIds.has(instanceIdOf(el))) {
-      el.style.removeProperty("display");
-      el.removeAttribute(REMOVED_ATTR2);
-    }
-  });
-  for (const id of removedIds) {
-    const el = document.querySelector(`[data-ohw-instance="${CSS.escape(id)}"]`);
-    if (el) {
-      el.style.display = "none";
-      el.setAttribute(REMOVED_ATTR2, "");
-    }
-  }
-}
-function applyPersistedOrder(entries) {
-  syncRemovedFlags(entries);
-  if (entries.length === 0) return;
-  const sections = topLevelSections();
-  if (sections.length === 0) return;
-  const orderIndex = new Map(entries.map((e) => [e.instanceId, e.order]));
-  const ordered = [...sections].sort((a, b) => {
-    const aOrder = orderIndex.get(instanceIdOf(a));
-    const bOrder = orderIndex.get(instanceIdOf(b));
-    if (aOrder === void 0 && bOrder === void 0) return 0;
-    if (aOrder === void 0) return 1;
-    if (bOrder === void 0) return -1;
-    return aOrder - bOrder;
-  });
-  let prev = null;
-  for (const el of ordered) {
-    if (prev) prev.after(el);
-    prev = el;
-  }
+// src/ui/ai-section/AiSectionOverlay.tsx
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
+function readRect(sectionId) {
+  const el = document.querySelector(`[data-ohw-section="${CSS.escape(sectionId)}"]`);
+  if (!el) return null;
+  const r2 = el.getBoundingClientRect();
+  if (r2.width <= 0 || r2.height <= 0) return null;
+  return { top: r2.top, left: r2.left, width: r2.width, height: r2.height };
 }
-function setSectionRemoved(instanceId, currentPath, existingEntries, removed) {
-  if (!document.querySelector(`[data-ohw-instance="${CSS.escape(instanceId)}"]`)) return null;
-  const byId = new Map(existingEntries.map((e) => [e.instanceId, e]));
-  const allSections = Array.from(document.querySelectorAll("[data-ohw-section]")).filter(
-    (el) => !el.parentElement?.closest("[data-ohw-section]") && !isChromeSection(el)
-  );
-  allSections.forEach((el, order) => {
-    const id = instanceIdOf(el);
-    if (!byId.has(id)) {
-      byId.set(id, { instanceId: id, type: el.getAttribute("data-ohw-section") ?? "", order, pagePath: currentPath });
-    }
-  });
-  const target = byId.get(instanceId);
-  if (!target) return null;
-  byId.set(instanceId, { ...target, removed });
-  const entries = Array.from(byId.values());
-  applyPersistedOrder(entries);
-  return entries;
-}
-function deleteSectionInstance(instanceId, currentPath, existingEntries) {
-  return setSectionRemoved(instanceId, currentPath, existingEntries, true);
-}
-function restoreSectionInstance(instanceId, currentPath, existingEntries) {
-  return setSectionRemoved(instanceId, currentPath, existingEntries, false);
-}
-function newInstanceId() {
-  return typeof crypto !== "undefined" && "randomUUID" in crypto ? crypto.randomUUID() : `instance-${Date.now()}-${Math.random().toString(36).slice(2)}`;
-}
-function getPageSectionOrderEntries(raw, currentPath) {
-  if (!raw) return [];
-  try {
-    const entries = JSON.parse(raw);
-    return entries.filter((e) => !e.pagePath || e.pagePath === currentPath);
-  } catch {
-    return [];
-  }
-}
-function rekeySectionSubtree(root, instanceId) {
-  const suffix = `::${instanceId}`;
-  const rekey = (el, attr) => {
-    const current = el.getAttribute(attr);
-    if (current) el.setAttribute(attr, `${current}${suffix}`);
-  };
-  if (root.hasAttribute("data-ohw-key")) rekey(root, "data-ohw-key");
-  if (root.hasAttribute("data-ohw-href-key")) rekey(root, "data-ohw-href-key");
-  root.querySelectorAll("[data-ohw-key]").forEach((el) => rekey(el, "data-ohw-key"));
-  root.querySelectorAll("[data-ohw-href-key]").forEach((el) => rekey(el, "data-ohw-href-key"));
-}
-function initSectionInstancesFromContent(content, currentPath) {
-  document.querySelectorAll("[data-ohw-section]:not([data-ohw-instance])").forEach((el) => {
-    el.setAttribute("data-ohw-instance", el.getAttribute("data-ohw-section") ?? "");
-  });
-  const entries = getPageSectionOrderEntries(content[SECTION_ORDER_KEY], currentPath);
-  for (const entry of entries) {
-    if (entry.instanceId === entry.type) continue;
-    if (document.querySelector(`[data-ohw-instance="${CSS.escape(entry.instanceId)}"]`)) continue;
-    const original = document.querySelector(
-      `[data-ohw-section="${CSS.escape(entry.type)}"][data-ohw-instance="${CSS.escape(entry.type)}"]`
-    );
-    if (!original) continue;
-    const clone = original.cloneNode(true);
-    clone.setAttribute("data-ohw-instance", entry.instanceId);
-    rekeySectionSubtree(clone, entry.instanceId);
-    original.insertAdjacentElement("afterend", clone);
-  }
-  applyPersistedOrder(entries);
-}
-
-// src/ui/ai-section/AiSectionOverlay.tsx
-import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
-function findSectionElement(instanceId) {
-  const escaped = CSS.escape(instanceId);
-  return document.querySelector(`[data-ohw-instance="${escaped}"]`) ?? document.querySelector(`[data-ohw-section="${escaped}"]:not([data-ohw-instance])`);
-}
-function readRect(instanceId) {
-  const el = findSectionElement(instanceId);
-  if (!el) return null;
-  const r2 = el.getBoundingClientRect();
-  if (r2.width <= 0 || r2.height <= 0) return null;
-  return { top: r2.top, left: r2.left, width: r2.width, height: r2.height };
-}
-function useLiveSectionRect(sectionId) {
-  const [rect, setRect] = useState5(null);
-  useEffect4(() => {
-    if (!sectionId) {
-      setRect(null);
-      return;
+function useLiveSectionRect(sectionId) {
+  const [rect, setRect] = useState5(null);
+  useEffect4(() => {
+    if (!sectionId) {
+      setRect(null);
+      return;
     }
     const update = () => {
       const next = readRect(sectionId);
@@ -8148,7 +7368,7 @@ function useLiveSectionRect(sectionId) {
     const opts = { capture: true, passive: true };
     window.addEventListener("scroll", update, opts);
     window.addEventListener("resize", update);
-    const el = findSectionElement(sectionId);
+    const el = document.querySelector(`[data-ohw-section="${CSS.escape(sectionId)}"]`);
     const ro = el ? new ResizeObserver(update) : null;
     if (el && ro) ro.observe(el);
     const interval = setInterval(update, 500);
@@ -8161,12 +7381,6 @@ function useLiveSectionRect(sectionId) {
   }, [sectionId]);
   return rect;
 }
-function computeSectionBoundaryFlags(instanceId) {
-  const topLevel = topLevelSections();
-  const index = topLevel.findIndex((el) => (el.dataset.ohwInstance ?? el.dataset.ohwSection) === instanceId);
-  if (index === -1) return { isFirst: true, isLast: true };
-  return { isFirst: index === 0, isLast: index === topLevel.length - 1 };
-}
 var PRIMARY2 = "#0885FE";
 function edgeAwareRadius(rect) {
   const container = window.innerWidth <= 480 ? 16 : 24;
@@ -8240,7 +7454,6 @@ function AiSectionOverlay({
 }) {
   const [selectedId, setSelectedId] = useState5(null);
   const [reviewId, setReviewId] = useState5(null);
-  const [reviewButtonsHidden, setReviewButtonsHidden] = useState5(false);
   const reviewIdRef = useRef4(null);
   reviewIdRef.current = reviewId;
   const selectedIdRef = useRef4(null);
@@ -8249,7 +7462,7 @@ function AiSectionOverlay({
     (el) => {
       postToParent2({
         type: "ow:section-selected",
-        sectionId: el ? el.dataset.ohwInstance ?? el.dataset.ohwSection ?? null : null,
+        sectionId: el?.dataset.ohwSection ?? null,
         sectionLabel: el ? el.dataset.ohwSectionLabel ?? titleCaseSectionId(el.dataset.ohwSection ?? "") : null
       });
     },
@@ -8258,7 +7471,7 @@ function AiSectionOverlay({
   const selectFromElement = useCallback2(
     (el, options) => {
       const sectionEl = el?.closest("[data-ohw-section]") ?? null;
-      const id = sectionEl ? sectionEl.dataset.ohwInstance ?? sectionEl.dataset.ohwSection ?? null : null;
+      const id = sectionEl?.dataset.ohwSection ?? null;
       if (id === selectedIdRef.current) return;
       setSelectedId(id);
       if (options?.report !== false) report(sectionEl);
@@ -8279,15 +7492,12 @@ function AiSectionOverlay({
         selectFromElement(sectionEl);
         return sectionEl != null;
       },
-      clear: () => {
-        setSelectedId(null);
-        report(null);
-      }
+      clear: () => setSelectedId(null)
     };
     return () => {
       apiRef.current = null;
     };
-  }, [apiRef, selectFromElement, report]);
+  }, [apiRef, selectFromElement]);
   useEffect4(() => {
     const onMessage = (e) => {
       if (e.data?.type === "ow:ai-select" && e.data.sectionId === null) {
@@ -8302,10 +7512,9 @@ function AiSectionOverlay({
         }
         const found = readRect(sectionId) != null;
         setReviewId(found ? sectionId : null);
-        setReviewButtonsHidden(e.data.hideButtons === true);
         postToParent2({ type: "ow:ai-review-started", sectionId, found });
         if (found) {
-          document.querySelector(`[data-ohw-instance="${CSS.escape(sectionId)}"]`)?.scrollIntoView({ behavior: "smooth", block: "nearest" });
+          document.querySelector(`[data-ohw-section="${CSS.escape(sectionId)}"]`)?.scrollIntoView({ behavior: "smooth", block: "nearest" });
         }
       }
     };
@@ -8324,7 +7533,7 @@ function AiSectionOverlay({
         return;
       }
       const sec = t.closest("[data-ohw-section]");
-      setHoveredId(sec ? sec.dataset.ohwInstance ?? sec.dataset.ohwSection ?? null : null);
+      setHoveredId(sec?.dataset.ohwSection ?? null);
     };
     const onLeave = () => setHoveredId(null);
     document.addEventListener("mousemove", onMove, { passive: true });
@@ -8356,30 +7565,9 @@ function AiSectionOverlay({
     },
     [postToParent2]
   );
-  const activeSelectionId = reviewId ? null : selectedId;
-  const selectionRect = useLiveSectionRect(activeSelectionId);
+  const selectionRect = useLiveSectionRect(reviewId ? null : selectedId);
   const reviewRect = useLiveSectionRect(reviewId);
   const hoverRect = useLiveSectionRect(reviewId || hoveredId === selectedId ? null : hoveredId);
-  useEffect4(() => {
-    const selectedEl = activeSelectionId ? findSectionElement(activeSelectionId) : null;
-    if (!activeSelectionId || !selectionRect || selectedEl && isChromeSection(selectedEl)) {
-      postToParent2({ type: "ow:section-rect", instanceId: null, rect: null });
-      return;
-    }
-    const { isFirst, isLast } = computeSectionBoundaryFlags(activeSelectionId);
-    postToParent2({
-      type: "ow:section-rect",
-      instanceId: activeSelectionId,
-      rect: {
-        top: selectionRect.top + window.scrollY,
-        left: selectionRect.left + window.scrollX,
-        width: selectionRect.width,
-        height: selectionRect.height
-      },
-      isFirst,
-      isLast
-    });
-  }, [activeSelectionId, selectionRect, postToParent2]);
   return /* @__PURE__ */ jsxs9(Fragment5, { children: [
     hoverRect && /* @__PURE__ */ jsx17(
       "div",
@@ -8430,16 +7618,13 @@ function AiSectionOverlay({
           border: `2px solid ${PRIMARY2}`,
           borderRadius: edgeAwareRadius(reviewRect),
           zIndex: 2147483200,
-          // The veil itself: swallows clicks so the section stays locked until decided. This
-          // stopPropagation only guards the bubble phase; the bridge's capture-phase click
-          // handlers additionally bail on `[data-ohw-ai-review]`, without which a click on
-          // Accept/Discard resolves to the media beneath and opens the file picker.
+          // The veil itself: swallows clicks so the section stays locked until decided.
           background: "rgba(8, 133, 254, 0.04)",
           pointerEvents: "auto",
           cursor: "default"
         },
         onClick: (e) => e.stopPropagation(),
-        children: !reviewButtonsHidden && /* @__PURE__ */ jsxs9(
+        children: /* @__PURE__ */ jsxs9(
           "div",
           {
             style: {
@@ -8462,6 +7647,47 @@ function AiSectionOverlay({
   ] });
 }
 
+// src/lib/section-instances.ts
+var SECTION_ORDER_KEY = "__ohw_section_order";
+function getPageSectionOrderEntries(raw, currentPath) {
+  if (!raw) return [];
+  try {
+    const entries = JSON.parse(raw);
+    return entries.filter((e) => !e.pagePath || e.pagePath === currentPath);
+  } catch {
+    return [];
+  }
+}
+function rekeySectionSubtree(root, instanceId) {
+  const suffix = `::${instanceId}`;
+  const rekey = (el, attr) => {
+    const current = el.getAttribute(attr);
+    if (current) el.setAttribute(attr, `${current}${suffix}`);
+  };
+  if (root.hasAttribute("data-ohw-key")) rekey(root, "data-ohw-key");
+  if (root.hasAttribute("data-ohw-href-key")) rekey(root, "data-ohw-href-key");
+  root.querySelectorAll("[data-ohw-key]").forEach((el) => rekey(el, "data-ohw-key"));
+  root.querySelectorAll("[data-ohw-href-key]").forEach((el) => rekey(el, "data-ohw-href-key"));
+}
+function initSectionInstancesFromContent(content, currentPath) {
+  document.querySelectorAll("[data-ohw-section]:not([data-ohw-instance])").forEach((el) => {
+    el.setAttribute("data-ohw-instance", el.getAttribute("data-ohw-section") ?? "");
+  });
+  const entries = getPageSectionOrderEntries(content[SECTION_ORDER_KEY], currentPath);
+  for (const entry of entries) {
+    if (entry.instanceId === entry.type) continue;
+    if (document.querySelector(`[data-ohw-instance="${CSS.escape(entry.instanceId)}"]`)) continue;
+    const original = document.querySelector(
+      `[data-ohw-section="${CSS.escape(entry.type)}"][data-ohw-instance="${CSS.escape(entry.type)}"]`
+    );
+    if (!original) continue;
+    const clone = original.cloneNode(true);
+    clone.setAttribute("data-ohw-instance", entry.instanceId);
+    rekeySectionSubtree(clone, entry.instanceId);
+    original.insertAdjacentElement("afterend", clone);
+  }
+}
+
 // src/OhhwellsBridge.tsx
 import { createPortal as createPortal2 } from "react-dom";
 import { usePathname as usePathname2, useRouter as useRouter3, useSearchParams } from "next/navigation";
@@ -11006,13 +10232,8 @@ function referenceBox(slot) {
   const neighbour = row ? Array.from(row.querySelectorAll('[data-ohw-editable="icon"]')).find(
     (el) => el !== slot && !el.hasAttribute("data-ohw-social-icon-placeholder")
   ) : null;
-  if (neighbour) {
-    const box2 = neighbour.querySelector(GLYPH_SELECTOR)?.getBoundingClientRect();
-    if (box2?.width && box2.height) return box2;
-  }
-  const own = slot.getBoundingClientRect();
-  if (own.width && own.height) return own;
-  const box = slot.querySelector(GLYPH_SELECTOR)?.getBoundingClientRect() ?? null;
+  const source = (neighbour ?? slot).querySelector(GLYPH_SELECTOR);
+  const box = source?.getBoundingClientRect() ?? null;
   return box?.width && box.height ? box : null;
 }
 function iconMarkupSizedFor(slot, markup) {
@@ -12813,7 +12034,6 @@ function readLogoSizeState(content, placement) {
 function getLogoElement(el) {
   const marked = el.closest('[data-ohw-role="logo"], [data-ohw-logo]');
   if (marked) return marked;
-  if (el.closest('[data-ohw-editable="icon"]')) return null;
   const root = el.closest("nav, [data-ohw-nav-root], footer");
   if (!root) return null;
   const anchor = el.closest("a");
@@ -13693,333 +12913,6 @@ function useNavItemDrag({
   };
 }
 
-// src/useSectionDrag.ts
-import { useCallback as useCallback7, useEffect as useEffect11, useRef as useRef9, useState as useState11 } from "react";
-
-// src/lib/section-dnd.ts
-function isFooterSection(el) {
-  return el.dataset.ohwSection === "footer";
-}
-function buildSectionDropSlots(draggedInstanceId) {
-  const sections = topLevelSections().filter(
-    (el) => instanceIdOf(el) !== draggedInstanceId && !isFooterSection(el)
-  );
-  const slots = [];
-  if (sections.length === 0) return slots;
-  const left = 0;
-  const width = document.documentElement.clientWidth;
-  for (let i = 0; i <= sections.length; i++) {
-    let y;
-    if (i === 0) {
-      y = sections[0].getBoundingClientRect().top;
-    } else if (i === sections.length) {
-      y = sections[sections.length - 1].getBoundingClientRect().bottom;
-    } else {
-      const prev = sections[i - 1].getBoundingClientRect();
-      const next = sections[i].getBoundingClientRect();
-      y = (prev.bottom + next.top) / 2;
-    }
-    slots.push({ insertIndex: i, y, left, width });
-  }
-  return slots;
-}
-function hitTestSectionDropSlot(y, slots) {
-  let best = null;
-  for (const slot of slots) {
-    const dist = Math.abs(y - slot.y);
-    if (!best || dist < best.dist) best = { slot, dist };
-  }
-  return best?.slot ?? null;
-}
-
-// src/useSectionDrag.ts
-var PRESS_THRESHOLD = 10;
-var EDGE_ZONE = 60;
-var MAX_AUTO_SCROLL_SPEED = 18;
-var SECTION_DRAG_EXCLUDED_SELECTOR = [
-  "[data-ohw-toolbar]",
-  "[data-ohw-edit-chrome]",
-  "[data-ohw-item-interaction]",
-  "[data-ohw-drag-handle-container]",
-  '[data-slot="drag-handle"]',
-  "[data-ohw-item-toolbar-anchor]",
-  "[data-ohw-item-drag-surface]",
-  "[data-ohw-more-menu]",
-  '[data-slot="dropdown-menu-content"]',
-  '[data-slot="dropdown-menu-item"]',
-  "[data-ohw-state-toggle]",
-  "[data-ohw-max-badge]",
-  "[data-ohw-floating-panel]",
-  "[data-ohw-section-picker]",
-  "[data-ohw-link-popover-root]",
-  "[data-ohw-link-modal-root]",
-  "[data-ohw-link-page-dropdown]",
-  '[data-slot="popover-content"]',
-  '[data-slot="dialog-content"]',
-  '[data-slot="dialog-overlay"]',
-  "[data-ohw-ai-review]",
-  "[data-ohw-editable]",
-  "[data-ohw-editable-state]",
-  "[contenteditable]",
-  "[data-ohw-href-key]",
-  "[data-ohw-footer-col]",
-  "[data-ohw-social-label]",
-  "a",
-  "button",
-  '[role="button"]',
-  '[data-ohw-role="navbar-button"]',
-  '[data-ohw-role="button"]',
-  "[data-ohw-carousel]",
-  "[data-ohw-carousel-value]",
-  "[data-ohw-carousel-slide]",
-  "[data-ohw-carousel-overlay]",
-  "[data-ohw-media-chrome]",
-  "[data-ohw-media-overlay]",
-  "[data-ohw-media-skeleton]"
-].join(", ");
-function visibleClip(ps) {
-  if (!ps) return null;
-  const top = Math.max(0, ps.headerH - ps.iframeOffsetTop);
-  const bottom = Math.min(window.innerHeight, ps.headerH + ps.canvasH - ps.iframeOffsetTop);
-  return { top, bottom: Math.max(top, bottom) };
-}
-function useSectionDrag({
-  isEditMode,
-  editContentRef,
-  postToParentRef,
-  parentScrollRef,
-  navDragRef,
-  footerDragRef,
-  suppressNextClickRef,
-  suppressClickUntilRef
-}) {
-  const sectionDragRef = useRef9(null);
-  const [sectionDropSlots, setSectionDropSlots] = useState11([]);
-  const [activeSectionDropIndex, setActiveSectionDropIndex] = useState11(null);
-  const [isSectionDragging, setIsSectionDragging] = useState11(false);
-  const sectionPointerDragRef = useRef9(null);
-  const autoScrollRafRef = useRef9(null);
-  const autoScrollDeltaRef = useRef9(0);
-  const stopAutoScroll = useCallback7(() => {
-    if (autoScrollRafRef.current != null) {
-      cancelAnimationFrame(autoScrollRafRef.current);
-      autoScrollRafRef.current = null;
-    }
-    autoScrollDeltaRef.current = 0;
-  }, []);
-  const tickAutoScroll = useCallback7(() => {
-    if (!sectionDragRef.current) {
-      stopAutoScroll();
-      return;
-    }
-    if (autoScrollDeltaRef.current !== 0) {
-      postToParentRef.current({ type: "ow:request-scroll", deltaY: autoScrollDeltaRef.current });
-    }
-    autoScrollRafRef.current = requestAnimationFrame(tickAutoScroll);
-  }, [postToParentRef, stopAutoScroll]);
-  const updateAutoScroll = useCallback7(
-    (clientY) => {
-      const clip = visibleClip(parentScrollRef.current);
-      let delta = 0;
-      if (clip) {
-        const distTop = clientY - clip.top;
-        const distBottom = clip.bottom - clientY;
-        if (distTop >= 0 && distTop < EDGE_ZONE) {
-          delta = -MAX_AUTO_SCROLL_SPEED * (1 - distTop / EDGE_ZONE);
-        } else if (distBottom >= 0 && distBottom < EDGE_ZONE) {
-          delta = MAX_AUTO_SCROLL_SPEED * (1 - distBottom / EDGE_ZONE);
-        }
-      }
-      autoScrollDeltaRef.current = delta;
-      if (delta !== 0 && autoScrollRafRef.current == null) {
-        autoScrollRafRef.current = requestAnimationFrame(tickAutoScroll);
-      } else if (delta === 0) {
-        stopAutoScroll();
-      }
-    },
-    [parentScrollRef, stopAutoScroll, tickAutoScroll]
-  );
-  const clearSectionDragVisuals = useCallback7(() => {
-    sectionDragRef.current?.draggedEl.removeAttribute("data-ohw-section-dragging");
-    sectionDragRef.current = null;
-    setSectionDropSlots([]);
-    setActiveSectionDropIndex(null);
-    setIsSectionDragging(false);
-    stopAutoScroll();
-    document.documentElement.removeAttribute("data-ohw-section-dragging-root");
-    unlockItemDragInteraction();
-  }, [stopAutoScroll]);
-  const refreshSectionDragVisuals = useCallback7(
-    (session, clientX, clientY) => {
-      session.lastClientX = clientX;
-      session.lastClientY = clientY;
-      const slots = buildSectionDropSlots(session.instanceId);
-      const activeSlot = hitTestSectionDropSlot(clientY, slots);
-      session.activeSlot = activeSlot;
-      setSectionDropSlots(slots);
-      const activeIdx = activeSlot ? slots.findIndex((s) => s.insertIndex === activeSlot.insertIndex) : -1;
-      setActiveSectionDropIndex(activeIdx >= 0 ? activeIdx : null);
-      updateAutoScroll(clientY);
-    },
-    [updateAutoScroll]
-  );
-  const beginSectionDrag = useCallback7(
-    (session) => {
-      sectionDragRef.current = session;
-      setIsSectionDragging(true);
-      lockItemDuringDrag();
-      document.documentElement.setAttribute("data-ohw-section-dragging-root", "");
-      session.draggedEl.setAttribute("data-ohw-section-dragging", "");
-      refreshSectionDragVisuals(session, session.lastClientX, session.lastClientY);
-    },
-    [refreshSectionDragVisuals]
-  );
-  const commitSectionDrag = useCallback7(() => {
-    const session = sectionDragRef.current;
-    if (!session) {
-      clearSectionDragVisuals();
-      return;
-    }
-    const slot = session.activeSlot ?? hitTestSectionDropSlot(session.lastClientY, buildSectionDropSlots(session.instanceId));
-    const entries = slot ? planSectionMove(session.instanceId, slot.insertIndex, window.location.pathname) : null;
-    if (!entries) {
-      clearSectionDragVisuals();
-      return;
-    }
-    const orderJson = JSON.stringify(entries);
-    editContentRef.current = { ...editContentRef.current, [SECTION_ORDER_KEY]: orderJson };
-    postToParentRef.current({ type: "ow:change", nodes: [{ key: SECTION_ORDER_KEY, text: orderJson }] });
-    applyPersistedOrder(entries);
-    clearSectionDragVisuals();
-    requestAnimationFrame(() => {
-      if (editContentRef.current[SECTION_ORDER_KEY] === orderJson) {
-        applyPersistedOrder(entries);
-      }
-      requestAnimationFrame(() => {
-        window.dispatchEvent(new Event("resize"));
-      });
-    });
-  }, [clearSectionDragVisuals, editContentRef, postToParentRef]);
-  const startSectionPressDrag = useCallback7(
-    (el, clientX, clientY, pointerId) => {
-      if (navDragRef.current || footerDragRef.current || sectionDragRef.current) return false;
-      const instanceId = instanceIdOf(el);
-      if (!instanceId) return false;
-      sectionPointerDragRef.current = {
-        el,
-        instanceId,
-        startX: clientX,
-        startY: clientY,
-        pointerId,
-        started: false
-      };
-      return true;
-    },
-    [footerDragRef, navDragRef]
-  );
-  useEffect11(() => {
-    if (!isEditMode) return;
-    const onPointerDown = (e) => {
-      if (e.button !== 0) return;
-      if (navDragRef.current || footerDragRef.current || sectionDragRef.current) return;
-      if (sectionPointerDragRef.current) return;
-      const target = e.target;
-      if (!(target instanceof HTMLElement)) return;
-      if (target.closest(SECTION_DRAG_EXCLUDED_SELECTOR)) return;
-      const sectionEl = target.closest("[data-ohw-section]");
-      if (!sectionEl || isChromeSection(sectionEl) || sectionEl.dataset.ohwSection === "footer") return;
-      if (!topLevelSections().includes(sectionEl)) return;
-      startSectionPressDrag(sectionEl, e.clientX, e.clientY, e.pointerId);
-    };
-    const onPointerMove = (e) => {
-      const pending = sectionPointerDragRef.current;
-      if (!pending) return;
-      if (pending.started) {
-        e.preventDefault();
-        clearTextSelection();
-        const session = sectionDragRef.current;
-        if (!session) return;
-        refreshSectionDragVisuals(session, e.clientX, e.clientY);
-        return;
-      }
-      const dx = e.clientX - pending.startX;
-      const dy = e.clientY - pending.startY;
-      if (dx * dx + dy * dy < PRESS_THRESHOLD * PRESS_THRESHOLD) return;
-      e.preventDefault();
-      pending.started = true;
-      armItemPressDrag();
-      clearTextSelection();
-      try {
-        document.body.setPointerCapture(pending.pointerId);
-      } catch {
-      }
-      beginSectionDrag({
-        instanceId: pending.instanceId,
-        draggedEl: pending.el,
-        lastClientX: e.clientX,
-        lastClientY: e.clientY,
-        activeSlot: null
-      });
-    };
-    const endPointerDrag = (e) => {
-      const pending = sectionPointerDragRef.current;
-      sectionPointerDragRef.current = null;
-      try {
-        if (document.body.hasPointerCapture(e.pointerId)) {
-          document.body.releasePointerCapture(e.pointerId);
-        }
-      } catch {
-      }
-      if (!pending) return;
-      if (!pending.started) {
-        unlockItemDragInteraction();
-        return;
-      }
-      suppressNextClickRef.current = true;
-      suppressClickUntilRef.current = Date.now() + 500;
-      commitSectionDrag();
-    };
-    const onKeyDown = (e) => {
-      if (e.key !== "Escape") return;
-      if (!sectionDragRef.current && !sectionPointerDragRef.current) return;
-      sectionPointerDragRef.current = null;
-      clearSectionDragVisuals();
-    };
-    document.addEventListener("pointerdown", onPointerDown, true);
-    document.addEventListener("pointermove", onPointerMove, true);
-    document.addEventListener("pointerup", endPointerDrag, true);
-    document.addEventListener("pointercancel", endPointerDrag, true);
-    document.addEventListener("keydown", onKeyDown, true);
-    return () => {
-      document.removeEventListener("pointerdown", onPointerDown, true);
-      document.removeEventListener("pointermove", onPointerMove, true);
-      document.removeEventListener("pointerup", endPointerDrag, true);
-      document.removeEventListener("pointercancel", endPointerDrag, true);
-      document.removeEventListener("keydown", onKeyDown, true);
-      unlockItemDragInteraction();
-      stopAutoScroll();
-    };
-  }, [
-    beginSectionDrag,
-    clearSectionDragVisuals,
-    commitSectionDrag,
-    footerDragRef,
-    isEditMode,
-    navDragRef,
-    refreshSectionDragVisuals,
-    startSectionPressDrag,
-    stopAutoScroll,
-    suppressClickUntilRef,
-    suppressNextClickRef
-  ]);
-  return {
-    sectionDragRef,
-    sectionDropSlots,
-    activeSectionDropIndex,
-    isSectionDragging
-  };
-}
-
 // src/ui/footer-container-chrome.tsx
 import { Plus as Plus2 } from "lucide-react";
 import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
@@ -14072,7 +12965,7 @@ function FooterContainerChrome({
 }
 
 // src/lib/carousel.ts
-import { useEffect as useEffect12, useState as useState12 } from "react";
+import { useEffect as useEffect11, useState as useState11 } from "react";
 var CAROUSEL_ATTR = "data-ohw-carousel";
 var CAROUSEL_VALUE_ATTR = "data-ohw-carousel-value";
 var CAROUSEL_SLIDE_ATTR = "data-ohw-carousel-slide";
@@ -14134,8 +13027,8 @@ function applyCarouselNode(key, val) {
   return true;
 }
 function useOhwCarousel(key, initial) {
-  const [images, setImages] = useState12(initial);
-  useEffect12(() => {
+  const [images, setImages] = useState11(initial);
+  useEffect11(() => {
     const el = document.querySelector(
       `[${CAROUSEL_ATTR}][data-ohw-key="${CSS.escape(key)}"]`
     );
@@ -14217,7 +13110,6 @@ function collectEditableNodes(extraContent, root = document) {
       NAV_ORDER_KEY,
       FOOTER_ORDER_KEY,
       NAV_COUNT_KEY,
-      SECTION_ORDER_KEY,
       // A socials row's order and its icons-vs-words setting live under keys no element carries,
       // so collecting the DOM alone left them behind: the draft knew the row was showing icons and
       // had gained an item, and the published page went back to the template's own (OHH-736).
@@ -14681,7 +13573,6 @@ function fadeInImageElement(img, onReady) {
 function applyEditableImageSrc(img, url) {
   img.removeAttribute("srcset");
   img.removeAttribute("sizes");
-  if (img.loading === "lazy") img.loading = "eager";
   img.src = url;
 }
 function fadeInBgImage(el, url, onReady) {
@@ -14746,10 +13637,21 @@ function parseSchedulingInsertAfter(insertAfter) {
     insertBefore: insertAfter.slice(idx + INSERT_BEFORE_MARKER.length)
   };
 }
-function resolveEntryAnchor(entry) {
-  if (entry.anchorId !== void 0) return { anchorId: entry.anchorId, beforeId: entry.beforeId ?? null };
-  const parsed = parseSchedulingInsertAfter(entry.insertAfter);
-  return { anchorId: parsed.anchor, beforeId: parsed.insertBefore };
+function resolveSchedulingInsert(insertAfter, explicitInsertBefore) {
+  const parsed = parseSchedulingInsertAfter(insertAfter);
+  const insertBefore = explicitInsertBefore ?? parsed.insertBefore;
+  const effectiveInsertAfter = insertBefore && parsed.insertBefore === null ? `${insertAfter}${INSERT_BEFORE_MARKER}${insertBefore}` : insertAfter;
+  return { effectiveInsertAfter, insertBefore };
+}
+function getSchedulingMountPoint(insertAfter) {
+  const { anchor } = parseSchedulingInsertAfter(insertAfter);
+  let anchorEl = document.querySelector(`[data-ohw-section="${anchor}"]`);
+  if (!anchorEl && anchor === "scheduling") {
+    const widgets = Array.from(document.querySelectorAll('[data-ohw-section^="scheduling-"]'));
+    anchorEl = widgets.at(-1) ?? null;
+  }
+  if (!anchorEl) return null;
+  return anchorEl.closest('[data-ohw-section-container="scheduling"]') ?? anchorEl;
 }
 function schedulingMountDepth(insertAfter) {
   if (!insertAfter.includes(INSERT_BEFORE_MARKER)) return 0;
@@ -14766,7 +13668,8 @@ function getPageSchedulingEntries(raw) {
   }
 }
 function isSchedulingWidgetMissing(entry) {
-  return !document.querySelector(`[data-ohw-section="${schedulingSectionId(entry.insertAfter)}"]`);
+  const { effectiveInsertAfter } = resolveSchedulingInsert(entry.insertAfter);
+  return !document.querySelector(`[data-ohw-section="${schedulingSectionId(effectiveInsertAfter)}"]`);
 }
 function hasMissingSchedulingWidgets(entries) {
   return entries.some(isSchedulingWidgetMissing);
@@ -14796,17 +13699,16 @@ function initSectionsFromContent(content, removeExisting = false) {
   } catch {
   }
 }
-function mountSchedulingWidget(anchorId, notifyOnConnect = false, scheduleId, beforeId, existingWidgetId) {
-  const widgetId = existingWidgetId ?? (beforeId ? `${anchorId}${INSERT_BEFORE_MARKER}${beforeId}` : anchorId);
-  const sectionId = schedulingSectionId(widgetId);
+function mountSchedulingWidget(insertAfter, notifyOnConnect = false, scheduleId, explicitInsertBefore) {
+  const { effectiveInsertAfter, insertBefore } = resolveSchedulingInsert(insertAfter, explicitInsertBefore);
+  const sectionId = schedulingSectionId(effectiveInsertAfter);
   if (document.querySelector(`[data-ohw-section="${sectionId}"]`)) return false;
-  const anchorEl = document.querySelector(`[data-ohw-section="${anchorId}"]`);
-  if (!anchorEl) return false;
-  const mountPoint = anchorEl.closest('[data-ohw-section-container="scheduling"]') ?? anchorEl;
+  const mountPoint = getSchedulingMountPoint(effectiveInsertAfter);
+  if (!mountPoint) return false;
   const container = document.createElement("div");
   container.dataset.ohwSectionContainer = "scheduling";
-  if (beforeId) {
-    const beforeAnchor = document.querySelector(`[data-ohw-section="${beforeId}"]`);
+  if (insertBefore) {
+    const beforeAnchor = document.querySelector(`[data-ohw-section="${insertBefore}"]`);
     const beforePoint = beforeAnchor?.closest('[data-ohw-section-container="scheduling"]') ?? beforeAnchor;
     if (!beforePoint) return false;
     beforePoint.insertAdjacentElement("beforebegin", container);
@@ -14817,25 +13719,19 @@ function mountSchedulingWidget(anchorId, notifyOnConnect = false, scheduleId, be
     }
     tail.insertAdjacentElement("afterend", container);
   }
-  try {
-    const root = createRoot2(container);
-    flushSync2(() => {
-      root.render(
-        /* @__PURE__ */ jsx33(
-          SchedulingWidget,
-          {
-            notifyOnConnect,
-            initialScheduleId: scheduleId,
-            insertAfter: widgetId
-          }
-        )
-      );
-    });
-  } catch (err) {
-    console.error("[ow:scheduling] render threw", err);
-    container.remove();
-    return false;
-  }
+  const root = createRoot2(container);
+  flushSync2(() => {
+    root.render(
+      /* @__PURE__ */ jsx33(
+        SchedulingWidget,
+        {
+          notifyOnConnect,
+          initialScheduleId: scheduleId,
+          insertAfter: effectiveInsertAfter
+        }
+      )
+    );
+  });
   const tracker = getSectionsTracker();
   let sections = [];
   try {
@@ -14843,12 +13739,10 @@ function mountSchedulingWidget(anchorId, notifyOnConnect = false, scheduleId, be
   } catch {
   }
   const inEditor = typeof window !== "undefined" && window.self !== window.top;
-  if (inEditor && !sections.find((s) => s.type === "scheduling" && s.insertAfter === widgetId)) {
+  if (inEditor && !sections.find((s) => s.type === "scheduling" && s.insertAfter === effectiveInsertAfter)) {
     sections.push({
       type: "scheduling",
-      insertAfter: widgetId,
-      anchorId,
-      beforeId: beforeId ?? null,
+      insertAfter: effectiveInsertAfter,
       pagePath: window.location.pathname,
       ...scheduleId ? { scheduleId } : {}
     });
@@ -14862,8 +13756,7 @@ function mountSchedulingEntries(entries, notifyOnConnect = false) {
     for (let i = pending.length - 1; i >= 0; i--) {
       const entry = pending[i];
       const shouldNotify = typeof notifyOnConnect === "function" ? notifyOnConnect(entry) : notifyOnConnect;
-      const { anchorId, beforeId } = resolveEntryAnchor(entry);
-      if (mountSchedulingWidget(anchorId, shouldNotify, entry.scheduleId ?? null, beforeId, entry.insertAfter)) {
+      if (mountSchedulingWidget(entry.insertAfter, shouldNotify, entry.scheduleId)) {
         pending.splice(i, 1);
       }
     }
@@ -15021,11 +13914,6 @@ function applyLinkByKey(key, val) {
     hrefAnchors.forEach((el) => applyLinkHref(el, val));
   }
 }
-function isInsideLinkEditor(target) {
-  return Boolean(
-    target.closest("[data-ohw-link-popover-root]") || target.closest("[data-ohw-link-modal-root]") || target.closest("[data-ohw-link-page-dropdown]") || target.closest("[data-ohw-section-picker]") || target.closest("[data-ohw-navbar-container-chrome]") || target.closest("[data-ohw-navbar-add-button]") || target.closest("[data-ohw-footer-container-chrome]") || target.closest("[data-ohw-footer-add-button]") || target.closest("[data-ohw-more-menu]") || target.closest('[data-slot="dropdown-menu-content"]') || target.closest('[data-slot="popover-content"]') || target.closest('[data-slot="dialog-content"]') || target.closest('[data-slot="dialog-overlay"]')
-  );
-}
 function isInsideFloatingPanel(target) {
   return Boolean(target.closest("[data-ohw-floating-panel]"));
 }
@@ -15033,6 +13921,11 @@ function isPointOverFloatingPanel(clientX, clientY) {
   const el = document.elementFromPoint(clientX, clientY);
   return Boolean(el instanceof Element && el.closest("[data-ohw-floating-panel]"));
 }
+function isInsideLinkEditor(target) {
+  return Boolean(
+    target.closest("[data-ohw-link-popover-root]") || target.closest("[data-ohw-link-modal-root]") || target.closest("[data-ohw-link-page-dropdown]") || target.closest("[data-ohw-section-picker]") || target.closest("[data-ohw-navbar-container-chrome]") || target.closest("[data-ohw-navbar-add-button]") || target.closest("[data-ohw-footer-container-chrome]") || target.closest("[data-ohw-footer-add-button]") || target.closest("[data-ohw-more-menu]") || target.closest('[data-slot="dropdown-menu-content"]') || target.closest('[data-slot="popover-content"]') || target.closest('[data-slot="dialog-content"]') || target.closest('[data-slot="dialog-overlay"]')
+  );
+}
 function getHrefKeyFromElement(el) {
   if (!el) return null;
   const anchor = el.closest("[data-ohw-href-key]");
@@ -15291,7 +14184,7 @@ function getNavigationSelectionParent(el) {
   if (!isFooterLinksContainer(el) && (el.hasAttribute("data-ohw-footer-col") || el.hasAttribute("data-ohw-footer-column") || isInferredFooterGroup2(el))) {
     return getFooterLinksContainer();
   }
-  if (el.hasAttribute("data-ohw-nav-container") || el.hasAttribute("data-ohw-nav-drawer") || el.hasAttribute("data-ohw-footer-col") || el.hasAttribute("data-ohw-footer-column") || isFooterLinksContainer(el) || isInferredFooterGroup2(el)) {
+  if (el.hasAttribute("data-ohw-nav-container") || el.hasAttribute("data-ohw-nav-drawer") || isFooterLinksContainer(el)) {
     return getNavigationRoot(el);
   }
   return null;
@@ -15506,6 +14399,7 @@ var ICONS = {
   insertUnorderedList: '<line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/><line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/>',
   insertOrderedList: '<line x1="10" y1="6" x2="21" y2="6"/><line x1="10" y1="12" x2="21" y2="12"/><line x1="10" y1="18" x2="21" y2="18"/><path d="M4 6h1v4"/><path d="M4 10h2"/><path d="M6 18H4c0-1 2-2 2-3s-1-1.5-2-1"/>'
 };
+var HEIGHT_SETTLE_DELAYS = [150, 400, 800];
 var SELECTION_CHROME_GAP2 = 4;
 var TOOLBAR_STROKE_GAP2 = 4;
 var TOOLBAR_OFFSET_FROM_ELEMENT = SELECTION_CHROME_GAP2 + TOOLBAR_STROKE_GAP2;
@@ -15885,45 +14779,6 @@ function StateToggle({
   );
 }
 var contentCache = /* @__PURE__ */ new Map();
-var fetchedContentPaths = /* @__PURE__ */ new Set();
-var OHW_LOADER_STYLE = {
-  position: "fixed",
-  inset: 0,
-  background: "#fff",
-  zIndex: 2147483646,
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center"
-};
-function OhwLoaderSpinner() {
-  return /* @__PURE__ */ jsxs20("svg", { width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx33("circle", { cx: "14", cy: "14", r: "11", stroke: "#E7E5E4", strokeWidth: "3" }),
-    /* @__PURE__ */ jsx33(
-      "circle",
-      {
-        cx: "14",
-        cy: "14",
-        r: "11",
-        stroke: "#1C1917",
-        strokeWidth: "3",
-        strokeDasharray: "17 52",
-        strokeLinecap: "round",
-        children: /* @__PURE__ */ jsx33(
-          "animateTransform",
-          {
-            attributeName: "transform",
-            type: "rotate",
-            from: "0 14 14",
-            to: "360 14 14",
-            dur: "0.7s",
-            repeatCount: "indefinite"
-          }
-        )
-      }
-    )
-  ] });
-}
-var OHW_LOADER_PREHYDRATE_SCRIPT = `(function(){try{var p=location.hostname.split(".");var fromHost=p.length>=3&&p[0]!=="www"?p[0]:"";var fromQuery=new URLSearchParams(location.search).get("subdomain")||"";if(!fromHost&&!fromQuery)return;var e=document.getElementById("ohw-loader");if(e)e.style.display="flex"}catch(e){}})();`;
 function resolveSubdomain(subdomainFromQuery) {
   if (subdomainFromQuery) return subdomainFromQuery;
   if (typeof window !== "undefined") {
@@ -15946,8 +14801,8 @@ function OhhwellsBridge() {
   const router = useRouter3();
   const searchParams = useSearchParams();
   const isEditMode = isEditSessionActive();
-  const [bridgeRoot, setBridgeRoot] = useState13(null);
-  useEffect13(() => {
+  const [bridgeRoot, setBridgeRoot] = useState12(null);
+  useEffect12(() => {
     const figtreeFontId = "ohw-figtree-font";
     if (!document.getElementById(figtreeFontId)) {
       const preconnect1 = Object.assign(document.createElement("link"), { rel: "preconnect", href: "https://fonts.googleapis.com" });
@@ -15976,146 +14831,82 @@ function OhhwellsBridge() {
   const subdomain = resolveSubdomain(subdomainFromQuery);
   useLinkHrefGuardian(pathname, subdomain, isEditMode);
   useSavedLinkNavigation(isEditMode);
-  const postToParent2 = useCallback8((data) => {
+  const postToParent2 = useCallback7((data) => {
     if (typeof window !== "undefined" && window.parent !== window) {
       window.parent.postMessage(data, "*");
     }
   }, []);
-  const [fetchState, setFetchState] = useState13("idle");
-  const autoSaveTimers = useRef10(/* @__PURE__ */ new Map());
-  const activeElRef = useRef10(null);
-  const pointerHeldRef = useRef10(false);
-  const selectedElRef = useRef10(null);
-  const selectedHrefKeyRef = useRef10(null);
-  const selectedFooterColAttrRef = useRef10(null);
-  const originalContentRef = useRef10(null);
-  const activeStateElRef = useRef10(null);
-  const parentScrollRef = useRef10(null);
-  const visibleViewportRef = useRef10(null);
-  const [dialogPortalContainer, setDialogPortalContainer] = useState13(null);
-  const attachVisibleViewport = useCallback8((node) => {
+  const [fetchState, setFetchState] = useState12("idle");
+  const autoSaveTimers = useRef9(/* @__PURE__ */ new Map());
+  const activeElRef = useRef9(null);
+  const pointerHeldRef = useRef9(false);
+  const selectedElRef = useRef9(null);
+  const selectedHrefKeyRef = useRef9(null);
+  const selectedFooterColAttrRef = useRef9(null);
+  const originalContentRef = useRef9(null);
+  const activeStateElRef = useRef9(null);
+  const parentScrollRef = useRef9(null);
+  const visibleViewportRef = useRef9(null);
+  const [dialogPortalContainer, setDialogPortalContainer] = useState12(null);
+  const attachVisibleViewport = useCallback7((node) => {
     visibleViewportRef.current = node;
     setDialogPortalContainer(node);
     if (node) applyVisibleViewport(node, parentScrollRef.current);
   }, []);
-  const toolbarElRef = useRef10(null);
-  const glowElRef = useRef10(null);
-  const hoveredImageRef = useRef10(null);
-  const hoveredImageHasTextOverlapRef = useRef10(false);
-  const dragOverElRef = useRef10(null);
-  const [mediaHover, setMediaHover] = useState13(null);
-  const [selectedMedia, setSelectedMedia] = useState13(null);
-  const selectedMediaElRef = useRef10(null);
-  const clearMediaSelection = useCallback8(() => {
-    const prev = selectedMediaElRef.current;
-    selectedMediaElRef.current = null;
-    setSelectedMedia(null);
-    const sectionEl = prev?.closest("[data-ohw-section]") ?? null;
-    if (sectionEl) {
-      postToParentRef.current({
-        type: "ow:section-selected",
-        sectionId: sectionEl.dataset.ohwSection ?? null,
-        sectionLabel: sectionEl.dataset.ohwSectionLabel ?? titleCaseSectionId(sectionEl.dataset.ohwSection ?? ""),
-        key: null
-      });
-    }
-  }, []);
-  const clearMediaSelectionRef = useRef10(clearMediaSelection);
-  clearMediaSelectionRef.current = clearMediaSelection;
-  const selectMediaElement = useCallback8((el) => {
-    const r2 = el.getBoundingClientRect();
-    const video = el.dataset.ohwEditable === "video" ? el.querySelector("video") : null;
-    selectedMediaElRef.current = el;
-    setSelectedMedia({
-      key: el.dataset.ohwKey ?? "",
-      rect: { top: r2.top, left: r2.left, width: r2.width, height: r2.height },
-      elementType: el.dataset.ohwEditable ?? "image",
-      hasTextOverlap: false,
-      isDragOver: false,
-      ...video ? { videoAutoplay: video.autoplay, videoMuted: video.muted } : {}
-    });
-    const sectionEl = el.closest("[data-ohw-section]");
-    aiSectionApiRef.current?.selectFromElement(el, { report: false });
-    postToParentRef.current({
-      type: "ow:section-selected",
-      sectionId: sectionEl?.dataset.ohwSection ?? null,
-      sectionLabel: sectionEl ? sectionEl.dataset.ohwSectionLabel ?? titleCaseSectionId(sectionEl.dataset.ohwSection ?? "") : null,
-      key: el.dataset.ohwKey ?? null,
-      // Display name for the pill — the raw key prettifies into fragments ("Img"); the
-      // bridge knows what the node IS, so it names it.
-      keyLabel: el.dataset.ohwEditable === "video" ? "Video" : el.dataset.ohwEditable === "bg-image" ? "Background" : "Image"
-    });
-  }, []);
-  const selectMediaElementRef = useRef10(selectMediaElement);
-  selectMediaElementRef.current = selectMediaElement;
-  useEffect13(() => {
-    if (!selectedMedia) return;
-    const update = () => {
-      const el = selectedMediaElRef.current;
-      if (!el || !el.isConnected) {
-        clearMediaSelection();
-        return;
-      }
-      const r2 = el.getBoundingClientRect();
-      setSelectedMedia(
-        (prev) => prev ? { ...prev, rect: { top: r2.top, left: r2.left, width: r2.width, height: r2.height } } : prev
-      );
-    };
-    window.addEventListener("scroll", update, true);
-    window.addEventListener("resize", update);
-    return () => {
-      window.removeEventListener("scroll", update, true);
-      window.removeEventListener("resize", update);
-    };
-  }, [selectedMedia !== null]);
-  const [carouselHover, setCarouselHover] = useState13(null);
-  const [uploadingRects, setUploadingRects] = useState13({});
-  const hoveredGapRef = useRef10(null);
-  const imageUnhoverTimerRef = useRef10(null);
-  const imageShowTimerRef = useRef10(null);
-  const editStylesRef = useRef10(null);
-  const activateRef = useRef10(() => {
+  const toolbarElRef = useRef9(null);
+  const glowElRef = useRef9(null);
+  const hoveredImageRef = useRef9(null);
+  const hoveredImageHasTextOverlapRef = useRef9(false);
+  const dragOverElRef = useRef9(null);
+  const [mediaHover, setMediaHover] = useState12(null);
+  const [carouselHover, setCarouselHover] = useState12(null);
+  const [uploadingRects, setUploadingRects] = useState12({});
+  const hoveredGapRef = useRef9(null);
+  const imageUnhoverTimerRef = useRef9(null);
+  const imageShowTimerRef = useRef9(null);
+  const editStylesRef = useRef9(null);
+  const activateRef = useRef9(() => {
   });
-  const deactivateRef = useRef10(() => {
+  const deactivateRef = useRef9(() => {
   });
-  const selectRef = useRef10(() => {
+  const selectRef = useRef9(() => {
   });
-  const selectFrameRef = useRef10(() => {
+  const selectFrameRef = useRef9(() => {
   });
-  const selectLogoRef = useRef10(() => {
+  const selectLogoRef = useRef9(() => {
   });
-  const openLogoSizePanelRef = useRef10(() => {
+  const openLogoSizePanelRef = useRef9(() => {
   });
-  const deselectRef = useRef10(() => {
+  const deselectRef = useRef9(() => {
   });
-  const closeFloatingPanelOnlyRef = useRef10(() => {
+  const closeFloatingPanelOnlyRef = useRef9(() => {
   });
-  const reselectNavigationItemRef = useRef10(() => {
+  const reselectNavigationItemRef = useRef9(() => {
   });
-  const commitNavigationTextEditRef = useRef10(() => {
+  const commitNavigationTextEditRef = useRef9(() => {
   });
-  const handleDeleteSelectedRef = useRef10(() => false);
-  const runPendingDeleteUndoRef = useRef10(() => false);
-  const isFooterFrameSelectionRef = useRef10(false);
-  const refreshActiveCommandsRef = useRef10(() => {
+  const handleDeleteSelectedRef = useRef9(() => false);
+  const runPendingDeleteUndoRef = useRef9(() => false);
+  const isFooterFrameSelectionRef = useRef9(false);
+  const refreshActiveCommandsRef = useRef9(() => {
   });
-  const postToParentRef = useRef10(postToParent2);
+  const postToParentRef = useRef9(postToParent2);
   postToParentRef.current = postToParent2;
-  const aiSectionApiRef = useRef10(null);
-  const sectionsLoadedRef = useRef10(false);
-  const pendingScheduleConfigRequests = useRef10([]);
-  const [toolbarRect, setToolbarRect] = useState13(null);
-  const [formPickRect, setFormPickRect] = useState13(null);
-  const formPickElRef = useRef10(null);
-  const [formViewState, setFormViewStateUi] = useState13("default");
-  const [formPickCount, setFormPickCount] = useState13(null);
-  const [formHoverRect, setFormHoverRect] = useState13(null);
-  const formHoverElRef = useRef10(null);
-  const [fieldPickRect, setFieldPickRect] = useState13(null);
-  const fieldPickElRef = useRef10(null);
-  const [fieldPickState, setFieldPickState] = useState13(null);
-  const [fieldTypePickerOpen, setFieldTypePickerOpen] = useState13(false);
-  const clearFormPick = useCallback8(() => {
+  const aiSectionApiRef = useRef9(null);
+  const sectionsLoadedRef = useRef9(false);
+  const pendingScheduleConfigRequests = useRef9([]);
+  const [toolbarRect, setToolbarRect] = useState12(null);
+  const [formPickRect, setFormPickRect] = useState12(null);
+  const formPickElRef = useRef9(null);
+  const [formViewState, setFormViewStateUi] = useState12("default");
+  const [formPickCount, setFormPickCount] = useState12(null);
+  const [formHoverRect, setFormHoverRect] = useState12(null);
+  const formHoverElRef = useRef9(null);
+  const [fieldPickRect, setFieldPickRect] = useState12(null);
+  const fieldPickElRef = useRef9(null);
+  const [fieldPickState, setFieldPickState] = useState12(null);
+  const [fieldTypePickerOpen, setFieldTypePickerOpen] = useState12(false);
+  const clearFormPick = useCallback7(() => {
     const form = formPickElRef.current;
     const editing = fieldPickElRef.current;
     if (commitPlaceholderEdit(editing) && editing) {
@@ -16135,7 +14926,7 @@ function OhhwellsBridge() {
     formPickElRef.current = null;
     setFormPickRect(null);
   }, []);
-  const clearFieldPick = useCallback8(() => {
+  const clearFieldPick = useCallback7(() => {
     const wrapper = fieldPickElRef.current;
     if (commitPlaceholderEdit(wrapper) && wrapper) {
       const form = wrapper.closest('[data-ohw-editable="form"]');
@@ -16145,9 +14936,9 @@ function OhhwellsBridge() {
     setFieldPickRect(null);
     setFieldPickState(null);
   }, []);
-  const persistFieldsRef = useRef10(() => {
+  const persistFieldsRef = useRef9(() => {
   });
-  const persistFields = useCallback8(
+  const persistFields = useCallback7(
     (form) => {
       const key = formKeyOf(form);
       if (!key) return;
@@ -16158,7 +14949,7 @@ function OhhwellsBridge() {
     []
   );
   persistFieldsRef.current = persistFields;
-  const selectField = useCallback8((wrapper) => {
+  const selectField = useCallback7((wrapper) => {
     if (fieldPickElRef.current && fieldPickElRef.current !== wrapper) {
       commitPlaceholderEdit(fieldPickElRef.current);
     }
@@ -16171,7 +14962,7 @@ function OhhwellsBridge() {
     setFieldPickState({ type: fieldTypeOf(wrapper), required: isFieldRequired(wrapper) });
     setFieldTypePickerOpen(false);
   }, []);
-  const withSelectedField = useCallback8(
+  const withSelectedField = useCallback7(
     (run) => {
       const wrapper = fieldPickElRef.current;
       const form = formPickElRef.current;
@@ -16184,28 +14975,28 @@ function OhhwellsBridge() {
     },
     [persistFields]
   );
-  const handleFieldTypeChange = useCallback8(
+  const handleFieldTypeChange = useCallback7(
     (type) => withSelectedField((_form, wrapper) => {
       applyFieldType(wrapper, type);
       selectField(wrapper);
     }),
     [selectField, withSelectedField]
   );
-  const handleFieldRequiredToggle = useCallback8(
+  const handleFieldRequiredToggle = useCallback7(
     () => withSelectedField((_form, wrapper) => {
       setFieldRequired(wrapper, !isFieldRequired(wrapper));
       selectField(wrapper);
     }),
     [selectField, withSelectedField]
   );
-  const handleFieldDuplicate = useCallback8(
+  const handleFieldDuplicate = useCallback7(
     () => withSelectedField((form, wrapper) => {
       const copy = duplicateField(form, wrapper);
       selectField(copy);
     }),
     [selectField, withSelectedField]
   );
-  const handleFieldDelete = useCallback8(
+  const handleFieldDelete = useCallback7(
     () => withSelectedField((_form, wrapper) => {
       removeField(wrapper);
       clearFieldPick();
@@ -16213,7 +15004,7 @@ function OhhwellsBridge() {
     }),
     [clearFieldPick, withSelectedField]
   );
-  const handleAddField = useCallback8(
+  const handleAddField = useCallback7(
     (type) => {
       const form = formPickElRef.current;
       if (!form) return;
@@ -16229,8 +15020,8 @@ function OhhwellsBridge() {
     },
     [persistFields, selectField]
   );
-  const fieldDragRef = useRef10(null);
-  const buildFieldDropSlots = useCallback8((form, draggedKey) => {
+  const fieldDragRef = useRef9(null);
+  const buildFieldDropSlots = useCallback7((form, draggedKey) => {
     const others = listFieldWrappers(form).filter((el) => fieldKeyOf(el) !== draggedKey);
     const slots = others.map((el) => {
       const rect = el.getBoundingClientRect();
@@ -16243,7 +15034,7 @@ function OhhwellsBridge() {
     }
     return slots;
   }, []);
-  const handleFieldDragStart = useCallback8(() => {
+  const handleFieldDragStart = useCallback7(() => {
     const wrapper = fieldPickElRef.current;
     const form = formPickElRef.current;
     if (!wrapper || !form) return;
@@ -16252,18 +15043,18 @@ function OhhwellsBridge() {
     setFieldDragging(true);
     setFieldDropSlots(buildFieldDropSlots(form, key));
   }, [buildFieldDropSlots]);
-  const handleFieldDragEnd = useCallback8(() => {
+  const handleFieldDragEnd = useCallback7(() => {
     fieldDragRef.current = null;
     setFieldDropIndex(null);
     setFieldDropSlots([]);
     setFieldDragging(false);
   }, []);
-  const [fieldDropIndex, setFieldDropIndex] = useState13(null);
-  const [fieldDropSlots, setFieldDropSlots] = useState13([]);
-  const [fieldDragging, setFieldDragging] = useState13(false);
-  const clearFormPickRef = useRef10(clearFormPick);
+  const [fieldDropIndex, setFieldDropIndex] = useState12(null);
+  const [fieldDropSlots, setFieldDropSlots] = useState12([]);
+  const [fieldDragging, setFieldDragging] = useState12(false);
+  const clearFormPickRef = useRef9(clearFormPick);
   clearFormPickRef.current = clearFormPick;
-  useEffect13(() => {
+  useEffect12(() => {
     const el = fieldPickElRef.current;
     if (!el || fieldPickRect === null) return;
     const observer = new ResizeObserver(() => {
@@ -16272,7 +15063,7 @@ function OhhwellsBridge() {
     observer.observe(el);
     return () => observer.disconnect();
   }, [fieldPickRect !== null, fieldPickState]);
-  useEffect13(() => {
+  useEffect12(() => {
     const el = formPickElRef.current;
     if (!el || formPickRect === null) return;
     const observer = new ResizeObserver(() => {
@@ -16281,25 +15072,25 @@ function OhhwellsBridge() {
     observer.observe(el);
     return () => observer.disconnect();
   }, [formPickRect !== null, formViewState]);
-  const [toolbarVariant, setToolbarVariant] = useState13("none");
-  const toolbarVariantRef = useRef10("none");
+  const [toolbarVariant, setToolbarVariant] = useState12("none");
+  const toolbarVariantRef = useRef9("none");
   toolbarVariantRef.current = toolbarVariant;
-  const [selectedIsCta, setSelectedIsCta] = useState13(false);
-  const [selectedIsSocial, setSelectedIsSocial] = useState13(false);
-  const [selectedIsSocialsRow, setSelectedIsSocialsRow] = useState13(false);
-  const [reorderHrefKey, setReorderHrefKey] = useState13(null);
-  const [reorderDragDisabled, setReorderDragDisabled] = useState13(false);
-  const [toggleState, setToggleState] = useState13(null);
-  const [maxBadge, setMaxBadge] = useState13(null);
-  const [activeCommands, setActiveCommands] = useState13(/* @__PURE__ */ new Set());
-  const [sectionGap, setSectionGap] = useState13(null);
-  const [toolbarShowEditLink, setToolbarShowEditLink] = useState13(false);
-  const hoveredNavContainerRef = useRef10(null);
-  const [hoveredNavContainerRect, setHoveredNavContainerRect] = useState13(null);
-  const hoveredItemElRef = useRef10(null);
-  const [hoveredItemRect, setHoveredItemRect] = useState13(null);
-  const [hoveredTextRect, setHoveredTextRect] = useState13(null);
-  useEffect13(() => {
+  const [selectedIsCta, setSelectedIsCta] = useState12(false);
+  const [selectedIsSocial, setSelectedIsSocial] = useState12(false);
+  const [selectedIsSocialsRow, setSelectedIsSocialsRow] = useState12(false);
+  const [reorderHrefKey, setReorderHrefKey] = useState12(null);
+  const [reorderDragDisabled, setReorderDragDisabled] = useState12(false);
+  const [toggleState, setToggleState] = useState12(null);
+  const [maxBadge, setMaxBadge] = useState12(null);
+  const [activeCommands, setActiveCommands] = useState12(/* @__PURE__ */ new Set());
+  const [sectionGap, setSectionGap] = useState12(null);
+  const [toolbarShowEditLink, setToolbarShowEditLink] = useState12(false);
+  const hoveredNavContainerRef = useRef9(null);
+  const [hoveredNavContainerRect, setHoveredNavContainerRect] = useState12(null);
+  const hoveredItemElRef = useRef9(null);
+  const [hoveredItemRect, setHoveredItemRect] = useState12(null);
+  const [hoveredTextRect, setHoveredTextRect] = useState12(null);
+  useEffect12(() => {
     const sync = () => {
       const el = document.querySelector(
         '[data-ohw-hovered]:not([contenteditable]):not([data-ohw-href-key]):not([data-ohw-editable="form"] *)'
@@ -16324,56 +15115,43 @@ function OhhwellsBridge() {
     });
     return () => observer.disconnect();
   }, []);
-  const siblingHintElRef = useRef10(null);
-  const [siblingHintRect, setSiblingHintRect] = useState13(null);
-  const [siblingHintRects, setSiblingHintRects] = useState13([]);
-  const [isItemDragging, setIsItemDragging] = useState13(false);
-  const [isFooterFrameSelection, setIsFooterFrameSelection] = useState13(false);
+  const siblingHintElRef = useRef9(null);
+  const [siblingHintRect, setSiblingHintRect] = useState12(null);
+  const [siblingHintRects, setSiblingHintRects] = useState12([]);
+  const [isItemDragging, setIsItemDragging] = useState12(false);
+  const [isFooterFrameSelection, setIsFooterFrameSelection] = useState12(false);
   isFooterFrameSelectionRef.current = isFooterFrameSelection;
-  const [navDropdownPreviewOpen, setNavDropdownPreviewOpen] = useState13(null);
-  const [footerHeadingVisible, setFooterHeadingVisible] = useState13(null);
-  const footerDragRef = useRef10(null);
-  const [footerDropSlots, setFooterDropSlots] = useState13([]);
-  const [activeFooterDropIndex, setActiveFooterDropIndex] = useState13(null);
-  const [draggedItemRect, setDraggedItemRect] = useState13(null);
-  const footerPointerDragRef = useRef10(null);
-  const suppressNextClickRef = useRef10(false);
-  const suppressClickUntilRef = useRef10(0);
-  const [linkPopover, setLinkPopover] = useState13(null);
-  const linkPopoverSessionRef = useRef10(null);
-  const addNavAfterAnchorRef = useRef10(null);
-  const editContentRef = useRef10({});
-  const aiSectionsRef = useRef10("");
-  const brandKitRef = useRef10("");
-  const stylesRef = useRef10("");
-  const pendingDeleteUndoRef = useRef10(null);
-  const [floatingPanel, setFloatingPanel] = useState13(null);
-  const floatingPanelOpenRef = useRef10(false);
-  const setFloatingPanelRef = useRef10(setFloatingPanel);
-  const [floatingPanelPos, setFloatingPanelPos] = useState13(null);
-  const [logoSizeDraft, setLogoSizeDraft] = useState13(null);
-  const [editorViewport, setEditorViewport] = useState13("desktop");
-  const [parentScrollSnap, setParentScrollSnap] = useState13(null);
-  const [sitePages, setSitePages] = useState13([]);
-  const [sectionsByPath, setSectionsByPath] = useState13({});
-  const sectionsPrefetchGenRef = useRef10(0);
-  const setLinkPopoverRef = useRef10(setLinkPopover);
-  const linkPopoverPanelRef = useRef10(null);
-  const linkPopoverOpenRef = useRef10(false);
-  const linkPopoverGraceUntilRef = useRef10(0);
+  const [floatingPanel, setFloatingPanel] = useState12(null);
+  const floatingPanelOpenRef = useRef9(false);
+  floatingPanelOpenRef.current = floatingPanel !== null;
+  const [floatingPanelPos, setFloatingPanelPos] = useState12(null);
+  const [logoSizeDraft, setLogoSizeDraft] = useState12(null);
+  const [editorViewport, setEditorViewport] = useState12("desktop");
+  const [parentScrollSnap, setParentScrollSnap] = useState12(null);
+  const [navDropdownPreviewOpen, setNavDropdownPreviewOpen] = useState12(null);
+  const [footerHeadingVisible, setFooterHeadingVisible] = useState12(null);
+  const footerDragRef = useRef9(null);
+  const [footerDropSlots, setFooterDropSlots] = useState12([]);
+  const [activeFooterDropIndex, setActiveFooterDropIndex] = useState12(null);
+  const [draggedItemRect, setDraggedItemRect] = useState12(null);
+  const footerPointerDragRef = useRef9(null);
+  const suppressNextClickRef = useRef9(false);
+  const suppressClickUntilRef = useRef9(0);
+  const [linkPopover, setLinkPopover] = useState12(null);
+  const linkPopoverSessionRef = useRef9(null);
+  const addNavAfterAnchorRef = useRef9(null);
+  const editContentRef = useRef9({});
+  const aiSectionsRef = useRef9("");
+  const pendingDeleteUndoRef = useRef9(null);
+  const [sitePages, setSitePages] = useState12([]);
+  const [sectionsByPath, setSectionsByPath] = useState12({});
+  const sectionsPrefetchGenRef = useRef9(0);
+  const setLinkPopoverRef = useRef9(setLinkPopover);
+  const linkPopoverPanelRef = useRef9(null);
+  const linkPopoverOpenRef = useRef9(false);
+  const linkPopoverGraceUntilRef = useRef9(0);
   setLinkPopoverRef.current = setLinkPopover;
-  setFloatingPanelRef.current = setFloatingPanel;
   linkPopoverSessionRef.current = linkPopover;
-  floatingPanelOpenRef.current = Boolean(floatingPanel);
-  useEffect13(() => {
-    const syncViewport = () => {
-      const next = window.innerWidth <= 480 ? "mobile" : "desktop";
-      setEditorViewport((prev) => prev === next ? prev : next);
-    };
-    syncViewport();
-    window.addEventListener("resize", syncViewport);
-    return () => window.removeEventListener("resize", syncViewport);
-  }, []);
   const {
     navDragRef,
     navDropSlots,
@@ -16406,20 +15184,10 @@ function OhhwellsBridge() {
     getNavigationItemAnchor,
     isDragHandleDisabled
   });
-  const { sectionDropSlots, activeSectionDropIndex, isSectionDragging } = useSectionDrag({
-    isEditMode,
-    editContentRef,
-    postToParentRef,
-    parentScrollRef,
-    navDragRef,
-    footerDragRef,
-    suppressNextClickRef,
-    suppressClickUntilRef
-  });
   const bumpLinkPopoverGrace = () => {
     linkPopoverGraceUntilRef.current = Date.now() + 350;
   };
-  const runSectionsPrefetch = useCallback8((pages) => {
+  const runSectionsPrefetch = useCallback7((pages) => {
     if (!isEditMode || shouldUseDevFixtures() || pages.length === 0) return;
     const gen = ++sectionsPrefetchGenRef.current;
     const paths = pages.map((p) => p.path);
@@ -16438,9 +15206,9 @@ function OhhwellsBridge() {
       );
     });
   }, [isEditMode, pathname]);
-  const runSectionsPrefetchRef = useRef10(runSectionsPrefetch);
+  const runSectionsPrefetchRef = useRef9(runSectionsPrefetch);
   runSectionsPrefetchRef.current = runSectionsPrefetch;
-  useEffect13(() => {
+  useEffect12(() => {
     if (!linkPopover) {
       document.documentElement.removeAttribute("data-ohw-link-popover-open");
       return;
@@ -16468,7 +15236,7 @@ function OhhwellsBridge() {
       document.documentElement.removeAttribute("data-ohw-link-popover-open");
     };
   }, [linkPopover, postToParent2]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (!isEditMode) return;
     const useFixtures = shouldUseDevFixtures();
     if (useFixtures) {
@@ -16492,14 +15260,14 @@ function OhhwellsBridge() {
     if (!useFixtures) postToParent2({ type: "ow:request-site-pages" });
     return () => window.removeEventListener("message", onSitePages);
   }, [isEditMode, postToParent2]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (!isEditMode || shouldUseDevFixtures()) return;
     void loadAllSectionsManifest().then((manifest) => {
       if (Object.keys(manifest).length === 0) return;
       setSectionsByPath((prev) => ({ ...manifest, ...prev }));
     });
   }, [isEditMode]);
-  useEffect13(() => {
+  useEffect12(() => {
     const update = () => {
       const el = activeElRef.current ?? selectedElRef.current;
       if (el) setToolbarRect(getEditMeasureEl(el).getBoundingClientRect());
@@ -16523,10 +15291,10 @@ function OhhwellsBridge() {
       vvp.removeEventListener("resize", update);
     };
   }, []);
-  const refreshStateRules = useCallback8(() => {
+  const refreshStateRules = useCallback7(() => {
     editStylesRef.current?.forceHover && (editStylesRef.current.forceHover.textContent = collectStateRules());
   }, []);
-  const processConfigRequest = useCallback8((insertAfterVal) => {
+  const processConfigRequest = useCallback7((insertAfterVal) => {
     const tracker = getSectionsTracker();
     let entries = [];
     try {
@@ -16549,7 +15317,7 @@ function OhhwellsBridge() {
     }
     window.postMessage({ type: "ow:schedule-config", insertAfter: insertAfterVal, scheduleId: null }, "*");
   }, [isEditMode]);
-  const deactivate = useCallback8(() => {
+  const deactivate = useCallback7(() => {
     const el = activeElRef.current;
     if (!el) return;
     const isFormBlock = el.dataset.ohwEditable === "form";
@@ -16565,7 +15333,7 @@ function OhhwellsBridge() {
       const original = originalContentRef.current ?? "";
       if (html !== sanitizeHtml(original)) {
         postToParentRef.current({ type: "ow:change", nodes: [{ key, text: html }] });
-        const h = document.body.scrollHeight;
+        const h = document.documentElement.scrollHeight;
         if (h > 50) postToParentRef.current({ type: "ow:height", height: h });
       }
     }
@@ -16590,12 +15358,12 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     postToParent2({ type: "ow:exit-edit" });
   }, [postToParent2]);
-  const clearSelectedAttr = useCallback8(() => {
+  const clearSelectedAttr = useCallback7(() => {
     document.querySelectorAll("[data-ohw-selected]").forEach((el) => {
       el.removeAttribute("data-ohw-selected");
     });
   }, []);
-  const deselect = useCallback8(() => {
+  const deselect = useCallback7(() => {
     clearSelectedAttr();
     selectedElRef.current = null;
     selectedHrefKeyRef.current = null;
@@ -16624,20 +15392,20 @@ function OhhwellsBridge() {
       setToolbarVariant("none");
     }
   }, [clearSelectedAttr]);
-  const markSelected = useCallback8((el) => {
+  const markSelected = useCallback7((el) => {
     clearSelectedAttr();
     el.removeAttribute("data-ohw-hovered");
     el.setAttribute("data-ohw-selected", "");
   }, [clearSelectedAttr]);
-  const isSelectedForHover = useCallback8((el) => {
+  const isSelectedForHover = useCallback7((el) => {
     if (!el) return false;
     return [selectedElRef.current, activeElRef.current].some(
       (busy) => busy && (el === busy || busy.contains(el) || el.contains(busy))
     );
   }, []);
-  const isSelectedForHoverRef = useRef10(isSelectedForHover);
+  const isSelectedForHoverRef = useRef9(isSelectedForHover);
   isSelectedForHoverRef.current = isSelectedForHover;
-  const resolveHrefKeyElement = useCallback8((hrefKey) => {
+  const resolveHrefKeyElement = useCallback7((hrefKey) => {
     if (isFooterHrefKey(hrefKey)) {
       return document.querySelector(
         `footer [data-ohw-href-key="${CSS.escape(hrefKey)}"]`
@@ -16652,7 +15420,7 @@ function OhhwellsBridge() {
       `[data-ohw-href-key="${CSS.escape(hrefKey)}"]`
     );
   }, []);
-  const resyncSelectedNavigationItem = useCallback8(() => {
+  const resyncSelectedNavigationItem = useCallback7(() => {
     const hrefKey = selectedHrefKeyRef.current;
     if (hrefKey) {
       const link = resolveHrefKeyElement(hrefKey);
@@ -16690,7 +15458,7 @@ function OhhwellsBridge() {
       );
     }
   }, [resolveHrefKeyElement]);
-  const reselectNavigationItem = useCallback8((navAnchor) => {
+  const reselectNavigationItem = useCallback7((navAnchor) => {
     selectedElRef.current = navAnchor;
     selectedHrefKeyRef.current = navAnchor.getAttribute("data-ohw-href-key");
     selectedFooterColAttrRef.current = null;
@@ -16721,7 +15489,7 @@ function OhhwellsBridge() {
     setToolbarShowEditLink(false);
     setActiveCommands(/* @__PURE__ */ new Set());
   }, [markSelected]);
-  const commitNavigationTextEdit = useCallback8((navAnchor) => {
+  const commitNavigationTextEdit = useCallback7((navAnchor) => {
     const el = activeElRef.current;
     if (!el) return;
     const key = el.dataset.ohwKey;
@@ -16735,7 +15503,7 @@ function OhhwellsBridge() {
       const original = originalContentRef.current ?? "";
       if (html !== sanitizeHtml(original)) {
         postToParent2({ type: "ow:change", nodes: [{ key, text: html }] });
-        const h = document.body.scrollHeight;
+        const h = document.documentElement.scrollHeight;
         if (h > 50) postToParent2({ type: "ow:height", height: h });
       }
     }
@@ -16754,7 +15522,7 @@ function OhhwellsBridge() {
     postToParent2({ type: "ow:exit-edit" });
     reselectNavigationItem(navAnchor);
   }, [postToParent2, reselectNavigationItem]);
-  const handleAddTopLevelNavItem = useCallback8(() => {
+  const handleAddTopLevelNavItem = useCallback7(() => {
     const items = listNavbarRootItems();
     addNavAfterAnchorRef.current = items[items.length - 1] ?? null;
     deselectRef.current();
@@ -16766,7 +15534,7 @@ function OhhwellsBridge() {
       intent: "add-nav"
     });
   }, []);
-  const maybeWarnNavLinkDropdownConflict = useCallback8(
+  const maybeWarnNavLinkDropdownConflict = useCallback7(
     (anchor) => {
       if (!isNavbarHrefKey(anchor.getAttribute("data-ohw-href-key"))) return;
       if (!navDropdownsOpenOnClick()) return;
@@ -16779,7 +15547,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const handleNavDropdownOpenChange = useCallback8((open) => {
+  const handleNavDropdownOpenChange = useCallback7((open) => {
     const selected = selectedElRef.current;
     if (!selected || !isNavigationItem2(selected)) return;
     setNavGroupForceOpen(selected, open);
@@ -16791,7 +15559,7 @@ function OhhwellsBridge() {
       }
     });
   }, []);
-  const handleFooterHeadingVisibleChange = useCallback8(
+  const handleFooterHeadingVisibleChange = useCallback7(
     (visible) => {
       const selected = selectedElRef.current;
       if (!selected || !isFooterFrameSelectionRef.current) return;
@@ -16815,7 +15583,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const enterEditOnNewItem = useCallback8((anchor) => {
+  const enterEditOnNewItem = useCallback7((anchor) => {
     const label = anchor.querySelector('[data-ohw-editable="text"]');
     if (!label) {
       selectRef.current(anchor);
@@ -16824,8 +15592,8 @@ function OhhwellsBridge() {
     setNavGroupForceOpen(anchor, true);
     activateRef.current(label);
   }, []);
-  const pendingSocialAddRef = useRef10(null);
-  const handleAddChildItem = useCallback8(() => {
+  const pendingSocialAddRef = useRef9(null);
+  const handleAddChildItem = useCallback7(() => {
     const selected = selectedElRef.current;
     if (!selected) return;
     const socialsRow = isSocialsRow(selected) ? selected : findSocialsRow(selected);
@@ -16934,7 +15702,7 @@ function OhhwellsBridge() {
       enterEditOnNewItem(result.anchor);
     });
   }, [enterEditOnNewItem, isFooterFrameSelection, maybeWarnNavLinkDropdownConflict, postToParent2]);
-  const handleAddFooterColumn = useCallback8(() => {
+  const handleAddFooterColumn = useCallback7(() => {
     if (!canAddFooterColumn()) {
       postToParent2({
         type: "ow:toast",
@@ -16955,7 +15723,7 @@ function OhhwellsBridge() {
       selectRef.current(result.firstLink);
     });
   }, [postToParent2]);
-  const clearFooterDragVisuals = useCallback8(() => {
+  const clearFooterDragVisuals = useCallback7(() => {
     footerDragRef.current = null;
     setSiblingHintRects([]);
     setFooterDropSlots([]);
@@ -16964,7 +15732,7 @@ function OhhwellsBridge() {
     setIsItemDragging(false);
     unlockFooterDragInteraction();
   }, []);
-  const refreshFooterDragVisuals = useCallback8((session, activeSlot, clientX, clientY) => {
+  const refreshFooterDragVisuals = useCallback7((session, activeSlot, clientX, clientY) => {
     const dragged = session.draggedEl;
     setDraggedItemRect(dragged.getBoundingClientRect());
     if (typeof clientX === "number" && typeof clientY === "number") {
@@ -16996,13 +15764,13 @@ function OhhwellsBridge() {
     const activeIdx = activeSlot ? slots.findIndex((s) => s.insertIndex === activeSlot.insertIndex) : -1;
     setActiveFooterDropIndex(activeIdx >= 0 ? activeIdx : null);
   }, []);
-  const refreshFooterDragVisualsRef = useRef10(refreshFooterDragVisuals);
+  const refreshFooterDragVisualsRef = useRef9(refreshFooterDragVisuals);
   refreshFooterDragVisualsRef.current = refreshFooterDragVisuals;
-  const commitFooterDragRef = useRef10(() => {
+  const commitFooterDragRef = useRef9(() => {
   });
-  const beginFooterDragRef = useRef10(() => {
+  const beginFooterDragRef = useRef9(() => {
   });
-  const beginFooterDrag = useCallback8(
+  const beginFooterDrag = useCallback7(
     (session) => {
       const rect = session.draggedEl.getBoundingClientRect();
       session.lastClientX = session.lastClientX || rect.left + rect.width / 2;
@@ -17022,7 +15790,7 @@ function OhhwellsBridge() {
     [refreshFooterDragVisuals]
   );
   beginFooterDragRef.current = beginFooterDrag;
-  const commitFooterDrag = useCallback8(
+  const commitFooterDrag = useCallback7(
     (clientX, clientY) => {
       const session = footerDragRef.current;
       if (!session) {
@@ -17151,7 +15919,7 @@ function OhhwellsBridge() {
     [clearFooterDragVisuals, resolveHrefKeyElement, resyncSelectedNavigationItem]
   );
   commitFooterDragRef.current = commitFooterDrag;
-  const startFooterLinkDrag = useCallback8(
+  const startFooterLinkDrag = useCallback7(
     (anchor, clientX, clientY, wasSelected) => {
       const hrefKey = anchor.getAttribute("data-ohw-href-key");
       if (!hrefKey) return false;
@@ -17187,7 +15955,7 @@ function OhhwellsBridge() {
     },
     [beginFooterDrag]
   );
-  const startFooterColumnDrag = useCallback8(
+  const startFooterColumnDrag = useCallback7(
     (columnEl, clientX, clientY, wasSelected) => {
       const columns = listFooterColumns();
       const idx = columns.indexOf(columnEl);
@@ -17207,7 +15975,7 @@ function OhhwellsBridge() {
     },
     [beginFooterDrag]
   );
-  const handleItemDragStart = useCallback8(
+  const handleItemDragStart = useCallback7(
     (e) => {
       const selected = selectedElRef.current;
       if (!selected) {
@@ -17227,7 +15995,7 @@ function OhhwellsBridge() {
     },
     [startFooterColumnDrag, startFooterLinkDrag, startNavLinkDrag]
   );
-  const handleItemDragEnd = useCallback8(
+  const handleItemDragEnd = useCallback7(
     (e) => {
       if (footerDragRef.current) {
         const x = e?.clientX;
@@ -17253,7 +16021,7 @@ function OhhwellsBridge() {
     },
     [commitFooterDrag, commitNavDrag, navDragRef]
   );
-  const handleItemChromePointerDown = useCallback8((e) => {
+  const handleItemChromePointerDown = useCallback7((e) => {
     if (e.button !== 0) return;
     const selected = selectedElRef.current;
     if (!selected) return;
@@ -17284,7 +16052,7 @@ function OhhwellsBridge() {
     }
     if (armNavPressFromChrome(selected, e.clientX, e.clientY, e.pointerId)) return;
   }, [armNavPressFromChrome]);
-  const handleItemChromeClick = useCallback8((clientX, clientY) => {
+  const handleItemChromeClick = useCallback7((clientX, clientY) => {
     if (suppressNextClickRef.current || Date.now() < suppressClickUntilRef.current) {
       suppressNextClickRef.current = false;
       return;
@@ -17297,7 +16065,7 @@ function OhhwellsBridge() {
   }, []);
   reselectNavigationItemRef.current = reselectNavigationItem;
   commitNavigationTextEditRef.current = commitNavigationTextEdit;
-  const select = useCallback8((anchor) => {
+  const select = useCallback7((anchor) => {
     if (!isNavigationItem2(anchor)) return;
     if (activeElRef.current) deactivate();
     aiSectionApiRef.current?.selectFromElement(anchor);
@@ -17340,7 +16108,7 @@ function OhhwellsBridge() {
     setFloatingPanel(null);
     setLogoSizeDraft(null);
   }, [deactivate, markSelected]);
-  const selectFrame = useCallback8((el) => {
+  const selectFrame = useCallback7((el) => {
     if (!isNavigationContainer(el)) return;
     if (activeElRef.current) deactivate();
     aiSectionApiRef.current?.selectFromElement(el);
@@ -17391,7 +16159,7 @@ function OhhwellsBridge() {
     setFloatingPanel(null);
     setLogoSizeDraft(null);
   }, [deactivate, markSelected, postToParent2]);
-  const selectLogo = useCallback8(
+  const selectLogo = useCallback7(
     (logoEl) => {
       if (activeElRef.current) deactivate();
       selectedElRef.current = logoEl;
@@ -17420,7 +16188,7 @@ function OhhwellsBridge() {
     },
     [deactivate, markSelected]
   );
-  const openLogoSizePanel = useCallback8((logoEl) => {
+  const openLogoSizePanel = useCallback7((logoEl) => {
     const placement = getLogoPlacement(logoEl);
     const draft = readLogoSizeState(editContentRef.current, placement);
     setLogoSizeDraft(draft);
@@ -17433,7 +16201,7 @@ function OhhwellsBridge() {
       placement
     });
   }, []);
-  const openSocialsDisplayPanel = useCallback8((row) => {
+  const openSocialsDisplayPanel = useCallback7((row) => {
     setParentScrollSnap(parentScrollRef.current);
     setFloatingPanel({
       key: "socials-display",
@@ -17443,11 +16211,11 @@ function OhhwellsBridge() {
       row
     });
   }, []);
-  const isEditModeRef = useRef10(false);
-  const requestMissingSocialIconsRef = useRef10(() => {
+  const isEditModeRef = useRef9(false);
+  const requestMissingSocialIconsRef = useRef9(() => {
   });
-  const askedSocialIconsRef = useRef10(/* @__PURE__ */ new Set());
-  const requestMissingSocialIcons = useCallback8(() => {
+  const askedSocialIconsRef = useRef9(/* @__PURE__ */ new Set());
+  const requestMissingSocialIcons = useCallback7(() => {
     const items = Array.from(document.querySelectorAll(`[${SOCIALS_ROW_ATTR}]`)).filter((row) => socialsDisplayFor(row, editContentRef.current).icon).flatMap((row) => {
       const missing = socialsMissingIcons(row);
       listSocialItems(row).forEach((item) => ensureIconSlot(item));
@@ -17459,7 +16227,7 @@ function OhhwellsBridge() {
   }, []);
   requestMissingSocialIconsRef.current = requestMissingSocialIcons;
   isEditModeRef.current = isEditMode;
-  const changeSocialsDisplay = useCallback8(
+  const changeSocialsDisplay = useCallback7(
     (row, next) => {
       if (next.icon) {
         const missing = socialsMissingIcons(row);
@@ -17483,17 +16251,17 @@ function OhhwellsBridge() {
     },
     []
   );
-  const closeFloatingPanelOnly = useCallback8(() => {
+  const closeFloatingPanelOnly = useCallback7(() => {
     setFloatingPanel(null);
     setLogoSizeDraft(null);
   }, []);
   closeFloatingPanelOnlyRef.current = closeFloatingPanelOnly;
-  const closeFloatingPanelAndDeselect = useCallback8(() => {
+  const closeFloatingPanelAndDeselect = useCallback7(() => {
     setFloatingPanel(null);
     setLogoSizeDraft(null);
     deselectRef.current();
   }, []);
-  useEffect13(() => {
+  useEffect12(() => {
     const session = floatingPanel && floatingPanel.kind === "logo-size" ? floatingPanel : null;
     if (!session || !logoSizeDraft) {
       postToParentRef.current({ type: "ow:logo-size-panel", open: false });
@@ -17512,7 +16280,7 @@ function OhhwellsBridge() {
       max: LOGO_SIZE_MAX
     });
   }, [floatingPanel, logoSizeDraft, editorViewport]);
-  const persistLogoSizeDraft = useCallback8(
+  const persistLogoSizeDraft = useCallback7(
     (placement, draft) => {
       const desktopKey = LOGO_SIZE_DESKTOP_KEYS[placement];
       const mobileKey = LOGO_SIZE_MOBILE_KEYS[placement];
@@ -17552,7 +16320,7 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  const activate = useCallback8((el, options) => {
+  const activate = useCallback7((el, options) => {
     if (activeElRef.current === el) return;
     document.querySelectorAll("[data-ohw-hovered]").forEach((hovered) => {
       hovered.removeAttribute("data-ohw-hovered");
@@ -17650,8 +16418,8 @@ function OhhwellsBridge() {
   openLogoSizePanelRef.current = openLogoSizePanel;
   deselectRef.current = deselect;
   closeFloatingPanelOnlyRef.current = closeFloatingPanelOnly;
-  const lastSiteWideScopeRef = useRef10(null);
-  useEffect13(() => {
+  const lastSiteWideScopeRef = useRef9(null);
+  useEffect12(() => {
     if (!isEditMode) {
       if (lastSiteWideScopeRef.current !== false) {
         lastSiteWideScopeRef.current = false;
@@ -17684,27 +16452,15 @@ function OhhwellsBridge() {
     }
     const applyContent = (content) => {
       const imageLoads = [];
-      if (typeof content[BRAND_KIT_KEY] === "string") {
-        brandKitRef.current = content[BRAND_KIT_KEY];
-        applyBrandToDom(parseBrandKit(content[BRAND_KIT_KEY]));
-      }
       if (typeof content[AI_SECTIONS_KEY] === "string") {
         aiSectionsRef.current = content[AI_SECTIONS_KEY];
         applyAiSectionsToDom(parseAiSectionsState(content[AI_SECTIONS_KEY]));
       }
-      if (typeof content[STYLE_STORE_KEY] === "string") {
-        stylesRef.current = content[STYLE_STORE_KEY];
-        applyStylesToDom(parseStyleStore(content[STYLE_STORE_KEY]));
-      }
-      applyBrandChrome(content);
       for (const [key, val] of Object.entries(content)) {
         if (key === "__ohw_sections") continue;
         if (key === AI_SECTIONS_KEY) continue;
         if (key === LOGO_PLACEHOLDER_KEY) continue;
         if (LOGO_IMAGE_KEYS.includes(key)) continue;
-        if (key === BRAND_KIT_KEY) continue;
-        if (key === STYLE_STORE_KEY) continue;
-        if (BRAND_CHROME_KEYS.has(key)) continue;
         if (applyVideoSettingNode(key, val)) continue;
         if (applyCarouselNode(key, val)) continue;
         document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -17765,9 +16521,7 @@ function OhhwellsBridge() {
     let cancelled = false;
     setFetchState("loading");
     const apiUrl = process.env.NEXT_PUBLIC_FLOWOPS_API_URL ?? "https://flowops-backend-staging-2yfdh7pwpq-as.a.run.app";
-    const initialPath = pathname;
-    fetchedContentPaths.add(`${subdomain}::${initialPath}`);
-    fetch(`${apiUrl}/api/public/sites/${subdomain}/content?path=${encodeURIComponent(initialPath)}`, { cache: "no-store" }).then((r2) => r2.ok ? r2.json() : null).then((data) => {
+    fetch(`${apiUrl}/api/public/sites/${subdomain}/content`, { cache: "no-store" }).then((r2) => r2.ok ? r2.json() : null).then((data) => {
       if (cancelled) return;
       const content = data?.content ?? {};
       contentCache.set(subdomain, content);
@@ -17780,7 +16534,7 @@ function OhhwellsBridge() {
       cancelled = true;
     };
   }, [subdomain, isEditMode]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (!isEditMode) return;
     const resolveIndex = (form, clientY) => {
       const wrappers = listFieldWrappers(form).filter((el) => fieldKeyOf(el) !== fieldDragRef.current?.key);
@@ -17821,7 +16575,7 @@ function OhhwellsBridge() {
       window.removeEventListener("drop", onDrop, true);
     };
   }, [buildFieldDropSlots, isEditMode, persistFields, selectField]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (!isEditMode) return;
     const mark = () => document.querySelectorAll('[data-ohw-editable="form"]').forEach((form) => {
       markFormFields(form);
@@ -17833,7 +16587,7 @@ function OhhwellsBridge() {
     });
     return () => observer.disconnect();
   }, [isEditMode, fetchState, pathname]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (!isEditMode) return;
     let saveTimer = null;
     const onInput = (e) => {
@@ -17855,14 +16609,14 @@ function OhhwellsBridge() {
     document.addEventListener("input", onInput, true);
     return () => document.removeEventListener("input", onInput, true);
   }, [isEditMode, persistFields]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (isEditMode || fetchState !== "done") return;
     const content = contentCache.get(subdomain) ?? {};
     document.querySelectorAll('[data-ohw-editable="form"]').forEach((form) => {
       reconcileFieldsFromContent(form, content);
     });
   }, [isEditMode, fetchState, subdomain]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (!isEditMode) return;
     const swallow = (e) => {
       const target = e.target;
@@ -17871,12 +16625,12 @@ function OhhwellsBridge() {
     document.addEventListener("submit", swallow, true);
     return () => document.removeEventListener("submit", swallow, true);
   }, [isEditMode]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (isEditMode || fetchState !== "done") return;
     const apiUrl = process.env.NEXT_PUBLIC_FLOWOPS_API_URL ?? "https://flowops-backend-staging-2yfdh7pwpq-as.a.run.app";
     bindPublishedForms(apiUrl, subdomain, contentCache.get(subdomain) ?? {});
   }, [isEditMode, fetchState, subdomain]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (!subdomain || isEditMode) return;
     let debounceTimer = null;
     let observer = null;
@@ -17887,25 +16641,10 @@ function OhhwellsBridge() {
       initSectionInstancesFromContent(content, window.location.pathname);
       observer?.disconnect();
       try {
-        applyBrandChrome(content);
-        if (typeof content[BRAND_KIT_KEY] === "string") {
-          applyBrandToDom(parseBrandKit(content[BRAND_KIT_KEY]));
-        }
-        if (typeof content[AI_SECTIONS_KEY] === "string") {
-          applyAiSectionsToDom(parseAiSectionsState(content[AI_SECTIONS_KEY]));
-        }
-        if (typeof content[STYLE_STORE_KEY] === "string") {
-          applyStylesToDom(parseStyleStore(content[STYLE_STORE_KEY]));
-        }
         for (const [key, val] of Object.entries(content)) {
           if (key === "__ohw_sections") continue;
-          if (key === AI_SECTIONS_KEY) continue;
           if (key === LOGO_PLACEHOLDER_KEY) continue;
           if (LOGO_IMAGE_KEYS.includes(key)) continue;
-          if (key === BRAND_KIT_KEY) continue;
-          if (key === STYLE_STORE_KEY) continue;
-          if (key === STYLE_STORE_KEY) continue;
-          if (BRAND_CHROME_KEYS.has(key)) continue;
           if (applyVideoSettingNode(key, val)) continue;
           if (applyCarouselNode(key, val)) continue;
           document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -17951,17 +16690,6 @@ function OhhwellsBridge() {
       debounceTimer = setTimeout(applyFromCache, 150);
     };
     applyFromCache();
-    const pathCacheKey = `${subdomain}::${pathname}`;
-    if (!fetchedContentPaths.has(pathCacheKey)) {
-      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) => {
-        if (!data?.content) return;
-        contentCache.set(subdomain, data.content);
-        applyFromCache();
-      }).catch(() => {
-      });
-    }
     observer = new MutationObserver(scheduleApply);
     observer.observe(document.body, { childList: true, subtree: true });
     return () => {
@@ -17975,10 +16703,10 @@ function OhhwellsBridge() {
     const visible = Boolean(subdomain) && fetchState !== "done";
     el.style.display = visible ? "flex" : "none";
   }, [subdomain, fetchState]);
-  useEffect13(() => {
+  useEffect12(() => {
     postToParent2({ type: "ow:navigation", path: pathname });
   }, [pathname, postToParent2]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (!isEditMode) return;
     if (linkPopoverSessionRef.current?.intent === "add-nav") return;
     if (document.querySelector("[data-ohw-section-picker]")) return;
@@ -17986,7 +16714,7 @@ function OhhwellsBridge() {
     deselectRef.current();
     deactivateRef.current();
   }, [pathname, isEditMode]);
-  useEffect13(() => {
+  useEffect12(() => {
     const contentForNav = () => {
       if (isEditMode) return editContentRef.current;
       if (!subdomain) return {};
@@ -18055,36 +16783,35 @@ function OhhwellsBridge() {
       observer?.disconnect();
     };
   }, [isEditMode, pathname, subdomain, fetchState, resyncSelectedNavigationItem]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (!isEditMode) return;
-    let lastPosted = 0;
     const measure = () => {
       const h = document.body.scrollHeight;
-      if (h > 50 && Math.abs(h - lastPosted) > 1) {
-        lastPosted = h;
-        postToParent2({ type: "ow:height", height: h });
-      }
-    };
-    let raf = null;
-    const schedule = () => {
-      if (raf != null) return;
-      raf = requestAnimationFrame(() => {
-        raf = null;
-        measure();
-      });
+      if (h > 50) postToParent2({ type: "ow:height", height: h });
     };
     const t1 = setTimeout(measure, 50);
     const t2 = setTimeout(measure, 500);
-    const ro = new ResizeObserver(schedule);
-    ro.observe(document.body);
+    let lastWidth = window.innerWidth;
+    let resizeTimers = [];
+    const clearResizeTimers = () => {
+      resizeTimers.forEach(clearTimeout);
+      resizeTimers = [];
+    };
+    const handleResize = () => {
+      if (window.innerWidth === lastWidth) return;
+      lastWidth = window.innerWidth;
+      clearResizeTimers();
+      resizeTimers = HEIGHT_SETTLE_DELAYS.map((delay) => setTimeout(measure, delay));
+    };
+    window.addEventListener("resize", handleResize);
     return () => {
       clearTimeout(t1);
       clearTimeout(t2);
-      if (raf != null) cancelAnimationFrame(raf);
-      ro.disconnect();
+      clearResizeTimers();
+      window.removeEventListener("resize", handleResize);
     };
   }, [pathname, isEditMode, postToParent2]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (!subdomainFromQuery || isEditMode) return;
     const handleClick = (e) => {
       const anchor = e.target.closest("a");
@@ -18100,7 +16827,7 @@ function OhhwellsBridge() {
     document.addEventListener("click", handleClick, true);
     return () => document.removeEventListener("click", handleClick, true);
   }, [subdomainFromQuery, isEditMode, router]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (!isEditMode) {
       editStylesRef.current?.base.remove();
       editStylesRef.current?.forceHover.remove();
@@ -18322,7 +17049,6 @@ function OhhwellsBridge() {
         return;
       }
       const target = e.target;
-      if (target.closest("[data-ohw-ai-review]")) return;
       if (target.closest("[data-ohw-toolbar]")) return;
       if (target.closest("[data-ohw-state-toggle]")) return;
       if (target.closest("[data-ohw-max-badge]")) return;
@@ -18334,9 +17060,6 @@ function OhhwellsBridge() {
       )) {
         return;
       }
-      if (selectedMediaElRef.current && !selectedMediaElRef.current.contains(target) && !target.closest("[data-ohw-media-overlay], [data-ohw-edit-chrome], [data-ohw-item-interaction]")) {
-        clearMediaSelectionRef.current();
-      }
       {
         const formEl = getFormElement(target);
         const onSuccessText = target.closest(`[${SUCCESS_TEXT_ATTR}]`);
@@ -18491,11 +17214,8 @@ function OhhwellsBridge() {
         if (isMediaEditable(editable) && !buttonOnMedia) {
           e.preventDefault();
           e.stopPropagation();
-          if (selectedMediaElRef.current === editable) {
-            postToParentRef.current({ type: "ow:image-pick", key: editable.dataset.ohwKey ?? "", elementType: editable.dataset.ohwEditable ?? "image" });
-          } else {
-            selectMediaElementRef.current(editable);
-          }
+          aiSectionApiRef.current?.selectFromElement(editable);
+          postToParentRef.current({ type: "ow:image-pick", key: editable.dataset.ohwKey ?? "", elementType: editable.dataset.ohwEditable ?? "image" });
           return;
         }
         const socialItem = getSocialItem(editable);
@@ -18631,7 +17351,6 @@ function OhhwellsBridge() {
     };
     const handleDblClick = (e) => {
       const target = e.target;
-      if (target.closest("[data-ohw-ai-review]")) return;
       if (target.closest("[data-ohw-toolbar]")) return;
       if (target.closest("[data-ohw-state-toggle]")) return;
       if (target.closest("[data-ohw-max-badge]")) return;
@@ -18683,9 +17402,6 @@ function OhhwellsBridge() {
         setHoveredItemRect(null);
         hoveredNavContainerRef.current = null;
         setHoveredNavContainerRect(null);
-        siblingHintElRef.current = null;
-        setSiblingHintRect(null);
-        setSiblingHintRects([]);
         return;
       }
       {
@@ -18804,6 +17520,7 @@ function OhhwellsBridge() {
             hoveredNavContainerRef.current = null;
             setHoveredNavContainerRect(null);
             hoveredItemElRef.current = editable;
+            setHoveredItemRect(isSelectedForHoverRef.current(editable) ? null : editable.getBoundingClientRect());
           }
         }
       }
@@ -19100,7 +17817,7 @@ function OhhwellsBridge() {
       }
     };
     const probeImageAt = (clientX, clientY, isDragOver = false, fromParentViewport = false) => {
-      if (linkPopoverOpenRef.current || floatingPanelOpenRef.current && isPointOverFloatingPanel(clientX, clientY)) {
+      if (linkPopoverOpenRef.current) {
         if (hoveredImageRef.current) {
           hoveredImageRef.current = null;
           hoveredImageHasTextOverlapRef.current = false;
@@ -19434,9 +18151,7 @@ function OhhwellsBridge() {
         return;
       }
       const { y } = toProbeCoords(clientX, clientY, fromParentViewport);
-      const sections = Array.from(document.querySelectorAll("[data-ohw-section]")).filter(
-        (el) => !el.hasAttribute("data-ohw-ai-template-hidden") && !el.hasAttribute("data-ohw-ai-removed") && !el.hasAttribute("data-ohw-ai-replaced-by") && el.getBoundingClientRect().height > 0
-      ).sort((a, b) => a.getBoundingClientRect().top - b.getBoundingClientRect().top);
+      const sections = Array.from(document.querySelectorAll("[data-ohw-section]")).sort((a, b) => a.getBoundingClientRect().top - b.getBoundingClientRect().top);
       const ZONE = 20;
       for (let i = 0; i < sections.length; i++) {
         const a = sections[i];
@@ -19465,7 +18180,8 @@ function OhhwellsBridge() {
     };
     const handleMouseMove = (e) => {
       const { clientX, clientY } = e;
-      if (document.documentElement.hasAttribute("data-ohw-panel-dragging") || floatingPanelOpenRef.current && isPointOverFloatingPanel(clientX, clientY) || isOverEditorChrome(clientX, clientY)) {
+      if (pointOwnedByFloatingPanel(clientX, clientY)) return;
+      if (isOverEditorChrome(clientX, clientY)) {
         document.querySelectorAll("[data-ohw-hovered]").forEach((el) => el.removeAttribute("data-ohw-hovered"));
         formHoverElRef.current = null;
         setFormHoverRect(null);
@@ -19473,12 +18189,6 @@ function OhhwellsBridge() {
         setHoveredItemRect(null);
         hoveredNavContainerRef.current = null;
         setHoveredNavContainerRect(null);
-        siblingHintElRef.current = null;
-        setSiblingHintRect(null);
-        setSiblingHintRects([]);
-        dismissImageHover();
-        clearImageHover();
-        setSectionGap(null);
         return;
       }
       if (probeSocialsRowAt(clientX, clientY)) return;
@@ -19490,11 +18200,7 @@ function OhhwellsBridge() {
       if (e.data?.type !== "ow:pointer-sync") return;
       const { clientX, clientY } = e.data;
       if (typeof clientX !== "number" || typeof clientY !== "number") return;
-      if (document.documentElement.hasAttribute("data-ohw-panel-dragging") || floatingPanelOpenRef.current && isPointOverFloatingPanel(clientX, clientY)) {
-        dismissImageHover();
-        clearImageHover();
-        return;
-      }
+      if (pointOwnedByFloatingPanel(clientX, clientY)) return;
       if (probeSocialsRowAt(clientX, clientY)) return;
       probeSectionGapAt(clientX, clientY);
       probeImageAt(clientX, clientY);
@@ -19769,7 +18475,7 @@ function OhhwellsBridge() {
       timers.set(key, setTimeout(() => {
         timers.delete(key);
         postToParentRef.current({ type: "ow:change", nodes: [{ key, text: html }] });
-        const h = document.body.scrollHeight;
+        const h = document.documentElement.scrollHeight;
         if (h > 50) postToParentRef.current({ type: "ow:height", height: h });
       }, 400));
     };
@@ -19777,19 +18483,10 @@ function OhhwellsBridge() {
       if (e.data?.type !== "ow:hydrate") return;
       const content = e.data.content;
       if (!content) return;
-      if (typeof content[BRAND_KIT_KEY] === "string") {
-        brandKitRef.current = content[BRAND_KIT_KEY];
-        applyBrandToDom(parseBrandKit(content[BRAND_KIT_KEY]));
-      }
       if (typeof content[AI_SECTIONS_KEY] === "string") {
         aiSectionsRef.current = content[AI_SECTIONS_KEY];
         applyAiSectionsToDom(parseAiSectionsState(content[AI_SECTIONS_KEY]));
       }
-      if (typeof content[STYLE_STORE_KEY] === "string") {
-        stylesRef.current = content[STYLE_STORE_KEY];
-        applyStylesToDom(parseStyleStore(content[STYLE_STORE_KEY]));
-      }
-      applyBrandChrome(content);
       let sectionsJson = null;
       for (const [key, val] of Object.entries(content)) {
         if (key === "__ohw_sections") {
@@ -19799,9 +18496,6 @@ function OhhwellsBridge() {
         if (key === AI_SECTIONS_KEY) continue;
         if (key === LOGO_PLACEHOLDER_KEY) continue;
         if (LOGO_IMAGE_KEYS.includes(key) && !String(val ?? "").trim()) continue;
-        if (key === BRAND_KIT_KEY) continue;
-        if (key === STYLE_STORE_KEY) continue;
-        if (BRAND_CHROME_KEYS.has(key)) continue;
         if (applyVideoSettingNode(key, val)) continue;
         if (applyCarouselNode(key, val)) continue;
         document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -19815,8 +18509,6 @@ function OhhwellsBridge() {
             if (video && video.src !== val) applyVideoSrc(video, val);
           } else if (el.dataset.ohwEditable === "link") {
             applyLinkHref(el, val);
-          } else if (el.dataset.ohwEditable === "icon") {
-            applyIconMarkup(el, val);
           } else if (isIconMarkupValue(val)) {
           } else {
             el.innerHTML = val;
@@ -19837,7 +18529,7 @@ function OhhwellsBridge() {
       reconcileFooterOrderFromContent(editContentRef.current);
       syncNavigationDragCursorAttrs();
       enforceLinkHrefs();
-      const hydratedHeight = document.body.scrollHeight;
+      const hydratedHeight = document.documentElement.scrollHeight;
       if (hydratedHeight > 50) postToParentRef.current({ type: "ow:height", height: hydratedHeight });
       postToParentRef.current({ type: "ow:hydrate-done" });
     };
@@ -19901,25 +18593,16 @@ function OhhwellsBridge() {
         nodes: collectEditableNodes(editContentRef.current)
       });
     };
-    const clearInteractionChrome = () => {
-      deactivateRef.current();
-      deselectRef.current();
-      clearMediaSelectionRef.current();
-    };
     const handleAiApplyTree = (e) => {
       if (e.data?.type !== "ow:ai-apply-tree") return;
       const payload = e.data.payload;
       if (!payload || typeof payload.id !== "string" || !isRenderableTree(payload.tree)) return;
-      clearInteractionChrome();
       const previous = aiSectionsRef.current;
-      const nextState = applyTreeToState(parseAiSectionsState(previous), {
-        ...payload,
-        path: payload.path ?? window.location.pathname
-      });
+      const nextState = applyTreeToState(parseAiSectionsState(previous), payload);
       const nextValue = serializeAiSectionsState(nextState);
       aiSectionsRef.current = nextValue;
       applyAiSectionsToDom(nextState);
-      const newHeight = document.body.scrollHeight;
+      const newHeight = document.documentElement.scrollHeight;
       if (newHeight > 50) postToParentRef.current({ type: "ow:height", height: newHeight });
       postToParentRef.current({ type: "ow:change", nodes: [{ key: AI_SECTIONS_KEY, text: nextValue }] });
       const appliedEl = document.querySelector(`[data-ohw-section="${CSS.escape(payload.id)}"]`);
@@ -19936,13 +18619,12 @@ function OhhwellsBridge() {
       const exists = document.querySelector(`[data-ohw-section="${CSS.escape(sectionId)}"]`);
       if (!exists) return;
       if (isPageFrameSection(exists)) return;
-      clearInteractionChrome();
       const previous = aiSectionsRef.current;
       const nextState = deleteSectionFromState(parseAiSectionsState(previous), sectionId);
       const nextValue = serializeAiSectionsState(nextState);
       aiSectionsRef.current = nextValue;
       applyAiSectionsToDom(nextState);
-      const newHeight = document.body.scrollHeight;
+      const newHeight = document.documentElement.scrollHeight;
       if (newHeight > 50) postToParentRef.current({ type: "ow:height", height: newHeight });
       postToParentRef.current({ type: "ow:change", nodes: [{ key: AI_SECTIONS_KEY, text: nextValue }] });
       postToParentRef.current({ type: "ow:ai-section-deleted", sectionId, previous, value: nextValue });
@@ -19952,106 +18634,20 @@ function OhhwellsBridge() {
     const handleAiSetSections = (e) => {
       if (e.data?.type !== "ow:ai-set-sections") return;
       const value = typeof e.data.value === "string" ? e.data.value : "";
-      clearInteractionChrome();
       aiSectionsRef.current = value;
       applyAiSectionsToDom(parseAiSectionsState(value));
-      applyStylesToDom(parseStyleStore(stylesRef.current));
-      const restoredHeight = document.body.scrollHeight;
+      const restoredHeight = document.documentElement.scrollHeight;
       if (restoredHeight > 50) postToParentRef.current({ type: "ow:height", height: restoredHeight });
       postToParentRef.current({ type: "ow:change", nodes: [{ key: AI_SECTIONS_KEY, text: value }] });
       postAiSectionsChanged();
     };
     window.addEventListener("message", handleAiSetSections);
-    const handleMoveSection = (e) => {
-      if (e.data?.type !== "ow:move-section") return;
-      const instanceId = typeof e.data.instanceId === "string" ? e.data.instanceId : "";
-      const direction = e.data.direction === "up" || e.data.direction === "down" ? e.data.direction : null;
-      if (!instanceId || !direction) return;
-      const entries = moveSectionInstance(instanceId, direction, window.location.pathname);
-      if (!entries) return;
-      const orderJson = JSON.stringify(entries);
-      editContentRef.current = { ...editContentRef.current, [SECTION_ORDER_KEY]: orderJson };
-      postToParentRef.current({ type: "ow:change", nodes: [{ key: SECTION_ORDER_KEY, text: orderJson }] });
-      window.dispatchEvent(new Event("resize"));
-    };
-    window.addEventListener("message", handleMoveSection);
-    const handleAiSetBrand = (e) => {
-      if (e.data?.type !== "ow:ai-set-brand") return;
-      const value = typeof e.data.value === "string" ? e.data.value : "";
-      const previous = brandKitRef.current;
-      brandKitRef.current = value;
-      applyBrandToDom(parseBrandKit(value));
-      if (aiSectionsRef.current) applyAiSectionsToDom(parseAiSectionsState(aiSectionsRef.current));
-      applyStylesToDom(parseStyleStore(stylesRef.current));
-      postToParentRef.current({ type: "ow:change", nodes: [{ key: BRAND_KIT_KEY, text: value }] });
-      postToParentRef.current({ type: "ow:ai-brand-applied", previous, value });
-    };
-    window.addEventListener("message", handleAiSetBrand);
-    const handleAiSetStyles = (e) => {
-      if (e.data?.type !== "ow:ai-set-styles") return;
-      const value = typeof e.data.value === "string" ? e.data.value : "";
-      const previous = stylesRef.current;
-      stylesRef.current = value;
-      applyStylesToDom(parseStyleStore(value));
-      postToParentRef.current({ type: "ow:change", nodes: [{ key: STYLE_STORE_KEY, text: value }] });
-      postToParentRef.current({ type: "ow:ai-styles-applied", previous, value });
-    };
-    window.addEventListener("message", handleAiSetStyles);
-    const handleGetBrand = (e) => {
-      if (e.data?.type !== "ow:get-brand") return;
-      const template = deriveTemplateBrand();
-      const value = brandKitRef.current || (template ? JSON.stringify(template) : "");
-      postToParentRef.current({ type: "ow:brand-value", value });
-    };
-    window.addEventListener("message", handleGetBrand);
     const handlePanelDragging = (e) => {
       if (e.data?.type !== "ow:panel-dragging") return;
       if (e.data.dragging) document.documentElement.setAttribute("data-ohw-panel-dragging", "");
       else document.documentElement.removeAttribute("data-ohw-panel-dragging");
     };
     window.addEventListener("message", handlePanelDragging);
-    const handleDeleteSection = (e) => {
-      if (e.data?.type !== "ow:delete-section") return;
-      const instanceId = typeof e.data.instanceId === "string" ? e.data.instanceId : "";
-      if (!instanceId) return;
-      const currentEntries = getPageSectionOrderEntries(editContentRef.current[SECTION_ORDER_KEY], window.location.pathname);
-      const entries = deleteSectionInstance(instanceId, window.location.pathname, currentEntries);
-      if (!entries) return;
-      const orderJson = JSON.stringify(entries);
-      editContentRef.current = { ...editContentRef.current, [SECTION_ORDER_KEY]: orderJson };
-      postToParentRef.current({ type: "ow:change", nodes: [{ key: SECTION_ORDER_KEY, text: orderJson }] });
-      aiSectionApiRef.current?.clear();
-      window.dispatchEvent(new Event("resize"));
-      const deleteHeight = document.body.scrollHeight;
-      if (deleteHeight > 50) postToParentRef.current({ type: "ow:height", height: deleteHeight });
-      const actionId = newInstanceId();
-      pendingDeleteUndoRef.current = {
-        actionId,
-        restore: () => {
-          const restoredEntries = getPageSectionOrderEntries(
-            editContentRef.current[SECTION_ORDER_KEY],
-            window.location.pathname
-          );
-          const restored = restoreSectionInstance(instanceId, window.location.pathname, restoredEntries);
-          if (!restored) return;
-          const restoredJson = JSON.stringify(restored);
-          editContentRef.current = { ...editContentRef.current, [SECTION_ORDER_KEY]: restoredJson };
-          postToParentRef.current({ type: "ow:change", nodes: [{ key: SECTION_ORDER_KEY, text: restoredJson }] });
-          window.dispatchEvent(new Event("resize"));
-          const restoreHeight = document.body.scrollHeight;
-          if (restoreHeight > 50) postToParentRef.current({ type: "ow:height", height: restoreHeight });
-        }
-      };
-      postToParentRef.current({
-        type: "ow:toast",
-        title: "Section deleted",
-        toastType: "success",
-        actionLabel: "Undo",
-        actionId,
-        duration: 6e3
-      });
-    };
-    window.addEventListener("message", handleDeleteSection);
     const handleDeactivate = (e) => {
       if (e.data?.type !== "ow:deactivate") return;
       if (document.documentElement.hasAttribute("data-ohw-panel-dragging")) return;
@@ -20061,15 +18657,8 @@ function OhhwellsBridge() {
         closeLinkPopoverRef.current();
         return;
       }
-      if (floatingPanelOpenRef.current) {
-        setFloatingPanelRef.current(null);
-        deselectRef.current();
-        deactivateRef.current();
-        return;
-      }
       deselectRef.current();
       deactivateRef.current();
-      clearMediaSelectionRef.current();
     };
     window.addEventListener("message", handleDeactivate);
     const handleToastAction = (e) => {
@@ -20155,10 +18744,6 @@ function OhhwellsBridge() {
     const handleKeyDown = (e) => {
       if (e.key === "Escape" && document.querySelector("[data-ohw-section-picker]")) return;
       if (e.key === "Escape" && document.querySelector("[data-ohw-more-menu]")) return;
-      if (e.key === "Escape" && selectedMediaElRef.current) {
-        clearMediaSelectionRef.current();
-        return;
-      }
       if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "a" && activeElRef.current) {
         e.preventDefault();
         selectAllTextInEditable(activeElRef.current);
@@ -20318,12 +18903,6 @@ function OhhwellsBridge() {
       if (aiSectionsRef.current) {
         nodes.push({ key: AI_SECTIONS_KEY, type: "sections", text: aiSectionsRef.current });
       }
-      if (stylesRef.current) {
-        nodes.push({ key: STYLE_STORE_KEY, type: "styles", text: stylesRef.current });
-      }
-      if (brandKitRef.current) {
-        nodes.push({ key: BRAND_KIT_KEY, type: "brand", text: brandKitRef.current });
-      }
       document.querySelectorAll('[data-ohw-editable="form"]').forEach((form) => {
         const formKey = formKeyOf(form);
         if (!formKey) return;
@@ -20341,12 +18920,8 @@ function OhhwellsBridge() {
       if (inserted) {
         const tracker = getSectionsTracker();
         postToParentRef.current({ type: "ow:change", nodes: [{ key: "__ohw_sections", text: tracker.textContent ?? "[]" }] });
-        const reportHeight = () => {
-          const h = document.body.scrollHeight;
-          if (h > 50) postToParentRef.current({ type: "ow:height", height: h });
-        };
-        reportHeight();
-        setTimeout(reportHeight, 500);
+        const h = document.documentElement.scrollHeight;
+        if (h > 50) postToParentRef.current({ type: "ow:height", height: h });
       }
     };
     const handleSwitchSchedule = (e) => {
@@ -20387,7 +18962,7 @@ function OhhwellsBridge() {
       const updated = sections.filter((s) => !(s.type === "scheduling" && s.pagePath === currentPath));
       tracker.textContent = JSON.stringify(updated);
       postToParentRef.current({ type: "ow:change", nodes: [{ key: "__ohw_sections", text: tracker.textContent }] });
-      const h = document.body.scrollHeight;
+      const h = document.documentElement.scrollHeight;
       if (h > 50) postToParentRef.current({ type: "ow:height", height: h });
     };
     const handleCollectSection = (e) => {
@@ -20742,24 +19317,19 @@ function OhhwellsBridge() {
       window.removeEventListener("message", handleAiApplyTree);
       window.removeEventListener("message", handleAiDeleteSection);
       window.removeEventListener("message", handleAiSetSections);
-      window.removeEventListener("message", handleMoveSection);
-      window.removeEventListener("message", handleAiSetBrand);
-      window.removeEventListener("message", handleAiSetStyles);
-      window.removeEventListener("message", handleGetBrand);
       window.removeEventListener("message", handlePanelDragging);
-      window.removeEventListener("message", handleDeleteSection);
       window.removeEventListener("message", handleDeactivate);
+      document.documentElement.removeAttribute("data-ohw-panel-dragging");
       window.removeEventListener("message", handleToastAction);
       window.removeEventListener("message", handleFormCount);
       window.removeEventListener("message", handleUiEscape);
-      document.documentElement.removeAttribute("data-ohw-panel-dragging");
       autoSaveTimers.current.forEach(clearTimeout);
       autoSaveTimers.current.clear();
       if (imageUnhoverTimerRef.current) clearTimeout(imageUnhoverTimerRef.current);
       if (imageShowTimerRef.current) clearTimeout(imageShowTimerRef.current);
     };
   }, [isEditMode, refreshStateRules]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (!isEditMode) return;
     const THRESHOLD = 10;
     const resolveWasSelected = (el) => {
@@ -20915,7 +19485,7 @@ function OhhwellsBridge() {
       unlockFooterDragInteraction();
     };
   }, [isEditMode]);
-  useEffect13(() => {
+  useEffect12(() => {
     const handler = (e) => {
       if (e.data?.type !== "ow:request-schedule-config") return;
       const insertAfterVal = e.data.insertAfter;
@@ -20931,7 +19501,7 @@ function OhhwellsBridge() {
     window.addEventListener("message", handler);
     return () => window.removeEventListener("message", handler);
   }, [processConfigRequest]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (!isEditMode) return;
     document.querySelectorAll("[data-ohw-active-state]").forEach((el) => {
       el.removeAttribute("data-ohw-active-state");
@@ -20955,7 +19525,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.71-next.218",
+        bridgeVersion: "0.1.72",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections
@@ -20967,13 +19537,13 @@ function OhhwellsBridge() {
       clearTimeout(timer);
     };
   }, [pathname, isEditMode, refreshStateRules, postToParent2]);
-  useEffect13(() => {
+  useEffect12(() => {
     scrollToHashSectionWhenReady();
     const onHashChange = () => scrollToHashSectionWhenReady();
     window.addEventListener("hashchange", onHashChange);
     return () => window.removeEventListener("hashchange", onHashChange);
   }, [pathname]);
-  const handleCommand = useCallback8((cmd) => {
+  const handleCommand = useCallback7((cmd) => {
     const el = activeElRef.current;
     const selBefore = window.getSelection();
     let savedOffsets = null;
@@ -21009,7 +19579,7 @@ function OhhwellsBridge() {
     if (el) setToolbarRect(getEditMeasureEl(el).getBoundingClientRect());
     refreshActiveCommandsRef.current();
   }, []);
-  useEffect13(() => {
+  useEffect12(() => {
     const session = floatingPanel && floatingPanel.kind === "logo-size" ? floatingPanel : null;
     if (!session || !logoSizeDraft) return;
     const onPanelAction = (e) => {
@@ -21047,7 +19617,7 @@ function OhhwellsBridge() {
     window.addEventListener("message", onPanelAction);
     return () => window.removeEventListener("message", onPanelAction);
   }, [floatingPanel, logoSizeDraft, editorViewport, persistLogoSizeDraft, closeFloatingPanelAndDeselect]);
-  const handleStateChange = useCallback8((state) => {
+  const handleStateChange = useCallback7((state) => {
     if (!activeStateElRef.current) return;
     const el = activeStateElRef.current;
     if (state === "Default") {
@@ -21060,7 +19630,7 @@ function OhhwellsBridge() {
     }
     setToggleState((prev) => prev ? { ...prev, activeState: state } : null);
   }, [deactivate]);
-  const reselectAfterLinkPopover = useCallback8(
+  const reselectAfterLinkPopover = useCallback7(
     (hrefKey) => {
       requestAnimationFrame(() => {
         const el = resolveHrefKeyElement(hrefKey);
@@ -21069,7 +19639,7 @@ function OhhwellsBridge() {
     },
     [resolveHrefKeyElement]
   );
-  const closeLinkPopover = useCallback8(() => {
+  const closeLinkPopover = useCallback7(() => {
     const session = linkPopoverSessionRef.current;
     addNavAfterAnchorRef.current = null;
     setLinkPopover(null);
@@ -21077,9 +19647,9 @@ function OhhwellsBridge() {
       reselectAfterLinkPopover(session.key);
     }
   }, [reselectAfterLinkPopover]);
-  const closeLinkPopoverRef = useRef10(closeLinkPopover);
+  const closeLinkPopoverRef = useRef9(closeLinkPopover);
   closeLinkPopoverRef.current = closeLinkPopover;
-  const openLinkPopoverForActive = useCallback8(() => {
+  const openLinkPopoverForActive = useCallback7(() => {
     const hrefCtx = getHrefKeyFromElement(activeElRef.current);
     if (!hrefCtx) return;
     bumpLinkPopoverGrace();
@@ -21090,7 +19660,7 @@ function OhhwellsBridge() {
     });
     deactivate();
   }, [deactivate]);
-  const openLinkPopoverForSelected = useCallback8(() => {
+  const openLinkPopoverForSelected = useCallback7(() => {
     const anchor = selectedElRef.current;
     if (!anchor) return;
     const key = anchor.getAttribute("data-ohw-href-key");
@@ -21107,7 +19677,7 @@ function OhhwellsBridge() {
     });
     deselect();
   }, [deselect]);
-  const handleSelectParent = useCallback8(() => {
+  const handleSelectParent = useCallback7(() => {
     const selected = selectedElRef.current;
     if (!selected) return;
     if (toolbarVariantRef.current === "select-frame") {
@@ -21134,7 +19704,7 @@ function OhhwellsBridge() {
     }
     deselectRef.current();
   }, []);
-  const handleDuplicateSelected = useCallback8(() => {
+  const handleDuplicateSelected = useCallback7(() => {
     const selected = selectedElRef.current;
     if (!selected || !isNavigationItem2(selected)) return;
     const hrefKey = selected.getAttribute("data-ohw-href-key");
@@ -21267,7 +19837,7 @@ function OhhwellsBridge() {
       });
     }
   }, [postToParent2]);
-  const runPendingDeleteUndo = useCallback8(() => {
+  const runPendingDeleteUndo = useCallback7(() => {
     const pending = pendingDeleteUndoRef.current;
     if (!pending) return false;
     pendingDeleteUndoRef.current = null;
@@ -21275,7 +19845,7 @@ function OhhwellsBridge() {
     enforceLinkHrefs();
     return true;
   }, []);
-  const handleDeleteSelected = useCallback8(() => {
+  const handleDeleteSelected = useCallback7(() => {
     const selected = selectedElRef.current;
     if (!selected) return false;
     return deleteSelectedNavFooterItem({
@@ -21296,7 +19866,7 @@ function OhhwellsBridge() {
   }, [postToParent2]);
   handleDeleteSelectedRef.current = handleDeleteSelected;
   runPendingDeleteUndoRef.current = runPendingDeleteUndo;
-  const handleLinkPopoverSubmit = useCallback8(
+  const handleLinkPopoverSubmit = useCallback7(
     (target) => {
       const session = linkPopoverSessionRef.current;
       if (!session) return;
@@ -21362,30 +19932,19 @@ function OhhwellsBridge() {
   const showEditLink = toolbarShowEditLink;
   const currentSections = sectionsByPath[pathname] ?? [];
   linkPopoverOpenRef.current = linkPopover !== null;
-  const handleMediaSelect = useCallback8((key) => {
-    const el = hoveredImageRef.current?.dataset.ohwKey === key ? hoveredImageRef.current : Array.from(document.querySelectorAll(MEDIA_SELECTOR)).find(
-      (m) => (m.dataset.ohwKey ?? "") === key
-    ) ?? null;
-    if (!el) return;
-    selectMediaElementRef.current(el);
-  }, []);
-  const handleMediaReplace = useCallback8(
+  const handleMediaReplace = useCallback7(
     (key) => {
-      postToParent2({
-        type: "ow:image-pick",
-        key,
-        elementType: mediaHover?.elementType ?? selectedMedia?.elementType ?? "image"
-      });
+      postToParent2({ type: "ow:image-pick", key, elementType: mediaHover?.elementType ?? "image" });
     },
-    [postToParent2, mediaHover?.elementType, selectedMedia?.elementType]
+    [postToParent2, mediaHover?.elementType]
   );
-  const handleEditCarousel = useCallback8(
+  const handleEditCarousel = useCallback7(
     (key) => {
       postToParent2({ type: "ow:carousel-open", key, images: readCarouselValue(key) });
     },
     [postToParent2]
   );
-  const handleMediaFadeOutComplete = useCallback8((key) => {
+  const handleMediaFadeOutComplete = useCallback7((key) => {
     setUploadingRects((prev) => {
       if (!(key in prev)) return prev;
       const next = { ...prev };
@@ -21393,7 +19952,7 @@ function OhhwellsBridge() {
       return next;
     });
   }, []);
-  const handleVideoSettingsChange = useCallback8(
+  const handleVideoSettingsChange = useCallback7(
     (key, settings) => {
       document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
         const video = getVideoEl2(el);
@@ -21415,516 +19974,430 @@ function OhhwellsBridge() {
     },
     [postToParent2]
   );
-  return /* @__PURE__ */ jsxs20(Fragment8, { children: [
-    /* @__PURE__ */ jsx33("div", { id: "ohw-loader", suppressHydrationWarning: true, style: { ...OHW_LOADER_STYLE, display: "none" }, children: /* @__PURE__ */ jsx33(OhwLoaderSpinner, {}) }),
-    /* @__PURE__ */ jsx33("script", { suppressHydrationWarning: true, dangerouslySetInnerHTML: { __html: OHW_LOADER_PREHYDRATE_SCRIPT } }),
-    bridgeRoot ? createPortal2(
-      /* @__PURE__ */ jsxs20(Fragment8, { children: [
-        /* @__PURE__ */ jsx33("div", { ref: attachVisibleViewport, "data-ohw-visible-viewport": "", "aria-hidden": true }),
-        isEditMode && /* @__PURE__ */ jsx33(AiSectionOverlay, { postToParent: postToParent2, apiRef: aiSectionApiRef }),
-        isSectionDragging && sectionDropSlots.map((slot, i) => /* @__PURE__ */ jsx33(
-          "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__ */ jsx33(
-              DropIndicator,
-              {
-                direction: "horizontal",
-                state: activeSectionDropIndex === i ? "dragActive" : "dragIdle",
-                className: "!h-full !w-full"
-              }
-            )
-          },
-          `section-drop-${slot.insertIndex}-${i}`
-        )),
-        Object.entries(uploadingRects).map(([key, { rect, fadingOut }]) => /* @__PURE__ */ jsx33(
-          MediaOverlay,
-          {
-            hover: { key, rect, elementType: "image", isDragOver: false, hasTextOverlap: false },
-            isUploading: true,
-            fadingOut,
-            onFadeOutComplete: handleMediaFadeOutComplete,
-            onReplace: handleMediaReplace
-          },
-          `uploading-${key}`
-        )),
-        mediaHover && !(mediaHover.key in uploadingRects) && mediaHover.key !== selectedMedia?.key && /* @__PURE__ */ jsx33(
-          MediaOverlay,
-          {
-            hover: mediaHover,
-            isUploading: false,
-            onReplace: handleMediaReplace,
-            onSelect: handleMediaSelect,
-            onVideoSettingsChange: handleVideoSettingsChange
-          }
-        ),
-        selectedMedia && !(selectedMedia.key in uploadingRects) && !linkPopover && /* @__PURE__ */ jsx33(
-          MediaOverlay,
-          {
-            hover: selectedMedia,
-            selected: true,
-            hovered: mediaHover?.key === selectedMedia.key,
-            isUploading: false,
-            onReplace: handleMediaReplace,
-            onSelect: handleMediaSelect,
-            onVideoSettingsChange: handleVideoSettingsChange
-          }
-        ),
-        carouselHover && !linkPopover && !isItemDragging && /* @__PURE__ */ jsx33(CarouselOverlay, { hover: carouselHover, onEdit: handleEditCarousel }),
-        siblingHintRect && !linkPopover && !isItemDragging && siblingHintRects.length === 0 && /* @__PURE__ */ jsx33(ItemInteractionLayer, { rect: siblingHintRect, state: "sibling-hint" }),
-        siblingHintRects.length > 0 && !linkPopover && !isItemDragging && siblingHintRects.map((rect, i) => /* @__PURE__ */ jsx33(ItemInteractionLayer, { rect, state: "sibling-hint" }, `sibling-hint-${i}`)),
-        isItemDragging && draggedItemRect && selectedElRef.current !== footerDragRef.current?.draggedEl && selectedElRef.current !== navDragRef.current?.draggedEl && /* @__PURE__ */ jsx33(ItemInteractionLayer, { rect: draggedItemRect, state: "dragging" }),
-        isItemDragging && footerDropSlots.map((slot, i) => /* @__PURE__ */ jsx33(
-          "div",
-          {
-            className: "pointer-events-none fixed z-2147483646",
-            style: {
-              left: slot.left,
-              top: slot.top,
-              width: slot.width,
-              height: slot.height
-            },
-            children: /* @__PURE__ */ jsx33(
-              DropIndicator,
-              {
-                direction: slot.direction,
-                state: activeFooterDropIndex === i ? "dragActive" : "dragIdle",
-                className: "!h-full !w-full"
-              }
-            )
-          },
-          `footer-drop-${slot.direction}-${slot.columnIndex}-${slot.insertIndex}-${i}`
-        )),
-        isItemDragging && navDropSlots.map((slot, i) => /* @__PURE__ */ jsx33(
-          "div",
-          {
-            className: "pointer-events-none fixed z-2147483646",
-            style: {
-              left: slot.left,
-              top: slot.top,
-              width: slot.width,
-              height: slot.height
-            },
-            children: /* @__PURE__ */ jsx33(
-              DropIndicator,
-              {
-                direction: slot.direction,
-                state: activeNavDropIndex === i ? "dragActive" : "dragIdle",
-                className: "!h-full !w-full"
-              }
-            )
+  return bridgeRoot ? createPortal2(
+    /* @__PURE__ */ jsxs20(Fragment8, { children: [
+      /* @__PURE__ */ jsx33("div", { ref: attachVisibleViewport, "data-ohw-visible-viewport": "", "aria-hidden": true }),
+      isEditMode && /* @__PURE__ */ jsx33(AiSectionOverlay, { postToParent: postToParent2, apiRef: aiSectionApiRef }),
+      Object.entries(uploadingRects).map(([key, { rect, fadingOut }]) => /* @__PURE__ */ jsx33(
+        MediaOverlay,
+        {
+          hover: { key, rect, elementType: "image", isDragOver: false, hasTextOverlap: false },
+          isUploading: true,
+          fadingOut,
+          onFadeOutComplete: handleMediaFadeOutComplete,
+          onReplace: handleMediaReplace
+        },
+        `uploading-${key}`
+      )),
+      mediaHover && !(mediaHover.key in uploadingRects) && /* @__PURE__ */ jsx33(
+        MediaOverlay,
+        {
+          hover: mediaHover,
+          isUploading: false,
+          onReplace: handleMediaReplace,
+          onVideoSettingsChange: handleVideoSettingsChange
+        }
+      ),
+      carouselHover && !linkPopover && !isItemDragging && /* @__PURE__ */ jsx33(CarouselOverlay, { hover: carouselHover, onEdit: handleEditCarousel }),
+      siblingHintRect && !linkPopover && !isItemDragging && siblingHintRects.length === 0 && /* @__PURE__ */ jsx33(ItemInteractionLayer, { rect: siblingHintRect, state: "sibling-hint" }),
+      siblingHintRects.length > 0 && !linkPopover && !isItemDragging && siblingHintRects.map((rect, i) => /* @__PURE__ */ jsx33(ItemInteractionLayer, { rect, state: "sibling-hint" }, `sibling-hint-${i}`)),
+      isItemDragging && draggedItemRect && selectedElRef.current !== footerDragRef.current?.draggedEl && selectedElRef.current !== navDragRef.current?.draggedEl && /* @__PURE__ */ jsx33(ItemInteractionLayer, { rect: draggedItemRect, state: "dragging" }),
+      isItemDragging && footerDropSlots.map((slot, i) => /* @__PURE__ */ jsx33(
+        "div",
+        {
+          className: "pointer-events-none fixed z-2147483646",
+          style: {
+            left: slot.left,
+            top: slot.top,
+            width: slot.width,
+            height: slot.height
           },
-          `nav-drop-${slot.direction}-${slot.parentId ?? "root"}-${slot.insertIndex}-${i}`
-        )),
-        hoveredNavContainerRect && (toolbarVariant !== "select-frame" || isFooterFrameSelection) && !linkPopover && !isItemDragging && /* @__PURE__ */ jsx33(ItemInteractionLayer, { rect: hoveredNavContainerRect, state: "hover" }),
-        hoveredItemRect && !linkPopover && !hoveredNavContainerRect && !isItemDragging && hoveredItemElRef.current !== selectedElRef.current && /* @__PURE__ */ jsx33(ItemInteractionLayer, { rect: hoveredItemRect, state: "hover" }),
-        hoveredTextRect && !hoveredNavContainerRect && !hoveredItemRect && !isItemDragging && toolbarVariant !== "rich-text" && /* @__PURE__ */ jsx33(ItemInteractionLayer, { rect: hoveredTextRect, state: "hover" }),
-        formPickRect && !isItemDragging && /* @__PURE__ */ jsx33(
-          ItemInteractionLayer,
-          {
-            rect: formPickRect,
-            state: "active-top",
-            itemDragSurface: false,
-            toolbarAlign: "left",
-            chromeGap: 24,
-            toolbar: fieldPickRect ? void 0 : /* @__PURE__ */ jsxs20(
-              "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__ */ jsx33(
-                    "button",
-                    {
-                      type: "button",
-                      "aria-label": "Add field",
-                      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__ */ jsx33(Plus4, { size: 15, "aria-hidden": true })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx33("div", { className: "mx-0.5 h-5 w-px bg-border" }),
-                  /* @__PURE__ */ jsxs20(
-                    "button",
-                    {
-                      type: "button",
-                      className: "flex h-7 items-center gap-1.5 whitespace-nowrap rounded-md px-2 text-[13px] font-semibold text-foreground transition-colors hover:bg-muted/80",
-                      onClick: () => {
-                        setFieldTypePickerOpen(false);
-                        const form = formPickElRef.current;
-                        if (!form) return;
-                        postToParent2({
-                          type: "ow:form-pick",
-                          formKey: formKeyOf(form),
-                          hasLongText: formHasLongText(form)
-                        });
-                      },
-                      children: [
-                        /* @__PURE__ */ jsx33(Settings, { size: 14, "aria-hidden": true }),
-                        "Form settings",
-                        formPickCount ? (
-                          // Counter pill, per the design — not a text suffix.
-                          /* @__PURE__ */ jsx33(
-                            "span",
-                            {
-                              "data-ohw-form-count": "",
-                              className: "ml-0.5 inline-flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-primary px-1.5 text-[11px] font-semibold text-primary-foreground",
-                              children: formPickCount
-                            }
-                          )
-                        ) : null
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx33("div", { className: "mx-0.5 h-5 w-px bg-border" }),
-                  /* @__PURE__ */ jsx33("div", { className: "flex items-center rounded-md bg-muted/70 p-0.5", children: ["default", "success"].map((state) => /* @__PURE__ */ jsx33(
-                    "button",
-                    {
-                      type: "button",
-                      "aria-pressed": formViewState === state,
-                      className: "rounded-md px-2.5 py-1 text-[13px] font-semibold capitalize transition-colors " + (formViewState === state ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"),
-                      onClick: () => {
-                        setFieldTypePickerOpen(false);
-                        const form = formPickElRef.current;
-                        const key = form ? formKeyOf(form) : null;
-                        if (!form || !key) return;
-                        const initial = successInitialFor(form, key, editContentRef.current);
-                        setFormViewState(form, key, state, initial);
-                        setFormViewStateUi(state);
-                        setFormPickRect(form.getBoundingClientRect());
-                        if (state === "success") {
-                          const successEl = form.querySelector(`[${SUCCESS_TEXT_ATTR}]`);
-                          if (successEl) requestAnimationFrame(() => activateRef.current(successEl));
-                        } else {
-                          deactivateRef.current();
-                        }
-                      },
-                      children: state
-                    },
-                    state
-                  )) })
-                ]
-              }
-            )
-          }
-        ),
-        formHoverRect && !isItemDragging && /* @__PURE__ */ jsx33(
-          ItemInteractionLayer,
-          {
-            rect: formHoverRect,
-            state: "hover",
-            chromeGap: formHoverElRef.current && getFieldWrapper(formHoverElRef.current) ? 8 : 24
-          }
-        ),
-        fieldPickRect && fieldPickState && !isItemDragging && toolbarVariant !== "rich-text" && /* @__PURE__ */ jsx33(
-          ItemInteractionLayer,
-          {
-            rect: fieldPickRect,
-            state: fieldDragging ? "dragging" : "active-top",
-            itemDragSurface: false,
-            toolbarAlign: "left",
-            chromeGap: 10,
-            showHandle: true,
-            dragHandleLabel: "Reorder field",
-            onDragHandleDragStart: handleFieldDragStart,
-            onDragHandleDragEnd: handleFieldDragEnd,
-            toolbar: /* @__PURE__ */ jsx33(
-              FormFieldToolbar,
-              {
-                type: fieldPickState.type,
-                required: fieldPickState.required,
-                onTypeChange: handleFieldTypeChange,
-                onRequiredToggle: handleFieldRequiredToggle,
-                onDuplicate: handleFieldDuplicate,
-                onDelete: handleFieldDelete
-              }
-            )
-          }
-        ),
-        fieldDragging ? fieldDropSlots.map((slot, i) => /* @__PURE__ */ jsx33(
-          "div",
-          {
-            className: "pointer-events-none fixed z-[2147483644]",
-            style: { top: slot.top, left: slot.left, width: slot.width },
-            children: /* @__PURE__ */ jsx33(
-              DropIndicator,
-              {
-                direction: "horizontal",
-                state: fieldDropIndex === i ? "dragActive" : "dragIdle",
-                className: "!w-full"
-              }
-            )
+          children: /* @__PURE__ */ jsx33(
+            DropIndicator,
+            {
+              direction: slot.direction,
+              state: activeFooterDropIndex === i ? "dragActive" : "dragIdle",
+              className: "!h-full !w-full"
+            }
+          )
+        },
+        `footer-drop-${slot.direction}-${slot.columnIndex}-${slot.insertIndex}-${i}`
+      )),
+      isItemDragging && navDropSlots.map((slot, i) => /* @__PURE__ */ jsx33(
+        "div",
+        {
+          className: "pointer-events-none fixed z-2147483646",
+          style: {
+            left: slot.left,
+            top: slot.top,
+            width: slot.width,
+            height: slot.height
           },
-          `field-drop-${i}`
-        )) : null,
-        fieldTypePickerOpen && formPickRect ? (() => {
-          const toolbar = document.querySelector("[data-ohw-form-toolbar]")?.getBoundingClientRect();
-          return /* @__PURE__ */ jsx33(
-            "div",
+          children: /* @__PURE__ */ jsx33(
+            DropIndicator,
             {
-              className: "pointer-events-none fixed z-[2147483645]",
-              style: {
-                top: toolbar ? toolbar.bottom + 6 : formPickRect.top + 16,
-                left: toolbar ? toolbar.left : formPickRect.left + 24
-              },
-              children: /* @__PURE__ */ jsx33(FieldTypePicker, { onPick: handleAddField })
+              direction: slot.direction,
+              state: activeNavDropIndex === i ? "dragActive" : "dragIdle",
+              className: "!h-full !w-full"
             }
-          );
-        })() : null,
-        toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isNavbarLinksContainer2(selectedElRef.current) && /* @__PURE__ */ jsx33(NavbarContainerChrome, { rect: toolbarRect, onAdd: handleAddTopLevelNavItem }),
-        toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isFooterLinksContainer(selectedElRef.current) && /* @__PURE__ */ jsx33(
-          FooterContainerChrome,
-          {
-            rect: toolbarRect,
-            onAdd: handleAddFooterColumn,
-            addDisabled: !canAddFooterColumn()
-          }
-        ),
-        toolbarRect && !linkPopover && (toolbarVariant === "link-action" || toolbarVariant === "select-frame" || toolbarVariant === "logo") && /* @__PURE__ */ jsx33(
-          ItemInteractionLayer,
-          {
-            rect: isItemDragging && draggedItemRect && (footerDragRef.current?.wasSelected || navDragRef.current?.wasSelected) ? draggedItemRect : toolbarRect,
-            toolbarBelowRect: selectedElRef.current && isNavigationItem2(selectedElRef.current) ? getOpenNavDropdownPanelRect(selectedElRef.current) : null,
-            elRef: glowElRef,
-            state: isItemDragging ? "dragging" : selectedElRef.current && isNavigationItem2(selectedElRef.current) && getOpenNavDropdownPanelRect(selectedElRef.current) ? "active-bottom" : resolveItemInteractionState(toolbarRect, parentScrollRef.current),
-            showHandle: toolbarVariant === "link-action" && Boolean(reorderHrefKey) || toolbarVariant === "select-frame" && isFooterFrameSelection,
-            dragDisabled: reorderDragDisabled,
-            dragHandleLabel: reorderHrefKey ? `Reorder ${reorderHrefKey}` : "Reorder item",
-            onDragHandleDragStart: handleItemDragStart,
-            onDragHandleDragEnd: handleItemDragEnd,
-            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__ */ jsx33(
-              ItemActionToolbar,
-              {
-                onEditLink: openLinkPopoverForSelected,
-                onStyle: () => {
-                  const row = selectedElRef.current;
-                  if (!row) return;
-                  if (floatingPanel?.kind === "socials-display") closeFloatingPanelOnly();
-                  else openSocialsDisplayPanel(row);
-                },
-                showStyle: selectedIsSocialsRow,
-                styleActive: floatingPanel?.kind === "socials-display",
-                onAddItem: handleAddChildItem,
-                onSelectParent: handleSelectParent,
-                onDuplicate: handleDuplicateSelected,
-                onDelete: handleDeleteSelected,
-                addItemDisabled: isFooterFrameSelection && isFooterAddItemDisabled(selectedElRef.current) || selectedElRef.current !== null && (() => {
-                  const row = isSocialsRow(selectedElRef.current) ? selectedElRef.current : findSocialsRow(selectedElRef.current);
-                  return row ? !canAddSocialItem(row) : false;
-                })(),
-                editLinkDisabled: false,
-                moreDisabled: false,
-                deleteDisabled: selectedElRef.current !== null && (() => {
-                  const social = getSocialItem(selectedElRef.current);
-                  return social ? !canRemoveSocialItem(social) : false;
-                })(),
-                duplicateDisabled: isFooterFrameSelection || selectedIsSocialsRow || selectedElRef.current !== null && (() => {
-                  const social = getSocialItem(selectedElRef.current);
-                  const row = social ? findSocialsRow(social) : null;
-                  return row ? !canAddSocialItem(row) : false;
-                })(),
-                showEditLink: !isFooterFrameSelection && !selectedIsSocialsRow && navDropdownPreviewOpen === null,
-                showAddItem: isFooterFrameSelection || selectedIsSocialsRow || !selectedIsCta && Boolean(
-                  selectedElRef.current && isNavbarHrefKey(selectedElRef.current.getAttribute("data-ohw-href-key")) && !isNestedNavChild(selectedElRef.current)
+          )
+        },
+        `nav-drop-${slot.direction}-${slot.parentId ?? "root"}-${slot.insertIndex}-${i}`
+      )),
+      hoveredNavContainerRect && (toolbarVariant !== "select-frame" || isFooterFrameSelection) && !linkPopover && !isItemDragging && /* @__PURE__ */ jsx33(ItemInteractionLayer, { rect: hoveredNavContainerRect, state: "hover" }),
+      hoveredItemRect && !linkPopover && !hoveredNavContainerRect && !isItemDragging && hoveredItemElRef.current !== selectedElRef.current && /* @__PURE__ */ jsx33(ItemInteractionLayer, { rect: hoveredItemRect, state: "hover" }),
+      hoveredTextRect && !hoveredNavContainerRect && !hoveredItemRect && !isItemDragging && toolbarVariant !== "rich-text" && /* @__PURE__ */ jsx33(ItemInteractionLayer, { rect: hoveredTextRect, state: "hover" }),
+      formPickRect && !isItemDragging && /* @__PURE__ */ jsx33(
+        ItemInteractionLayer,
+        {
+          rect: formPickRect,
+          state: "active-top",
+          itemDragSurface: false,
+          toolbarAlign: "left",
+          chromeGap: 24,
+          toolbar: fieldPickRect ? void 0 : /* @__PURE__ */ jsxs20(
+            "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__ */ jsx33(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": "Add field",
+                    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__ */ jsx33(Plus4, { size: 15, "aria-hidden": true })
+                  }
                 ),
-                showMore: (!selectedIsCta || isFooterFrameSelection) && !selectedIsSocialsRow,
-                dropdownOpen: navDropdownPreviewOpen,
-                onDropdownOpenChange: handleNavDropdownOpenChange,
-                headingVisible: footerHeadingVisible,
-                onHeadingVisibleChange: handleFooterHeadingVisibleChange
-              }
-            ) : void 0
-          }
-        ),
-        toolbarRect && toolbarVariant === "rich-text" && !linkPopover && /* @__PURE__ */ jsxs20(Fragment8, { children: [
-          /* @__PURE__ */ jsx33(
-            EditGlowChrome,
+                /* @__PURE__ */ jsx33("div", { className: "mx-0.5 h-5 w-px bg-border" }),
+                /* @__PURE__ */ jsxs20(
+                  "button",
+                  {
+                    type: "button",
+                    className: "flex h-7 items-center gap-1.5 whitespace-nowrap rounded-md px-2 text-[13px] font-semibold text-foreground transition-colors hover:bg-muted/80",
+                    onClick: () => {
+                      setFieldTypePickerOpen(false);
+                      const form = formPickElRef.current;
+                      if (!form) return;
+                      postToParent2({
+                        type: "ow:form-pick",
+                        formKey: formKeyOf(form),
+                        hasLongText: formHasLongText(form)
+                      });
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx33(Settings, { size: 14, "aria-hidden": true }),
+                      "Form settings",
+                      formPickCount ? (
+                        // Counter pill, per the design — not a text suffix.
+                        /* @__PURE__ */ jsx33(
+                          "span",
+                          {
+                            "data-ohw-form-count": "",
+                            className: "ml-0.5 inline-flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-primary px-1.5 text-[11px] font-semibold text-primary-foreground",
+                            children: formPickCount
+                          }
+                        )
+                      ) : null
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx33("div", { className: "mx-0.5 h-5 w-px bg-border" }),
+                /* @__PURE__ */ jsx33("div", { className: "flex items-center rounded-md bg-muted/70 p-0.5", children: ["default", "success"].map((state) => /* @__PURE__ */ jsx33(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-pressed": formViewState === state,
+                    className: "rounded-md px-2.5 py-1 text-[13px] font-semibold capitalize transition-colors " + (formViewState === state ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"),
+                    onClick: () => {
+                      setFieldTypePickerOpen(false);
+                      const form = formPickElRef.current;
+                      const key = form ? formKeyOf(form) : null;
+                      if (!form || !key) return;
+                      const initial = successInitialFor(form, key, editContentRef.current);
+                      setFormViewState(form, key, state, initial);
+                      setFormViewStateUi(state);
+                      setFormPickRect(form.getBoundingClientRect());
+                      if (state === "success") {
+                        const successEl = form.querySelector(`[${SUCCESS_TEXT_ATTR}]`);
+                        if (successEl) requestAnimationFrame(() => activateRef.current(successEl));
+                      } else {
+                        deactivateRef.current();
+                      }
+                    },
+                    children: state
+                  },
+                  state
+                )) })
+              ]
+            }
+          )
+        }
+      ),
+      formHoverRect && !isItemDragging && /* @__PURE__ */ jsx33(
+        ItemInteractionLayer,
+        {
+          rect: formHoverRect,
+          state: "hover",
+          chromeGap: formHoverElRef.current && getFieldWrapper(formHoverElRef.current) ? 8 : 24
+        }
+      ),
+      fieldPickRect && fieldPickState && !isItemDragging && toolbarVariant !== "rich-text" && /* @__PURE__ */ jsx33(
+        ItemInteractionLayer,
+        {
+          rect: fieldPickRect,
+          state: fieldDragging ? "dragging" : "active-top",
+          itemDragSurface: false,
+          toolbarAlign: "left",
+          chromeGap: 10,
+          showHandle: true,
+          dragHandleLabel: "Reorder field",
+          onDragHandleDragStart: handleFieldDragStart,
+          onDragHandleDragEnd: handleFieldDragEnd,
+          toolbar: /* @__PURE__ */ jsx33(
+            FormFieldToolbar,
             {
-              rect: toolbarRect,
-              elRef: glowElRef,
-              reorderHrefKey,
-              dragDisabled: reorderDragDisabled,
-              hideHandle: isItemDragging
+              type: fieldPickState.type,
+              required: fieldPickState.required,
+              onTypeChange: handleFieldTypeChange,
+              onRequiredToggle: handleFieldRequiredToggle,
+              onDuplicate: handleFieldDuplicate,
+              onDelete: handleFieldDelete
             }
-          ),
-          /* @__PURE__ */ jsx33(
-            FloatingToolbar,
+          )
+        }
+      ),
+      fieldDragging ? fieldDropSlots.map((slot, i) => /* @__PURE__ */ jsx33(
+        "div",
+        {
+          className: "pointer-events-none fixed z-[2147483644]",
+          style: { top: slot.top, left: slot.left, width: slot.width },
+          children: /* @__PURE__ */ jsx33(
+            DropIndicator,
             {
-              rect: toolbarRect,
-              parentScroll: parentScrollRef.current,
-              elRef: toolbarElRef,
-              onCommand: handleCommand,
-              activeCommands,
-              showEditLink,
-              onEditLink: openLinkPopoverForActive
+              direction: "horizontal",
+              state: fieldDropIndex === i ? "dragActive" : "dragIdle",
+              className: "!w-full"
             }
           )
-        ] }),
-        maxBadge && /* @__PURE__ */ jsxs20(
+        },
+        `field-drop-${i}`
+      )) : null,
+      fieldTypePickerOpen && formPickRect ? (() => {
+        const toolbar = document.querySelector("[data-ohw-form-toolbar]")?.getBoundingClientRect();
+        return /* @__PURE__ */ jsx33(
           "div",
           {
-            "data-ohw-max-badge": "",
+            className: "pointer-events-none fixed z-[2147483645]",
             style: {
-              position: "fixed",
-              top: maxBadge.rect.bottom + 4,
-              left: maxBadge.rect.right,
-              transform: "translateX(-100%)",
-              zIndex: 2147483647,
-              background: maxBadge.current > maxBadge.max ? "#FEF2F2" : "#F5F5F4",
-              color: maxBadge.current > maxBadge.max ? "#DC2626" : "#78716C",
-              border: `1px solid ${maxBadge.current > maxBadge.max ? "#FECACA" : "#E7E5E4"}`,
-              borderRadius: 4,
-              padding: "2px 6px",
-              fontSize: 11,
-              fontWeight: 500,
-              pointerEvents: "none"
+              top: toolbar ? toolbar.bottom + 6 : formPickRect.top + 16,
+              left: toolbar ? toolbar.left : formPickRect.left + 24
             },
-            children: [
-              maxBadge.current,
-              "/",
-              maxBadge.max
-            ]
+            children: /* @__PURE__ */ jsx33(FieldTypePicker, { onPick: handleAddField })
           }
-        ),
-        toggleState && !linkPopover && /* @__PURE__ */ jsx33(
-          StateToggle,
+        );
+      })() : null,
+      toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isNavbarLinksContainer2(selectedElRef.current) && /* @__PURE__ */ jsx33(NavbarContainerChrome, { rect: toolbarRect, onAdd: handleAddTopLevelNavItem }),
+      toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isFooterLinksContainer(selectedElRef.current) && /* @__PURE__ */ jsx33(
+        FooterContainerChrome,
+        {
+          rect: toolbarRect,
+          onAdd: handleAddFooterColumn,
+          addDisabled: !canAddFooterColumn()
+        }
+      ),
+      toolbarRect && !linkPopover && (toolbarVariant === "link-action" || toolbarVariant === "select-frame" || toolbarVariant === "logo") && /* @__PURE__ */ jsx33(
+        ItemInteractionLayer,
+        {
+          rect: isItemDragging && draggedItemRect && (footerDragRef.current?.wasSelected || navDragRef.current?.wasSelected) ? draggedItemRect : toolbarRect,
+          toolbarBelowRect: selectedElRef.current && isNavigationItem2(selectedElRef.current) ? getOpenNavDropdownPanelRect(selectedElRef.current) : null,
+          elRef: glowElRef,
+          state: isItemDragging ? "dragging" : selectedElRef.current && isNavigationItem2(selectedElRef.current) && getOpenNavDropdownPanelRect(selectedElRef.current) ? "active-bottom" : resolveItemInteractionState(toolbarRect, parentScrollRef.current),
+          showHandle: toolbarVariant === "link-action" && Boolean(reorderHrefKey) || toolbarVariant === "select-frame" && isFooterFrameSelection,
+          dragDisabled: reorderDragDisabled,
+          dragHandleLabel: reorderHrefKey ? `Reorder ${reorderHrefKey}` : "Reorder item",
+          onDragHandleDragStart: handleItemDragStart,
+          onDragHandleDragEnd: handleItemDragEnd,
+          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__ */ jsx33(
+            ItemActionToolbar,
+            {
+              onEditLink: openLinkPopoverForSelected,
+              onStyle: () => {
+                const row = selectedElRef.current;
+                if (!row) return;
+                if (floatingPanel?.kind === "socials-display") closeFloatingPanelOnly();
+                else openSocialsDisplayPanel(row);
+              },
+              showStyle: selectedIsSocialsRow,
+              styleActive: floatingPanel?.kind === "socials-display",
+              onAddItem: handleAddChildItem,
+              onSelectParent: handleSelectParent,
+              onDuplicate: handleDuplicateSelected,
+              onDelete: handleDeleteSelected,
+              addItemDisabled: isFooterFrameSelection && isFooterAddItemDisabled(selectedElRef.current) || selectedElRef.current !== null && (() => {
+                const row = isSocialsRow(selectedElRef.current) ? selectedElRef.current : findSocialsRow(selectedElRef.current);
+                return row ? !canAddSocialItem(row) : false;
+              })(),
+              editLinkDisabled: false,
+              moreDisabled: false,
+              deleteDisabled: selectedElRef.current !== null && (() => {
+                const social = getSocialItem(selectedElRef.current);
+                return social ? !canRemoveSocialItem(social) : false;
+              })(),
+              duplicateDisabled: isFooterFrameSelection || selectedIsSocialsRow || selectedElRef.current !== null && (() => {
+                const social = getSocialItem(selectedElRef.current);
+                const row = social ? findSocialsRow(social) : null;
+                return row ? !canAddSocialItem(row) : false;
+              })(),
+              showEditLink: !isFooterFrameSelection && !selectedIsSocialsRow && navDropdownPreviewOpen === null,
+              showAddItem: isFooterFrameSelection || selectedIsSocialsRow || !selectedIsCta && Boolean(
+                selectedElRef.current && isNavbarHrefKey(selectedElRef.current.getAttribute("data-ohw-href-key")) && !isNestedNavChild(selectedElRef.current)
+              ),
+              showMore: (!selectedIsCta || isFooterFrameSelection) && !selectedIsSocialsRow,
+              dropdownOpen: navDropdownPreviewOpen,
+              onDropdownOpenChange: handleNavDropdownOpenChange,
+              headingVisible: footerHeadingVisible,
+              onHeadingVisibleChange: handleFooterHeadingVisibleChange
+            }
+          ) : void 0
+        }
+      ),
+      toolbarRect && toolbarVariant === "rich-text" && !linkPopover && /* @__PURE__ */ jsxs20(Fragment8, { children: [
+        /* @__PURE__ */ jsx33(
+          EditGlowChrome,
           {
-            rect: toggleState.rect,
-            activeState: toggleState.activeState,
-            states: toggleState.states,
-            onStateChange: handleStateChange
+            rect: toolbarRect,
+            elRef: glowElRef,
+            reorderHrefKey,
+            dragDisabled: reorderDragDisabled,
+            hideHandle: isItemDragging
           }
         ),
-        sectionGap && !linkPopover && /* @__PURE__ */ jsxs20(
-          "div",
+        /* @__PURE__ */ jsx33(
+          FloatingToolbar,
           {
-            "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__ */ jsx33("div", { className: "flex-1 bg-primary", style: { height: 3 } }),
-              /* @__PURE__ */ jsx33(
-                Badge,
-                {
-                  className: "px-8 py-1 bg-primary hover:bg-primary text-primary-foreground text-xs font-medium shrink-0 rounded-full cursor-pointer pointer-events-auto",
-                  onClick: () => {
-                    window.parent.postMessage(
-                      {
-                        type: "ow:add-section",
-                        insertAfter: sectionGap.insertAfter,
-                        insertBefore: sectionGap.insertBefore
-                      },
-                      "*"
-                    );
-                  },
-                  children: "Add Section"
-                }
-              ),
-              /* @__PURE__ */ jsx33("div", { className: "flex-1 bg-primary", style: { height: 3 } })
-            ]
+            rect: toolbarRect,
+            parentScroll: parentScrollRef.current,
+            elRef: toolbarElRef,
+            onCommand: handleCommand,
+            activeCommands,
+            showEditLink,
+            onEditLink: openLinkPopoverForActive
           }
-        ),
-        linkPopover && dialogPortalContainer ? /* @__PURE__ */ jsx33(
-          LinkPopover,
-          {
-            panelRef: linkPopoverPanelRef,
-            portalContainer: dialogPortalContainer,
-            open: true,
-            mode: linkPopover.mode ?? "edit",
-            pages: sitePages,
-            sections: currentSections,
-            sectionsByPath,
-            initialTarget: linkPopover.target,
-            existingTargets: linkPopover.intent === "add-nav" ? getNavbarExistingTargets() : [],
-            onClose: closeLinkPopover,
-            onSubmit: handleLinkPopoverSubmit
+        )
+      ] }),
+      maxBadge && /* @__PURE__ */ jsxs20(
+        "div",
+        {
+          "data-ohw-max-badge": "",
+          style: {
+            position: "fixed",
+            top: maxBadge.rect.bottom + 4,
+            left: maxBadge.rect.right,
+            transform: "translateX(-100%)",
+            zIndex: 2147483647,
+            background: maxBadge.current > maxBadge.max ? "#FEF2F2" : "#F5F5F4",
+            color: maxBadge.current > maxBadge.max ? "#DC2626" : "#78716C",
+            border: `1px solid ${maxBadge.current > maxBadge.max ? "#FECACA" : "#E7E5E4"}`,
+            borderRadius: 4,
+            padding: "2px 6px",
+            fontSize: 11,
+            fontWeight: 500,
+            pointerEvents: "none"
           },
-          linkPopover.key
-        ) : null,
-        floatingPanel && floatingPanel.kind === "socials-display" ? /* @__PURE__ */ jsx33(
-          FloatingPanel,
-          {
-            open: true,
-            title: floatingPanel.title,
-            context: floatingPanel.context,
-            position: floatingPanelPos,
-            onPositionChange: setFloatingPanelPos,
-            parentScroll: parentScrollSnap ?? parentScrollRef.current,
-            onClose: closeFloatingPanelOnly,
-            children: /* @__PURE__ */ jsx33(
-              SocialsDisplayPanel,
+          children: [
+            maxBadge.current,
+            "/",
+            maxBadge.max
+          ]
+        }
+      ),
+      toggleState && !linkPopover && /* @__PURE__ */ jsx33(
+        StateToggle,
+        {
+          rect: toggleState.rect,
+          activeState: toggleState.activeState,
+          states: toggleState.states,
+          onStateChange: handleStateChange
+        }
+      ),
+      sectionGap && !linkPopover && /* @__PURE__ */ jsxs20(
+        "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__ */ jsx33("div", { className: "flex-1 bg-primary", style: { height: 3 } }),
+            /* @__PURE__ */ jsx33(
+              Badge,
               {
-                display: socialsDisplayFor(floatingPanel.row, editContentRef.current),
-                onChange: (next) => {
-                  changeSocialsDisplay(floatingPanel.row, next);
-                  setFloatingPanel({ ...floatingPanel });
-                }
+                className: "px-8 py-1 bg-primary hover:bg-primary text-primary-foreground text-xs font-medium shrink-0 rounded-full cursor-pointer pointer-events-auto",
+                onClick: () => {
+                  window.parent.postMessage(
+                    {
+                      type: "ow:add-section",
+                      insertAfter: sectionGap.insertAfter,
+                      insertBefore: sectionGap.insertBefore
+                    },
+                    "*"
+                  );
+                },
+                children: "Add Section"
               }
-            )
-          }
-        ) : null
-      ] }),
-      bridgeRoot
-    ) : null
-  ] });
-}
-
-// src/ui/EmptySection.tsx
-import Link3 from "next/link";
-import { Fragment as Fragment9, jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
-function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey }) {
-  return /* @__PURE__ */ jsxs21(Fragment9, { children: [
-    /* @__PURE__ */ jsx34(
-      "p",
-      {
-        style: {
-          fontFamily: "var(--brand-font-body)",
-          fontSize: "0.75rem",
-          fontWeight: 500,
-          letterSpacing: "0.15em",
-          textTransform: "uppercase",
-          color: "var(--brand-accent)",
-          marginBottom: "1.5rem"
-        },
-        children: /* @__PURE__ */ jsx34(Link3, { href: homeHref, style: { color: "inherit" }, children: /* @__PURE__ */ jsx34("span", { ...eyebrowKey ? { "data-ohw-editable": "text", "data-ohw-key": eyebrowKey } : {}, children: "Home" }) })
-      }
-    ),
-    /* @__PURE__ */ jsx34(
-      "h1",
-      {
-        style: {
-          fontFamily: "var(--brand-font-heading)",
-          fontSize: "clamp(2rem, 3.5vw, 2.75rem)",
-          lineHeight: 1.1,
-          letterSpacing: "-0.025em",
-          color: "var(--brand-text)",
-          marginBottom: "1rem"
-        },
-        ...titleKey ? { "data-ohw-editable": "text", "data-ohw-key": titleKey, "data-ohw-max-length": 80 } : {},
-        children: title
-      }
-    ),
-    /* @__PURE__ */ jsx34(
-      "p",
-      {
-        style: {
-          fontFamily: "var(--brand-font-body)",
-          fontSize: "1rem",
-          lineHeight: 1.7,
-          fontWeight: 300,
-          color: "var(--brand-text-muted)",
-          maxWidth: "340px"
+            ),
+            /* @__PURE__ */ jsx33("div", { className: "flex-1 bg-primary", style: { height: 3 } })
+          ]
+        }
+      ),
+      linkPopover && dialogPortalContainer ? /* @__PURE__ */ jsx33(
+        LinkPopover,
+        {
+          panelRef: linkPopoverPanelRef,
+          portalContainer: dialogPortalContainer,
+          open: true,
+          mode: linkPopover.mode ?? "edit",
+          pages: sitePages,
+          sections: currentSections,
+          sectionsByPath,
+          initialTarget: linkPopover.target,
+          existingTargets: linkPopover.intent === "add-nav" ? getNavbarExistingTargets() : [],
+          onClose: closeLinkPopover,
+          onSubmit: handleLinkPopoverSubmit
         },
-        ...subtitleKey ? { "data-ohw-editable": "text", "data-ohw-key": subtitleKey, "data-ohw-max-length": 160 } : {},
-        children: "This page doesn't have any content yet."
-      }
-    )
-  ] });
+        linkPopover.key
+      ) : null,
+      floatingPanel && floatingPanel.kind === "socials-display" ? /* @__PURE__ */ jsx33(
+        FloatingPanel,
+        {
+          open: true,
+          title: floatingPanel.title,
+          context: floatingPanel.context,
+          position: floatingPanelPos,
+          onPositionChange: setFloatingPanelPos,
+          parentScroll: parentScrollSnap ?? parentScrollRef.current,
+          onClose: closeFloatingPanelOnly,
+          children: /* @__PURE__ */ jsx33(
+            SocialsDisplayPanel,
+            {
+              display: socialsDisplayFor(floatingPanel.row, editContentRef.current),
+              onChange: (next) => {
+                changeSocialsDisplay(floatingPanel.row, next);
+                setFloatingPanel({ ...floatingPanel });
+              }
+            }
+          )
+        }
+      ) : null
+    ] }),
+    bridgeRoot
+  ) : null;
 }
 export {
   AI_DEFAULT_BRAND,
@@ -21942,7 +20415,6 @@ export {
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-  EmptySection,
   ItemActionToolbar,
   ItemInteractionLayer,
   LinkEditorPanel,