@ohhwells/bridge 0.1.54-next.146 → 0.1.54-next.148

package/dist/index.cjs

@@ -46,6 +46,7 @@ __export(index_exports, {
   DropdownMenuItem: () => DropdownMenuItem,
   DropdownMenuSeparator: () => DropdownMenuSeparator,
   DropdownMenuTrigger: () => DropdownMenuTrigger,
+  EmptySection: () => EmptySection,
   ItemActionToolbar: () => ItemActionToolbar,
   ItemInteractionLayer: () => ItemInteractionLayer,
   LinkEditorPanel: () => LinkEditorPanel,
@@ -409,36 +410,53 @@ function RatingEl({ value, ctx }) {
     }
   );
 }
-function PersonEl({
+function AvatarDisc({
   person,
   ctx,
-  path
+  path,
+  size
 }) {
   const avatarUrl = person.avatar ? ctx.resolveMedia(person.avatar) : null;
   const avatarAttrs = ctx.keyFor ? { "data-ohw-key": ctx.keyFor(`${path}.person.avatar`), "data-ohw-editable": "image" } : {};
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      ...avatarAttrs,
+      style: {
+        width: size,
+        height: size,
+        borderRadius: "50%",
+        background: "#DBEAFE",
+        overflow: "hidden",
+        flexShrink: 0,
+        display: "block"
+      },
+      children: (avatarUrl || ctx.keyFor) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "img",
+        {
+          src: avatarUrl ?? TRANSPARENT_PX,
+          alt: "",
+          style: { width: "100%", height: "100%", objectFit: "cover", display: "block" }
+        }
+      )
+    }
+  );
+}
+function avatarPosition(slots) {
+  const person = slots.person;
+  if (typeof person?.avatar !== "string" || !person.avatar) return null;
+  if (slots.mediaPosition === "left") return "left";
+  if (slots.mediaPosition === "bottom") return "bottom";
+  return "top";
+}
+function PersonEl({
+  person,
+  ctx,
+  path,
+  showAvatar = true
+}) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", gap: 10, alignItems: "center" }, children: [
-    person.avatar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "span",
-      {
-        ...avatarAttrs,
-        style: {
-          width: 56,
-          height: 56,
-          borderRadius: "50%",
-          background: "#DBEAFE",
-          overflow: "hidden",
-          flexShrink: 0
-        },
-        children: (avatarUrl || ctx.keyFor) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "img",
-          {
-            src: avatarUrl ?? TRANSPARENT_PX,
-            alt: "",
-            style: { width: "100%", height: "100%", objectFit: "cover" }
-          }
-        )
-      }
-    ),
+    person.avatar && showAvatar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarDisc, { person, ctx, path, size: 56 }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { flex: 1, minWidth: 0 }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "span",
@@ -549,9 +567,35 @@ function TestimonialCard({ node, ctx, path }) {
   const slots = node.slots ?? {};
   const hasBg = slots.background === true;
   const person = slots.person;
+  const avatarPos = avatarPosition(slots);
+  const content = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: AI_TREE_TOKENS.spacing6,
+        minWidth: 0,
+        flex: avatarPos === "left" ? 1 : void 0
+      },
+      children: [
+        typeof slots.rating === "number" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RatingEl, { value: slots.rating, ctx }),
+        str(slots.quote) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            ...textAttrs(ctx, `${path}.quote`),
+            style: { ...typeStyle(AI_TREE_TOKENS.type.bodyM, ctx.brand.fonts.body), color: ctx.brand.palette.dark },
+            dangerouslySetInnerHTML: { __html: `"${str(slots.quote)}"` }
+          }
+        ),
+        person && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PersonEl, { person, ctx, path, showAvatar: avatarPos === "bottom" })
+      ]
+    }
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
+      "data-ai-avatar-pos": avatarPos ?? void 0,
       style: {
         background: hasBg ? ctx.cardSurface : "transparent",
         borderRadius: hasBg ? AI_TREE_TOKENS.radiusCard : 0,
@@ -564,22 +608,15 @@ function TestimonialCard({ node, ctx, path }) {
         {
           style: {
             display: "flex",
-            flexDirection: "column",
+            flexDirection: avatarPos === "left" ? "row" : "column",
+            alignItems: avatarPos === "left" ? "flex-start" : void 0,
             gap: AI_TREE_TOKENS.spacing6,
             padding: hasBg ? AI_TREE_TOKENS.paddingBlock : 0,
             minWidth: 0
           },
           children: [
-            typeof slots.rating === "number" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RatingEl, { value: slots.rating, ctx }),
-            str(slots.quote) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "div",
-              {
-                ...textAttrs(ctx, `${path}.quote`),
-                style: { ...typeStyle(AI_TREE_TOKENS.type.bodyM, ctx.brand.fonts.body), color: ctx.brand.palette.dark },
-                dangerouslySetInnerHTML: { __html: `"${str(slots.quote)}"` }
-              }
-            ),
-            person && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PersonEl, { person, ctx, path })
+            person && (avatarPos === "top" || avatarPos === "left") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarDisc, { person, ctx, path, size: 72 }),
+            content
           ]
         }
       )
