@ohhwells/bridge 0.1.108-next.282 → 0.1.109

package/dist/index.cjs

@@ -46,7 +46,6 @@ __export(index_exports, {
   DropdownMenuItem: () => DropdownMenuItem,
   DropdownMenuSeparator: () => DropdownMenuSeparator,
   DropdownMenuTrigger: () => DropdownMenuTrigger,
-  EmptySection: () => EmptySection,
   ItemActionToolbar: () => ItemActionToolbar,
   ItemInteractionLayer: () => ItemInteractionLayer,
   LinkEditorPanel: () => LinkEditorPanel,
@@ -77,7 +76,7 @@ module.exports = __toCommonJS(index_exports);
 // src/OhhwellsBridge.tsx
 var import_react17 = __toESM(require("react"), 1);
 var import_client2 = require("react-dom/client");
-var import_react_dom3 = require("react-dom");
+var import_react_dom4 = require("react-dom");
 
 // src/linkHrefStore.ts
 var linkHrefStore = /* @__PURE__ */ new Map();
@@ -353,17 +352,16 @@ var LEGACY_BRAND_VAR_NAMES = [
   "text-muted",
   "surface",
   "border",
-  "on-primary"
+  "on-primary",
+  "navbar-background"
 ].map((role) => `--brand-${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";
-var CUSTOM_FONT_STYLE_ID = "ohw-brand-custom-fonts";
-var CUSTOM_FONT_FORMATS = /* @__PURE__ */ new Set(["woff2", "woff", "truetype", "opentype"]);
-function brandColorVars(palette) {
-  const { dark, primary, accent, light } = palette;
+function brandColorVars(kit) {
+  const { dark, primary, accent, light } = kit.palette;
   const mix = (a, aPct, b) => `color-mix(in srgb, ${a} ${aPct}%, ${b})`;
   const surface = mix(light, 95, dark);
   const border = mix(light, 85, dark);
@@ -386,42 +384,22 @@ function brandColorVars(palette) {
     "--brand-border": border,
     // Buttons/bands painted in the primary colour assume it's dark/saturated enough to need
     // light text on top — the same assumption LOGO_IMAGE's light-on-dark navbar mark makes.
-    "--brand-on-primary": light
+    "--brand-on-primary": light,
+    "--brand-navbar-background": dark
   };
 }
-function parseCustomFontWeight(raw) {
-  if (typeof raw !== "object" || raw === null) return null;
-  const w = raw;
-  if (typeof w.weight !== "number" || !Number.isFinite(w.weight)) return null;
-  if (typeof w.url !== "string" || !w.url) return null;
-  if (typeof w.format !== "string" || !CUSTOM_FONT_FORMATS.has(w.format)) return null;
-  const weightEnd = typeof w.weightEnd === "number" && Number.isFinite(w.weightEnd) && w.weightEnd > w.weight ? w.weightEnd : void 0;
-  return { weight: w.weight, ...weightEnd !== void 0 ? { weightEnd } : {}, url: w.url, format: w.format };
-}
-function parseCustomFont(raw) {
-  if (typeof raw !== "object" || raw === null) return null;
-  const f = raw;
-  if (typeof f.family !== "string" || !f.family) return null;
-  if (typeof f.label !== "string" || !f.label) return null;
-  if (!Array.isArray(f.weights)) return null;
-  const weights = f.weights.map(parseCustomFontWeight).filter((w) => w !== null);
-  if (weights.length === 0) return null;
-  return { family: f.family, label: f.label, weights };
-}
 function parseBrandKit(raw) {
   if (!raw) return null;
   try {
     const parsed = JSON.parse(raw);
     const p = parsed?.palette;
     const f = parsed?.fonts;
-    const palette = p && typeof p.dark === "string" && typeof p.primary === "string" && typeof p.accent === "string" && typeof p.light === "string" ? { dark: p.dark, primary: p.primary, accent: p.accent, light: p.light } : void 0;
-    const fonts = f && typeof f.heading === "string" && typeof f.body === "string" ? { heading: f.heading, body: f.body } : void 0;
-    const customFonts = Array.isArray(parsed?.customFonts) ? parsed.customFonts.map(parseCustomFont).filter((c) => c !== null) : void 0;
-    if (!palette && !fonts && !customFonts) return null;
+    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 ? { palette } : {},
-      ...fonts ? { fonts } : {},
-      ...customFonts ? { customFonts } : {}
+      palette: { dark: p.dark, primary: p.primary, accent: p.accent, light: p.light },
+      fonts: { heading: f.heading, body: f.body }
     };
   } catch {
     return null;
@@ -431,16 +409,11 @@ function familyOf(stack) {
   const first = stack.split(",")[0]?.trim() ?? "";
   return first.replace(/^['"]|['"]$/g, "");
 }
-function quoteFamily(family) {
-  return `'${family.replace(/\\/g, "\\\\").replace(/'/g, "\\'")}'`;
-}
-var WEIGHT_SCALE = [100, 200, 300, 400, 500, 600, 700, 800, 900];
 function loadBrandFonts(families) {
   const unique = [...new Set(families.map((f) => f.trim()).filter(Boolean))];
   if (unique.length === 0) return;
-  const weights = WEIGHT_SCALE.join(";");
-  const spec = unique.map((f) => `family=${f.replace(/ /g, "+")}:wght@${weights}`).join("&");
-  const href = `https://fonts.googleapis.com/css2?${spec}&display=swap`;
+  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");
@@ -450,54 +423,18 @@ function loadBrandFonts(families) {
   }
   if (link.href !== href) link.href = href;
 }
