@ohhwells/bridge 0.1.79 → 0.1.80-next.244

package/dist/index.js

@@ -69,6 +69,7 @@ function isRenderableTree(value) {
 
 // src/lib/ai-sections-store.ts
 var AI_SECTIONS_KEY = "__ohw_ai_sections";
+var AI_SLOT_KEY_PREFIX = "ai.";
 var EMPTY_AI_SECTIONS = { v: 1, sections: [] };
 function parseAiSectionsState(raw) {
   if (!raw) return EMPTY_AI_SECTIONS;
@@ -112,6 +113,63 @@ function applyTreeToState(state, payload) {
   const others = state.sections.filter((existing) => existing.id !== entry.id);
   return { ...state, v: 1, sections: [...others, entry] };
 }
+function foldAlignIntoTrees(state, store) {
+  const byId = new Map(state.sections.map((entry) => [entry.id, entry]));
+  const nextTrees = /* @__PURE__ */ new Map();
+  const treeFor = (id) => {
+    const cloned = nextTrees.get(id);
+    if (cloned) return cloned;
+    const entry = byId.get(id);
+    if (!entry) return void 0;
+    const fresh = {
+      ...entry.tree,
+      rows: entry.tree.rows.map((row) => ({ ...row, blocks: row.blocks.map((block) => ({ ...block })) }))
+    };
+    nextTrees.set(id, fresh);
+    return fresh;
+  };
+  const nodes = {};
+  for (const [key, override] of Object.entries(store.nodes)) {
+    const match = override.align !== void 0 && key.startsWith(AI_SLOT_KEY_PREFIX) ? key.match(/^ai\.(.+?)\.r(\d+)\.b(\d+)(?:\.|$)/) : null;
+    const tree = match ? treeFor(match[1]) : void 0;
+    const block = match && tree ? tree.rows[Number(match[2])]?.blocks[Number(match[3])] : void 0;
+    if (!block) {
+      nodes[key] = override;
+      continue;
+    }
+    block.align = override.align;
+    const rest = { ...override };
+    delete rest.align;
+    if (Object.keys(rest).length > 0) nodes[key] = rest;
+  }
+  const sections = {};
+  for (const [sectionId, override] of Object.entries(store.sections)) {
+    const tree = override.align !== void 0 ? treeFor(sectionId) : void 0;
+    if (!tree) {
+      sections[sectionId] = override;
+      continue;
+    }
+    for (const row of tree.rows) {
+      for (const block of row.blocks) block.align = override.align;
+    }
+    const rest = { ...override };
+    delete rest.align;
+    if (Object.keys(rest).length > 0) sections[sectionId] = rest;
+  }
+  if (nextTrees.size === 0) return { state, store, changed: false };
+  return {
+    state: {
+      ...state,
+      v: 1,
+      sections: state.sections.map((entry) => {
+        const tree = nextTrees.get(entry.id);
+        return tree ? { ...entry, tree } : entry;
+      })
+    },
+    store: { v: 1, sections, nodes },
+    changed: true
+  };
+}
 function removeFromState(state, id) {
   return { ...state, v: 1, sections: state.sections.filter((entry) => entry.id !== id) };
 }
@@ -304,6 +362,9 @@ function styleSheetCss() {
       `[data-ohw-style-spacing="${spacing}"] { padding-top: ${px}px !important; padding-bottom: ${px}px !important; }`
     );
   }
+  for (const align of ["left", "center", "right"]) {
+    rules.push(`[data-ohw-style-align="${align}"] { text-align: ${align} !important; }`);
+  }
   return rules.join("\n");
 }
 var STYLE_FONT_LINK_ID = "ohw-style-fonts";
@@ -330,13 +391,29 @@ var SECTION_ATTRS = {
   textDistribution: "data-ohw-style-distribution",
   headlineScale: "data-ohw-style-headline",
   imageAspect: "data-ohw-style-aspect",
-  spacing: "data-ohw-style-spacing"
+  spacing: "data-ohw-style-spacing",
+  align: "data-ohw-style-align"
 };
 var NODE_WROTE_ATTR = "data-ohw-style-node";