@@ -590,37 +627,26 @@ function TeamCard({ node, ctx, path }) {
   const slots = node.slots ?? {};
   const hasBg = slots.background === true;
   const person = slots.person ?? {};
-  const avatarUrl = person.avatar ? ctx.resolveMedia(person.avatar) : null;
-  const avatarAttrs = ctx.keyFor ? { "data-ohw-key": ctx.keyFor(`${path}.person.avatar`), "data-ohw-editable": "image" } : {};
+  const avatarPos = avatarPosition(slots);
   const buttonIdx = (node.children ?? []).findIndex((c) => c.type === "button");
   const button = buttonIdx >= 0 ? (node.children ?? [])[buttonIdx] : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
+      "data-ai-avatar-pos": avatarPos ?? void 0,
       style: {
         background: hasBg ? ctx.cardSurface : "transparent",
         borderRadius: hasBg ? AI_TREE_TOKENS.radiusCard : 0,
         overflow: "hidden",
         outline: slots.featured === true ? `2px solid ${ctx.brand.palette.primary}` : void 0,
-        minWidth: 0
+        minWidth: 0,
+        display: avatarPos === "left" ? "flex" : "block",
+        alignItems: avatarPos === "left" ? "flex-start" : void 0
       },
       children: [
-        person.avatar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: `${AI_TREE_TOKENS.paddingBlock}px ${AI_TREE_TOKENS.paddingBlock}px 0` }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "span",
-          {
-            ...avatarAttrs,
-            style: { width: 80, height: 80, borderRadius: "50%", overflow: "hidden", display: "block" },
-            children: (avatarUrl || ctx.keyFor) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "img",
-              {
-                src: avatarUrl ?? TRANSPARENT_PX,
-                alt: "",
-                style: { width: "100%", height: "100%", objectFit: "cover", display: "block" }
-              }
-            )
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: AI_TREE_TOKENS.spacing4, padding: AI_TREE_TOKENS.paddingBlock }, children: [
+        avatarPos === "top" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: `${AI_TREE_TOKENS.paddingBlock}px ${AI_TREE_TOKENS.paddingBlock}px 0` }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarDisc, { person, ctx, path, size: 80 }) }),
+        avatarPos === "left" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: `${AI_TREE_TOKENS.paddingBlock}px 0 ${AI_TREE_TOKENS.paddingBlock}px ${AI_TREE_TOKENS.paddingBlock}px`, flexShrink: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarDisc, { person, ctx, path, size: 80 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: AI_TREE_TOKENS.spacing4, padding: AI_TREE_TOKENS.paddingBlock, minWidth: 0, flex: avatarPos === "left" ? 1 : void 0 }, children: [
           person.name && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "div",
             {
@@ -653,7 +679,8 @@ function TeamCard({ node, ctx, path }) {
             },
             i
           )) }),