-function escapeCssString(value) {
-  return value.replace(/\\/g, "\\\\").replace(/'/g, "\\'");
-}
-function loadCustomFonts(fonts) {
-  const list = fonts ?? [];
-  let style = document.getElementById(CUSTOM_FONT_STYLE_ID);
-  if (list.length === 0) {
-    style?.remove();
-    return;
-  }
-  if (!style) {
-    style = document.createElement("style");
-    style.id = CUSTOM_FONT_STYLE_ID;
-    document.head.appendChild(style);
-  }
-  style.textContent = list.flatMap(
-    (font) => font.weights.map((w) => {
-      const weightDescriptor = w.weightEnd ? `${w.weight} ${w.weightEnd}` : `${w.weight}`;
-      return `@font-face { font-family: '${escapeCssString(font.family)}'; src: url('${escapeCssString(w.url)}') format('${w.format}'); font-weight: ${weightDescriptor}; font-display: swap; }`;
-    })
-  ).join("\n");
-}
 function applyBrandToDom(kit) {
   const root = document.documentElement;
   if (!kit) {
     for (const name of [...BRAND_VAR_NAMES, ...LEGACY_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();
-    document.getElementById(CUSTOM_FONT_STYLE_ID)?.remove();
     return;
   }
-  if (kit.palette) {
-    for (const [name, value] of Object.entries(brandColorVars(kit.palette))) root.style.setProperty(name, value);
-  }
-  if (kit.customFonts) {
-    loadCustomFonts(kit.customFonts);
-  }
-  if (kit.fonts) {
-    const heading = quoteFamily(kit.fonts.heading);
-    const body = quoteFamily(kit.fonts.body);
-    for (const name of FONT_VARS.heading) root.style.setProperty(name, heading);
-    for (const name of FONT_VARS.body) root.style.setProperty(name, body);
-    const customFamilies = new Set((kit.customFonts ?? []).map((f) => f.family));
-    const googleFamilies = [familyOf(kit.fonts.heading), familyOf(kit.fonts.body)].filter(
-      (f) => !customFamilies.has(f)
-    );
-    loadBrandFonts(googleFamilies);
-  }
+  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
@@ -1418,22 +1355,6 @@ function accentBandContext(brand) {
 function textAttrs(ctx, path) {
   return ctx.keyFor ? { "data-ohw-key": ctx.keyFor(path), "data-ohw-editable": "text" } : {};
 }
-var AI_RESPONSIVE_CSS = [
-  "@media (max-width: 960px) {",
-  "  [data-ai-responsive] [data-ai-grid] { grid-template-columns: repeat(2, 1fr) !important; }",
-  '  [data-ai-responsive] [data-ai-grid="1"] { grid-template-columns: 1fr !important; }',
-  "}",
-  "@media (max-width: 640px) {",
-  "  [data-ai-responsive] [data-ai-grid] { grid-template-columns: 1fr !important; }",
-  "  [data-ai-responsive] [data-ai-columns] > * { grid-column: 1 / -1 !important; }",
-  // Group containers flatten to a column on phones; span placements come along for free.
-  "  [data-ai-responsive] [data-ai-group] { display: flex !important; flex-direction: column !important; }",
-  "  [data-ai-responsive] [data-ai-group] > * { grid-column: auto !important; }",
-  "  [data-ai-responsive] [data-ai-section-inner] { padding-left: 20px !important; padding-right: 20px !important; }",
-  "  [data-ai-responsive] { overflow-x: hidden; }",
-  "  [data-ai-responsive] img { max-width: 100%; }",
-  "}"
-].join("\n");
 var TRANSPARENT_PX = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
 function MediaBox({
   refValue,
@@ -1446,17 +1367,13 @@ function MediaBox({
   const url = refValue ? ctx.resolveMedia(refValue) : null;
   const isIcon = /^(lucide|simple):/.test(refValue);
   const aspectRatio = aspect && /^\d+:\d+$/.test(aspect) ? aspect.replace(":", " / ") : void 0;
-  const editAttrs = ctx.keyFor && editPath ? {
-    "data-ohw-key": ctx.keyFor(editPath),
-    "data-ohw-editable": isIcon ? "icon" : "image"
-  } : {};
+  const editAttrs = ctx.keyFor && editPath && !isIcon ? { "data-ohw-key": ctx.keyFor(editPath), "data-ohw-editable": "image" } : {};
   if (isIcon) {
     const Icon = refValue.startsWith("lucide:") ? lucideByName(refValue.slice(7)) : null;
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "span",
       {
         "data-ai-icon": refValue,
-        ...editAttrs,
         style: {
           display: "inline-flex",
           width: 48,
@@ -2349,7 +2266,7 @@ function CollectionBlock({ node, ctx, path }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
-      "data-ai-grid": String(itemsPerRow),
+      "data-ai-grid": "",
       style: {
         display: "grid",
         gridTemplateColumns: `repeat(${itemsPerRow}, 1fr)`,
@@ -2702,7 +2619,6 @@ function AiTreeRenderer({
     {
       "data-ai-section": tree.tag ?? "",
       ...bgAttrs,
-      "data-ai-responsive": "",
       style: {
         position: "relative",
         padding: `${pad}px 0`,
@@ -2713,13 +2629,12 @@ function AiTreeRenderer({
         color: settings.sectionBackground === "accent" ? blockBrand.palette.dark : void 0
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: AI_RESPONSIVE_CSS }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: AI_MOBILE_CSS }),
         isOverlay && backgroundUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { position: "absolute", inset: 0, background: `rgba(255,255,255,${overlayAlpha})` } }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: AI_MOBILE_CSS }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "div",
           {
-            "data-ai-section-inner": "",
+            "data-ai-container": "",
             style: {
               position: "relative",
               maxWidth: AI_TREE_TOKENS.sectionMaxWidth,
@@ -2730,7 +2645,7 @@ function AiTreeRenderer({
             children: tree.rows.map((row, r2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "div",
               {
-                "data-ai-columns": "",
+                "data-ai-row": "",
                 style: {
                   display: "grid",
                   gridTemplateColumns: "repeat(12, 1fr)",
@@ -2780,52 +2695,14 @@ function readRootVar(name) {
   if (typeof document === "undefined") return "";
   return getComputedStyle(document.documentElement).getPropertyValue(name).trim();
 }
-function normalizeColorToHex(value) {
-  if (!value || typeof document === "undefined") return value;
-  const canvas = document.createElement("canvas");
-  canvas.width = 1;
-  canvas.height = 1;
-  const ctx = canvas.getContext("2d");
-  if (!ctx) return value;
-  ctx.fillStyle = value;
-  ctx.fillRect(0, 0, 1, 1);
-  const [r2, g, b] = ctx.getImageData(0, 0, 1, 1).data;
-  const toHex = (n) => n.toString(16).padStart(2, "0");
-  return `#${toHex(r2)}${toHex(g)}${toHex(b)}`;
-}
-var GENERIC_FONT_KEYWORDS = /* @__PURE__ */ new Set([
-  "serif",
-  "sans-serif",
-  "monospace",
-  "cursive",
-  "fantasy",
-  "system-ui",
-  "ui-serif",
-  "ui-sans-serif",
-  "ui-monospace",
-  "ui-rounded",
-  "math",
-  "emoji",
-  "fangsong"
-]);
-function primaryFontFamily(stack) {
-  const first = stack.split(",").map((part) => part.trim().replace(/^["']|["']$/g, "")).find((part) => part && !GENERIC_FONT_KEYWORDS.has(part.toLowerCase()));
-  return first ?? "";
-}
-function humanizeFontFamily(name) {
-  return name.replace(/^__/, "").replace(/_[0-9a-f]{6}$/i, "").replace(/_/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").trim().replace(/\s+/g, " ").replace(/(^|\s)([a-z])/g, (_, sep, c) => sep + c.toUpperCase());
-}
-function readFontVar(name) {
-  return humanizeFontFamily(primaryFontFamily(readRootVar(name)));
-}
 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 = readFontVar("--font-heading") || readFontVar("--font-display");
-  const body = readFontVar("--font-body");
+  const heading = readRootVar("--font-heading") || readRootVar("--font-display");
+  const body = readRootVar("--font-body");
   return {
     palette: { dark, primary, accent: accent || dark, light },
     fonts: {
@@ -2834,55 +2711,22 @@ function deriveBrandOverride() {
     }
   };
 }
-function deriveTemplateBrandLive() {
-  const dark = readRootVar("--color-dark") || readRootVar("--brand-text");
-  const primary = readRootVar("--color-primary") || readRootVar("--brand-primary");
-  const light = readRootVar("--color-light") || readRootVar("--brand-background");
+function deriveTemplateBrand() {
+  const primary = readRootVar("--brand-primary") || readRootVar("--color-primary");
+  const dark = readRootVar("--brand-text") || readRootVar("--color-dark");
+  const light = readRootVar("--brand-background") || readRootVar("--color-light");
   if (!dark || !primary || !light) return null;
-  const accent = readRootVar("--color-accent") || readRootVar("--brand-accent");
-  const heading = readFontVar("--brand-font-heading") || readFontVar("--font-heading") || readFontVar("--font-display");
-  const body = readFontVar("--brand-font-body") || readFontVar("--font-body");
+  const accent = readRootVar("--brand-accent") || readRootVar("--color-accent");
+  const heading = readRootVar("--brand-font-heading") || readRootVar("--font-heading") || readRootVar("--font-display");
+  const body = readRootVar("--brand-font-body") || readRootVar("--font-body");
   return {
-    palette: {
-      dark: normalizeColorToHex(dark),
-      primary: normalizeColorToHex(primary),
-      accent: normalizeColorToHex(accent || dark),
-      light: normalizeColorToHex(light)
-    },
+    palette: { dark, primary, accent: accent || dark, light },
     fonts: {
       heading: heading || AI_DEFAULT_BRAND.fonts.heading,
       body: body || AI_DEFAULT_BRAND.fonts.body
     }
   };
 }
-function deriveTemplateFontsLive() {
-  const heading = readFontVar("--brand-font-heading") || readFontVar("--font-heading") || readFontVar("--font-display");
-  const body = readFontVar("--brand-font-body") || readFontVar("--font-body");
-  if (!heading && !body) return null;
-  return {
-    heading: heading || AI_DEFAULT_BRAND.fonts.heading,
-    body: body || AI_DEFAULT_BRAND.fonts.body
-  };
-}
-var OVERRIDE_VAR_NAMES = [...BRAND_VAR_NAMES, ...LEGACY_BRAND_VAR_NAMES, ...FONT_VARS.heading, ...FONT_VARS.body];
-function withOverrideStripped(read) {
-  const root = document.documentElement;
-  const restore = OVERRIDE_VAR_NAMES.map((name) => [name, root.style.getPropertyValue(name)]);
-  for (const name of OVERRIDE_VAR_NAMES) root.style.removeProperty(name);
-  try {
-    return read();
-  } finally {
-    for (const [name, value] of restore) if (value) root.style.setProperty(name, value);
-  }
-}
-var TEMPLATE_BRAND_SNAPSHOT = typeof document === "undefined" ? null : withOverrideStripped(deriveTemplateBrandLive);
-var TEMPLATE_FONTS_SNAPSHOT = typeof document === "undefined" ? null : withOverrideStripped(deriveTemplateFontsLive);
-function deriveTemplateBrand() {
-  return TEMPLATE_BRAND_SNAPSHOT;
-}
-function deriveTemplateFonts() {
-  return TEMPLATE_FONTS_SNAPSHOT;
-}
 function deriveTemplateButtonStyle() {
   if (typeof document === "undefined") return null;
   const candidates = Array.from(
@@ -7380,12 +7224,12 @@ var cva = (base, config) => (props) => {
 var import_radix_ui2 = require("radix-ui");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var toggleVariants = cva(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-bridge-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
     variants: {
       variant: {
         default: "bg-transparent border-0",
-        outline: "border border-input bg-transparent shadow-xs hover:bg-bridge-accent hover:text-accent-foreground"
+        outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
       },
       size: {
         default: "px-2 py-1",
@@ -7478,10 +7322,10 @@ var DragHandle = React4.forwardRef(
         type,
         "data-slot": "drag-handle",
         className: cn(
-          "inline-flex h-7 w-4 shrink-0 items-center justify-center rounded-md transition-all duration-200 max-h-7.5",
+          "inline-flex h-7 w-4 shrink-0 items-center justify-center rounded-md transition-all duration-200 max-h-[30px]",
           "bg-white border border-transparent text-stone-500 shadow-md cursor-grab",
           "enabled:hover:border enabled:hover:border-stone-200 enabled:hover:text-stone-950",
-          "enabled:active:border enabled:active:border-bridge-primary enabled:active:bg-primary-50 enabled:active:text-stone-950 enabled:active:shadow enabled:active:cursor-grabbing",
+          "enabled:active:border enabled:active:border-primary enabled:active:bg-primary-50 enabled:active:text-stone-950 enabled:active:shadow enabled:active:cursor-grabbing",
           "disabled:cursor-not-allowed disabled:opacity-40 disabled:text-stone-950 disabled:pointer-events-none",
           className
         ),
@@ -7503,7 +7347,7 @@ var CustomToolbar = React5.forwardRef(({ className, onMouseDown, ...props }, ref
     "data-ohw-toolbar": "",
     className: cn(
       // Figma: bg background, radius 8, gap-1, p-0.5, shadow-md — no border
-      "inline-flex h-8 items-center gap-1 rounded-(--radius,0.5rem) bg-background p-0.5 font-sans whitespace-nowrap shadow-md",
+      "inline-flex h-8 items-center gap-1 rounded-[var(--radius,0.5rem)] bg-background p-0.5 font-sans whitespace-nowrap shadow-md",
       className
     ),
     onMouseDown: (e) => {
@@ -7532,7 +7376,7 @@ var CustomToolbarButton = React5.forwardRef(
       type,
       className: cn(
         "inline-flex size-7 shrink-0 items-center justify-center rounded-[calc(var(--radius,0.5rem)-2px)] text-foreground transition-colors",
-        active ? "bg-bridge-primary text-primary-foreground" : "bg-transparent hover:bg-muted disabled:cursor-not-allowed disabled:text-muted-foreground disabled:opacity-60",
+        active ? "bg-primary text-primary-foreground" : "bg-transparent hover:bg-muted disabled:cursor-not-allowed disabled:text-muted-foreground disabled:opacity-60",
         className
       ),
       ...props
@@ -7928,6 +7772,7 @@ function ItemActionToolbar({
 
 // src/ui/item-interaction-layer.tsx
 var import_react7 = require("react");
+var import_react_dom2 = require("react-dom");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var PRIMARY = "var(--ohw-primary, #0885FE)";
 var CHROME_RADIUS = 6;
@@ -7937,6 +7782,7 @@ var TOOLBAR_EDGE_MARGIN = 4;
 var SELECTION_CHROME_GAP = 4;
 var HOVER_CHROME_GAP = 2;
 var TOOLBAR_STROKE_GAP = 4;
+var DETACHED_TOOLBAR_Z = 2147483647;
 function getChromeZIndex(state) {
   switch (state) {
     case "active-top":
@@ -7994,6 +7840,14 @@ function ClampedToolbarSlot({
       const parent = slot.offsetParent;
       if (!parent) return;
       const parentRect = parent.getBoundingClientRect();
+      if (align === "left") {
+        const leftEdge = parentRect.left;
+        const maxLeft = window.innerWidth - TOOLBAR_EDGE_MARGIN - w;
+        const minLeft = TOOLBAR_EDGE_MARGIN;
+        const clampedLeft = Math.max(minLeft, Math.min(leftEdge, maxLeft));
+        slot.style.transform = `translateX(${clampedLeft - leftEdge}px)`;
+        return;
+      }
       const centerX = parentRect.left + parentRect.width / 2;
       const half = w / 2;
       const clampedCenter = Math.max(
@@ -8001,7 +7855,7 @@ function ClampedToolbarSlot({
         Math.min(centerX, window.innerWidth - TOOLBAR_EDGE_MARGIN - half)
       );
       const offsetX = clampedCenter - centerX;
-      slot.style.transform = align === "left" ? "none" : `translateX(calc(-50% + ${offsetX}px))`;
+      slot.style.transform = `translateX(calc(-50% + ${offsetX}px))`;
     };
     clamp();
     const ro = new ResizeObserver(clamp);
@@ -8035,13 +7889,25 @@ function ClampedToolbarSlot({
 function DetachedBelowToolbarSlot({
   centerX,
   belowRect,
+  belowEl,
   children
 }) {
   const slotRef = (0, import_react7.useRef)(null);
+  const [anchorBottom, setAnchorBottom] = (0, import_react7.useState)(belowRect.bottom);
+  const [portalTarget] = (0, import_react7.useState)(
+    () => typeof document === "undefined" ? null : document.querySelector("[data-ohw-bridge-root]") ?? document.body
+  );
+  (0, import_react7.useLayoutEffect)(() => {
+    setAnchorBottom(belowRect.bottom);
+  }, [belowRect.bottom, belowRect.height, belowRect.top]);
   (0, import_react7.useLayoutEffect)(() => {
     const slot = slotRef.current;
     if (!slot) return;
-    const clamp = () => {
+    const sync = () => {
+      if (belowEl?.isConnected) {
+        const nextBottom = belowEl.getBoundingClientRect().bottom;
+        setAnchorBottom((prev) => Math.abs(prev - nextBottom) < 0.5 ? prev : nextBottom);
+      }
       const toolbar = slot.firstElementChild;
       if (!toolbar) return;
       const w = toolbar.offsetWidth;
@@ -8053,30 +7919,46 @@ function DetachedBelowToolbarSlot({
       );
       slot.style.left = `${clampedCenter}px`;
     };
-    clamp();
-    const ro = new ResizeObserver(clamp);
+    sync();
+    const ro = new ResizeObserver(sync);
     ro.observe(slot);
     if (slot.firstElementChild) ro.observe(slot.firstElementChild);
-    window.addEventListener("resize", clamp);
+    if (belowEl) {
+      ro.observe(belowEl);
+      const mo = new MutationObserver(sync);
+      mo.observe(belowEl, { childList: true, subtree: true });
+      window.addEventListener("resize", sync);
+      return () => {
+        ro.disconnect();
+        mo.disconnect();
+        window.removeEventListener("resize", sync);
+      };
+    }
+    window.addEventListener("resize", sync);
     return () => {
       ro.disconnect();
-      window.removeEventListener("resize", clamp);
+      window.removeEventListener("resize", sync);
     };
-  }, [centerX, belowRect, children]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    "div",
-    {
-      ref: slotRef,
-      className: "pointer-events-auto fixed",
-      style: {
-        top: belowRect.bottom + TOOLBAR_STROKE_GAP,
-        left: centerX,
-        transform: "translateX(-50%)",
-        zIndex: getChromeZIndex("active-bottom")
-      },
-      "data-ohw-item-toolbar-anchor": "below-external",
-      children
-    }
+  }, [centerX, belowRect, belowEl, children]);
+  if (!portalTarget) return null;
+  return (0, import_react_dom2.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "div",
+      {
+        ref: slotRef,
+        className: "pointer-events-auto fixed",
+        style: {
+          top: anchorBottom + TOOLBAR_STROKE_GAP,
+          left: centerX,
+          transform: "translateX(-50%)",
+          zIndex: DETACHED_TOOLBAR_Z
+        },
+        "data-ohw-bridge": "",
+        "data-ohw-item-toolbar-anchor": "below-external",
+        children
+      }
+    ),
+    portalTarget
   );
 }
 function ItemInteractionLayer({
@@ -8085,6 +7967,7 @@ function ItemInteractionLayer({
   elRef,
   toolbar,
   toolbarBelowRect = null,
+  toolbarBelowEl = null,
   showHandle = false,
   dragDisabled = false,
   dragHandleLabel = "Reorder item",
@@ -8190,6 +8073,7 @@ function ItemInteractionLayer({
           {
             centerX: rect.left + rect.width / 2,
             belowRect: toolbarBelowRect,
+            belowEl: toolbarBelowEl,
             children: toolbar
           }
         ) : null
@@ -8560,6 +8444,7 @@ function setFieldRequired(wrapper, required) {
 function beginPlaceholderEdit(wrapper) {
   const input = fieldInputOf(wrapper);
   if (!input || input.hasAttribute(PLACEHOLDER_EDIT_ATTR)) return;
+  input.style.setProperty("--ohw-placeholder-edit-color", getComputedStyle(input).color);
   input.setAttribute(PLACEHOLDER_EDIT_ATTR, "");
   input.value = input.getAttribute("placeholder") ?? "";
   input.setAttribute("placeholder", "");
@@ -8570,6 +8455,7 @@ function commitPlaceholderEdit(wrapper) {
   if (!input || !input.hasAttribute(PLACEHOLDER_EDIT_ATTR)) return false;
   const typed = input.value;
   input.removeAttribute(PLACEHOLDER_EDIT_ATTR);
+  input.style.removeProperty("--ohw-placeholder-edit-color");
   input.value = "";
   const previous = input.getAttribute("placeholder") ?? "";
   input.setAttribute("placeholder", typed);
@@ -8734,13 +8620,13 @@ function FormFieldToolbar({
               ]
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DropdownMenuContent, { align: "start", sideOffset: 8, className: "min-w-47.5 p-1", children: FIELD_TYPES.map((entry) => {
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DropdownMenuContent, { align: "start", sideOffset: 8, className: "min-w-[190px] p-1", children: FIELD_TYPES.map((entry) => {
             const Icon = TYPE_ICONS[entry.type];
             return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
               DropdownMenuItem,
               {
                 onSelect: () => onTypeChange(entry.type),
-                className: "rounded-md py-2 text-[13px] " + (entry.type === type ? "bg-bridge-primary/10" : ""),
+                className: "rounded-md py-2 text-[13px] " + (entry.type === type ? "bg-primary/10" : ""),
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { size: 14, strokeWidth: 1.75, className: "shrink-0", "aria-hidden": true }),
                   entry.label
@@ -8757,7 +8643,7 @@ function FormFieldToolbar({
             type: "button",
             "aria-pressed": required,
             onClick: onRequiredToggle,
-            className: "flex h-7 items-center gap-1.5 whitespace-nowrap rounded-md px-2 text-[13px] font-medium transition-colors " + (required ? "bg-bridge-primary/10 text-bridge-primary" : "text-foreground hover:bg-muted/70"),
+            className: "flex h-7 items-center gap-1.5 whitespace-nowrap rounded-md px-2 text-[13px] font-medium transition-colors " + (required ? "bg-primary/10 text-primary" : "text-foreground hover:bg-muted/70"),
             "data-ohw-field-required-toggle": "",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react4.Asterisk, { size: 14, strokeWidth: 2, "aria-hidden": true }),
@@ -8777,7 +8663,7 @@ function FormFieldToolbar({
               children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react4.MoreHorizontal, { size: 15, "aria-hidden": true })
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DropdownMenuContent, { align: "start", sideOffset: 8, className: "min-w-42.5 p-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DropdownMenuContent, { align: "start", sideOffset: 8, className: "min-w-[170px] p-1", children: [
             /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DropdownMenuItem, { onSelect: onDuplicate, className: "rounded-md py-2 text-[13px]", children: [
               /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react4.Copy, { size: 14, strokeWidth: 1.75, className: "shrink-0", "aria-hidden": true }),
               "Duplicate"
@@ -8797,7 +8683,7 @@ function FieldTypePicker({ onPick }) {
     "div",
     {
       "data-ohw-field-type-picker": "",
-      className: "pointer-events-auto grid w-105 grid-cols-3 gap-3 rounded-xl border border-border bg-background p-4 shadow-lg",
+      className: "pointer-events-auto grid w-[280px] grid-cols-2 gap-2 rounded-xl border border-border bg-background p-3 shadow-lg",
       children: FIELD_TYPES.map((entry) => {
         const Icon = TYPE_ICONS[entry.type];
         return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
@@ -8805,7 +8691,7 @@ function FieldTypePicker({ onPick }) {
           {
             type: "button",
             onClick: () => onPick(entry.type),
-            className: "flex h-26 flex-col items-center justify-center gap-3 rounded-xl border border-border text-[15px] font-medium text-foreground transition-colors hover:border-bridge-primary hover:bg-bridge-primary/5",
+            className: "flex h-[76px] flex-col items-center justify-center gap-2 rounded-xl border border-border text-[15px] font-medium text-foreground transition-colors hover:border-primary hover:bg-primary/5",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { size: 26, strokeWidth: 1.5, "aria-hidden": true }),
               entry.label
@@ -8831,7 +8717,7 @@ var buttonVariants = cva(
   {
     variants: {
       variant: {
-        default: "bg-bridge-primary text-primary-foreground hover:opacity-90",
+        default: "bg-primary text-primary-foreground hover:opacity-90",
         outline: "border border-border bg-background text-foreground shadow-sm hover:bg-muted/80",
         ghost: "min-w-0 px-3 py-2 text-foreground hover:bg-muted/50"
       },
@@ -8926,7 +8812,6 @@ function MediaOverlay({
       (prev) => prev && prev.fullWidth === width && prev.height === height ? prev : { fullWidth: width, height }
     );
   }, [isVideo]);
-  const replaceLabel = isVideo ? "Replace video" : hover.elementType === "bg-image" ? "Replace background" : "Replace image";
   const replaceMode = buttonSize ? replaceButtonMode({ width: rect.width, height: rect.height }, buttonSize) : "none";
   const box = {
     position: "fixed",
@@ -9032,8 +8917,8 @@ function MediaOverlay({
           pointerEvents: hover.hasTextOverlap ? "none" : "auto",
           // Selected: a firm component ring with no wash, so the image reads as chosen rather
           // than hovered. Hover keeps the existing tinted preview.
-          boxShadow: selected ? "inset 0 0 0 2px var(--color-bridge-primary)" : "inset 0 0 0 1.5px var(--color-bridge-primary)",
-          background: selected ? "transparent" : "color-mix(in srgb, var(--color-bridge-primary) 20%, transparent)"
+          boxShadow: selected ? "inset 0 0 0 2px var(--color-primary)" : "inset 0 0 0 1.5px var(--color-primary)",
+          background: selected ? "transparent" : "color-mix(in srgb, var(--color-primary) 20%, transparent)"
         },
         onClick: () => onSelect && !selected ? onSelect(hover.key) : onReplace(hover.key),
         children: [
@@ -9056,17 +8941,17 @@ function MediaOverlay({
               },
               children: [
                 isVideo ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react5.Film, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react5.ImageIcon, { size: 14 }),
-                replaceLabel
+                isVideo ? "Replace video" : "Replace image"
               ]
             }
           ),
-          showChrome && replaceMode !== "none" && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+          replaceMode === "none" ? null : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
             Button,
             {
               "data-ohw-media-overlay": "",
               variant: "outline",
               size: "sm",
-              "aria-label": replaceLabel,
+              "aria-label": isVideo ? "Replace video" : "Replace image",
               className: "gap-1.5 cursor-pointer hover:bg-background",
               style: {
                 ...OVERLAY_BUTTON_STYLE,
@@ -9089,7 +8974,7 @@ function MediaOverlay({
               },
               children: [
                 isVideo ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react5.Film, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react5.ImageIcon, { size: 14 }),
-                replaceMode === "full" ? replaceLabel : null
+                replaceMode === "full" ? isVideo ? "Replace video" : hover.elementType === "bg-image" ? "Replace background" : "Replace image" : null
               ]
             }
           )
@@ -9127,8 +9012,8 @@ function CarouselOverlay({
         height: rect.height,
         zIndex: 2147483646,
         pointerEvents: "auto",
-        boxShadow: "inset 0 0 0 1.5px var(--color-bridge-primary)",
-        background: "color-mix(in srgb, var(--color-bridge-primary) 20%, transparent)"
+        boxShadow: "inset 0 0 0 1.5px var(--color-primary)",
+        background: "color-mix(in srgb, var(--color-primary) 20%, transparent)"
       },
       onClick: () => onEdit(hover.key),
       children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
@@ -9394,10 +9279,25 @@ function AiSectionOverlay({
     },
     [postToParent2]
   );
+  const [navDropdownForceOpen, setNavDropdownForceOpen] = (0, import_react8.useState)(false);
+  (0, import_react8.useEffect)(() => {
+    const update = () => {
+      setNavDropdownForceOpen(Boolean(document.querySelector("[data-ohw-nav-force-open]")));
+    };
+    update();
+    const mo = new MutationObserver(update);
+    mo.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["data-ohw-nav-force-open"],
+      subtree: true
+    });
+    return () => mo.disconnect();
+  }, []);
   const activeSelectionId = reviewId ? null : selectedId;
   const selectionRect = useLiveSectionRect(activeSelectionId);
   const reviewRect = useLiveSectionRect(reviewId);
   const hoverRect = useLiveSectionRect(reviewId || hoveredId === selectedId ? null : hoveredId);
+  const showSelectionBorder = Boolean(selectionRect) && !navDropdownForceOpen;
   (0, import_react8.useEffect)(() => {
     const selectedEl = activeSelectionId ? findSectionElement(activeSelectionId) : null;
     if (!activeSelectionId || !selectionRect || selectedEl && isChromeSection(selectedEl)) {
@@ -9437,7 +9337,7 @@ function AiSectionOverlay({
         }
       }
     ),
-    selectionRect && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    showSelectionBorder && selectionRect && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "div",
       {
         "data-ohw-ai-section-selected": "",
@@ -9501,7 +9401,7 @@ function AiSectionOverlay({
 }
 
 // src/OhhwellsBridge.tsx
-var import_react_dom4 = require("react-dom");
+var import_react_dom5 = require("react-dom");
 var import_navigation3 = require("next/navigation");
 
 // src/lib/cta-button.ts
@@ -9966,7 +9866,7 @@ function SectionTreeItem({
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "div",
       {
-        className: "-mr-px h-9 w-2 shrink-0 rounded-bl-sm border-b border-l border-border mb-4",
+        className: "mr-[-1px] h-9 w-2 shrink-0 rounded-bl-sm border-b border-l border-border mb-4",
         "aria-hidden": true
       }
     ),
@@ -9985,7 +9885,7 @@ function SectionTreeItem({
         className: cn(
           "flex h-9 min-w-0 flex-1 items-center gap-2 rounded-md border border-border bg-background p-3",
           interactive && "cursor-pointer hover:bg-muted/30",
-          interactive && selected && "border-bridge-primary"
+          interactive && selected && "border-primary"
         ),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
@@ -10115,7 +10015,7 @@ function UrlOrPageInput({
   };
   const fieldClassName = cn(
     "data-ohw-link-field flex h-[36px] w-full items-center overflow-hidden rounded-md border bg-background pl-3 pr-3 py-2 outline-none transition-[border-color,box-shadow]",
-    urlError ? "border-destructive shadow-[0_0_0_1px_var(--ohw-destructive)]" : isFocused ? "border-bridge-primary shadow-[0_0_0_1px_var(--ohw-primary)]" : "border-input"
+    urlError ? "border-destructive shadow-[0_0_0_1px_var(--ohw-destructive)]" : isFocused ? "border-primary shadow-[0_0_0_1px_var(--ohw-primary)]" : "border-input"
   );
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex w-full flex-col gap-2 p-0", children: [
     /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Label, { htmlFor: inputId, className: cn(urlError && "text-destructive"), children: "Destination" }),
@@ -10285,7 +10185,7 @@ function LinkEditorPanel({ state, onClose }) {
 
 // src/ui/link-modal/SectionPickerOverlay.tsx
 var import_react10 = require("react");
-var import_react_dom2 = require("react-dom");
+var import_react_dom3 = require("react-dom");
 var import_lucide_react13 = require("lucide-react");
 var import_navigation2 = require("next/navigation");
 var import_jsx_runtime25 = require("react/jsx-runtime");
@@ -10516,7 +10416,7 @@ function SectionPickerOverlay({
   }, [onBack]);
   const portalRoot = typeof document !== "undefined" ? document.querySelector("[data-ohw-bridge-root]") ?? document.body : null;
   if (!portalRoot) return null;
-  return (0, import_react_dom2.createPortal)(
+  return (0, import_react_dom3.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
       "div",
       {
@@ -11539,7 +11439,11 @@ function isNestedNavChild(anchor) {
 function navItemOwnsDropdownPanel(anchor) {
   if (isNestedNavChild(anchor)) return true;
   const group = anchor.closest("[data-ohw-nav-group]");
-  return Boolean(group?.querySelector(":scope > [data-ohw-nav-children]"));
+  const childrenRoot = group?.querySelector(":scope > [data-ohw-nav-children]");
+  if (!childrenRoot) return false;
+  return Array.from(childrenRoot.querySelectorAll(":scope > [data-ohw-href-key]")).some(
+    isNavbarLinkItem
+  );
 }
 function setNavGroupForceOpen(anchor, open) {
   document.querySelectorAll("[data-ohw-nav-force-open]").forEach((el) => {
@@ -11679,6 +11583,12 @@ function addNavbarSubitem(parentAnchor, href = "/", label = "New") {
   };
 }
 function reconcileNavbarItemsFromContent(content) {
+  const openParentKeys = Array.from(
+    document.querySelectorAll("[data-ohw-nav-group][data-ohw-nav-force-open]")
+  ).map((group) => {
+    const trigger = group.querySelector(":scope > [data-ohw-href-key]");
+    return trigger?.getAttribute("data-ohw-href-key") ?? null;
+  }).filter((key) => Boolean(key));
   const orderForest = parseNavOrderJson(content[NAV_ORDER_KEY]);
   if (orderForest?.length) {
     const allowed = new Set(flattenNavOrder(orderForest));
@@ -11734,6 +11644,12 @@ function reconcileNavbarItemsFromContent(content) {
     }
     pruneNavbarItemsNotInOrder(allowed);
     applyNavForest(orderForest);
+    for (const parentKey of openParentKeys) {
+      const trigger = document.querySelector(
+        `[data-ohw-href-key="${CSS.escape(parentKey)}"]`
+      );
+      if (trigger) setNavGroupForceOpen(trigger, true);
+    }
     return;
   }
   const indices = collectNavbarIndicesFromContent(content);
@@ -11744,6 +11660,12 @@ function reconcileNavbarItemsFromContent(content) {
     if (!href && !label) continue;
     insertNavbarItemDom(index, href ?? "/", label ?? "Untitled", null);
   }
+  for (const parentKey of openParentKeys) {
+    const trigger = document.querySelector(
+      `[data-ohw-href-key="${CSS.escape(parentKey)}"]`
+    );
+    if (trigger) setNavGroupForceOpen(trigger, true);
+  }
 }
 function pruneNavbarItemsNotInOrder(allowed) {
   const roots = [getNavbarDesktopContainer(), getNavbarDrawerContainer()].filter(
@@ -12092,19 +12014,31 @@ function deleteNavbarItem(sourceAnchor) {
 
 // src/lib/icon-markup.ts
 var GLYPH_SELECTOR = "svg, img";
+function squareIconSide(width, height) {
+  if (!(width > 0) || !(height > 0)) return Math.max(width, height, 0);
+  const ratio = width / height;
+  if (ratio > 1.35 || ratio < 1 / 1.35) return Math.min(width, height);
+  return (width + height) / 2;
+}
 function referenceBox(slot) {
   const row = slot.closest("[data-ohw-socials-row]") ?? slot.closest("a")?.parentElement ?? null;
   const neighbour = row ? Array.from(row.querySelectorAll('[data-ohw-editable="icon"]')).find(
     (el) => el !== slot && !el.hasAttribute("data-ohw-social-icon-placeholder")
   ) : null;
+  const fromRect = (box) => {
+    if (!box?.width || !box.height) return null;
+    const side = Math.round(squareIconSide(box.width, box.height));
+    return side > 0 ? { width: side, height: side } : null;
+  };
   if (neighbour) {
-    const box2 = neighbour.querySelector(GLYPH_SELECTOR)?.getBoundingClientRect();
-    if (box2?.width && box2.height) return box2;
+    const sized = fromRect(
+      neighbour.querySelector(GLYPH_SELECTOR)?.getBoundingClientRect()
+    );
+    if (sized) return sized;
   }
-  const own = slot.getBoundingClientRect();
-  if (own.width && own.height) return own;
-  const box = slot.querySelector(GLYPH_SELECTOR)?.getBoundingClientRect() ?? null;
-  return box?.width && box.height ? box : null;
+  const own = fromRect(slot.getBoundingClientRect());
+  if (own) return own;
+  return fromRect(slot.querySelector(GLYPH_SELECTOR)?.getBoundingClientRect());
 }
 function iconMarkupSizedFor(slot, markup) {
   const box = referenceBox(slot);
@@ -12118,8 +12052,8 @@ function iconMarkupSizedFor(slot, markup) {
     glyph.style.height = "1.5em";
     return holder.innerHTML;
   }
-  glyph.style.width = `${Math.round(box.width)}px`;
-  glyph.style.height = `${Math.round(box.height)}px`;
+  glyph.style.width = `${box.width}px`;
+  glyph.style.height = `${box.height}px`;
   return holder.innerHTML;
 }
 var ICON_SOURCE_ATTR = "data-ohw-icon-source";
@@ -12138,16 +12072,6 @@ function applyIconMarkup(slot, markup) {
     });
   }
 }
-function detectIconStyle(el) {
-  const row = el.closest("[data-ohw-socials-row]");
-  const glyphs = Array.from((row ?? el).querySelectorAll("svg"));
-  const outlined = glyphs.some((svg) => {
-    return Array.from(svg.querySelectorAll("*")).some((node) => {
-      return node.getAttribute("stroke") !== null && node.getAttribute("stroke") !== "none";
-    });
-  });
-  return outlined ? "outline" : "fill";
-}
 function iconMarkupInheritingColour(markup) {
   const holder = document.createElement("div");
   holder.innerHTML = markup;
@@ -12170,6 +12094,9 @@ var SOCIAL_KEY_RE = /(^|-)social(s)?(-|$)/i;
 var SOCIAL_PLATFORM_KEY_RE = /(^|-)(instagram|facebook|fb|linkedin|twitter|tiktok|youtube|threads|whatsapp|telegram|pinterest|snapchat|discord|behance|dribbble|vimeo|spotify|github|reddit|medium|twitch)(-|$)/i;
 var SOCIALS_ROW_ATTR = "data-ohw-socials-row";
 var SOCIALS_ITEM_ATTR = "data-ohw-social-item";
+var SOCIALS_ICONS_ATTR = "data-ohw-socials-icons";
+var SOCIALS_TEXT_ATTR = "data-ohw-socials-text";
+var SOCIALS_DISPLAY_STYLE_ID = "ohw-socials-display-style";
 function isSocialItem(el) {
   if (!el) return false;
   const anchor = el instanceof HTMLAnchorElement ? el : el.closest("a");
@@ -12276,9 +12203,11 @@ var SOCIALS_EMPTY_LABEL_ATTR = "data-ohw-empty-label";
 var EMPTY_LABEL_WIDTH = "8ch";
 function markEmptySocialLabels(root = document, skip) {
   root.querySelectorAll(`[${SOCIALS_ROW_ATTR}]`).forEach((row) => {
+    if (row.getAttribute(SOCIALS_TEXT_ATTR) === "off") return;
     listSocialItems(row).forEach((item) => {
       const label = socialLabelElement(item);
       if (!label || label === skip) return;
+      if (label.hasAttribute("data-ohw-hidden")) return;
       const empty = !label.textContent?.trim();
       if (empty === label.hasAttribute(SOCIALS_EMPTY_LABEL_ATTR)) return;
       if (empty) {
@@ -12605,6 +12534,11 @@ function planSocialMove(hrefKey, insertIndex, root = document) {
 }
 var SOCIALS_DISPLAY_KEY = "__ohw_socials_display";
 function readSocialsDisplay(row) {
+  const iconsAttr = row.getAttribute(SOCIALS_ICONS_ATTR);
+  const textAttr = row.getAttribute(SOCIALS_TEXT_ATTR);
+  if ((iconsAttr === "on" || iconsAttr === "off") && (textAttr === "on" || textAttr === "off")) {
+    return { text: textAttr === "on", icon: iconsAttr === "on" };
+  }
   const items = listSocialItems(row);
   const visible = (el) => Boolean(el) && el.style.display !== "none" && el.getAttribute("data-ohw-hidden") === null;
   const drawn = (el) => Boolean(el && visible(el) && el.innerHTML.trim());
@@ -12629,15 +12563,48 @@ function socialsDisplayWith(row, display, content) {
   return { ...parseSocialsDisplay(content[SOCIALS_DISPLAY_KEY]) ?? {}, [rowKeyOf(row)]: display };
 }
 function applySocialsDisplayToRow(row, display) {
+  ensureSocialsDisplayStyles(row.ownerDocument);
+  row.setAttribute(SOCIALS_ICONS_ATTR, display.icon ? "on" : "off");
+  row.setAttribute(SOCIALS_TEXT_ATTR, display.text ? "on" : "off");
   listSocialItems(row).forEach((item) => {
     const label = socialLabelElement(item);
     const icon = item.querySelector(ICON_SELECTOR);
-    if (label) label.style.display = display.text ? "" : "none";
-    if (icon) icon.style.display = display.icon ? "" : "none";
+    setSocialSlotVisible(label, display.text);
+    setSocialSlotVisible(icon, display.icon);
     layOutIconAndLabel(item, Boolean(display.text));
   });
   allowRowToWrap(row);
 }
+function setSocialSlotVisible(el, visible) {
+  if (!el) return;
+  if (visible) {
+    el.removeAttribute("data-ohw-hidden");
+    if (el.style.display === "none") el.style.display = "";
+  } else {
+    el.setAttribute("data-ohw-hidden", "");
+    el.style.display = "none";
+  }
+}
+function ensureSocialsDisplayStyles(doc) {
+  if (!doc?.head) return;
+  if (doc.getElementById(SOCIALS_DISPLAY_STYLE_ID)) return;
+  const style = doc.createElement("style");
+  style.id = SOCIALS_DISPLAY_STYLE_ID;
+  style.textContent = `
+    [${SOCIALS_ROW_ATTR}][${SOCIALS_ICONS_ATTR}="off"] [data-ohw-editable="icon"],
+    [${SOCIALS_ROW_ATTR}][${SOCIALS_ICONS_ATTR}="off"] [data-ohw-editable="icon"] * {
+      display: none !important;
+    }
+    [${SOCIALS_ROW_ATTR}][${SOCIALS_TEXT_ATTR}="off"] [${SOCIALS_LABEL_ATTR}],
+    [${SOCIALS_ROW_ATTR}][${SOCIALS_TEXT_ATTR}="off"] [data-ohw-href-key] > [data-ohw-editable="text"],
+    [${SOCIALS_ROW_ATTR}][${SOCIALS_TEXT_ATTR}="off"] [data-ohw-href-key] > [data-ohw-editable="plain"],
+    [${SOCIALS_ROW_ATTR}][${SOCIALS_TEXT_ATTR}="off"] [data-ohw-social-item] [data-ohw-editable="text"],
+    [${SOCIALS_ROW_ATTR}][${SOCIALS_TEXT_ATTR}="off"] [data-ohw-social-item] [data-ohw-editable="plain"] {
+      display: none !important;
+    }
+  `;
+  doc.head.appendChild(style);
+}
 function layOutIconAndLabel(item, on) {
   const hasBoth = Boolean(item.querySelector(ICON_SELECTOR)) && Boolean(socialLabelElement(item));
   if (!hasBoth) {
@@ -13057,15 +13024,6 @@ function setFooterColumnHeadingVisible(column, visible) {
   else column.prepend(heading);
   return { headingKey, text, visible: true };
 }
-function ensureFooterColumnDefaultHeading(column, content) {
-  if (isFooterColumnHeadingVisible(column)) return null;
-  const headingKey = getFooterColumnHeadingKey(column);
-  if (!headingKey) return null;
-  if (content && content[headingKey] === "") return null;
-  const result = setFooterColumnHeadingVisible(column, true);
-  if (!result?.visible) return null;
-  return { headingKey: result.headingKey, text: result.text };
-}
 function reconcileFooterHeadingVisibility(content) {
   for (const column of listFooterColumns()) {
     const headingKey = getFooterColumnHeadingKey(column);
@@ -13964,7 +13922,6 @@ function readLogoSizeState(content, placement) {
 function getLogoElement(el) {
   const marked = el.closest('[data-ohw-role="logo"], [data-ohw-logo]');
   if (marked) return marked;
-  if (el.closest('[data-ohw-editable="icon"]')) return null;
   const root = el.closest("nav, [data-ohw-nav-root], footer");
   if (!root) return null;
   const anchor = el.closest("a");
@@ -14252,7 +14209,7 @@ function DisplaySwitch({
         onClick: () => onChange(!checked),
         className: cn(
           "relative h-5 w-9 shrink-0 rounded-full transition-colors",
-          checked ? "bg-bridge-primary" : "bg-primary-50",
+          checked ? "bg-primary" : "bg-primary-50",
           disabled ? "cursor-default opacity-50" : "cursor-pointer"
         ),
         children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
@@ -14260,7 +14217,7 @@ function DisplaySwitch({
           {
             className: cn(
               "absolute top-0.5 h-4 w-4 rounded-full bg-white transition-all",
-              checked ? "left-4.5" : "left-0.5"
+              checked ? "left-[1.125rem]" : "left-0.5"
             )
           }
         )
@@ -14584,20 +14541,30 @@ function useNavItemDrag({
   const navPointerDragRef = (0, import_react14.useRef)(null);
   const clearNavDragVisuals = (0, import_react14.useCallback)(() => {
     const session = navDragRef.current;
-    const keepOpenEl = session?.draggedEl?.closest("[data-ohw-nav-children]") != null ? session.draggedEl : null;
+    const nestedHrefKey = session?.draggedEl?.closest("[data-ohw-nav-children]") != null ? session.hrefKey : null;
     navDragRef.current = null;
     setNavDropSlots([]);
     setActiveNavDropIndex(null);
     setDraggedItemRect(null);
     setSiblingHintRects([]);
     setIsItemDragging(false);
-    if (keepOpenEl?.isConnected) {
-      setNavGroupForceOpen(keepOpenEl, true);
+    if (nestedHrefKey) {
+      const reopen = () => {
+        const desktop = document.querySelector("[data-ohw-nav-container]");
+        const drawer = document.querySelector("[data-ohw-nav-drawer]");
+        const link = desktop?.querySelector(
+          `[data-ohw-href-key="${CSS.escape(nestedHrefKey)}"]`
+        ) ?? drawer?.querySelector(
+          `[data-ohw-href-key="${CSS.escape(nestedHrefKey)}"]`
+        ) ?? document.querySelector(
+          `[data-ohw-href-key="${CSS.escape(nestedHrefKey)}"]`
+        );
+        if (link) setNavGroupForceOpen(link, true);
+      };
+      reopen();
       requestAnimationFrame(() => {
-        if (keepOpenEl.isConnected) setNavGroupForceOpen(keepOpenEl, true);
-        requestAnimationFrame(() => {
-          if (keepOpenEl.isConnected) setNavGroupForceOpen(keepOpenEl, true);
-        });
+        reopen();
+        requestAnimationFrame(reopen);
       });
     } else {
       setNavGroupForceOpen(null, false);
@@ -14682,19 +14649,24 @@ function useNavItemDrag({
       const wasSelected = session.wasSelected;
       const hrefKey = session.hrefKey;
       const keepDropdownOpen = Boolean(session.draggedEl.closest("[data-ohw-nav-children]"));
-      const applySelectionAfterDrop = () => {
-        if (!wasSelected) {
-          deselectRef.current();
-          return;
-        }
+      const findDroppedLink = () => {
         const desktop = document.querySelector("[data-ohw-nav-container]");
         const drawer = document.querySelector("[data-ohw-nav-drawer]");
-        const link = desktop?.querySelector(`[data-ohw-href-key="${CSS.escape(hrefKey)}"]`) ?? drawer?.querySelector(`[data-ohw-href-key="${CSS.escape(hrefKey)}"]`) ?? document.querySelector(`[data-ohw-href-key="${CSS.escape(hrefKey)}"]`);
-        if (link) {
+        return desktop?.querySelector(`[data-ohw-href-key="${CSS.escape(hrefKey)}"]`) ?? drawer?.querySelector(`[data-ohw-href-key="${CSS.escape(hrefKey)}"]`) ?? document.querySelector(`[data-ohw-href-key="${CSS.escape(hrefKey)}"]`);
+      };
+      const reopenDropdown = () => {
+        if (!keepDropdownOpen) return;
+        const link = findDroppedLink();
+        if (link) setNavGroupForceOpen(link, true);
+      };
+      const applySelectionAfterDrop = () => {
+        const link = findDroppedLink();
+        if (wasSelected && link) {
           selectRef.current(link);
-          return;
+        } else {
+          deselectRef.current();
         }
-        deselectRef.current();
+        reopenDropdown();
       };
       if (planned) {
         editContentRef.current = {
@@ -14713,27 +14685,31 @@ function useNavItemDrag({
           type: "ow:change",
           nodes: [{ key: NAV_ORDER_KEY, text: planned.orderJson }]
         });
+        reopenDropdown();
         applySelectionAfterDrop();
         clearNavDragVisuals();
-        if (keepDropdownOpen) {
-          requestAnimationFrame(() => {
-            const desktop = document.querySelector("[data-ohw-nav-container]");
-            const drawer = document.querySelector("[data-ohw-nav-drawer]");
-            const link = desktop?.querySelector(`[data-ohw-href-key="${CSS.escape(hrefKey)}"]`) ?? drawer?.querySelector(`[data-ohw-href-key="${CSS.escape(hrefKey)}"]`) ?? document.querySelector(`[data-ohw-href-key="${CSS.escape(hrefKey)}"]`);
-            if (link) setNavGroupForceOpen(link, true);
-          });
-        }
+        reopenDropdown();
         requestAnimationFrame(() => {
           if (editContentRef.current[NAV_ORDER_KEY] === planned.orderJson) {
             applyNavForest(planned.forest);
           }
+          reopenDropdown();
           applySelectionAfterDrop();
-          requestAnimationFrame(applySelectionAfterDrop);
+          requestAnimationFrame(() => {
+            reopenDropdown();
+            applySelectionAfterDrop();
+          });
+          window.setTimeout(reopenDropdown, 0);
+          window.setTimeout(reopenDropdown, 50);
+          window.setTimeout(reopenDropdown, 150);
         });
         return;
       }
       applySelectionAfterDrop();
       clearNavDragVisuals();
+      reopenDropdown();
+      window.setTimeout(reopenDropdown, 0);
+      window.setTimeout(reopenDropdown, 50);
     },
     [clearNavDragVisuals, deselectRef, editContentRef, postToParentRef, selectRef]
   );
@@ -14825,7 +14801,7 @@ function useNavItemDrag({
       }
       if (linkPopoverOpenRef.current) setLinkPopover(null);
       const isNestedDrag = Boolean(pending.el.closest("[data-ohw-nav-children]"));
-      if (activeElRef.current && !isNestedDrag) deactivateRef.current();
+      if (activeElRef.current) deactivateRef.current();
       const key = pending.el.getAttribute("data-ohw-href-key");
       if (!key) return;
       beginNavDragRef.current({
@@ -14836,9 +14812,7 @@ function useNavItemDrag({
         lastClientY: e.clientY,
         activeSlot: null
       });
-      if (activeElRef.current && isNestedDrag) {
-        deactivateRef.current();
-      }
+      if (isNestedDrag) setNavGroupForceOpen(pending.el, true);
     };
     const endPointerDrag = (e) => {
       const pending = navPointerDragRef.current;
@@ -15878,7 +15852,7 @@ var badgeVariants = cva(
   {
     variants: {
       variant: {
-        default: "border-transparent bg-bridge-primary text-primary-foreground",
+        default: "border-transparent bg-primary text-primary-foreground",
         secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
         destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
         outline: "text-foreground"
@@ -16015,7 +15989,7 @@ function duplicateSchedulingWidget(instanceId, scheduleId) {
   try {
     const root = (0, import_client2.createRoot)(container);
     schedulingRoots.set(container, root);
-    (0, import_react_dom3.flushSync)(() => {
+    (0, import_react_dom4.flushSync)(() => {
       root.render(
         /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           SchedulingWidget,
@@ -16060,10 +16034,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;
@@ -16080,7 +16065,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);
@@ -16118,18 +16104,17 @@ function initSectionsFromContent(content, removeExisting = false, currentPath =
   } 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";
   container.dataset.ohwInstance = sectionId;
-  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);
@@ -16140,26 +16125,20 @@ function mountSchedulingWidget(anchorId, notifyOnConnect = false, scheduleId, be
     }
     tail.insertAdjacentElement("afterend", container);
   }
-  try {
-    const root = (0, import_client2.createRoot)(container);
-    schedulingRoots.set(container, root);
-    (0, import_react_dom3.flushSync)(() => {
-      root.render(
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-          SchedulingWidget,
-          {
-            notifyOnConnect,
-            initialScheduleId: scheduleId,
-            insertAfter: widgetId
-          }
-        )
-      );
-    });
-  } catch (err) {
-    console.error("[ow:scheduling] render threw", err);
-    container.remove();
-    return false;
-  }
+  const root = (0, import_client2.createRoot)(container);
+  schedulingRoots.set(container, root);
+  (0, import_react_dom4.flushSync)(() => {
+    root.render(
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        SchedulingWidget,
+        {
+          notifyOnConnect,
+          initialScheduleId: scheduleId,
+          insertAfter: effectiveInsertAfter
+        }
+      )
+    );
+  });
   const tracker = getSectionsTracker();
   let sections = [];
   try {
@@ -16167,12 +16146,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 } : {}
     });
@@ -16186,8 +16163,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 ?? null)) {
         pending.splice(i, 1);
       }
     }
@@ -16351,11 +16327,6 @@ function applyLinkByKey(key, val) {
     hrefAnchors.forEach((el) => applyLinkHref(el, val));
   }
 }
-function isInsideLinkEditor(target) {
-  return Boolean(
-    target.closest("[data-ohw-link-popover-root]") || target.closest("[data-ohw-link-modal-root]") || target.closest("[data-ohw-link-page-dropdown]") || target.closest("[data-ohw-section-picker]") || target.closest("[data-ohw-navbar-container-chrome]") || target.closest("[data-ohw-navbar-add-button]") || target.closest("[data-ohw-footer-container-chrome]") || target.closest("[data-ohw-footer-add-button]") || target.closest("[data-ohw-more-menu]") || target.closest('[data-slot="dropdown-menu-content"]') || target.closest('[data-slot="popover-content"]') || target.closest('[data-slot="dialog-content"]') || target.closest('[data-slot="dialog-overlay"]')
-  );
-}
 function isInsideFloatingPanel(target) {
   return Boolean(target.closest("[data-ohw-floating-panel]"));
 }
@@ -16363,6 +16334,11 @@ function isPointOverFloatingPanel(clientX, clientY) {
   const el = document.elementFromPoint(clientX, clientY);
   return Boolean(el instanceof Element && el.closest("[data-ohw-floating-panel]"));
 }
+function isInsideLinkEditor(target) {
+  return Boolean(
+    target.closest("[data-ohw-link-popover-root]") || target.closest("[data-ohw-link-modal-root]") || target.closest("[data-ohw-link-page-dropdown]") || target.closest("[data-ohw-section-picker]") || target.closest("[data-ohw-navbar-container-chrome]") || target.closest("[data-ohw-navbar-add-button]") || target.closest("[data-ohw-footer-container-chrome]") || target.closest("[data-ohw-footer-add-button]") || target.closest("[data-ohw-more-menu]") || target.closest('[data-slot="dropdown-menu-content"]') || target.closest('[data-slot="popover-content"]') || target.closest('[data-slot="dialog-content"]') || target.closest('[data-slot="dialog-overlay"]')
+  );
+}
 function getHrefKeyFromElement(el) {
   if (!el) return null;
   const anchor = el.closest("[data-ohw-href-key]");
@@ -16394,14 +16370,18 @@ function isNavDropdownPanelOpen(childrenRoot) {
   }
   return true;
 }
-function getOpenNavDropdownPanelRect(anchor) {
+function getOpenNavDropdownPanel(anchor) {
   const group = anchor.closest("[data-ohw-nav-group]");
   if (!group?.hasAttribute("data-ohw-nav-force-open")) return null;
   const panel = group.querySelector(":scope > [data-ohw-nav-children]");
   if (!panel || !isNavDropdownPanelOpen(panel)) return null;
   const panelRect = panel.getBoundingClientRect();
   if (panelRect.height < 2 || panelRect.width < 2) return null;
-  return panelRect;
+  return panel;
+}
+function getOpenNavDropdownPanelRect(anchor) {
+  const panel = getOpenNavDropdownPanel(anchor);
+  return panel ? panel.getBoundingClientRect() : null;
 }
 function isNavItemPointerTarget(el) {
   const childrenRoot = el.closest("[data-ohw-nav-children]");
@@ -16437,7 +16417,7 @@ function requestSocialDialog(anchor, post, content) {
     hrefKey: item.getAttribute("data-ohw-href-key") ?? "",
     iconKey,
     url: getLinkHref4(item),
-    iconStyle: detectIconStyle(item),
+    iconStyle: "outline",
     // What was chosen last time. Guessing from the address instead reads as "Website" for anything
     // unrecognised, and for an item with no address at all — so a deliberate choice looked lost.
     platformId: content[socialPlatformKey(iconKey)] ?? ""
@@ -16627,7 +16607,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;
@@ -16843,6 +16823,7 @@ var ICONS = {
   insertUnorderedList: '<line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/><line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/>',
   insertOrderedList: '<line x1="10" y1="6" x2="21" y2="6"/><line x1="10" y1="12" x2="21" y2="12"/><line x1="10" y1="18" x2="21" y2="18"/><path d="M4 6h1v4"/><path d="M4 10h2"/><path d="M6 18H4c0-1 2-2 2-3s-1-1.5-2-1"/>'
 };
+var HEIGHT_SETTLE_DELAYS = [150, 400, 800];
 var SELECTION_CHROME_GAP2 = 4;
 var TOOLBAR_STROKE_GAP2 = 4;
 var TOOLBAR_OFFSET_FROM_ELEMENT = SELECTION_CHROME_GAP2 + TOOLBAR_STROKE_GAP2;
@@ -16939,10 +16920,6 @@ function getIframeVisibleClip(parentScroll) {
   );
   return { top: clipTop, bottom: Math.max(clipTop, clipBottom) };
 }
-function isRectOutsideClip(rect, clip) {
-  if (!clip) return false;
-  return rect.bottom < clip.top || rect.top > clip.bottom;
-}
 function applyVisibleViewport(el, parentScroll) {
   const clip = getIframeVisibleClip(parentScroll);
   const top = clip?.top ?? 0;
@@ -17226,7 +17203,6 @@ function StateToggle({
   );
 }
 var contentCache = /* @__PURE__ */ new Map();
-var fetchedContentPaths = /* @__PURE__ */ new Set();
 var brandingCache = /* @__PURE__ */ new Map();
 var OHW_LOADER_STYLE = {
   position: "fixed",
@@ -17775,6 +17751,13 @@ function OhhwellsBridge() {
   const [isItemDragging, setIsItemDragging] = (0, import_react17.useState)(false);
   const [isFooterFrameSelection, setIsFooterFrameSelection] = (0, import_react17.useState)(false);
   isFooterFrameSelectionRef.current = isFooterFrameSelection;
+  const [floatingPanel, setFloatingPanel] = (0, import_react17.useState)(null);
+  const floatingPanelOpenRef = (0, import_react17.useRef)(false);
+  floatingPanelOpenRef.current = floatingPanel !== null;
+  const [floatingPanelPos, setFloatingPanelPos] = (0, import_react17.useState)(null);
+  const [logoSizeDraft, setLogoSizeDraft] = (0, import_react17.useState)(null);
+  const [editorViewport, setEditorViewport] = (0, import_react17.useState)("desktop");
+  const [parentScrollSnap, setParentScrollSnap] = (0, import_react17.useState)(null);
   const [navDropdownPreviewOpen, setNavDropdownPreviewOpen] = (0, import_react17.useState)(null);
   const [footerHeadingVisible, setFooterHeadingVisible] = (0, import_react17.useState)(null);
   const footerDragRef = (0, import_react17.useRef)(null);
@@ -17792,13 +17775,6 @@ function OhhwellsBridge() {
   const brandKitRef = (0, import_react17.useRef)("");
   const stylesRef = (0, import_react17.useRef)("");
   const pendingDeleteUndoRef = (0, import_react17.useRef)(null);
-  const [floatingPanel, setFloatingPanel] = (0, import_react17.useState)(null);
-  const floatingPanelOpenRef = (0, import_react17.useRef)(false);
-  const setFloatingPanelRef = (0, import_react17.useRef)(setFloatingPanel);
-  const [floatingPanelPos, setFloatingPanelPos] = (0, import_react17.useState)(null);
-  const [logoSizeDraft, setLogoSizeDraft] = (0, import_react17.useState)(null);
-  const [editorViewport, setEditorViewport] = (0, import_react17.useState)("desktop");
-  const [parentScrollSnap, setParentScrollSnap] = (0, import_react17.useState)(null);
   const [sitePages, setSitePages] = (0, import_react17.useState)([]);
   const [sectionsByPath, setSectionsByPath] = (0, import_react17.useState)({});
   const sectionsPrefetchGenRef = (0, import_react17.useRef)(0);
@@ -17807,18 +17783,7 @@ function OhhwellsBridge() {
   const linkPopoverOpenRef = (0, import_react17.useRef)(false);
   const linkPopoverGraceUntilRef = (0, import_react17.useRef)(0);
   setLinkPopoverRef.current = setLinkPopover;
-  setFloatingPanelRef.current = setFloatingPanel;
   linkPopoverSessionRef.current = linkPopover;
-  floatingPanelOpenRef.current = Boolean(floatingPanel);
-  (0, import_react17.useEffect)(() => {
-    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,
     navPointerDragRef,
@@ -18024,11 +17989,16 @@ function OhhwellsBridge() {
       if (owner) persistFieldsRef.current(owner);
     }
     activeElRef.current = null;
-    const preserveNavDropdown = Boolean(navPointerDragRef.current?.el?.closest("[data-ohw-nav-children]")) || Boolean(navDragRef.current?.draggedEl?.closest("[data-ohw-nav-children]")) || Boolean(
+    const preserveNavDropdown = Boolean(navPointerDragRef.current?.el?.closest("[data-ohw-nav-children]")) || Boolean(navDragRef.current?.draggedEl?.closest("[data-ohw-nav-children]")) || Boolean(el.closest("[data-ohw-nav-children]")) || Boolean(
       selectedElRef.current?.closest("[data-ohw-nav-children]") && selectedElRef.current?.closest("[data-ohw-nav-group]")?.hasAttribute("data-ohw-nav-force-open")
     );
     if (!preserveNavDropdown) {
       setNavGroupForceOpen(null, false);
+    } else {
+      const keepAnchor = selectedElRef.current?.closest("[data-ohw-nav-children]") != null ? selectedElRef.current : el.closest("[data-ohw-href-key]") ?? el;
+      if (keepAnchor.closest("[data-ohw-nav-children]")) {
+        setNavGroupForceOpen(keepAnchor, true);
+      }
     }
     setReorderHrefKey(null);
     setReorderDragDisabled(false);
@@ -18047,6 +18017,7 @@ function OhhwellsBridge() {
     });
   }, []);
   const deselect = (0, import_react17.useCallback)(() => {
+    const nestedGroup = selectedElRef.current?.closest("[data-ohw-nav-children]") != null ? selectedElRef.current.closest("[data-ohw-nav-group]") : null;
     clearSelectedAttr();
     selectedElRef.current = null;
     selectedHrefKeyRef.current = null;
@@ -18070,7 +18041,11 @@ function OhhwellsBridge() {
     setFloatingPanel(null);
     setLogoSizeDraft(null);
     if (!activeElRef.current) {
-      setNavGroupForceOpen(null, false);
+      if (nestedGroup?.isConnected) {
+        nestedGroup.setAttribute("data-ohw-nav-force-open", "");
+      } else {
+        setNavGroupForceOpen(null, false);
+      }
       setToolbarRect(null);
       setToolbarVariant("none");
     }
@@ -18151,10 +18126,7 @@ function OhhwellsBridge() {
     setSelectedIsSocialsRow(false);
     const isDropdownTrigger = !isNestedNavChild(navAnchor) && (navItemHasDropdownChildren(navAnchor) || navItemOwnsDropdownPanel(navAnchor));
     if (isNestedNavChild(navAnchor)) {
-      const group = navAnchor.closest("[data-ohw-nav-group]");
-      if (group?.hasAttribute("data-ohw-nav-force-open")) {
-        setNavGroupForceOpen(navAnchor, true);
-      }
+      setNavGroupForceOpen(navAnchor, true);
       setNavDropdownPreviewOpen(null);
     } else if (isDropdownTrigger) {
       const group = navAnchor.closest("[data-ohw-nav-group]");
@@ -18306,7 +18278,7 @@ function OhhwellsBridge() {
         hrefKey: planned.hrefKey,
         iconKey: planned.iconKey,
         url: "",
-        iconStyle: detectIconStyle(getSocialItem(selected) ?? socialsRow),
+        iconStyle: "outline",
         platformId: "",
         // Tells the editor this one is not on the page yet, so dismissing means "never mind".
         isNew: true
@@ -18388,8 +18360,10 @@ function OhhwellsBridge() {
     setNavDropdownPreviewOpen(true);
     setToolbarRect(selected.getBoundingClientRect());
     requestAnimationFrame(() => {
-      if (selected.isConnected) setToolbarRect(selected.getBoundingClientRect());
-      enterEditOnNewItem(result.anchor);
+      requestAnimationFrame(() => {
+        if (selected.isConnected) setToolbarRect(selected.getBoundingClientRect());
+        enterEditOnNewItem(result.anchor);
+      });
     });
   }, [enterEditOnNewItem, isFooterFrameSelection, maybeWarnNavLinkDropdownConflict, postToParent2]);
   const handleAddFooterColumn = (0, import_react17.useCallback)(() => {
@@ -18769,10 +18743,7 @@ function OhhwellsBridge() {
     clearHrefKeyHover(anchor);
     const isDropdownTrigger = !isNestedNavChild(anchor) && (navItemHasDropdownChildren(anchor) || navItemOwnsDropdownPanel(anchor));
     if (isNestedNavChild(anchor)) {
-      const group = anchor.closest("[data-ohw-nav-group]");
-      if (group?.hasAttribute("data-ohw-nav-force-open")) {
-        setNavGroupForceOpen(anchor, true);
-      }
+      setNavGroupForceOpen(anchor, true);
       setNavDropdownPreviewOpen(null);
     } else if (isDropdownTrigger) {
       setNavGroupForceOpen(null, false);
@@ -18830,17 +18801,6 @@ function OhhwellsBridge() {
     setIsFooterFrameSelection(isFooterColumn);
     setNavDropdownPreviewOpen(null);
     if (isFooterColumn) {
-      const ensured = ensureFooterColumnDefaultHeading(el, editContentRef.current);
-      if (ensured) {
-        editContentRef.current = {
-          ...editContentRef.current,
-          [ensured.headingKey]: ensured.text
-        };
-        postToParent2({
-          type: "ow:change",
-          nodes: [{ key: ensured.headingKey, text: ensured.text }]
-        });
-      }
       setFooterHeadingVisible(isFooterColumnHeadingVisible(el));
     } else {
       setFooterHeadingVisible(null);
@@ -19159,7 +19119,6 @@ function OhhwellsBridge() {
       }
       if (typeof content[STYLE_STORE_KEY] === "string") {
         stylesRef.current = content[STYLE_STORE_KEY];
-        document.querySelectorAll('[data-ohw-editable="form"]').forEach((f) => markFormFields(f));
         applyStylesToDom(parseStyleStore(content[STYLE_STORE_KEY]));
       }
       applyBrandChrome(content);
@@ -19167,11 +19126,11 @@ function OhhwellsBridge() {
       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 (key === LOGO_PLACEHOLDER_KEY) continue;
+        if (LOGO_IMAGE_KEYS.includes(key)) continue;
         if (applyVideoSettingNode(key, val)) continue;
         if (applyCarouselNode(key, val)) continue;
         document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -19242,9 +19201,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 ?? {};
       const branding = Boolean(data?.showBranding);
@@ -19353,9 +19310,7 @@ function OhhwellsBridge() {
   }, [isEditMode]);
   (0, import_react17.useEffect)(() => {
     if (isEditMode || fetchState !== "done") return;
-    console.log("env", process.env.NEXT_PUBLIC_FLOWOPS_API_URL);
     const apiUrl = process.env.NEXT_PUBLIC_FLOWOPS_API_URL ?? "https://flowops-backend-staging-2yfdh7pwpq-as.a.run.app";
-    console.log({ apiUrl, subdomain });
     bindPublishedForms(apiUrl, subdomain, contentCache.get(subdomain) ?? {});
   }, [isEditMode, fetchState, subdomain]);
   (0, import_react17.useEffect)(() => {
@@ -19380,17 +19335,16 @@ function OhhwellsBridge() {
           applyAiSectionsToDom(parseAiSectionsState(content[AI_SECTIONS_KEY]));
         }
         if (typeof content[STYLE_STORE_KEY] === "string") {
-          document.querySelectorAll('[data-ohw-editable="form"]').forEach((f) => markFormFields(f));
           applyStylesToDom(parseStyleStore(content[STYLE_STORE_KEY]));
         }
         for (const [key, val] of Object.entries(content)) {
           if (key === "__ohw_sections") continue;
           if (key === AI_SECTIONS_KEY) continue;
-          if (key === LOGO_PLACEHOLDER_KEY) continue;
-          if (LOGO_IMAGE_KEYS.includes(key)) continue;
           if (key === BRAND_KIT_KEY) continue;
           if (key === STYLE_STORE_KEY) continue;
           if (BRAND_CHROME_KEYS.has(key)) continue;
+          if (key === LOGO_PLACEHOLDER_KEY) continue;
+          if (LOGO_IMAGE_KEYS.includes(key)) continue;
           if (applyVideoSettingNode(key, val)) continue;
           if (applyCarouselNode(key, val)) continue;
           document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -19441,17 +19395,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 () => {
@@ -19587,11 +19530,26 @@ function OhhwellsBridge() {
     const t2 = setTimeout(measure, 500);
     const ro = new ResizeObserver(schedule);
     ro.observe(document.body);
+    let lastWidth = window.innerWidth;
+    let resizeTimers = [];
+    const clearResizeTimers = () => {
+      resizeTimers.forEach(clearTimeout);
+      resizeTimers = [];
+    };
+    const handleResize = () => {
+      if (window.innerWidth === lastWidth) return;
+      lastWidth = window.innerWidth;
+      clearResizeTimers();
+      resizeTimers = HEIGHT_SETTLE_DELAYS.map((delay) => setTimeout(measure, delay));
+    };
+    window.addEventListener("resize", handleResize);
     return () => {
       clearTimeout(t1);
       clearTimeout(t2);
       if (raf != null) cancelAnimationFrame(raf);
       ro.disconnect();
+      clearResizeTimers();
+      window.removeEventListener("resize", handleResize);
     };
   }, [pathname, isEditMode, postToParent2]);
   (0, import_react17.useEffect)(() => {
@@ -19686,8 +19644,10 @@ function OhhwellsBridge() {
       /* The glyph too, and this one mattered most: as a block it filled the whole width of its
          link and sat over the words, so every click meant for the text landed on the icon. */
       [data-ohw-socials-row] [data-ohw-editable="icon"] {
-        display: inline-flex;
-        flex: 0 0 auto;
+        display: inline-flex !important;
+        flex: 0 0 auto !important;
+        width: auto !important;
+        max-width: max-content !important;
         align-items: center;
       }
       [data-ohw-socials-row] a {
@@ -19766,9 +19726,24 @@ function OhhwellsBridge() {
       /* Somewhere to click the block itself, on every side (OHH-642) \u2014 editor only. */
       [data-ohw-editable="form"] {
         padding: 18px !important;
+        /* Horizontal newsletter rows collapse added fields into pill-circles without wrap. */
+        flex-wrap: wrap !important;
+        align-items: flex-end !important;
+      }
+      [data-ohw-editable="form"] [data-ohw-form-field] {
+        flex: 1 1 12rem !important;
+        min-width: min(12rem, 100%) !important;
+        max-width: 100% !important;
       }
+      /* Placeholder text lives in the value while selected. currentColor inside color-mix
+         resolves to the *inherited* color, so reverse-print footers washed it out on white
+         inputs \u2014 pin to the control's own color captured in beginPlaceholderEdit. */
       [data-ohw-placeholder-edit] {
-        color: color-mix(in srgb, currentColor 55%, transparent) !important;
+        color: color-mix(
+          in srgb,
+          var(--ohw-placeholder-edit-color, CanvasText) 55%,
+          transparent
+        ) !important;
         cursor: text !important;
       }
       /* Text hover chrome is drawn by the overlay (see hoveredTextRect) \u2014 the CSS outline
@@ -19864,6 +19839,9 @@ function OhhwellsBridge() {
       if (target.closest("[data-ohw-state-toggle]")) return;
       if (target.closest("[data-ohw-max-badge]")) return;
       if (isInsideLinkEditor(target)) return;
+      if (selectedMediaElRef.current && !selectedMediaElRef.current.contains(target) && !target.closest("[data-ohw-media-overlay], [data-ohw-edit-chrome], [data-ohw-item-interaction]")) {
+        clearMediaSelectionRef.current();
+      }
       if (isInsideFloatingPanel(target)) return;
       if (target.closest("[data-ohw-form-toolbar]")) return;
       if (target.closest(
@@ -19871,9 +19849,6 @@ function OhhwellsBridge() {
       )) {
         return;
       }
-      if (selectedMediaElRef.current && !selectedMediaElRef.current.contains(target) && !target.closest("[data-ohw-media-overlay], [data-ohw-edit-chrome], [data-ohw-item-interaction]")) {
-        clearMediaSelectionRef.current();
-      }
       {
         const formEl = getFormElement(target);
         const onSuccessText = target.closest(`[${SUCCESS_TEXT_ATTR}]`);
@@ -20037,6 +20012,14 @@ function OhhwellsBridge() {
         }
         const clickedButton = findClosestButtonLike(target);
         const buttonOnMedia = Boolean(clickedButton && isMediaEditable(editable) && editable.contains(clickedButton));
+        console.log("[click-debug]", {
+          editableType: editable.dataset.ohwEditable,
+          editableTag: editable.tagName,
+          targetTag: target.tagName,
+          clickedButtonTag: clickedButton?.tagName ?? null,
+          buttonOnMedia,
+          isMediaEditableEditable: isMediaEditable(editable)
+        });
         if (isMediaEditable(editable) && !buttonOnMedia) {
           e.preventDefault();
           e.stopPropagation();
@@ -20063,6 +20046,11 @@ function OhhwellsBridge() {
         const hrefLookupTarget = buttonOnMedia ? clickedButton : editable;
         const hrefCtx = getHrefKeyFromElement(hrefLookupTarget);
         const navAnchor = hrefCtx ? getNavigationItemAnchor(hrefCtx.anchor) : null;
+        console.log("[click-debug 2]", {
+          hrefLookupTargetTag: hrefLookupTarget.tagName,
+          hrefCtx: hrefCtx ? { key: hrefCtx.key } : null,
+          navAnchorTag: navAnchor?.tagName ?? null
+        });
         if (navAnchor) {
           e.preventDefault();
           e.stopPropagation();
@@ -20232,9 +20220,6 @@ function OhhwellsBridge() {
         setHoveredItemRect(null);
         hoveredNavContainerRef.current = null;
         setHoveredNavContainerRect(null);
-        siblingHintElRef.current = null;
-        setSiblingHintRect(null);
-        setSiblingHintRects([]);
         return;
       }
       {
@@ -20355,6 +20340,7 @@ function OhhwellsBridge() {
             hoveredNavContainerRef.current = null;
             setHoveredNavContainerRect(null);
             hoveredItemElRef.current = editable;
+            setHoveredItemRect(isSelectedForHoverRef.current(editable) ? null : editable.getBoundingClientRect());
           }
         }
       }
@@ -20651,7 +20637,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;
@@ -21024,7 +21010,8 @@ function OhhwellsBridge() {
     };
     const handleMouseMove = (e) => {
       const { clientX, clientY } = e;
-      if (document.documentElement.hasAttribute("data-ohw-panel-dragging") || floatingPanelOpenRef.current && isPointOverFloatingPanel(clientX, clientY) || isOverEditorChrome(clientX, clientY)) {
+      if (pointOwnedByFloatingPanel(clientX, clientY)) return;
+      if (isOverEditorChrome(clientX, clientY)) {
         document.querySelectorAll("[data-ohw-hovered]").forEach((el) => el.removeAttribute("data-ohw-hovered"));
         formHoverElRef.current = null;
         setFormHoverRect(null);
@@ -21032,12 +21019,7 @@ function OhhwellsBridge() {
         setHoveredItemRect(null);
         hoveredNavContainerRef.current = null;
         setHoveredNavContainerRect(null);
-        siblingHintElRef.current = null;
-        setSiblingHintRect(null);
-        setSiblingHintRects([]);
         dismissImageHover();
-        clearImageHover();
-        setSectionGap(null);
         return;
       }
       if (probeSocialsRowAt(clientX, clientY)) return;
@@ -21049,11 +21031,7 @@ function OhhwellsBridge() {
       if (e.data?.type !== "ow:pointer-sync") return;
       const { clientX, clientY } = e.data;
       if (typeof clientX !== "number" || typeof clientY !== "number") return;
-      if (document.documentElement.hasAttribute("data-ohw-panel-dragging") || floatingPanelOpenRef.current && isPointOverFloatingPanel(clientX, clientY)) {
-        dismissImageHover();
-        clearImageHover();
-        return;
-      }
+      if (pointOwnedByFloatingPanel(clientX, clientY)) return;
       if (probeSocialsRowAt(clientX, clientY)) return;
       probeSectionGapAt(clientX, clientY);
       probeImageAt(clientX, clientY);
@@ -21392,7 +21370,6 @@ function OhhwellsBridge() {
       }
       if (typeof content[STYLE_STORE_KEY] === "string") {
         stylesRef.current = content[STYLE_STORE_KEY];
-        document.querySelectorAll('[data-ohw-editable="form"]').forEach((f) => markFormFields(f));
         applyStylesToDom(parseStyleStore(content[STYLE_STORE_KEY]));
       }
       applyBrandChrome(content);
@@ -21404,11 +21381,11 @@ 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 (key === LOGO_PLACEHOLDER_KEY) continue;
+        if (LOGO_IMAGE_KEYS.includes(key) && !String(val ?? "").trim()) continue;
         if (applyVideoSettingNode(key, val)) continue;
         if (applyCarouselNode(key, val)) continue;
         document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
@@ -21629,26 +21606,10 @@ function OhhwellsBridge() {
     const handleGetBrand = (e) => {
       if (e.data?.type !== "ow:get-brand") return;
       const template = deriveTemplateBrand();
-      const fallback = template ?? (() => {
-        const fonts = deriveTemplateFonts();
-        return fonts ? { palette: AI_DEFAULT_BRAND.palette, fonts } : null;
-      })();
-      const value = brandKitRef.current || (fallback ? JSON.stringify(fallback) : "");
+      const value = brandKitRef.current || (template ? JSON.stringify(template) : "");
       postToParentRef.current({ type: "ow:brand-value", value });
     };
     window.addEventListener("message", handleGetBrand);
-    const handleGetTemplateFonts = (e) => {
-      if (e.data?.type !== "ow:get-template-fonts") return;
-      const fonts = deriveTemplateFonts();
-      postToParentRef.current({ type: "ow:template-fonts-value", value: fonts ? JSON.stringify(fonts) : "" });
-    };
-    window.addEventListener("message", handleGetTemplateFonts);
-    const handleGetTemplateBrand = (e) => {
-      if (e.data?.type !== "ow:get-template-brand") return;
-      const brand = deriveTemplateBrand();
-      postToParentRef.current({ type: "ow:template-brand-value", value: brand ? JSON.stringify(brand) : "" });
-    };
-    window.addEventListener("message", handleGetTemplateBrand);
     const handleMoveSection = (e) => {
       if (e.data?.type !== "ow:move-section") return;
       const instanceId = typeof e.data.instanceId === "string" ? e.data.instanceId : "";
@@ -21841,12 +21802,6 @@ function OhhwellsBridge() {
         closeLinkPopoverRef.current();
         return;
       }
-      if (floatingPanelOpenRef.current) {
-        setFloatingPanelRef.current(null);
-        deselectRef.current();
-        deactivateRef.current();
-        return;
-      }
       deselectRef.current();
       deactivateRef.current();
       clearMediaSelectionRef.current();
@@ -22135,12 +22090,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.body.scrollHeight;
+        if (h > 50) postToParentRef.current({ type: "ow:height", height: h });
       }
     };
     const handleSwitchSchedule = (e) => {
@@ -22317,20 +22268,14 @@ function OhhwellsBridge() {
     };
     const applyToolbarPos = (rect) => {
       const ps = parentScrollRef.current;
-      const hidden = isRectOutsideClip(rect, getIframeVisibleClip(ps));
       const measuredW = toolbarElRef.current?.offsetWidth || 330;
       if (toolbarElRef.current) {
-        toolbarElRef.current.style.display = hidden ? "none" : "";
-        if (!hidden) {
-          const { top, left, transform } = calcToolbarPos(rect, ps, measuredW);
-          toolbarElRef.current.style.top = `${top}px`;
-          toolbarElRef.current.style.left = `${left}px`;
-          toolbarElRef.current.style.transform = transform;
-        }
+        const { top, left, transform } = calcToolbarPos(rect, ps, measuredW);
+        toolbarElRef.current.style.top = `${top}px`;
+        toolbarElRef.current.style.left = `${left}px`;
+        toolbarElRef.current.style.transform = transform;
       }
       if (glowElRef.current) {
-        glowElRef.current.style.display = hidden ? "none" : "";
-        if (hidden) return;
         const GAP = SELECTION_CHROME_GAP2;
         glowElRef.current.style.top = `${rect.top - GAP}px`;
         glowElRef.current.style.left = `${rect.left - GAP}px`;
@@ -22561,17 +22506,15 @@ function OhhwellsBridge() {
       window.removeEventListener("message", handleAiSetBrand);
       window.removeEventListener("message", handleAiSetStyles);
       window.removeEventListener("message", handleGetBrand);
-      window.removeEventListener("message", handleGetTemplateFonts);
-      window.removeEventListener("message", handleGetTemplateBrand);
       window.removeEventListener("message", handleMoveSection);
       window.removeEventListener("message", handlePanelDragging);
       window.removeEventListener("message", handleDeleteSection);
       window.removeEventListener("message", handleDuplicateSection);
       window.removeEventListener("message", handleDeactivate);
+      document.documentElement.removeAttribute("data-ohw-panel-dragging");
       window.removeEventListener("message", handleToastAction);
       window.removeEventListener("message", handleFormCount);
       window.removeEventListener("message", handleUiEscape);
-      document.documentElement.removeAttribute("data-ohw-panel-dragging");
       autoSaveTimers.current.forEach(clearTimeout);
       autoSaveTimers.current.clear();
       if (imageUnhoverTimerRef.current) clearTimeout(imageUnhoverTimerRef.current);
@@ -23238,7 +23181,7 @@ function OhhwellsBridge() {
     /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { id: "ohw-loader", suppressHydrationWarning: true, style: { ...OHW_LOADER_STYLE, display: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(OhwLoaderSpinner, {}) }),
     /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("script", { suppressHydrationWarning: true, dangerouslySetInnerHTML: { __html: OHW_LOADER_PREHYDRATE_SCRIPT } }),
     subdomain && !isEditMode && showBranding && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MadeWithOhhWells, {}),
-    bridgeRoot ? (0, import_react_dom4.createPortal)(
+    bridgeRoot ? (0, import_react_dom5.createPortal)(
       /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { ref: attachVisibleViewport, "data-ohw-visible-viewport": "", "aria-hidden": true }),
         isEditMode && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(AiSectionOverlay, { postToParent: postToParent2, apiRef: aiSectionApiRef }),
@@ -23390,7 +23333,7 @@ function OhhwellsBridge() {
                             "span",
                             {
                               "data-ohw-form-count": "",
-                              className: "ml-0.5 inline-flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-bridge-primary px-1.5 text-[11px] font-semibold text-primary-foreground",
+                              className: "ml-0.5 inline-flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-primary px-1.5 text-[11px] font-semibold text-primary-foreground",
                               children: formPickCount
                             }
                           )
@@ -23507,8 +23450,9 @@ function OhhwellsBridge() {
           {
             rect: isItemDragging && draggedItemRect && (footerDragRef.current?.wasSelected || navDragRef.current?.wasSelected) ? draggedItemRect : toolbarRect,
             toolbarBelowRect: selectedElRef.current && isNavigationItem2(selectedElRef.current) ? getOpenNavDropdownPanelRect(selectedElRef.current) : null,
+            toolbarBelowEl: selectedElRef.current && isNavigationItem2(selectedElRef.current) ? getOpenNavDropdownPanel(selectedElRef.current) : null,
             elRef: glowElRef,
-            state: isItemDragging ? "dragging" : selectedElRef.current && isNavigationItem2(selectedElRef.current) && getOpenNavDropdownPanelRect(selectedElRef.current) ? "active-bottom" : resolveItemInteractionState(toolbarRect, parentScrollRef.current),
+            state: isItemDragging ? "dragging" : selectedElRef.current && isNavigationItem2(selectedElRef.current) && getOpenNavDropdownPanel(selectedElRef.current) ? "active-bottom" : resolveItemInteractionState(toolbarRect, parentScrollRef.current),
             showHandle: toolbarVariant === "link-action" && Boolean(reorderHrefKey) || toolbarVariant === "select-frame" && isFooterFrameSelection,
             dragDisabled: reorderDragDisabled,
             dragHandleLabel: reorderHrefKey ? `Reorder ${reorderHrefKey}` : "Reorder item",
@@ -23561,7 +23505,7 @@ function OhhwellsBridge() {
             ) : void 0
           }
         ),
-        toolbarRect && toolbarVariant === "rich-text" && !linkPopover && !isRectOutsideClip(toolbarRect, getIframeVisibleClip(parentScrollRef.current)) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+        toolbarRect && toolbarVariant === "rich-text" && !linkPopover && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             EditGlowChrome,
             {
@@ -23627,11 +23571,11 @@ function OhhwellsBridge() {
             className: "fixed left-0 w-full z-2147483646 flex items-center pointer-events-none",
             style: { top: sectionGap.y, transform: "translateY(-50%)" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex-1 bg-bridge-primary", style: { height: 3 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex-1 bg-primary", style: { height: 3 } }),
               /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 Badge,
                 {
-                  className: "px-8 py-1 bg-bridge-primary hover:bg-bridge-primary text-primary-foreground text-xs font-medium shrink-0 rounded-full cursor-pointer pointer-events-auto",
+                  className: "px-8 py-1 bg-primary hover:bg-primary text-primary-foreground text-xs font-medium shrink-0 rounded-full cursor-pointer pointer-events-auto",
                   onClick: () => {
                     window.parent.postMessage(
                       {
@@ -23645,7 +23589,7 @@ function OhhwellsBridge() {
                   children: "Add Section"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex-1 bg-bridge-primary", style: { height: 3 } })
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex-1 bg-primary", style: { height: 3 } })
             ]
           }
         ),
@@ -23693,59 +23637,6 @@ function OhhwellsBridge() {
     ) : null
   ] });
 }
-
-// src/ui/EmptySection.tsx
-var import_link = __toESM(require("next/link"), 1);
-var import_jsx_runtime34 = require("react/jsx-runtime");
-function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-      "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__ */ (0, import_jsx_runtime34.jsx)(import_link.default, { href: homeHref, style: { color: "inherit" }, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { ...eyebrowKey ? { "data-ohw-editable": "text", "data-ohw-key": eyebrowKey } : {}, children: "Home" }) })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-      "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__ */ (0, import_jsx_runtime34.jsx)(
-      "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."
-      }
-    )
-  ] });
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AI_DEFAULT_BRAND,
@@ -23763,7 +23654,6 @@ function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-  EmptySection,
   ItemActionToolbar,
   ItemInteractionLayer,
   LinkEditorPanel,