-var NODE_PROPS = ["color", "font-family", "font-size", "background"];
+var NODE_PROPS = [
+  "color",
+  "font-family",
+  "font-size",
+  "background",
+  "text-align",
+  "justify-content",
+  "align-items"
+];
+var ALIGN_JUSTIFY = {
+  left: "flex-start",
+  center: "center",
+  right: "flex-end"
+};
 function saveInline(el, prop) {
   const attr = `data-ohw-style-prev-${prop}`;
-  if (!el.hasAttribute(attr)) el.setAttribute(attr, el.style.getPropertyValue(prop));
+  if (el.hasAttribute(attr)) return;
+  const value = el.style.getPropertyValue(prop) || (prop === "background" ? el.style.getPropertyValue("background-color") : "");
+  el.setAttribute(attr, value);
 }
 function restoreInline(el, prop) {
   const attr = `data-ohw-style-prev-${prop}`;
@@ -375,6 +452,13 @@ function clearNodeProps(root) {
 function buttonSurfaceOf(el) {
   return el.closest("a, button") ?? el;
 }
+function alignSubjectOf(el) {
+  const button = el.closest('[data-ohw-role="button"]');
+  return button?.parentElement ?? el;
+}
+function horizontalFlexProp(el) {
+  return getComputedStyle(el).flexDirection.startsWith("column") ? "align-items" : "justify-content";
+}
 function applyStylesToDom(store) {
   ensureStyleSheet();
   clearSectionAttrs(document);
@@ -387,7 +471,8 @@ function applyStylesToDom(store) {
     const sections = document.querySelectorAll(
       `[data-ohw-section="${CSS.escape(sectionId)}"]`
     );
-    for (const section of Array.from(sections)) {
+    for (const marker of Array.from(sections)) {
+      const section = marker.querySelector(":scope > [data-ai-section]") ?? marker;
       for (const [prop, attr] of Object.entries(SECTION_ATTRS)) {
         const value = override[prop];
         if (value === void 0) continue;
@@ -419,6 +504,15 @@ function applyStylesToDom(store) {
         el.style.setProperty("font-size", `${override.fontSize}px`, "important");
         el.setAttribute(NODE_WROTE_ATTR, "");
       }
+      if (override.align !== void 0) {
+        const subject = alignSubjectOf(el);
+        const flexProp = horizontalFlexProp(subject);
+        saveInline(subject, "text-align");
+        saveInline(subject, flexProp);
+        subject.style.setProperty("text-align", override.align, "important");
+        subject.style.setProperty(flexProp, ALIGN_JUSTIFY[override.align] ?? "flex-start", "important");
+        subject.setAttribute(NODE_WROTE_ATTR, "");
+      }
       if (override.buttonBackground !== void 0 || override.buttonText !== void 0) {
         const surface = buttonSurfaceOf(el);
         if (override.buttonBackground !== void 0) {
@@ -469,8 +563,6 @@ var AI_MOBILE_CSS = [
   // Group containers flatten to a column on phones; span placements come along for free.
   "[data-ai-group]{display:flex !important;flex-direction:column !important}",
   "[data-ai-group] > *{grid-column:auto !important}",
-  // The 50:50 form collapses to a single stacked column on phones.
-  "[data-ai-form]{grid-template-columns:1fr !important}",
   "[data-ai-section] img{max-width:100%}",
   "}",
   "@media (min-width: 769px) and (max-width: 1024px){",
@@ -516,6 +608,22 @@ 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,
@@ -528,13 +636,17 @@ 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 && !isIcon ? { "data-ohw-key": ctx.keyFor(editPath), "data-ohw-editable": "image" } : {};
+  const editAttrs = ctx.keyFor && editPath ? {
+    "data-ohw-key": ctx.keyFor(editPath),
+    "data-ohw-editable": isIcon ? "icon" : "image"
+  } : {};
   if (isIcon) {
     const Icon = refValue.startsWith("lucide:") ? lucideByName(refValue.slice(7)) : null;
     return /* @__PURE__ */ jsx(
       "span",
       {
         "data-ai-icon": refValue,
+        ...editAttrs,
         style: {
           display: "inline-flex",
           width: 48,
@@ -629,7 +741,7 @@ function TextBlock({ slots, ctx, path }) {
 }
 function SectionHeaderBlock({ node, ctx, path }) {
   const slots = node.slots ?? {};
-  const align = slots.alignment === "center" ? "center" : "left";
+  const align = node.align ?? (slots.alignment === "center" ? "center" : "left");
   const children = node.children ?? [];
   const buttonRowIdx = children.findIndex((c) => c.type === "button-row");
   const buttonRow = buttonRowIdx >= 0 ? children[buttonRowIdx] : void 0;
@@ -673,7 +785,7 @@ function SectionHeaderBlock({ node, ctx, path }) {
           display: "flex",
           gap: AI_TREE_TOKENS.spacing6,
           marginTop: AI_TREE_TOKENS.spacing8,
-          justifyContent: align === "center" ? "center" : "flex-start"
+          justifyContent: align === "center" ? "center" : align === "right" ? "flex-end" : "flex-start"
         },
         children: (buttonRow.children ?? []).map((button, i) => /* @__PURE__ */ jsx(
           ButtonEl,
@@ -1006,7 +1118,7 @@ function CardBlock({ node, ctx, path }) {
       editPath: `${path}.media`
     }
   ) : null;
-  const centered = slots.alignment === "center";
+  const centered = (node.align ?? slots.alignment) === "center";
   const content = /* @__PURE__ */ jsxs(
     "div",
     {
@@ -1420,7 +1532,7 @@ function CollectionBlock({ node, ctx, path }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      "data-ai-grid": "",
+      "data-ai-grid": String(itemsPerRow),
       style: {
         display: "grid",
         gridTemplateColumns: `repeat(${itemsPerRow}, 1fr)`,
@@ -1567,9 +1679,9 @@ function renderNode(node, ctx, path) {
       const fieldStyle = {
         width: "100%",
         boxSizing: "border-box",
-        border: `1px solid ${ctx.brand.palette.accent}`,
-        borderRadius: AI_TREE_TOKENS.radiusButton,
-        padding: "12px 14px",
+        border: `1px solid color-mix(in srgb, ${ctx.brand.palette.dark} 45%, #ffffff)`,
+        borderRadius: 0,
+        padding: 12,
         background: "#fff",
         color: ctx.brand.palette.dark,
         outline: "none",
@@ -1577,81 +1689,90 @@ function renderNode(node, ctx, path) {
       };
       const labelStyle = {
         ...typeStyle(AI_TREE_TOKENS.type.bodyMBold, ctx.brand.fonts.body),
-        color: ctx.brand.palette.dark
+        color: ctx.brand.palette.dark,
+        textAlign: "left",
+        width: "100%"
       };
-      return /* @__PURE__ */ jsx(
-        "form",
-        {
-          ...formAttrs,
-          "data-ai-form": "",
-          style: {
-            display: "grid",
-            gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
-            columnGap: 64,
-            rowGap: AI_TREE_TOKENS.spacing4
-          },
-          children: (node.children ?? []).map((child, i) => {
-            if (child.type === "input") {
-              const cs2 = child.slots ?? {};
-              const kind = str(cs2.kind);
-              const label = str(cs2.label);
-              const placeholder = str(cs2.placeholder);
-              const name = label.toLowerCase().replace(/[^a-z0-9]+/gu, "-").replace(/^-+|-+$/gu, "") || `field-${i}`;
-              const isTextarea = kind === "textarea";
-              return /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    flexDirection: "column",
-                    gap: 8,
-                    ...isTextarea ? { gridColumn: "1 / -1", maxWidth: 780 } : {}
+      const centered = ctx.sectionAlignment === "center";
+      const submitAlign = centered ? "center" : "flex-start";
+      const children = node.children ?? [];
+      return (
+        // 32px between the field group and the submit. In a stacked (centered) section the form is
+        // capped at 780px and centered — the section's 12-col grid would otherwise leave it hugging
+        // the left edge; a split section lets it fill its own column.
+        /* @__PURE__ */ jsxs(
+          "form",
+          {
+            ...formAttrs,
+            "data-ai-form": "",
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              gap: 32,
+              width: "100%",
+              ...centered ? { maxWidth: 780, marginLeft: "auto", marginRight: "auto" } : {}
+            },
+            children: [
+              /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: 24, width: "100%", alignItems: "flex-start" }, children: children.map((child, i) => {
+                if (child.type !== "input") return null;
+                const cs = child.slots ?? {};
+                const kind = str(cs.kind);
+                const label = str(cs.label);
+                const placeholder = str(cs.placeholder);
+                const required = cs.required === true;
+                const name = label.toLowerCase().replace(/[^a-z0-9]+/gu, "-").replace(/^-+|-+$/gu, "") || `field-${i}`;
+                const isTextarea = kind === "textarea";
+                return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8, width: "100%" }, children: [
+                  /* @__PURE__ */ jsx("label", { ...textAttrs(ctx, `${path}.c${i}.label`), style: labelStyle, children: label }),
+                  isTextarea ? /* @__PURE__ */ jsx(
+                    "textarea",
+                    {
+                      name,
+                      placeholder,
+                      required,
+                      style: { ...fieldStyle, height: 180, resize: "vertical" }
+                    }
+                  ) : /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      name,
+                      type: kind === "email" ? "email" : "text",
+                      placeholder,
+                      required,
+                      style: { ...fieldStyle, height: 48 }
+                    }
+                  )
+                ] }, i);
+              }) }),
+              children.map((child, i) => {
+                if (child.type === "input") return null;
+                const cs = child.slots ?? {};
+                return /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "submit",
+                    style: {
+                      alignSelf: submitAlign,
+                      border: "none",
+                      cursor: "pointer",
+                      padding: "12px 24px",
+                      // Corner radius follows the host template's own buttons (measured from a template
+                      // CTA); 8px only when the page has no template button to match.
+                      borderRadius: ctx.buttonRadius ?? 8,
+                      // Brand-styled: primary fill, brand-derived label colour (not a fixed token) so it
+                      // reads correctly on custom palettes.
+                      background: ctx.brand.palette.primary,
+                      color: ctx.buttonLabel ?? ctx.brand.palette.light,
+                      ...typeStyle(AI_TREE_TOKENS.type.button, ctx.brand.fonts.body)
+                    },
+                    children: /* @__PURE__ */ jsx("span", { ...textAttrs(ctx, `${path}.c${i}.label`), children: str(cs.label) })
                   },
-                  children: [
-                    /* @__PURE__ */ jsx("label", { ...textAttrs(ctx, `${path}.c${i}.label`), style: labelStyle, children: label }),
-                    isTextarea ? /* @__PURE__ */ jsx(
-                      "textarea",
-                      {
-                        name,
-                        placeholder,
-                        style: { ...fieldStyle, height: 140, resize: "vertical" }
-                      }
-                    ) : /* @__PURE__ */ jsx(
-                      "input",
-                      {
-                        name,
-                        type: kind === "email" ? "email" : "text",
-                        placeholder,
-                        style: { ...fieldStyle, height: 48 }
-                      }
-                    )
-                  ]
-                },
-                i
-              );
-            }
-            const cs = child.slots ?? {};
-            return /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "submit",
-                style: {
-                  gridColumn: "1 / -1",
-                  justifySelf: "start",
-                  border: "none",
-                  cursor: "pointer",
-                  padding: `${AI_TREE_TOKENS.spacing3}px ${AI_TREE_TOKENS.spacing6}px`,
-                  borderRadius: AI_TREE_TOKENS.radiusButton,
-                  background: ctx.brand.palette.primary,
-                  color: AI_TREE_TOKENS.textPrimaryForeground,
-                  ...typeStyle(AI_TREE_TOKENS.type.button, ctx.brand.fonts.body)
-                },
-                children: /* @__PURE__ */ jsx("span", { ...textAttrs(ctx, `${path}.c${i}.label`), children: str(cs.label) })
-              },
-              i
-            );
-          })
-        }
+                  i
+                );
+              })
+            ]
+          }
+        )
       );
     }
     case "schedule-widget":
@@ -1674,7 +1795,13 @@ function renderNode(node, ctx, path) {
       return null;
   }
 }
-function AiTreeRenderer({ tree, brand, resolveMedia, editKeyPrefix }) {
+function AiTreeRenderer({
+  tree,
+  brand,
+  buttonRadius,
+  resolveMedia,
+  editKeyPrefix
+}) {
   if (!isRenderableTree(tree)) {
     return null;
   }
@@ -1686,6 +1813,8 @@ function AiTreeRenderer({ tree, brand, resolveMedia, editKeyPrefix }) {
     resolveMedia: resolveMedia ?? (() => null),
     cardSurface: blockBrand.palette.light.toUpperCase() === AI_DEFAULT_BRAND.palette.light.toUpperCase() ? "#ECECEB" : `color-mix(in srgb, ${blockBrand.palette.light} 90%, ${blockBrand.palette.dark})`,
     keyFor: editKeyPrefix ? (path) => `${editKeyPrefix}.${path}` : null,
+    sectionAlignment: (tree.settings ?? {}).alignment === "center" ? "center" : "left",
+    buttonRadius,
     ...band ? { buttonLabel: band.buttonLabel } : {}
   };
   const settings = tree.settings ?? {};
@@ -1708,11 +1837,25 @@ function AiTreeRenderer({ tree, brand, resolveMedia, editKeyPrefix }) {
     }
   })();
   const distributed = !isOverlay && settings.textDistribution;
+  const rowAlignItems = (rowAlign) => {
+    if (rowAlign === "top") return "start";
+    if (rowAlign === "bottom") return "end";
+    if (rowAlign === "center" || rowAlign === "stretch") return rowAlign;
+    if (distributed === "space-between") return "stretch";
+    return (distributed ?? settings.verticalPosition) === "top" ? "start" : "center";
+  };
+  const cellAlignStyle = (blockAlign) => blockAlign ? {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: blockAlign === "left" ? "flex-start" : blockAlign === "right" ? "flex-end" : "center",
+    textAlign: blockAlign
+  } : {};
   return /* @__PURE__ */ jsxs(
     "section",
     {
       "data-ai-section": tree.tag ?? "",
       ...bgAttrs,
+      "data-ai-responsive": "",
       style: {
         position: "relative",
         padding: `${pad}px 0`,
@@ -1723,12 +1866,13 @@ function AiTreeRenderer({ tree, brand, resolveMedia, editKeyPrefix }) {
         color: settings.sectionBackground === "accent" ? blockBrand.palette.dark : void 0
       },
       children: [
-        isOverlay && backgroundUrl && /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0, background: `rgba(255,255,255,${overlayAlpha})` } }),
+        /* @__PURE__ */ jsx("style", { children: AI_RESPONSIVE_CSS }),
         /* @__PURE__ */ jsx("style", { children: AI_MOBILE_CSS }),
+        isOverlay && backgroundUrl && /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0, background: `rgba(255,255,255,${overlayAlpha})` } }),
         /* @__PURE__ */ jsx(
           "div",
           {
-            "data-ai-container": "",
+            "data-ai-section-inner": "",
             style: {
               position: "relative",
               maxWidth: AI_TREE_TOKENS.sectionMaxWidth,
@@ -1739,12 +1883,12 @@ function AiTreeRenderer({ tree, brand, resolveMedia, editKeyPrefix }) {
             children: tree.rows.map((row, r2) => /* @__PURE__ */ jsx(
               "div",
               {
-                "data-ai-row": "",
+                "data-ai-columns": "",
                 style: {
                   display: "grid",
                   gridTemplateColumns: "repeat(12, 1fr)",
                   gap: AI_TREE_TOKENS.spacing6,
-                  alignItems: distributed === "space-between" ? "stretch" : (distributed ?? settings.verticalPosition) === "top" ? "start" : "center",
+                  alignItems: rowAlignItems(row.align),
                   marginTop: r2 > 0 ? AI_TREE_TOKENS.spacing8 : 0
                 },
                 children: (row.blocks ?? []).map((block, b) => /* @__PURE__ */ jsx(
@@ -1754,6 +1898,8 @@ function AiTreeRenderer({ tree, brand, resolveMedia, editKeyPrefix }) {
                     style: {
                       gridColumn: `span ${Math.min(12, Math.max(1, block.span))}`,
                       minWidth: 0,
+                      // Horizontal placement of the block's content within its column.
+                      ...cellAlignStyle(block.align),
                       // space-between: each column becomes a flex column whose content spreads over
                       // the full row height instead of clumping at the top.
                       ...distributed === "space-between" ? { display: "flex", flexDirection: "column", justifyContent: "space-between" } : {}
@@ -1815,6 +1961,13 @@ function deriveTemplateBrand() {
     }
   };
 }
+function deriveTemplateButtonRadius() {
+  if (typeof document === "undefined") return null;
+  const btn = document.querySelector('[data-ohw-role="button"]');
+  if (!btn) return null;
+  const radius = getComputedStyle(btn).borderTopLeftRadius;
+  return radius || null;
+}
 var mounted = /* @__PURE__ */ new Map();
 function findTemplateSection(id) {
   for (const el of document.querySelectorAll(`[data-ohw-section="${CSS.escape(id)}"]`)) {
@@ -1966,6 +2119,7 @@ function applyAiSectionsToDom(state, options) {
   if (typeof document === "undefined") return;
   const brandOverride = deriveBrandOverride();
   const templateBrand = deriveTemplateBrand();
+  const templateButtonRadius = deriveTemplateButtonRadius();
   const brandKey = brandOverride ? JSON.stringify(brandOverride) : "";
   const pagePath = window.location.pathname;
   const pageSections = state.sections.filter((entry) => (entry.path ?? "/") === pagePath);
@@ -2005,6 +2159,7 @@ function applyAiSectionsToDom(state, options) {
           {
             tree: entry.tree,
             brand: brandOverride ?? entry.brand ?? options?.brand ?? templateBrand ?? void 0,
+            buttonRadius: templateButtonRadius,
             resolveMedia,
             editKeyPrefix: `ai.${entry.id}`
           }
@@ -2153,6 +2308,7 @@ function EmailCaptureModal({ title, subtitle, onSubmit, onClose }) {
     /* @__PURE__ */ jsx3(
       Dialog.Overlay,
       {
+        "data-ohw-scheduling-modal": "",
         className: "fixed inset-0 z-50",
         style: { background: "rgba(0,0,0,0.45)" }
       }
@@ -2160,6 +2316,7 @@ function EmailCaptureModal({ title, subtitle, onSubmit, onClose }) {
     /* @__PURE__ */ jsxs2(
       Dialog.Content,
       {
+        "data-ohw-scheduling-modal": "",
         className: "fixed left-1/2 top-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 bg-white rounded-xl shadow-xl outline-none font-body box-border overflow-hidden",
         style: { maxWidth: 400 },
         children: [
@@ -2633,7 +2790,7 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
   const autoId = useId();
   const insertAfter = insertAfterProp ?? autoId;
   const [schedule, setSchedule] = useState2(null);
-  const [loading, setLoading] = useState2(true);
+  const [loading, setLoading] = useState2(initialScheduleId !== null);
   const [inEditor, setInEditor] = useState2(false);
   const [isHovered, setIsHovered] = useState2(false);
   const [modalState, setModalState] = useState2(null);
@@ -2807,8 +2964,10 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
       "*"
     );
   };
-  if (!inEditor && !loading && !schedule) return null;
   const sectionId = `scheduling-${insertAfter}`;
+  if (!inEditor && !loading && !schedule) {
+    return /* @__PURE__ */ jsx4("section", { "data-ohw-section": sectionId, "data-ohw-scheduling-anchor": insertAfter, style: { display: "none" } });
+  }
   return /* @__PURE__ */ jsxs3(
     "section",
     {
@@ -7749,6 +7908,7 @@ 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",
@@ -7878,17 +8038,17 @@ function MediaOverlay({
               },
               children: [
                 isVideo ? /* @__PURE__ */ jsx15(Film, { size: 14 }) : /* @__PURE__ */ jsx15(ImageIcon, { size: 14 }),
-                isVideo ? "Replace video" : "Replace image"
+                replaceLabel
               ]
             }
           ),
-          replaceMode === "none" ? null : /* @__PURE__ */ jsxs7(
+          showChrome && replaceMode !== "none" && /* @__PURE__ */ jsxs7(
             Button,
             {
               "data-ohw-media-overlay": "",
               variant: "outline",
               size: "sm",
-              "aria-label": isVideo ? "Replace video" : "Replace image",
+              "aria-label": replaceLabel,
               className: "gap-1.5 cursor-pointer hover:bg-background",
               style: {
                 ...OVERLAY_BUTTON_STYLE,
@@ -7911,7 +8071,7 @@ function MediaOverlay({
               },
               children: [
                 isVideo ? /* @__PURE__ */ jsx15(Film, { size: 14 }) : /* @__PURE__ */ jsx15(ImageIcon, { size: 14 }),
-                replaceMode === "full" ? isVideo ? "Replace video" : hover.elementType === "bg-image" ? "Replace background" : "Replace image" : null
+                replaceMode === "full" ? replaceLabel : null
               ]
             }
           )
@@ -12855,6 +13015,7 @@ 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");
@@ -14789,21 +14950,10 @@ function parseSchedulingInsertAfter(insertAfter) {
     insertBefore: insertAfter.slice(idx + INSERT_BEFORE_MARKER.length)
   };
 }
-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 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 schedulingMountDepth(insertAfter) {
   if (!insertAfter.includes(INSERT_BEFORE_MARKER)) return 0;
@@ -14820,8 +14970,7 @@ function getPageSchedulingEntries(raw) {
   }
 }
 function isSchedulingWidgetMissing(entry) {
-  const { effectiveInsertAfter } = resolveSchedulingInsert(entry.insertAfter);
-  return !document.querySelector(`[data-ohw-section="${schedulingSectionId(effectiveInsertAfter)}"]`);
+  return !document.querySelector(`[data-ohw-section="${schedulingSectionId(entry.insertAfter)}"]`);
 }
 function hasMissingSchedulingWidgets(entries) {
   return entries.some(isSchedulingWidgetMissing);
@@ -14851,16 +15000,17 @@ function initSectionsFromContent(content, removeExisting = false) {
   } catch {
   }
 }
-function mountSchedulingWidget(insertAfter, notifyOnConnect = false, scheduleId, explicitInsertBefore) {
-  const { effectiveInsertAfter, insertBefore } = resolveSchedulingInsert(insertAfter, explicitInsertBefore);
-  const sectionId = schedulingSectionId(effectiveInsertAfter);
+function mountSchedulingWidget(anchorId, notifyOnConnect = false, scheduleId, beforeId, existingWidgetId) {
+  const widgetId = existingWidgetId ?? (beforeId ? `${anchorId}${INSERT_BEFORE_MARKER}${beforeId}` : anchorId);
+  const sectionId = schedulingSectionId(widgetId);
   if (document.querySelector(`[data-ohw-section="${sectionId}"]`)) return false;
-  const mountPoint = getSchedulingMountPoint(effectiveInsertAfter);
-  if (!mountPoint) 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 container = document.createElement("div");
   container.dataset.ohwSectionContainer = "scheduling";
-  if (insertBefore) {
-    const beforeAnchor = document.querySelector(`[data-ohw-section="${insertBefore}"]`);
+  if (beforeId) {
+    const beforeAnchor = document.querySelector(`[data-ohw-section="${beforeId}"]`);
     const beforePoint = beforeAnchor?.closest('[data-ohw-section-container="scheduling"]') ?? beforeAnchor;
     if (!beforePoint) return false;
     beforePoint.insertAdjacentElement("beforebegin", container);
@@ -14871,19 +15021,25 @@ function mountSchedulingWidget(insertAfter, notifyOnConnect = false, scheduleId,
     }
     tail.insertAdjacentElement("afterend", container);
   }
-  const root = createRoot2(container);
-  flushSync2(() => {
-    root.render(
-      /* @__PURE__ */ jsx33(
-        SchedulingWidget,
-        {
-          notifyOnConnect,
-          initialScheduleId: scheduleId,
-          insertAfter: effectiveInsertAfter
-        }
-      )
-    );
-  });
+  try {
+    const root = createRoot2(container);
+    flushSync2(() => {
+      root.render(
+        /* @__PURE__ */ jsx33(
+          SchedulingWidget,
+          {
+            notifyOnConnect,
+            initialScheduleId: scheduleId,
+            insertAfter: widgetId
+          }
+        )
+      );
+    });
+  } catch (err) {
+    console.error("[ow:scheduling] render threw", err);
+    container.remove();
+    return false;
+  }
   const tracker = getSectionsTracker();
   let sections = [];
   try {
@@ -14891,10 +15047,12 @@ function mountSchedulingWidget(insertAfter, notifyOnConnect = false, scheduleId,
   } catch {
   }
   const inEditor = typeof window !== "undefined" && window.self !== window.top;
-  if (inEditor && !sections.find((s) => s.type === "scheduling" && s.insertAfter === effectiveInsertAfter)) {
+  if (inEditor && !sections.find((s) => s.type === "scheduling" && s.insertAfter === widgetId)) {
     sections.push({
       type: "scheduling",
-      insertAfter: effectiveInsertAfter,
+      insertAfter: widgetId,
+      anchorId,
+      beforeId: beforeId ?? null,
       pagePath: window.location.pathname,
       ...scheduleId ? { scheduleId } : {}
     });
@@ -14908,7 +15066,8 @@ 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;
-      if (mountSchedulingWidget(entry.insertAfter, shouldNotify, entry.scheduleId)) {
+      const { anchorId, beforeId } = resolveEntryAnchor(entry);
+      if (mountSchedulingWidget(anchorId, shouldNotify, entry.scheduleId ?? null, beforeId, entry.insertAfter)) {
         pending.splice(i, 1);
       }
     }
@@ -15066,6 +15225,11 @@ 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]"));
 }
@@ -15073,11 +15237,6 @@ 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]");
@@ -15336,7 +15495,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") || isFooterLinksContainer(el)) {
+  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)) {
     return getNavigationRoot(el);
   }
   return null;
@@ -15551,7 +15710,6 @@ 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;
@@ -15931,6 +16089,8 @@ function StateToggle({
   );
 }
 var contentCache = /* @__PURE__ */ new Map();
+var fetchedContentPaths = /* @__PURE__ */ new Set();
+var brandingCache = /* @__PURE__ */ new Map();
 var OHW_LOADER_STYLE = {
   position: "fixed",
   inset: 0,
@@ -15968,6 +16128,89 @@ function OhwLoaderSpinner() {
     )
   ] });
 }
+function OhwBrandMark() {
+  return /* @__PURE__ */ jsxs20(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 48 48",
+      fill: "none",
+      "aria-hidden": true,
+      style: { display: "block", flexShrink: 0 },
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx33(
+          "mask",
+          {
+            id: "ohw-badge-mark",
+            style: { maskType: "luminance" },
+            maskUnits: "userSpaceOnUse",
+            x: "0",
+            y: "0",
+            width: "48",
+            height: "48",
+            children: /* @__PURE__ */ jsx33("path", { d: "M23.8741 48C37.0594 48 47.7481 37.2548 47.7481 24C47.7481 10.7452 37.0594 0 23.8741 0C10.6888 0 0 10.7452 0 24C0 37.2548 10.6888 48 23.8741 48Z", fill: "white" })
+          }
+        ),
+        /* @__PURE__ */ jsxs20("g", { mask: "url(#ohw-badge-mark)", children: [
+          /* @__PURE__ */ jsx33("path", { d: "M23.8731 48.0497C37.0584 48.0497 47.7472 37.3046 47.7472 24.0497C47.7472 10.7949 37.0584 0.0497208 23.8731 0.0497208C10.6878 0.0497208 -0.000976562 10.7949 -0.000976562 24.0497C-0.000976562 37.3046 10.6878 48.0497 23.8731 48.0497Z", fill: "#0078E5" }),
+          /* @__PURE__ */ jsx33("path", { d: "M17.1307 14.7172C13.1687 14.7172 9.38102 18.1154 8.65114 22.34C8.38885 23.8488 8.5598 25.2581 9.06929 26.4451C6.20005 29.1677 1.77216 27.8721 -1.40212 26.1536C-2.73618 25.4317 -3.92695 27.4745 -2.59037 28.1981C1.33389 30.3226 6.86037 31.6621 10.4402 28.4188C11.4718 29.3859 12.867 29.9621 14.4894 29.9621C18.4161 29.9621 22.2038 26.5318 22.9337 22.34C23.6636 18.1162 21.0566 14.7172 17.1298 14.7172H17.1307ZM19.9798 22.34C19.5281 25.0399 17.2689 27.231 14.9754 27.231C12.6466 27.231 11.1877 25.0399 11.6394 22.34C12.1262 19.6401 14.3151 17.4482 16.6438 17.4482C18.9374 17.4482 20.4667 19.6401 19.9798 22.34Z", fill: "white" }),
+          /* @__PURE__ */ jsx33("path", { d: "M40.0017 27.0262C39.1797 27.081 38.2721 26.995 37.4668 26.7415C37.3344 26.6993 37.28 26.5401 37.3529 26.4205C37.5959 26.0212 37.8255 25.6152 38.009 25.1889C38.1071 24.9918 38.2018 24.793 38.2897 24.5908C38.3274 24.5041 38.4163 24.451 38.5101 24.4619C38.63 24.4754 38.7054 24.4821 38.8881 24.4821L39.1529 24.4796L39.8283 24.4543C45.9229 24.0492 50.4765 20.4319 54.8466 16.9014C56.0172 15.9554 57.6932 17.6208 56.5116 18.5752C51.7687 22.4065 47.1966 26.5081 40.9319 26.9689", fill: "white" }),
+          /* @__PURE__ */ jsx33("path", { d: "M37.9687 24.27C38.4472 23.1319 38.7656 21.9045 38.9609 20.6991C39.5927 16.76 38.5058 14.2193 36.1553 14.2193C34.1835 14.2193 33.1469 17.2427 32.9199 18.8694C32.743 19.9872 32.5914 22.1219 33.6028 23.9524C33.7553 24.259 34.15 24.7712 34.471 25.1259C34.5447 25.2067 34.6746 25.2 34.7349 25.1082C34.9528 24.7788 35.1615 24.4039 35.3584 24.0257C35.5444 23.6677 35.5888 23.6138 35.8587 23.0207C35.8838 22.966 35.8813 22.9002 35.8478 22.8505C35.5888 22.4597 35.2168 21.9787 35.1204 21.4614C34.9184 20.4455 34.9436 19.2257 35.2218 18.1078C35.4413 17.3118 35.7195 16.7844 35.9039 16.5106C35.9466 16.4466 36.0279 16.4129 36.0975 16.4449C36.369 16.5671 36.5827 16.8838 36.7385 17.396C37.0167 18.2089 37.0167 19.3782 36.814 20.6999C36.6991 21.5271 36.4771 22.3729 36.1746 23.1673C36.1293 23.308 36.0757 23.4461 36.0187 23.5826C36.0187 23.5868 36.0187 23.591 36.0187 23.5961C35.9911 23.6946 35.9207 23.8067 35.8846 23.901C35.5536 24.5497 35.2344 25.1697 34.8439 25.7838C34.8388 25.7863 34.8346 25.7914 34.8296 25.7931C34.6528 26.0525 34.4718 26.2901 34.2866 26.4965C34.2774 26.5099 34.2682 26.5234 34.2589 26.5369C34.2405 26.5638 34.2179 26.5815 34.1944 26.595C33.5064 27.3212 32.7665 27.6893 32.0123 27.6893C31.8606 27.6893 31.6838 27.664 31.507 27.4349C31.3042 27.1299 30.85 26.0879 31.2539 22.9112C31.4785 21.3949 31.8011 20.0268 31.931 19.5408C31.9579 19.4413 31.8908 19.3419 31.7886 19.3293L30.0062 19.1162C29.9241 19.1061 29.8478 19.1566 29.8252 19.2366C29.2704 21.1615 27.0305 27.6885 24.9599 27.6885C24.328 27.6885 24.1512 26.6211 24.1001 26.2909C23.775 23.6264 25.528 18.5492 29.5302 16.2267C29.6048 16.1838 29.635 16.0928 29.5998 16.0136L28.9042 14.467C28.8632 14.3752 28.7501 14.3389 28.6638 14.3886C25.8079 16.0414 24.1847 18.5231 23.2915 20.3436C22.2046 22.5793 21.6993 25.0189 21.9515 26.8738C22.1795 28.7794 23.1398 29.872 24.6054 29.872C26.0543 29.872 27.4369 28.9066 28.7098 27.0187C28.7953 26.8915 28.9889 26.9311 29.0149 27.0819C29.2646 28.5283 29.9811 29.872 31.6579 29.872C33.5282 29.872 35.3232 28.7288 36.7134 26.6447C36.7712 26.5874 36.7972 26.5411 36.8181 26.4906C36.8232 26.4931 36.8282 26.4948 36.8332 26.4973C37.01 26.2025 37.181 25.9051 37.3444 25.6027C37.4508 25.4005 37.5572 25.1992 37.6586 24.9945C37.7181 24.874 37.7743 24.7527 37.8262 24.6289C37.838 24.6002 37.8547 24.5665 37.8706 24.5337", fill: "white" }),
+          /* @__PURE__ */ jsx33("path", { d: "M30.5839 31.6397C25.7546 34.8577 19.4773 34.7853 14.6907 31.5243C13.5368 30.7384 12.5044 32.6498 13.6474 33.4281C19.034 37.0985 26.3077 37.096 31.7218 33.488C32.8791 32.7172 31.7478 30.8639 30.5839 31.6397Z", fill: "white" })
+        ] })
+      ]
+    }
+  );
+}
+var OHW_BADGE_STYLE = {
+  position: "fixed",
+  left: 20,
+  bottom: 20,
+  zIndex: 2147483e3,
+  boxSizing: "border-box",
+  display: "inline-flex",
+  alignItems: "center",
+  gap: 0,
+  padding: "6px 8px",
+  margin: 0,
+  background: "#ffffff",
+  border: "1px solid #e7e5e4",
+  borderRadius: 9999,
+  boxShadow: "0 1px 3px rgba(0, 0, 0, 0.1)",
+  color: "#0c0a09",
+  textDecoration: "none",
+  fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif"
+};
+var OHW_BADGE_LABEL_STYLE = {
+  padding: "0 4px",
+  fontSize: 14,
+  lineHeight: "24px",
+  fontWeight: 500,
+  fontStyle: "normal",
+  letterSpacing: "normal",
+  textTransform: "none",
+  color: "#0c0a09",
+  whiteSpace: "nowrap"
+};
+function MadeWithOhhWells() {
+  return /* @__PURE__ */ jsxs20(
+    "a",
+    {
+      href: "https://ohhwells.com",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      "aria-label": "Made with OhhWells",
+      "data-ohw-badge": "",
+      style: OHW_BADGE_STYLE,
+      children: [
+        /* @__PURE__ */ jsx33(OhwBrandMark, {}),
+        /* @__PURE__ */ jsx33("span", { style: OHW_BADGE_LABEL_STYLE, children: "Made with OhhWells" })
+      ]
+    }
+  );
+}
 var OHW_LOADER_PREHYDRATE_SCRIPT = `(function(){try{var p=location.hostname.split(".");var fromHost=p.length>=3&&p[0]!=="www"?p[0]:"";var fromQuery=new URLSearchParams(location.search).get("subdomain")||"";if(!fromHost&&!fromQuery)return;var e=document.getElementById("ohw-loader");if(e)e.style.display="flex"}catch(e){}})();`;
 function resolveSubdomain(subdomainFromQuery) {
   if (subdomainFromQuery) return subdomainFromQuery;
@@ -16027,6 +16270,7 @@ function OhhwellsBridge() {
     }
   }, []);
   const [fetchState, setFetchState] = useState13("idle");
+  const [showBranding, setShowBranding] = useState13(false);
   const autoSaveTimers = useRef10(/* @__PURE__ */ new Map());
   const activeElRef = useRef10(null);
   const pointerHeldRef = useRef10(false);
@@ -16375,13 +16619,6 @@ function OhhwellsBridge() {
   const [isItemDragging, setIsItemDragging] = useState13(false);
   const [isFooterFrameSelection, setIsFooterFrameSelection] = useState13(false);
   isFooterFrameSelectionRef.current = isFooterFrameSelection;
-  const [floatingPanel, setFloatingPanel] = useState13(null);
-  const floatingPanelOpenRef = useRef10(false);
-  floatingPanelOpenRef.current = floatingPanel !== null;
-  const [floatingPanelPos, setFloatingPanelPos] = useState13(null);
-  const [logoSizeDraft, setLogoSizeDraft] = useState13(null);
-  const [editorViewport, setEditorViewport] = useState13("desktop");
-  const [parentScrollSnap, setParentScrollSnap] = useState13(null);
   const [navDropdownPreviewOpen, setNavDropdownPreviewOpen] = useState13(null);
   const [footerHeadingVisible, setFooterHeadingVisible] = useState13(null);
   const footerDragRef = useRef10(null);
@@ -16399,6 +16636,13 @@ function OhhwellsBridge() {
   const brandKitRef = useRef10("");
   const stylesRef = useRef10("");
   const pendingDeleteUndoRef = useRef10(null);
+  const [floatingPanel, setFloatingPanel] = useState13(null);
+  const floatingPanelOpenRef = useRef10(false);
+  const setFloatingPanelRef = useRef10(setFloatingPanel);
+  const [floatingPanelPos, setFloatingPanelPos] = useState13(null);
+  const [logoSizeDraft, setLogoSizeDraft] = useState13(null);
+  const [editorViewport, setEditorViewport] = useState13("desktop");
+  const [parentScrollSnap, setParentScrollSnap] = useState13(null);
   const [sitePages, setSitePages] = useState13([]);
   const [sectionsByPath, setSectionsByPath] = useState13({});
   const sectionsPrefetchGenRef = useRef10(0);
@@ -16407,7 +16651,18 @@ function OhhwellsBridge() {
   const linkPopoverOpenRef = useRef10(false);
   const linkPopoverGraceUntilRef = useRef10(0);
   setLinkPopoverRef.current = setLinkPopover;
+  setFloatingPanelRef.current = setFloatingPanel;
   linkPopoverSessionRef.current = linkPopover;
+  floatingPanelOpenRef.current = Boolean(floatingPanel);
+  useEffect13(() => {
+    const syncViewport = () => {
+      const next = window.innerWidth <= 480 ? "mobile" : "desktop";
+      setEditorViewport((prev) => prev === next ? prev : next);
+    };
+    syncViewport();
+    window.addEventListener("resize", syncViewport);
+    return () => window.removeEventListener("resize", syncViewport);
+  }, []);
   const {
     navDragRef,
     navDropSlots,
@@ -17738,11 +17993,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) => {
@@ -17802,16 +18057,22 @@ function OhhwellsBridge() {
     };
     const cached = contentCache.get(subdomain);
     if (cached) {
+      setShowBranding(brandingCache.get(subdomain) ?? false);
       applyContent(cached).finally(() => setFetchState("done"));
       return;
     }
     let cancelled = false;
     setFetchState("loading");
     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`, { cache: "no-store" }).then((r2) => r2.ok ? r2.json() : null).then((data) => {
+    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) => {
       if (cancelled) return;
       const content = data?.content ?? {};
+      const branding = Boolean(data?.showBranding);
       contentCache.set(subdomain, content);
+      brandingCache.set(subdomain, branding);
+      setShowBranding(branding);
       return applyContent(content);
     }).catch(() => {
     }).finally(() => {
@@ -17944,11 +18205,12 @@ 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 (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) => {
@@ -17994,6 +18256,17 @@ 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 () => {
@@ -18107,25 +18380,13 @@ function OhhwellsBridge() {
     };
     const t1 = setTimeout(measure, 50);
     const t2 = setTimeout(measure, 500);
-    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);
+    const ro = new ResizeObserver(schedule);
+    ro.observe(document.body);
     return () => {
       clearTimeout(t1);
       clearTimeout(t2);
       if (raf != null) cancelAnimationFrame(raf);
-      clearResizeTimers();
-      window.removeEventListener("resize", handleResize);
+      ro.disconnect();
     };
   }, [pathname, isEditMode, postToParent2]);
   useEffect13(() => {
@@ -18371,9 +18632,6 @@ 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(
@@ -18381,6 +18639,9 @@ 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}]`);
@@ -18532,14 +18793,6 @@ 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();
@@ -18566,11 +18819,6 @@ 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();
@@ -18740,6 +18988,9 @@ function OhhwellsBridge() {
         setHoveredItemRect(null);
         hoveredNavContainerRef.current = null;
         setHoveredNavContainerRect(null);
+        siblingHintElRef.current = null;
+        setSiblingHintRect(null);
+        setSiblingHintRects([]);
         return;
       }
       {
@@ -18858,7 +19109,6 @@ function OhhwellsBridge() {
             hoveredNavContainerRef.current = null;
             setHoveredNavContainerRect(null);
             hoveredItemElRef.current = editable;
-            setHoveredItemRect(isSelectedForHoverRef.current(editable) ? null : editable.getBoundingClientRect());
           }
         }
       }
@@ -19155,7 +19405,7 @@ function OhhwellsBridge() {
       }
     };
     const probeImageAt = (clientX, clientY, isDragOver = false, fromParentViewport = false) => {
-      if (linkPopoverOpenRef.current) {
+      if (linkPopoverOpenRef.current || floatingPanelOpenRef.current && isPointOverFloatingPanel(clientX, clientY)) {
         if (hoveredImageRef.current) {
           hoveredImageRef.current = null;
           hoveredImageHasTextOverlapRef.current = false;
@@ -19520,8 +19770,7 @@ function OhhwellsBridge() {
     };
     const handleMouseMove = (e) => {
       const { clientX, clientY } = e;
-      if (pointOwnedByFloatingPanel(clientX, clientY)) return;
-      if (isOverEditorChrome(clientX, clientY)) {
+      if (document.documentElement.hasAttribute("data-ohw-panel-dragging") || floatingPanelOpenRef.current && isPointOverFloatingPanel(clientX, clientY) || isOverEditorChrome(clientX, clientY)) {
         document.querySelectorAll("[data-ohw-hovered]").forEach((el) => el.removeAttribute("data-ohw-hovered"));
         formHoverElRef.current = null;
         setFormHoverRect(null);
@@ -19529,6 +19778,12 @@ 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;
@@ -19540,7 +19795,11 @@ function OhhwellsBridge() {
       if (e.data?.type !== "ow:pointer-sync") return;
       const { clientX, clientY } = e.data;
       if (typeof clientX !== "number" || typeof clientY !== "number") return;
-      if (pointOwnedByFloatingPanel(clientX, clientY)) return;
+      if (document.documentElement.hasAttribute("data-ohw-panel-dragging") || floatingPanelOpenRef.current && isPointOverFloatingPanel(clientX, clientY)) {
+        dismissImageHover();
+        clearImageHover();
+        return;
+      }
       if (probeSocialsRowAt(clientX, clientY)) return;
       probeSectionGapAt(clientX, clientY);
       probeImageAt(clientX, clientY);
@@ -19847,11 +20106,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) => {
@@ -20012,6 +20271,20 @@ function OhhwellsBridge() {
       postAiSectionsChanged();
     };
     window.addEventListener("message", handleAiSetSections);
+    const handleMoveSection = (e) => {
+      if (e.data?.type !== "ow:move-section") return;
+      const instanceId = typeof e.data.instanceId === "string" ? e.data.instanceId : "";
+      const direction = e.data.direction === "up" || e.data.direction === "down" ? e.data.direction : null;
+      if (!instanceId || !direction) return;
+      const entries = moveSectionInstance(instanceId, direction, window.location.pathname);
+      if (!entries) return;
+      const orderJson = JSON.stringify(entries);
+      editContentRef.current = { ...editContentRef.current, [SECTION_ORDER_KEY]: orderJson };
+      setAiSectionOrder(orderJson, window.location.pathname);
+      postToParentRef.current({ type: "ow:change", nodes: [{ key: SECTION_ORDER_KEY, text: orderJson }] });
+      window.dispatchEvent(new Event("resize"));
+    };
+    window.addEventListener("message", handleMoveSection);
     const handleAiSetBrand = (e) => {
       if (e.data?.type !== "ow:ai-set-brand") return;
       const value = typeof e.data.value === "string" ? e.data.value : "";
@@ -20026,12 +20299,35 @@ function OhhwellsBridge() {
     window.addEventListener("message", handleAiSetBrand);
     const handleAiSetStyles = (e) => {
       if (e.data?.type !== "ow:ai-set-styles") return;
-      const value = typeof e.data.value === "string" ? e.data.value : "";
+      let value = typeof e.data.value === "string" ? e.data.value : "";
       const previous = stylesRef.current;
+      let previousSections;
+      const store = parseStyleStore(value);
+      if (store) {
+        const folded = foldAlignIntoTrees(parseAiSectionsState(aiSectionsRef.current), store);
+        if (folded.changed) {
+          const nextSections = serializeAiSectionsState(folded.state);
+          if (nextSections !== aiSectionsRef.current) {
+            previousSections = aiSectionsRef.current;
+            aiSectionsRef.current = nextSections;
+            applyAiSectionsToDom(folded.state);
+            postToParentRef.current({
+              type: "ow:change",
+              nodes: [{ key: AI_SECTIONS_KEY, text: nextSections }]
+            });
+          }
+          value = JSON.stringify(folded.store);
+        }
+      }
       stylesRef.current = value;
       applyStylesToDom(parseStyleStore(value));
       postToParentRef.current({ type: "ow:change", nodes: [{ key: STYLE_STORE_KEY, text: value }] });
-      postToParentRef.current({ type: "ow:ai-styles-applied", previous, value });
+      postToParentRef.current({
+        type: "ow:ai-styles-applied",
+        previous,
+        value,
+        ...previousSections !== void 0 ? { previousSections } : {}
+      });
     };
     window.addEventListener("message", handleAiSetStyles);
     const handleGetBrand = (e) => {
@@ -20041,20 +20337,6 @@ function OhhwellsBridge() {
       postToParentRef.current({ type: "ow:brand-value", value });
     };
     window.addEventListener("message", handleGetBrand);
-    const handleMoveSection = (e) => {
-      if (e.data?.type !== "ow:move-section") return;
-      const instanceId = typeof e.data.instanceId === "string" ? e.data.instanceId : "";
-      const direction = e.data.direction === "up" || e.data.direction === "down" ? e.data.direction : null;
-      if (!instanceId || !direction) return;
-      const entries = moveSectionInstance(instanceId, direction, window.location.pathname);
-      if (!entries) return;
-      const orderJson = JSON.stringify(entries);
-      editContentRef.current = { ...editContentRef.current, [SECTION_ORDER_KEY]: orderJson };
-      setAiSectionOrder(orderJson, window.location.pathname);
-      postToParentRef.current({ type: "ow:change", nodes: [{ key: SECTION_ORDER_KEY, text: orderJson }] });
-      window.dispatchEvent(new Event("resize"));
-    };
-    window.addEventListener("message", handleMoveSection);
     const handlePanelDragging = (e) => {
       if (e.data?.type !== "ow:panel-dragging") return;
       if (e.data.dragging) document.documentElement.setAttribute("data-ohw-panel-dragging", "");
@@ -20112,6 +20394,12 @@ function OhhwellsBridge() {
         closeLinkPopoverRef.current();
         return;
       }
+      if (floatingPanelOpenRef.current) {
+        setFloatingPanelRef.current(null);
+        deselectRef.current();
+        deactivateRef.current();
+        return;
+      }
       deselectRef.current();
       deactivateRef.current();
       clearMediaSelectionRef.current();
@@ -20386,8 +20674,12 @@ function OhhwellsBridge() {
       if (inserted) {
         const tracker = getSectionsTracker();
         postToParentRef.current({ type: "ow:change", nodes: [{ key: "__ohw_sections", text: tracker.textContent ?? "[]" }] });
-        const h = document.body.scrollHeight;
-        if (h > 50) postToParentRef.current({ type: "ow:height", height: h });
+        const reportHeight = () => {
+          const h = document.body.scrollHeight;
+          if (h > 50) postToParentRef.current({ type: "ow:height", height: h });
+        };
+        reportHeight();
+        setTimeout(reportHeight, 500);
       }
     };
     const handleSwitchSchedule = (e) => {
@@ -20783,17 +21075,17 @@ function OhhwellsBridge() {
       window.removeEventListener("message", handleAiApplyTree);
       window.removeEventListener("message", handleAiDeleteSection);
       window.removeEventListener("message", handleAiSetSections);
+      window.removeEventListener("message", handleMoveSection);
       window.removeEventListener("message", handleAiSetBrand);
       window.removeEventListener("message", handleAiSetStyles);
       window.removeEventListener("message", handleGetBrand);
-      window.removeEventListener("message", handleMoveSection);
       window.removeEventListener("message", handlePanelDragging);
       window.removeEventListener("message", handleDeleteSection);
       window.removeEventListener("message", handleDeactivate);
-      document.documentElement.removeAttribute("data-ohw-panel-dragging");
       window.removeEventListener("message", handleToastAction);
       window.removeEventListener("message", handleFormCount);
       window.removeEventListener("message", handleUiEscape);
+      document.documentElement.removeAttribute("data-ohw-panel-dragging");
       autoSaveTimers.current.forEach(clearTimeout);
       autoSaveTimers.current.clear();
       if (imageUnhoverTimerRef.current) clearTimeout(imageUnhoverTimerRef.current);
@@ -20996,7 +21288,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.78",
+        bridgeVersion: "0.1.80",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections
@@ -21459,6 +21751,7 @@ function OhhwellsBridge() {
   return /* @__PURE__ */ jsxs20(Fragment8, { children: [
     /* @__PURE__ */ jsx33("div", { id: "ohw-loader", suppressHydrationWarning: true, style: { ...OHW_LOADER_STYLE, display: "none" }, children: /* @__PURE__ */ jsx33(OhwLoaderSpinner, {}) }),
     /* @__PURE__ */ jsx33("script", { suppressHydrationWarning: true, dangerouslySetInnerHTML: { __html: OHW_LOADER_PREHYDRATE_SCRIPT } }),
+    subdomain && !isEditMode && showBranding && /* @__PURE__ */ jsx33(MadeWithOhhWells, {}),
     bridgeRoot ? createPortal2(
       /* @__PURE__ */ jsxs20(Fragment8, { children: [
         /* @__PURE__ */ jsx33("div", { ref: attachVisibleViewport, "data-ohw-visible-viewport": "", "aria-hidden": true }),
@@ -21914,6 +22207,59 @@ function OhhwellsBridge() {
     ) : null
   ] });
 }
+
+// src/ui/EmptySection.tsx
+import Link3 from "next/link";
+import { Fragment as Fragment9, jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
+function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey }) {
+  return /* @__PURE__ */ jsxs21(Fragment9, { children: [
+    /* @__PURE__ */ jsx34(
+      "p",
+      {
+        style: {
+          fontFamily: "var(--brand-font-body)",
+          fontSize: "0.75rem",
+          fontWeight: 500,
+          letterSpacing: "0.15em",
+          textTransform: "uppercase",
+          color: "var(--brand-accent)",
+          marginBottom: "1.5rem"
+        },
+        children: /* @__PURE__ */ jsx34(Link3, { href: homeHref, style: { color: "inherit" }, children: /* @__PURE__ */ jsx34("span", { ...eyebrowKey ? { "data-ohw-editable": "text", "data-ohw-key": eyebrowKey } : {}, children: "Home" }) })
+      }
+    ),
+    /* @__PURE__ */ jsx34(
+      "h1",
+      {
+        style: {
+          fontFamily: "var(--brand-font-heading)",
+          fontSize: "clamp(2rem, 3.5vw, 2.75rem)",
+          lineHeight: 1.1,
+          letterSpacing: "-0.025em",
+          color: "var(--brand-text)",
+          marginBottom: "1rem"
+        },
+        ...titleKey ? { "data-ohw-editable": "text", "data-ohw-key": titleKey, "data-ohw-max-length": 80 } : {},
+        children: title
+      }
+    ),
+    /* @__PURE__ */ jsx34(
+      "p",
+      {
+        style: {
+          fontFamily: "var(--brand-font-body)",
+          fontSize: "1rem",
+          lineHeight: 1.7,
+          fontWeight: 300,
+          color: "var(--brand-text-muted)",
+          maxWidth: "340px"
+        },
+        ...subtitleKey ? { "data-ohw-editable": "text", "data-ohw-key": subtitleKey, "data-ohw-max-length": 160 } : {},
+        children: "This page doesn't have any content yet."
+      }
+    )
+  ] });
+}
 export {
   AI_DEFAULT_BRAND,
   AI_TREE_SCHEMA_VERSIONS,
@@ -21930,6 +22276,7 @@ export {
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
+  EmptySection,
   ItemActionToolbar,
   ItemInteractionLayer,
   LinkEditorPanel,