-          button && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "flex", justifyContent: "center", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonEl, { slots: button.slots ?? {}, ctx, path: `${path}.c${buttonIdx}` }) })
+          button && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "flex", justifyContent: "center", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonEl, { slots: button.slots ?? {}, ctx, path: `${path}.c${buttonIdx}` }) }),
+          avatarPos === "bottom" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarDisc, { person, ctx, path, size: 80 })
         ] })
       ]
     }
@@ -808,56 +835,78 @@ function CardBlock({ node, ctx, path }) {
     }
   );
 }
+function toggleAccordionItem(button) {
+  const wasOpen = button.getAttribute("aria-expanded") === "true";
+  const list = button.closest("[data-ai-accordion]");
+  for (const other of list?.querySelectorAll("button[aria-expanded]") ?? []) {
+    other.setAttribute("aria-expanded", "false");
+    const panel = other.nextElementSibling;
+    if (panel) panel.style.display = "none";
+    const chevron = other.querySelector("[data-ai-chevron]");
+    if (chevron) chevron.style.transform = "";
+  }
+  if (!wasOpen) {
+    button.setAttribute("aria-expanded", "true");
+    const panel = button.nextElementSibling;
+    if (panel) panel.style.display = "block";
+    const chevron = button.querySelector("[data-ai-chevron]");
+    if (chevron) chevron.style.transform = "rotate(180deg)";
+  }
+}
 function AccordionBlock({ node, ctx, path }) {
-  const [open, setOpen] = import_react.default.useState(null);
   const rule = `1px solid ${ctx.brand.palette.dark}33`;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { borderTop: rule }, children: (node.items ?? []).map((item, i) => {
-    const isOpen = open === i;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { borderBottom: rule }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        "button",
-        {
-          type: "button",
-          "aria-expanded": isOpen,
-          onClick: () => setOpen(isOpen ? null : i),
-          style: {
-            ...typeStyle(AI_TREE_TOKENS.type.bodyMBold, ctx.brand.fonts.body),
-            color: ctx.brand.palette.dark,
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "center",
-            width: "100%",
-            padding: "14px 0",
-            background: "transparent",
-            border: "none",
-            cursor: "pointer",
-            textAlign: "left",
-            gap: AI_TREE_TOKENS.spacing3
-          },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { ...textAttrs(ctx, `${path}.items.${i}.question`), children: item.question }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_lucide_react.ChevronDown,
-              {
-                size: 20,
-                strokeWidth: 1.5,
-                "aria-hidden": true,
-                style: { flexShrink: 0, transform: isOpen ? "rotate(180deg)" : void 0, transition: "transform 0.2s" }
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: isOpen ? "block" : "none", paddingBottom: 14 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "div",
-        {
-          ...textAttrs(ctx, `${path}.items.${i}.answer`),
-          style: { ...typeStyle(AI_TREE_TOKENS.type.bodyM, ctx.brand.fonts.body), color: ctx.brand.palette.accent },
-          dangerouslySetInnerHTML: { __html: item.answer }
-        }
-      ) })
-    ] }, i);
-  }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-ai-accordion": "", style: { borderTop: rule }, children: (node.items ?? []).map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { borderBottom: rule }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": false,
+        onClick: (e) => toggleAccordionItem(e.currentTarget),
+        style: {
+          ...typeStyle(AI_TREE_TOKENS.type.bodyMBold, ctx.brand.fonts.body),
+          color: ctx.brand.palette.dark,
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          width: "100%",
+          padding: "14px 0",
+          background: "transparent",
+          border: "none",
+          cursor: "pointer",
+          textAlign: "left",
+          gap: AI_TREE_TOKENS.spacing3
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "span",
+            {
+              ...textAttrs(ctx, `${path}.items.${i}.question`),
+              style: { flex: 1, minWidth: 0 },
+              dangerouslySetInnerHTML: { __html: item.question }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_lucide_react.ChevronDown,
+            {
+              "data-ai-chevron": "",
+              size: 20,
+              strokeWidth: 1.5,
+              "aria-hidden": true,
+              style: { flexShrink: 0, transition: "transform 0.2s" }
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "none", paddingBottom: 14 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ...textAttrs(ctx, `${path}.items.${i}.answer`),
+        style: { ...typeStyle(AI_TREE_TOKENS.type.bodyM, ctx.brand.fonts.body), color: ctx.brand.palette.accent },
+        dangerouslySetInnerHTML: { __html: item.answer }
+      }
+    ) })
+  ] }, i)) });
 }
 function Carousel({ items, itemsPerRow, ctx }) {
   const [page, setPage] = import_react.default.useState(0);
@@ -1978,7 +2027,7 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
   const autoId = (0, import_react5.useId)();
   const insertAfter = insertAfterProp ?? autoId;
   const [schedule, setSchedule] = (0, import_react5.useState)(null);
-  const [loading, setLoading] = (0, import_react5.useState)(true);
+  const [loading, setLoading] = (0, import_react5.useState)(initialScheduleId !== null);
   const [inEditor, setInEditor] = (0, import_react5.useState)(false);
   const [isHovered, setIsHovered] = (0, import_react5.useState)(false);
   const [modalState, setModalState] = (0, import_react5.useState)(null);
@@ -2152,8 +2201,10 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
       "*"
     );
   };
