@ohhwells/bridge 0.1.24 → 0.1.26

package/dist/index.cjs

@@ -31,17 +31,25 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  LinkEditorPanel: () => LinkEditorPanel,
+  LinkPopover: () => LinkPopover,
   OhhwellsBridge: () => OhhwellsBridge,
   SchedulingWidget: () => SchedulingWidget,
   Toggle: () => Toggle,
   ToggleGroup: () => ToggleGroup,
   ToggleGroupItem: () => ToggleGroupItem,
-  toggleVariants: () => toggleVariants
+  buildTarget: () => buildTarget,
+  filterAvailablePages: () => filterAvailablePages,
+  getEditModeInitialState: () => getEditModeInitialState,
+  isValidUrl: () => isValidUrl,
+  parseTarget: () => parseTarget,
+  toggleVariants: () => toggleVariants,
+  validateUrlInput: () => validateUrlInput
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/OhhwellsBridge.tsx
-var import_react3 = __toESM(require("react"), 1);
+var import_react5 = __toESM(require("react"), 1);
 var import_client = require("react-dom/client");
 var import_react_dom = require("react-dom");
 
@@ -204,6 +212,13 @@ function EmailCaptureModal({ title, subtitle, onSubmit, onClose }) {
 var import_jsx_runtime2 = require("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");
@@ -249,10 +264,10 @@ function buildTimezoneLabel(tz) {
     return tz;
   }
 }
