npm - @ohhwells/bridge - Versions diffs - 0.1.29-next.20 → 0.1.29 - Mend

@ohhwells/bridge 0.1.29-next.20 → 0.1.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/index.js CHANGED Viewed

@@ -1,752 +1,10 @@
 "use client";
 // src/OhhwellsBridge.tsx
-import React5, { useCallback as useCallback2, useEffect as useEffect3, useLayoutEffect, useRef as useRef3, useState as useState5 } from "react";
-import { createRoot } from "react-dom/client";
-import { flushSync } from "react-dom";
-// src/ui/SchedulingWidget.tsx
-import { useEffect, useMemo, useRef, useState as useState2 } from "react";
-// src/ui/EmailCaptureModal.tsx
-import { useState } from "react";
-import { Dialog } from "radix-ui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Spinner() {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: "32",
-      height: "32",
-      viewBox: "0 0 32 32",
-      fill: "none",
-      style: { animation: "ohw-spin 0.75s linear infinite" },
-      children: [
-        /* @__PURE__ */ jsx("style", { children: `@keyframes ohw-spin { to { transform: rotate(360deg); } }` }),
-        /* @__PURE__ */ jsx("circle", { cx: "16", cy: "16", r: "12", stroke: "#e5e7eb", strokeWidth: "3" }),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M16 4a12 12 0 0 1 12 12",
-            stroke: "#3b82f6",
-            strokeWidth: "3",
-            strokeLinecap: "round"
-          }
-        )
-      ]
-    }
-  );
-}
-function EmailCaptureModal({ title, subtitle, onSubmit, onClose }) {
-  const [email, setEmail] = useState("");
-  const [submittedEmail, setSubmittedEmail] = useState("");
-  const [loading, setLoading] = useState(false);
-  const [success, setSuccess] = useState(false);
-  const [error, setError] = useState(null);
-  const isBook = title === "Confirm your spot";
-  const handleSubmit = async () => {
-    if (!email.trim()) return;
-    setLoading(true);
-    setError(null);
-    try {
-      await onSubmit(email.trim());
-      setSubmittedEmail(email.trim());
-      setSuccess(true);
-    } catch (e) {
-      setError(e instanceof Error ? e.message : "Something went wrong. Please try again.");
-    } finally {
-      setLoading(false);
-    }
-  };
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter" && !loading) handleSubmit();
-  };
-  return /* @__PURE__ */ jsx(Dialog.Root, { open: true, onOpenChange: (open) => {
-    if (!open) onClose();
-  }, children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
-    /* @__PURE__ */ jsx(
-      Dialog.Overlay,
-      {
-        className: "fixed inset-0 z-50",
-        style: { background: "rgba(0,0,0,0.45)" }
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      Dialog.Content,
-      {
-        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: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3 p-6", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsx(
-                Dialog.Title,
-                {
-                  className: "font-body text-xl font-bold m-0 leading-tight",
-                  style: { color: "var(--color-dark,#200C02)" },
-                  children: success ? isBook ? "Reservation confirmed!" : "You're on the waitlist!" : title
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Dialog.Description,
-                {
-                  className: "font-body text-sm m-0",
-                  style: { color: "#6B7280" },
-                  children: success ? isBook ? `A confirmation email has been sent to ${submittedEmail}.` : "We'll let you know via email if someone cancels." : subtitle
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx(
-              Dialog.Close,
-              {
-                className: "shrink-0 w-7 h-7 flex items-center justify-center rounded-full bg-transparent border-none cursor-pointer mt-0.5 absolute top-2.5 right-1.5",
-                style: { color: "#6B7280" },
-                "aria-label": "Close",
-                children: /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                  /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                  /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-                ] })
-              }
-            )
-          ] }),
-          !success && (loading ? (
-            /* Loading state — full body replaced */
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-3 px-7 py-12", children: [
-              /* @__PURE__ */ jsx(Spinner, {}),
-              /* @__PURE__ */ jsx("p", { className: "font-body text-sm m-0", style: { color: "#6B7280" }, children: "Please wait" })
-            ] })
-          ) : (
-            /* Email form */
-            /* @__PURE__ */ jsxs("div", { className: "px-7 pt-2 pb-6", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 mb-8", children: [
-                /* @__PURE__ */ jsx("label", { className: "font-body text-sm font-medium", style: { color: "var(--color-dark,#200C02)" }, children: "Email" }),
-                /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    type: "email",
-                    value: email,
-                    onChange: (e) => setEmail(e.target.value),
-                    onKeyDown: handleKeyDown,
-                    placeholder: "hello@gmail.com",
-                    autoFocus: true,
-                    className: "w-full h-10 px-3 rounded-lg border font-body text-sm outline-none box-border",
-                    style: {
-                      borderColor: "#E7E5E4",
-                      background: "#fff",
-                      color: "var(--color-dark,#200C02)"
-                    }
-                  }
-                ),
-                error && /* @__PURE__ */ jsx("p", { className: "font-body text-xs text-red-500 m-0", children: error })
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: handleSubmit,
-                  disabled: !email.trim(),
-                  className: "h-9 px-5 rounded-lg font-body text-sm font-semibold cursor-pointer border-none disabled:opacity-50 disabled:cursor-not-allowed",
-                  style: {
-                    background: "var(--color-primary,#3D312B)",
-                    color: "var(--color-light,#FEFFF0)"
-                  },
-                  children: "Send"
-                }
-              ) })
-            ] })
-          ))
-        ]
-      }
-    )
-  ] }) });
-}
-// src/ui/SchedulingWidget.tsx
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var API_URL = process.env.NEXT_PUBLIC_FLOWOPS_API_URL ?? "https://flowops-backend-staging-2yfdh7pwpq-as.a.run.app";
-var DAY_ABBR = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"];
-function getApiDomain() {
-  const h = window.location.hostname;
-  for (const base of ["ohhwells.site", "theflowops-staging.com", "theflowops.com"]) {
-    if (h.endsWith(`.${base}`)) return h.slice(0, -(base.length + 1));
-  }
-  return h;
-}
-function classRunsOnDate(cls, date, type) {
-  if (type === "FIXED") {
-    const d = String(date.getDate()).padStart(2, "0");
-    const m = String(date.getMonth() + 1).padStart(2, "0");
-    return cls.fixedDates?.some((fd) => fd.date === `${d}-${m}-${date.getFullYear()}`) ?? false;
-  }
-  return cls.weekdays?.some((w) => w.weekday === date.getDay()) ?? false;
-}
-function formatClassTime(cls) {
-  let h = parseInt(cls.startTime.hour, 10);
-  const m = parseInt(cls.startTime.minutes, 10);
-  if (cls.startTime.time === "PM" && h !== 12) h += 12;
-  if (cls.startTime.time === "AM" && h === 12) h = 0;
-  const endTotal = h * 60 + m + cls.duration;
-  const eh = Math.floor(endTotal / 60) % 24;
-  const em = endTotal % 60;
-  return `${h}:${cls.startTime.minutes}-${eh}:${String(em).padStart(2, "0")}`;
-}
-function getBookingsOnDate(cls, date) {
-  if (!cls.bookings?.length) return 0;
-  const ds = date.toISOString().split("T")[0];
-  return cls.bookings.filter((b) => {
-    try {
-      return new Date(b.classDate).toISOString().split("T")[0] === ds;
-    } catch {
-      return false;
-    }
-  }).length;
-}
-function buildTimezoneLabel(tz) {
-  try {
-    const now = /* @__PURE__ */ new Date();
-    const timeStr = new Intl.DateTimeFormat("en-US", {
-      hour: "2-digit",
-      minute: "2-digit",
-      hour12: false,
-      timeZone: tz
-    }).format(now);
-    const offsetPart = new Intl.DateTimeFormat("en-US", { timeZoneName: "short", timeZone: tz }).formatToParts(now).find((p) => p.type === "timeZoneName")?.value ?? "";
-    const city = tz.split("/").pop()?.replace(/_/g, " ") ?? tz;
-    return `${timeStr} (${offsetPart}) ${city} time`;
-  } catch {
-    return tz;
-  }
-}
-function EmptyState({ inEditor }) {
-  const handleAddSchedule = () => {
-    if (inEditor) {
-      window.parent.postMessage({ type: "ow:scheduling-not-connected" }, "*");
-    }
-  };
-  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center justify-center gap-6 p-12 bg-[#FAFAF9] border-2 border-dashed border-[#E7E5E4] rounded-[10px] h-[264px] w-full box-border", children: [
-    /* @__PURE__ */ jsx2("div", { className: "w-10 h-10 bg-[#F5F5F4] rounded-[10px] flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsxs2(
-      "svg",
-      {
-        width: "20",
-        height: "20",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "var(--color-accent, #A89B83)",
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        children: [
-          /* @__PURE__ */ jsx2("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }),
-          /* @__PURE__ */ jsx2("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
-          /* @__PURE__ */ jsx2("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
-          /* @__PURE__ */ jsx2("line", { x1: "3", y1: "10", x2: "21", y2: "10" }),
-          /* @__PURE__ */ jsx2("line", { x1: "12", y1: "14", x2: "12", y2: "18" }),
-          /* @__PURE__ */ jsx2("line", { x1: "10", y1: "16", x2: "14", y2: "16" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-2", children: [
-      /* @__PURE__ */ jsx2("p", { className: "font-body text-lg font-medium text-center text-[#0A0A0A] m-0", children: "No schedule yet" }),
-      /* @__PURE__ */ jsx2("p", { className: "font-body text-base font-normal text-center text-(--color-accent,#A89B83) m-0", children: "Add a scheduling widget to get instant bookings." })
-    ] }),
-    /* @__PURE__ */ jsx2(
-      "button",
-      {
-        onClick: handleAddSchedule,
-        className: "h-9 px-2 py-1.5 flex items-center justify-center bg-white border border-[#E7E5E4] rounded-md font-body text-sm font-medium text-(--color-dark,#200C02) cursor-pointer",
-        children: "Add Schedule"
-      }
-    )
-  ] });
-}
-function LoadingSkeleton() {
-  const shimmer = {
-    background: "linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%)",
-    backgroundSize: "200% 100%",
-    animation: "ohw-shimmer 1.5s infinite"
-  };
-  return /* @__PURE__ */ jsxs2("div", { className: "w-full flex flex-col gap-10", children: [
-    /* @__PURE__ */ jsx2("style", { children: `@keyframes ohw-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}` }),
-    /* @__PURE__ */ jsx2("div", { className: "flex h-[70px] items-stretch", children: Array.from({ length: 7 }).map((_, i) => /* @__PURE__ */ jsxs2("div", { className: "flex-1 flex flex-col justify-between items-center px-1", children: [
-      /* @__PURE__ */ jsx2("div", { style: { ...shimmer, width: "32px", height: "14px", borderRadius: "4px" } }),
-      /* @__PURE__ */ jsx2("div", { style: { ...shimmer, width: "40px", height: "40px", borderRadius: "50%" } })
-    ] }, i)) }),
-    [0, 1, 2].map((i) => /* @__PURE__ */ jsxs2("div", { children: [
-      /* @__PURE__ */ jsxs2("div", { className: "flex gap-4 py-4 sm:hidden", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-2 shrink-0", children: [
-          /* @__PURE__ */ jsx2("div", { style: { ...shimmer, width: "100px", height: "16px", borderRadius: "4px" } }),
-          /* @__PURE__ */ jsx2("div", { style: { ...shimmer, width: "52px", height: "20px", borderRadius: "999px" } }),
-          /* @__PURE__ */ jsx2("div", { style: { ...shimmer, width: "60px", height: "14px", borderRadius: "4px" } })
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 flex-col gap-2", children: [
-          /* @__PURE__ */ jsx2("div", { style: { ...shimmer, width: "75%", height: "16px", borderRadius: "4px" } }),
-          /* @__PURE__ */ jsx2("div", { style: { ...shimmer, width: "50%", height: "14px", borderRadius: "4px" } }),
-          /* @__PURE__ */ jsx2("div", { style: { ...shimmer, width: "100%", height: "44px", borderRadius: "8px" } })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs2("div", { className: "hidden sm:flex items-center gap-[60px] py-4", children: [
-        /* @__PURE__ */ jsx2("div", { style: { ...shimmer, width: "120px", height: "16px", borderRadius: "4px", flexShrink: 0 } }),
-        /* @__PURE__ */ jsxs2("div", { className: "flex-1 flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsx2("div", { style: { ...shimmer, width: "55%", height: "16px", borderRadius: "4px" } }),
-          /* @__PURE__ */ jsx2("div", { style: { ...shimmer, width: "38%", height: "14px", borderRadius: "4px" } })
-        ] }),
-        /* @__PURE__ */ jsx2("div", { style: { ...shimmer, width: "56px", height: "32px", borderRadius: "4px", flexShrink: 0 } }),
-        /* @__PURE__ */ jsx2("div", { style: { ...shimmer, width: "200px", height: "44px", borderRadius: "8px", flexShrink: 0 } })
-      ] }),
-      i < 2 && /* @__PURE__ */ jsx2("div", { className: "h-px bg-black/20" })
-    ] }, i))
-  ] });
-}
-function ScheduleView({ schedule, dates, selectedIdx, onSelectDate, onOpenModal }) {
-  const todayMs = useMemo(() => {
-    const d = /* @__PURE__ */ new Date();
-    d.setHours(0, 0, 0, 0);
-    return d.getTime();
-  }, []);
-  const scrollRef = useRef(null);
-  const [canScrollLeft, setCanScrollLeft] = useState2(false);
-  const [canScrollRight, setCanScrollRight] = useState2(false);
-  const updateScrollState = () => {
-    const el = scrollRef.current;
-    if (!el) return;
-    setCanScrollLeft(el.scrollLeft > 0);
-    setCanScrollRight(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);
-  };
-  useEffect(() => {
-    const el = scrollRef.current;
-    if (!el) return;
-    updateScrollState();
-    el.addEventListener("scroll", updateScrollState);
-    const ro = new ResizeObserver(updateScrollState);
-    ro.observe(el);
-    return () => {
-      el.removeEventListener("scroll", updateScrollState);
-      ro.disconnect();
-    };
-  }, [dates]);
-  const scroll = (dir) => {
-    scrollRef.current?.scrollBy({ left: dir === "left" ? -216 : 216, behavior: "smooth" });
-  };
-  const isDragging = useRef(false);
-  const dragStartX = useRef(0);
-  const dragStartScrollLeft = useRef(0);
-  const onDragStart = (e) => {
-    if (!scrollRef.current) return;
-    isDragging.current = true;
-    dragStartX.current = e.clientX;
-    dragStartScrollLeft.current = scrollRef.current.scrollLeft;
-    scrollRef.current.style.cursor = "grabbing";
-    scrollRef.current.style.userSelect = "none";
-  };
-  const onDragMove = (e) => {
-    if (!isDragging.current || !scrollRef.current) return;
-    const delta = e.clientX - dragStartX.current;
-    scrollRef.current.scrollLeft = dragStartScrollLeft.current - delta;
-  };
-  const onDragEnd = () => {
-    if (!scrollRef.current) return;
-    isDragging.current = false;
-    scrollRef.current.style.cursor = "grab";
-    scrollRef.current.style.userSelect = "";
-  };
-  const datesWithClasses = useMemo(
-    () => new Set(dates.map(
-      (d, i) => schedule.classes?.some((c) => classRunsOnDate(c, d, schedule.type)) ? i : -1
-    ).filter((i) => i >= 0)),
-    [dates, schedule]
-  );
-  const selectedDate = dates[selectedIdx];
-  const selectedClasses = useMemo(
-    () => (schedule.classes ?? []).filter((c) => selectedDate && classRunsOnDate(c, selectedDate, schedule.type)),
-    [schedule, selectedDate]
-  );
-  return /* @__PURE__ */ jsxs2("div", { className: "w-full flex flex-col gap-10", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "relative w-full", children: [
-      canScrollLeft && /* @__PURE__ */ jsx2(
-        "button",
-        {
-          onClick: () => scroll("left"),
-          className: "hidden sm:flex absolute left-0 top-1/2 -translate-y-1/2 z-10 w-8 h-8 items-center justify-center rounded-full border-none cursor-pointer",
-          style: { background: "var(--color-light,#FEFFF0)", boxShadow: "0 1px 4px rgba(0,0,0,0.15)" },
-          "aria-label": "Scroll left",
-          children: /* @__PURE__ */ jsx2("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "var(--color-dark,#200C02)", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx2("polyline", { points: "15 18 9 12 15 6" }) })
-        }
-      ),
-      canScrollRight && /* @__PURE__ */ jsx2(
-        "button",
-        {
-          onClick: () => scroll("right"),
-          className: "hidden sm:flex absolute right-0 top-1/2 -translate-y-1/2 z-10 w-8 h-8 items-center justify-center rounded-full border-none cursor-pointer",
-          style: { background: "var(--color-light,#FEFFF0)", boxShadow: "0 1px 4px rgba(0,0,0,0.15)" },
-          "aria-label": "Scroll right",
-          children: /* @__PURE__ */ jsx2("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "var(--color-dark,#200C02)", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx2("polyline", { points: "9 18 15 12 9 6" }) })
-        }
-      ),
-      canScrollLeft && /* @__PURE__ */ jsx2(
-        "div",
-        {
-          className: "sm:hidden absolute left-0 top-0 bottom-0 w-10 z-10 pointer-events-none",
-          style: { background: "linear-gradient(to right, var(--color-light,#FEFFF0), transparent)" }
-        }
-      ),
-      canScrollRight && /* @__PURE__ */ jsx2(
-        "div",
-        {
-          className: "sm:hidden absolute right-0 top-0 bottom-0 w-10 z-10 pointer-events-none",
-          style: { background: "linear-gradient(to left, var(--color-light,#FEFFF0), transparent)" }
-        }
-      ),
-      /* @__PURE__ */ jsx2(
-        "div",
-        {
-          ref: scrollRef,
-          className: "overflow-x-auto w-full",
-          style: { scrollbarWidth: "none", msOverflowStyle: "none", touchAction: "pan-x", cursor: "grab" },
-          onMouseDown: onDragStart,
-          onMouseMove: onDragMove,
-          onMouseUp: onDragEnd,
-          onMouseLeave: onDragEnd,
-          children: /* @__PURE__ */ jsx2("div", { className: "flex", style: { width: `max(100%, ${dates.length * 60}px)` }, children: dates.map((date, i) => {
-            const isToday = date.getTime() === todayMs;
-            const isSelected = i === selectedIdx;
-            const clickable = datesWithClasses.has(i);
-            const label = isToday ? "TODAY" : DAY_ABBR[date.getDay()];
-            return /* @__PURE__ */ jsxs2(
-              "div",
-              {
-                onClick: () => clickable && onSelectDate(i),
-                className: `flex-1 h-[70px] flex flex-col justify-between items-center ${clickable ? "cursor-pointer opacity-100" : "cursor-default opacity-50"}`,
-                children: [
-                  /* @__PURE__ */ jsx2("span", { className: "font-body text-base font-normal text-center text-(--color-dark,#200C02)", children: label }),
-                  /* @__PURE__ */ jsx2(
-                    "div",
-                    {
-                      className: "w-10 h-10 rounded-full flex items-center justify-center",
-                      style: { background: isSelected ? "var(--color-primary, #3D312B)" : "transparent" },
-                      children: /* @__PURE__ */ jsx2(
-                        "span",
-                        {
-                          className: "font-body text-xl font-bold text-center tracking-display-tight",
-                          style: { color: isSelected ? "var(--color-light, #FEFFF0)" : "var(--color-dark, #200C02)" },
-                          children: date.getDate()
-                        }
-                      )
-                    }
-                  )
-                ]
-              },
-              i
-            );
-          }) })
-        }
-      )
-    ] }),
-    selectedClasses.length === 0 ? /* @__PURE__ */ jsx2("p", { className: "font-body text-base text-(--color-accent,#A89B83) text-center py-8 m-0", children: "No classes scheduled for this day." }) : /* @__PURE__ */ jsx2("div", { className: "flex flex-col", children: selectedClasses.map((cls, i) => {
-      const booked = getBookingsOnDate(cls, selectedDate);
-      const available = cls.maxParticipants - booked;
-      const isFull = available <= 0;
-      return /* @__PURE__ */ jsxs2("div", { children: [
-        /* @__PURE__ */ jsxs2("div", { className: "flex gap-4 py-4 sm:items-center sm:gap-[60px] box-border", children: [
-          /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-2 shrink-0 sm:contents", children: [
-            /* @__PURE__ */ jsx2("div", { className: "sm:w-[120px] sm:shrink-0", children: /* @__PURE__ */ jsx2("span", { className: "font-body text-base font-bold text-(--color-dark,#200C02) block", children: formatClassTime(cls) }) }),
-            /* @__PURE__ */ jsx2(
-              "span",
-              {
-                className: "inline-flex items-center px-2 py-0.5 rounded-full border text-xs font-medium sm:hidden",
-                style: { borderColor: "#0885FE", color: "#0885FE" },
-                children: "GROUP"
-              }
-            ),
-            /* @__PURE__ */ jsx2("div", { className: "sm:hidden flex flex-col gap-px", children: isFull ? /* @__PURE__ */ jsx2("span", { className: "font-body text-sm text-(--color-dark,#200C02) opacity-80", children: "Full" }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
-              /* @__PURE__ */ jsxs2("span", { className: "font-body text-sm text-(--color-dark,#200C02) opacity-80", children: [
-                available,
-                "/",
-                cls.maxParticipants
-              ] }),
-              /* @__PURE__ */ jsx2("span", { className: "font-body text-sm text-(--color-dark,#200C02) opacity-80", children: "available" })
-            ] }) })
-          ] }),
-          /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 flex-col gap-2 min-w-0 sm:contents", children: [
-            /* @__PURE__ */ jsxs2("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
-              /* @__PURE__ */ jsx2("span", { className: "font-body text-base font-bold text-(--color-dark,#200C02) block truncate", children: cls.name }),
-              cls.hostName && /* @__PURE__ */ jsx2("span", { className: "font-body text-base font-normal text-(--color-dark,#200C02) opacity-80 block truncate", children: cls.hostName })
-            ] }),
-            /* @__PURE__ */ jsx2("div", { className: "hidden sm:flex w-14 shrink-0 flex-col gap-px", children: isFull ? /* @__PURE__ */ jsx2("span", { className: "font-body text-sm text-(--color-dark,#200C02) opacity-80", children: "Full" }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
-              /* @__PURE__ */ jsxs2("span", { className: "font-body text-sm text-(--color-dark,#200C02) opacity-80", children: [
-                available,
-                "/",
-                cls.maxParticipants
-              ] }),
-              /* @__PURE__ */ jsx2("span", { className: "font-body text-sm text-(--color-dark,#200C02) opacity-80", children: "available" })
-            ] }) }),
-            /* @__PURE__ */ jsx2(
-              "button",
-              {
-                className: "w-full sm:w-[200px] sm:shrink-0 px-5 py-[10px] flex items-center justify-center rounded-lg font-body text-base font-bold cursor-pointer box-border",
-                style: isFull ? {
-                  background: "transparent",
-                  border: "1px solid var(--color-dark, #200C02)",
-                  color: "var(--color-dark, #200C02)"
-                } : {
-                  background: "var(--color-primary, #3D312B)",
-                  border: "none",
-                  color: "var(--color-light, #FEFFF0)"
-                },
-                onClick: () => {
-                  if (!cls.id) return;
-                  onOpenModal?.(isFull ? "waitlist" : "book", cls.id, selectedDate);
-                },
-                children: isFull ? "Join Waitlist" : "Book Now"
-              }
-            )
-          ] })
-        ] }),
-        i < selectedClasses.length - 1 && /* @__PURE__ */ jsx2("div", { className: "h-px bg-black/20" })
-      ] }, cls.id ?? i);
-    }) })
-  ] });
-}
-function CalendarFoldIcon() {
-  return /* @__PURE__ */ jsxs2(
-    "svg",
-    {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      style: { flexShrink: 0 },
-      children: [
-        /* @__PURE__ */ jsx2("path", { d: "M8 2v4" }),
-        /* @__PURE__ */ jsx2("path", { d: "M16 2v4" }),
-        /* @__PURE__ */ jsx2("path", { d: "M21 17V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11Z" }),
-        /* @__PURE__ */ jsx2("path", { d: "M3 10h18" }),
-        /* @__PURE__ */ jsx2("path", { d: "M15 22v-4a2 2 0 0 1 2-2h4" })
-      ]
-    }
-  );
-}
-function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAfter }) {
-  const [schedule, setSchedule] = useState2(null);
-  const [loading, setLoading] = useState2(true);
-  const [inEditor, setInEditor] = useState2(false);
-  const [isHovered, setIsHovered] = useState2(false);
-  const [modalState, setModalState] = useState2(null);
-  const switchScheduleIdRef = useRef(null);
-  const dates = useMemo(() => {
-    const today = /* @__PURE__ */ new Date();
-    today.setHours(0, 0, 0, 0);
-    return Array.from({ length: 14 }, (_, i) => {
-      const d = new Date(today);
-      d.setDate(today.getDate() + i);
-      return d;
-    });
-  }, []);
-  const [selectedIdx, setSelectedIdx] = useState2(0);
-  useEffect(() => {
-    if (!schedule?.classes) return;
-    for (let i = 0; i < dates.length; i++) {
-      if (schedule.classes.some((c) => classRunsOnDate(c, dates[i], schedule.type))) {
-        setSelectedIdx(i);
-        return;
-      }
-    }
-  }, [schedule, dates]);
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const isInEditor = window.self !== window.top;
-    setInEditor(isInEditor);
-    if (isInEditor) {
-      const startEmpty = initialScheduleId === null;
-      if (startEmpty) setLoading(false);
-      let initialized = startEmpty;
-      const timer = !startEmpty ? setTimeout(() => {
-        if (!initialized) {
-          initialized = true;
-          setLoading(false);
-        }
-      }, 5e3) : null;
-      const handler = (e) => {
-        if (e.data?.type === "ow:clear-scheduling-widget") {
-          if (!e.data.insertAfter || e.data.insertAfter !== insertAfter) return;
-          setSchedule(null);
-          setLoading(false);
-          return;
-        }
-        if (e.data?.type === "ow:switch-schedule") {
-          if (!e.data.insertAfter || e.data.insertAfter !== insertAfter) return;
-          switchScheduleIdRef.current = e.data.scheduleId ?? null;
-          initialized = false;
-          setLoading(true);
-          window.parent.postMessage({ type: "ow:request-user-schedules", insertAfter }, "*");
-          return;
-        }
-        if (e.data?.type !== "ow:user-schedules-response") return;
-        if (e.data.insertAfter && e.data.insertAfter !== insertAfter) return;
-        if (initialized && switchScheduleIdRef.current === null) return;
-        initialized = true;
-        if (timer) clearTimeout(timer);
-        const schedules = e.data.schedules ?? [];
-        const isSwitching = switchScheduleIdRef.current !== null;
-        const target = isSwitching ? schedules.find((s) => s.id === switchScheduleIdRef.current) ?? schedules[0] ?? null : initialScheduleId ? schedules.find((s) => s.id === initialScheduleId) ?? schedules[0] ?? null : schedules[0] ?? null;
-        switchScheduleIdRef.current = null;
-        setSchedule(target);
-        setLoading(false);
-        if (notifyOnConnect && target && !isSwitching) {
-          window.parent.postMessage({
-            type: "ow:schedule-connected",
-            schedule: { id: target.id, name: target.name },
-            insertAfter
-          }, "*");
-          window.postMessage({ type: "ow:schedule-linked", scheduleId: target.id, insertAfter }, "*");
-        }
-      };
-      window.addEventListener("message", handler);
-      if (!startEmpty) window.parent.postMessage({ type: "ow:request-user-schedules", insertAfter }, "*");
-      return () => {
-        window.removeEventListener("message", handler);
-        if (timer) clearTimeout(timer);
-      };
-    }
-    if (initialScheduleId === null) {
-      setLoading(false);
-      return;
-    }
-    ;
-    (async () => {
-      try {
-        if (initialScheduleId) {
-          const res = await fetch(`${API_URL}/api/schedule/id/${initialScheduleId}`);
-          const data = await res.json();
-          setSchedule(data?.id ? data : null);
-        } else {
-          const domain = getApiDomain();
-          const sitemapRes = await fetch(`${API_URL}/api/schedule/sitemap/${domain}`);
-          const slugs = await sitemapRes.json();
-          if (!Array.isArray(slugs) || !slugs.length) {
-            setLoading(false);
-            return;
-          }
-          const { slug } = [...slugs].sort(
-            (a, b) => new Date(b.updated_at).getTime() - new Date(a.updated_at).getTime()
-          )[0];
-          const res = await fetch(`${API_URL}/api/schedule/${domain}/${slug}`);
-          const data = await res.json();
-          setSchedule(data?.id ? data : null);
-        }
-      } catch {
-      }
-      setLoading(false);
-    })();
-  }, []);
-  const timezoneLabel = schedule?.timezone ? (() => {
-    try {
-      return buildTimezoneLabel(schedule.timezone);
-    } catch {
-      return void 0;
-    }
-  })() : void 0;
-  const handleModalSubmit = async (email) => {
-    if (!modalState) return;
-    const { mode, classId, classDate } = modalState;
-    const endpoint = mode === "book" ? `${API_URL}/api/schedule/class/${classId}/booking` : `${API_URL}/api/schedule/class/${classId}/waitlist`;
-    const res = await fetch(endpoint, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ classDate: classDate.toISOString(), email })
-    });
-    if (!res.ok) {
-      const data = await res.json().catch(() => ({}));
-      throw new Error(data?.message ?? "Something went wrong. Please try again.");
-    }
-  };
-  const handleReplaceSchedule = () => {
-    setIsHovered(false);
-    if (schedule) {
-      window.parent.postMessage({
-        type: "ow:schedule-connected",
-        schedule: { id: schedule.id, name: schedule.name },
-        insertAfter
-      }, "*");
-    } else {
-      window.parent.postMessage({ type: "ow:scheduling-not-connected", insertAfter }, "*");
-    }
-  };
-  const sectionId = `scheduling-${insertAfter}`;
-  return /* @__PURE__ */ jsxs2(
-    "section",
-    {
-      "data-ohw-section": sectionId,
-      "data-ohw-scheduling-anchor": insertAfter,
-      className: "w-full box-border py-10 px-5 sm:py-20 sm:px-16 font-body bg-(--color-light,#FEFFF0) relative",
-      onMouseEnter: () => inEditor && setIsHovered(true),
-      onMouseLeave: () => setIsHovered(false),
-      children: [
-        inEditor && isHovered && !!schedule && /* @__PURE__ */ jsxs2(
-          "div",
-          {
-            className: "absolute inset-0 z-10 pointer-events-auto cursor-pointer",
-            onClick: handleReplaceSchedule,
-            children: [
-              /* @__PURE__ */ jsx2("div", { className: "absolute inset-0", style: { background: "#0885FE", opacity: 0.18 } }),
-              /* @__PURE__ */ jsx2("div", { className: "absolute inset-0", style: { boxShadow: "inset 0 0 0 1.5px #0885FE" } }),
-              /* @__PURE__ */ jsx2("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ jsxs2(
-                "div",
-                {
-                  className: "bg-white border border-[#E7E5E4] rounded-md px-3 py-1.5 flex items-center gap-1.5",
-                  style: {
-                    fontSize: 14,
-                    lineHeight: "24px",
-                    fontFamily: "'Figtree', system-ui, sans-serif",
-                    fontWeight: 500,
-                    color: "#0C0A09"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx2(CalendarFoldIcon, {}),
-                    "Replace schedule"
-                  ]
-                }
-              ) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs2("div", { className: "max-w-[1280px] mx-auto flex flex-col items-center gap-16", children: [
-          /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-4", children: [
-            /* @__PURE__ */ jsx2("h2", { className: "font-display text-4xl sm:text-5xl font-bold text-center m-0 text-(--color-dark,#200C02)", children: schedule?.name ?? "Book an appointment" }),
-            schedule?.description && /* @__PURE__ */ jsx2("p", { className: "font-body text-body text-center m-0 text-(--color-accent,#A89B83)", children: schedule.description })
-          ] }),
-          /* @__PURE__ */ jsxs2("div", { className: "w-full flex flex-col items-end gap-3", children: [
-            timezoneLabel && /* @__PURE__ */ jsx2("span", { className: "font-body text-sm font-normal text-(--color-accent,#A89B83)", children: timezoneLabel }),
-            /* @__PURE__ */ jsx2("div", { className: "w-full p-0 sm:p-10 box-border", children: loading ? /* @__PURE__ */ jsx2(LoadingSkeleton, {}) : !schedule ? /* @__PURE__ */ jsx2(EmptyState, { inEditor }) : /* @__PURE__ */ jsx2(
-              ScheduleView,
-              {
-                schedule,
-                dates,
-                selectedIdx,
-                onSelectDate: setSelectedIdx,
-                onOpenModal: inEditor ? void 0 : (mode, classId, classDate) => setModalState({ mode, classId, classDate })
-              }
-            ) })
-          ] })
-        ] }),
-        modalState && /* @__PURE__ */ jsx2(
-          EmailCaptureModal,
-          {
-            title: modalState.mode === "book" ? "Confirm your spot" : "Leave your email",
-            subtitle: modalState.mode === "book" ? "We'll send your booking confirmation here." : "We'll let you know when spots open up!",
-            onSubmit: handleModalSubmit,
-            onClose: () => setModalState(null)
-          }
-        )
-      ]
-    }
-  );
-}
+import React4, { useCallback as useCallback2, useEffect as useEffect2, useLayoutEffect, useRef as useRef2, useState as useState3 } from "react";
 // src/ui/toggle-group.tsx
