@ohhwells/bridge 0.1.64-next.177 → 0.1.64

package/dist/index.js

@@ -96,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 } : {},
@@ -119,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";
@@ -444,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
 });
@@ -472,8 +159,6 @@ var AI_RESPONSIVE_CSS = [
   "  [data-ai-responsive] [data-ai-grid] { grid-template-columns: 1fr !important; }",
   "  [data-ai-responsive] [data-ai-columns] > * { grid-column: 1 / -1 !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";
@@ -1481,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",
     {
@@ -1504,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" ? resolvedBrand.palette.light : void 0
+        backgroundPosition: "center"
       },
       children: [
         /* @__PURE__ */ jsx("style", { children: AI_RESPONSIVE_CSS }),
@@ -1532,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
             ))
@@ -1565,34 +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";
-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: {
@@ -1684,12 +1323,8 @@ function syncReplacedOriginals(state) {
 }
 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 || entry.path === pagePath);
-  const activeIds = new Set(pageSections.map((entry) => entry.id));
+  const activeIds = new Set(state.sections.map((entry) => entry.id));
   for (const [id, section] of mounted) {
     if (!activeIds.has(id)) {
       section.root.unmount();
@@ -1697,8 +1332,8 @@ function applyAiSectionsToDom(state, options) {
       mounted.delete(id);
     }
   }
-  for (const entry of pageSections) {
-    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;
@@ -1712,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);
@@ -1723,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}`
           }
@@ -2340,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);
@@ -2514,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",
     {
@@ -6774,14 +6406,14 @@ function showSuccess(form, message) {
     });
     return;
   }
-  const text = message ?? form.getAttribute("data-ohw-success-text") ?? DEFAULT_SUCCESS_TEXT;
+  const text = message || form.getAttribute("data-ohw-success-text") || DEFAULT_SUCCESS_TEXT;
   const note = document.createElement("p");
   note.setAttribute("data-ohw-form-success", "");
   note.setAttribute("role", "status");
   note.innerHTML = text;
   form.replaceChildren(note);
 }
-function showSubmitError(form) {
+function showSubmitError(form, message = "Something went wrong. Please try again.") {
   let note = form.querySelector("[data-ohw-form-error]");
   if (!note) {
     note = document.createElement("p");
@@ -6790,7 +6422,7 @@ function showSubmitError(form) {
     note.style.marginTop = "8px";
     form.appendChild(note);
   }
-  note.textContent = "Something went wrong. Please try again.";
+  note.textContent = message;
   note.style.display = "";
 }
 function clearSubmitError(form) {
@@ -6816,6 +6448,9 @@ function ensureSuccessTextEl(form, formKey, initialText) {
   form.appendChild(el);
   return el;
 }
+function successInitialFor(form, formKey, content) {
+  return content[formSuccessKey(formKey)] || form.getAttribute("data-ohw-success-text") || DEFAULT_SUCCESS_TEXT;
+}
 function setFormViewState(form, formKey, state, initialText) {
   const success = ensureSuccessTextEl(form, formKey, initialText);
   Array.from(form.children).forEach((child) => {
@@ -6833,38 +6468,54 @@ function setFormViewState(form, formKey, state, initialText) {
   success.style.display = state === "success" ? "" : "none";
 }
 var BOUND_ATTR = "data-ohw-form-bound";
+var publishedFormContext = {
+  apiUrl: "",
+  subdomain: "",
+  content: {}
+};
 function bindPublishedForms(apiUrl, subdomain, content = {}) {
-  document.querySelectorAll(FORM_SELECTOR).forEach((form) => {
-    if (form.hasAttribute(BOUND_ATTR)) return;
-    if (!(form instanceof HTMLFormElement)) return;
-    const formKey = formKeyOf(form);
-    if (!formKey) return;
-    form.setAttribute(BOUND_ATTR, "");
-    form.addEventListener("submit", async (e) => {
+  publishedFormContext = { apiUrl, subdomain, content };
+  if (document.documentElement.hasAttribute(BOUND_ATTR)) return;
+  document.documentElement.setAttribute(BOUND_ATTR, "");
+  document.addEventListener(
+    "submit",
+    async (e) => {
+      const target = e.target;
+      const form = target?.closest(FORM_SELECTOR);
+      if (!form || !(form instanceof HTMLFormElement)) return;
+      const formKey = formKeyOf(form);
+      if (!formKey) return;
       e.preventDefault();
       clearSubmitError(form);
+      const filled = collectFormFields(form);
+      if (!Object.values(filled).some((value) => value.trim() !== "")) {
+        showSubmitError(form, "Please fill in at least one field.");
+        return;
+      }
       const submitButton = form.querySelector(
         'button[type="submit"], input[type="submit"], button:not([type])'
       );
       if (submitButton) submitButton.disabled = true;
       try {
-        const response = await fetch(`${apiUrl}/api/public/sites/${subdomain}/forms/submissions`, {
+        const { apiUrl: api, subdomain: site, content: latest } = publishedFormContext;
+        const response = await fetch(`${api}/api/public/sites/${site}/forms/submissions`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
             formKey,
-            fields: collectFormFields(form),
+            fields: filled,
             hasLongText: formHasLongText(form)
           })
         });
         if (!response.ok) throw new Error(`submit failed: ${response.status}`);
-        showSuccess(form, content[formSuccessKey(formKey)]);
+        showSuccess(form, latest[formSuccessKey(formKey)]);
       } catch {
         showSubmitError(form);
         if (submitButton) submitButton.disabled = false;
       }
-    });
-  });
+    },
+    true
+  );
 }
 
 // src/lib/form-fields.ts
@@ -6882,6 +6533,7 @@ var FIELD_TYPES = [
 ];
 var FIELD_ATTR = "data-ohw-form-field";
 var FIELD_TYPE_ATTR = "data-ohw-field-type";
+var PLACEHOLDER_EDIT_ATTR = "data-ohw-placeholder-edit";
 function fieldsKey(formKey) {
   return `${formKey}-fields`;
 }
@@ -6919,7 +6571,7 @@ function ensureFieldLabel(wrapper, key) {
   label.style.lineHeight = "1.3";
   const fromPlaceholder = input?.getAttribute("placeholder")?.trim();
   const text = fromPlaceholder && fromPlaceholder.length < 40 ? fromPlaceholder : key.replace(/[-_]/g, " ");
-  label.textContent = input?.hasAttribute("required") ? `${text} *` : text;
+  label.textContent = text;
   if (input && input.parentElement === wrapper) wrapper.insertBefore(label, input);
   else wrapper.insertBefore(label, wrapper.firstChild);
   return label;
@@ -6975,8 +6627,11 @@ function readFieldsFromDom(form) {
     return {
       key: fieldKeyOf(wrapper),
       type: fieldTypeOf(wrapper),
-      label: fieldLabelOf(wrapper)?.textContent?.trim() ?? "",
-      placeholder: input?.getAttribute("placeholder") ?? "",
+      label: fieldLabelText(fieldLabelOf(wrapper)).trim(),
+      // While a field is selected its placeholder text lives in the value (see
+      // beginPlaceholderEdit), so reading the attribute would store an empty one — whoever
+      // happens to save at that moment must still record what the owner typed.
+      placeholder: input ? input.hasAttribute(PLACEHOLDER_EDIT_ATTR) ? input.value : input.getAttribute("placeholder") ?? "" : "",
       required: Boolean(input?.hasAttribute("required"))
     };
   });
@@ -7004,7 +6659,7 @@ function applyFieldType(wrapper, type) {
   const followsDefaults = {
     // A label the owner wrote stays; one that still reads as a type name (or as the old
     // placeholder the template shipped) follows the new type.
-    label: isDefaultText(label?.textContent ?? "", (d) => d.label) || (label?.textContent ?? "").trim().replace(/\s*\*$/, "") === placeholder.trim()
+    label: isDefaultText(label?.textContent ?? "", (d) => d.label) || fieldLabelText(label).trim() === placeholder.trim()
   };
   const { tag, inputType } = inputTagFor(type);
   wrapper.setAttribute(FIELD_TYPE_ATTR, type);
@@ -7018,8 +6673,7 @@ function applyFieldType(wrapper, type) {
   const applyDefaults = (el) => {
     el.setAttribute("placeholder", defaults.placeholder);
     if (label && followsDefaults.label) {
-      const required = (label.textContent ?? "").trim().endsWith("*");
-      label.textContent = required ? `${defaults.label} *` : defaults.label;
+      label.textContent = defaults.label;
     }
   };
   if (input.tagName.toLowerCase() === tag) {
@@ -7039,13 +6693,19 @@ function applyFieldType(wrapper, type) {
   input.replaceWith(next);
   applyDefaults(next);
 }
+var REQUIRED_MARK_ATTR = "data-ohw-field-required";
+function fieldLabelText(label) {
+  if (!label) return "";
+  return (label.textContent ?? "").replace(/\s*\*\s*$/, "").trimEnd();
+}
 function syncRequiredMark(wrapper) {
   const label = fieldLabelOf(wrapper);
   if (!label) return;
-  const required = isFieldRequired(wrapper);
-  const base = (label.textContent ?? "").replace(/\s*\*\s*$/, "").trimEnd();
-  const next = required ? `${base} *` : base;
-  if (label.textContent !== next) label.textContent = next;
+  label.querySelectorAll("[data-ohw-required-mark]").forEach((el) => el.remove());
+  const words = fieldLabelText(label);
+  if ((label.textContent ?? "") !== words) label.textContent = words;
+  if (isFieldRequired(wrapper)) label.setAttribute(REQUIRED_MARK_ATTR, "");
+  else label.removeAttribute(REQUIRED_MARK_ATTR);
 }
 function setFieldRequired(wrapper, required) {
   const input = fieldInputOf(wrapper);
@@ -7055,7 +6715,6 @@ function setFieldRequired(wrapper, required) {
   else input.removeAttribute("required");
   if (label) syncRequiredMark(wrapper);
 }
-var PLACEHOLDER_EDIT_ATTR = "data-ohw-placeholder-edit";
 function beginPlaceholderEdit(wrapper) {
   const input = fieldInputOf(wrapper);
   if (!input || input.hasAttribute(PLACEHOLDER_EDIT_ATTR)) return;
@@ -7108,7 +6767,6 @@ function insertField(form, type) {
   const input = fieldInputOf(wrapper);
   if (input) {
     input.setAttribute("name", key);
-    input.setAttribute("data-ohw-key", key);
     input.removeAttribute("required");
     input.setAttribute("placeholder", defaults.placeholder);
     input.value = "";
@@ -7125,23 +6783,36 @@ function duplicateField(form, wrapper) {
   const input = fieldInputOf(copy);
   if (input) {
     input.setAttribute("name", key);
-    input.setAttribute("data-ohw-key", key);
+    input.removeAttribute("data-ohw-key");
     input.value = "";
   }
+  const label = fieldLabelOf(copy);
+  if (label) label.setAttribute("data-ohw-key", `${key}-label`);
   wrapper.after(copy);
   return copy;
 }
 function removeField(wrapper) {
   wrapper.remove();
 }
-function moveField(form, key, toIndex) {
+function applyFieldOrder(form, keys) {
   const wrappers = listFieldWrappers(form);
-  const moving = wrappers.find((wrapper) => fieldKeyOf(wrapper) === key);
-  if (!moving) return;
-  const rest = wrappers.filter((wrapper) => wrapper !== moving);
-  const target = rest[Math.max(0, Math.min(rest.length, toIndex))];
-  if (target) target.before(moving);
-  else rest[rest.length - 1]?.after(moving);
+  const byKey = new Map(wrappers.map((wrapper) => [fieldKeyOf(wrapper), wrapper]));
+  const ordered = keys.map((key) => byKey.get(key)).filter((w) => Boolean(w));
+  if (ordered.length !== wrappers.length) return;
+  const slots = wrappers.map((wrapper) => {
+    const slot = document.createComment("ohw-field-slot");
+    wrapper.replaceWith(slot);
+    return slot;
+  });
+  ordered.forEach((wrapper, index) => slots[index].replaceWith(wrapper));
+}
+function moveField(form, key, toIndex) {
+  const keys = listFieldWrappers(form).map(fieldKeyOf);
+  const from = keys.indexOf(key);
+  if (from === -1) return;
+  const rest = keys.filter((k) => k !== key);
+  rest.splice(Math.max(0, Math.min(rest.length, toIndex)), 0, key);
+  applyFieldOrder(form, rest);
 }
 function reconcileFieldsFromContent(form, content) {
   const formKey = form.getAttribute("data-ohw-key");
@@ -7159,21 +6830,26 @@ function reconcileFieldsFromContent(form, content) {
       const input = fieldInputOf(wrapper);
       if (input) {
         input.setAttribute("name", spec.key);
-        input.setAttribute("data-ohw-key", spec.key);
       }
+      fieldLabelOf(wrapper)?.setAttribute("data-ohw-key", `${spec.key}-label`);
       byKey.set(spec.key, wrapper);
     }
     applyFieldType(wrapper, spec.type);
     setFieldRequired(wrapper, spec.required);
     setFieldPlaceholder(wrapper, spec.placeholder);
     const label = fieldLabelOf(wrapper);
-    if (label && spec.label) label.textContent = spec.label;
+    if (label && spec.label) label.textContent = spec.label.replace(/\s*\*\s*$/, "").trimEnd();
+    syncRequiredMark(wrapper);
   });
   const wanted = new Set(stored.map((spec) => spec.key));
   listFieldWrappers(form).forEach((wrapper) => {
     if (!wanted.has(fieldKeyOf(wrapper))) wrapper.remove();
   });
-  stored.forEach((spec, index) => moveField(form, spec.key, index));
+  const currentOrder = listFieldWrappers(form).map(fieldKeyOf).join("\0");
+  const storedOrder = stored.map((spec) => spec.key).join("\0");
+  if (currentOrder !== storedOrder) {
+    applyFieldOrder(form, stored.map((spec) => spec.key));
+  }
 }
 
 // src/ui/form-field-toolbar.tsx
@@ -7605,12 +7281,8 @@ function parseSectionsFromHtml(html) {
 
 // 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);
+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;
@@ -7633,7 +7305,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);
@@ -7646,14 +7318,6 @@ function useLiveSectionRect(sectionId) {
   }, [sectionId]);
   return rect;
 }
-function computeSectionBoundaryFlags(instanceId) {
-  const topLevel = Array.from(document.querySelectorAll("[data-ohw-section]")).filter(
-    (el) => !el.parentElement?.closest("[data-ohw-section]")
-  );
-  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;
@@ -7727,7 +7391,6 @@ function AiSectionOverlay({
 }) {
   const [selectedId, setSelectedId] = useState4(null);
   const [reviewId, setReviewId] = useState4(null);
-  const [reviewButtonsHidden, setReviewButtonsHidden] = useState4(false);
   const reviewIdRef = useRef4(null);
   reviewIdRef.current = reviewId;
   const selectedIdRef = useRef4(null);
@@ -7736,7 +7399,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
       });
     },
@@ -7745,7 +7408,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);
@@ -7786,10 +7449,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" });
         }
       }
     };
@@ -7808,7 +7470,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 });
@@ -7840,29 +7502,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(() => {
-    if (!activeSelectionId || !selectionRect) {
-      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",
@@ -7913,16 +7555,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: {
@@ -11827,296 +11466,42 @@ function deleteFooterColumn(column) {
   };
 }
 
-// src/lib/logo-identity.ts
-var LOGO_TEXT_KEYS = ["nav-logo-text", "footer-logo-text", "logo-text"];
-var LOGO_IMAGE_KEYS = ["nav-logo-image", "footer-logo", "footer-logo-image"];
-var LOGO_HREF_KEYS = ["nav-logo-href", "footer-logo-href", "logo-href"];
-var LOGO_PLACEHOLDER_KEY = "logo-is-placeholder";
-var LOGO_ALT_KEY = "logo-alt";
-var LOGO_IMAGE_URL_KEY = "nav-logo-image";
-var PLACEHOLDER_BUSINESS_NAME = "Business name";
-function resolveLogoDisplayText(text) {
-  const trimmed = (text ?? "").trim();
-  return trimmed || PLACEHOLDER_BUSINESS_NAME;
-}
-function isFooterLogoRoot(root) {
-  return Boolean(root.closest("footer") || root.closest('[data-ohw-section="footer"]'));
-}
-function imageKeyForRoot(root) {
-  return isFooterLogoRoot(root) ? "footer-logo" : "nav-logo-image";
-}
-function textKeyForRoot(root) {
-  return isFooterLogoRoot(root) ? "footer-logo-text" : "nav-logo-text";
-}
-function ensureLogoHrefKey(root) {
-  if (!(root instanceof HTMLAnchorElement)) return;
-  if (root.hasAttribute("data-ohw-href-key")) return;
-  root.setAttribute("data-ohw-href-key", isFooterLogoRoot(root) ? "footer-logo-href" : "nav-logo-href");
-}
-function applyLogoIdentity(text, isPlaceholder) {
-  const display = resolveLogoDisplayText(text);
-  const placeholder = isPlaceholder || !text.trim() || display === PLACEHOLDER_BUSINESS_NAME;
-  for (const key of LOGO_TEXT_KEYS) {
-    document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
-      if (el.textContent !== display) el.textContent = display;
-    });
-  }
-  for (const key of LOGO_IMAGE_KEYS) {
-    document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
-      const img = el instanceof HTMLImageElement ? el : el.querySelector("img");
-      if (img) img.alt = display;
-    });
-  }
-  document.querySelectorAll('[data-ohw-role="logo"], [data-ohw-logo]').forEach((el) => {
-    if (placeholder) el.setAttribute("data-ohw-placeholder", "");
-    else el.removeAttribute("data-ohw-placeholder");
-  });
-  return display;
-}
-function applyLogoImage(url, alt) {
-  const displayAlt = resolveLogoDisplayText(alt);
-  document.querySelectorAll('[data-ohw-role="logo"], [data-ohw-logo]').forEach((root) => {
-    ensureLogoHrefKey(root);
-    const imageKey = imageKeyForRoot(root);
-    const textKey = textKeyForRoot(root);
-    let img = root.querySelector(`img[data-ohw-key="${imageKey}"]`) ?? (root.querySelector(`[data-ohw-key="${imageKey}"]`) instanceof HTMLImageElement ? root.querySelector(`[data-ohw-key="${imageKey}"]`) : null) ?? root.querySelector("img");
-    let textEl = root.querySelector(`[data-ohw-key="${textKey}"]`) ?? root.querySelector('[data-ohw-key="logo-text"]');
-    if (url) {
-      if (!img) {
-        img = document.createElement("img");
-        img.setAttribute("data-ohw-editable", "image");
-        img.setAttribute("data-ohw-key", imageKey);
-        img.alt = displayAlt;
-        img.style.height = "";
-        img.style.maxHeight = "none";
-        img.style.width = "auto";
-        img.style.display = "block";
-        img.style.objectFit = "contain";
-        root.insertBefore(img, root.firstChild);
-      } else {
-        img.setAttribute("data-ohw-editable", "image");
-        img.setAttribute("data-ohw-key", imageKey);
-      }
-      img.removeAttribute("srcset");
-      img.removeAttribute("sizes");
-      img.src = url;
-      img.alt = displayAlt;
-      img.style.display = "block";
-      if (textEl) textEl.style.display = "none";
-      root.removeAttribute("data-ohw-placeholder");
-      return;
-    }
-    if (img) {
-      img.removeAttribute("src");
-      img.removeAttribute("srcset");
-      img.removeAttribute("sizes");
-      img.alt = displayAlt;
-      img.style.display = "none";
-    }
-    if (!textEl) {
-      textEl = document.createElement("span");
-      textEl.setAttribute("data-ohw-editable", "plain");
-      textEl.setAttribute("data-ohw-key", textKey);
-      root.appendChild(textEl);
-    }
-    textEl.style.display = "";
-    if (textEl.textContent !== displayAlt) textEl.textContent = displayAlt;
-    if (!displayAlt.trim() || displayAlt === PLACEHOLDER_BUSINESS_NAME) {
-      root.setAttribute("data-ohw-placeholder", "");
-    } else {
-      root.removeAttribute("data-ohw-placeholder");
-    }
-  });
-}
-function applyLogoHref(href) {
-  const target = href.trim() || "/";
-  document.querySelectorAll('[data-ohw-role="logo"], [data-ohw-logo]').forEach((root) => {
-    ensureLogoHrefKey(root);
-    if (root instanceof HTMLAnchorElement) {
-      root.setAttribute("href", target);
-    }
-  });
-  for (const key of LOGO_HREF_KEYS) setStoredLinkHref(key, target);
-}
-function readLogoIdentityFromDom() {
-  let imageUrl = null;
-  for (const key of LOGO_IMAGE_KEYS) {
-    const el = document.querySelector(`[data-ohw-key="${key}"]`);
-    const img = el instanceof HTMLImageElement ? el : el?.querySelector("img");
-    const attrSrc = img?.getAttribute("src")?.trim() ?? "";
-    if (attrSrc && !attrSrc.startsWith("data:") && img && img.style.display !== "none") {
-      imageUrl = img.currentSrc || img.src;
-      break;
-    }
-  }
-  let text = PLACEHOLDER_BUSINESS_NAME;
-  let isPlaceholder = true;
-  for (const key of LOGO_TEXT_KEYS) {
-    const el = document.querySelector(`[data-ohw-key="${key}"]`);
-    if (el?.textContent?.trim()) {
-      text = el.textContent.trim();
-      const logoRoot2 = el.closest('[data-ohw-role="logo"], [data-ohw-logo]');
-      isPlaceholder = logoRoot2?.hasAttribute("data-ohw-placeholder") === true || text === PLACEHOLDER_BUSINESS_NAME;
-      break;
-    }
-  }
-  if (imageUrl) {
-    const logoImg = document.querySelector(
-      '[data-ohw-key="nav-logo-image"], [data-ohw-key="footer-logo"]'
-    );
-    const alt = logoImg?.alt?.trim() || text;
-    isPlaceholder = false;
-    const hrefEl = document.querySelector(
-      'a[data-ohw-role="logo"], a[data-ohw-logo], [data-ohw-role="logo"]'
-    );
-    const href2 = (hrefEl instanceof HTMLAnchorElement ? hrefEl.getAttribute("href") : null) || hrefEl?.closest("a")?.getAttribute("href") || "/";
-    return { text, isPlaceholder, imageUrl, href: href2, alt };
-  }
-  const logoRoot = document.querySelector('[data-ohw-role="logo"], [data-ohw-logo]');
-  const href = (logoRoot instanceof HTMLAnchorElement ? logoRoot.getAttribute("href") : null) || logoRoot?.closest("a")?.getAttribute("href") || "/";
-  return { text, isPlaceholder, imageUrl: null, href, alt: text };
-}
-function applyLogoFromContent(content) {
-  const hasLogoIdentity = LOGO_PLACEHOLDER_KEY in content || LOGO_TEXT_KEYS.some((key) => key in content) || LOGO_IMAGE_KEYS.some((key) => key in content) || LOGO_ALT_KEY in content || LOGO_HREF_KEYS.some((key) => key in content);
-  if (!hasLogoIdentity) return false;
-  const logoText = content[LOGO_TEXT_KEYS[0]] ?? content[LOGO_TEXT_KEYS[1]] ?? readLogoIdentityFromDom().text;
-  const logoAlt = content[LOGO_ALT_KEY] ?? logoText;
-  const rawLogoImage = content[LOGO_IMAGE_URL_KEY] ?? content["footer-logo"] ?? content["footer-logo-image"] ?? null;
-  const logoImageUrl = typeof rawLogoImage === "string" && rawLogoImage.trim() ? rawLogoImage.trim() : null;
-  const imageExplicitlyCleared = LOGO_IMAGE_KEYS.some((key) => key in content) && !logoImageUrl;
-  const logoIsPlaceholder = LOGO_PLACEHOLDER_KEY in content ? content[LOGO_PLACEHOLDER_KEY] !== "false" : !logoImageUrl && (!logoText.trim() || logoText === PLACEHOLDER_BUSINESS_NAME);
-  if (logoImageUrl) {
-    applyLogoImage(logoImageUrl, logoAlt);
-  } else {
-    if (imageExplicitlyCleared) applyLogoImage(null, logoAlt);
-    applyLogoIdentity(logoText, logoIsPlaceholder);
-  }
-  const logoHref = content["nav-logo-href"] ?? content["footer-logo-href"] ?? content["logo-href"];
-  if (typeof logoHref === "string" && logoHref.trim()) {
-    applyLogoHref(logoHref);
-  }
-  return true;
-}
-
-// src/lib/logo-size.ts
-var LOGO_SIZE_DEFAULTS = {
-  navbar: 28,
-  footer: 32
-};
-var LOGO_SIZE_MIN = 16;
-var LOGO_SIZE_MAX = 80;
-var LOGO_SIZE_DESKTOP_KEYS = {
-  navbar: "nav-logo-size",
-  footer: "footer-logo-size"
-};
-var LOGO_SIZE_MOBILE_KEYS = {
-  navbar: "nav-logo-size-mobile",
-  footer: "footer-logo-size-mobile"
-};
-var LOGO_SIZE_KEYS = [
-  LOGO_SIZE_DESKTOP_KEYS.navbar,
-  LOGO_SIZE_DESKTOP_KEYS.footer,
-  LOGO_SIZE_MOBILE_KEYS.navbar,
-  LOGO_SIZE_MOBILE_KEYS.footer
-];
-function isFooterLogoRoot2(root) {
-  return Boolean(root.closest("footer") || root.closest('[data-ohw-section="footer"]'));
-}
-function getLogoPlacement(root) {
-  return isFooterLogoRoot2(root) ? "footer" : "navbar";
-}
-function parseLogoSizePx(raw, fallback) {
-  if (raw == null || raw === "") return fallback;
-  const n = Number.parseFloat(raw);
-  if (!Number.isFinite(n)) return fallback;
-  return Math.min(LOGO_SIZE_MAX, Math.max(LOGO_SIZE_MIN, Math.round(n)));
-}
-function isMobileLogoSizeFollowing(content, placement) {
-  const raw = content[LOGO_SIZE_MOBILE_KEYS[placement]];
-  return raw == null || raw.trim() === "";
-}
-function resolveDesktopLogoSize(content, placement) {
-  return parseLogoSizePx(content[LOGO_SIZE_DESKTOP_KEYS[placement]], LOGO_SIZE_DEFAULTS[placement]);
-}
-function resolveMobileLogoSize(content, placement) {
-  if (isMobileLogoSizeFollowing(content, placement)) {
-    return resolveDesktopLogoSize(content, placement);
-  }
-  return parseLogoSizePx(
-    content[LOGO_SIZE_MOBILE_KEYS[placement]],
-    resolveDesktopLogoSize(content, placement)
-  );
+// src/lib/add-footer-column.ts
+function buildFooterColumnEditContentPatch(result) {
+  return {
+    [result.headingKey]: result.heading,
+    [result.hrefKey]: result.href,
+    [result.labelKey]: result.label,
+    [FOOTER_ORDER_KEY]: JSON.stringify(result.order)
+  };
 }
-function setRootSizeVars(root, desktopPx, mobilePx, following) {
-  root.style.setProperty("--ohw-logo-size", `${desktopPx}px`);
-  if (following) {
-    root.style.removeProperty("--ohw-logo-size-mobile");
-  } else {
-    root.style.setProperty("--ohw-logo-size-mobile", `${mobilePx}px`);
+function addFooterColumnWithPersist({
+  postToParent: postToParent2
+}) {
+  if (!canAddFooterColumn()) {
+    postToParent2({
+      type: "ow:toast",
+      title: `Maximum ${MAX_FOOTER_COLUMNS} columns`,
+      toastType: "error"
+    });
+    return null;
   }
-  root.querySelectorAll("img").forEach((img) => {
-    img.style.height = "";
-    img.style.maxHeight = "none";
-    img.style.width = "auto";
-    img.style.objectFit = "contain";
-  });
-}
-function applyLogoSizes(content) {
-  document.querySelectorAll('[data-ohw-role="logo"], [data-ohw-logo]').forEach((root) => {
-    const placement = getLogoPlacement(root);
-    const desktop = resolveDesktopLogoSize(content, placement);
-    const following = isMobileLogoSizeFollowing(content, placement);
-    const mobile = following ? desktop : resolveMobileLogoSize(content, placement);
-    setRootSizeVars(root, desktop, mobile, following);
-  });
-}
-function applyLogoSizeToPlacement(placement, desktopPx, mobilePx, following) {
-  document.querySelectorAll('[data-ohw-role="logo"], [data-ohw-logo]').forEach((root) => {
-    if (getLogoPlacement(root) !== placement) return;
-    setRootSizeVars(root, desktopPx, mobilePx, following);
+  const result = insertFooterColumn();
+  const patch = buildFooterColumnEditContentPatch(result);
+  setStoredLinkHref(result.hrefKey, result.href);
+  postToParent2({
+    type: "ow:change",
+    nodes: Object.entries(patch).map(([key, text]) => ({ key, text }))
   });
-}
-function logoHasUploadedImage(logoEl) {
-  if (logoEl.hasAttribute("data-ohw-placeholder")) return false;
-  const img = logoEl.querySelector('img[data-ohw-key="nav-logo-image"], img[data-ohw-key="footer-logo"], img[data-ohw-key="footer-logo-image"]') ?? logoEl.querySelector("img");
-  if (!img) return false;
-  const src = img.getAttribute("src")?.trim() ?? "";
-  if (!src || src.startsWith("data:")) return false;
-  if (img.style.display === "none") return false;
-  return true;
-}
-function getLogoInteractionRect(logoEl) {
-  if (logoHasUploadedImage(logoEl)) {
-    const img = logoEl.querySelector('img[data-ohw-key="nav-logo-image"], img[data-ohw-key="footer-logo"], img[data-ohw-key="footer-logo-image"]') ?? logoEl.querySelector("img");
-    if (img) {
-      const r2 = img.getBoundingClientRect();
-      if (r2.width > 0 && r2.height > 0) return r2;
-    }
-  }
-  const text = logoEl.querySelector(
-    '[data-ohw-key="nav-logo-text"], [data-ohw-key="footer-logo-text"]'
-  );
-  if (text) {
-    const style = window.getComputedStyle(text);
-    if (style.display !== "none" && style.visibility !== "hidden") {
-      const r2 = text.getBoundingClientRect();
-      if (r2.width > 0 && r2.height > 0) return r2;
-    }
-  }
-  return logoEl.getBoundingClientRect();
-}
-function readLogoSizeState(content, placement) {
-  const desktopPx = resolveDesktopLogoSize(content, placement);
-  const mobileFollowing = isMobileLogoSizeFollowing(content, placement);
-  const mobilePx = mobileFollowing ? desktopPx : resolveMobileLogoSize(content, placement);
-  return { desktopPx, mobilePx, mobileFollowing };
+  postToParent2({ type: "ow:toast", title: "Item added", toastType: "success" });
+  enforceLinkHrefs();
+  return result;
 }
 
 // src/lib/site-wide-scope.ts
 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");
@@ -12150,38 +11535,6 @@ function isSiteWideScopeActive(args) {
   return isSiteWideElement(args.selected) || isSiteWideElement(args.hoveredItem) || isSiteWideElement(args.hoveredNavContainer) || isSiteWideElement(args.active);
 }
 
-// src/lib/add-footer-column.ts
-function buildFooterColumnEditContentPatch(result) {
-  return {
-    [result.headingKey]: result.heading,
-    [result.hrefKey]: result.href,
-    [result.labelKey]: result.label,
-    [FOOTER_ORDER_KEY]: JSON.stringify(result.order)
-  };
-}
-function addFooterColumnWithPersist({
-  postToParent: postToParent2
-}) {
-  if (!canAddFooterColumn()) {
-    postToParent2({
-      type: "ow:toast",
-      title: `Maximum ${MAX_FOOTER_COLUMNS} columns`,
-      toastType: "error"
-    });
-    return null;
-  }
-  const result = insertFooterColumn();
-  const patch = buildFooterColumnEditContentPatch(result);
-  setStoredLinkHref(result.hrefKey, result.href);
-  postToParent2({
-    type: "ow:change",
-    nodes: Object.entries(patch).map(([key, text]) => ({ key, text }))
-  });
-  postToParent2({ type: "ow:toast", title: "Item added", toastType: "success" });
-  enforceLinkHrefs();
-  return result;
-}
-
 // src/ui/FloatingPanel.tsx
 import {
   useCallback as useCallback5,
@@ -12371,127 +11724,16 @@ function FloatingPanel({
   );
 }
 
-// src/ui/logo-size-panel.tsx
-import { ArrowUpRight, Link as Link2 } from "lucide-react";
+// src/ui/socials-display-panel.tsx
 import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
-function SizeSlider({
-  value,
+function DisplaySwitch({
+  label,
+  checked,
+  disabled,
   onChange
 }) {
-  const pct = (value - LOGO_SIZE_MIN) / (LOGO_SIZE_MAX - LOGO_SIZE_MIN) * 100;
-  return /* @__PURE__ */ jsxs18("div", { className: "flex w-full flex-col gap-3", children: [
-    /* @__PURE__ */ jsxs18("div", { className: "flex w-full items-center gap-2 text-sm font-medium leading-5", children: [
-      /* @__PURE__ */ jsx28("span", { className: "min-w-0 flex-1 text-foreground", children: "Size" }),
-      /* @__PURE__ */ jsxs18("span", { className: "shrink-0 whitespace-nowrap text-muted-foreground", children: [
-        value,
-        " px"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs18("div", { className: "relative h-2 w-full rounded-full bg-primary-50", children: [
-      /* @__PURE__ */ jsx28(
-        "div",
-        {
-          className: "absolute inset-y-0 left-0 rounded-full bg-primary",
-          style: { width: `${pct}%` }
-        }
-      ),
-      /* @__PURE__ */ jsx28(
-        "input",
-        {
-          type: "range",
-          min: LOGO_SIZE_MIN,
-          max: LOGO_SIZE_MAX,
-          step: 1,
-          value,
-          "aria-label": "Logo size",
-          className: cn(
-            "absolute inset-0 h-full w-full cursor-pointer appearance-none bg-transparent",
-            "[&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:size-5",
-            "[&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-2",
-            "[&::-webkit-slider-thumb]:border-primary [&::-webkit-slider-thumb]:bg-background",
-            "[&::-moz-range-thumb]:size-5 [&::-moz-range-thumb]:rounded-full",
-            "[&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-primary",
-            "[&::-moz-range-thumb]:bg-background"
-          ),
-          onChange: (e) => onChange(Number(e.target.value))
-        }
-      )
-    ] })
-  ] });
-}
-function LogoSizePanel({
-  viewport,
-  sizePx,
-  mobileFollowing = true,
-  onSizeChange,
-  onCustomizeMobile,
-  onResetMobile,
-  onUpdateEverywhere,
-  className
-}) {
-  const showFollowing = viewport === "mobile" && mobileFollowing;
-  const showMobileSlider = viewport === "mobile" && !mobileFollowing;
-  const showDesktopSlider = viewport === "desktop";
-  return /* @__PURE__ */ jsxs18("div", { className: cn("flex w-full flex-col gap-4", className), children: [
-    showFollowing ? /* @__PURE__ */ jsxs18("div", { className: "flex w-full flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs18("div", { className: "flex items-start gap-1", children: [
-        /* @__PURE__ */ jsx28(Link2, { size: 16, className: "mt-0.5 shrink-0 text-foreground", "aria-hidden": true }),
-        /* @__PURE__ */ jsx28("p", { className: "text-sm font-semibold leading-5 text-foreground", children: "Following desktop size" })
-      ] }),
-      /* @__PURE__ */ jsx28("p", { className: "text-sm leading-5 text-muted-foreground", children: "Mobile uses the desktop size until you customize it. Change the desktop size and it follows automatically." }),
-      /* @__PURE__ */ jsx28(
-        Button,
-        {
-          type: "button",
-          variant: "outline",
-          size: "sm",
-          className: "h-9 w-full min-w-0 cursor-pointer",
-          onClick: onCustomizeMobile,
-          children: "Customize for mobile"
-        }
-      )
-    ] }) : null,
-    showDesktopSlider || showMobileSlider ? /* @__PURE__ */ jsx28(SizeSlider, { value: sizePx, onChange: onSizeChange }) : null,
-    showMobileSlider ? /* @__PURE__ */ jsx28(
-      Button,
-      {
-        type: "button",
-        variant: "outline",
-        size: "sm",
-        className: "h-9 w-full min-w-0 cursor-pointer",
-        onClick: onResetMobile,
-        children: "Reset to desktop size"
-      }
-    ) : null,
-    /* @__PURE__ */ jsx28("div", { className: "h-px w-full bg-border", role: "separator" }),
-    /* @__PURE__ */ jsxs18(
-      Button,
-      {
-        type: "button",
-        variant: "outline",
-        size: "sm",
-        className: "h-9 w-full min-w-0 cursor-pointer gap-1",
-        onClick: onUpdateEverywhere,
-        children: [
-          "Update logo everywhere",
-          /* @__PURE__ */ jsx28(ArrowUpRight, { size: 16, "aria-hidden": true })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx28("p", { className: "text-sm leading-5 text-muted-foreground", children: "Matches the right version to your background." })
-  ] });
-}
-
-// src/ui/socials-display-panel.tsx
-import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
-function DisplaySwitch({
-  label,
-  checked,
-  disabled,
-  onChange
-}) {
-  return /* @__PURE__ */ jsxs19("div", { className: "flex w-full items-center gap-2", children: [
-    /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsxs18("div", { className: "flex w-full items-center gap-2", children: [
+    /* @__PURE__ */ jsx28(
       "span",
       {
         className: cn(
@@ -12501,7 +11743,7 @@ function DisplaySwitch({
         children: label
       }
     ),
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx28(
       "button",
       {
         type: "button",
@@ -12515,7 +11757,7 @@ function DisplaySwitch({
           checked ? "bg-primary" : "bg-primary-50",
           disabled ? "cursor-default opacity-50" : "cursor-pointer"
         ),
-        children: /* @__PURE__ */ jsx29(
+        children: /* @__PURE__ */ jsx28(
           "span",
           {
             className: cn(
@@ -12529,8 +11771,8 @@ function DisplaySwitch({
   ] });
 }
 function SocialsDisplayPanel({ display, onChange, className }) {
-  return /* @__PURE__ */ jsxs19("div", { className: cn("flex w-full flex-col gap-3", className), children: [
-    /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsxs18("div", { className: cn("flex w-full flex-col gap-3", className), children: [
+    /* @__PURE__ */ jsx28(
       DisplaySwitch,
       {
         label: "Text",
@@ -12539,7 +11781,7 @@ function SocialsDisplayPanel({ display, onChange, className }) {
         onChange: (text) => onChange({ ...display, text })
       }
     ),
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx28(
       DisplaySwitch,
       {
         label: "Icon",
@@ -13100,7 +12342,7 @@ function useNavItemDrag({
 
 // src/ui/footer-container-chrome.tsx
 import { Plus as Plus2 } from "lucide-react";
-import { jsx as jsx30, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
 function FooterContainerChrome({
   rect,
   onAdd,
@@ -13108,7 +12350,7 @@ function FooterContainerChrome({
 }) {
   const chromeGap = 6;
   const buttonMargin = 7;
-  return /* @__PURE__ */ jsx30(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx29(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx29(
     "div",
     {
       "data-ohw-footer-container-chrome": "",
@@ -13120,8 +12362,8 @@ function FooterContainerChrome({
         width: rect.width + chromeGap * 2,
         height: rect.height + chromeGap * 2
       },
-      children: /* @__PURE__ */ jsxs20(Tooltip, { children: [
-        /* @__PURE__ */ jsx30(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx30(
+      children: /* @__PURE__ */ jsxs19(Tooltip, { children: [
+        /* @__PURE__ */ jsx29(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx29(
           "button",
           {
             type: "button",
@@ -13140,10 +12382,10 @@ function FooterContainerChrome({
               if (addDisabled) return;
               onAdd();
             },
-            children: /* @__PURE__ */ jsx30(Plus2, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
+            children: /* @__PURE__ */ jsx29(Plus2, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
           }
         ) }),
-        /* @__PURE__ */ jsx30(TooltipContent, { side: "bottom", sideOffset: 9, children: addDisabled ? "Maximum columns reached" : "Add item" })
+        /* @__PURE__ */ jsx29(TooltipContent, { side: "bottom", sideOffset: 9, children: addDisabled ? "Maximum columns reached" : "Add item" })
       ] })
     }
   ) });
@@ -13250,8 +12492,10 @@ function getLinkHref3(el) {
 }
 function collectEditableNodes(extraContent, root = document) {
   const isScoped = root !== document;
-  const editableEls = Array.from(root.querySelectorAll("[data-ohw-editable]"));
-  if (isScoped && root instanceof HTMLElement && root.matches("[data-ohw-editable]")) {
+  const editableEls = Array.from(
+    root.querySelectorAll('[data-ohw-editable]:not([data-ohw-editable="form"])')
+  );
+  if (isScoped && root instanceof HTMLElement && root.matches('[data-ohw-editable]:not([data-ohw-editable="form"])')) {
     editableEls.unshift(root);
   }
   const nodes = editableEls.map((el) => {
@@ -13326,18 +12570,6 @@ function collectEditableNodes(extraContent, root = document) {
   }
   if (extraContent && !isScoped) {
     applyNavFooterDeleteOverrides(byKey, extraContent);
-    for (const key of LOGO_IMAGE_KEYS) {
-      if (!(key in extraContent)) continue;
-      byKey.set(key, { key, type: "image", text: extraContent[key] ?? "" });
-    }
-    for (const key of [LOGO_PLACEHOLDER_KEY, LOGO_ALT_KEY]) {
-      if (!(key in extraContent)) continue;
-      byKey.set(key, { key, type: "meta", text: extraContent[key] ?? "" });
-    }
-    for (const key of LOGO_SIZE_KEYS) {
-      if (!(key in extraContent)) continue;
-      byKey.set(key, { key, type: "meta", text: extraContent[key] ?? "" });
-    }
   }
   return Array.from(byKey.values());
 }
@@ -13604,13 +12836,13 @@ function deleteSelectedNavFooterItem(deps) {
 
 // src/ui/navbar-container-chrome.tsx
 import { Plus as Plus3 } from "lucide-react";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function NavbarContainerChrome({
   rect,
   onAdd
 }) {
   const chromeGap = 6;
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       "data-ohw-navbar-container-chrome": "",
@@ -13622,7 +12854,7 @@ function NavbarContainerChrome({
         width: rect.width + chromeGap * 2,
         height: rect.height + chromeGap * 2
       },
-      children: /* @__PURE__ */ jsx31(
+      children: /* @__PURE__ */ jsx30(
         "button",
         {
           type: "button",
@@ -13639,7 +12871,7 @@ function NavbarContainerChrome({
             e.stopPropagation();
             onAdd();
           },
-          children: /* @__PURE__ */ jsx31(Plus3, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
+          children: /* @__PURE__ */ jsx30(Plus3, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
         }
       )
     }
@@ -13648,7 +12880,7 @@ function NavbarContainerChrome({
 
 // src/ui/drop-indicator.tsx
 import * as React10 from "react";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var dropIndicatorVariants = cva(
   "ov-gap-line pointer-events-none shrink-0 transition-opacity duration-150",
   {
@@ -13672,7 +12904,7 @@ var dropIndicatorVariants = cva(
 );
 var DropIndicator = React10.forwardRef(
   ({ className, direction, state, ...props }, ref) => {
-    return /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx31(
       "div",
       {
         ref,
@@ -13689,7 +12921,7 @@ var DropIndicator = React10.forwardRef(
 DropIndicator.displayName = "DropIndicator";
 
 // src/ui/badge.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var badgeVariants = cva(
   "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
@@ -13707,12 +12939,12 @@ var badgeVariants = cva(
   }
 );
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx33("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ jsx32("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
 
 // src/OhhwellsBridge.tsx
-import { Link as Link3, Plus as Plus4, Settings, Table } from "lucide-react";
-import { Fragment as Fragment8, jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Link as Link2, Plus as Plus4, Settings } from "lucide-react";
+import { Fragment as Fragment8, jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
 var PRIMARY3 = "#0885FE";
 var IMAGE_FADE_MS = 300;
 function runOpacityFade(el, onDone) {
@@ -13806,10 +13038,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;
@@ -13826,7 +13069,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);
@@ -13856,17 +13100,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);
@@ -13877,25 +13120,19 @@ function mountSchedulingWidget(anchorId, notifyOnConnect = false, scheduleId, be
     }
     tail.insertAdjacentElement("afterend", container);
   }
-  try {
-    const root = createRoot2(container);
-    flushSync2(() => {
-      root.render(
-        /* @__PURE__ */ jsx34(
-          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 {
@@ -13903,12 +13140,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 } : {}
     });
@@ -13922,8 +13157,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);
       }
     }
@@ -13996,6 +13230,10 @@ function isIconEditable(el) {
   return el.dataset.ohwEditable === "icon";
 }
 var MEDIA_SELECTOR = '[data-ohw-editable="image"], [data-ohw-editable="bg-image"], [data-ohw-editable="video"]';
+var EDITOR_CHROME_SELECTOR = '[data-ohw-toolbar], [data-ohw-form-toolbar], [data-ohw-field-toolbar], [data-ohw-item-toolbar], [data-ohw-more-menu], [data-ohw-state-toggle], [data-ohw-max-badge], [data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-item"]';
+function isOverEditorChrome(x, y) {
+  return document.elementsFromPoint(x, y).some((el) => el instanceof HTMLElement && el.matches(EDITOR_CHROME_SELECTOR));
+}
 var NON_MEDIA_SELECTOR = '[data-ohw-editable]:not([data-ohw-editable="image"]):not([data-ohw-editable="bg-image"]):not([data-ohw-editable="video"]):not([data-ohw-editable="icon"]):not([data-ohw-editable="form"])';
 function getVideoEl2(el) {
   return el instanceof HTMLVideoElement ? el : el.querySelector("video");
@@ -14067,13 +13305,6 @@ function isInsideLinkEditor(target) {
     target.closest("[data-ohw-link-popover-root]") || target.closest("[data-ohw-link-modal-root]") || target.closest("[data-ohw-link-page-dropdown]") || target.closest("[data-ohw-section-picker]") || target.closest("[data-ohw-navbar-container-chrome]") || target.closest("[data-ohw-navbar-add-button]") || target.closest("[data-ohw-footer-container-chrome]") || target.closest("[data-ohw-footer-add-button]") || target.closest("[data-ohw-more-menu]") || target.closest('[data-slot="dropdown-menu-content"]') || target.closest('[data-slot="popover-content"]') || target.closest('[data-slot="dialog-content"]') || target.closest('[data-slot="dialog-overlay"]')
   );
 }
-function isInsideFloatingPanel(target) {
-  return Boolean(target.closest("[data-ohw-floating-panel]"));
-}
-function isPointOverFloatingPanel(clientX, clientY) {
-  const el = document.elementFromPoint(clientX, clientY);
-  return Boolean(el instanceof Element && el.closest("[data-ohw-floating-panel]"));
-}
 function getHrefKeyFromElement(el) {
   if (!el) return null;
   const anchor = el.closest("[data-ohw-href-key]");
@@ -14121,7 +13352,8 @@ function isNavItemPointerTarget(el) {
 function getNavigationItemAnchor(el) {
   const anchor = el.matches("[data-ohw-href-key]") ? el : el.closest("[data-ohw-href-key]");
   if (!anchor) return null;
-  if (!anchor.querySelector('[data-ohw-editable="text"]') && !getSocialItem(anchor)) return null;
+  if (!anchor.matches('[data-ohw-editable="text"], [data-ohw-editable="plain"]') && !anchor.querySelector('[data-ohw-editable="text"], [data-ohw-editable="plain"]') && !getSocialItem(anchor))
+    return null;
   if (!isNavItemPointerTarget(anchor)) return null;
   return anchor;
 }
@@ -14311,7 +13543,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;
@@ -14557,7 +13789,7 @@ function EditGlowChrome({
   hideHandle = false
 }) {
   const GAP = SELECTION_CHROME_GAP2;
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       ref: elRef,
@@ -14572,7 +13804,7 @@ function EditGlowChrome({
         zIndex: 2147483646
       },
       children: [
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx33(
           "div",
           {
             style: {
@@ -14585,7 +13817,7 @@ function EditGlowChrome({
             }
           }
         ),
-        reorderHrefKey && !hideHandle && /* @__PURE__ */ jsx34(
+        reorderHrefKey && !hideHandle && /* @__PURE__ */ jsx33(
           "div",
           {
             "data-ohw-drag-handle-container": "",
@@ -14597,7 +13829,7 @@ function EditGlowChrome({
               transform: "translate(calc(-100% - 7px), -50%)",
               pointerEvents: dragDisabled ? "none" : "auto"
             },
-            children: /* @__PURE__ */ jsx34(
+            children: /* @__PURE__ */ jsx33(
               DragHandle,
               {
                 "aria-label": `Reorder ${reorderHrefKey}`,
@@ -14807,7 +14039,7 @@ function FloatingToolbar({
     return () => ro.disconnect();
   }, [showEditLink, activeCommands]);
   const { top, left, transform } = calcToolbarPos(rect, parentScroll, measuredW);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       ref: setRefs,
@@ -14819,12 +14051,12 @@ function FloatingToolbar({
         zIndex: 2147483647,
         pointerEvents: "auto"
       },
-      children: /* @__PURE__ */ jsxs21(CustomToolbar, { children: [
-        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ jsxs21(React11.Fragment, { children: [
-          gi > 0 && /* @__PURE__ */ jsx34(CustomToolbarDivider, {}),
+      children: /* @__PURE__ */ jsxs20(CustomToolbar, { children: [
+        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ jsxs20(React11.Fragment, { children: [
+          gi > 0 && /* @__PURE__ */ jsx33(CustomToolbarDivider, {}),
           btns.map((btn) => {
             const isActive = activeCommands.has(btn.cmd);
-            return /* @__PURE__ */ jsx34(
+            return /* @__PURE__ */ jsx33(
               CustomToolbarButton,
               {
                 title: btn.title,
@@ -14833,7 +14065,7 @@ function FloatingToolbar({
                   e.preventDefault();
                   onCommand(btn.cmd);
                 },
-                children: /* @__PURE__ */ jsx34(
+                children: /* @__PURE__ */ jsx33(
                   "svg",
                   {
                     width: "16",
@@ -14854,7 +14086,7 @@ function FloatingToolbar({
             );
           })
         ] }, gi)),
-        showEditLink ? /* @__PURE__ */ jsx34(
+        showEditLink ? /* @__PURE__ */ jsx33(
           CustomToolbarButton,
           {
             type: "button",
@@ -14868,7 +14100,7 @@ function FloatingToolbar({
               e.preventDefault();
               e.stopPropagation();
             },
-            children: /* @__PURE__ */ jsx34(Link3, { className: "size-4 shrink-0", "aria-hidden": true })
+            children: /* @__PURE__ */ jsx33(Link2, { className: "size-4 shrink-0", "aria-hidden": true })
           }
         ) : null
       ] })
@@ -14885,7 +14117,7 @@ function StateToggle({
   states,
   onStateChange
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     ToggleGroup,
     {
       "data-ohw-state-toggle": "",
@@ -14899,12 +14131,11 @@ function StateToggle({
         left: rect.right - 8,
         transform: "translateX(-100%)"
       },
-      children: states.map((state) => /* @__PURE__ */ jsx34(ToggleGroupItem, { value: state, size: "sm", children: state }, state))
+      children: states.map((state) => /* @__PURE__ */ jsx33(ToggleGroupItem, { value: state, size: "sm", children: state }, state))
     }
   );
 }
 var contentCache = /* @__PURE__ */ new Map();
-var fetchedContentPaths = /* @__PURE__ */ new Set();
 function resolveSubdomain(subdomainFromQuery) {
   if (subdomainFromQuery) return subdomainFromQuery;
   if (typeof window !== "undefined") {
@@ -14999,14 +14230,8 @@ function OhhwellsBridge() {
   });
   const selectFrameRef = useRef9(() => {
   });
-  const selectLogoRef = useRef9(() => {
-  });
-  const openLogoSizePanelRef = useRef9(() => {
-  });
   const deselectRef = useRef9(() => {
   });
-  const closeFloatingPanelOnlyRef = useRef9(() => {
-  });
   const reselectNavigationItemRef = useRef9(() => {
   });
   const commitNavigationTextEditRef = useRef9(() => {
@@ -15034,9 +14259,14 @@ function OhhwellsBridge() {
   const [fieldTypePickerOpen, setFieldTypePickerOpen] = useState11(false);
   const clearFormPick = useCallback7(() => {
     const form = formPickElRef.current;
+    const editing = fieldPickElRef.current;
+    if (commitPlaceholderEdit(editing) && editing) {
+      const owner = editing.closest('[data-ohw-editable="form"]');
+      if (owner) persistFieldsRef.current(owner);
+    }
     if (form) {
       const key = formKeyOf(form);
-      if (key) setFormViewState(form, key, "default", DEFAULT_SUCCESS_TEXT);
+      if (key) setFormViewState(form, key, "default", successInitialFor(form, key, editContentRef.current));
     }
     setFormViewStateUi("default");
     setFormPickCount(null);
@@ -15090,8 +14320,8 @@ function OhhwellsBridge() {
       if (!wrapper || !form) return;
       commitPlaceholderEdit(wrapper);
       run(form, wrapper);
-      beginPlaceholderEdit(wrapper);
       persistFields(form);
+      beginPlaceholderEdit(wrapper);
       setFormPickRect(form.getBoundingClientRect());
     },
     [persistFields]
@@ -15142,17 +14372,37 @@ function OhhwellsBridge() {
     [persistFields, selectField]
   );
   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();
+      return { top: rect.top, left: rect.left, width: rect.width };
+    });
+    const last = others[others.length - 1];
+    if (last) {
+      const rect = last.getBoundingClientRect();
+      slots.push({ top: rect.bottom, left: rect.left, width: rect.width });
+    }
+    return slots;
+  }, []);
   const handleFieldDragStart = useCallback7(() => {
     const wrapper = fieldPickElRef.current;
     const form = formPickElRef.current;
     if (!wrapper || !form) return;
-    fieldDragRef.current = { key: fieldKeyOf(wrapper), form };
-  }, []);
+    const key = fieldKeyOf(wrapper);
+    fieldDragRef.current = { key, form };
+    setFieldDragging(true);
+    setFieldDropSlots(buildFieldDropSlots(form, key));
+  }, [buildFieldDropSlots]);
   const handleFieldDragEnd = useCallback7(() => {
     fieldDragRef.current = null;
     setFieldDropIndex(null);
+    setFieldDropSlots([]);
+    setFieldDragging(false);
   }, []);
   const [fieldDropIndex, setFieldDropIndex] = useState11(null);
+  const [fieldDropSlots, setFieldDropSlots] = useState11([]);
+  const [fieldDragging, setFieldDragging] = useState11(false);
   const clearFormPickRef = useRef9(clearFormPick);
   clearFormPickRef.current = clearFormPick;
   useEffect12(() => {
@@ -15218,6 +14468,11 @@ function OhhwellsBridge() {
   const [isItemDragging, setIsItemDragging] = useState11(false);
   const [isFooterFrameSelection, setIsFooterFrameSelection] = useState11(false);
   isFooterFrameSelectionRef.current = isFooterFrameSelection;
+  const [floatingPanel, setFloatingPanel] = useState11(null);
+  const floatingPanelOpenRef = useRef9(false);
+  floatingPanelOpenRef.current = floatingPanel !== null;
+  const [floatingPanelPos, setFloatingPanelPos] = useState11(null);
+  const [parentScrollSnap, setParentScrollSnap] = useState11(null);
   const [navDropdownPreviewOpen, setNavDropdownPreviewOpen] = useState11(null);
   const [footerHeadingVisible, setFooterHeadingVisible] = useState11(null);
   const footerDragRef = useRef9(null);
@@ -15232,16 +14487,7 @@ function OhhwellsBridge() {
   const addNavAfterAnchorRef = useRef9(null);
   const editContentRef = useRef9({});
   const aiSectionsRef = useRef9("");
-  const brandKitRef = useRef9("");
-  const stylesRef = useRef9("");
   const pendingDeleteUndoRef = useRef9(null);
-  const [floatingPanel, setFloatingPanel] = useState11(null);
-  const floatingPanelOpenRef = useRef9(false);
-  const setFloatingPanelRef = useRef9(setFloatingPanel);
-  const [floatingPanelPos, setFloatingPanelPos] = useState11(null);
-  const [logoSizeDraft, setLogoSizeDraft] = useState11(null);
-  const [editorViewport, setEditorViewport] = useState11("desktop");
-  const [parentScrollSnap, setParentScrollSnap] = useState11(null);
   const [sitePages, setSitePages] = useState11([]);
   const [sectionsByPath, setSectionsByPath] = useState11({});
   const sectionsPrefetchGenRef = useRef9(0);
@@ -15250,18 +14496,7 @@ function OhhwellsBridge() {
   const linkPopoverOpenRef = useRef9(false);
   const linkPopoverGraceUntilRef = useRef9(0);
   setLinkPopoverRef.current = setLinkPopover;
-  setFloatingPanelRef.current = setFloatingPanel;
   linkPopoverSessionRef.current = linkPopover;
-  floatingPanelOpenRef.current = Boolean(floatingPanel);
-  useEffect12(() => {
-    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,
@@ -15430,7 +14665,9 @@ function OhhwellsBridge() {
   const deactivate = useCallback7(() => {
     const el = activeElRef.current;
     if (!el) return;
-    const key = el.dataset.ohwKey;
+    const isFormBlock = el.dataset.ohwEditable === "form";
+    const isFormControl = el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement || el instanceof HTMLSelectElement;
+    const key = isFormBlock || isFormControl ? void 0 : el.dataset.ohwKey;
     if (key) {
       const timer = autoSaveTimers.current.get(key);
       if (timer !== void 0) {
@@ -15447,6 +14684,12 @@ function OhhwellsBridge() {
     }
     el.removeAttribute("contenteditable");
     el.removeAttribute("data-ohw-editing");
+    const labelField = getFieldWrapper(el);
+    if (labelField) {
+      syncRequiredMark(labelField);
+      const owner = labelField.closest('[data-ohw-editable="form"]');
+      if (owner) persistFieldsRef.current(owner);
+    }
     activeElRef.current = null;
     setNavGroupForceOpen(null, false);
     setReorderHrefKey(null);
@@ -15486,8 +14729,6 @@ function OhhwellsBridge() {
     setHoveredNavContainerRect(null);
     hoveredItemElRef.current = null;
     setHoveredItemRect(null);
-    setFloatingPanel(null);
-    setLogoSizeDraft(null);
     if (!activeElRef.current) {
       setNavGroupForceOpen(null, false);
       setToolbarRect(null);
@@ -15602,6 +14843,12 @@ function OhhwellsBridge() {
     }
     el.removeAttribute("contenteditable");
     el.removeAttribute("data-ohw-editing");
+    const labelField = getFieldWrapper(el);
+    if (labelField) {
+      syncRequiredMark(labelField);
+      const owner = labelField.closest('[data-ohw-editable="form"]');
+      if (owner) persistFieldsRef.current(owner);
+    }
     activeElRef.current = null;
     setMaxBadge(null);
     setActiveCommands(/* @__PURE__ */ new Set());
@@ -16193,8 +15440,6 @@ function OhhwellsBridge() {
     setToolbarRect(anchor.getBoundingClientRect());
     setToolbarShowEditLink(false);
     setActiveCommands(/* @__PURE__ */ new Set());
-    setFloatingPanel(null);
-    setLogoSizeDraft(null);
   }, [deactivate, markSelected]);
   const selectFrame = useCallback7((el) => {
     if (!isNavigationContainer(el)) return;
@@ -16244,51 +15489,7 @@ function OhhwellsBridge() {
     setToolbarRect(el.getBoundingClientRect());
     setToolbarShowEditLink(false);
     setActiveCommands(/* @__PURE__ */ new Set());
-    setFloatingPanel(null);
-    setLogoSizeDraft(null);
   }, [deactivate, markSelected, postToParent2]);
-  const selectLogo = useCallback7(
-    (logoEl) => {
-      if (activeElRef.current) deactivate();
-      selectedElRef.current = logoEl;
-      selectedHrefKeyRef.current = null;
-      selectedFooterColAttrRef.current = null;
-      markSelected(logoEl);
-      setSelectedIsCta(false);
-      setSelectedIsSocial(false);
-      setSelectedIsSocialsRow(false);
-      clearHrefKeyHover(logoEl);
-      hoveredNavContainerRef.current = null;
-      setHoveredNavContainerRect(null);
-      setHoveredItemRect(null);
-      hoveredItemElRef.current = null;
-      siblingHintElRef.current = null;
-      setSiblingHintRect(null);
-      setSiblingHintRects([]);
-      setIsItemDragging(false);
-      setReorderHrefKey(null);
-      setReorderDragDisabled(false);
-      setIsFooterFrameSelection(false);
-      setToolbarVariant("logo");
-      setToolbarRect(getLogoInteractionRect(logoEl));
-      setToolbarShowEditLink(false);
-      setActiveCommands(/* @__PURE__ */ new Set());
-    },
-    [deactivate, markSelected]
-  );
-  const openLogoSizePanel = useCallback7((logoEl) => {
-    const placement = getLogoPlacement(logoEl);
-    const draft = readLogoSizeState(editContentRef.current, placement);
-    setLogoSizeDraft(draft);
-    setParentScrollSnap(parentScrollRef.current);
-    setFloatingPanel({
-      key: `logo-size:${placement}`,
-      title: "Logo",
-      context: placement === "navbar" ? "Navbar" : "Footer",
-      kind: "logo-size",
-      placement
-    });
-  }, []);
   const openSocialsDisplayPanel = useCallback7((row) => {
     setParentScrollSnap(parentScrollRef.current);
     setFloatingPanel({
@@ -16324,54 +15525,13 @@ function OhhwellsBridge() {
   );
   const closeFloatingPanelOnly = useCallback7(() => {
     setFloatingPanel(null);
-    setLogoSizeDraft(null);
   }, []);
+  const closeFloatingPanelOnlyRef = useRef9(closeFloatingPanelOnly);
   closeFloatingPanelOnlyRef.current = closeFloatingPanelOnly;
   const closeFloatingPanelAndDeselect = useCallback7(() => {
     setFloatingPanel(null);
-    setLogoSizeDraft(null);
     deselectRef.current();
   }, []);
-  const persistLogoSizeDraft = useCallback7(
-    (placement, draft) => {
-      const desktopKey = LOGO_SIZE_DESKTOP_KEYS[placement];
-      const mobileKey = LOGO_SIZE_MOBILE_KEYS[placement];
-      const nodes = [
-        { key: desktopKey, text: String(draft.desktopPx) }
-      ];
-      if (draft.mobileFollowing) {
-        nodes.push({ key: mobileKey, text: "" });
-      } else {
-        nodes.push({ key: mobileKey, text: String(draft.mobilePx) });
-      }
-      editContentRef.current = {
-        ...editContentRef.current,
-        [desktopKey]: String(draft.desktopPx),
-        [mobileKey]: draft.mobileFollowing ? "" : String(draft.mobilePx)
-      };
-      applyLogoSizeToPlacement(
-        placement,
-        draft.desktopPx,
-        draft.mobileFollowing ? draft.desktopPx : draft.mobilePx,
-        draft.mobileFollowing
-      );
-      postToParent2({ type: "ow:change", nodes });
-      requestAnimationFrame(() => {
-        const selected = selectedElRef.current;
-        if (!selected || toolbarVariantRef.current !== "logo") return;
-        const rect = getLogoInteractionRect(selected);
-        setToolbarRect(rect);
-        if (glowElRef.current) {
-          const GAP = SELECTION_CHROME_GAP2;
-          glowElRef.current.style.top = `${rect.top - GAP}px`;
-          glowElRef.current.style.left = `${rect.left - GAP}px`;
-          glowElRef.current.style.width = `${rect.width + GAP * 2}px`;
-          glowElRef.current.style.height = `${rect.height + GAP * 2}px`;
-        }
-      });
-    },
-    [postToParent2]
-  );
   const activate = useCallback7((el, options) => {
     if (activeElRef.current === el) return;
     if (isIconEditable(el)) return;
@@ -16452,10 +15612,7 @@ function OhhwellsBridge() {
   deactivateRef.current = deactivate;
   selectRef.current = select;
   selectFrameRef.current = selectFrame;
-  selectLogoRef.current = selectLogo;
-  openLogoSizePanelRef.current = openLogoSizePanel;
   deselectRef.current = deselect;
-  closeFloatingPanelOnlyRef.current = closeFloatingPanelOnly;
   const lastSiteWideScopeRef = useRef9(null);
   useEffect12(() => {
     if (!isEditMode) {
@@ -16494,23 +15651,9 @@ function OhhwellsBridge() {
         aiSectionsRef.current = content[AI_SECTIONS_KEY];
         applyAiSectionsToDom(parseAiSectionsState(content[AI_SECTIONS_KEY]));
       }
-      if (typeof content[BRAND_KIT_KEY] === "string") {
-        brandKitRef.current = content[BRAND_KIT_KEY];
-        applyBrandToDom(parseBrandKit(content[BRAND_KIT_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) => {
@@ -16539,14 +15682,13 @@ function OhhwellsBridge() {
             applyLinkHref(el, val);
           } else if (el.dataset.ohwEditable === "icon") {
             applyIconMarkup(el, val);
+          } else if (el.dataset.ohwEditable === "form") {
           } else if (el.innerHTML !== val) {
             el.innerHTML = val;
           }
         });
         applyLinkByKey(key, val);
       }
-      applyLogoFromContent(content);
-      applyLogoSizes(content);
       reconcileNavbarItemsFromContent(content);
       reconcileFooterOrderFromContent(content);
       reconcileSocialsFromContent(content);
@@ -16567,9 +15709,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);
@@ -16598,6 +15738,7 @@ function OhhwellsBridge() {
       e.preventDefault();
       e.stopPropagation();
       if (e.dataTransfer) e.dataTransfer.dropEffect = "move";
+      setFieldDropSlots(buildFieldDropSlots(session.form, session.key));
       setFieldDropIndex(resolveIndex(session.form, e.clientY));
     };
     const onDrop = (e) => {
@@ -16612,6 +15753,8 @@ function OhhwellsBridge() {
       setFormPickRect(session.form.getBoundingClientRect());
       fieldDragRef.current = null;
       setFieldDropIndex(null);
+      setFieldDropSlots([]);
+      setFieldDragging(false);
     };
     window.addEventListener("dragover", onDragOver, true);
     window.addEventListener("drop", onDrop, true);
@@ -16619,7 +15762,7 @@ function OhhwellsBridge() {
       window.removeEventListener("dragover", onDragOver, true);
       window.removeEventListener("drop", onDrop, true);
     };
-  }, [isEditMode, persistFields, selectField]);
+  }, [buildFieldDropSlots, isEditMode, persistFields, selectField]);
   useEffect12(() => {
     if (!isEditMode) return;
     const mark = () => document.querySelectorAll('[data-ohw-editable="form"]').forEach((form) => {
@@ -16641,8 +15784,9 @@ function OhhwellsBridge() {
       const wrapper = getFieldWrapper(input);
       if (!wrapper || wrapper !== fieldPickElRef.current) return;
       if (saveTimer) clearTimeout(saveTimer);
+      const owner = wrapper.closest('[data-ohw-editable="form"]');
       saveTimer = setTimeout(() => {
-        const form = formPickElRef.current;
+        const form = owner ?? formPickElRef.current;
         if (!form) return;
         const previous = input.getAttribute("placeholder");
         input.setAttribute("placeholder", input.value);
@@ -16685,21 +15829,8 @@ 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[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 === 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) => {
@@ -16714,17 +15845,23 @@ function OhhwellsBridge() {
               if (video && video.src !== val) applyVideoSrc(video, val);
             } else if (el.dataset.ohwEditable === "link") {
               applyLinkHref(el, val);
+            } else if (el.dataset.ohwEditable === "form") {
             } else if (el.innerHTML !== val) {
               el.innerHTML = val;
             }
           });
           applyLinkByKey(key, val);
         }
-        applyLogoFromContent(content);
         reconcileNavbarItemsFromContent(content);
         reconcileFooterOrderFromContent(content);
         reconcileSocialsFromContent(content);
         applySocialsDisplayFromContent(content);
+        document.querySelectorAll('[data-ohw-editable="form"]').forEach((form) => {
+          if (!form.querySelector("[data-ohw-form-success]")) {
+            reconcileFieldsFromContent(form, content);
+          }
+          listFieldWrappers(form).forEach(syncRequiredMark);
+        });
       } finally {
         observer?.observe(document.body, { childList: true, subtree: true });
       }
@@ -16735,17 +15872,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 () => {
@@ -16839,31 +15965,26 @@ function OhhwellsBridge() {
   }, [isEditMode, pathname, subdomain, fetchState, resyncSelectedNavigationItem]);
   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 resizeTimer = null;
+    const handleResize = () => {
+      if (window.innerWidth === lastWidth) return;
+      lastWidth = window.innerWidth;
+      if (resizeTimer) clearTimeout(resizeTimer);
+      resizeTimer = setTimeout(measure, 150);
+    };
+    window.addEventListener("resize", handleResize);
     return () => {
       clearTimeout(t1);
       clearTimeout(t2);
-      if (raf != null) cancelAnimationFrame(raf);
-      ro.disconnect();
+      if (resizeTimer) clearTimeout(resizeTimer);
+      window.removeEventListener("resize", handleResize);
     };
   }, [pathname, isEditMode, postToParent2]);
   useEffect12(() => {
@@ -17044,12 +16165,10 @@ 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;
       if (isInsideLinkEditor(target)) return;
-      if (isInsideFloatingPanel(target)) return;
       if (target.closest("[data-ohw-form-toolbar]")) return;
       if (target.closest(
         '[data-ohw-field-toolbar], [data-ohw-field-type-picker], [data-radix-popper-content-wrapper], [role="menu"], [data-slot="dropdown-menu-content"]'
@@ -17160,15 +16279,9 @@ function OhhwellsBridge() {
       if (logoEl) {
         e.preventDefault();
         e.stopPropagation();
-        if (!logoHasUploadedImage(logoEl)) {
-          deselectRef.current();
-          deactivateRef.current();
-          const identity = readLogoIdentityFromDom();
-          postToParentRef.current({ type: "ow:open-logo-settings", ...identity });
-          return;
-        }
-        selectLogoRef.current(logoEl);
-        openLogoSizePanelRef.current(logoEl);
+        deselectRef.current();
+        deactivateRef.current();
+        postToParentRef.current({ type: "ow:open-logo-settings" });
         return;
       }
       const editable = target.closest("[data-ohw-editable]");
@@ -17323,12 +16436,10 @@ 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;
       if (isInsideLinkEditor(target)) return;
-      if (isInsideFloatingPanel(target)) return;
       if (target.closest('[data-ohw-edit-chrome], [data-ohw-item-interaction], [data-ohw-drag-handle-container], [data-slot="drag-handle"]')) {
         return;
       }
@@ -17356,16 +16467,26 @@ function OhhwellsBridge() {
         setHoveredNavContainerRect(null);
         return;
       }
-      if (document.documentElement.hasAttribute("data-ohw-panel-dragging") || isInsideFloatingPanel(target) || isPointOverFloatingPanel(e.clientX, e.clientY)) {
+      if (target.closest(EDITOR_CHROME_SELECTOR) || isOverEditorChrome(e.clientX, e.clientY) || isInsideLinkEditor(target)) {
+        document.querySelectorAll("[data-ohw-hovered]").forEach((el) => el.removeAttribute("data-ohw-hovered"));
         hoveredItemElRef.current = null;
         setHoveredItemRect(null);
         hoveredNavContainerRef.current = null;
         setHoveredNavContainerRect(null);
+        formHoverElRef.current = null;
+        setFormHoverRect(null);
         siblingHintElRef.current = null;
         setSiblingHintRect(null);
         setSiblingHintRects([]);
         return;
       }
+      if (document.documentElement.hasAttribute("data-ohw-panel-dragging") || target.closest("[data-ohw-floating-panel]")) {
+        hoveredItemElRef.current = null;
+        setHoveredItemRect(null);
+        hoveredNavContainerRef.current = null;
+        setHoveredNavContainerRect(null);
+        return;
+      }
       {
         const selected2 = selectedElRef.current;
         const selectedIsFooterColumn = Boolean(selected2) && !isFooterLinksContainer(selected2) && (selected2.hasAttribute("data-ohw-footer-col") || selected2.hasAttribute("data-ohw-footer-column") || Boolean(selected2.closest("footer") && isInferredFooterGroup2(selected2)));
@@ -17408,7 +16529,7 @@ function OhhwellsBridge() {
         setHoveredNavContainerRect(null);
         if (selectedElRef.current === logoEl) return;
         hoveredItemElRef.current = logoEl;
-        setHoveredItemRect(getLogoInteractionRect(logoEl));
+        setHoveredItemRect(logoEl.getBoundingClientRect());
         return;
       }
       const navAnchor = getNavigationItemAnchor(target);
@@ -17472,6 +16593,7 @@ function OhhwellsBridge() {
             hoveredNavContainerRef.current = null;
             setHoveredNavContainerRect(null);
             hoveredItemElRef.current = editable;
+            setHoveredItemRect(editable.getBoundingClientRect());
           }
         }
       }
@@ -17679,7 +16801,7 @@ function OhhwellsBridge() {
         setHoveredNavContainerRect(null);
         if (selectedElRef.current !== logo) {
           hoveredItemElRef.current = logo;
-          setHoveredItemRect(getLogoInteractionRect(logo));
+          setHoveredItemRect(logo.getBoundingClientRect());
         }
         return;
       }
@@ -17768,7 +16890,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;
@@ -18022,7 +17144,7 @@ function OhhwellsBridge() {
       }
     };
     const probeHoverCardsAt = (clientX, clientY, fromParentViewport = false) => {
-      if (linkPopoverOpenRef.current || floatingPanelOpenRef.current && isPointOverFloatingPanel(clientX, clientY) || document.documentElement.hasAttribute("data-ohw-section-picking")) {
+      if (linkPopoverOpenRef.current || document.documentElement.hasAttribute("data-ohw-section-picking")) {
         if (activeStateElRef.current) {
           activeStateElRef.current.removeAttribute("data-ohw-state-hovered");
           activeStateElRef.current = null;
@@ -18097,17 +17219,15 @@ function OhhwellsBridge() {
     };
     const handleMouseMove = (e) => {
       const { clientX, clientY } = e;
-      if (document.documentElement.hasAttribute("data-ohw-panel-dragging") || floatingPanelOpenRef.current && isPointOverFloatingPanel(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);
         hoveredItemElRef.current = null;
         setHoveredItemRect(null);
         hoveredNavContainerRef.current = null;
         setHoveredNavContainerRect(null);
-        siblingHintElRef.current = null;
-        setSiblingHintRect(null);
-        setSiblingHintRects([]);
-        dismissImageHover();
-        clearImageHover();
-        setSectionGap(null);
         return;
       }
       probeSectionGapAt(clientX, clientY);
@@ -18118,11 +17238,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;
       probeSectionGapAt(clientX, clientY);
       probeImageAt(clientX, clientY);
       probeHoverCardsAt(clientX, clientY);
@@ -18372,15 +17488,6 @@ function OhhwellsBridge() {
         aiSectionsRef.current = content[AI_SECTIONS_KEY];
         applyAiSectionsToDom(parseAiSectionsState(content[AI_SECTIONS_KEY]));
       }
-      if (typeof content[BRAND_KIT_KEY] === "string") {
-        brandKitRef.current = content[BRAND_KIT_KEY];
-        applyBrandToDom(parseBrandKit(content[BRAND_KIT_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") {
@@ -18388,11 +17495,6 @@ function OhhwellsBridge() {
           continue;
         }
         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) => {
@@ -18412,8 +17514,6 @@ function OhhwellsBridge() {
         });
         applyLinkByKey(key, val);
       }
-      applyLogoFromContent(content);
-      applyLogoSizes(content);
       if (sectionsJson) {
         initSectionsFromContent({ __ohw_sections: sectionsJson }, true);
         sectionsLoadedRef.current = true;
@@ -18429,58 +17529,6 @@ function OhhwellsBridge() {
       if (hydratedHeight > 50) postToParentRef.current({ type: "ow:height", height: hydratedHeight });
       postToParentRef.current({ type: "ow:hydrate-done" });
     };
-    const handleUpdateLogoIdentity = (e) => {
-      if (e.data?.type !== "ow:update-logo-identity") return;
-      const rawText = typeof e.data.text === "string" ? e.data.text : "";
-      const alt = typeof e.data.alt === "string" ? e.data.alt : rawText;
-      const href = typeof e.data.href === "string" ? e.data.href : void 0;
-      const imageProvided = "image" in e.data;
-      const imageUrl = imageProvided && typeof e.data.image === "string" && e.data.image.trim() ? e.data.image.trim() : imageProvided ? null : void 0;
-      let isPlaceholder = e.data.isPlaceholder !== false;
-      if (imageUrl) isPlaceholder = false;
-      else if (imageProvided && imageUrl === null) {
-        isPlaceholder = e.data.isPlaceholder === true || !rawText.trim() || resolveLogoDisplayText(rawText) === PLACEHOLDER_BUSINESS_NAME;
-      }
-      const display = applyLogoIdentity(rawText, isPlaceholder);
-      const displayAlt = resolveLogoDisplayText(alt || display);
-      if (imageUrl !== void 0) {
-        applyLogoImage(imageUrl, displayAlt);
-      } else {
-        for (const key of LOGO_IMAGE_KEYS) {
-          document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
-            const img = el instanceof HTMLImageElement ? el : el.querySelector("img");
-            if (img) img.alt = displayAlt;
-          });
-        }
-      }
-      if (href !== void 0) {
-        applyLogoHref(href);
-        applyLinkByKey("nav-logo-href", href);
-        applyLinkByKey("footer-logo-href", href);
-        applyLinkByKey("logo-href", href);
-      }
-      const nodes = [
-        ...LOGO_TEXT_KEYS.map((key) => ({ key, text: display })),
-        { key: LOGO_PLACEHOLDER_KEY, text: isPlaceholder ? "true" : "false" },
-        { key: LOGO_ALT_KEY, text: displayAlt }
-      ];
-      if (imageUrl !== void 0) {
-        if (imageUrl) {
-          for (const key of LOGO_IMAGE_KEYS) nodes.push({ key, text: imageUrl });
-        } else {
-          for (const key of LOGO_IMAGE_KEYS) nodes.push({ key, text: "" });
-        }
-      }
-      if (href !== void 0) {
-        for (const key of LOGO_HREF_KEYS) nodes.push({ key, text: href.trim() || "/" });
-      }
-      editContentRef.current = {
-        ...editContentRef.current,
-        ...Object.fromEntries(nodes.map(({ key, text }) => [key, text]))
-      };
-      applyLogoSizes(editContentRef.current);
-      postToParentRef.current({ type: "ow:change", nodes });
-    };
     window.addEventListener("message", handleHydrate);
     const postAiSectionsChanged = () => {
       postToParentRef.current({
@@ -18494,10 +17542,7 @@ function OhhwellsBridge() {
       const payload = e.data.payload;
       if (!payload || typeof payload.id !== "string" || !isRenderableTree(payload.tree)) return;
       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);
@@ -18534,42 +17579,12 @@ function OhhwellsBridge() {
       const value = typeof e.data.value === "string" ? e.data.value : "";
       aiSectionsRef.current = value;
       applyAiSectionsToDom(parseAiSectionsState(value));
-      applyStylesToDom(parseStyleStore(stylesRef.current));
       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 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 handleDeactivate = (e) => {
       if (e.data?.type !== "ow:deactivate") return;
       if (Date.now() < linkPopoverGraceUntilRef.current) return;
@@ -18578,12 +17593,6 @@ function OhhwellsBridge() {
         closeLinkPopoverRef.current();
         return;
       }
-      if (floatingPanelOpenRef.current) {
-        setFloatingPanelRef.current(null);
-        deselectRef.current();
-        deactivateRef.current();
-        return;
-      }
       deselectRef.current();
       deactivateRef.current();
     };
@@ -18637,10 +17646,6 @@ function OhhwellsBridge() {
         return;
       }
       if (selectedElRef.current) {
-        if (toolbarVariantRef.current === "logo") {
-          deselectRef.current();
-          return;
-        }
         if (toolbarVariantRef.current === "select-frame") {
           const parent2 = getNavigationSelectionParent(selectedElRef.current);
           if (parent2 && isNavigationContainer(parent2) && isFooterLinksContainer(parent2) && !isFooterLinksContainer(selectedElRef.current)) {
@@ -18692,10 +17697,6 @@ function OhhwellsBridge() {
         return;
       }
       if (e.key === "Escape" && selectedElRef.current && !activeElRef.current) {
-        if (toolbarVariantRef.current === "logo") {
-          deselectRef.current();
-          return;
-        }
         if (toolbarVariantRef.current === "select-frame") {
           const parent2 = getNavigationSelectionParent(selectedElRef.current);
           if (parent2 && isNavigationContainer(parent2) && isFooterLinksContainer(parent2) && !isFooterLinksContainer(selectedElRef.current)) {
@@ -18773,8 +17774,7 @@ function OhhwellsBridge() {
     const handleScroll = () => {
       const focusEl = activeElRef.current ?? selectedElRef.current;
       if (focusEl) {
-        const measureEl = activeElRef.current ? getEditMeasureEl(activeElRef.current) : toolbarVariantRef.current === "logo" ? null : focusEl;
-        const r2 = measureEl ? measureEl.getBoundingClientRect() : toolbarVariantRef.current === "logo" ? getLogoInteractionRect(focusEl) : focusEl.getBoundingClientRect();
+        const r2 = activeElRef.current ? getEditMeasureEl(activeElRef.current).getBoundingClientRect() : focusEl.getBoundingClientRect();
         applyToolbarPos(r2);
         setToolbarRect(r2);
         setMaxBadge((prev) => prev && activeElRef.current ? { ...prev, rect: r2 } : prev);
@@ -18784,9 +17784,7 @@ function OhhwellsBridge() {
         setToggleState((prev) => prev ? { ...prev, rect } : null);
       }
       if (hoveredItemElRef.current) {
-        const hoverEl = hoveredItemElRef.current;
-        const logo = getLogoElement(hoverEl);
-        setHoveredItemRect(logo ? getLogoInteractionRect(logo) : hoverEl.getBoundingClientRect());
+        setHoveredItemRect(hoveredItemElRef.current.getBoundingClientRect());
       }
       if (hoveredNavContainerRef.current) {
         setHoveredNavContainerRect(hoveredNavContainerRef.current.getBoundingClientRect());
@@ -18830,12 +17828,13 @@ 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;
+        const specs = readFieldsFromDom(form);
+        const text = specs.length ? JSON.stringify(specs) : editContentRef.current[fieldsKey(formKey)];
+        if (text) nodes.push({ key: fieldsKey(formKey), type: "text", text });
+      });
       postToParentRef.current({ type: "ow:save-result", nodes });
     };
     const handleInsertSection = (e) => {
@@ -18846,12 +17845,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) => {
@@ -19044,17 +18039,13 @@ function OhhwellsBridge() {
       if (e.data?.type !== "ow:parent-scroll") return;
       const { iframeOffsetTop, headerH, canvasH } = e.data;
       parentScrollRef.current = { iframeOffsetTop, headerH, canvasH };
-      if (floatingPanelOpenRef.current) {
-        setParentScrollSnap({ iframeOffsetTop, headerH, canvasH });
-      }
       if (visibleViewportRef.current) {
         applyVisibleViewport(visibleViewportRef.current, parentScrollRef.current);
       }
       const focusEl = activeElRef.current ?? selectedElRef.current;
       if (focusEl) {
-        const measureEl = activeElRef.current ? getEditMeasureEl(activeElRef.current) : toolbarVariantRef.current === "logo" ? null : focusEl;
-        const r2 = measureEl ? measureEl.getBoundingClientRect() : toolbarVariantRef.current === "logo" ? getLogoInteractionRect(focusEl) : focusEl.getBoundingClientRect();
-        applyToolbarPos(r2);
+        const measureEl = activeElRef.current ? getEditMeasureEl(activeElRef.current) : focusEl;
+        applyToolbarPos(measureEl.getBoundingClientRect());
       }
     };
     const handleClickAt = (e) => {
@@ -19087,15 +18078,9 @@ function OhhwellsBridge() {
         return clientX >= r2.left && clientX <= r2.right && clientY >= r2.top && clientY <= r2.bottom;
       });
       if (logoAtPoint) {
-        if (!logoHasUploadedImage(logoAtPoint)) {
-          deselectRef.current();
-          deactivateRef.current();
-          const identity = readLogoIdentityFromDom();
-          postToParentRef.current({ type: "ow:open-logo-settings", ...identity });
-          return;
-        }
-        selectLogoRef.current(logoAtPoint);
-        openLogoSizePanelRef.current(logoAtPoint);
+        deselectRef.current();
+        deactivateRef.current();
+        postToParentRef.current({ type: "ow:open-logo-settings" });
         return;
       }
       const textEditable = Array.from(
@@ -19169,14 +18154,6 @@ function OhhwellsBridge() {
     window.addEventListener("message", handleParentScroll);
     window.addEventListener("message", handlePointerSync);
     window.addEventListener("message", handleClickAt);
-    window.addEventListener("message", handleUpdateLogoIdentity);
-    const handleViewMode = (e) => {
-      if (e.data?.type !== "ow:view-mode") return;
-      const mode = e.data.mode === "Mobile" || e.data.mode === "mobile" ? "mobile" : "desktop";
-      setEditorViewport(mode);
-      applyLogoSizes(editContentRef.current);
-    };
-    window.addEventListener("message", handleViewMode);
     const handleViewportResize = () => {
       if (visibleViewportRef.current) {
         applyVisibleViewport(visibleViewportRef.current, parentScrollRef.current);
@@ -19232,15 +18209,10 @@ function OhhwellsBridge() {
       window.removeEventListener("resize", handleViewportResize);
       window.removeEventListener("message", handlePointerSync);
       window.removeEventListener("message", handleClickAt);
-      window.removeEventListener("message", handleUpdateLogoIdentity);
-      window.removeEventListener("message", handleViewMode);
       window.removeEventListener("message", handleHydrate);
       window.removeEventListener("message", handleAiApplyTree);
       window.removeEventListener("message", handleAiDeleteSection);
       window.removeEventListener("message", handleAiSetSections);
-      window.removeEventListener("message", handleAiSetBrand);
-      window.removeEventListener("message", handleAiSetStyles);
-      window.removeEventListener("message", handleGetBrand);
       window.removeEventListener("message", handleDeactivate);
       window.removeEventListener("message", handleToastAction);
       window.removeEventListener("message", handleFormCount);
@@ -19447,7 +18419,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.64",
+        bridgeVersion: "0.1.63",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections
@@ -19842,10 +18814,10 @@ function OhhwellsBridge() {
     [postToParent2]
   );
   return bridgeRoot ? createPortal2(
-    /* @__PURE__ */ jsxs21(Fragment8, { children: [
-      /* @__PURE__ */ jsx34("div", { ref: attachVisibleViewport, "data-ohw-visible-viewport": "", "aria-hidden": true }),
-      isEditMode && /* @__PURE__ */ jsx34(AiSectionOverlay, { postToParent: postToParent2, apiRef: aiSectionApiRef }),
-      Object.entries(uploadingRects).map(([key, { rect, fadingOut }]) => /* @__PURE__ */ jsx34(
+    /* @__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 },
@@ -19856,7 +18828,7 @@ function OhhwellsBridge() {
         },
         `uploading-${key}`
       )),
-      mediaHover && !(mediaHover.key in uploadingRects) && /* @__PURE__ */ jsx34(
+      mediaHover && !(mediaHover.key in uploadingRects) && /* @__PURE__ */ jsx33(
         MediaOverlay,
         {
           hover: mediaHover,
@@ -19865,11 +18837,11 @@ function OhhwellsBridge() {
           onVideoSettingsChange: handleVideoSettingsChange
         }
       ),
-      carouselHover && !linkPopover && !isItemDragging && /* @__PURE__ */ jsx34(CarouselOverlay, { hover: carouselHover, onEdit: handleEditCarousel }),
-      siblingHintRect && !linkPopover && !isItemDragging && siblingHintRects.length === 0 && /* @__PURE__ */ jsx34(ItemInteractionLayer, { rect: siblingHintRect, state: "sibling-hint" }),
-      siblingHintRects.length > 0 && !linkPopover && !isItemDragging && siblingHintRects.map((rect, i) => /* @__PURE__ */ jsx34(ItemInteractionLayer, { rect, state: "sibling-hint" }, `sibling-hint-${i}`)),
-      isItemDragging && draggedItemRect && selectedElRef.current !== footerDragRef.current?.draggedEl && selectedElRef.current !== navDragRef.current?.draggedEl && /* @__PURE__ */ jsx34(ItemInteractionLayer, { rect: draggedItemRect, state: "dragging" }),
-      isItemDragging && footerDropSlots.map((slot, i) => /* @__PURE__ */ jsx34(
+      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",
@@ -19879,7 +18851,7 @@ function OhhwellsBridge() {
             width: slot.width,
             height: slot.height
           },
-          children: /* @__PURE__ */ jsx34(
+          children: /* @__PURE__ */ jsx33(
             DropIndicator,
             {
               direction: slot.direction,
@@ -19890,7 +18862,7 @@ function OhhwellsBridge() {
         },
         `footer-drop-${slot.direction}-${slot.columnIndex}-${slot.insertIndex}-${i}`
       )),
-      isItemDragging && navDropSlots.map((slot, i) => /* @__PURE__ */ jsx34(
+      isItemDragging && navDropSlots.map((slot, i) => /* @__PURE__ */ jsx33(
         "div",
         {
           className: "pointer-events-none fixed z-2147483646",
@@ -19900,7 +18872,7 @@ function OhhwellsBridge() {
             width: slot.width,
             height: slot.height
           },
-          children: /* @__PURE__ */ jsx34(
+          children: /* @__PURE__ */ jsx33(
             DropIndicator,
             {
               direction: slot.direction,
@@ -19911,10 +18883,10 @@ function OhhwellsBridge() {
         },
         `nav-drop-${slot.direction}-${slot.parentId ?? "root"}-${slot.insertIndex}-${i}`
       )),
-      hoveredNavContainerRect && (toolbarVariant !== "select-frame" || isFooterFrameSelection) && !linkPopover && !isItemDragging && /* @__PURE__ */ jsx34(ItemInteractionLayer, { rect: hoveredNavContainerRect, state: "hover" }),
-      hoveredItemRect && !linkPopover && !hoveredNavContainerRect && !isItemDragging && hoveredItemElRef.current !== selectedElRef.current && /* @__PURE__ */ jsx34(ItemInteractionLayer, { rect: hoveredItemRect, state: "hover" }),
-      hoveredTextRect && !isItemDragging && toolbarVariant !== "rich-text" && /* @__PURE__ */ jsx34(ItemInteractionLayer, { rect: hoveredTextRect, state: "hover" }),
-      formPickRect && !isItemDragging && /* @__PURE__ */ jsx34(
+      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 && !isItemDragging && toolbarVariant !== "rich-text" && /* @__PURE__ */ jsx33(ItemInteractionLayer, { rect: hoveredTextRect, state: "hover" }),
+      formPickRect && !isItemDragging && /* @__PURE__ */ jsx33(
         ItemInteractionLayer,
         {
           rect: formPickRect,
@@ -19922,13 +18894,13 @@ function OhhwellsBridge() {
           itemDragSurface: false,
           toolbarAlign: "left",
           chromeGap: 24,
-          toolbar: fieldPickRect ? void 0 : /* @__PURE__ */ jsxs21(
+          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__ */ jsx34(
+                /* @__PURE__ */ jsx33(
                   "button",
                   {
                     type: "button",
@@ -19936,11 +18908,11 @@ function OhhwellsBridge() {
                     className: "flex h-7 w-7 items-center justify-center rounded-md text-foreground transition-colors hover:bg-muted/80",
                     onClick: () => setFieldTypePickerOpen((open) => !open),
                     "data-ohw-add-field": "",
-                    children: /* @__PURE__ */ jsx34(Plus4, { size: 15, "aria-hidden": true })
+                    children: /* @__PURE__ */ jsx33(Plus4, { size: 15, "aria-hidden": true })
                   }
                 ),
-                /* @__PURE__ */ jsx34("div", { className: "mx-0.5 h-5 w-px bg-border" }),
-                /* @__PURE__ */ jsxs21(
+                /* @__PURE__ */ jsx33("div", { className: "mx-0.5 h-5 w-px bg-border" }),
+                /* @__PURE__ */ jsxs20(
                   "button",
                   {
                     type: "button",
@@ -19955,11 +18927,11 @@ function OhhwellsBridge() {
                       });
                     },
                     children: [
-                      /* @__PURE__ */ jsx34(Settings, { size: 14, "aria-hidden": true }),
+                      /* @__PURE__ */ jsx33(Settings, { size: 14, "aria-hidden": true }),
                       "Form settings",
                       formPickCount ? (
                         // Counter pill, per the design — not a text suffix.
-                        /* @__PURE__ */ jsx34(
+                        /* @__PURE__ */ jsx33(
                           "span",
                           {
                             "data-ohw-form-count": "",
@@ -19971,30 +18943,8 @@ function OhhwellsBridge() {
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx34("div", { className: "mx-0.5 h-5 w-px bg-border" }),
-                /* @__PURE__ */ jsxs21(
-                  "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: () => {
-                      const form = formPickElRef.current;
-                      if (!form) return;
-                      postToParent2({
-                        type: "ow:form-submissions",
-                        formKey: formKeyOf(form),
-                        hasLongText: formHasLongText(form)
-                      });
-                    },
-                    "data-ohw-view-submissions": "",
-                    children: [
-                      /* @__PURE__ */ jsx34(Table, { size: 14, "aria-hidden": true }),
-                      "View submissions"
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx34("div", { className: "mx-0.5 h-5 w-px bg-border" }),
-                /* @__PURE__ */ jsx34("div", { className: "flex items-center rounded-md bg-muted/70 p-0.5", children: ["default", "success"].map((state) => /* @__PURE__ */ jsx34(
+                /* @__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",
@@ -20004,7 +18954,7 @@ function OhhwellsBridge() {
                       const form = formPickElRef.current;
                       const key = form ? formKeyOf(form) : null;
                       if (!form || !key) return;
-                      const initial = editContentRef.current[formSuccessKey(key)] ?? DEFAULT_SUCCESS_TEXT;
+                      const initial = successInitialFor(form, key, editContentRef.current);
                       setFormViewState(form, key, state, initial);
                       setFormViewStateUi(state);
                       setFormPickRect(form.getBoundingClientRect());
@@ -20024,7 +18974,7 @@ function OhhwellsBridge() {
           )
         }
       ),
-      formHoverRect && !isItemDragging && /* @__PURE__ */ jsx34(
+      formHoverRect && !isItemDragging && /* @__PURE__ */ jsx33(
         ItemInteractionLayer,
         {
           rect: formHoverRect,
@@ -20032,11 +18982,11 @@ function OhhwellsBridge() {
           chromeGap: formHoverElRef.current && getFieldWrapper(formHoverElRef.current) ? 8 : 24
         }
       ),
-      fieldPickRect && fieldPickState && !isItemDragging && /* @__PURE__ */ jsx34(
+      fieldPickRect && fieldPickState && !isItemDragging && toolbarVariant !== "rich-text" && /* @__PURE__ */ jsx33(
         ItemInteractionLayer,
         {
           rect: fieldPickRect,
-          state: "active-top",
+          state: fieldDragging ? "dragging" : "active-top",
           itemDragSurface: false,
           toolbarAlign: "left",
           chromeGap: 10,
@@ -20044,7 +18994,7 @@ function OhhwellsBridge() {
           dragHandleLabel: "Reorder field",
           onDragHandleDragStart: handleFieldDragStart,
           onDragHandleDragEnd: handleFieldDragEnd,
-          toolbar: /* @__PURE__ */ jsx34(
+          toolbar: /* @__PURE__ */ jsx33(
             FormFieldToolbar,
             {
               type: fieldPickState.type,
@@ -20057,33 +19007,32 @@ function OhhwellsBridge() {
           )
         }
       ),
-      fieldDropIndex !== null && formPickElRef.current ? (() => {
-        const wrappers = listFieldWrappers(formPickElRef.current).filter(
-          (el) => fieldKeyOf(el) !== fieldDragRef.current?.key
-        );
-        const anchor = wrappers[Math.min(fieldDropIndex, wrappers.length - 1)];
-        if (!anchor) return null;
-        const rect = anchor.getBoundingClientRect();
-        const atEnd = fieldDropIndex >= wrappers.length;
-        return /* @__PURE__ */ jsx34(
-          "div",
-          {
-            className: "pointer-events-none fixed z-[2147483644]",
-            style: { top: atEnd ? rect.bottom : rect.top, left: rect.left, width: rect.width },
-            children: /* @__PURE__ */ jsx34(DropIndicator, { direction: "horizontal", state: "dragActive" })
-          }
-        );
-      })() : null,
-      fieldTypePickerOpen && formPickRect && /* @__PURE__ */ jsx34(
+      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"
+            }
+          )
+        },
+        `field-drop-${i}`
+      )) : null,
+      fieldTypePickerOpen && formPickRect && /* @__PURE__ */ jsx33(
         "div",
         {
           className: "pointer-events-none fixed z-[2147483645]",
           style: { top: formPickRect.top + 16, left: formPickRect.left + 24 },
-          children: /* @__PURE__ */ jsx34(FieldTypePicker, { onPick: handleAddField })
+          children: /* @__PURE__ */ jsx33(FieldTypePicker, { onPick: handleAddField })
         }
       ),
-      toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isNavbarLinksContainer2(selectedElRef.current) && /* @__PURE__ */ jsx34(NavbarContainerChrome, { rect: toolbarRect, onAdd: handleAddTopLevelNavItem }),
-      toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isFooterLinksContainer(selectedElRef.current) && /* @__PURE__ */ jsx34(
+      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,
@@ -20091,7 +19040,7 @@ function OhhwellsBridge() {
           addDisabled: !canAddFooterColumn()
         }
       ),
-      toolbarRect && !linkPopover && (toolbarVariant === "link-action" || toolbarVariant === "select-frame" || toolbarVariant === "logo") && /* @__PURE__ */ jsx34(
+      toolbarRect && !linkPopover && (toolbarVariant === "link-action" || toolbarVariant === "select-frame") && /* @__PURE__ */ jsx33(
         ItemInteractionLayer,
         {
           rect: isItemDragging && draggedItemRect && (footerDragRef.current?.wasSelected || navDragRef.current?.wasSelected) ? draggedItemRect : toolbarRect,
@@ -20103,10 +19052,10 @@ function OhhwellsBridge() {
           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,
-          toolbar: toolbarVariant === "link-action" && !isItemDragging || toolbarVariant === "select-frame" && (isFooterFrameSelection || selectedIsSocialsRow) && !isItemDragging ? /* @__PURE__ */ jsx34(
+          onItemPointerDown: handleItemChromePointerDown,
+          onItemClick: handleItemChromeClick,
+          itemDragSurface: !isFooterFrameSelection,
+          toolbar: toolbarVariant === "link-action" && !isItemDragging || toolbarVariant === "select-frame" && (isFooterFrameSelection || selectedIsSocialsRow) && !isItemDragging ? /* @__PURE__ */ jsx33(
             ItemActionToolbar,
             {
               onEditLink: openLinkPopoverForSelected,
@@ -20142,8 +19091,8 @@ function OhhwellsBridge() {
           ) : void 0
         }
       ),
-      toolbarRect && toolbarVariant === "rich-text" && !linkPopover && /* @__PURE__ */ jsxs21(Fragment8, { children: [
-        /* @__PURE__ */ jsx34(
+      toolbarRect && toolbarVariant === "rich-text" && !linkPopover && /* @__PURE__ */ jsxs20(Fragment8, { children: [
+        /* @__PURE__ */ jsx33(
           EditGlowChrome,
           {
             rect: toolbarRect,
@@ -20153,7 +19102,7 @@ function OhhwellsBridge() {
             hideHandle: isItemDragging
           }
         ),
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx33(
           FloatingToolbar,
           {
             rect: toolbarRect,
@@ -20166,7 +19115,7 @@ function OhhwellsBridge() {
           }
         )
       ] }),
-      maxBadge && /* @__PURE__ */ jsxs21(
+      maxBadge && /* @__PURE__ */ jsxs20(
         "div",
         {
           "data-ohw-max-badge": "",
@@ -20192,7 +19141,7 @@ function OhhwellsBridge() {
           ]
         }
       ),
-      toggleState && !linkPopover && /* @__PURE__ */ jsx34(
+      toggleState && !linkPopover && /* @__PURE__ */ jsx33(
         StateToggle,
         {
           rect: toggleState.rect,
@@ -20201,15 +19150,15 @@ function OhhwellsBridge() {
           onStateChange: handleStateChange
         }
       ),
-      sectionGap && !linkPopover && /* @__PURE__ */ jsxs21(
+      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__ */ jsx34("div", { className: "flex-1 bg-primary", style: { height: 3 } }),
-            /* @__PURE__ */ jsx34(
+            /* @__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",
@@ -20226,11 +19175,11 @@ function OhhwellsBridge() {
                 children: "Add Section"
               }
             ),
-            /* @__PURE__ */ jsx34("div", { className: "flex-1 bg-primary", style: { height: 3 } })
+            /* @__PURE__ */ jsx33("div", { className: "flex-1 bg-primary", style: { height: 3 } })
           ]
         }
       ),
-      linkPopover && dialogPortalContainer ? /* @__PURE__ */ jsx34(
+      linkPopover && dialogPortalContainer ? /* @__PURE__ */ jsx33(
         LinkPopover,
         {
           panelRef: linkPopoverPanelRef,
@@ -20247,7 +19196,7 @@ function OhhwellsBridge() {
         },
         linkPopover.key
       ) : null,
-      floatingPanel && floatingPanel.kind === "socials-display" ? /* @__PURE__ */ jsx34(
+      floatingPanel && floatingPanel.kind === "socials-display" ? /* @__PURE__ */ jsx33(
         FloatingPanel,
         {
           open: true,
@@ -20257,7 +19206,7 @@ function OhhwellsBridge() {
           onPositionChange: setFloatingPanelPos,
           parentScroll: parentScrollSnap ?? parentScrollRef.current,
           onClose: closeFloatingPanelOnly,
-          children: /* @__PURE__ */ jsx34(
+          children: /* @__PURE__ */ jsx33(
             SocialsDisplayPanel,
             {
               display: socialsDisplayFor(floatingPanel.row, editContentRef.current),
@@ -20268,115 +19217,11 @@ function OhhwellsBridge() {
             }
           )
         }
-      ) : null,
-      floatingPanel && floatingPanel.kind === "logo-size" && logoSizeDraft ? /* @__PURE__ */ jsx34(
-        FloatingPanel,
-        {
-          open: true,
-          title: floatingPanel.title,
-          context: floatingPanel.context,
-          position: floatingPanelPos,
-          onPositionChange: setFloatingPanelPos,
-          parentScroll: parentScrollSnap ?? parentScrollRef.current,
-          onClose: closeFloatingPanelAndDeselect,
-          children: /* @__PURE__ */ jsx34(
-            LogoSizePanel,
-            {
-              viewport: editorViewport,
-              sizePx: editorViewport === "mobile" && !logoSizeDraft.mobileFollowing ? logoSizeDraft.mobilePx : logoSizeDraft.desktopPx,
-              mobileFollowing: logoSizeDraft.mobileFollowing,
-              onSizeChange: (px) => {
-                const next = editorViewport === "mobile" ? { ...logoSizeDraft, mobilePx: px, mobileFollowing: false } : {
-                  ...logoSizeDraft,
-                  desktopPx: px,
-                  mobilePx: logoSizeDraft.mobileFollowing ? px : logoSizeDraft.mobilePx
-                };
-                setLogoSizeDraft(next);
-                persistLogoSizeDraft(floatingPanel.placement, next);
-              },
-              onCustomizeMobile: () => {
-                const next = {
-                  ...logoSizeDraft,
-                  mobileFollowing: false,
-                  mobilePx: logoSizeDraft.desktopPx
-                };
-                setLogoSizeDraft(next);
-                persistLogoSizeDraft(floatingPanel.placement, next);
-              },
-              onResetMobile: () => {
-                const next = {
-                  ...logoSizeDraft,
-                  mobileFollowing: true,
-                  mobilePx: logoSizeDraft.desktopPx
-                };
-                setLogoSizeDraft(next);
-                persistLogoSizeDraft(floatingPanel.placement, next);
-              },
-              onUpdateEverywhere: () => {
-                const identity = readLogoIdentityFromDom();
-                postToParent2({ type: "ow:open-logo-settings", ...identity });
-              }
-            }
-          )
-        }
       ) : null
     ] }),
     bridgeRoot
   ) : null;
 }
-
-// src/ui/EmptySection.tsx
-import Link4 from "next/link";
-import { Fragment as Fragment9, jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
-function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey }) {
-  return /* @__PURE__ */ jsxs22(Fragment9, { children: [
-    /* @__PURE__ */ jsx35(
-      "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__ */ jsx35(Link4, { href: homeHref, style: { color: "inherit" }, children: /* @__PURE__ */ jsx35("span", { ...eyebrowKey ? { "data-ohw-editable": "text", "data-ohw-key": eyebrowKey } : {}, children: "Home" }) })
-      }
-    ),
-    /* @__PURE__ */ jsx35(
-      "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__ */ jsx35(
-      "p",
-      {
-        style: {
-          fontFamily: "var(--brand-font-body)",
-          fontSize: "1rem",
-          lineHeight: 1.7,
-          fontWeight: 300,
-          color: "var(--brand-text-muted)",
-          maxWidth: "340px"
-        },
-        ...subtitleKey ? { "data-ohw-editable": "text", "data-ohw-key": subtitleKey, "data-ohw-max-length": 160 } : {},
-        children: "This page doesn't have any content yet."
-      }
-    )
-  ] });
-}
 export {
   AI_DEFAULT_BRAND,
   AI_TREE_SCHEMA_VERSIONS,
@@ -20393,7 +19238,6 @@ export {
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-  EmptySection,
   ItemActionToolbar,
   ItemInteractionLayer,
   LinkEditorPanel,