-  if (!inEditor && !loading && !schedule) return null;
   const sectionId = `scheduling-${insertAfter}`;
+  if (!inEditor && !loading && !schedule) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("section", { "data-ohw-section": sectionId, "data-ohw-scheduling-anchor": insertAfter, style: { display: "none" } });
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "section",
     {
@@ -12200,21 +12251,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;
@@ -12231,8 +12271,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);
@@ -12262,16 +12301,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);
@@ -12282,19 +12322,25 @@ function mountSchedulingWidget(insertAfter, notifyOnConnect = false, scheduleId,
     }
     tail.insertAdjacentElement("afterend", container);
   }
-  const root = (0, import_client2.createRoot)(container);
-  (0, import_react_dom3.flushSync)(() => {
-    root.render(
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-        SchedulingWidget,
-        {
-          notifyOnConnect,
-          initialScheduleId: scheduleId,
-          insertAfter: effectiveInsertAfter
-        }
-      )
-    );
-  });
+  try {
+    const root = (0, import_client2.createRoot)(container);
+    (0, import_react_dom3.flushSync)(() => {
+      root.render(
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          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 {
@@ -12302,10 +12348,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 } : {}
     });
@@ -12319,7 +12367,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);
       }
     }
@@ -13255,6 +13304,7 @@ function StateToggle({
   );
 }
 var contentCache = /* @__PURE__ */ new Map();
+var fetchedContentPaths = /* @__PURE__ */ new Set();
 function resolveSubdomain(subdomainFromQuery) {
   if (subdomainFromQuery) return subdomainFromQuery;
   if (typeof window !== "undefined") {
@@ -14593,7 +14643,9 @@ 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";
-    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 ?? {};
       contentCache.set(subdomain, content);
@@ -14653,6 +14705,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 () => {
@@ -16481,8 +16544,12 @@ function OhhwellsBridge() {
       if (inserted) {
         const tracker = getSectionsTracker();
         postToParentRef.current({ type: "ow:change", nodes: [{ key: "__ohw_sections", text: tracker.textContent ?? "[]" }] });
-        const h = document.documentElement.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) => {
@@ -17711,6 +17778,59 @@ function OhhwellsBridge() {
     bridgeRoot
   ) : null;
 }
+
+// src/ui/EmptySection.tsx
+var import_link = __toESM(require("next/link"), 1);
+var import_jsx_runtime33 = require("react/jsx-runtime");
+function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.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_runtime33.jsx)(import_link.default, { href: homeHref, style: { color: "inherit" }, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { ...eyebrowKey ? { "data-ohw-editable": "text", "data-ohw-key": eyebrowKey } : {}, children: "Home" }) })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime33.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_runtime33.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,
@@ -17728,6 +17848,7 @@ function OhhwellsBridge() {
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
+  EmptySection,
   ItemActionToolbar,
   ItemInteractionLayer,
   LinkEditorPanel,