-import * as React2 from "react";
+import * as React from "react";
 // node_modules/clsx/dist/clsx.mjs
 function r(e) {
@@ -4066,7 +3324,7 @@ var cva = (base, config) => (props) => {
 // src/ui/toggle.tsx
 import { Toggle as TogglePrimitive } from "radix-ui";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 var toggleVariants = cva(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
@@ -4093,7 +3351,7 @@ function Toggle({
   size,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx(
     TogglePrimitive.Root,
     {
       "data-slot": "toggle",
@@ -4104,8 +3362,8 @@ function Toggle({
 }
 // src/ui/toggle-group.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var ToggleGroupContext = React2.createContext({
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ToggleGroupContext = React.createContext({
   value: "",
   onValueChange: () => {
   }
@@ -4117,13 +3375,13 @@ function ToggleGroup({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx2(
     "div",
     {
       role: "group",
       className: cn("flex items-center gap-1 p-1 bg-muted rounded-md", className),
       ...props,
-      children: /* @__PURE__ */ jsx4(ToggleGroupContext.Provider, { value: { value, onValueChange }, children })
+      children: /* @__PURE__ */ jsx2(ToggleGroupContext.Provider, { value: { value, onValueChange }, children })
     }
   );
 }
@@ -4133,8 +3391,8 @@ function ToggleGroupItem({
   children,
   ...props
 }) {
-  const { value: groupValue, onValueChange } = React2.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx4(
+  const { value: groupValue, onValueChange } = React.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx2(
     Toggle,
     {
       pressed: groupValue === value,
@@ -4448,9 +3706,9 @@ function calcPopoverPos(rect, parentScroll, approxW = 483, approxH = 320) {
 }
 // src/ui/button.tsx
-import * as React3 from "react";
+import * as React2 from "react";
 import { Slot } from "radix-ui";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var buttonVariants = cva(
   "inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-md text-sm font-medium transition-colors outline-none disabled:pointer-events-none disabled:opacity-50 min-w-[80px] px-3 py-2",
   {
@@ -4471,10 +3729,10 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React3.forwardRef(
+var Button = React2.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot.Root : "button";
-    return /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx3(
       Comp,
       {
         ref,
@@ -4488,75 +3746,75 @@ var Button = React3.forwardRef(
 Button.displayName = "Button";
 // src/ui/icons.tsx
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 function IconX({ className, ...props }) {
-  return /* @__PURE__ */ jsxs3("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, ...props, children: [
-    /* @__PURE__ */ jsx6("path", { d: "M18 6 6 18" }),
-    /* @__PURE__ */ jsx6("path", { d: "m6 6 12 12" })
+  return /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, ...props, children: [
+    /* @__PURE__ */ jsx4("path", { d: "M18 6 6 18" }),
+    /* @__PURE__ */ jsx4("path", { d: "m6 6 12 12" })
   ] });
 }
 function IconChevronDown({ className, ...props }) {
-  return /* @__PURE__ */ jsx6("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, ...props, children: /* @__PURE__ */ jsx6("path", { d: "m6 9 6 6 6-6" }) });
+  return /* @__PURE__ */ jsx4("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, ...props, children: /* @__PURE__ */ jsx4("path", { d: "m6 9 6 6 6-6" }) });
 }
 function IconFile({ className, ...props }) {
-  return /* @__PURE__ */ jsxs3("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, ...props, children: [
-    /* @__PURE__ */ jsx6("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
-    /* @__PURE__ */ jsx6("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" })
+  return /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, ...props, children: [
+    /* @__PURE__ */ jsx4("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+    /* @__PURE__ */ jsx4("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" })
   ] });
 }
 function IconInfo({ className, ...props }) {
-  return /* @__PURE__ */ jsxs3("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, ...props, children: [
-    /* @__PURE__ */ jsx6("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ jsx6("path", { d: "M12 16v-4" }),
-    /* @__PURE__ */ jsx6("path", { d: "M12 8h.01" })
+  return /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, ...props, children: [
+    /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx4("path", { d: "M12 16v-4" }),
+    /* @__PURE__ */ jsx4("path", { d: "M12 8h.01" })
   ] });
 }
 function IconArrowRight({ className, ...props }) {
-  return /* @__PURE__ */ jsxs3("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, ...props, children: [
-    /* @__PURE__ */ jsx6("path", { d: "M5 12h14" }),
-    /* @__PURE__ */ jsx6("path", { d: "m12 5 7 7-7 7" })
+  return /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, ...props, children: [
+    /* @__PURE__ */ jsx4("path", { d: "M5 12h14" }),
+    /* @__PURE__ */ jsx4("path", { d: "m12 5 7 7-7 7" })
   ] });
 }
 function IconSection({ className, ...props }) {
-  return /* @__PURE__ */ jsxs3("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, ...props, children: [
-    /* @__PURE__ */ jsx6("rect", { width: "18", height: "7", x: "3", y: "3", rx: "1" }),
-    /* @__PURE__ */ jsx6("rect", { width: "9", height: "7", x: "3", y: "14", rx: "1" }),
-    /* @__PURE__ */ jsx6("rect", { width: "5", height: "7", x: "16", y: "14", rx: "1" })
+  return /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, ...props, children: [
+    /* @__PURE__ */ jsx4("rect", { width: "18", height: "7", x: "3", y: "3", rx: "1" }),
+    /* @__PURE__ */ jsx4("rect", { width: "9", height: "7", x: "3", y: "14", rx: "1" }),
+    /* @__PURE__ */ jsx4("rect", { width: "5", height: "7", x: "16", y: "14", rx: "1" })
   ] });
 }
 // src/ui/link-modal/DestinationBreadcrumb.tsx
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 function DestinationBreadcrumb({ pageTitle, sectionLabel }) {
-  return /* @__PURE__ */ jsxs4("div", { className: "flex w-full flex-col gap-2", children: [
-    /* @__PURE__ */ jsx7("p", { className: "text-sm font-medium text-foreground", children: "Destination" }),
-    /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx7(IconFile, { className: "shrink-0 text-foreground", "aria-hidden": true }),
-        /* @__PURE__ */ jsx7("span", { className: "text-sm font-medium leading-none text-foreground", children: pageTitle })
+  return /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-col gap-2", children: [
+    /* @__PURE__ */ jsx5("p", { className: "text-sm font-medium text-foreground", children: "Destination" }),
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx5(IconFile, { className: "shrink-0 text-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ jsx5("span", { className: "text-sm font-medium leading-none text-foreground", children: pageTitle })
       ] }),
-      /* @__PURE__ */ jsx7(IconArrowRight, { className: "shrink-0 text-muted-foreground", "aria-hidden": true }),
-      /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-        /* @__PURE__ */ jsx7(IconSection, { className: "shrink-0 text-foreground", "aria-hidden": true }),
-        /* @__PURE__ */ jsx7("span", { className: "truncate text-sm font-medium leading-none text-foreground", children: sectionLabel })
+      /* @__PURE__ */ jsx5(IconArrowRight, { className: "shrink-0 text-muted-foreground", "aria-hidden": true }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+        /* @__PURE__ */ jsx5(IconSection, { className: "shrink-0 text-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ jsx5("span", { className: "truncate text-sm font-medium leading-none text-foreground", children: sectionLabel })
       ] })
     ] })
   ] });
 }
 // src/ui/link-modal/SectionTreeItem.tsx
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 function SectionTreeItem({ section, onSelect, selected }) {
   const interactive = Boolean(onSelect);
-  return /* @__PURE__ */ jsxs5("div", { className: "flex h-9 w-full items-end pl-3", children: [
-    /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs3("div", { className: "flex h-9 w-full items-end pl-3", children: [
+    /* @__PURE__ */ jsx6(
       "div",
       {
         className: "mr-[-1px] h-9 w-2 shrink-0 rounded-bl-sm border-b border-l border-border mb-4",
         "aria-hidden": true
       }
     ),
-    /* @__PURE__ */ jsxs5(
+    /* @__PURE__ */ jsxs3(
       "div",
       {
         role: interactive ? "button" : void 0,
@@ -4574,8 +3832,8 @@ function SectionTreeItem({ section, onSelect, selected }) {
           interactive && selected && "border-primary"
         ),
         children: [
-          /* @__PURE__ */ jsx8(IconSection, { className: "shrink-0 text-foreground", "aria-hidden": true }),
-          /* @__PURE__ */ jsx8("span", { className: "truncate text-sm font-normal leading-5 text-foreground", children: section.label })
+          /* @__PURE__ */ jsx6(IconSection, { className: "shrink-0 text-foreground", "aria-hidden": true }),
+          /* @__PURE__ */ jsx6("span", { className: "truncate text-sm font-normal leading-5 text-foreground", children: section.label })
         ]
       }
     )
@@ -4583,23 +3841,23 @@ function SectionTreeItem({ section, onSelect, selected }) {
 }
 function SectionPickerList({ sections, onSelect }) {
   if (sections.length === 0) {
-    return /* @__PURE__ */ jsx8("p", { className: "text-sm text-muted-foreground", children: "No sections found on this page." });
+    return /* @__PURE__ */ jsx6("p", { className: "text-sm text-muted-foreground", children: "No sections found on this page." });
   }
-  return /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ jsx8("p", { className: "text-sm text-muted-foreground", children: "Pick a section this link should scroll to." }),
-    sections.map((section) => /* @__PURE__ */ jsx8(SectionTreeItem, { section, onSelect }, section.id))
+  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsx6("p", { className: "text-sm text-muted-foreground", children: "Pick a section this link should scroll to." }),
+    sections.map((section) => /* @__PURE__ */ jsx6(SectionTreeItem, { section, onSelect }, section.id))
   ] });
 }
 // src/ui/link-modal/UrlOrPageInput.tsx
-import { useId, useRef as useRef2, useState as useState3 } from "react";
+import { useId, useRef, useState } from "react";
 // src/ui/input.tsx
-import * as React4 from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var Input = React4.forwardRef(
+import * as React3 from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var Input = React3.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx7(
       "input",
       {
         type,
@@ -4618,9 +3876,9 @@ Input.displayName = "Input";
 // src/ui/label.tsx
 import { Label as LabelPrimitive } from "radix-ui";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function Label({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx8(
     LabelPrimitive.Root,
     {
       "data-slot": "label",
@@ -4632,12 +3890,12 @@ function Label({ className, ...props }) {
 // src/ui/popover.tsx
 import { Popover as PopoverPrimitive } from "radix-ui";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function Popover({ ...props }) {
-  return /* @__PURE__ */ jsx11(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx9(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx11(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx9(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -4645,7 +3903,7 @@ function PopoverContent({
   sideOffset = 6,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx9(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx9(
     PopoverPrimitive.Content,
     {
       "data-slot": "popover-content",
@@ -4661,9 +3919,9 @@ function PopoverContent({
 }
 // src/ui/link-modal/UrlOrPageInput.tsx
-import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 function FieldChevron({ onClick }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx10(
     "button",
     {
       type: "button",
@@ -4671,7 +3929,7 @@ function FieldChevron({ onClick }) {
       onClick,
       "aria-label": "Open page list",
       tabIndex: -1,
-      children: /* @__PURE__ */ jsx12(IconChevronDown, {})
+      children: /* @__PURE__ */ jsx10(IconChevronDown, {})
     }
   );
 }
@@ -4688,8 +3946,8 @@ function UrlOrPageInput({
   urlError
 }) {
   const inputId = useId();
-  const inputRef = useRef2(null);
-  const [isFocused, setIsFocused] = useState3(false);
+  const inputRef = useRef(null);
+  const [isFocused, setIsFocused] = useState(false);
   const openDropdown = () => {
     if (readOnly || filteredPages.length === 0) return;
     onDropdownOpenChange(true);
@@ -4710,12 +3968,12 @@ function UrlOrPageInput({
     "data-ohw-link-field flex h-10 w-full items-center overflow-hidden rounded-md border bg-background pl-3 pr-3 py-2 outline-none transition-[border-color,box-shadow]",
     urlError ? "border-destructive shadow-[0_0_0_1px_var(--ohw-destructive)]" : isFocused ? "border-primary shadow-[0_0_0_1px_var(--ohw-primary)]" : "border-input"
   );
-  return /* @__PURE__ */ jsxs6("div", { className: "flex w-full flex-col gap-2 p-0", children: [
-    /* @__PURE__ */ jsx12(Label, { htmlFor: inputId, className: cn(urlError && "text-destructive"), children: "Destination" }),
-    /* @__PURE__ */ jsxs6(Popover, { open: dropdownOpen && !readOnly, onOpenChange: onDropdownOpenChange, children: [
-      /* @__PURE__ */ jsx12(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs6("div", { "data-ohw-link-field": true, className: fieldClassName, children: [
-        selectedPage ? /* @__PURE__ */ jsx12("div", { className: "flex shrink-0 items-center pr-2", children: /* @__PURE__ */ jsx12(IconFile, { className: "text-foreground", "aria-hidden": true }) }) : null,
-        readOnly ? /* @__PURE__ */ jsx12("span", { className: "min-w-0 flex-1 truncate text-sm leading-5 text-foreground", children: selectedPage?.title ?? value }) : /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs4("div", { className: "flex w-full flex-col gap-2 p-0", children: [
+    /* @__PURE__ */ jsx10(Label, { htmlFor: inputId, className: cn(urlError && "text-destructive"), children: "Destination" }),
+    /* @__PURE__ */ jsxs4(Popover, { open: dropdownOpen && !readOnly, onOpenChange: onDropdownOpenChange, children: [
+      /* @__PURE__ */ jsx10(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs4("div", { "data-ohw-link-field": true, className: fieldClassName, children: [
+        selectedPage ? /* @__PURE__ */ jsx10("div", { className: "flex shrink-0 items-center pr-2", children: /* @__PURE__ */ jsx10(IconFile, { className: "text-foreground", "aria-hidden": true }) }) : null,
+        readOnly ? /* @__PURE__ */ jsx10("span", { className: "min-w-0 flex-1 truncate text-sm leading-5 text-foreground", children: selectedPage?.title ?? value }) : /* @__PURE__ */ jsx10(
           Input,
           {
             ref: inputRef,
@@ -4734,7 +3992,7 @@ function UrlOrPageInput({
             )
           }
         ),
-        selectedPage && !readOnly ? /* @__PURE__ */ jsx12(
+        selectedPage && !readOnly ? /* @__PURE__ */ jsx10(
           "button",
           {
             type: "button",
@@ -4742,31 +4000,31 @@ function UrlOrPageInput({
             onMouseDown: clearSelection,
             "aria-label": "Clear selected page",
             tabIndex: -1,
-            children: /* @__PURE__ */ jsx12(IconX, { "aria-hidden": true })
+            children: /* @__PURE__ */ jsx10(IconX, { "aria-hidden": true })
           }
         ) : null,
-        !readOnly ? /* @__PURE__ */ jsx12(FieldChevron, { onClick: toggleDropdown }) : null
+        !readOnly ? /* @__PURE__ */ jsx10(FieldChevron, { onClick: toggleDropdown }) : null
       ] }) }),
-      filteredPages.length > 0 && /* @__PURE__ */ jsx12(PopoverContent, { "data-ohw-link-popover-root": "", onOpenAutoFocus: (e) => e.preventDefault(), children: filteredPages.map((page) => /* @__PURE__ */ jsxs6(
+      filteredPages.length > 0 && /* @__PURE__ */ jsx10(PopoverContent, { "data-ohw-link-popover-root": "", onOpenAutoFocus: (e) => e.preventDefault(), children: filteredPages.map((page) => /* @__PURE__ */ jsxs4(
         "button",
         {
           type: "button",
           className: "flex h-9 w-full items-center gap-2 border-0 bg-transparent px-3 text-left text-sm leading-5 text-foreground outline-none hover:bg-muted",
           onClick: () => onPageSelect(page),
           children: [
-            /* @__PURE__ */ jsx12(IconFile, { className: "shrink-0", "aria-hidden": true }),
-            /* @__PURE__ */ jsx12("span", { className: "truncate", children: page.title })
+            /* @__PURE__ */ jsx10(IconFile, { className: "shrink-0", "aria-hidden": true }),
+            /* @__PURE__ */ jsx10("span", { className: "truncate", children: page.title })
           ]
         },
         page.path
       )) })
     ] }),
-    urlError ? /* @__PURE__ */ jsx12("p", { className: "text-sm font-medium text-destructive", children: urlError }) : null
+    urlError ? /* @__PURE__ */ jsx10("p", { className: "text-sm font-medium text-destructive", children: urlError }) : null
   ] });
 }
 // src/ui/link-modal/useLinkModalState.ts
-import { useCallback, useEffect as useEffect2, useMemo as useMemo2, useState as useState4 } from "react";
+import { useCallback, useEffect, useMemo, useState as useState2 } from "react";
 function useLinkModalState({
   open,
   mode,
@@ -4778,16 +4036,16 @@ function useLinkModalState({
   onClose,
   onSubmit
 }) {
-  const availablePages = useMemo2(
+  const availablePages = useMemo(
     () => mode === "create" ? filterAvailablePages(pages, existingTargets) : pages,
     [mode, pages, existingTargets]
   );
-  const [searchValue, setSearchValue] = useState4("");
-  const [selectedPage, setSelectedPage] = useState4(null);
-  const [selectedSection, setSelectedSection] = useState4(null);
-  const [step, setStep] = useState4("input");
-  const [dropdownOpen, setDropdownOpen] = useState4(false);
-  const [urlError, setUrlError] = useState4("");
+  const [searchValue, setSearchValue] = useState2("");
+  const [selectedPage, setSelectedPage] = useState2(null);
+  const [selectedSection, setSelectedSection] = useState2(null);
+  const [step, setStep] = useState2("input");
+  const [dropdownOpen, setDropdownOpen] = useState2(false);
+  const [urlError, setUrlError] = useState2("");
   const reset = useCallback(() => {
     setSearchValue("");
     setSelectedPage(null);
@@ -4796,7 +4054,7 @@ function useLinkModalState({
     setDropdownOpen(false);
     setUrlError("");
   }, []);
-  useEffect2(() => {
+  useEffect(() => {
     if (!open) return;
     if (mode === "edit" && initialTarget) {
       const { pageRoute } = parseTarget(initialTarget);
@@ -4812,11 +4070,11 @@ function useLinkModalState({
     setDropdownOpen(false);
     setUrlError("");
   }, [open, mode, initialTarget, pages, sectionsByPath, reset]);
-  const filteredPages = useMemo2(() => {
+  const filteredPages = useMemo(() => {
     if (!searchValue.trim()) return availablePages;
     return availablePages.filter((p) => p.title.toLowerCase().startsWith(searchValue.toLowerCase()));
   }, [availablePages, searchValue]);
-  const activeSections = useMemo2(() => {
+  const activeSections = useMemo(() => {
     if (!selectedPage) return [];
     return getSectionsForPath(sectionsByPath, selectedPage.path);
   }, [selectedPage, sectionsByPath]);
@@ -4862,7 +4120,7 @@ function useLinkModalState({
     reset();
     onClose();
   };
-  const isValid = useMemo2(() => {
+  const isValid = useMemo(() => {
     if (urlError) return false;
     if (showBreadcrumb) return true;
     if (selectedPage) return true;
@@ -4929,7 +4187,7 @@ function useLinkModalState({
 }
 // src/ui/link-modal/LinkEditorPanel.tsx
-import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
 function LinkEditorPanel({
   open = true,
   mode = "create",
@@ -4953,26 +4211,26 @@ function LinkEditorPanel({
     onSubmit
   });
   const isCancel = state.secondaryLabel === "Cancel";
-  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
-    /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs5(Fragment, { children: [
+    /* @__PURE__ */ jsx11(
       "button",
       {
         type: "button",
         className: "absolute right-[9px] top-[9px] rounded-sm p-1.5 text-foreground hover:bg-muted/50",
         onClick: state.handleClose,
         "aria-label": "Close",
-        children: /* @__PURE__ */ jsx13(IconX, { "aria-hidden": true })
+        children: /* @__PURE__ */ jsx11(IconX, { "aria-hidden": true })
       }
     ),
-    /* @__PURE__ */ jsx13("header", { className: "flex w-full flex-col gap-1.5 p-6 pr-12", children: /* @__PURE__ */ jsx13("h2", { className: "m-0 w-full break-words text-lg font-semibold leading-none tracking-tight text-card-foreground", children: state.title }) }),
-    /* @__PURE__ */ jsxs7("div", { className: "flex w-full flex-col gap-3 px-6 pb-8 pt-1", children: [
-      state.showBreadcrumb && state.selectedPage && state.selectedSection ? /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx11("header", { className: "flex w-full flex-col gap-1.5 p-6 pr-12", children: /* @__PURE__ */ jsx11("h2", { className: "m-0 w-full break-words text-lg font-semibold leading-none tracking-tight text-card-foreground", children: state.title }) }),
+    /* @__PURE__ */ jsxs5("div", { className: "flex w-full flex-col gap-3 px-6 pb-8 pt-1", children: [
+      state.showBreadcrumb && state.selectedPage && state.selectedSection ? /* @__PURE__ */ jsx11(
         DestinationBreadcrumb,
         {
           pageTitle: state.selectedPage.title,
           sectionLabel: state.selectedSection.label
         }
-      ) : /* @__PURE__ */ jsx13(
+      ) : /* @__PURE__ */ jsx11(
         UrlOrPageInput,
         {
           value: state.searchValue,
@@ -4985,18 +4243,18 @@ function LinkEditorPanel({
           urlError: state.urlError
         }
       ),
-      state.showChooseSection ? /* @__PURE__ */ jsxs7("div", { className: "flex flex-col justify-center gap-2", children: [
-        /* @__PURE__ */ jsx13(Button, { type: "button", variant: "outline", className: "w-fit cursor-pointer", size: "sm", onClick: state.handleChooseSection, children: "Choose a section" }),
-        /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-1 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ jsx13(IconInfo, { className: "shrink-0", "aria-hidden": true }),
-          /* @__PURE__ */ jsx13("span", { children: "Pick a section this link should scroll to." })
+      state.showChooseSection ? /* @__PURE__ */ jsxs5("div", { className: "flex flex-col justify-center gap-2", children: [
+        /* @__PURE__ */ jsx11(Button, { type: "button", variant: "outline", className: "w-fit cursor-pointer", size: "sm", onClick: state.handleChooseSection, children: "Choose a section" }),
+        /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-1 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx11(IconInfo, { className: "shrink-0", "aria-hidden": true }),
+          /* @__PURE__ */ jsx11("span", { children: "Pick a section this link should scroll to." })
         ] })
       ] }) : null,
-      state.showSectionPicker ? /* @__PURE__ */ jsx13(SectionPickerList, { sections: state.activeSections, onSelect: state.handleSectionSelect }) : null,
-      state.showSectionRow && state.selectedSection ? /* @__PURE__ */ jsx13(SectionTreeItem, { section: state.selectedSection, selected: true }) : null
+      state.showSectionPicker ? /* @__PURE__ */ jsx11(SectionPickerList, { sections: state.activeSections, onSelect: state.handleSectionSelect }) : null,
+      state.showSectionRow && state.selectedSection ? /* @__PURE__ */ jsx11(SectionTreeItem, { section: state.selectedSection, selected: true }) : null
     ] }),
-    /* @__PURE__ */ jsxs7("footer", { className: "flex w-full items-center justify-end gap-2 px-6 pb-6", children: [
-      /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsxs5("footer", { className: "flex w-full items-center justify-end gap-2 px-6 pb-6", children: [
+      /* @__PURE__ */ jsx11(
         Button,
         {
           type: "button",
@@ -5011,7 +4269,7 @@ function LinkEditorPanel({
           children: state.secondaryLabel
         }
       ),
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx11(
         Button,
         {
           type: "button",
@@ -5030,7 +4288,7 @@ function LinkEditorPanel({
 }
 // src/ui/link-modal/LinkPopover.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function LinkPopover({
   rect,
   parentScroll,
@@ -5038,7 +4296,7 @@ function LinkPopover({
   ...editorProps
 }) {
   const { top, left, transform } = calcPopoverPos(rect, parentScroll);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       ref: panelRef,
@@ -5051,7 +4309,7 @@ function LinkPopover({
       ),
       style: { top, left, transform },
       onMouseDown: (e) => e.stopPropagation(),
-      children: /* @__PURE__ */ jsx14(LinkEditorPanel, { ...editorProps, open: true })
+      children: /* @__PURE__ */ jsx12(LinkEditorPanel, { ...editorProps, open: true })
     }
   );
 }
@@ -5114,30 +4372,8 @@ function shouldUseDevFixtures() {
   return new URLSearchParams(q).get("ohw-fixtures") === "1";
 }
-// src/ui/badge.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
-var badgeVariants = cva(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground",
-        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
-        outline: "text-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx15("div", { className: cn(badgeVariants({ variant }), className), ...props });
-}
 // src/OhhwellsBridge.tsx
-import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 var PRIMARY = "#0885FE";
 var IMAGE_FADE_MS = 300;
 function runOpacityFade(el, onDone) {
@@ -5188,163 +4424,6 @@ function fadeInBgImage(el, url, onReady) {
     if (!prevPos || prevPos === "static") el.style.position = prevPos;
   });
 }
-function getSectionsTracker() {
-  let el = document.querySelector("[data-ohw-sections-tracker]");
-  if (!el) {
-    el = document.createElement("div");
-    el.setAttribute("data-ohw-sections-tracker", "");
-    el.style.display = "none";
-    document.body.appendChild(el);
-  }
-  return el;
-}
-function updateSectionScheduleId(insertAfter, scheduleId) {
-  const tracker = getSectionsTracker();
-  let sections = [];
-  try {
-    sections = JSON.parse(tracker.textContent || "[]");
-  } catch {
-  }
-  const currentPath = window.location.pathname;
-  const updated = sections.map((s) => {
-    if (s.type !== "scheduling" || s.insertAfter !== insertAfter) return s;
-    if (s.pagePath && s.pagePath !== currentPath) return s;
-    return { ...s, scheduleId };
-  });
-  tracker.textContent = JSON.stringify(updated);
-  return tracker.textContent ?? "[]";
-}
-function schedulingSectionId(insertAfter) {
-  return `scheduling-${insertAfter}`;
-}
-var INSERT_BEFORE_MARKER = ":before:";
-function parseSchedulingInsertAfter(insertAfter) {
-  const idx = insertAfter.indexOf(INSERT_BEFORE_MARKER);
-  if (idx < 0) return { anchor: insertAfter, insertBefore: null };
-  return {
-    anchor: insertAfter.slice(0, idx),
-    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 schedulingMountDepth(insertAfter) {
-  if (!insertAfter.includes(INSERT_BEFORE_MARKER)) return 0;
-  return insertAfter.split(INSERT_BEFORE_MARKER).length - 1;
-}
-function getPageSchedulingEntries(raw) {
-  if (!raw) return [];
-  try {
-    const entries = JSON.parse(raw);
-    const currentPath = window.location.pathname;
-    return entries.filter((e) => e.type === "scheduling" && (!e.pagePath || e.pagePath === currentPath));
-  } catch {
-    return [];
-  }
-}
-function isSchedulingWidgetMissing(entry) {
-  const { effectiveInsertAfter } = resolveSchedulingInsert(entry.insertAfter);
-  return !document.querySelector(`[data-ohw-section="${schedulingSectionId(effectiveInsertAfter)}"]`);
-}
-function hasMissingSchedulingWidgets(entries) {
-  return entries.some(isSchedulingWidgetMissing);
-}
-function retryMissingSchedulingMounts(entries, notifyOnConnect = false) {
-  if (!hasMissingSchedulingWidgets(entries)) return;
-  mountSchedulingEntries(entries, notifyOnConnect);
-}
-function initSectionsFromContent(content, removeExisting = false) {
-  const raw = content["__ohw_sections"];
-  if (!raw) return;
-  try {
-    if (removeExisting) {
-      document.querySelectorAll('[data-ohw-section-container="scheduling"]').forEach((el) => el.remove());
-    }
-    const inEditor = typeof window !== "undefined" && window.self !== window.top;
-    if (inEditor) getSectionsTracker().textContent = raw;
-    const pageEntries = getPageSchedulingEntries(raw);
-    mountSchedulingEntries(pageEntries, false);
-    requestAnimationFrame(() => retryMissingSchedulingMounts(pageEntries, false));
-    setTimeout(() => retryMissingSchedulingMounts(pageEntries, false), 250);
-  } catch {
-  }
-}
-function mountSchedulingWidget(insertAfter, notifyOnConnect = false, scheduleId, explicitInsertBefore) {
-  const { effectiveInsertAfter, insertBefore } = resolveSchedulingInsert(insertAfter, explicitInsertBefore);
-  const sectionId = schedulingSectionId(effectiveInsertAfter);
-  if (document.querySelector(`[data-ohw-section="${sectionId}"]`)) return false;
-  const mountPoint = getSchedulingMountPoint(effectiveInsertAfter);
-  if (!mountPoint) return false;
-  const container = document.createElement("div");
-  container.dataset.ohwSectionContainer = "scheduling";
-  if (insertBefore) {
-    const beforeAnchor = document.querySelector(`[data-ohw-section="${insertBefore}"]`);
-    const beforePoint = beforeAnchor?.closest('[data-ohw-section-container="scheduling"]') ?? beforeAnchor;
-    if (!beforePoint) return false;
-    beforePoint.insertAdjacentElement("beforebegin", container);
-  } else {
-    let tail = mountPoint;
-    while (tail.nextElementSibling?.dataset.ohwSectionContainer === "scheduling") {
-      tail = tail.nextElementSibling;
-    }
-    tail.insertAdjacentElement("afterend", container);
-  }
-  const root = createRoot(container);
-  flushSync(() => {
-    root.render(
-      /* @__PURE__ */ jsx16(
-        SchedulingWidget,
-        {
-          notifyOnConnect,
-          initialScheduleId: scheduleId,
-          insertAfter: effectiveInsertAfter
-        }
-      )
-    );
-  });
-  const tracker = getSectionsTracker();
-  let sections = [];
-  try {
-    sections = JSON.parse(tracker.textContent || "[]");
-  } catch {
-  }
-  const inEditor = typeof window !== "undefined" && window.self !== window.top;
-  if (inEditor && !sections.find((s) => s.type === "scheduling" && s.insertAfter === effectiveInsertAfter)) {
-    sections.push({
-      type: "scheduling",
-      insertAfter: effectiveInsertAfter,
-      pagePath: window.location.pathname,
-      ...scheduleId ? { scheduleId } : {}
-    });
-    tracker.textContent = JSON.stringify(sections);
-  }
-  return true;
-}
-function mountSchedulingEntries(entries, notifyOnConnect = false) {
-  const pending = entries.filter((e) => e.type === "scheduling").sort((a, b) => schedulingMountDepth(a.insertAfter) - schedulingMountDepth(b.insertAfter));
-  for (let attempt = 0; attempt < pending.length + 1 && pending.length > 0; attempt++) {
-    for (let i = pending.length - 1; i >= 0; i--) {
-      const { insertAfter, scheduleId } = pending[i];
-      if (mountSchedulingWidget(insertAfter, notifyOnConnect, scheduleId)) {
-        pending.splice(i, 1);
-      }
-    }
-  }
-}
 function getLinkHref(el) {
   const anchor = el instanceof HTMLAnchorElement ? el : el.querySelector("a");
   return anchor?.getAttribute("href") ?? "";
@@ -5544,7 +4623,7 @@ var TOOLBAR_GROUPS = [
 ];
 function GlowFrame({ rect, elRef }) {
   const GAP = 6;
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       ref: elRef,
@@ -5597,7 +4676,7 @@ function FloatingToolbar({
   onEditLink
 }) {
   const { top, left, transform } = calcToolbarPos(rect, parentScroll);
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       ref: elRef,
@@ -5622,11 +4701,11 @@ function FloatingToolbar({
       },
       onMouseDown: (e) => e.stopPropagation(),
       children: [
-        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ jsxs8(React5.Fragment, { children: [
-          gi > 0 && /* @__PURE__ */ jsx16("span", { style: { display: "block", width: 1, height: 24, background: "#E7E5E4", flexShrink: 0 } }),
+        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ jsxs6(React4.Fragment, { children: [
+          gi > 0 && /* @__PURE__ */ jsx13("span", { style: { display: "block", width: 1, height: 24, background: "#E7E5E4", flexShrink: 0 } }),
           btns.map((btn) => {
             const isActive = activeCommands.has(btn.cmd);
-            return /* @__PURE__ */ jsx16(
+            return /* @__PURE__ */ jsx13(
               "button",
               {
                 title: btn.title,
@@ -5652,7 +4731,7 @@ function FloatingToolbar({
                   flexShrink: 0,
                   padding: 6
                 },
-                children: /* @__PURE__ */ jsx16(
+                children: /* @__PURE__ */ jsx13(
                   "svg",
                   {
                     width: "16",
@@ -5672,7 +4751,7 @@ function FloatingToolbar({
             );
           })
         ] }, gi)),
-        showEditLink ? /* @__PURE__ */ jsx16(
+        showEditLink ? /* @__PURE__ */ jsx13(
           "button",
           {
             type: "button",
@@ -5704,9 +4783,9 @@ function FloatingToolbar({
               flexShrink: 0,
               padding: 6
             },
-            children: /* @__PURE__ */ jsxs8("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-              /* @__PURE__ */ jsx16("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
-              /* @__PURE__ */ jsx16("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
+            children: /* @__PURE__ */ jsxs6("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+              /* @__PURE__ */ jsx13("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
+              /* @__PURE__ */ jsx13("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
             ] })
           }
         ) : null
@@ -5724,7 +4803,7 @@ function StateToggle({
   states,
   onStateChange
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx13(
     ToggleGroup,
     {
       "data-ohw-state-toggle": "",
@@ -5738,35 +4817,18 @@ function StateToggle({
         left: rect.right - 8,
         transform: "translateX(-100%)"
       },
-      children: states.map((state) => /* @__PURE__ */ jsx16(ToggleGroupItem, { value: state, size: "sm", children: state }, state))
+      children: states.map((state) => /* @__PURE__ */ jsx13(ToggleGroupItem, { value: state, size: "sm", children: state }, state))
     }
   );
 }
 var contentCache = /* @__PURE__ */ new Map();
-function resolveSubdomain(subdomainFromQuery) {
-  if (subdomainFromQuery) return subdomainFromQuery;
-  if (typeof window !== "undefined") {
-    const parts = window.location.hostname.split(".");
-    if (parts.length >= 3 && parts[0] !== "www") return parts[0];
-  }
-  const siteUrl = process.env.NEXT_PUBLIC_SITE_URL;
-  if (siteUrl) {
-    try {
-      const host = new URL(siteUrl).hostname;
-      const siteParts = host.split(".");
-      if (siteParts.length >= 3 && siteParts[0] !== "www") return siteParts[0];
-    } catch {
-    }
-  }
-  return "";
-}
 function OhhwellsBridge() {
   const pathname = usePathname();
   const router = useRouter();
   const searchParams = useSearchParams();
   const isEditMode = isEditSessionActive();
-  const [bridgeRoot, setBridgeRoot] = useState5(null);
-  useEffect3(() => {
+  const [bridgeRoot, setBridgeRoot] = useState3(null);
+  useEffect2(() => {
     const figtreeFontId = "ohw-figtree-font";
     if (!document.getElementById(figtreeFontId)) {
       const preconnect1 = Object.assign(document.createElement("link"), { rel: "preconnect", href: "https://fonts.googleapis.com" });
@@ -5789,47 +4851,50 @@ function OhhwellsBridge() {
     };
   }, []);
   const subdomainFromQuery = searchParams.get("subdomain");
-  const subdomain = resolveSubdomain(subdomainFromQuery);
+  const subdomain = subdomainFromQuery ?? (() => {
+    if (typeof window === "undefined") return "";
+    const parts = window.location.hostname.split(".");
+    return parts.length >= 3 && parts[0] !== "www" ? parts[0] : "";
+  })();
   const postToParent = useCallback2((data) => {
     if (typeof window !== "undefined" && window.parent !== window) {
       window.parent.postMessage(data, "*");
     }
   }, []);
-  const [fetchState, setFetchState] = useState5("idle");
-  const autoSaveTimers = useRef3(/* @__PURE__ */ new Map());
-  const activeElRef = useRef3(null);
-  const originalContentRef = useRef3(null);
-  const activeStateElRef = useRef3(null);
-  const parentScrollRef = useRef3(null);
-  const toolbarElRef = useRef3(null);
-  const glowElRef = useRef3(null);
-  const hoveredImageRef = useRef3(null);
-  const hoveredImageHasTextOverlapRef = useRef3(false);
-  const hoveredGapRef = useRef3(null);
-  const imageUnhoverTimerRef = useRef3(null);
-  const imageShowTimerRef = useRef3(null);
-  const editStylesRef = useRef3(null);
-  const activateRef = useRef3(() => {
+  const [fetchState, setFetchState] = useState3("idle");
+  const autoSaveTimers = useRef2(/* @__PURE__ */ new Map());
+  const activeElRef = useRef2(null);
+  const originalContentRef = useRef2(null);
+  const activeStateElRef = useRef2(null);
+  const parentScrollRef = useRef2(null);
+  const toolbarElRef = useRef2(null);
+  const glowElRef = useRef2(null);
+  const hoveredImageRef = useRef2(null);
+  const hoveredImageHasTextOverlapRef = useRef2(false);
+  const imageUnhoverTimerRef = useRef2(null);
+  const imageShowTimerRef = useRef2(null);
+  const editStylesRef = useRef2(null);
+  const activateRef = useRef2(() => {
   });
-  const deactivateRef = useRef3(() => {
+  const deactivateRef = useRef2(() => {
   });
-  const refreshActiveCommandsRef = useRef3(() => {
+  const refreshActiveCommandsRef = useRef2(() => {
   });
-  const postToParentRef = useRef3(postToParent);
+  const postToParentRef = useRef2(postToParent);
   postToParentRef.current = postToParent;
-  const [toolbarRect, setToolbarRect] = useState5(null);
-  const [toggleState, setToggleState] = useState5(null);
-  const [maxBadge, setMaxBadge] = useState5(null);
-  const [activeCommands, setActiveCommands] = useState5(/* @__PURE__ */ new Set());
-  const [toolbarShowEditLink, setToolbarShowEditLink] = useState5(false);
-  const [linkPopover, setLinkPopover] = useState5(null);
-  const [sitePages, setSitePages] = useState5([]);
-  const [sectionsByPath, setSectionsByPath] = useState5({});
-  const sectionsPrefetchGenRef = useRef3(0);
-  const setLinkPopoverRef = useRef3(setLinkPopover);
-  const linkPopoverPanelRef = useRef3(null);
-  const linkPopoverOpenRef = useRef3(false);
-  const linkPopoverGraceUntilRef = useRef3(0);
+  const [toolbarRect, setToolbarRect] = useState3(null);
+  const [toggleState, setToggleState] = useState3(null);
+  const [maxBadge, setMaxBadge] = useState3(null);
+  const [activeCommands, setActiveCommands] = useState3(/* @__PURE__ */ new Set());
+  const [toolbarShowEditLink, setToolbarShowEditLink] = useState3(false);
+  const [linkPopover, setLinkPopover] = useState3(null);
+  const [sitePages, setSitePages] = useState3([]);
+  const [sectionsByPath, setSectionsByPath] = useState3({});
+  const sectionsPrefetchGenRef = useRef2(0);
+  const setLinkPopoverRef = useRef2(setLinkPopover);
+  const linkPopoverPanelRef = useRef2(null);
+  const linkPopoverOpenRef = useRef2(false);
+  const linkPopoverGraceUntilRef = useRef2(0);
   setLinkPopoverRef.current = setLinkPopover;
   const bumpLinkPopoverGrace = () => {
     linkPopoverGraceUntilRef.current = Date.now() + 350;
@@ -5853,9 +4918,9 @@ function OhhwellsBridge() {
       );
     });
   }, [isEditMode, pathname]);
-  const runSectionsPrefetchRef = useRef3(runSectionsPrefetch);
+  const runSectionsPrefetchRef = useRef2(runSectionsPrefetch);
   runSectionsPrefetchRef.current = runSectionsPrefetch;
-  useEffect3(() => {
+  useEffect2(() => {
     if (!linkPopover) return;
     if (hoveredImageRef.current) {
       hoveredImageRef.current = null;
@@ -5863,7 +4928,7 @@ function OhhwellsBridge() {
     }
     postToParent({ type: "ow:image-unhover" });
   }, [linkPopover, postToParent]);
-  useEffect3(() => {
+  useEffect2(() => {
     if (!isEditMode) return;
     const useFixtures = shouldUseDevFixtures();
     if (useFixtures) {
@@ -5887,15 +4952,14 @@ function OhhwellsBridge() {
     if (!useFixtures) postToParent({ type: "ow:request-site-pages" });
     return () => window.removeEventListener("message", onSitePages);
   }, [isEditMode, postToParent]);
-  const [sectionGap, setSectionGap] = useState5(null);
-  useEffect3(() => {
+  useEffect2(() => {
     if (!isEditMode || shouldUseDevFixtures()) return;
     void loadAllSectionsManifest().then((manifest) => {
       if (Object.keys(manifest).length === 0) return;
       setSectionsByPath((prev) => ({ ...manifest, ...prev }));
     });
   }, [isEditMode]);
-  useEffect3(() => {
+  useEffect2(() => {
     const update = () => {
       const el = activeElRef.current;
       if (el) setToolbarRect(el.getBoundingClientRect());
@@ -5903,12 +4967,6 @@ function OhhwellsBridge() {
         if (!prev || !activeStateElRef.current) return prev;
         return { ...prev, rect: activeStateElRef.current.getBoundingClientRect() };
       });
-      setSectionGap((prev) => {
-        if (!prev) return prev;
-        const anchor = document.querySelector(`[data-ohw-section="${prev.insertAfter}"]`);
-        if (!anchor) return prev;
-        return { ...prev, y: anchor.getBoundingClientRect().bottom };
-      });
     };
     const vvp = window.visualViewport;
     if (!vvp) return;
@@ -5975,7 +5033,6 @@ function OhhwellsBridge() {
     const applyContent = (content) => {
       const imageLoads = [];
       for (const [key, val] of Object.entries(content)) {
-        if (key === "__ohw_sections") continue;
         document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
           if (el.dataset.ohwEditable === "image") {
             const img = el instanceof HTMLImageElement ? el : el.querySelector("img");
@@ -5997,7 +5054,6 @@ function OhhwellsBridge() {
         });
         applyLinkByKey(key, val);
       }
-      initSectionsFromContent(content, true);
       return imageLoads.length > 0 ? Promise.all(imageLoads).then(() => {
       }) : Promise.resolve();
     };
@@ -6022,15 +5078,12 @@ function OhhwellsBridge() {
       cancelled = true;
     };
   }, [subdomain, isEditMode, pathname]);
-  useEffect3(() => {
+  useEffect2(() => {
     if (!subdomain || isEditMode) return;
-    let debounceTimer = null;
     const applyFromCache = () => {
       const content = contentCache.get(subdomain);
       if (!content) return;
-      retryMissingSchedulingMounts(getPageSchedulingEntries(content["__ohw_sections"]), false);
       for (const [key, val] of Object.entries(content)) {
-        if (key === "__ohw_sections") continue;
         document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
           if (el.dataset.ohwEditable === "image") {
             const img = el instanceof HTMLImageElement ? el : el.querySelector("img");
@@ -6047,28 +5100,21 @@ function OhhwellsBridge() {
         applyLinkByKey(key, val);
       }
     };
-    const scheduleApply = () => {
-      if (debounceTimer) clearTimeout(debounceTimer);
-      debounceTimer = setTimeout(applyFromCache, 150);
-    };
-    scheduleApply();
-    const observer = new MutationObserver(scheduleApply);
+    applyFromCache();
+    const observer = new MutationObserver(applyFromCache);
     observer.observe(document.body, { childList: true, subtree: true });
-    return () => {
-      observer.disconnect();
-      if (debounceTimer) clearTimeout(debounceTimer);
-    };
-  }, [subdomain, isEditMode, pathname]);
+    return () => observer.disconnect();
+  }, [subdomain, isEditMode]);
   useLayoutEffect(() => {
     const el = document.getElementById("ohw-loader");
     if (!el) return;
     const visible = Boolean(subdomain) && fetchState !== "done";
     el.style.display = visible ? "flex" : "none";
   }, [subdomain, fetchState]);
-  useEffect3(() => {
+  useEffect2(() => {
     postToParent({ type: "ow:navigation", path: pathname });
   }, [pathname, postToParent]);
-  useEffect3(() => {
+  useEffect2(() => {
     if (!isEditMode) return;
     const measure = () => {
       const h = document.body.scrollHeight;
@@ -6092,7 +5138,7 @@ function OhhwellsBridge() {
       window.removeEventListener("resize", handleResize);
     };
   }, [pathname, isEditMode, postToParent]);
-  useEffect3(() => {
+  useEffect2(() => {
     if (!subdomainFromQuery || isEditMode) return;
     const handleClick = (e) => {
       const anchor = e.target.closest("a");
@@ -6108,7 +5154,7 @@ function OhhwellsBridge() {
     document.addEventListener("click", handleClick, true);
     return () => document.removeEventListener("click", handleClick, true);
   }, [subdomainFromQuery, isEditMode, router]);
-  useEffect3(() => {
+  useEffect2(() => {
     if (!isEditMode) {
       editStylesRef.current?.base.remove();
       editStylesRef.current?.forceHover.remove();
@@ -6409,15 +5455,6 @@ function OhhwellsBridge() {
           textEditable.setAttribute("data-ohw-hovered", "");
           return;
         }
-        if (hoveredGapRef.current) {
-          if (hoveredImageRef.current) {
-            hoveredImageRef.current = null;
-            resumeAnimTracks();
-            postToParentRef.current({ type: "ow:image-unhover" });
-          }
-          document.querySelectorAll("[data-ohw-hovered]").forEach((el) => el.removeAttribute("data-ohw-hovered"));
-          return;
-        }
         document.querySelectorAll("[data-ohw-hovered]").forEach((el) => el.removeAttribute("data-ohw-hovered"));
         if (imgEl !== hoveredImageRef.current || hoveredImageHasTextOverlapRef.current) {
           hoveredImageRef.current = imgEl;
@@ -6483,30 +5520,8 @@ function OhhwellsBridge() {
         }
       }
     };
-    const probeSectionGapAt = (clientX, clientY, fromParentViewport = false) => {
-      const { y } = toProbeCoords(clientX, clientY, fromParentViewport);
-      const sections = Array.from(document.querySelectorAll("[data-ohw-section]")).sort((a, b) => a.getBoundingClientRect().top - b.getBoundingClientRect().top);
-      const ZONE = 20;
-      for (let i = 0; i < sections.length; i++) {
-        const a = sections[i];
-        const b = sections[i + 1] ?? null;
-        const boundaryY = a.getBoundingClientRect().bottom;
-        if (Math.abs(y - boundaryY) <= ZONE) {
-          const insertAfter = a.dataset.ohwSection ?? "";
-          const insertBefore = b?.dataset.ohwSection ?? null;
-          hoveredGapRef.current = { insertAfter, insertBefore };
-          setSectionGap({ insertAfter, insertBefore, y: boundaryY });
-          return;
-        }
-      }
-      if (hoveredGapRef.current) {
-        hoveredGapRef.current = null;
-        setSectionGap(null);
-      }
-    };
     const handleMouseMove = (e) => {
       const { clientX, clientY } = e;
-      probeSectionGapAt(clientX, clientY);
       probeImageAt(clientX, clientY);
       probeHoverCardsAt(clientX, clientY);
     };
@@ -6514,7 +5529,6 @@ function OhhwellsBridge() {
       if (e.data?.type !== "ow:pointer-sync") return;
       const { clientX, clientY } = e.data;
       if (typeof clientX !== "number" || typeof clientY !== "number") return;
-      probeSectionGapAt(clientX, clientY);
       probeImageAt(clientX, clientY);
       probeHoverCardsAt(clientX, clientY);
     };
@@ -6672,12 +5686,7 @@ function OhhwellsBridge() {
       if (e.data?.type !== "ow:hydrate") return;
       const content = e.data.content;
       if (!content) return;
-      let sectionsJson = null;
       for (const [key, val] of Object.entries(content)) {
-        if (key === "__ohw_sections") {
-          sectionsJson = val;
-          continue;
-        }
         document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
           if (el.dataset.ohwEditable === "image") {
             const img = el instanceof HTMLImageElement ? el : el.querySelector("img");
@@ -6692,9 +5701,6 @@ function OhhwellsBridge() {
         });
         applyLinkByKey(key, val);
       }
-      if (sectionsJson) {
-        initSectionsFromContent({ __ohw_sections: sectionsJson }, true);
-      }
       postToParentRef.current({ type: "ow:hydrate-done" });
     };
     window.addEventListener("message", handleHydrate);
@@ -6747,63 +5753,7 @@ function OhhwellsBridge() {
     };
     const handleSave = (e) => {
       if (e.data?.type !== "ow:save") return;
-      const nodes = collectEditableNodes();
-      const tracker = document.querySelector("[data-ohw-sections-tracker]");
-      if (tracker?.textContent) nodes.push({ key: "__ohw_sections", type: "sections", text: tracker.textContent });
-      postToParentRef.current({ type: "ow:save-result", nodes });
-    };
-    const handleInsertSection = (e) => {
-      if (e.data?.type !== "ow:insert-section") return;
-      const { widgetType, insertAfter, insertBefore } = e.data;
-      if (widgetType !== "scheduling") return;
-      const inserted = mountSchedulingWidget(insertAfter, true, void 0, insertBefore ?? null);
-      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 handleSwitchSchedule = (e) => {
-      if (e.data?.type !== "ow:switch-schedule") return;
-      const scheduleId = e.data.scheduleId;
-      const insertAfter = e.data.insertAfter;
-      if (!scheduleId || !insertAfter) return;
-      const text = updateSectionScheduleId(insertAfter, scheduleId);
-      postToParentRef.current({ type: "ow:change", nodes: [{ key: "__ohw_sections", text }] });
-    };
-    const handleScheduleLinked = (e) => {
-      if (e.data?.type !== "ow:schedule-linked") return;
-      const scheduleId = e.data.scheduleId;
-      const insertAfter = e.data.insertAfter;
-      if (!scheduleId || !insertAfter) return;
-      const text = updateSectionScheduleId(insertAfter, scheduleId);
-      postToParentRef.current({ type: "ow:change", nodes: [{ key: "__ohw_sections", text }] });
-    };
-    const handleClearSchedulingWidget = (e) => {
-      if (e.data?.type !== "ow:clear-scheduling-widget") return;
-      const insertAfter = e.data.insertAfter;
-      if (!insertAfter) return;
-      const text = updateSectionScheduleId(insertAfter, null);
-      postToParentRef.current({ type: "ow:change", nodes: [{ key: "__ohw_sections", text }] });
-    };
-    const handleRemoveSchedulingSection = (e) => {
-      if (e.data?.type !== "ow:remove-scheduling-section") return;
-      document.querySelectorAll('[data-ohw-section-container="scheduling"]').forEach((el) => {
-        el.remove();
-      });
-      const tracker = getSectionsTracker();
-      let sections = [];
-      try {
-        sections = JSON.parse(tracker.textContent || "[]");
-      } catch {
-      }
-      const currentPath = window.location.pathname;
-      const updated = sections.filter((s) => !(s.type === "scheduling" && s.pagePath === currentPath));
-      tracker.textContent = JSON.stringify(updated);
-      postToParentRef.current({ type: "ow:change", nodes: [{ key: "__ohw_sections", text: tracker.textContent }] });
-      const h = document.documentElement.scrollHeight;
-      if (h > 50) postToParentRef.current({ type: "ow:height", height: h });
+      postToParentRef.current({ type: "ow:save-result", nodes: collectEditableNodes() });
     };
     const handleSelectionChange = () => {
       if (!activeElRef.current) return;
@@ -6908,11 +5858,6 @@ function OhhwellsBridge() {
       deactivateRef.current();
     };
     window.addEventListener("message", handleSave);
-    window.addEventListener("message", handleInsertSection);
-    window.addEventListener("message", handleSwitchSchedule);
-    window.addEventListener("message", handleScheduleLinked);
-    window.addEventListener("message", handleClearSchedulingWidget);
-    window.addEventListener("message", handleRemoveSchedulingSection);
     window.addEventListener("message", handleImageUrl);
     window.addEventListener("message", handleAnimLock);
     window.addEventListener("message", handleCanvasHeight);
@@ -6947,11 +5892,6 @@ function OhhwellsBridge() {
       document.removeEventListener("selectionchange", handleSelectionChange);
       window.removeEventListener("scroll", handleScroll, true);
       window.removeEventListener("message", handleSave);
-      window.removeEventListener("message", handleInsertSection);
-      window.removeEventListener("message", handleSwitchSchedule);
-      window.removeEventListener("message", handleScheduleLinked);
-      window.removeEventListener("message", handleClearSchedulingWidget);
-      window.removeEventListener("message", handleRemoveSchedulingSection);
       window.removeEventListener("message", handleImageUrl);
       window.removeEventListener("message", handleAnimLock);
       window.removeEventListener("message", handleCanvasHeight);
@@ -6966,7 +5906,7 @@ function OhhwellsBridge() {
       if (imageShowTimerRef.current) clearTimeout(imageShowTimerRef.current);
     };
   }, [isEditMode, refreshStateRules]);
-  useEffect3(() => {
+  useEffect2(() => {
     if (!isEditMode) return;
     document.querySelectorAll("[data-ohw-active-state]").forEach((el) => {
       el.removeAttribute("data-ohw-active-state");
@@ -6995,7 +5935,7 @@ function OhhwellsBridge() {
       clearTimeout(timer);
     };
   }, [pathname, isEditMode, refreshStateRules, postToParent]);
-  useEffect3(() => {
+  useEffect2(() => {
     scrollToHashSectionWhenReady();
     const onHashChange = () => scrollToHashSectionWhenReady();
     window.addEventListener("hashchange", onHashChange);
@@ -7045,10 +5985,10 @@ function OhhwellsBridge() {
   const currentSections = sectionsByPath[pathname] ?? [];
   linkPopoverOpenRef.current = linkPopover !== null;
   return bridgeRoot ? createPortal(
-    /* @__PURE__ */ jsxs8(Fragment3, { children: [
-      toolbarRect && /* @__PURE__ */ jsxs8(Fragment3, { children: [
-        /* @__PURE__ */ jsx16(GlowFrame, { rect: toolbarRect, elRef: glowElRef }),
-        /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsxs6(Fragment2, { children: [
+      toolbarRect && /* @__PURE__ */ jsxs6(Fragment2, { children: [
+        /* @__PURE__ */ jsx13(GlowFrame, { rect: toolbarRect, elRef: glowElRef }),
+        /* @__PURE__ */ jsx13(
           FloatingToolbar,
           {
             rect: toolbarRect,
@@ -7061,7 +6001,7 @@ function OhhwellsBridge() {
           }
         )
       ] }),
-      maxBadge && /* @__PURE__ */ jsxs8(
+      maxBadge && /* @__PURE__ */ jsxs6(
         "div",
         {
           "data-ohw-max-badge": "",
@@ -7087,7 +6027,7 @@ function OhhwellsBridge() {
           ]
         }
       ),
-      toggleState && /* @__PURE__ */ jsx16(
+      toggleState && /* @__PURE__ */ jsx13(
         StateToggle,
         {
           rect: toggleState.rect,
@@ -7096,7 +6036,7 @@ function OhhwellsBridge() {
           onStateChange: handleStateChange
         }
       ),
-      linkPopover ? /* @__PURE__ */ jsx16(
+      linkPopover ? /* @__PURE__ */ jsx13(
         LinkPopover,
         {
           rect: linkPopover.rect,
@@ -7111,32 +6051,7 @@ function OhhwellsBridge() {
           onClose: closeLinkPopover,
           onSubmit: handleLinkPopoverSubmit
         }
-      ) : null,
-      sectionGap && /* @__PURE__ */ jsxs8(
-        "div",
-        {
-          "data-ohw-section-insert-line": "",
-          className: "fixed left-0 w-full z-2147483646 flex items-center pointer-events-none",
-          style: { top: sectionGap.y, transform: "translateY(-50%)" },
-          children: [
-            /* @__PURE__ */ jsx16("div", { className: "flex-1 bg-primary", style: { height: 3 } }),
-            /* @__PURE__ */ jsx16(
-              Badge,
-              {
-                className: "px-8 py-1 bg-primary hover:bg-primary text-primary-foreground text-xs font-medium shrink-0 rounded-full cursor-pointer pointer-events-auto",
-                onClick: () => {
-                  window.parent.postMessage(
-                    { type: "ow:add-section", insertAfter: sectionGap.insertAfter, insertBefore: sectionGap.insertBefore },
-                    "*"
-                  );
-                },
-                children: "Add Section"
-              }
-            ),
-            /* @__PURE__ */ jsx16("div", { className: "flex-1 bg-primary", style: { height: 3 } })
-          ]
-        }
-      )
+      ) : null
     ] }),
     bridgeRoot
   ) : null;
@@ -7145,7 +6060,6 @@ export {
   LinkEditorPanel,
   LinkPopover,
   OhhwellsBridge,
-  SchedulingWidget,
   Toggle,
   ToggleGroup,
   ToggleGroupItem,