-function EmptyState({ inEditor, insertAfter }) {
+function EmptyState({ inEditor }) {
   const handleAddSchedule = () => {
     if (inEditor) {
-      window.parent.postMessage({ type: "ow:scheduling-not-connected", insertAfter }, "*");
+      window.parent.postMessage({ type: "ow:scheduling-not-connected" }, "*");
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("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: [
@@ -477,21 +492,18 @@ function ScheduleView({ schedule, dates, selectedIdx, onSelectDate, onOpenModal
       const booked = getBookingsOnDate(cls, selectedDate);
       const available = cls.maxParticipants - booked;
       const isFull = available <= 0;
-      const isPrivate = cls.maxParticipants === 1;
       return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex gap-4 py-4 sm:items-center sm:gap-[60px] box-border", children: [
           /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex flex-col gap-2 shrink-0 sm:contents", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex flex-col gap-2 sm:w-[120px] sm:shrink-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "font-body text-base font-bold text-(--color-dark,#200C02) block", children: formatClassTime(cls) }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                "span",
-                {
-                  className: "inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium w-fit",
-                  style: isPrivate ? { background: "#DDFBE3", color: "#199130", border: "1px solid #199130", fontWeight: 500 } : { background: "#EEEDFF", color: "#5953FF", border: "1px solid #5953FF", fontWeight: 500 },
-                  children: isPrivate ? "PRIVATE" : "GROUP"
-                }
-              )
-            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "sm:w-[120px] sm:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "font-body text-base font-bold text-(--color-dark,#200C02) block", children: formatClassTime(cls) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "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__ */ (0, import_jsx_runtime2.jsx)("div", { className: "sm:hidden flex flex-col gap-px", children: isFull ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "font-body text-sm text-(--color-dark,#200C02) opacity-80", children: "Full" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "font-body text-sm text-(--color-dark,#200C02) opacity-80", children: [
                 available,
@@ -564,9 +576,7 @@ function CalendarFoldIcon() {
     }
   );
 }
-function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAfter: insertAfterProp }) {
-  const autoId = (0, import_react2.useId)();
-  const insertAfter = insertAfterProp ?? autoId;
+function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAfter }) {
   const [schedule, setSchedule] = (0, import_react2.useState)(null);
   const [loading, setLoading] = (0, import_react2.useState)(true);
   const [inEditor, setInEditor] = (0, import_react2.useState)(false);
@@ -596,99 +606,88 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
     if (typeof window === "undefined") return;
     const isInEditor = window.self !== window.top;
     setInEditor(isInEditor);
-    function loadWithId(effectiveId) {
-      if (isInEditor) {
-        const startEmpty = effectiveId === 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;
+    if (isInEditor) {
+      const startEmpty = initialScheduleId === null;
+      if (startEmpty) setLoading(false);
+      let initialized = startEmpty;
+      const timer = !startEmpty ? setTimeout(() => {
+        if (!initialized) {
           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 : effectiveId ? schedules.find((s) => s.id === effectiveId) ?? 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 (!effectiveId) {
-        setLoading(false);
-        return;
-      }
-      ;
-      (async () => {
-        try {
-          const res = await fetch(`${API_URL}/api/schedule/id/${effectiveId}`);
-          const data = await res.json();
-          setSchedule(data?.id ? data : null);
-        } catch {
         }
-        setLoading(false);
-      })();
-    }
-    if (initialScheduleId === void 0) {
-      let done = false;
-      let innerCleanup;
-      const timer = setTimeout(() => {
-        if (!done) {
-          done = true;
+      }, 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 }, "*");
         }
-      }, 2e3);
-      const configHandler = (e) => {
-        if (e.data?.type !== "ow:schedule-config" || e.data.insertAfter !== insertAfter || done) return;
-        done = true;
-        clearTimeout(timer);
-        window.removeEventListener("message", configHandler);
-        innerCleanup = loadWithId(e.data.scheduleId ?? null);
       };
-      window.addEventListener("message", configHandler);
-      window.postMessage({ type: "ow:request-schedule-config", insertAfter }, "*");
+      window.addEventListener("message", handler);
+      if (!startEmpty) window.parent.postMessage({ type: "ow:request-user-schedules", insertAfter }, "*");
       return () => {
-        window.removeEventListener("message", configHandler);
-        clearTimeout(timer);
-        innerCleanup?.();
+        window.removeEventListener("message", handler);
+        if (timer) clearTimeout(timer);
       };
     }
-    return loadWithId(initialScheduleId) ?? void 0;
+    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 {
@@ -723,7 +722,6 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
       window.parent.postMessage({ type: "ow:scheduling-not-connected", insertAfter }, "*");
     }
   };
-  if (!inEditor && !loading && !schedule) return null;
   const sectionId = `scheduling-${insertAfter}`;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "section",
@@ -769,7 +767,7 @@ function SchedulingWidget({ notifyOnConnect = false, initialScheduleId, insertAf
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "w-full flex flex-col items-end gap-3", children: [
             timezoneLabel && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "font-body text-sm font-normal text-(--color-accent,#A89B83)", children: timezoneLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "w-full p-0 sm:p-10 box-border", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LoadingSkeleton, {}) : !schedule ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(EmptyState, { inEditor, insertAfter }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "w-full p-0 sm:p-10 box-border", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LoadingSkeleton, {}) : !schedule ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(EmptyState, { inEditor }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               ScheduleView,
               {
                 schedule,
@@ -4225,8 +4223,844 @@ function isEditSessionActive() {
   return new URLSearchParams(q).get("mode") === "edit";
 }
 
-// src/ui/badge.tsx
+// src/ui/link-modal/calcPopoverPos.ts
+function calcPopoverPos(rect, parentScroll, approxW = 483, approxH = 320) {
+  const GAP = 8;
+  const canvasTopInIframe = parentScroll != null ? parentScroll.headerH - parentScroll.iframeOffsetTop : 0;
+  const visibleTop = rect.top - canvasTopInIframe;
+  let top = rect.top - GAP;
+  let transform = "translateX(-50%) translateY(-100%)";
+  if (visibleTop < approxH + GAP) {
+    top = rect.bottom + GAP;
+    transform = "translateX(-50%)";
+  }
+  const rawLeft = rect.left + rect.width / 2;
+  const left = Math.max(GAP + approxW / 2, Math.min(rawLeft, window.innerWidth - GAP - approxW / 2));
+  return { top, left, transform };
+}
+
+// src/ui/button.tsx
+var React3 = __toESM(require("react"), 1);
+var import_radix_ui3 = require("radix-ui");
 var import_jsx_runtime5 = require("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",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:opacity-90",
+        outline: "border border-border bg-background text-foreground shadow-sm hover:bg-muted/80",
+        ghost: "min-w-0 px-3 py-2 text-foreground hover:bg-muted/50"
+      },
+      size: {
+        default: "h-9",
+        sm: "h-8 min-w-[64px] px-2 py-1.5 text-sm"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React3.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? import_radix_ui3.Slot.Root : "button";
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      Comp,
+      {
+        ref,
+        "data-slot": "button",
+        className: cn(buttonVariants({ variant, size, className })),
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/ui/icons.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function IconX({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.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__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M18 6 6 18" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m6 6 12 12" })
+  ] });
+}
+function IconChevronDown({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m6 9 6 6 6-6" }) });
+}
+function IconFile({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.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__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" })
+  ] });
+}
+function IconInfo({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.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__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 16v-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 8h.01" })
+  ] });
+}
+function IconArrowRight({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.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__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M5 12h14" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m12 5 7 7-7 7" })
+  ] });
+}
+function IconSection({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.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__ */ (0, import_jsx_runtime6.jsx)("rect", { width: "18", height: "7", x: "3", y: "3", rx: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { width: "9", height: "7", x: "3", y: "14", rx: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { width: "5", height: "7", x: "16", y: "14", rx: "1" })
+  ] });
+}
+
+// src/ui/link-modal/DestinationBreadcrumb.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function DestinationBreadcrumb({ pageTitle, sectionLabel }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex w-full flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-sm font-medium text-foreground", children: "Destination" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconFile, { className: "shrink-0 text-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-sm font-medium leading-none text-foreground", children: pageTitle })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconArrowRight, { className: "shrink-0 text-muted-foreground", "aria-hidden": true }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconSection, { className: "shrink-0 text-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "truncate text-sm font-medium leading-none text-foreground", children: sectionLabel })
+      ] })
+    ] })
+  ] });
+}
+
+// src/ui/link-modal/SectionTreeItem.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function SectionTreeItem({ section, onSelect, selected }) {
+  const interactive = Boolean(onSelect);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex h-9 w-full items-end pl-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "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__ */ (0, import_jsx_runtime8.jsxs)(
+      "div",
+      {
+        role: interactive ? "button" : void 0,
+        tabIndex: interactive ? 0 : void 0,
+        onClick: interactive ? () => onSelect?.(section) : void 0,
+        onKeyDown: interactive ? (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            onSelect?.(section);
+          }
+        } : void 0,
+        className: cn(
+          "flex h-9 min-w-0 flex-1 items-center gap-2 rounded-md border border-border bg-background p-3",
+          interactive && "cursor-pointer hover:bg-muted/30",
+          interactive && selected && "border-primary"
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(IconSection, { className: "shrink-0 text-foreground", "aria-hidden": true }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "truncate text-sm font-normal leading-5 text-foreground", children: section.label })
+        ]
+      }
+    )
+  ] });
+}
+function SectionPickerList({ sections, onSelect }) {
+  if (sections.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-sm text-muted-foreground", children: "No sections found on this page." });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-sm text-muted-foreground", children: "Pick a section this link should scroll to." }),
+    sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SectionTreeItem, { section, onSelect }, section.id))
+  ] });
+}
+
+// src/ui/link-modal/UrlOrPageInput.tsx
+var import_react3 = require("react");
+
+// src/ui/input.tsx
+var React4 = __toESM(require("react"), 1);
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var Input = React4.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "input",
+      {
+        type,
+        ref,
+        "data-slot": "input",
+        className: cn(
+          "flex h-full w-full min-w-0 bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+// src/ui/label.tsx
+var import_radix_ui4 = require("radix-ui");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function Label({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_radix_ui4.Label.Root,
+    {
+      "data-slot": "label",
+      className: cn("text-sm font-medium leading-5 text-foreground", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/popover.tsx
+var import_radix_ui5 = require("radix-ui");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function Popover({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_radix_ui5.Popover.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_radix_ui5.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "start",
+  sideOffset = 6,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_radix_ui5.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    import_radix_ui5.Popover.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn(
+        "z-[2147483647] w-[var(--radix-popover-trigger-width)] overflow-auto rounded-lg border border-border bg-popover py-1 shadow-lg outline-none",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+
+// src/ui/link-modal/UrlOrPageInput.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function FieldChevron({ onClick }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    "button",
+    {
+      type: "button",
+      className: "flex shrink-0 items-center justify-end border-0 bg-transparent p-0 pl-4 text-muted-foreground outline-none",
+      onClick,
+      "aria-label": "Open page list",
+      tabIndex: -1,
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconChevronDown, {})
+    }
+  );
+}
+function UrlOrPageInput({
+  value,
+  selectedPage,
+  placeholder = "Paste a URL or choose a page",
+  dropdownOpen,
+  onDropdownOpenChange,
+  filteredPages,
+  onInputChange,
+  onPageSelect,
+  readOnly = false,
+  urlError
+}) {
+  const inputId = (0, import_react3.useId)();
+  const inputRef = (0, import_react3.useRef)(null);
+  const [isEditing, setIsEditing] = (0, import_react3.useState)(false);
+  const [isFocused, setIsFocused] = (0, import_react3.useState)(false);
+  const showFilledDisplay = Boolean(selectedPage) && !isEditing && !readOnly;
+  (0, import_react3.useEffect)(() => {
+    if (selectedPage) setIsEditing(false);
+  }, [selectedPage]);
+  const openDropdown = () => {
+    if (readOnly || filteredPages.length === 0) return;
+    onDropdownOpenChange(true);
+  };
+  const toggleDropdown = (e) => {
+    e.stopPropagation();
+    e.preventDefault();
+    if (readOnly || filteredPages.length === 0) return;
+    onDropdownOpenChange(!dropdownOpen);
+  };
+  const enterEditMode = () => {
+    if (readOnly) return;
+    setIsEditing(true);
+    requestAnimationFrame(() => inputRef.current?.focus());
+  };
+  const fieldClassName = cn(
+    "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__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex w-full flex-col gap-2 p-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Label, { htmlFor: inputId, className: cn(urlError && "text-destructive"), children: "Destination" }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Popover, { open: dropdownOpen && !readOnly, onOpenChange: onDropdownOpenChange, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PopoverTrigger, { asChild: true, children: showFilledDisplay ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+        "button",
+        {
+          type: "button",
+          "data-ohw-link-field": true,
+          className: cn(fieldClassName, "m-0 cursor-pointer border-solid text-left"),
+          onClick: openDropdown,
+          onFocus: () => setIsFocused(true),
+          onBlur: () => setIsFocused(false),
+          onKeyDown: (e) => {
+            if (e.key === "Backspace" || e.key === "Delete" || e.key.length === 1) {
+              enterEditMode();
+            }
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex shrink-0 items-center pr-2", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconFile, { className: "text-foreground", "aria-hidden": true }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm font-normal text-foreground", children: selectedPage.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(FieldChevron, { onClick: toggleDropdown })
+          ]
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+        "div",
+        {
+          "data-ohw-link-field": true,
+          className: fieldClassName,
+          onMouseDown: (e) => {
+            if (readOnly) return;
+            if (e.target === e.currentTarget) enterEditMode();
+          },
+          children: [
+            selectedPage ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex shrink-0 items-center pr-2", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconFile, { className: "text-foreground", "aria-hidden": true }) }) : null,
+            readOnly ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm leading-5 text-foreground", children: selectedPage?.title ?? value }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              Input,
+              {
+                ref: inputRef,
+                id: inputId,
+                value,
+                onChange: (e) => onInputChange(e.target.value),
+                onFocus: () => {
+                  setIsFocused(true);
+                  setIsEditing(true);
+                  openDropdown();
+                },
+                onBlur: () => setIsFocused(false),
+                placeholder,
+                className: cn(
+                  "min-w-0 flex-1 truncate border-0 bg-transparent p-0 text-sm font-normal leading-5 shadow-none outline-none ring-0",
+                  value ? "text-foreground" : "text-muted-foreground placeholder:text-muted-foreground"
+                )
+              }
+            ),
+            !readOnly ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(FieldChevron, { onClick: toggleDropdown }) : null
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PopoverContent, { "data-ohw-link-popover-root": "", onOpenAutoFocus: (e) => e.preventDefault(), children: filteredPages.map((page) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+        "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__ */ (0, import_jsx_runtime12.jsx)(IconFile, { className: "shrink-0", "aria-hidden": true }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "truncate", children: page.title })
+          ]
+        },
+        page.path
+      )) })
+    ] }),
+    urlError ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-sm font-medium text-destructive", children: urlError }) : null
+  ] });
+}
+
+// src/ui/link-modal/useLinkModalState.ts
+var import_react4 = require("react");
+
+// src/ui/link-modal/linkModal.utils.ts
+function parseTarget(target) {
+  if (!target) return { pageRoute: "", sectionId: null };
+  const hashIndex = target.indexOf("#");
+  if (hashIndex === -1) return { pageRoute: target, sectionId: null };
+  return {
+    pageRoute: target.slice(0, hashIndex),
+    sectionId: target.slice(hashIndex + 1) || null
+  };
+}
+function normalizePath(path) {
+  const trimmed = path.trim();
+  if (!trimmed) return "/";
+  try {
+    if (/^https?:\/\//i.test(trimmed)) {
+      return new URL(trimmed).pathname || "/";
+    }
+  } catch {
+  }
+  const withSlash = trimmed.startsWith("/") ? trimmed : `/${trimmed}`;
+  if (withSlash.length > 1 && withSlash.endsWith("/")) return withSlash.slice(0, -1);
+  return withSlash;
+}
+function findPageByPath(pages, path) {
+  const normalized = normalizePath(path);
+  return pages.find((p) => normalizePath(p.path) === normalized);
+}
+function inferPageTitleFromPath(path) {
+  const normalized = normalizePath(path);
+  if (normalized === "/") return "Home";
+  const segment = normalized.split("/").filter(Boolean).pop() ?? "";
+  if (!segment) return "Home";
+  return segment.split("-").filter(Boolean).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+}
+function isInternalPath(route) {
+  const trimmed = route.trim();
+  if (!trimmed) return false;
+  if (/^https?:\/\//i.test(trimmed)) return false;
+  if (trimmed.startsWith("/")) return true;
+  if (trimmed.includes(" ") || trimmed.includes(".")) return false;
+  return true;
+}
+function resolvePage(route, pages) {
+  const found = findPageByPath(pages, route);
+  if (found) return { path: found.path, title: found.title };
+  return { path: normalizePath(route), title: inferPageTitleFromPath(route) };
+}
+function getSectionsForPath(sectionsByPath, pageRoute, fallback) {
+  if (!sectionsByPath) return fallback;
+  const normalized = normalizePath(pageRoute);
+  return sectionsByPath[normalized] ?? sectionsByPath[pageRoute] ?? fallback;
+}
+function buildTarget(page, section) {
+  if (section) return `${page.path}#${section.id}`;
+  return page.path;
+}
+function isValidUrl(urlString) {
+  try {
+    const url = new URL(urlString);
+    if (url.protocol !== "http:" && url.protocol !== "https:") return false;
+    const hostname = url.hostname;
+    if (!hostname || hostname.length === 0) return false;
+    if (hostname.includes(" ")) return false;
+    return hostname.includes(".") || hostname === "localhost";
+  } catch {
+    return false;
+  }
+}
+function normalizeUrl(value) {
+  const trimmed = value.trim();
+  if (trimmed.startsWith("http://") || trimmed.startsWith("https://")) return trimmed;
+  return `https://${trimmed}`;
+}
+function validateUrlInput(value, pages, allPages) {
+  if (!value.trim()) return "";
+  const filtered = pages.filter((p) => p.title.toLowerCase().startsWith(value.toLowerCase()));
+  if (filtered.length > 0) return "";
+  const matchingPage = allPages.find((p) => p.title.toLowerCase() === value.toLowerCase());
+  if (matchingPage) return "";
+  if (!isValidUrl(normalizeUrl(value))) {
+    return "Please enter a valid URL (e.g., https://example.com)";
+  }
+  return "";
+}
+function getEditModeInitialState(target, pages, sections) {
+  const empty = {
+    searchValue: "",
+    selectedPage: null,
+    selectedSection: null,
+    step: "input"
+  };
+  if (!target) return empty;
+  if (isValidUrl(normalizeUrl(target))) {
+    return { searchValue: target, selectedPage: null, selectedSection: null, step: "input" };
+  }
+  const { pageRoute, sectionId } = parseTarget(target);
+  if (sectionId) {
+    if (isInternalPath(pageRoute)) {
+      const page = resolvePage(pageRoute, pages);
+      const sec = sections.find((s) => s.id === sectionId);
+      return {
+        searchValue: page.title,
+        selectedPage: page,
+        selectedSection: sec ? { id: sec.id, label: sec.label } : null,
+        step: "input"
+      };
+    }
+    return { searchValue: pageRoute || target, selectedPage: null, selectedSection: null, step: "input" };
+  }
+  if (isInternalPath(pageRoute)) {
+    const page = resolvePage(pageRoute, pages);
+    return {
+      searchValue: page.title,
+      selectedPage: page,
+      selectedSection: null,
+      step: "input"
+    };
+  }
+  return { searchValue: target, selectedPage: null, selectedSection: null, step: "input" };
+}
+function filterAvailablePages(pages, existingTargets) {
+  const taken = new Set(existingTargets);
+  return pages.filter((p) => !taken.has(p.path));
+}
+
+// src/ui/link-modal/useLinkModalState.ts
+function useLinkModalState({
+  open,
+  mode,
+  pages,
+  sections,
+  sectionsByPath,
+  initialTarget,
+  existingTargets,
+  onClose,
+  onSubmit
+}) {
+  const availablePages = (0, import_react4.useMemo)(
+    () => mode === "create" ? filterAvailablePages(pages, existingTargets) : pages,
+    [mode, pages, existingTargets]
+  );
+  const [searchValue, setSearchValue] = (0, import_react4.useState)("");
+  const [selectedPage, setSelectedPage] = (0, import_react4.useState)(null);
+  const [selectedSection, setSelectedSection] = (0, import_react4.useState)(null);
+  const [step, setStep] = (0, import_react4.useState)("input");
+  const [dropdownOpen, setDropdownOpen] = (0, import_react4.useState)(false);
+  const [urlError, setUrlError] = (0, import_react4.useState)("");
+  const reset = (0, import_react4.useCallback)(() => {
+    setSearchValue("");
+    setSelectedPage(null);
+    setSelectedSection(null);
+    setStep("input");
+    setDropdownOpen(false);
+    setUrlError("");
+  }, []);
+  (0, import_react4.useEffect)(() => {
+    if (!open) return;
+    if (mode === "edit" && initialTarget) {
+      const { pageRoute } = parseTarget(initialTarget);
+      const targetSections = getSectionsForPath(sectionsByPath, pageRoute, sections);
+      const init = getEditModeInitialState(initialTarget, pages, targetSections);
+      setSearchValue(init.searchValue);
+      setSelectedPage(init.selectedPage);
+      setSelectedSection(init.selectedSection);
+      setStep(init.step);
+    } else {
+      reset();
+    }
+    setDropdownOpen(false);
+    setUrlError("");
+  }, [open, mode, initialTarget, pages, sections, sectionsByPath, reset]);
+  const filteredPages = (0, import_react4.useMemo)(() => {
+    if (!searchValue.trim()) return availablePages;
+    return availablePages.filter((p) => p.title.toLowerCase().startsWith(searchValue.toLowerCase()));
+  }, [availablePages, searchValue]);
+  const activeSections = (0, import_react4.useMemo)(() => {
+    if (selectedPage && sectionsByPath) {
+      return getSectionsForPath(sectionsByPath, selectedPage.path, sections);
+    }
+    return sections;
+  }, [selectedPage, sectionsByPath, sections]);
+  const showBreadcrumb = step === "confirmed" && selectedPage && selectedSection;
+  const showSectionPicker = step === "sectionPicker" && selectedPage;
+  const showSectionRow = mode === "edit" && selectedPage && selectedSection && step === "input";
+  const showChooseSection = step === "input" && selectedPage && !selectedSection && !showSectionRow;
+  const handleInputChange = (value) => {
+    setSearchValue(value);
+    setSelectedPage(null);
+    setSelectedSection(null);
+    setStep("input");
+    setUrlError("");
+    const filtered = value.trim() ? availablePages.filter((p) => p.title.toLowerCase().startsWith(value.toLowerCase())) : availablePages;
+    setDropdownOpen(filtered.length > 0);
+    if (value.trim() && filtered.length === 0) {
+      const error = validateUrlInput(value, availablePages, pages);
+      if (error) setUrlError(error);
+    }
+  };
+  const handlePageSelect = (page) => {
+    setSelectedPage({ path: page.path, title: page.title });
+    setSelectedSection(null);
+    setSearchValue(page.title);
+    setStep("input");
+    setDropdownOpen(false);
+    setUrlError("");
+  };
+  const handleChooseSection = () => {
+    setStep("sectionPicker");
+  };
+  const handleSectionSelect = (section) => {
+    setSelectedSection({ id: section.id, label: section.label });
+    if (mode === "create") {
+      setStep("confirmed");
+    } else {
+      setStep("input");
+    }
+  };
+  const handleBackToSections = () => {
+    setStep("sectionPicker");
+  };
+  const handleClose = () => {
+    reset();
+    onClose();
+  };
+  const isValid = (0, import_react4.useMemo)(() => {
+    if (urlError) return false;
+    if (showBreadcrumb) return true;
+    if (selectedPage) return true;
+    if (!searchValue.trim()) return false;
+    return validateUrlInput(searchValue, availablePages, pages) === "";
+  }, [urlError, showBreadcrumb, selectedPage, searchValue, availablePages, pages]);
+  const handleSubmit = () => {
+    if (selectedPage && selectedSection) {
+      onSubmit(buildTarget(selectedPage, selectedSection));
+      handleClose();
+      return;
+    }
+    if (selectedPage) {
+      onSubmit(buildTarget(selectedPage, null));
+      handleClose();
+      return;
+    }
+    if (!searchValue.trim()) return;
+    const error = validateUrlInput(searchValue, availablePages, pages);
+    if (error) {
+      setUrlError(error);
+      return;
+    }
+    const matchingPage = pages.find((p) => p.title.toLowerCase() === searchValue.toLowerCase());
+    if (matchingPage) {
+      onSubmit(matchingPage.path);
+      handleClose();
+      return;
+    }
+    onSubmit(normalizeUrl(searchValue));
+    handleClose();
+  };
+  const submitLabel = mode === "edit" ? "Save" : "Create";
+  const title = mode === "edit" ? "Edit navigation item" : "Create navigation item";
+  const secondaryLabel = showBreadcrumb ? "Back to sections" : "Cancel";
+  const handleSecondary = showBreadcrumb ? handleBackToSections : handleClose;
+  return {
+    title,
+    submitLabel,
+    secondaryLabel,
+    searchValue,
+    selectedPage,
+    selectedSection,
+    step,
+    dropdownOpen,
+    setDropdownOpen,
+    urlError,
+    filteredPages,
+    showBreadcrumb,
+    showSectionPicker,
+    showChooseSection,
+    showSectionRow,
+    isValid,
+    activeSections,
+    handleInputChange,
+    handlePageSelect,
+    handleChooseSection,
+    handleSectionSelect,
+    handleBackToSections,
+    handleClose,
+    handleSecondary,
+    handleSubmit
+  };
+}
+
+// src/ui/link-modal/LinkEditorPanel.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function LinkEditorPanel({
+  open = true,
+  mode = "create",
+  pages,
+  sections = [],
+  sectionsByPath,
+  initialTarget,
+  existingTargets = [],
+  onClose,
+  onSubmit
+}) {
+  const state = useLinkModalState({
+    open,
+    mode,
+    pages,
+    sections,
+    sectionsByPath,
+    initialTarget,
+    existingTargets,
+    onClose,
+    onSubmit
+  });
+  const isCancel = state.secondaryLabel === "Cancel";
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "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__ */ (0, import_jsx_runtime13.jsx)(IconX, { "aria-hidden": true })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("header", { className: "flex w-full flex-col gap-1.5 p-6 pr-12", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h2", { className: "m-0 w-full break-words text-lg font-semibold leading-none tracking-tight text-card-foreground", children: state.title }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex w-full flex-col gap-3 px-6 pb-8 pt-1", children: [
+      state.showBreadcrumb && state.selectedPage && state.selectedSection ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        DestinationBreadcrumb,
+        {
+          pageTitle: state.selectedPage.title,
+          sectionLabel: state.selectedSection.label
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        UrlOrPageInput,
+        {
+          value: state.searchValue,
+          selectedPage: state.selectedPage,
+          dropdownOpen: state.dropdownOpen,
+          onDropdownOpenChange: state.setDropdownOpen,
+          filteredPages: state.filteredPages,
+          onInputChange: state.handleInputChange,
+          onPageSelect: state.handlePageSelect,
+          urlError: state.urlError
+        }
+      ),
+      state.showChooseSection ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col justify-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { type: "button", variant: "outline", className: "w-fit cursor-pointer", size: "sm", onClick: state.handleChooseSection, children: "Choose a section" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-1 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(IconInfo, { className: "shrink-0", "aria-hidden": true }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: "Pick a section this link should scroll to." })
+        ] })
+      ] }) : null,
+      state.showSectionPicker ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SectionPickerList, { sections: state.activeSections, onSelect: state.handleSectionSelect }) : null,
+      state.showSectionRow && state.selectedSection ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SectionTreeItem, { section: state.selectedSection, selected: true }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("footer", { className: "flex w-full items-center justify-end gap-2 px-6 pb-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        Button,
+        {
+          type: "button",
+          variant: isCancel ? "outline" : "ghost",
+          className: "leading-6 shadow-none cursor-pointer",
+          style: isCancel ? {
+            backgroundColor: "var(--ohw-background)",
+            borderColor: "var(--ohw-border)",
+            color: "var(--ohw-foreground)"
+          } : void 0,
+          onClick: state.handleSecondary,
+          children: state.secondaryLabel
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        Button,
+        {
+          type: "button",
+          className: "border-0 leading-6 shadow-none hover:opacity-90 disabled:opacity-50 cursor-pointer",
+          style: {
+            backgroundColor: "var(--ohw-primary)",
+            color: "var(--ohw-primary-foreground)"
+          },
+          disabled: !state.isValid,
+          onClick: state.handleSubmit,
+          children: state.submitLabel
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/ui/link-modal/LinkPopover.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function LinkPopover({
+  rect,
+  parentScroll,
+  panelRef,
+  ...editorProps
+}) {
+  const { top, left, transform } = calcPopoverPos(rect, parentScroll);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    "div",
+    {
+      ref: panelRef,
+      "data-ohw-link-popover-root": "",
+      "data-ohw-link-modal-root": "",
+      "data-ohw-bridge": "",
+      className: cn(
+        "pointer-events-auto fixed z-[2147483647] flex w-[483px] max-w-[calc(100vw-16px)] flex-col overflow-hidden",
+        "rounded-xl border border-border bg-background font-sans shadow-lg outline-none"
+      ),
+      style: { top, left, transform },
+      onMouseDown: (e) => e.stopPropagation(),
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(LinkEditorPanel, { ...editorProps, open: true })
+    }
+  );
+}
+
+// src/ui/link-modal/devFixtures.ts
+var DEV_SITE_PAGES = [
+  { path: "/", title: "Home" },
+  { path: "/about", title: "About" },
+  { path: "/classes", title: "Classes" },
+  { path: "/pricing", title: "Pricing" },
+  { path: "/studio", title: "Studio" },
+  { path: "/instructors", title: "Instructors" },
+  { path: "/contact", title: "Contact" }
+];
+var DEV_SECTIONS_BY_PATH = {
+  "/": [
+    { id: "hero", label: "Hero" },
+    { id: "lagree-intro", label: "Lagree Intro" },
+    { id: "classes-strip", label: "Classes" },
+    { id: "feel-split", label: "Feel Split" },
+    { id: "founder-teaser", label: "Founder" },
+    { id: "plan-form", label: "Plan Form" },
+    { id: "testimonials", label: "Testimonials" },
+    { id: "wordmark", label: "Wordmark" }
+  ],
+  "/about": [
+    { id: "manifesto", label: "Manifesto" },
+    { id: "story-letter", label: "Our Story" },
+    { id: "lagree-explainer", label: "Lagree Explainer" },
+    { id: "waitlist-cta", label: "Waitlist" },
+    { id: "personal-training", label: "Personal training" }
+  ],
+  "/classes": [{ id: "class-library", label: "Class Library" }],
+  "/pricing": [
+    { id: "benefits-marquee", label: "Benefits" },
+    { id: "monthly-memberships", label: "Memberships" },
+    { id: "package-matcher", label: "Packages" },
+    { id: "specialty-programs", label: "Specialty Programs" },
+    { id: "free-class-cta", label: "Free Class" }
+  ],
+  "/studio": [
+    { id: "studio-intro", label: "Studio Intro" },
+    { id: "studio-features", label: "Studio Features" },
+    { id: "studio-gallery", label: "Studio Gallery" },
+    { id: "studio-visit", label: "Visit Studio" }
+  ],
+  "/instructors": [{ id: "instructor-grid", label: "Instructors" }],
+  "/contact": [
+    { id: "hello-hero", label: "Hello" },
+    { id: "contact-form", label: "Contact Form" },
+    { id: "faq", label: "FAQ" }
+  ]
+};
+function shouldUseDevFixtures() {
+  if (typeof window === "undefined") return false;
+  const raw = readPreservedSearch();
+  const q = raw.startsWith("?") ? raw.slice(1) : raw;
+  return new URLSearchParams(q).get("ohw-fixtures") === "1";
+}
+
+// src/ui/badge.tsx
+var import_jsx_runtime15 = require("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",
   {
@@ -4244,11 +5078,11 @@ var badgeVariants = cva(
   }
 );
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
 
 // src/OhhwellsBridge.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var PRIMARY = "#0885FE";
 var IMAGE_FADE_MS = 300;
 function runOpacityFade(el, onDone) {
@@ -4388,14 +5222,9 @@ function initSectionsFromContent(content, removeExisting = false) {
     const inEditor = typeof window !== "undefined" && window.self !== window.top;
     if (inEditor) getSectionsTracker().textContent = raw;
     const pageEntries = getPageSchedulingEntries(raw);
-    const preExisting = pageEntries.filter((e) => !isSchedulingWidgetMissing(e));
-    const notifyForEntry = inEditor ? (e) => !e.scheduleId : false;
-    mountSchedulingEntries(pageEntries, notifyForEntry);
-    requestAnimationFrame(() => retryMissingSchedulingMounts(pageEntries, notifyForEntry));
-    setTimeout(() => retryMissingSchedulingMounts(pageEntries, notifyForEntry), 250);
-    for (const entry of preExisting) {
-      window.postMessage({ type: "ow:schedule-config", insertAfter: entry.insertAfter, scheduleId: entry.scheduleId ?? null }, "*");
-    }
+    mountSchedulingEntries(pageEntries, false);
+    requestAnimationFrame(() => retryMissingSchedulingMounts(pageEntries, false));
+    setTimeout(() => retryMissingSchedulingMounts(pageEntries, false), 250);
   } catch {
   }
 }
@@ -4422,7 +5251,7 @@ function mountSchedulingWidget(insertAfter, notifyOnConnect = false, scheduleId,
   const root = (0, import_client.createRoot)(container);
   (0, import_react_dom.flushSync)(() => {
     root.render(
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         SchedulingWidget,
         {
           notifyOnConnect,
@@ -4454,16 +5283,23 @@ 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 entry = pending[i];
-      const shouldNotify = typeof notifyOnConnect === "function" ? notifyOnConnect(entry) : notifyOnConnect;
-      if (mountSchedulingWidget(entry.insertAfter, shouldNotify, entry.scheduleId)) {
+      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") ?? "";
+}
+function applyLinkHref(el, val) {
+  const anchor = el instanceof HTMLAnchorElement ? el : el.querySelector("a");
+  if (anchor) anchor.setAttribute("href", val);
+}
 function collectEditableNodes() {
-  return Array.from(document.querySelectorAll("[data-ohw-editable]")).map((el) => {
+  const nodes = Array.from(document.querySelectorAll("[data-ohw-editable]")).map((el) => {
     if (el.dataset.ohwEditable === "image") {
       const img = el instanceof HTMLImageElement ? el : el.querySelector("img");
       return { key: el.dataset.ohwKey ?? "", type: "image", text: img?.src ?? "" };
@@ -4473,12 +5309,52 @@ function collectEditableNodes() {
       const url = raw.replace(/^url\(['"]?/, "").replace(/['"]?\)$/, "");
       return { key: el.dataset.ohwKey ?? "", type: "bg-image", text: url };
     }
+    if (el.dataset.ohwEditable === "link") {
+      return { key: el.dataset.ohwKey ?? "", type: "link", text: getLinkHref(el) };
+    }
     return {
       key: el.dataset.ohwKey ?? "",
       type: el.dataset.ohwEditable ?? "text",
       text: el.dataset.ohwEditable === "plain" ? el.innerText ?? "" : el.innerHTML
     };
   });
+  document.querySelectorAll("[data-ohw-href-key]").forEach((el) => {
+    const key = el.getAttribute("data-ohw-href-key") ?? "";
+    if (!key) return;
+    nodes.push({ key, type: "link", text: getLinkHref(el) });
+  });
+  return nodes;
+}
+function applyLinkByKey(key, val) {
+  document.querySelectorAll(`[data-ohw-key="${key}"]`).forEach((el) => {
+    if (el.dataset.ohwEditable === "link") applyLinkHref(el, val);
+  });
+  document.querySelectorAll(`[data-ohw-href-key="${key}"]`).forEach((el) => {
+    applyLinkHref(el, val);
+  });
+}
+function isInsideLinkEditor(target) {
+  return Boolean(
+    target.closest("[data-ohw-link-popover-root]") || target.closest("[data-ohw-link-modal-root]") || target.closest('[data-slot="popover-content"]')
+  );
+}
+function getHrefKeyFromElement(el) {
+  if (!el) return null;
+  const anchor = el.closest("[data-ohw-href-key]");
+  if (!anchor) return null;
+  const key = anchor.getAttribute("data-ohw-href-key");
+  if (!key) return null;
+  return { anchor, key };
+}
+function titleCaseSectionId(id) {
+  return id.split("-").filter(Boolean).map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
+}
+function collectSections() {
+  return Array.from(document.querySelectorAll("[data-ohw-section]")).map((el) => {
+    const id = el.getAttribute("data-ohw-section") ?? "";
+    const label = el.getAttribute("data-ohw-section-label") ?? titleCaseSectionId(id);
+    return { id, label };
+  });
 }
 var FORCE_PSEUDO_STATES = [
   { pseudo: ":hover", state: "hover" },
@@ -4619,7 +5495,7 @@ var TOOLBAR_GROUPS = [
 ];
 function GlowFrame({ rect, elRef }) {
   const GAP = 6;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "div",
     {
       ref: elRef,
@@ -4667,10 +5543,12 @@ function FloatingToolbar({
   parentScroll,
   elRef,
   onCommand,
-  activeCommands
+  activeCommands,
+  showEditLink,
+  onEditLink
 }) {
   const { top, left, transform } = calcToolbarPos(rect, parentScroll);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "div",
     {
       ref: elRef,
@@ -4693,56 +5571,97 @@ function FloatingToolbar({
         pointerEvents: "auto",
         whiteSpace: "nowrap"
       },
-      children: TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react3.default.Fragment, { children: [
-        gi > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { display: "block", width: 1, height: 24, background: "#E7E5E4", flexShrink: 0 } }),
-        btns.map((btn) => {
-          const isActive = activeCommands.has(btn.cmd);
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            "button",
-            {
-              title: btn.title,
-              onMouseDown: (e) => {
-                e.preventDefault();
-                onCommand(btn.cmd);
-              },
-              onMouseEnter: (e) => {
-                if (!isActive) e.currentTarget.style.background = "#F5F5F4";
-              },
-              onMouseLeave: (e) => {
-                if (!isActive) e.currentTarget.style.background = "transparent";
-              },
-              style: {
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                border: "none",
-                background: isActive ? PRIMARY : "transparent",
-                borderRadius: 4,
-                cursor: "pointer",
-                color: isActive ? "#FFFFFF" : "#1C1917",
-                flexShrink: 0,
-                padding: 6
+      onMouseDown: (e) => e.stopPropagation(),
+      children: [
+        TOOLBAR_GROUPS.map((btns, gi) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react5.default.Fragment, { children: [
+          gi > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { style: { display: "block", width: 1, height: 24, background: "#E7E5E4", flexShrink: 0 } }),
+          btns.map((btn) => {
+            const isActive = activeCommands.has(btn.cmd);
+            return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              "button",
+              {
+                title: btn.title,
+                onMouseDown: (e) => {
+                  e.preventDefault();
+                  onCommand(btn.cmd);
+                },
+                onMouseEnter: (e) => {
+                  if (!isActive) e.currentTarget.style.background = "#F5F5F4";
+                },
+                onMouseLeave: (e) => {
+                  if (!isActive) e.currentTarget.style.background = "transparent";
+                },
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  border: "none",
+                  background: isActive ? PRIMARY : "transparent",
+                  borderRadius: 4,
+                  cursor: "pointer",
+                  color: isActive ? "#FFFFFF" : "#1C1917",
+                  flexShrink: 0,
+                  padding: 6
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  "svg",
+                  {
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: isActive ? "#FFFFFF" : "#1C1917",
+                    strokeWidth: "2.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    style: isActive && gi > 0 ? { filter: "drop-shadow(0 0 0.5px #fff)" } : void 0,
+                    dangerouslySetInnerHTML: { __html: ICONS[btn.cmd] }
+                  }
+                )
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                "svg",
-                {
-                  width: "16",
-                  height: "16",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: isActive ? "#FFFFFF" : "#1C1917",
-                  strokeWidth: "2.5",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  style: isActive && gi > 0 ? { filter: "drop-shadow(0 0 0.5px #fff)" } : void 0,
-                  dangerouslySetInnerHTML: { __html: ICONS[btn.cmd] }
-                }
-              )
+              btn.cmd
+            );
+          })
+        ] }, gi)),
+        showEditLink ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          "button",
+          {
+            type: "button",
+            title: "Edit link",
+            onMouseDown: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              onEditLink?.();
+            },
+            onClick: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
             },
-            btn.cmd
-          );
-        })
-      ] }, gi))
+            onMouseEnter: (e) => {
+              e.currentTarget.style.background = "#F5F5F4";
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.background = "transparent";
+            },
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              border: "none",
+              background: "transparent",
+              borderRadius: 4,
+              cursor: "pointer",
+              color: "#1C1917",
+              flexShrink: 0,
+              padding: 6
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("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__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime16.jsx)("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
+      ]
     }
   );
 }
@@ -4756,7 +5675,7 @@ function StateToggle({
   states,
   onStateChange
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     ToggleGroup,
     {
       "data-ohw-state-toggle": "",
@@ -4770,7 +5689,7 @@ function StateToggle({
         left: rect.right - 8,
         transform: "translateX(-100%)"
       },
-      children: states.map((state) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleGroupItem, { value: state, size: "sm", children: state }, state))
+      children: states.map((state) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToggleGroupItem, { value: state, size: "sm", children: state }, state))
     }
   );
 }
@@ -4797,8 +5716,8 @@ function OhhwellsBridge() {
   const router = (0, import_navigation.useRouter)();
   const searchParams = (0, import_navigation.useSearchParams)();
   const isEditMode = isEditSessionActive();
-  const [bridgeRoot, setBridgeRoot] = (0, import_react3.useState)(null);
-  (0, import_react3.useEffect)(() => {
+  const [bridgeRoot, setBridgeRoot] = (0, import_react5.useState)(null);
+  (0, import_react5.useEffect)(() => {
     const figtreeFontId = "ohw-figtree-font";
     if (!document.getElementById(figtreeFontId)) {
       const preconnect1 = Object.assign(document.createElement("link"), { rel: "preconnect", href: "https://fonts.googleapis.com" });
@@ -4822,41 +5741,83 @@ function OhhwellsBridge() {
   }, []);
   const subdomainFromQuery = searchParams.get("subdomain");
   const subdomain = resolveSubdomain(subdomainFromQuery);
-  const postToParent = (0, import_react3.useCallback)((data) => {
+  const postToParent = (0, import_react5.useCallback)((data) => {
     if (typeof window !== "undefined" && window.parent !== window) {
       window.parent.postMessage(data, "*");
     }
   }, []);
-  const [fetchState, setFetchState] = (0, import_react3.useState)("idle");
-  const autoSaveTimers = (0, import_react3.useRef)(/* @__PURE__ */ new Map());
-  const activeElRef = (0, import_react3.useRef)(null);
-  const originalContentRef = (0, import_react3.useRef)(null);
-  const activeStateElRef = (0, import_react3.useRef)(null);
-  const parentScrollRef = (0, import_react3.useRef)(null);
-  const toolbarElRef = (0, import_react3.useRef)(null);
-  const glowElRef = (0, import_react3.useRef)(null);
-  const hoveredImageRef = (0, import_react3.useRef)(null);
-  const hoveredImageHasTextOverlapRef = (0, import_react3.useRef)(false);
-  const hoveredGapRef = (0, import_react3.useRef)(null);
-  const imageUnhoverTimerRef = (0, import_react3.useRef)(null);
-  const imageShowTimerRef = (0, import_react3.useRef)(null);
-  const editStylesRef = (0, import_react3.useRef)(null);
-  const activateRef = (0, import_react3.useRef)(() => {
+  const [fetchState, setFetchState] = (0, import_react5.useState)("idle");
+  const autoSaveTimers = (0, import_react5.useRef)(/* @__PURE__ */ new Map());
+  const activeElRef = (0, import_react5.useRef)(null);
+  const originalContentRef = (0, import_react5.useRef)(null);
+  const activeStateElRef = (0, import_react5.useRef)(null);
+  const parentScrollRef = (0, import_react5.useRef)(null);
+  const toolbarElRef = (0, import_react5.useRef)(null);
+  const glowElRef = (0, import_react5.useRef)(null);
+  const hoveredImageRef = (0, import_react5.useRef)(null);
+  const hoveredImageHasTextOverlapRef = (0, import_react5.useRef)(false);
+  const hoveredGapRef = (0, import_react5.useRef)(null);
+  const imageUnhoverTimerRef = (0, import_react5.useRef)(null);
+  const imageShowTimerRef = (0, import_react5.useRef)(null);
+  const editStylesRef = (0, import_react5.useRef)(null);
+  const activateRef = (0, import_react5.useRef)(() => {
   });
-  const deactivateRef = (0, import_react3.useRef)(() => {
+  const deactivateRef = (0, import_react5.useRef)(() => {
   });
-  const refreshActiveCommandsRef = (0, import_react3.useRef)(() => {
+  const refreshActiveCommandsRef = (0, import_react5.useRef)(() => {
   });
-  const postToParentRef = (0, import_react3.useRef)(postToParent);
+  const postToParentRef = (0, import_react5.useRef)(postToParent);
   postToParentRef.current = postToParent;
-  const sectionsLoadedRef = (0, import_react3.useRef)(false);
-  const pendingScheduleConfigRequests = (0, import_react3.useRef)([]);
-  const [toolbarRect, setToolbarRect] = (0, import_react3.useState)(null);
-  const [toggleState, setToggleState] = (0, import_react3.useState)(null);
-  const [maxBadge, setMaxBadge] = (0, import_react3.useState)(null);
-  const [activeCommands, setActiveCommands] = (0, import_react3.useState)(/* @__PURE__ */ new Set());
-  const [sectionGap, setSectionGap] = (0, import_react3.useState)(null);
-  (0, import_react3.useEffect)(() => {
+  const [toolbarRect, setToolbarRect] = (0, import_react5.useState)(null);
+  const [toggleState, setToggleState] = (0, import_react5.useState)(null);
+  const [maxBadge, setMaxBadge] = (0, import_react5.useState)(null);
+  const [activeCommands, setActiveCommands] = (0, import_react5.useState)(/* @__PURE__ */ new Set());
+  const [toolbarShowEditLink, setToolbarShowEditLink] = (0, import_react5.useState)(false);
+  const [linkPopover, setLinkPopover] = (0, import_react5.useState)(null);
+  const [sitePages, setSitePages] = (0, import_react5.useState)([]);
+  const [sectionsByPath, setSectionsByPath] = (0, import_react5.useState)({});
+  const setLinkPopoverRef = (0, import_react5.useRef)(setLinkPopover);
+  const linkPopoverPanelRef = (0, import_react5.useRef)(null);
+  const linkPopoverOpenRef = (0, import_react5.useRef)(false);
+  const linkPopoverGraceUntilRef = (0, import_react5.useRef)(0);
+  setLinkPopoverRef.current = setLinkPopover;
+  const bumpLinkPopoverGrace = () => {
+    linkPopoverGraceUntilRef.current = Date.now() + 350;
+  };
+  (0, import_react5.useEffect)(() => {
+    if (!linkPopover) return;
+    if (hoveredImageRef.current) {
+      hoveredImageRef.current = null;
+      hoveredImageHasTextOverlapRef.current = false;
+    }
+    postToParent({ type: "ow:image-unhover" });
+  }, [linkPopover, postToParent]);
+  (0, import_react5.useEffect)(() => {
+    if (!isEditMode) return;
+    const useFixtures = shouldUseDevFixtures();
+    if (useFixtures) {
+      setSitePages(DEV_SITE_PAGES);
+      setSectionsByPath(DEV_SECTIONS_BY_PATH);
+      if (process.env.NODE_ENV === "development") {
+        console.info("[ohhwells-bridge] Dev fixtures loaded (ohw-fixtures=1)");
+      }
+    }
+    const onSitePages = (e) => {
+      if (e.data?.type !== "ow:site-pages" || !Array.isArray(e.data.pages)) return;
+      if (useFixtures) return;
+      setSitePages(
+        e.data.pages.map((p) => ({
+          path: p.path,
+          title: p.title
+        }))
+      );
+    };
+    window.addEventListener("message", onSitePages);
+    if (!useFixtures) postToParent({ type: "ow:request-site-pages" });
+    return () => window.removeEventListener("message", onSitePages);
+  }, [isEditMode, postToParent]);
+  const [sectionGap, setSectionGap] = (0, import_react5.useState)(null);
+  (0, import_react5.useEffect)(() => {
     const update = () => {
       const el = activeElRef.current;
       if (el) setToolbarRect(el.getBoundingClientRect());
@@ -4880,33 +5841,10 @@ function OhhwellsBridge() {
       vvp.removeEventListener("resize", update);
     };
   }, []);
-  const refreshStateRules = (0, import_react3.useCallback)(() => {
+  const refreshStateRules = (0, import_react5.useCallback)(() => {
     editStylesRef.current?.forceHover && (editStylesRef.current.forceHover.textContent = collectStateRules());
   }, []);
-  const processConfigRequest = (0, import_react3.useCallback)((insertAfterVal) => {
-    const tracker = getSectionsTracker();
-    let entries = [];
-    try {
-      entries = JSON.parse(tracker.textContent || "[]");
-    } catch {
-    }
-    const path = window.location.pathname;
-    const entry = entries.find(
-      (e) => e.type === "scheduling" && e.insertAfter === insertAfterVal && (!e.pagePath || e.pagePath === path)
-    );
-    if (entry) {
-      window.postMessage({ type: "ow:schedule-config", insertAfter: insertAfterVal, scheduleId: entry.scheduleId ?? null }, "*");
-      return;
-    }
-    const newEntry = { type: "scheduling", insertAfter: insertAfterVal, pagePath: path };
-    entries.push(newEntry);
-    tracker.textContent = JSON.stringify(entries);
-    if (isEditMode) {
-      postToParentRef.current({ type: "ow:change", nodes: [{ key: "__ohw_sections", text: tracker.textContent }] });
-    }
-    window.postMessage({ type: "ow:schedule-config", insertAfter: insertAfterVal, scheduleId: null }, "*");
-  }, [isEditMode]);
-  const deactivate = (0, import_react3.useCallback)(() => {
+  const deactivate = (0, import_react5.useCallback)(() => {
     const el = activeElRef.current;
     if (!el) return;
     const key = el.dataset.ohwKey;
@@ -4929,9 +5867,10 @@ function OhhwellsBridge() {
     setToolbarRect(null);
     setMaxBadge(null);
     setActiveCommands(/* @__PURE__ */ new Set());
+    setToolbarShowEditLink(false);
     postToParent({ type: "ow:exit-edit" });
   }, [postToParent]);
-  const activate = (0, import_react3.useCallback)((el) => {
+  const activate = (0, import_react5.useCallback)((el) => {
     if (activeElRef.current === el) return;
     deactivate();
     if (hoveredImageRef.current) {
@@ -4944,12 +5883,13 @@ function OhhwellsBridge() {
     originalContentRef.current = el.innerHTML;
     el.focus();
     setToolbarRect(el.getBoundingClientRect());
+    setToolbarShowEditLink(Boolean(getHrefKeyFromElement(el)));
     postToParent({ type: "ow:enter-edit", key: el.dataset.ohwKey });
     requestAnimationFrame(() => refreshActiveCommandsRef.current());
   }, [deactivate, postToParent]);
   activateRef.current = activate;
   deactivateRef.current = deactivate;
-  (0, import_react3.useLayoutEffect)(() => {
+  (0, import_react5.useLayoutEffect)(() => {
     if (!subdomain || isEditMode) {
       setFetchState("done");
       return;
@@ -4971,14 +5911,15 @@ function OhhwellsBridge() {
           } else if (el.dataset.ohwEditable === "bg-image") {
             const next = `url('${val}')`;
             if (el.style.backgroundImage !== next) el.style.backgroundImage = next;
+          } else if (el.dataset.ohwEditable === "link") {
+            applyLinkHref(el, val);
           } else if (el.innerHTML !== val) {
             el.innerHTML = val;
           }
         });
+        applyLinkByKey(key, val);
       }
       initSectionsFromContent(content, true);
-      sectionsLoadedRef.current = true;
-      pendingScheduleConfigRequests.current.splice(0).forEach(processConfigRequest);
       return imageLoads.length > 0 ? Promise.all(imageLoads).then(() => {
       }) : Promise.resolve();
     };
@@ -5003,7 +5944,7 @@ function OhhwellsBridge() {
       cancelled = true;
     };
   }, [subdomain, isEditMode, pathname]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!subdomain || isEditMode) return;
     let debounceTimer = null;
     const applyFromCache = () => {
@@ -5019,10 +5960,13 @@ function OhhwellsBridge() {
           } else if (el.dataset.ohwEditable === "bg-image") {
             const next = `url('${val}')`;
             if (el.style.backgroundImage !== next) el.style.backgroundImage = next;
+          } else if (el.dataset.ohwEditable === "link") {
+            applyLinkHref(el, val);
           } else if (el.innerHTML !== val) {
             el.innerHTML = val;
           }
         });
+        applyLinkByKey(key, val);
       }
     };
     const scheduleApply = () => {
@@ -5037,16 +5981,16 @@ function OhhwellsBridge() {
       if (debounceTimer) clearTimeout(debounceTimer);
     };
   }, [subdomain, isEditMode, pathname]);
-  (0, import_react3.useLayoutEffect)(() => {
+  (0, import_react5.useLayoutEffect)(() => {
     const el = document.getElementById("ohw-loader");
     if (!el) return;
     const visible = Boolean(subdomain) && fetchState !== "done";
     el.style.display = visible ? "flex" : "none";
   }, [subdomain, fetchState]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     postToParent({ type: "ow:navigation", path: pathname });
   }, [pathname, postToParent]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!isEditMode) return;
     const measure = () => {
       const h = document.body.scrollHeight;
@@ -5070,7 +6014,7 @@ function OhhwellsBridge() {
       window.removeEventListener("resize", handleResize);
     };
   }, [pathname, isEditMode, postToParent]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!subdomainFromQuery || isEditMode) return;
     const handleClick = (e) => {
       const anchor = e.target.closest("a");
@@ -5086,7 +6030,7 @@ function OhhwellsBridge() {
     document.addEventListener("click", handleClick, true);
     return () => document.removeEventListener("click", handleClick, true);
   }, [subdomainFromQuery, isEditMode, router]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!isEditMode) {
       editStylesRef.current?.base.remove();
       editStylesRef.current?.forceHover.remove();
@@ -5112,6 +6056,7 @@ function OhhwellsBridge() {
       [data-ohw-editable]:not([contenteditable]):not([data-ohw-editable="image"]):not([data-ohw-editable="bg-image"]) { cursor: text !important; }
       [data-ohw-editable="image"], [data-ohw-editable="image"] *,
       [data-ohw-editable="bg-image"], [data-ohw-editable="bg-image"] * { cursor: pointer !important; }
+      [data-ohw-editable="link"], [data-ohw-editable="link"] * { cursor: pointer !important; }
       [data-ohw-hovered]:not([contenteditable]) {
         outline: 2px dashed ${PRIMARY} !important;
         outline-offset: 4px;
@@ -5149,8 +6094,21 @@ function OhhwellsBridge() {
       if (target.closest("[data-ohw-toolbar]")) return;
       if (target.closest("[data-ohw-state-toggle]")) return;
       if (target.closest("[data-ohw-max-badge]")) return;
+      if (isInsideLinkEditor(target)) return;
       const editable = target.closest("[data-ohw-editable]");
       if (editable) {
+        if (editable.dataset.ohwEditable === "link") {
+          e.preventDefault();
+          e.stopPropagation();
+          deactivateRef.current();
+          bumpLinkPopoverGrace();
+          setLinkPopoverRef.current({
+            key: editable.dataset.ohwKey ?? "",
+            target: getLinkHref(editable),
+            rect: editable.getBoundingClientRect()
+          });
+          return;
+        }
         if (editable.dataset.ohwEditable === "image" || editable.dataset.ohwEditable === "bg-image") {
           e.preventDefault();
           e.stopPropagation();
@@ -5171,6 +6129,15 @@ function OhhwellsBridge() {
       }
       const anchor = target.closest("a");
       if (anchor) e.preventDefault();
+      if (Date.now() < linkPopoverGraceUntilRef.current) return;
+      if (linkPopoverOpenRef.current && activeElRef.current) {
+        const hrefCtx = getHrefKeyFromElement(activeElRef.current);
+        if (hrefCtx && (hrefCtx.anchor === target || hrefCtx.anchor.contains(target))) return;
+      }
+      if (linkPopoverOpenRef.current) {
+        setLinkPopoverRef.current(null);
+        return;
+      }
       deactivateRef.current();
     };
     const handleMouseOver = (e) => {
@@ -5277,6 +6244,15 @@ function OhhwellsBridge() {
       return smallest;
     };
     const probeImageAt = (clientX, clientY, isDragOver = false, fromParentViewport = false) => {
+      if (linkPopoverOpenRef.current) {
+        if (hoveredImageRef.current) {
+          hoveredImageRef.current = null;
+          hoveredImageHasTextOverlapRef.current = false;
+          resumeAnimTracks();
+          postToParentRef.current({ type: "ow:image-unhover" });
+        }
+        return;
+      }
       const toggleEl = document.querySelector("[data-ohw-state-toggle]");
       if (toggleEl) {
         const { x, y } = toProbeCoords(clientX, clientY, fromParentViewport);
@@ -5302,6 +6278,15 @@ function OhhwellsBridge() {
           }
           return;
         }
+        if (topEl?.closest("[data-ohw-link-popover-root]") || topEl?.closest("[data-ohw-link-modal-root]")) {
+          if (hoveredImageRef.current) {
+            hoveredImageRef.current = null;
+            hoveredImageHasTextOverlapRef.current = false;
+            resumeAnimTracks();
+            postToParentRef.current({ type: "ow:image-unhover" });
+          }
+          return;
+        }
         const isStateCardImage = !!imgEl.closest("[data-ohw-editable-state]");
         const textEditable = Array.from(
           document.querySelectorAll('[data-ohw-editable]:not([data-ohw-editable="image"]):not([data-ohw-editable="bg-image"])')
@@ -5621,25 +6606,35 @@ function OhhwellsBridge() {
             if (img) img.src = val;
           } else if (el.dataset.ohwEditable === "bg-image") {
             el.style.backgroundImage = `url('${val}')`;
+          } else if (el.dataset.ohwEditable === "link") {
+            applyLinkHref(el, val);
           } else {
             el.innerHTML = val;
           }
         });
+        applyLinkByKey(key, val);
       }
       if (sectionsJson) {
         initSectionsFromContent({ __ohw_sections: sectionsJson }, true);
-        sectionsLoadedRef.current = true;
-        pendingScheduleConfigRequests.current.splice(0).forEach(processConfigRequest);
       }
       postToParentRef.current({ type: "ow:hydrate-done" });
     };
     window.addEventListener("message", handleHydrate);
     const handleDeactivate = (e) => {
       if (e.data?.type !== "ow:deactivate") return;
+      if (Date.now() < linkPopoverGraceUntilRef.current) return;
+      if (linkPopoverOpenRef.current) {
+        setLinkPopoverRef.current(null);
+        return;
+      }
       deactivateRef.current();
     };
     window.addEventListener("message", handleDeactivate);
     const handleKeyDown = (e) => {
+      if (e.key === "Escape" && linkPopoverOpenRef.current) {
+        setLinkPopoverRef.current(null);
+        return;
+      }
       if (e.key !== "Escape") return;
       const el = activeElRef.current;
       if (el && originalContentRef.current !== null) {
@@ -5893,23 +6888,7 @@ function OhhwellsBridge() {
       if (imageShowTimerRef.current) clearTimeout(imageShowTimerRef.current);
     };
   }, [isEditMode, refreshStateRules]);
-  (0, import_react3.useEffect)(() => {
-    const handler = (e) => {
-      if (e.data?.type !== "ow:request-schedule-config") return;
-      const insertAfterVal = e.data.insertAfter;
-      if (!insertAfterVal) return;
-      if (!sectionsLoadedRef.current) {
-        if (!pendingScheduleConfigRequests.current.includes(insertAfterVal)) {
-          pendingScheduleConfigRequests.current.push(insertAfterVal);
-        }
-        return;
-      }
-      processConfigRequest(insertAfterVal);
-    };
-    window.addEventListener("message", handler);
-    return () => window.removeEventListener("message", handler);
-  }, [processConfigRequest]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!isEditMode) return;
     document.querySelectorAll("[data-ohw-active-state]").forEach((el) => {
       el.removeAttribute("data-ohw-active-state");
@@ -5924,20 +6903,26 @@ function OhhwellsBridge() {
     const raf = requestAnimationFrame(() => refreshStateRules());
     const timer = setTimeout(() => {
       refreshStateRules();
-      postToParent({ type: "ow:ready", version: "1", nodes: collectEditableNodes() });
+      const sections = collectSections();
+      setSectionsByPath((prev) => {
+        const next = { ...prev, [pathname]: sections };
+        return shouldUseDevFixtures() ? { ...DEV_SECTIONS_BY_PATH, ...next } : next;
+      });
+      postToParent({ type: "ow:ready", version: "1", path: pathname, nodes: collectEditableNodes(), sections });
+      postToParent({ type: "ow:request-site-pages" });
     }, 150);
     return () => {
       cancelAnimationFrame(raf);
       clearTimeout(timer);
     };
   }, [pathname, isEditMode, refreshStateRules, postToParent]);
-  const handleCommand = (0, import_react3.useCallback)((cmd) => {
+  const handleCommand = (0, import_react5.useCallback)((cmd) => {
     document.execCommand(cmd, false);
     activeElRef.current?.focus();
     if (activeElRef.current) setToolbarRect(activeElRef.current.getBoundingClientRect());
     refreshActiveCommandsRef.current();
   }, []);
-  const handleStateChange = (0, import_react3.useCallback)((state) => {
+  const handleStateChange = (0, import_react5.useCallback)((state) => {
     if (!activeStateElRef.current) return;
     const el = activeStateElRef.current;
     if (state === "Default") {
@@ -5950,13 +6935,48 @@ function OhhwellsBridge() {
     }
     setToggleState((prev) => prev ? { ...prev, activeState: state } : null);
   }, [deactivate]);
+  const closeLinkPopover = (0, import_react5.useCallback)(() => setLinkPopover(null), []);
+  const openLinkPopoverForActive = (0, import_react5.useCallback)(() => {
+    const hrefCtx = getHrefKeyFromElement(activeElRef.current);
+    if (!hrefCtx) return;
+    bumpLinkPopoverGrace();
+    setLinkPopover({
+      key: hrefCtx.key,
+      target: getLinkHref(hrefCtx.anchor),
+      rect: hrefCtx.anchor.getBoundingClientRect()
+    });
+  }, []);
+  const handleLinkPopoverSubmit = (0, import_react5.useCallback)(
+    (target) => {
+      if (!linkPopover) return;
+      const { key } = linkPopover;
+      applyLinkByKey(key, target);
+      postToParent({ type: "ow:change", nodes: [{ key, text: target }] });
+      setLinkPopover(null);
+    },
+    [linkPopover, postToParent]
+  );
+  const showEditLink = toolbarShowEditLink;
+  const currentSections = sectionsByPath[pathname] ?? [];
+  linkPopoverOpenRef.current = linkPopover !== null;
   return bridgeRoot ? (0, import_react_dom2.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-      toolbarRect && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(GlowFrame, { rect: toolbarRect, elRef: glowElRef }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FloatingToolbar, { rect: toolbarRect, parentScroll: parentScrollRef.current, elRef: toolbarElRef, onCommand: handleCommand, activeCommands })
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+      toolbarRect && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(GlowFrame, { rect: toolbarRect, elRef: glowElRef }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          FloatingToolbar,
+          {
+            rect: toolbarRect,
+            parentScroll: parentScrollRef.current,
+            elRef: toolbarElRef,
+            onCommand: handleCommand,
+            activeCommands,
+            showEditLink,
+            onEditLink: openLinkPopoverForActive
+          }
+        )
       ] }),
-      maxBadge && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      maxBadge && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
         "div",
         {
           "data-ohw-max-badge": "",
@@ -5982,7 +7002,7 @@ function OhhwellsBridge() {
           ]
         }
       ),
-      toggleState && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      toggleState && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         StateToggle,
         {
           rect: toggleState.rect,
@@ -5991,15 +7011,31 @@ function OhhwellsBridge() {
           onStateChange: handleStateChange
         }
       ),
-      sectionGap && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      linkPopover ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        LinkPopover,
+        {
+          rect: linkPopover.rect,
+          parentScroll: parentScrollRef.current,
+          panelRef: linkPopoverPanelRef,
+          open: true,
+          mode: "edit",
+          pages: sitePages,
+          sections: currentSections,
+          sectionsByPath,
+          initialTarget: linkPopover.target,
+          onClose: closeLinkPopover,
+          onSubmit: handleLinkPopoverSubmit
+        }
+      ) : null,
+      sectionGap && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
         "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__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-1 bg-primary", style: { height: 3 } }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex-1 bg-primary", style: { height: 3 } }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               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",
@@ -6012,7 +7048,7 @@ function OhhwellsBridge() {
                 children: "Add Section"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-1 bg-primary", style: { height: 3 } })
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex-1 bg-primary", style: { height: 3 } })
           ]
         }
       )
@@ -6022,11 +7058,19 @@ function OhhwellsBridge() {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  LinkEditorPanel,
+  LinkPopover,
   OhhwellsBridge,
   SchedulingWidget,
   Toggle,
   ToggleGroup,
   ToggleGroupItem,
-  toggleVariants
+  buildTarget,
+  filterAvailablePages,
+  getEditModeInitialState,
+  isValidUrl,
+  parseTarget,
+  toggleVariants,
+  validateUrlInput
 });
 //# sourceMappingURL=index.cjs.map