@preprio/toolkit 0.5.0-rc.1 → 0.5.0-rc.3

package/dist/index.cjs

@@ -34,9 +34,14 @@ __export(src_exports, {
   getPreprUUIDFromHeaders: () => getPreprUUIDFromHeaders,
   getToolbarPropsFromHeaders: () => getToolbarPropsFromHeaders,
   loadTrackingPixel: () => loadTrackingPixel,
+  normalizeQuery: () => normalizeQuery,
+  parsePatchLog: () => parsePatchLog,
+  previewAttrs: () => previewAttrs,
   processPreprRequest: () => processPreprRequest,
+  readLiveLogFromRequest: () => readLiveLogFromRequest,
   resolveFeatures: () => resolveFeatures,
   setTrackingParam: () => setTrackingParam,
+  startHtmlLivePreview: () => startHtmlLivePreview,
   stegaClean: () => stegaClean,
   trackEvent: () => trackEvent,
   validatePreprToken: () => validatePreprToken
@@ -44,7 +49,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/version.ts
-var VERSION = "0.5.0-rc.1";
+var VERSION = "0.5.0-rc.3";
 
 // src/core/features.ts
 function isEnabled(config) {
@@ -75,6 +80,7 @@ var PARAM_SEGMENT = "prepr_preview_segment";
 var PARAM_VARIANT = "prepr_preview_ab";
 var PARAM_HIDE_BAR = "prepr_hide_bar";
 var ONE_YEAR_SECONDS = 60 * 60 * 24 * 365;
+var HEADER_LIVE_RENDER = "x-prepr-live";
 
 // src/core/cookies.ts
 function getCookie(name) {
@@ -116,6 +122,40 @@ function crossSiteCookieOptions() {
   return { sameSite: "None", secure: true };
 }
 
+// src/core/locales/de.json
+var de_default = {
+  common: {
+    viewingAs: "Ansicht als:",
+    user: "Benutzer",
+    off: "Aus",
+    on: "An",
+    reset: "Zur\xFCcksetzen",
+    toolbar: "Symbolleiste"
+  },
+  adaptiveContent: {
+    adaptiveContent: "Adaptive Inhalte",
+    enablePreview: "Vorschaumodus",
+    segment: "Segment",
+    ABVariant: "A/B-Variante",
+    chooseSegment: "Segment w\xE4hlen",
+    searchSegments: "Segmente suchen",
+    none: "Keine Segmente",
+    allOtherUsers: "Alle anderen Benutzer",
+    offDescription: "Die Website als echter Benutzer ansehen (Cookies verwenden)",
+    onDescription: "Mit der Symbolleiste Segmente und A/B-Varianten simulieren"
+  },
+  editingTools: {
+    editingTools: "Bearbeitungswerkzeuge",
+    editMode: "Bearbeitungsmodus",
+    ariaCloseEditMode: "Bearbeitungsmodus schlie\xDFen"
+  },
+  visualEditor: {
+    edit: "Bearbeiten",
+    otherItem: "anderes Element",
+    linkedItem: "verkn\xFCpftes Element"
+  }
+};
+
 // src/core/locales/en.json
 var en_default = {
   common: {
@@ -142,6 +182,45 @@ var en_default = {
     editingTools: "Editing tools",
     editMode: "Edit mode",
     ariaCloseEditMode: "Close edit mode"
+  },
+  visualEditor: {
+    edit: "Edit",
+    otherItem: "other item",
+    linkedItem: "linked item"
+  }
+};
+
+// src/core/locales/fr.json
+var fr_default = {
+  common: {
+    viewingAs: "Affichage en tant que :",
+    user: "Utilisateur",
+    off: "D\xE9sactiv\xE9",
+    on: "Activ\xE9",
+    reset: "R\xE9initialiser",
+    toolbar: "Barre d'outils"
+  },
+  adaptiveContent: {
+    adaptiveContent: "Contenu adaptatif",
+    enablePreview: "Mode aper\xE7u",
+    segment: "Segment",
+    ABVariant: "Variante A/B",
+    chooseSegment: "Choisir un segment",
+    searchSegments: "Rechercher des segments",
+    none: "Aucun segment",
+    allOtherUsers: "Tous les autres utilisateurs",
+    offDescription: "Voir le site comme un vrai utilisateur (utiliser les cookies)",
+    onDescription: "Utilisez la barre d'outils pour simuler des segments et des variantes A/B"
+  },
+  editingTools: {
+    editingTools: "Outils d'\xE9dition",
+    editMode: "Mode \xE9dition",
+    ariaCloseEditMode: "Fermer le mode \xE9dition"
+  },
+  visualEditor: {
+    edit: "Modifier",
+    otherItem: "autre \xE9l\xE9ment",
+    linkedItem: "\xE9l\xE9ment li\xE9"
   }
 };
 
@@ -171,13 +250,20 @@ var nl_default = {
     editingTools: "Editing Tools",
     editMode: "Edit mode",
     ariaCloseEditMode: "Edit mode sluiten"
+  },
+  visualEditor: {
+    edit: "Bewerken",
+    otherItem: "ander item",
+    linkedItem: "gekoppeld item"
   }
 };
 
 // src/core/i18n.ts
 var dictionaries = {
   en: en_default,
-  nl: nl_default
+  nl: nl_default,
+  fr: fr_default,
+  de: de_default
 };
 var LOCALES = Object.keys(dictionaries);
 function isLocale(value) {
@@ -211,6 +297,9 @@ var trustedParentOrigin = null;
 function setTrustedParentOrigin(origin) {
   trustedParentOrigin = origin;
 }
+function getTrustedParentOrigin() {
+  return trustedParentOrigin;
+}
 function sendPreprEvent(event, data, options) {
   if (typeof window !== "undefined") {
     const message = {
@@ -270,52 +359,53 @@ function createScopedLogger(scopeName) {
     prefix: `[Prepr][${scopeName}]`
   });
 }
-function throttle(func, delay) {
-  let timeoutId = null;
-  let lastExecTime = 0;
-  const throttledFunc = ((...args) => {
-    const currentTime = Date.now();
-    const timeSinceLastExec = currentTime - lastExecTime;
-    if (timeSinceLastExec >= delay) {
-      func(...args);
-      lastExecTime = currentTime;
-    } else {
-      if (timeoutId) {
-        clearTimeout(timeoutId);
-      }
-      timeoutId = setTimeout(() => {
-        func(...args);
-        lastExecTime = Date.now();
-        timeoutId = null;
-      }, delay - timeSinceLastExec);
-    }
-  });
-  throttledFunc.cancel = () => {
-    if (timeoutId) {
-      clearTimeout(timeoutId);
-      timeoutId = null;
-    }
-  };
-  return throttledFunc;
-}
-function createElementCache(query, ttl = 1e3) {
-  let cache = null;
-  let lastCacheTime = 0;
-  return () => {
-    const now = Date.now();
-    if (!cache || now - lastCacheTime > ttl) {
-      cache = document.querySelectorAll(query);
-      lastCacheTime = now;
-    }
-    return cache;
-  };
-}
 
 // src/core/iframe-bridge.ts
 var debug = createScopedLogger("iframe-bridge");
+var MAX_REFERENCES = 500;
+var MAX_HREF_LENGTH = 8192;
+var MAX_ASSETS = 500;
+var MAX_ASSET_KEY_LENGTH = 2048;
+var MAX_ASSET_FIELD_LENGTH = 512;
+function parseIds(value) {
+  if (!Array.isArray(value)) return void 0;
+  return value.slice(0, MAX_REFERENCES).filter((id) => typeof id === "string" && id.length > 0);
+}
+function parseReferences(value) {
+  if (!Array.isArray(value)) return void 0;
+  const list = [];
+  for (const entry of value.slice(0, MAX_REFERENCES)) {
+    const id = entry?.id;
+    const field = entry?.field;
+    if (typeof id === "string" && id && typeof field === "string" && field) {
+      list.push({ id, field });
+    }
+  }
+  return list;
+}
+function boundedString(value, max) {
+  return typeof value === "string" && value && value.length <= max ? value : void 0;
+}
+function parseAssets(value) {
+  if (!Array.isArray(value)) return void 0;
+  const list = [];
+  for (const entry of value.slice(0, MAX_ASSETS)) {
+    if (!entry || typeof entry !== "object") continue;
+    const raw = entry;
+    const key = boundedString(raw.key, MAX_ASSET_KEY_LENGTH);
+    const field = boundedString(raw.field, MAX_ASSET_FIELD_LENGTH);
+    if (!key || !field) continue;
+    const entryId = boundedString(raw.entryId, MAX_ASSET_FIELD_LENGTH);
+    list.push(entryId ? { key, field, entryId } : { key, field });
+  }
+  return list;
+}
 var EDITOR_BASE_DOMAIN = "prepr.io";
 function isAllowedEditorOrigin(origin, allowed) {
-  if (allowed) return allowed.includes(origin);
+  if (allowed) {
+    if (allowed.includes("*")) return origin !== "null";
+    return allowed.includes(origin);
+  }
   let url;
   try {
     url = new URL(origin);
@@ -331,6 +421,10 @@ function isAllowedEditorOrigin(origin, allowed) {
 function createIframeBridge(store, options = {}) {
   const allowedOrigins = options.allowedEditorOrigins;
   const onScrollToField = options.onScrollToField;
+  const onHandshake = options.onHandshake;
+  const onReferences = options.onReferences;
+  const onAssets = options.onAssets;
+  const onAllowNavigation = options.onAllowNavigation;
   let parentOrigin = null;
   const onKeyDown = (event) => {
     const key = event.key.toLowerCase();
@@ -340,7 +434,10 @@ function createIframeBridge(store, options = {}) {
   const onMessage = (evt) => {
     const data = evt?.data;
     if (data?.event === "prepr:initVE" && !parentOrigin) {
-      if (!isAllowedEditorOrigin(evt.origin, allowedOrigins)) return;
+      if (!isAllowedEditorOrigin(evt.origin, allowedOrigins)) {
+        debug.warn("ignored editor handshake from origin", evt.origin);
+        return;
+      }
       parentOrigin = evt.origin;
       setTrustedParentOrigin(parentOrigin);
       if (data.scrollPosition != null) {
@@ -348,8 +445,43 @@ function createIframeBridge(store, options = {}) {
         setTimeout(() => window.scrollTo(0, top), 1);
       }
       store?.set({ previewMode: true, editMode: data.editMode ?? true });
+      const itemId = typeof data.itemId === "string" && data.itemId ? data.itemId : void 0;
+      const referencedIds = parseReferences(data.referencedIds);
+      const componentIds = parseIds(data.componentIds);
+      const uiLocale = isLocale(data.uiLocale) ? data.uiLocale : void 0;
+      const navigationGuard = data.navigationGuard === true;
+      const assets = parseAssets(data.assets);
+      try {
+        onHandshake?.({
+          ...itemId && { itemId },
+          ...referencedIds && { referencedIds },
+          ...componentIds && { componentIds },
+          ...uiLocale && { uiLocale },
+          ...navigationGuard && { navigationGuard },
+          ...assets && { assets }
+        });
+      } catch (error) {
+        debug.warn("handshake handler failed", error);
+      }
     }
     if (!parentOrigin || evt.origin !== parentOrigin) return;
+    if (data?.event === "prepr:references") {
+      const assets = parseAssets(data.assets);
+      if (assets) {
+        try {
+          onAssets?.(assets);
+        } catch (error) {
+          debug.warn("assets handler failed", error);
+        }
+      }
+      const referencedIds = parseReferences(data.referencedIds);
+      if (!referencedIds) return;
+      try {
+        onReferences?.(referencedIds, parseIds(data.componentIds));
+      } catch (error) {
+        debug.warn("references handler failed", error);
+      }
+    }
     if (data?.event === "prepr:getScrollPosition") {
       const currentScrollY = window.scrollY || document.documentElement.scrollTop;
       sendPreprEvent("getScrollPosition", { value: currentScrollY });
@@ -357,12 +489,32 @@ function createIframeBridge(store, options = {}) {
     if (data?.event === "prepr:scrollToField") {
       if (typeof data.field !== "string" || !data.field) return;
       if (data.id !== void 0 && typeof data.id !== "string") return;
+      const block = typeof data.block === "number" && Number.isInteger(data.block) ? data.block : void 0;
+      const entryId = typeof data.entryId === "string" && data.entryId ? data.entryId : void 0;
+      const fieldById = typeof data.fieldById === "string" && data.fieldById ? data.fieldById : void 0;
       try {
-        onScrollToField?.({ field: data.field, id: data.id });
+        onScrollToField?.({
+          field: data.field,
+          id: data.id,
+          block,
+          entryId,
+          fieldById
+        });
       } catch (error) {
         debug.warn("scrollToField handler failed", error);
       }
     }
+    if (data?.event === "prepr:allowNavigation") {
+      const href = data.href;
+      if (typeof href !== "string" || !href || href.length > MAX_HREF_LENGTH) {
+        return;
+      }
+      try {
+        onAllowNavigation?.(href);
+      } catch (error) {
+        debug.warn("allowNavigation handler failed", error);
+      }
+    }
   };
   return {
     start() {
@@ -470,29 +622,43 @@ function tagEncodedElement(element, decoded) {
   element.setAttribute("data-prepr-origin", decoded.origin);
   const { id, field, locale } = parseEditHref(decoded.href);
   setOrRemove(element, "data-prepr-id", id);
-  setOrRemove(element, "data-prepr-field", field);
+  const fieldHint = element.getAttribute("data-prepr-edit-target")?.trim() || void 0;
+  setOrRemove(element, "data-prepr-field", field ?? fieldHint);
   setOrRemove(element, "data-prepr-locale", locale);
 }
+function readEditPayload(element) {
+  return {
+    href: element.getAttribute("data-prepr-href") ?? "",
+    origin: element.getAttribute("data-prepr-origin") ?? "",
+    id: element.getAttribute("data-prepr-id") ?? void 0,
+    field: element.getAttribute("data-prepr-field") ?? void 0,
+    locale: element.getAttribute("data-prepr-locale") ?? void 0,
+    entryId: element.getAttribute("data-prepr-entry-id") || void 0
+  };
+}
 
 // src/core/stega/auto-clean.ts
 var debug3 = createScopedLogger("stega:auto-clean");
+var cleanedNodes = /* @__PURE__ */ new WeakMap();
 function createStegaAutoClean(options) {
   const stripText = options?.enabled ?? true;
   let observer = null;
   let processing = false;
-  let cleaned = /* @__PURE__ */ new WeakMap();
   let pendingHidden = /* @__PURE__ */ new Set();
   let pendingDirty = /* @__PURE__ */ new Set();
   let debounceTimeout = null;
   function cleanTextNode(textNode) {
     if (isIgnoredTextNode(textNode)) return false;
     const textContent = textNode.textContent;
-    const info = cleaned.get(textNode);
+    const info = cleanedNodes.get(textNode);
     const settled = stripText ? info?.cleaned : info?.original;
     if (info && textContent === settled) {
       if (!info.decoded) return false;
       const shown = resolveEditTarget(textNode);
-      if (!shown) return false;
+      if (!shown) {
+        pendingHidden.add(textNode);
+        return false;
+      }
       pendingHidden.delete(textNode);
       if (shown.hasAttribute("data-prepr-encoded")) return false;
       tagEncodedElement(shown, info.decoded);
@@ -503,7 +669,7 @@ function createStegaAutoClean(options) {
       if (!encoded || stripped === textContent) return false;
       const decoded = decodeStega(textContent);
       if (!decoded?.href && !stripText) return false;
-      cleaned.set(textNode, {
+      cleanedNodes.set(textNode, {
         original: textContent,
         cleaned: stripped,
         decoded: decoded?.href ? decoded : null
@@ -545,7 +711,7 @@ function createStegaAutoClean(options) {
       }
       if (mutation.type === "characterData" && mutation.target.nodeType === Node.TEXT_NODE) {
         const textNode = mutation.target;
-        const info = cleaned.get(textNode);
+        const info = cleanedNodes.get(textNode);
         const text = textNode.textContent ?? "";
         const settled = stripText ? info?.cleaned : info?.original;
         if (text !== settled && (0, import_stega2.vercelStegaSplit)(text).encoded) {
@@ -588,7 +754,16 @@ function createStegaAutoClean(options) {
       retryPendingHidden();
     }, 50);
   }
+  let resizeTimeout = null;
+  function handleResize() {
+    if (pendingHidden.size === 0 || resizeTimeout) return;
+    resizeTimeout = setTimeout(() => {
+      resizeTimeout = null;
+      retryPendingHidden();
+    }, 100);
+  }
   function setupObserver() {
+    window.addEventListener("resize", handleResize, { passive: true });
     observer = new MutationObserver(handleMutations);
     observer.observe(document.body, {
       childList: true,
@@ -611,11 +786,15 @@ function createStegaAutoClean(options) {
       clearTimeout(debounceTimeout);
       debounceTimeout = null;
     }
+    if (resizeTimeout) {
+      clearTimeout(resizeTimeout);
+      resizeTimeout = null;
+    }
     if (observer) {
       observer.disconnect();
       observer = null;
+      window.removeEventListener("resize", handleResize);
     }
-    cleaned = /* @__PURE__ */ new WeakMap();
     pendingHidden = /* @__PURE__ */ new Set();
     pendingDirty = /* @__PURE__ */ new Set();
     debug3.log("stega auto-clean stopped");
@@ -623,6 +802,439 @@ function createStegaAutoClean(options) {
   return { start, stop };
 }
 
+// src/core/visual-editor/overlay.ts
+var HOST_TAG = "prepr-visual-editor";
+var SCROLL_SETTLE_MS = 120;
+var LABEL_SPACE_PX = 22;
+var BOX_PADDING_PX = 3;
+var LABEL_MARGIN_PX = 4;
+var PROBE_POINTS = [
+  [0.5, 0.5],
+  [0.15, 0.2],
+  [0.85, 0.2],
+  [0.15, 0.8],
+  [0.85, 0.8]
+];
+function overlapsBox(area, rect) {
+  return area.left < rect.right + BOX_PADDING_PX && area.right > rect.left - BOX_PADDING_PX && area.top < rect.bottom + BOX_PADDING_PX && area.bottom > rect.top - BOX_PADDING_PX;
+}
+function overlaps(a2, b2) {
+  return a2.left < b2.right && b2.left < a2.right && a2.top < b2.bottom && b2.top < a2.bottom;
+}
+function coverOf(hit, target, x2, y2) {
+  let cover = hit.getBoundingClientRect();
+  for (let el = hit.parentElement; el && !el.contains(target) && el !== document.body; el = el.parentElement) {
+    const r2 = el.getBoundingClientRect();
+    if (x2 < r2.left || x2 >= r2.right || y2 < r2.top || y2 >= r2.bottom) break;
+    cover = r2;
+  }
+  return cover;
+}
+function mergeAreas(areas) {
+  const merged = areas.slice();
+  for (let i2 = 0; i2 < merged.length; i2++) {
+    for (let j2 = i2 + 1; j2 < merged.length; j2++) {
+      if (!overlaps(merged[i2], merged[j2])) continue;
+      merged[i2] = {
+        left: Math.min(merged[i2].left, merged[j2].left),
+        top: Math.min(merged[i2].top, merged[j2].top),
+        right: Math.max(merged[i2].right, merged[j2].right),
+        bottom: Math.max(merged[i2].bottom, merged[j2].bottom)
+      };
+      merged.splice(j2, 1);
+      j2 = i2;
+    }
+  }
+  return merged;
+}
+function findCovers(target, rect) {
+  const width = window.innerWidth;
+  const height = window.innerHeight;
+  const covers = [];
+  const seen = /* @__PURE__ */ new Set();
+  let probed = false;
+  let reached = false;
+  for (const [fx, fy] of PROBE_POINTS) {
+    const x2 = rect.left + rect.width * fx;
+    const y2 = rect.top + rect.height * fy;
+    if (x2 < 0 || y2 < 0 || x2 >= width || y2 >= height) continue;
+    probed = true;
+    const hit = document.elementFromPoint(x2, y2);
+    if (!hit || hit === target || target.contains(hit)) {
+      reached = true;
+      continue;
+    }
+    if (seen.has(hit)) continue;
+    seen.add(hit);
+    if (covers.some(
+      (c2) => x2 >= c2.left && x2 < c2.right && y2 >= c2.top && y2 < c2.bottom
+    )) {
+      continue;
+    }
+    covers.push(coverOf(hit, target, x2, y2));
+  }
+  if (!probed) return [];
+  return reached ? mergeAreas(covers) : null;
+}
+function clipPath(x2, y2, covers) {
+  const far = 1e5;
+  const points = [
+    `${-far}px ${-far}px`,
+    `${far}px ${-far}px`,
+    `${far}px ${far}px`,
+    `${-far}px ${far}px`,
+    `${-far}px ${-far}px`
+  ];
+  for (const c2 of covers) {
+    const l2 = c2.left - x2;
+    const t3 = c2.top - y2;
+    const r2 = c2.right - x2;
+    const b2 = c2.bottom - y2;
+    points.push(
+      `${l2}px ${t3}px`,
+      `${r2}px ${t3}px`,
+      `${r2}px ${b2}px`,
+      `${l2}px ${b2}px`,
+      `${l2}px ${t3}px`,
+      `${-far}px ${-far}px`
+    );
+  }
+  return `polygon(evenodd, ${points.join(", ")})`;
+}
+var STYLES = `
+:host {
+  all: initial;
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  z-index: 2147483646;
+  contain: strict;
+}
+.box {
+  position: absolute;
+  top: 0;
+  left: 0;
+  box-sizing: border-box;
+  border-radius: 6px;
+  opacity: 0;
+  will-change: transform, width, height;
+  transition:
+    transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1),
+    width 180ms cubic-bezier(0.2, 0.8, 0.2, 1),
+    height 180ms cubic-bezier(0.2, 0.8, 0.2, 1),
+    opacity 140ms ease;
+}
+.box[data-visible] { opacity: 1; }
+.box[data-instant], :host([data-scrolling]) .box {
+  transition: opacity 140ms ease;
+}
+.hover {
+  border: 1.5px solid rgba(79, 70, 229, 0.9);
+  background: rgba(79, 70, 229, 0.06);
+}
+.selected {
+  border: 2px solid #4f46e5;
+  box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.18);
+}
+.label {
+  position: absolute;
+  left: -2px;
+  bottom: 100%;
+  margin-bottom: 4px;
+  padding: 3px 7px;
+  border-radius: 5px;
+  background: #4f46e5;
+  color: #fff;
+  font: 500 11px/1.3 ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
+  letter-spacing: 0.01em;
+  white-space: nowrap;
+  display: flex;
+  max-width: 240px;
+  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.25);
+}
+.text {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.hover .label { background: rgba(79, 70, 229, 0.92); }
+/* Content of another item than the one open in the editor: still clickable,
+   but visibly not part of the item being edited. */
+.hover[data-item-kind='other'] {
+  border: 1.5px dashed #a5b4fc;
+  background: rgba(100, 116, 139, 0.05);
+}
+.hover[data-item-kind='other'] .label { background: #64748b; }
+.hover[data-item-kind='referenced'] {
+  border: 1.5px solid #a5b4fc;
+  background: rgba(79, 70, 229, 0.03);
+}
+.hover[data-item-kind='referenced'] .label { background: #818cf8; }
+.box[data-label-covered] .label { visibility: hidden; }
+.box[data-label-inside] .label {
+  bottom: auto;
+  top: 2px;
+  left: 2px;
+  margin: 0;
+}
+/* A clickable hover label (edit mode on the live site). Only while shown, so
+   a fading box never leaves an invisible click target behind. */
+:host([data-label-action]) .hover[data-visible] .label {
+  pointer-events: auto;
+  cursor: pointer;
+}
+:host([data-label-action]) .hover .label::after {
+  content: '\\2197';
+  margin-left: 5px;
+}
+:host([data-label-action]) .hover .label:hover { background: #4338ca; }
+/* Bridges the gap between the label and its element, so the pointer can
+   travel from one to the other without the hover ending on the way. */
+:host([data-label-action]) .hover .label::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 100%;
+  height: ${LABEL_MARGIN_PX + BOX_PADDING_PX + 2}px;
+}
+@media (prefers-reduced-motion: reduce) {
+  .box { transition: opacity 80ms linear; }
+}
+`;
+var VisualEditorOverlay = class {
+  constructor(options = {}) {
+    this.host = null;
+    this.hoverBox = null;
+    this.selectedBox = null;
+    this.frame = null;
+    this.scrollTimeout = null;
+    this.resizeObserver = null;
+    this.onLabelClick = options.onLabelClick;
+  }
+  mount() {
+    if (this.host) return;
+    const host = document.createElement(HOST_TAG);
+    const shadow = host.attachShadow({ mode: "open" });
+    const style = document.createElement("style");
+    style.textContent = STYLES;
+    shadow.appendChild(style);
+    this.hoverBox = this.createBox(shadow, "hover");
+    this.selectedBox = this.createBox(shadow, "selected");
+    const onLabelClick = this.onLabelClick;
+    if (onLabelClick) {
+      host.setAttribute("data-label-action", "");
+      const hoverBox = this.hoverBox;
+      hoverBox.label.addEventListener("click", () => {
+        if (hoverBox.target) onLabelClick(hoverBox.target);
+      });
+    }
+    document.documentElement.appendChild(host);
+    this.host = host;
+    if (typeof ResizeObserver !== "undefined") {
+      this.resizeObserver = new ResizeObserver(() => this.schedule());
+    }
+  }
+  unmount() {
+    if (this.frame !== null) cancelAnimationFrame(this.frame);
+    if (this.scrollTimeout) clearTimeout(this.scrollTimeout);
+    this.frame = null;
+    this.scrollTimeout = null;
+    this.resizeObserver?.disconnect();
+    this.resizeObserver = null;
+    this.host?.remove();
+    this.host = null;
+    this.hoverBox = null;
+    this.selectedBox = null;
+  }
+  /**
+   * Whether a pointer event target is this chrome: events from inside the
+   * shadow root reach the page retargeted to its host.
+   */
+  owns(node) {
+    return node !== null && node === this.host;
+  }
+  getHoverTarget() {
+    return this.hoverBox?.target ?? null;
+  }
+  getSelectedTarget() {
+    return this.selectedBox?.target ?? null;
+  }
+  setHover(target, label, options = {}) {
+    if (target) {
+      this.hoverBox?.root.setAttribute(
+        "data-item-kind",
+        options.kind ?? "current"
+      );
+    }
+    this.retarget(this.hoverBox, target, label);
+  }
+  setSelected(target, label) {
+    this.retarget(this.selectedBox, target, label);
+  }
+  /** Call on every scroll; positions follow in the next frame, untransitioned. */
+  onScroll() {
+    if (!this.host) return;
+    this.host.setAttribute("data-scrolling", "");
+    if (this.scrollTimeout) clearTimeout(this.scrollTimeout);
+    this.scrollTimeout = setTimeout(() => {
+      this.host?.removeAttribute("data-scrolling");
+      this.scrollTimeout = null;
+    }, SCROLL_SETTLE_MS);
+    this.schedule();
+  }
+  /** Re-measure both boxes in the next animation frame. */
+  schedule() {
+    if (this.frame !== null || !this.host) return;
+    this.frame = requestAnimationFrame(() => {
+      this.frame = null;
+      this.render();
+    });
+  }
+  createBox(shadow, kind) {
+    const root = document.createElement("div");
+    root.className = `box ${kind}`;
+    const label = document.createElement("div");
+    label.className = "label";
+    const text = document.createElement("span");
+    text.className = "text";
+    label.appendChild(text);
+    root.appendChild(label);
+    shadow.appendChild(root);
+    return { root, label, text, target: null };
+  }
+  retarget(box, target, label) {
+    if (!box || box.target === target) return;
+    const previous = box.target;
+    if (previous) this.resizeObserver?.unobserve(previous);
+    box.target = target;
+    if (target) {
+      this.resizeObserver?.observe(target);
+      box.text.textContent = label;
+      if (!box.root.hasAttribute("data-visible")) {
+        box.root.setAttribute("data-instant", "");
+      }
+    }
+    this.schedule();
+  }
+  render() {
+    const hover = this.hoverBox ? this.measure(this.hoverBox) : null;
+    const selected = this.selectedBox ? this.measure(this.selectedBox) : null;
+    if (this.hoverBox) this.paint(this.hoverBox, hover, selected);
+    if (this.selectedBox) this.paint(this.selectedBox, selected, hover);
+  }
+  measure(box) {
+    const target = box.target;
+    if (!target) return null;
+    if (!target.isConnected) {
+      this.resizeObserver?.unobserve(target);
+      box.target = null;
+      return null;
+    }
+    const rect = target.getBoundingClientRect();
+    if (rect.width === 0 && rect.height === 0) return null;
+    const covers = findCovers(target, rect);
+    if (!covers) return null;
+    return {
+      rect,
+      covers,
+      labelWidth: covers.length ? box.label.offsetWidth : 0,
+      labelHeight: covers.length ? box.label.offsetHeight : 0
+    };
+  }
+  paint(box, measurement, other = null) {
+    const root = box.root;
+    if (!measurement) {
+      root.removeAttribute("data-visible");
+      return;
+    }
+    const { rect, covers } = measurement;
+    const x2 = rect.left - BOX_PADDING_PX;
+    const y2 = rect.top - BOX_PADDING_PX;
+    const labelAbove = {
+      left: x2 - 2,
+      top: y2 - LABEL_SPACE_PX,
+      right: x2 - 2 + (measurement.labelWidth || Math.min(240, rect.width)),
+      bottom: y2
+    };
+    const labelInside = y2 < LABEL_SPACE_PX || other !== null && other.rect !== rect && overlapsBox(labelAbove, other.rect);
+    root.style.transform = `translate3d(${x2}px, ${y2}px, 0)`;
+    root.style.width = `${rect.width + BOX_PADDING_PX * 2}px`;
+    root.style.height = `${rect.height + BOX_PADDING_PX * 2}px`;
+    root.toggleAttribute("data-label-inside", labelInside);
+    root.style.clipPath = covers.length ? clipPath(x2, y2, covers) : "";
+    const labelLeft = labelInside ? x2 + 2 : x2 - 2;
+    const labelTop = labelInside ? y2 + 2 : y2 - LABEL_MARGIN_PX - measurement.labelHeight;
+    const label = {
+      left: labelLeft,
+      top: labelTop,
+      right: labelLeft + measurement.labelWidth,
+      bottom: labelTop + measurement.labelHeight
+    };
+    root.toggleAttribute(
+      "data-label-covered",
+      covers.some((c2) => overlaps(c2, label))
+    );
+    if (root.hasAttribute("data-instant")) {
+      root.setAttribute("data-visible", "");
+      requestAnimationFrame(() => root.removeAttribute("data-instant"));
+      return;
+    }
+    root.setAttribute("data-visible", "");
+  }
+};
+
+// src/core/visual-editor/field-path.ts
+var INDEX_SEGMENT = /^\d+$/;
+var WORD_SEPARATORS = /[_-]+/g;
+function normalizeFieldPath(path) {
+  return path.split(".").map(
+    (segment) => INDEX_SEGMENT.test(segment) ? String(Number.parseInt(segment, 10)) : segment
+  ).join(".");
+}
+var GENERIC_LEAVES = /* @__PURE__ */ new Set(["value", "text", "body", "content", "label"]);
+function humanize(name) {
+  const words = name.replace(WORD_SEPARATORS, " ").trim();
+  return words.charAt(0).toUpperCase() + words.slice(1);
+}
+function fieldLabel(path, locale = "en") {
+  if (!path) return t("visualEditor.edit", locale);
+  const segments = path.split(".").filter((s2) => s2 && s2 !== "items" && !INDEX_SEGMENT.test(s2));
+  const name = segments[segments.length - 1];
+  if (!name) return t("visualEditor.edit", locale);
+  const parent = segments[segments.length - 2];
+  if (parent && GENERIC_LEAVES.has(name)) {
+    return `${humanize(parent)} \u203A ${humanize(name)}`;
+  }
+  return humanize(name);
+}
+function findFieldElement(lookup) {
+  if (!lookup.field) return null;
+  const candidates = document.querySelectorAll(
+    "[data-prepr-encoded]"
+  );
+  if (lookup.entryId) {
+    for (const candidate of candidates) {
+      if (candidate.getAttribute("data-prepr-entry-id") === lookup.entryId) {
+        return candidate;
+      }
+    }
+  }
+  for (const path of [lookup.field, lookup.fieldById]) {
+    if (!path) continue;
+    const wanted = normalizeFieldPath(path);
+    for (const candidate of candidates) {
+      const field = candidate.getAttribute("data-prepr-field");
+      if (!field || normalizeFieldPath(field) !== wanted) continue;
+      if (lookup.id && candidate.getAttribute("data-prepr-id") !== lookup.id) {
+        continue;
+      }
+      return candidate;
+    }
+  }
+  return null;
+}
+
 // src/core/stega/elements.ts
 var debug4 = createScopedLogger("stega:elements");
 var StegaElements = class {
@@ -712,235 +1324,22 @@ var StegaElements = class {
       attributeFilter: ["class", "style", "hidden", "open", "aria-expanded"]
     });
   }
-  /** Drops the active class but keeps the data attributes, unlike cleanup(). */
-  cleanupVisuals() {
-    document.querySelectorAll(".prepr-overlay-active").forEach((element) => element.classList.remove("prepr-overlay-active"));
-  }
-  cleanup() {
+  /**
+   * Stops watching for new content. Tags stay on their elements: the page's
+   * stega characters are stripped once they are read, so a tag removed here
+   * could never be rebuilt when edit mode is turned back on.
+   */
+  disconnect() {
     if (this.observer) {
       this.observer.disconnect();
       this.observer = null;
     }
-    document.querySelectorAll("[data-prepr-encoded]").forEach((element) => {
-      element.removeAttribute("data-prepr-encoded");
-      element.removeAttribute("data-prepr-href");
-      element.removeAttribute("data-prepr-origin");
-      element.removeAttribute("data-prepr-id");
-      element.removeAttribute("data-prepr-field");
-      element.removeAttribute("data-prepr-locale");
-      element.classList.remove("prepr-overlay-active");
-    });
     this.elements = void 0;
   }
 };
 
-// src/core/stega/overlay.ts
-var debug5 = createScopedLogger("stega:overlay");
-var StegaOverlay = class {
-  constructor(onEdit) {
-    this.overlay = null;
-    this.tooltip = null;
-    this.hideTimeout = null;
-    this.currentElement = null;
-    this.onEdit = onEdit;
-  }
-  create() {
-    const overlay = document.createElement("div");
-    overlay.className = "prepr-overlay";
-    overlay.style.display = "none";
-    const tooltip = document.createElement("div");
-    tooltip.className = "prepr-tooltip";
-    tooltip.style.display = "none";
-    document.body.appendChild(overlay);
-    document.body.appendChild(tooltip);
-    this.overlay = overlay;
-    this.tooltip = tooltip;
-    return { overlay, tooltip };
-  }
-  getTooltip() {
-    return this.tooltip;
-  }
-  hasCurrentElement() {
-    return this.currentElement !== null;
-  }
-  clearHideTimeout() {
-    if (this.hideTimeout) {
-      clearTimeout(this.hideTimeout);
-      this.hideTimeout = null;
-    }
-  }
-  show(element) {
-    if (!this.overlay || !this.tooltip) return;
-    this.clearHideTimeout();
-    if (this.currentElement && this.currentElement !== element) {
-      this.currentElement.classList.remove("prepr-overlay-active");
-    }
-    const rect = element.getBoundingClientRect();
-    const href = element.getAttribute("data-prepr-href");
-    const origin = element.getAttribute("data-prepr-origin");
-    const id = element.getAttribute("data-prepr-id") ?? void 0;
-    const field = element.getAttribute("data-prepr-field") ?? void 0;
-    const locale = element.getAttribute("data-prepr-locale") ?? void 0;
-    debug5.log("showing overlay", { href, origin });
-    const overlay = this.overlay;
-    overlay.style.display = "block";
-    overlay.style.top = `${rect.top + window.scrollY - 2}px`;
-    overlay.style.left = `${rect.left + window.scrollX - 4}px`;
-    overlay.style.width = `${rect.width + 8}px`;
-    overlay.style.height = `${rect.height + 4}px`;
-    const tooltip = this.tooltip;
-    if (href && origin) {
-      const MIN_WIDTH_FOR_TEXT = 80;
-      const isCompact = rect.width < MIN_WIDTH_FOR_TEXT;
-      tooltip.textContent = isCompact ? "\u2197" : `${origin} \u2197`;
-      tooltip.style.display = "block";
-      tooltip.style.minWidth = isCompact ? "auto" : "80px";
-      requestAnimationFrame(() => {
-        let top = rect.top + window.scrollY - tooltip.clientHeight - 2;
-        let left = rect.right + 4 - tooltip.clientWidth;
-        const minTop = window.scrollY + 4;
-        const maxTop = window.scrollY + window.innerHeight - tooltip.clientHeight - 4;
-        const minLeft = window.scrollX + 4;
-        const maxLeft = window.scrollX + window.innerWidth - tooltip.clientWidth - 4;
-        const below = top < minTop;
-        if (below) {
-          top = rect.bottom + window.scrollY + 2;
-        }
-        top = Math.max(minTop, Math.min(top, maxTop));
-        left = Math.max(minLeft, Math.min(left, maxLeft));
-        tooltip.dataset.preprPlacement = below ? "below" : "above";
-        tooltip.style.top = `${top}px`;
-        tooltip.style.left = `${left}px`;
-      });
-      tooltip.onclick = () => {
-        this.onEdit({ href, origin, id, field, locale });
-      };
-    }
-    this.currentElement = element;
-    element.classList.add("prepr-overlay-active");
-  }
-  hideImmediate() {
-    this.clearHideTimeout();
-    if (this.overlay) this.overlay.style.display = "none";
-    if (this.tooltip) this.tooltip.style.display = "none";
-    if (this.currentElement) {
-      this.currentElement.classList.remove("prepr-overlay-active");
-      this.currentElement = null;
-    }
-  }
-  hide() {
-    if (!this.overlay || !this.tooltip) return;
-    this.clearHideTimeout();
-    this.hideTimeout = setTimeout(() => this.hideImmediate(), 100);
-  }
-  cleanup() {
-    this.clearHideTimeout();
-    if (this.overlay) {
-      this.overlay.style.display = "none";
-      this.overlay.parentNode?.removeChild(this.overlay);
-      this.overlay = null;
-    }
-    if (this.tooltip) {
-      this.tooltip.style.display = "none";
-      this.tooltip.parentNode?.removeChild(this.tooltip);
-      this.tooltip = null;
-    }
-    if (this.currentElement) {
-      this.currentElement.classList.remove("prepr-overlay-active");
-      this.currentElement = null;
-    }
-  }
-};
-
-// src/core/stega/proximity.ts
-var debug6 = createScopedLogger("stega:proximity");
-var StegaProximity = class {
-  constructor() {
-    this.highlighted = /* @__PURE__ */ new Set();
-    this.visible = /* @__PURE__ */ new Set();
-    this.observer = null;
-    this.getEncodedElements = createElementCache(
-      "[data-prepr-encoded]",
-      200
-    );
-  }
-  /** Call after the encoded element set changes — rebuilds the observer. */
-  refreshObserving() {
-    try {
-      if (typeof IntersectionObserver === "undefined") return;
-      if (this.observer) {
-        this.observer.disconnect();
-        this.observer = null;
-      }
-      this.visible = /* @__PURE__ */ new Set();
-      this.observer = new IntersectionObserver(
-        (entries) => {
-          entries.forEach((entry) => {
-            const el = entry.target;
-            if (entry.isIntersecting) {
-              this.visible.add(el);
-            } else {
-              this.visible.delete(el);
-            }
-          });
-        },
-        { root: null, rootMargin: "0px", threshold: 0 }
-      );
-      const nodes = this.getEncodedElements();
-      nodes.forEach((el) => this.observer.observe(el));
-      debug6.log("observing", nodes.length, "encoded elements");
-    } catch (error) {
-      debug6.log("error setting up IntersectionObserver", error);
-    }
-  }
-  stopObserving() {
-    if (this.observer) {
-      this.observer.disconnect();
-      this.observer = null;
-      this.visible.clear();
-    }
-  }
-  updateElementGradients(cursorX, cursorY) {
-    const candidates = this.visible.size > 0 ? Array.from(this.visible) : Array.from(this.getEncodedElements());
-    const newHighlighted = /* @__PURE__ */ new Set();
-    candidates.forEach((element) => {
-      const rect = element.getBoundingClientRect();
-      const distance = Math.min(
-        Math.abs(cursorX - rect.left),
-        Math.abs(cursorX - rect.right),
-        Math.abs(cursorY - rect.top),
-        Math.abs(cursorY - rect.bottom)
-      );
-      if (distance < 150) {
-        const relativeX = cursorX - rect.left;
-        const relativeY = cursorY - rect.top;
-        element.style.setProperty("--cursor-x", `${relativeX}px`);
-        element.style.setProperty("--cursor-y", `${relativeY}px`);
-        const baseGradientSize = Math.max(
-          150,
-          Math.max(rect.width, rect.height) * 1.1
-        );
-        const distanceScale = Math.max(0, (400 - distance) / 400);
-        const gradientSize = baseGradientSize * distanceScale;
-        element.style.setProperty("--gradient-size", `${gradientSize}px`);
-        element.classList.add("prepr-proximity-highlight");
-        newHighlighted.add(element);
-      } else {
-        element.classList.remove("prepr-proximity-highlight");
-      }
-    });
-    this.highlighted = newHighlighted;
-  }
-  clearAllHighlights() {
-    this.highlighted.forEach(
-      (element) => element.classList.remove("prepr-proximity-highlight")
-    );
-    this.highlighted.clear();
-  }
-};
-
 // src/core/stega/stega.generated.ts
-var STEGA_STYLES = '[data-prepr-encoded]{position:relative}.prepr-overlay{pointer-events:none;z-index:10000;border:2px solid #4f46e5;border-radius:4px 0 4px 4px;transition:all .2s ease-in-out;position:absolute}.prepr-tooltip{color:#fff;white-space:nowrap;z-index:10001;text-align:center;pointer-events:auto;cursor:pointer;background-color:#4f46e5;border-radius:4px 4px 0 0;min-width:80px;padding:4px 8px;font-size:12px;line-height:1;transition:opacity .2s ease-in-out;position:absolute}.prepr-tooltip[data-prepr-placement=below]{border-radius:0 0 4px 4px}.prepr-tooltip:hover{background-color:#4338ca}.prepr-proximity-highlight{z-index:1;position:relative}.prepr-proximity-highlight,.prepr-proximity-highlight *{overflow:visible!important}.prepr-proximity-highlight:before{content:"";pointer-events:none;background:radial-gradient(circle var(--gradient-size) at var(--cursor-x) var(--cursor-y), #4f46e526 0%, #2563eb00 70%);z-index:9999;border:2px solid #4f46e526;border-radius:4px;transition:all .2s;position:absolute;top:-2px;bottom:-2px;left:-4px;right:-4px;overflow:visible}';
+var STEGA_STYLES = '@property --prepr-presence{syntax:"<number>";inherits:true;initial-value:1}[data-prepr-encoded]{outline:1px dashed rgba(79,70,229,calc(.3 * var(--prepr-presence,1)));outline-offset:2px}';
 
 // src/core/stega/styles.ts
 var STEGA_STYLE_MARKER = "data-prepr-stega";
@@ -960,46 +1359,80 @@ function removeStegaStyles() {
 }
 
 // src/core/stega/scan.ts
-var debug7 = createScopedLogger("stega:scan");
+var debug5 = createScopedLogger("stega:scan");
+var ENCODED_SELECTOR = "[data-prepr-encoded]";
+var PRESENCE_FADE_MS = 400;
 var EDITOR_MODE_STYLES = "[data-prepr-encoded]{cursor:pointer}";
+function fadeInPresence() {
+  const root = document.documentElement;
+  if (typeof root.animate !== "function") return;
+  if (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) return;
+  root.animate(
+    { "--prepr-presence": ["0", "1"] },
+    { duration: PRESENCE_FADE_MS, easing: "ease-out" }
+  );
+}
 function createStegaController(opts) {
   const tooltipEnabled = opts.tooltip ?? true;
-  const overlay = new StegaOverlay(opts.onEdit);
-  const proximity = new StegaProximity();
+  const locale = opts.locale ?? "en";
   const elements = new StegaElements();
+  const overlay = new VisualEditorOverlay({
+    onLabelClick: (target) => opts.onEdit(readEditPayload(target))
+  });
   let initialized = false;
-  let throttledMouseMove = null;
-  const handleTooltipMouseEnter = () => {
-    overlay.clearHideTimeout();
+  let pointerFrame = null;
+  let pointerTarget = null;
+  let pointerX = 0;
+  let pointerY = 0;
+  let hitTestPending = false;
+  const updateHover = () => {
+    pointerFrame = null;
+    if (hitTestPending) {
+      hitTestPending = false;
+      pointerTarget = document.elementFromPoint(pointerX, pointerY);
+    }
+    if (overlay.owns(pointerTarget)) return;
+    const encoded = pointerTarget instanceof Element ? pointerTarget.closest(ENCODED_SELECTOR) : null;
+    overlay.setHover(
+      encoded,
+      encoded ? fieldLabel(encoded.getAttribute("data-prepr-field"), locale) : ""
+    );
   };
-  const handleTooltipMouseLeave = () => {
-    if (!overlay.hasCurrentElement()) {
-      overlay.hide();
+  const scheduleHover = () => {
+    if (pointerFrame === null) {
+      pointerFrame = requestAnimationFrame(updateHover);
     }
   };
+  const handlePointer = (e2) => {
+    pointerTarget = e2.target;
+    pointerX = e2.clientX;
+    pointerY = e2.clientY;
+    hitTestPending = false;
+    scheduleHover();
+  };
+  const handlePointerLeave = () => {
+    pointerTarget = null;
+    hitTestPending = false;
+    overlay.setHover(null, "");
+  };
   const handleScroll = () => {
-    overlay.hideImmediate();
-    proximity.clearAllHighlights();
+    overlay.onScroll();
+    if (pointerTarget === null) return;
+    hitTestPending = true;
+    scheduleHover();
   };
+  const handleResize = () => overlay.schedule();
   const handleClick = (e2) => {
     const target = e2.target;
-    const encoded = target?.closest(
-      "[data-prepr-encoded]"
-    );
+    const encoded = target?.closest(ENCODED_SELECTOR);
     if (!encoded) return;
     e2.preventDefault();
     e2.stopPropagation();
-    opts.onEdit({
-      href: encoded.getAttribute("data-prepr-href") ?? "",
-      origin: encoded.getAttribute("data-prepr-origin") ?? "",
-      id: encoded.getAttribute("data-prepr-id") ?? void 0,
-      field: encoded.getAttribute("data-prepr-field") ?? void 0,
-      locale: encoded.getAttribute("data-prepr-locale") ?? void 0
-    });
+    opts.onEdit(readEditPayload(encoded));
   };
   const start = () => {
     if (initialized) {
-      debug7.log("already initialized, skipping setup");
+      debug5.log("already initialized, skipping setup");
       return;
     }
     if (!tooltipEnabled) {
@@ -1009,73 +1442,64 @@ function createStegaController(opts) {
       });
       document.addEventListener("click", handleClick, { capture: true });
       initialized = true;
-      debug7.log("stega controller started (editor mode)");
+      debug5.log("stega controller started (headless)");
       return;
     }
     injectStegaStyles();
-    const { tooltip } = overlay.create();
-    tooltip.addEventListener("mouseenter", handleTooltipMouseEnter);
-    tooltip.addEventListener("mouseleave", handleTooltipMouseLeave);
+    fadeInPresence();
+    overlay.mount();
     elements.scanDocument(true);
-    proximity.refreshObserving();
-    elements.setupMutationObserver(() => proximity.refreshObserving());
-    throttledMouseMove = throttle((e2) => {
-      const mouseEvent = e2;
-      const target = mouseEvent.target;
-      if (!target) return;
-      if (target.closest(".prepr-tooltip")) return;
-      proximity.updateElementGradients(mouseEvent.clientX, mouseEvent.clientY);
-      const encoded = target.closest("[data-prepr-encoded]");
-      if (encoded) {
-        overlay.show(encoded);
-      } else {
-        overlay.hide();
-      }
-    }, 16);
-    document.addEventListener("mousemove", throttledMouseMove, {
-      passive: true
+    elements.setupMutationObserver(() => {
+      if (pointerTarget === null) return;
+      hitTestPending = true;
+      scheduleHover();
     });
+    document.addEventListener("pointermove", handlePointer, { passive: true });
+    document.addEventListener("pointerdown", handlePointer, { passive: true });
+    document.documentElement.addEventListener(
+      "pointerleave",
+      handlePointerLeave
+    );
     window.addEventListener("scroll", handleScroll, {
       capture: true,
       passive: true
     });
+    window.addEventListener("resize", handleResize, { passive: true });
     initialized = true;
-    debug7.log("stega controller started");
+    debug5.log("stega controller started");
   };
   const stop = () => {
     if (!initialized) return;
+    initialized = false;
     if (!tooltipEnabled) {
       document.removeEventListener("click", handleClick, { capture: true });
-      elements.cleanup();
+      elements.disconnect();
       removeStegaStyles();
-      initialized = false;
-      debug7.log("stega controller stopped (editor mode)");
+      debug5.log("stega controller stopped (headless)");
       return;
     }
-    if (throttledMouseMove) {
-      document.removeEventListener("mousemove", throttledMouseMove);
-      throttledMouseMove.cancel();
-      throttledMouseMove = null;
-    }
+    if (pointerFrame !== null) cancelAnimationFrame(pointerFrame);
+    pointerFrame = null;
+    pointerTarget = null;
+    hitTestPending = false;
+    document.removeEventListener("pointermove", handlePointer);
+    document.removeEventListener("pointerdown", handlePointer);
+    document.documentElement.removeEventListener(
+      "pointerleave",
+      handlePointerLeave
+    );
     window.removeEventListener("scroll", handleScroll, { capture: true });
-    const tooltip = overlay.getTooltip();
-    if (tooltip) {
-      tooltip.removeEventListener("mouseenter", handleTooltipMouseEnter);
-      tooltip.removeEventListener("mouseleave", handleTooltipMouseLeave);
-    }
-    overlay.cleanup();
-    proximity.clearAllHighlights();
-    proximity.stopObserving();
-    elements.cleanup();
+    window.removeEventListener("resize", handleResize);
+    overlay.unmount();
+    elements.disconnect();
     removeStegaStyles();
-    initialized = false;
-    debug7.log("stega controller stopped");
+    debug5.log("stega controller stopped");
   };
   return { start, stop };
 }
 
 // src/core/stega/scroll-to-field.ts
-var debug8 = createScopedLogger("stega:scroll");
+var debug6 = createScopedLogger("stega:scroll");
 var FLASH_DURATION_MS = 1200;
 var flashTimeout = null;
 function scrollToField(request) {
@@ -1092,7 +1516,7 @@ function scrollToField(request) {
     break;
   }
   if (!target) {
-    debug8.log("no element found for field", field);
+    debug6.log("no element found for field", field);
     return false;
   }
   target.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -1522,7 +1946,7 @@ var CLOSE_ICON_SVG = `<svg width="10" height="10" viewBox="0 0 10 10" fill="none
 </svg>`;
 
 // src/core/ui/toolbar.generated.ts
-var TOOLBAR_CSS = ":host{--prepr-primary:#4338ca;--prepr-bg:#eef2ff;--prepr-text:#1f2937;--prepr-radius:8px;--prepr-shadow:0px 0px 40px 0px #1f29373d;--prepr-z-index:10000;--prepr-primary-50:#eef2ff;--prepr-primary-100:#e0e7ff;--prepr-primary-800:#3730a3;--prepr-indigo-600:#4f46e5;--prepr-indigo-50:#eef2ff;--prepr-indigo-700:#4338ca;--prepr-secondary-400:#fb923c;--prepr-secondary-500:#f97316;--prepr-gray-100:#f3f4f6;--prepr-gray-200:#e5e7eb;--prepr-gray-300:#d1d5db;--prepr-gray-400:#9ca3af;--prepr-gray-500:#6b7280;--prepr-gray-700:#374151;--prepr-gray-800:#1f2937;--prepr-gray-900:#111827;--prepr-shadow-sm:0px 0px 12px 0px #c3c3c3cc;color:var(--prepr-text);box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}:host *,:host :before,:host :after,*,:before,:after{box-sizing:border-box}button{font-family:inherit;font-size:inherit;margin:0}.prepr-regular-text{font-size:.875rem;font-weight:500;line-height:1.5}.prepr-backdrop{z-index:calc(var(--prepr-z-index) - 1);opacity:0;pointer-events:none;background:#0000001a;transition:opacity .2s ease-in-out;position:fixed;top:0;bottom:0;left:0;right:0}.prepr-backdrop[data-open=true]{opacity:1;pointer-events:auto;animation:.2s ease-in-out prepr-fade-in}.prepr-container{z-index:var(--prepr-z-index);justify-content:flex-end;align-items:center;display:flex;position:fixed;top:calc(50% - 64px);right:0}.prepr-toggle-holder{padding:.5rem}.prepr-toggle{cursor:pointer;background:var(--prepr-primary);color:#fff;border:none;border-radius:9999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.prepr-toggle>span{display:flex}.prepr-toggle svg{color:#fff}.prepr-panel{z-index:var(--prepr-z-index);opacity:0;pointer-events:none;justify-content:flex-end;padding:.75rem;transition:opacity .2s ease-in-out;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}.prepr-panel[data-open=true]{opacity:1;pointer-events:auto;animation:.2s ease-in-out prepr-fade-in}.prepr-content{box-shadow:var(--prepr-shadow);border-radius:var(--prepr-radius);background:var(--prepr-bg);flex-direction:column;gap:2.5rem;width:100%;padding:1.5rem;display:flex}@media (min-width:640px){.prepr-panel{margin-right:4rem;padding:0}.prepr-content{width:502px;padding:2.5rem}}.prepr-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.prepr-header-left{align-items:flex-start;gap:.75rem;display:flex}.prepr-badge{background:var(--prepr-primary-100);height:1.5rem;color:var(--prepr-primary);border-radius:4px;align-items:center;padding:.25rem .75rem;font-size:.875rem;display:flex}.prepr-header-close{cursor:pointer;background:var(--prepr-primary-100);width:2rem;height:2rem;color:var(--prepr-gray-700);border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.prepr-section{flex-direction:column;gap:.5rem;display:flex}.prepr-section-label{color:var(--prepr-gray-400);font-size:.875rem}.prepr-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;display:flex}.prepr-row-title{color:var(--prepr-gray-800);margin:0;font-size:1rem;font-weight:600}.prepr-radiogroup{border-radius:var(--prepr-radius);border:1px solid var(--prepr-gray-300);background:#fff;align-items:center;gap:.25rem;height:2.5rem;padding:.25rem;display:flex}.prepr-radiogroup[data-disabled=true]{cursor:not-allowed;opacity:.5}.prepr-radiogroup[data-disabled=true] .prepr-radio{pointer-events:none}.prepr-radio{cursor:pointer;white-space:nowrap;text-align:center;height:2rem;color:var(--prepr-gray-900);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem 1.125rem;font-size:.875rem;font-weight:500;transition:all .2s ease-in-out;display:flex}.prepr-radio[data-checked=true]{background:var(--prepr-indigo-600);color:#fff;box-shadow:var(--prepr-shadow-sm)}.prepr-radio[data-checked=true][data-off=true]{background:var(--prepr-gray-800);color:#fff}.prepr-radio-variant{width:82px}.prepr-listbox{position:relative}.prepr-segment-button{border-radius:var(--prepr-radius);border:1px solid var(--prepr-gray-300);width:240px;height:2.5rem;color:var(--prepr-gray-500);cursor:pointer;background:#fff;flex-shrink:0;align-items:center;gap:.5rem;padding:0 .5rem;font-size:.875rem;font-weight:500;display:flex;overflow:hidden}@media (min-width:768px){.prepr-segment-button{padding:0 1rem}}.prepr-segment-button:disabled{cursor:not-allowed;background:var(--prepr-gray-200);color:var(--prepr-gray-400)}.prepr-segment-button[aria-expanded=true]{border-bottom-color:#fff;border-bottom-right-radius:0;border-bottom-left-radius:0}.prepr-segment-label{white-space:nowrap;text-overflow:ellipsis;text-align:left;width:100%;margin-right:auto;overflow:hidden}.prepr-segment-caret{color:var(--prepr-gray-800);display:flex}.prepr-options{z-index:calc(var(--prepr-z-index) + 1);border-left:1px solid var(--prepr-gray-300);border-right:1px solid var(--prepr-gray-300);border-bottom:1px solid var(--prepr-gray-300);-ms-overflow-style:none;scrollbar-width:none;background:#fff;border-radius:0 0 6px 6px;width:240px;max-height:300px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.prepr-options::-webkit-scrollbar{display:none}.prepr-options[hidden]{display:none}.prepr-option-search{background:#fff;padding:.5rem;position:-webkit-sticky;position:sticky;top:0}.prepr-segment-search{border:1px solid var(--prepr-gray-300);border-radius:var(--prepr-radius);width:100%;height:2rem;font:inherit;color:var(--prepr-gray-900);box-sizing:border-box;background:#fff;padding:0 .5rem;font-size:.875rem}.prepr-segment-search::placeholder{color:var(--prepr-gray-400)}.prepr-segment-search:focus{border-color:var(--prepr-gray-400);outline:none}.prepr-option{cursor:pointer;width:100%;color:var(--prepr-gray-900);background:#fff;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.prepr-option:hover{background:var(--prepr-gray-100)}.prepr-option[aria-selected=true]{background:var(--prepr-indigo-50);color:var(--prepr-indigo-700)}.prepr-option-label{white-space:nowrap;text-overflow:ellipsis;text-align:left;width:100%;margin-right:auto;overflow:hidden}.prepr-reset{background:var(--prepr-secondary-400);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;width:100%;height:2.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;display:flex}.prepr-reset:hover:not(:disabled){background:var(--prepr-secondary-500)}.prepr-reset:disabled{background:var(--prepr-gray-400);color:var(--prepr-gray-500);cursor:not-allowed}@media (min-width:768px){.prepr-reset{width:108px}}.prepr-indicators{z-index:var(--prepr-z-index);gap:.75rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.prepr-status-pill{background:var(--prepr-primary);color:#fff;cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;transition:background-color .15s;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.prepr-status-pill[data-interactive=false]{cursor:default;opacity:1;color:#fff}.prepr-status-pill[data-interactive=true]:hover{background:var(--prepr-primary-800)}.prepr-status-pill[hidden]{display:none}.prepr-status-viewing{color:#fff9;font-size:10px}.prepr-status-segment{text-overflow:ellipsis;white-space:nowrap;max-width:120px;display:inline-block;overflow:hidden}.prepr-status-variant{text-overflow:ellipsis;white-space:nowrap;background:#fff3;border-radius:4px;max-width:80px;padding:0 .5rem;display:inline-block;overflow:hidden}.prepr-status-x{color:#fff;width:.75rem;height:.75rem}.prepr-close-edit-pill{background:var(--prepr-primary-50);color:var(--prepr-gray-800);cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;transition:background-color .15s;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.prepr-close-edit-pill:hover{background:var(--prepr-primary-100)}.prepr-close-edit-pill[hidden]{display:none}.prepr-close-edit-x{width:1rem;height:1rem;color:var(--prepr-gray-500);transition:color .15s}.prepr-close-edit-pill:hover .prepr-close-edit-x{color:var(--prepr-gray-700)}.prepr-tip{z-index:calc(var(--prepr-z-index) + 2);overflow-wrap:break-word;background:var(--prepr-gray-900);color:#fff;pointer-events:none;border-radius:6px;width:auto;max-width:min(420px,100vw - 16px);padding:.5rem .75rem;font-size:.75rem;font-weight:500;position:fixed;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.prepr-tip-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--prepr-gray-900);width:0;height:0;position:absolute;top:100%;transform:translate(-50%)}[hidden]{display:none!important}@keyframes prepr-fade-in{0%{opacity:0}to{opacity:1}}";
+var TOOLBAR_CSS = ":host{--prepr-primary:#4338ca;--prepr-bg:#eef2ff;--prepr-text:#1f2937;--prepr-radius:8px;--prepr-shadow:0px 0px 40px 0px #1f29373d;--prepr-z-index:10000;--prepr-primary-50:#eef2ff;--prepr-primary-100:#e0e7ff;--prepr-primary-800:#3730a3;--prepr-indigo-600:#4f46e5;--prepr-indigo-50:#eef2ff;--prepr-indigo-700:#4338ca;--prepr-secondary-400:#fb923c;--prepr-secondary-500:#f97316;--prepr-gray-100:#f3f4f6;--prepr-gray-200:#e5e7eb;--prepr-gray-300:#d1d5db;--prepr-gray-400:#9ca3af;--prepr-gray-500:#6b7280;--prepr-gray-700:#374151;--prepr-gray-800:#1f2937;--prepr-gray-900:#111827;--prepr-shadow-sm:0px 0px 12px 0px #c3c3c3cc;color:var(--prepr-text);box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}:host *,:host :before,:host :after,*,:before,:after{box-sizing:border-box}button{font-family:inherit;font-size:inherit;margin:0}.prepr-regular-text{font-size:.875rem;font-weight:500;line-height:1.5}.prepr-backdrop{z-index:calc(var(--prepr-z-index) - 1);opacity:0;pointer-events:none;background:#0000001a;transition:opacity .2s ease-in-out;position:fixed;top:0;bottom:0;left:0;right:0}.prepr-backdrop[data-open=true]{opacity:1;pointer-events:auto;animation:.2s ease-in-out prepr-fade-in}.prepr-container{z-index:var(--prepr-z-index);justify-content:flex-end;align-items:center;display:flex;position:fixed;top:calc(50% - 64px);right:0}.prepr-toggle-holder{padding:.5rem}.prepr-toggle{cursor:pointer;background:var(--prepr-primary);color:#fff;border:none;border-radius:9999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.prepr-toggle>span{display:flex}.prepr-toggle svg{color:#fff}.prepr-panel{z-index:var(--prepr-z-index);opacity:0;pointer-events:none;justify-content:flex-end;padding:.75rem;transition:opacity .2s ease-in-out;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}.prepr-panel[data-open=true]{opacity:1;pointer-events:auto;animation:.2s ease-in-out prepr-fade-in}.prepr-content{box-shadow:var(--prepr-shadow);border-radius:var(--prepr-radius);background:var(--prepr-bg);flex-direction:column;gap:2.5rem;width:100%;padding:1.5rem;display:flex}@media (min-width:640px){.prepr-panel{margin-right:4rem;padding:0}.prepr-content{width:502px;padding:2.5rem}}.prepr-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.prepr-header-left{align-items:flex-start;gap:.75rem;display:flex}.prepr-badge{background:var(--prepr-primary-100);height:1.5rem;color:var(--prepr-primary);border-radius:4px;align-items:center;padding:.25rem .75rem;font-size:.875rem;display:flex}.prepr-header-close{cursor:pointer;background:var(--prepr-primary-100);width:2rem;height:2rem;color:var(--prepr-gray-700);border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.prepr-section{flex-direction:column;gap:.5rem;display:flex}.prepr-section-label{color:var(--prepr-gray-400);font-size:.875rem}.prepr-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;display:flex}.prepr-row-title{color:var(--prepr-gray-800);margin:0;font-size:1rem;font-weight:600}.prepr-radiogroup{border-radius:var(--prepr-radius);border:1px solid var(--prepr-gray-300);background:#fff;align-items:center;gap:.25rem;height:2.5rem;padding:.25rem;display:flex}.prepr-radiogroup[data-disabled=true]{cursor:not-allowed;opacity:.5}.prepr-radiogroup[data-disabled=true] .prepr-radio{pointer-events:none}.prepr-radio{cursor:pointer;white-space:nowrap;text-align:center;height:2rem;color:var(--prepr-gray-900);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem 1.125rem;font-size:.875rem;font-weight:500;transition:all .2s ease-in-out;display:flex}.prepr-radio[data-checked=true]{background:var(--prepr-indigo-600);color:#fff;box-shadow:var(--prepr-shadow-sm)}.prepr-radio[data-checked=true][data-off=true]{background:var(--prepr-gray-800);color:#fff}.prepr-radio-variant{width:82px}.prepr-listbox{position:relative}.prepr-segment-button{border-radius:var(--prepr-radius);border:1px solid var(--prepr-gray-300);width:240px;height:2.5rem;color:var(--prepr-gray-500);cursor:pointer;background:#fff;flex-shrink:0;align-items:center;gap:.5rem;padding:0 .5rem;font-size:.875rem;font-weight:500;display:flex;overflow:hidden}@media (min-width:768px){.prepr-segment-button{padding:0 1rem}}.prepr-segment-button:disabled{cursor:not-allowed;background:var(--prepr-gray-200);color:var(--prepr-gray-400)}.prepr-segment-button[aria-expanded=true]{border-bottom-color:#fff;border-bottom-right-radius:0;border-bottom-left-radius:0}.prepr-segment-label{white-space:nowrap;text-overflow:ellipsis;text-align:left;width:100%;margin-right:auto;overflow:hidden}.prepr-segment-caret{color:var(--prepr-gray-800);display:flex}.prepr-options{z-index:calc(var(--prepr-z-index) + 1);border-left:1px solid var(--prepr-gray-300);border-right:1px solid var(--prepr-gray-300);border-bottom:1px solid var(--prepr-gray-300);-ms-overflow-style:none;scrollbar-width:none;background:#fff;border-radius:0 0 6px 6px;width:240px;max-height:300px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.prepr-options::-webkit-scrollbar{display:none}.prepr-options[hidden]{display:none}.prepr-option-search{background:#fff;padding:.5rem;position:-webkit-sticky;position:sticky;top:0}.prepr-segment-search{border:1px solid var(--prepr-gray-300);border-radius:var(--prepr-radius);width:100%;height:2rem;font:inherit;color:var(--prepr-gray-900);box-sizing:border-box;background:#fff;padding:0 .5rem;font-size:.875rem}@media (pointer:coarse){.prepr-segment-search{font-size:16px}}.prepr-segment-search::placeholder{color:var(--prepr-gray-400)}.prepr-segment-search:focus{border-color:var(--prepr-gray-400);outline:none}.prepr-option{cursor:pointer;width:100%;color:var(--prepr-gray-900);background:#fff;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.prepr-option:hover{background:var(--prepr-gray-100)}.prepr-option[aria-selected=true]{background:var(--prepr-indigo-50);color:var(--prepr-indigo-700)}.prepr-option-label{white-space:nowrap;text-overflow:ellipsis;text-align:left;width:100%;margin-right:auto;overflow:hidden}.prepr-reset{background:var(--prepr-secondary-400);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;width:100%;height:2.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;display:flex}.prepr-reset:hover:not(:disabled){background:var(--prepr-secondary-500)}.prepr-reset:disabled{background:var(--prepr-gray-400);color:var(--prepr-gray-500);cursor:not-allowed}@media (min-width:768px){.prepr-reset{width:108px}}.prepr-indicators{z-index:var(--prepr-z-index);gap:.75rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.prepr-status-pill{background:var(--prepr-primary);color:#fff;cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;transition:background-color .15s;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.prepr-status-pill[data-interactive=false]{cursor:default;opacity:1;color:#fff}.prepr-status-pill[data-interactive=true]:hover{background:var(--prepr-primary-800)}.prepr-status-pill[hidden]{display:none}.prepr-status-viewing{color:#fff9;font-size:10px}.prepr-status-segment{text-overflow:ellipsis;white-space:nowrap;max-width:120px;display:inline-block;overflow:hidden}.prepr-status-variant{text-overflow:ellipsis;white-space:nowrap;background:#fff3;border-radius:4px;max-width:80px;padding:0 .5rem;display:inline-block;overflow:hidden}.prepr-status-x{color:#fff;width:.75rem;height:.75rem}.prepr-close-edit-pill{background:var(--prepr-primary-50);color:var(--prepr-gray-800);cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;transition:background-color .15s;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.prepr-close-edit-pill:hover{background:var(--prepr-primary-100)}.prepr-close-edit-pill[hidden]{display:none}.prepr-close-edit-x{width:1rem;height:1rem;color:var(--prepr-gray-500);transition:color .15s}.prepr-close-edit-pill:hover .prepr-close-edit-x{color:var(--prepr-gray-700)}.prepr-tip{z-index:calc(var(--prepr-z-index) + 2);overflow-wrap:break-word;background:var(--prepr-gray-900);color:#fff;pointer-events:none;border-radius:6px;width:auto;max-width:min(420px,100vw - 16px);padding:.5rem .75rem;font-size:.75rem;font-weight:500;position:fixed;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.prepr-tip-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--prepr-gray-900);width:0;height:0;position:absolute;top:100%;transform:translate(-50%)}[hidden]{display:none!important}@keyframes prepr-fade-in{0%{opacity:0}to{opacity:1}}";
 
 // ../../node_modules/.pnpm/preact@10.29.7/node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs
 var f2 = 0;
@@ -2217,46 +2641,764 @@ function definePreprToolbar() {
   }
 }
 
-// src/core/create-preview.ts
-var debug9 = createScopedLogger("create-preview");
-var controllerStores = /* @__PURE__ */ new WeakMap();
-function defaultNavigation() {
-  return {
-    navigate: (url) => window.location.assign(url),
-    currentPath: () => window.location.pathname + window.location.search
-  };
+// src/core/visual-editor/asset-images.ts
+var MAX_URL_LENGTH = 4096;
+var MIN_KEY_SEGMENTS = 2;
+var TRANSFORM_OPTION = /^[a-z]{1,3}_[\w.-]*$/i;
+var FORMAT_PLACEHOLDER = "{format}";
+var PROXY_PARAMS = ["url", "href", "src", "image"];
+var ABSOLUTE_HTTP = /^https?:\/\//i;
+var SOURCE_URL_ATTRIBUTES = ["src", "data-src"];
+var SOURCE_SET_ATTRIBUTES = ["srcset", "data-srcset"];
+var ASSET_ATTR = "data-prepr-asset";
+var ASSET_SOURCE_ATTRIBUTES = [
+  ...SOURCE_URL_ATTRIBUTES,
+  ...SOURCE_SET_ATTRIBUTES
+];
+var TAG_ATTRIBUTES = [
+  "data-prepr-encoded",
+  "data-prepr-id",
+  "data-prepr-field",
+  "data-prepr-entry-id",
+  ASSET_ATTR
+];
+function decodeSegment(segment) {
+  try {
+    return decodeURIComponent(segment);
+  } catch {
+    return segment;
+  }
 }
-function safeEditUrl(href) {
+function isTransformSegment(segment) {
+  return segment === FORMAT_PLACEHOLDER || segment.split(",").every((option) => TRANSFORM_OPTION.test(option));
+}
+function assetKey(url, depth = 0) {
+  if (!url || url.length > MAX_URL_LENGTH) return null;
+  let parsed;
   try {
-    const url = new URL(href, window.location.href);
-    return url.protocol === "https:" || url.protocol === "http:" ? url.href : null;
+    parsed = new URL(url, "https://base.invalid");
   } catch {
     return null;
   }
+  if (parsed.protocol !== "https:" && parsed.protocol !== "http:") return null;
+  if (depth === 0) {
+    for (const name of PROXY_PARAMS) {
+      const inner = parsed.searchParams.get(name);
+      if (inner && ABSOLUTE_HTTP.test(inner)) return assetKey(inner, 1);
+    }
+  }
+  const segments = parsed.pathname.split("/").filter(Boolean).map(decodeSegment);
+  const file = segments.pop();
+  if (!file) return null;
+  const kept = segments.filter((segment) => !isTransformSegment(segment));
+  kept.push(file);
+  return kept.length >= MIN_KEY_SEGMENTS ? kept.join("/") : null;
 }
-function buildSegments(data) {
-  return [{ _id: "all_other_users", name: "All other users" }, ...data];
+function srcsetUrls(srcset) {
+  const urls = [];
+  let expectUrl = true;
+  for (const token of srcset.split(/\s+/)) {
+    if (!token) continue;
+    if (!expectUrl) {
+      const comma = token.indexOf(",");
+      if (comma === -1) continue;
+      expectUrl = true;
+      const rest = token.slice(comma + 1);
+      if (!rest) continue;
+      urls.push(rest.replace(/,+$/, ""));
+      expectUrl = rest.endsWith(",");
+      continue;
+    }
+    const url = token.replace(/^,+|,+$/g, "");
+    if (url) urls.push(url);
+    expectUrl = token.endsWith(",");
+  }
+  return urls;
 }
-function resolveLocale(options) {
-  const explicit = options?.locale;
-  if (isLocale(explicit)) return explicit;
-  if (typeof navigator !== "undefined") {
-    const candidates = Array.isArray(navigator.languages) && navigator.languages.length ? navigator.languages : [navigator.language];
-    const match = candidates.filter(Boolean).map((l2) => l2.toLowerCase().split("-")[0]).find(isLocale);
-    if (match) return match;
+function createAssetIndex(assets) {
+  const index = /* @__PURE__ */ new Map();
+  for (const asset of assets) {
+    const key = assetKey(asset.key);
+    if (key && !index.has(key)) index.set(key, asset);
   }
-  return "en";
+  return index;
 }
-function createPreprPreview(opts = {}) {
-  const { props, options } = opts;
-  const navigation = opts.navigation ?? defaultNavigation();
-  initDebugLogger(options?.debug ?? false);
-  const noop = () => ({ destroy: () => {
-  } });
-  if (typeof window === "undefined" || typeof document === "undefined") {
-    return noop();
+function urlsOf(img) {
+  const urls = [];
+  const collect = (el) => {
+    for (const name of SOURCE_URL_ATTRIBUTES) {
+      const value = el.getAttribute(name);
+      if (value) urls.push(value);
+    }
+    for (const name of SOURCE_SET_ATTRIBUTES) {
+      const value = el.getAttribute(name);
+      if (value) urls.push(...srcsetUrls(value));
+    }
+  };
+  collect(img);
+  const picture = img.parentElement;
+  if (picture?.tagName === "PICTURE") {
+    for (const source of picture.children) {
+      if (source.tagName === "SOURCE") collect(source);
+    }
   }
-  const isIframe = window.parent !== window;
+  return urls;
+}
+function matchAsset(img, index, keys) {
+  for (const url of urlsOf(img)) {
+    let key = keys.get(url);
+    if (key === void 0) {
+      key = assetKey(url);
+      keys.set(url, key);
+    }
+    const asset = key ? index.get(key) : void 0;
+    if (asset) return asset;
+  }
+  return void 0;
+}
+function setIfChanged(el, name, value) {
+  if (value === null) {
+    if (el.hasAttribute(name)) el.removeAttribute(name);
+  } else if (el.getAttribute(name) !== value) {
+    el.setAttribute(name, value);
+  }
+}
+function untagAssetImage(img) {
+  for (const name of TAG_ATTRIBUTES) img.removeAttribute(name);
+}
+function tagAssetImages(index, itemId, keys) {
+  for (const img of document.getElementsByTagName("img")) {
+    const ours = img.hasAttribute(ASSET_ATTR);
+    if (!ours && img.hasAttribute("data-prepr-encoded")) continue;
+    const asset = index.size ? matchAsset(img, index, keys) : void 0;
+    if (!asset) {
+      if (ours) untagAssetImage(img);
+      continue;
+    }
+    setIfChanged(img, "data-prepr-encoded", "");
+    setIfChanged(img, ASSET_ATTR, "");
+    setIfChanged(img, "data-prepr-id", itemId);
+    setIfChanged(img, "data-prepr-field", asset.field);
+    setIfChanged(img, "data-prepr-entry-id", asset.entryId ?? null);
+  }
+}
+function untagAssetImages() {
+  document.querySelectorAll(`img[${ASSET_ATTR}]`).forEach(untagAssetImage);
+}
+
+// src/core/visual-editor/navigation-guard.ts
+var debug7 = createScopedLogger("navigation-guard");
+var trimSlash = (path) => path.length > 1 && path.endsWith("/") ? path.slice(0, -1) : path;
+function resolve(url) {
+  try {
+    return new URL(url, document.baseURI);
+  } catch {
+    return null;
+  }
+}
+function leavesPage(url) {
+  if (url.protocol !== "http:" && url.protocol !== "https:") return false;
+  const here = window.location;
+  return url.origin !== here.origin || trimSlash(url.pathname) !== trimSlash(here.pathname);
+}
+function leavingLinkHref(target) {
+  if (!(target instanceof Element)) return null;
+  const link = target.closest("a[href]");
+  if (!link || link.hasAttribute("download")) return null;
+  const linkTarget = link.getAttribute("target");
+  if (linkTarget && linkTarget !== "_self") return null;
+  const href = link.getAttribute("href") ?? "";
+  if (href.startsWith("#")) return null;
+  const url = resolve(href);
+  return url && leavesPage(url) ? url.href : null;
+}
+function submitterAttr(submitter, attr) {
+  if (!submitter?.hasAttribute(attr)) return null;
+  if (attr === "formaction") return submitter.formAction;
+  if (attr === "formmethod") return submitter.formMethod;
+  return submitter.formTarget;
+}
+function submissionUrl(form, submitter) {
+  const method = (submitterAttr(submitter, "formmethod") ?? form.method).toLowerCase();
+  if (method === "dialog") return null;
+  const target = submitterAttr(submitter, "formtarget") ?? form.target;
+  if (target && target !== "_self") return null;
+  const url = resolve(
+    submitterAttr(submitter, "formaction") ?? (form.action || location.href)
+  );
+  if (!url) return null;
+  if (method === "get") {
+    let data;
+    try {
+      data = new FormData(form, submitter);
+    } catch {
+      data = new FormData(form);
+    }
+    const query = new URLSearchParams();
+    data.forEach((value, key) => {
+      query.append(key, typeof value === "string" ? value : value.name);
+    });
+    url.search = query.toString();
+  }
+  return url;
+}
+function createNavigationGuard(opts) {
+  let active = false;
+  let permitted = null;
+  let pendingForm = null;
+  let originalPush = null;
+  let guardedPush = null;
+  const isPermitted = (url) => permitted === url.href;
+  const guarding = () => active && opts.showsEditedContent();
+  const report = (href) => {
+    debug7.log("blocked navigation to", href);
+    opts.onBlocked(href);
+  };
+  const onSubmit = (e2) => {
+    if (e2.defaultPrevented || !(e2.target instanceof HTMLFormElement)) return;
+    if (!guarding()) return;
+    const submitter = e2.submitter ?? null;
+    const url = submissionUrl(e2.target, submitter);
+    if (!url || !leavesPage(url) || isPermitted(url)) return;
+    e2.preventDefault();
+    pendingForm = { form: e2.target, submitter, href: url.href };
+    report(url.href);
+  };
+  const onNavigate = (event) => {
+    const e2 = event;
+    if (e2.navigationType === "traverse" || e2.navigationType === "reload") {
+      return;
+    }
+    if (!e2.cancelable || e2.hashChange || e2.downloadRequest !== null) return;
+    if (!guarding()) return;
+    if (e2.navigationType === "replace" && e2.destination.sameDocument) return;
+    const url = resolve(e2.destination.url);
+    if (!url || !leavesPage(url) || isPermitted(url)) return;
+    e2.preventDefault();
+    report(url.href);
+    if (e2.destination.sameDocument) window.location.reload();
+  };
+  const navigation = () => window.navigation;
+  function installPushGuard() {
+    const original = history.pushState;
+    const guard = function(data, unused, url) {
+      if (guarding() && guardedPush === guard && url != null) {
+        const target = resolve(url);
+        if (target && leavesPage(target) && !isPermitted(target)) {
+          report(target.href);
+          window.location.reload();
+          return;
+        }
+      }
+      return original.call(this, data, unused, url);
+    };
+    originalPush = original;
+    guardedPush = guard;
+    history.pushState = guard;
+  }
+  function uninstallPushGuard() {
+    if (history.pushState === guardedPush && originalPush) {
+      history.pushState = originalPush;
+    }
+    originalPush = null;
+    guardedPush = null;
+  }
+  return {
+    start() {
+      if (active) return;
+      active = true;
+      installPushGuard();
+      window.addEventListener("submit", onSubmit);
+      navigation()?.addEventListener("navigate", onNavigate);
+    },
+    stop() {
+      if (!active) return;
+      active = false;
+      uninstallPushGuard();
+      window.removeEventListener("submit", onSubmit);
+      navigation()?.removeEventListener("navigate", onNavigate);
+      pendingForm = null;
+    },
+    isActive: guarding,
+    block(href) {
+      report(href);
+    },
+    permit(href) {
+      permitted = resolve(href)?.href ?? null;
+    },
+    allow(href) {
+      const url = resolve(href);
+      if (!url || url.protocol !== "http:" && url.protocol !== "https:") {
+        debug7.warn("ignored navigation to unsupported URL");
+        return;
+      }
+      permitted = url.href;
+      const form = pendingForm;
+      pendingForm = null;
+      if (form && form.href === url.href && form.form.isConnected) {
+        try {
+          form.form.requestSubmit(form.submitter ?? void 0);
+        } catch {
+          form.form.requestSubmit();
+        }
+        return;
+      }
+      window.location.assign(url.href);
+    }
+  };
+}
+
+// src/core/visual-editor/index.ts
+var debug8 = createScopedLogger("visual-editor");
+var ENCODED_SELECTOR2 = "[data-prepr-encoded]";
+var REFERENCE_ATTR = "data-prepr-reference";
+var REFERENCE_SELECTOR = `[${REFERENCE_ATTR}]`;
+var CURSOR_STYLE_MARKER = "data-prepr-visual-editor";
+var CURSOR_STYLES = `${ENCODED_SELECTOR2}{cursor:pointer}html[data-prepr-ve-suspended] ${ENCODED_SELECTOR2}{cursor:auto}`;
+var SUSPENDED_ATTR = "data-prepr-ve-suspended";
+var FIND_RETRY_MS = 150;
+var FIND_RETRIES = 6;
+var MAX_CACHED_KEYS = 2e3;
+var LAYOUT_MUTATIONS = {
+  childList: true,
+  subtree: true,
+  characterData: true,
+  attributes: true,
+  attributeFilter: [
+    "class",
+    "style",
+    "hidden",
+    "open",
+    "data-prepr-encoded",
+    // An image swapped by a carousel or lazy loader can show another asset.
+    ...ASSET_SOURCE_ATTRIBUTES
+  ]
+};
+function scrollIntoFrame(el) {
+  const rect = el.getBoundingClientRect();
+  const offset = Math.max(0, (window.innerHeight - rect.height) / 2);
+  window.scrollTo({
+    top: Math.max(0, window.scrollY + rect.top - offset),
+    behavior: "smooth"
+  });
+}
+var isVisible = (el) => typeof el.checkVisibility === "function" ? el.checkVisibility() : el.getClientRects().length > 0;
+function createVisualEditor(opts) {
+  const overlay = new VisualEditorOverlay();
+  let running = false;
+  let currentItemId = null;
+  let locale = opts.locale ?? "en";
+  let suspended = false;
+  let pointerFrame = null;
+  let lastPointerTarget = null;
+  let lastPointerX = 0;
+  let lastPointerY = 0;
+  let mutationFrame = null;
+  let mutationObserver = null;
+  let selection = null;
+  let findTimeout = null;
+  let settlePendingFind = null;
+  let guardEnabled = false;
+  let assetIndex = /* @__PURE__ */ new Map();
+  const assetKeys = /* @__PURE__ */ new Map();
+  const guard = createNavigationGuard({
+    onBlocked: (href) => opts.onNavigationBlocked?.(href),
+    showsEditedContent: () => showsEditedContent()
+  });
+  const encodedFrom = (node) => node instanceof Element ? node.closest(ENCODED_SELECTOR2) : null;
+  const labelFor = (el) => fieldLabel(el.getAttribute("data-prepr-field"), locale);
+  let references = null;
+  let ownComponents = /* @__PURE__ */ new Set();
+  const isCurrentItem = (el) => {
+    if (currentItemId === null) return true;
+    const id = el.getAttribute("data-prepr-id");
+    return !id || id === currentItemId || ownComponents.has(id);
+  };
+  const showsEditedContent = () => {
+    for (const el of document.querySelectorAll(ENCODED_SELECTOR2)) {
+      if (isCurrentItem(el) && isVisible(el)) return true;
+    }
+    return false;
+  };
+  const linkedIdOf = (el) => {
+    if (!references) return null;
+    const id = el.getAttribute("data-prepr-id") ?? "";
+    if (references.has(id)) return id;
+    let container = el.closest(REFERENCE_SELECTOR);
+    while (container) {
+      const linked = container.getAttribute(REFERENCE_ATTR) ?? "";
+      if (references.has(linked)) return linked;
+      container = container.parentElement?.closest(REFERENCE_SELECTOR) ?? null;
+    }
+    return null;
+  };
+  const itemKind = (el) => {
+    if (isCurrentItem(el)) return "current";
+    if (!references) return "other";
+    return linkedIdOf(el) ? "referenced" : null;
+  };
+  const referenceFieldOf = (el) => {
+    const linked = linkedIdOf(el);
+    return linked ? references?.get(linked) : void 0;
+  };
+  const hoverLabel = (el, kind) => {
+    if (kind === "other") {
+      return `${labelFor(el)} \xB7 ${t("visualEditor.otherItem", locale)}`;
+    }
+    if (kind === "referenced") {
+      const via = referenceFieldOf(el);
+      const prefix = via ? `${fieldLabel(via, locale)} \u203A ` : "";
+      return `${prefix}${labelFor(el)} \xB7 ${t("visualEditor.linkedItem", locale)}`;
+    }
+    return labelFor(el);
+  };
+  const setSuspended = (value) => {
+    if (suspended === value) return;
+    suspended = value;
+    document.documentElement.toggleAttribute(SUSPENDED_ATTR, value);
+    if (value) overlay.setHover(null, "");
+  };
+  const updateHover = () => {
+    pointerFrame = null;
+    overlay.schedule();
+    if (suspended) return;
+    const encoded = encodedFrom(lastPointerTarget);
+    const target = encoded === overlay.getSelectedTarget() ? null : encoded;
+    if (!target) {
+      overlay.setHover(null, "");
+      return;
+    }
+    const kind = itemKind(target);
+    if (!kind) {
+      overlay.setHover(null, "");
+      return;
+    }
+    overlay.setHover(target, hoverLabel(target, kind), { kind });
+  };
+  const handlePointerMove = (e2) => {
+    setSuspended(e2.altKey);
+    lastPointerTarget = e2.target;
+    lastPointerX = e2.clientX;
+    lastPointerY = e2.clientY;
+    if (pointerFrame === null) {
+      pointerFrame = requestAnimationFrame(updateHover);
+    }
+  };
+  const handlePointerLeave = () => {
+    lastPointerTarget = null;
+    overlay.setHover(null, "");
+  };
+  const handleClick = (e2) => {
+    if (e2.altKey) {
+      const href = leavingLinkHref(e2.target);
+      if (href && guard.isActive()) guard.permit(href);
+      return;
+    }
+    const encoded = encodedFrom(e2.target);
+    const kind = encoded ? itemKind(encoded) : null;
+    if (!encoded || !kind) {
+      clearSelection();
+      if (e2.ctrlKey || e2.metaKey || e2.shiftKey || !showsEditedContent()) return;
+      const href = leavingLinkHref(e2.target);
+      if (!href) return;
+      e2.preventDefault();
+      if (guard.isActive()) {
+        e2.stopPropagation();
+        guard.block(href);
+      }
+      return;
+    }
+    e2.preventDefault();
+    e2.stopPropagation();
+    const item = listItemIn(encoded, e2.target);
+    if (kind === "current")
+      select(item?.element ?? encoded, encoded, item?.index);
+    const referenceField = kind === "referenced" ? referenceFieldOf(encoded) : void 0;
+    const linkedId = kind === "referenced" ? linkedIdOf(encoded) : null;
+    opts.onEdit({
+      ...readEditPayload(encoded),
+      ...linkedId && { id: linkedId },
+      ...item && { block: item.index },
+      ...referenceField && { referenceField }
+    });
+  };
+  const handleKey = (e2) => {
+    if (e2.key === "Alt") setSuspended(e2.type === "keydown");
+    if (e2.type === "keydown" && e2.key === "Escape") {
+      clearSelection();
+    }
+  };
+  const handleBlur = () => setSuspended(false);
+  const handleScroll = () => overlay.onScroll();
+  const handleResize = () => overlay.schedule();
+  const handleSettled = () => overlay.schedule();
+  function listItemIn(encoded, target) {
+    if (!(target instanceof Element)) return null;
+    const li = target.closest("li");
+    if (!li || !encoded.contains(li) || !li.parentElement) return null;
+    const items = Array.from(li.parentElement.children).filter(
+      (child) => child.tagName === "LI"
+    );
+    return { element: li, index: items.indexOf(li) };
+  }
+  function nthListItem(encoded, block) {
+    const list = encoded.querySelector("ul, ol");
+    if (!list) return null;
+    const items = Array.from(list.children).filter(
+      (child) => child.tagName === "LI"
+    );
+    return items[block] ?? null;
+  }
+  function select(el, field, block) {
+    const entryId = field.getAttribute("data-prepr-entry-id");
+    selection = {
+      lookup: {
+        field: field.getAttribute("data-prepr-field") ?? "",
+        id: field.getAttribute("data-prepr-id") ?? void 0,
+        ...entryId && { entryId },
+        ...block !== void 0 && { block }
+      },
+      label: field
+    };
+    overlay.setSelected(el, labelFor(field));
+    if (overlay.getHoverTarget() === el) overlay.setHover(null, "");
+  }
+  function clearSelection() {
+    selection = null;
+    overlay.setSelected(null, "");
+  }
+  function reselect() {
+    if (!selection) return;
+    const current = overlay.getSelectedTarget();
+    if (current?.isConnected && selection.label.isConnected) return;
+    const found = findFieldElement(selection.lookup);
+    if (!found || !isCurrentItem(found)) {
+      overlay.setSelected(null, "");
+      return;
+    }
+    const { block } = selection.lookup;
+    const el = block !== void 0 ? nthListItem(found, block) ?? found : found;
+    select(el, found, block);
+  }
+  function tagAssets() {
+    if (assetKeys.size > MAX_CACHED_KEYS) assetKeys.clear();
+    tagAssetImages(assetIndex, currentItemId, assetKeys);
+  }
+  const handleLayoutFrame = () => {
+    mutationFrame = null;
+    if (assetIndex.size) tagAssets();
+    reselect();
+    const hovered = overlay.getHoverTarget();
+    if (hovered && !hovered.isConnected) {
+      lastPointerTarget = document.elementFromPoint(lastPointerX, lastPointerY);
+      updateHover();
+      return;
+    }
+    overlay.schedule();
+  };
+  const handleMutations = () => {
+    if (mutationFrame !== null) return;
+    if (!selection && !overlay.getHoverTarget() && !assetIndex.size) return;
+    mutationFrame = requestAnimationFrame(handleLayoutFrame);
+  };
+  function injectCursorStyles() {
+    if (document.querySelector(`style[${CURSOR_STYLE_MARKER}]`)) return;
+    const style = document.createElement("style");
+    style.setAttribute(CURSOR_STYLE_MARKER, "");
+    style.textContent = CURSOR_STYLES;
+    document.head.appendChild(style);
+  }
+  function start() {
+    if (running) return;
+    running = true;
+    overlay.mount();
+    injectCursorStyles();
+    document.addEventListener("pointermove", handlePointerMove, {
+      passive: true
+    });
+    document.documentElement.addEventListener(
+      "pointerleave",
+      handlePointerLeave
+    );
+    document.addEventListener("click", handleClick, { capture: true });
+    window.addEventListener("keydown", handleKey);
+    window.addEventListener("keyup", handleKey);
+    window.addEventListener("blur", handleBlur);
+    window.addEventListener("scroll", handleScroll, {
+      capture: true,
+      passive: true
+    });
+    window.addEventListener("resize", handleResize, { passive: true });
+    document.addEventListener("transitionend", handleSettled, {
+      capture: true,
+      passive: true
+    });
+    document.addEventListener("animationend", handleSettled, {
+      capture: true,
+      passive: true
+    });
+    mutationObserver = new MutationObserver(handleMutations);
+    mutationObserver.observe(document.body, LAYOUT_MUTATIONS);
+    if (assetIndex.size) tagAssets();
+    syncGuard();
+    debug8.log("visual editor started");
+  }
+  function stop() {
+    if (!running) return;
+    running = false;
+    if (pointerFrame !== null) cancelAnimationFrame(pointerFrame);
+    if (mutationFrame !== null) cancelAnimationFrame(mutationFrame);
+    mutationObserver?.disconnect();
+    mutationObserver = null;
+    cancelFind();
+    pointerFrame = null;
+    mutationFrame = null;
+    selection = null;
+    lastPointerTarget = null;
+    setSuspended(false);
+    document.removeEventListener("pointermove", handlePointerMove);
+    document.documentElement.removeEventListener(
+      "pointerleave",
+      handlePointerLeave
+    );
+    document.removeEventListener("click", handleClick, { capture: true });
+    window.removeEventListener("keydown", handleKey);
+    window.removeEventListener("keyup", handleKey);
+    window.removeEventListener("blur", handleBlur);
+    window.removeEventListener("scroll", handleScroll, { capture: true });
+    window.removeEventListener("resize", handleResize);
+    document.removeEventListener("transitionend", handleSettled, {
+      capture: true
+    });
+    document.removeEventListener("animationend", handleSettled, {
+      capture: true
+    });
+    document.querySelectorAll(`style[${CURSOR_STYLE_MARKER}]`).forEach((node) => node.remove());
+    overlay.unmount();
+    untagAssetImages();
+    guard.stop();
+    debug8.log("visual editor stopped");
+  }
+  function cancelFind() {
+    if (findTimeout) clearTimeout(findTimeout);
+    findTimeout = null;
+    settlePendingFind?.();
+    settlePendingFind = null;
+  }
+  function focusField(lookup) {
+    cancelFind();
+    return new Promise((resolve2) => {
+      let attempt = 0;
+      const finish = (found) => {
+        settlePendingFind = null;
+        resolve2(found);
+      };
+      settlePendingFind = () => resolve2(false);
+      const tryFind = () => {
+        findTimeout = null;
+        const found = findFieldElement(lookup);
+        if (found) {
+          const el = lookup.block !== void 0 ? nthListItem(found, lookup.block) ?? found : found;
+          scrollIntoFrame(el);
+          if (running && isCurrentItem(found)) select(el, found, lookup.block);
+          finish(true);
+          return;
+        }
+        if (++attempt >= FIND_RETRIES) {
+          debug8.log("no element renders field", lookup.field);
+          finish(false);
+          return;
+        }
+        findTimeout = setTimeout(tryFind, FIND_RETRY_MS);
+      };
+      tryFind();
+    });
+  }
+  function setCurrentItem(itemId, referenceList, componentIds) {
+    currentItemId = itemId;
+    if (referenceList) setReferences(referenceList, componentIds);
+    else if (componentIds) ownComponents = new Set(componentIds);
+    if (running && assetIndex.size) tagAssets();
+    const selected = overlay.getSelectedTarget();
+    const owner = selected ? encodedFrom(selected) : null;
+    if (owner && !isCurrentItem(owner)) clearSelection();
+  }
+  function setAssets(assets) {
+    const hadAssets = assetIndex.size > 0;
+    assetIndex = createAssetIndex(assets);
+    if (running && (hadAssets || assetIndex.size)) tagAssets();
+  }
+  function setReferences(referenceList, componentIds) {
+    if (componentIds) ownComponents = new Set(componentIds);
+    references = /* @__PURE__ */ new Map();
+    for (const { id, field } of referenceList) {
+      if (!references.has(id)) references.set(id, field);
+    }
+  }
+  function setLocale(value) {
+    locale = value;
+  }
+  function syncGuard() {
+    if (running && guardEnabled) guard.start();
+    else guard.stop();
+  }
+  function setNavigationGuard(enabled) {
+    guardEnabled = enabled;
+    syncGuard();
+  }
+  return {
+    start,
+    stop,
+    setCurrentItem,
+    setReferences,
+    setAssets,
+    setLocale,
+    focusField,
+    setNavigationGuard,
+    allowNavigation: (href) => guard.allow(href)
+  };
+}
+
+// src/core/create-preview.ts
+var debug9 = createScopedLogger("create-preview");
+var controllerStores = /* @__PURE__ */ new WeakMap();
+function defaultNavigation() {
+  return {
+    navigate: (url) => window.location.assign(url),
+    currentPath: () => window.location.pathname + window.location.search
+  };
+}
+function safeEditUrl(href) {
+  try {
+    const url = new URL(href, window.location.href);
+    return url.protocol === "https:" || url.protocol === "http:" ? url.href : null;
+  } catch {
+    return null;
+  }
+}
+function buildSegments(data) {
+  return [{ _id: "all_other_users", name: "All other users" }, ...data];
+}
+function resolveLocale(options) {
+  const explicit = options?.locale;
+  if (isLocale(explicit)) return explicit;
+  if (typeof navigator !== "undefined") {
+    const candidates = Array.isArray(navigator.languages) && navigator.languages.length ? navigator.languages : [navigator.language];
+    const match = candidates.filter(Boolean).map((l2) => l2.toLowerCase().split("-")[0]).find(isLocale);
+    if (match) return match;
+  }
+  return "en";
+}
+function createPreprPreview(opts = {}) {
+  const { props, options } = opts;
+  const navigation = opts.navigation ?? defaultNavigation();
+  initDebugLogger(options?.debug ?? false);
+  const noop = () => ({ destroy: () => {
+  } });
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    return noop();
+  }
+  const isIframe = window.parent !== window;
   const search = new URLSearchParams(window.location.search);
   const hideBar = search.get(PARAM_HIDE_BAR) === "true";
   if (hideBar) {
@@ -2289,29 +3431,45 @@ function createPreprPreview(opts = {}) {
     el.connect(store, (key) => t(key, locale));
   }
   const editingEnabled = features.editMode || isIframe;
-  const stega = createStegaController({
-    // The CMS deep-link tooltip is chrome, so it follows the same decision as
-    // the bar: noise inside the editor (clicking the element itself requests
-    // the edit there), and unwanted in a headless preview that asked for no UI.
-    tooltip: mountUi,
-    // In the editor, ask the parent to focus the field instead of opening a new
-    // tab. Standalone previews keep the window.open behaviour.
-    onEdit: ({ href, id, field, locale: contentLocale }) => {
-      const safeHref = href ? safeEditUrl(href) : null;
-      if (href && !safeHref) {
-        debug9.warn("ignored edit request with unsupported href scheme");
-        return;
-      }
-      if (isIframe) {
-        sendPreprEvent("field_edit_requested", {
-          id,
-          field,
-          locale: contentLocale
-        });
-      } else if (safeHref) {
-        window.open(safeHref, "_blank", "noopener,noreferrer");
-      }
+  const onEdit = ({
+    href,
+    id,
+    field,
+    locale: contentLocale,
+    block,
+    entryId,
+    referenceField
+  }) => {
+    const safeHref = href ? safeEditUrl(href) : null;
+    if (href && !safeHref) {
+      debug9.warn("ignored edit request with unsupported href scheme");
+      return;
+    }
+    if (isIframe) {
+      sendPreprEvent("field_edit_requested", {
+        id,
+        field,
+        locale: contentLocale,
+        ...block !== void 0 && { block },
+        ...entryId && { entryId },
+        ...referenceField && { referenceField }
+      });
+    } else if (safeHref) {
+      window.open(safeHref, "_blank", "noopener,noreferrer");
     }
+  };
+  const visualEditor = isIframe ? createVisualEditor({
+    onEdit,
+    locale,
+    onNavigationBlocked: (href) => sendPreprEvent("navigation_blocked", { href })
+  }) : null;
+  const stega = visualEditor ?? createStegaController({
+    // The edit-mode marks and hover label are chrome, so they follow the
+    // same decision as the bar: unwanted in a headless preview that asked
+    // for no UI.
+    tooltip: mountUi,
+    onEdit,
+    locale
   });
   const autoClean = createStegaAutoClean({
     enabled: options?.autoClean
@@ -2334,10 +3492,30 @@ function createPreprPreview(opts = {}) {
   });
   const bridge = createIframeBridge(store, {
     allowedEditorOrigins: options?.allowedEditorOrigins,
+    onHandshake: ({
+      itemId,
+      referencedIds,
+      componentIds,
+      uiLocale,
+      navigationGuard,
+      assets
+    }) => {
+      if (uiLocale) visualEditor?.setLocale(uiLocale);
+      visualEditor?.setCurrentItem(itemId ?? null, referencedIds, componentIds);
+      visualEditor?.setNavigationGuard(navigationGuard === true);
+      if (assets) visualEditor?.setAssets(assets);
+    },
+    onAssets: (assets) => visualEditor?.setAssets(assets),
+    onAllowNavigation: (href) => visualEditor?.allowNavigation(href),
+    onReferences: (referencedIds, componentIds) => visualEditor?.setReferences(referencedIds, componentIds),
     // The editor selecting a field scrolls the matching element into view. The
     // lookup relies on the attributes the stega scan writes, so it finds
     // nothing until encoded content has been tagged.
-    onScrollToField: ({ field, id }) => {
+    onScrollToField: ({ field, id, block, entryId, fieldById }) => {
+      if (visualEditor) {
+        void visualEditor.focusField({ field, id, block, entryId, fieldById });
+        return;
+      }
       if (!scrollToField({ field, id })) {
         debug9.log("no element on this page renders field", field);
       }
@@ -2368,6 +3546,1545 @@ function createPreprPreview(opts = {}) {
   return controller;
 }
 
+// src/core/preview-attrs.ts
+function previewAttrs(target, options) {
+  if (!options.enabled || !target.id || !target.field) return {};
+  const attrs = {
+    "data-prepr-encoded": "",
+    "data-prepr-id": target.id,
+    "data-prepr-field": target.field
+  };
+  if (target.locale) attrs["data-prepr-locale"] = target.locale;
+  if (target.entryId) attrs["data-prepr-entry-id"] = target.entryId;
+  return attrs;
+}
+
+// src/core/live-preview/normalize-query.ts
+var import_stega6 = require("@vercel/stega");
+
+// src/core/live-preview/field-name.ts
+var UPPERCASE_BOUNDARY = /(.)(?=[A-Z])/g;
+function graphqlFieldName(apiId) {
+  return apiId.replace(UPPERCASE_BOUNDARY, "$1_").toLowerCase();
+}
+function fieldKeyIn(record, apiId) {
+  if (Object.prototype.hasOwnProperty.call(record, apiId)) return apiId;
+  const name = graphqlFieldName(apiId);
+  return Object.prototype.hasOwnProperty.call(record, name) ? name : void 0;
+}
+
+// src/core/live-preview/index-snapshot.ts
+var debug10 = createScopedLogger("live-preview");
+function indexSnapshot(data) {
+  const index = /* @__PURE__ */ new Map();
+  const visited = /* @__PURE__ */ new WeakSet();
+  const path = [];
+  function walk(node) {
+    if (node === null || typeof node !== "object") return;
+    if (visited.has(node)) return;
+    visited.add(node);
+    if (Array.isArray(node)) {
+      for (let i2 = 0; i2 < node.length; i2++) {
+        path.push(i2);
+        walk(node[i2]);
+        path.pop();
+      }
+      return;
+    }
+    const record = node;
+    if (typeof record._id === "string") {
+      const paths = index.get(record._id);
+      if (paths) paths.push([...path]);
+      else index.set(record._id, [[...path]]);
+    } else if (typeof record.__typename === "string") {
+      debug10.log("item without _id will not live-update", {
+        __typename: record.__typename
+      });
+    }
+    for (const key in record) {
+      if (!Object.prototype.hasOwnProperty.call(record, key)) continue;
+      path.push(key);
+      walk(record[key]);
+      path.pop();
+    }
+  }
+  walk(data);
+  return index;
+}
+
+// src/core/live-preview/patch.ts
+var import_stega5 = require("@vercel/stega");
+var INDEX_SEGMENT2 = /^\d+$/;
+var FORBIDDEN_SEGMENTS = /* @__PURE__ */ new Set(["__proto__", "prototype", "constructor"]);
+function isPlainObject(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function mergeObject(current, incoming) {
+  let changed = false;
+  const next = { ...current };
+  for (const key of Object.keys(current)) {
+    if (!(key in incoming) || incoming[key] === void 0) continue;
+    const value = isPlainObject(current[key]) && isPlainObject(incoming[key]) ? mergeObject(current[key], incoming[key]) : incoming[key];
+    if (value !== current[key]) {
+      next[key] = value;
+      changed = true;
+    }
+  }
+  return changed ? next : current;
+}
+function shapeLike(template, incoming) {
+  const out = {};
+  for (const key of Object.keys(template)) {
+    const value = incoming[key];
+    out[key] = value === void 0 ? null : isPlainObject(template[key]) && isPlainObject(value) ? shapeLike(template[key], value) : value;
+  }
+  return out;
+}
+function mergeStructured(current, incoming) {
+  if (incoming === null || Array.isArray(incoming) && !incoming.length) {
+    if (Array.isArray(current)) return current.length ? [] : current;
+    return null;
+  }
+  const list = Array.isArray(incoming) ? incoming : [incoming];
+  if (current === null || current === void 0) return incoming;
+  if (Array.isArray(current)) {
+    const template = current.find(isPlainObject);
+    return list.map((entry) => {
+      const match = current.find(
+        (c2) => isPlainObject(c2) && c2._id !== void 0 && c2._id === entry._id
+      );
+      if (isPlainObject(match)) return mergeObject(match, entry);
+      return isPlainObject(template) ? shapeLike(template, entry) : entry;
+    });
+  }
+  if (isPlainObject(current)) return mergeObject(current, list[0]);
+  return current;
+}
+function isPatchable(current) {
+  return current === null || typeof current === "string" || typeof current === "number" || typeof current === "boolean";
+}
+function cloneNode(node) {
+  return Array.isArray(node) ? [...node] : { ...node };
+}
+function patchSnapshot(snapshot, index, itemId, field, value) {
+  const paths = index.get(itemId);
+  if (!paths?.length) return snapshot;
+  let root = snapshot;
+  let changed = false;
+  for (const path of paths) {
+    root = patchAtPath(root, path, field, value, () => {
+      changed = true;
+    });
+  }
+  return changed ? root : snapshot;
+}
+function patchAtPath(root, path, field, value, markChanged) {
+  const segments = field.split(".");
+  if (segments.some((s2) => FORBIDDEN_SEGMENTS.has(s2))) return root;
+  let node = root;
+  for (const step of path) {
+    node = node[step];
+  }
+  const fullPath = [...path];
+  for (const segment of segments) {
+    let step = segment;
+    if (INDEX_SEGMENT2.test(segment)) {
+      step = Number(segment);
+    } else if (node !== null && typeof node === "object") {
+      step = fieldKeyIn(node, segment) ?? segment;
+    }
+    fullPath.push(step);
+    node = node !== null && typeof node === "object" ? node[step] : void 0;
+  }
+  return writeAtPath(root, fullPath, value, markChanged);
+}
+function writeAtPath(root, fullPath, value, markChanged = () => {
+}) {
+  if (!fullPath.length) return root;
+  if (fullPath.some((s2) => FORBIDDEN_SEGMENTS.has(String(s2)))) return root;
+  const last = fullPath.length - 1;
+  let node = root;
+  for (let i2 = 0; i2 < last; i2++) {
+    if (node === null || typeof node !== "object") return root;
+    node = node[fullPath[i2]];
+  }
+  if (node === null || typeof node !== "object") return root;
+  const container = node;
+  const key = fullPath[last];
+  if (!(key in container)) return root;
+  let next;
+  if (value === null || typeof value === "object") {
+    next = mergeStructured(container[key], value);
+  } else if (!isPatchable(container[key])) {
+    return root;
+  } else {
+    next = keepEditLink(container[key], value);
+  }
+  if (container[key] === next) return root;
+  const newRoot = cloneNode(root);
+  let cursor = newRoot;
+  for (let i2 = 0; i2 < last; i2++) {
+    const child = cloneNode(cursor[fullPath[i2]]);
+    cursor[fullPath[i2]] = child;
+    cursor = child;
+  }
+  cursor[key] = next;
+  markChanged();
+  return newRoot;
+}
+function listKeysOf(entry) {
+  if (!isPlainObject(entry)) return [];
+  const keys = [];
+  if (typeof entry._id === "string") keys.push(entry._id);
+  const first = Array.isArray(entry.items) ? entry.items[0] : null;
+  if (isPlainObject(first) && typeof first._id === "string") {
+    keys.push(first._id);
+  }
+  return keys;
+}
+var TAG_PATTERN = /<[^>]+>/g;
+function buildText(entry, template) {
+  const body = typeof entry.body === "string" ? entry.body : "";
+  const full = {
+    __typename: "Text",
+    _id: entry._id,
+    body,
+    html: body,
+    text: body.replace(TAG_PATTERN, ""),
+    format: entry.format ?? null
+  };
+  if (!template) return full;
+  const out = {};
+  for (const key of Object.keys(template)) {
+    out[key] = key in full ? full[key] : null;
+  }
+  return out;
+}
+function syncList(current, entries, build) {
+  if (current === null || current === void 0) {
+    const built = syncList([], entries, build);
+    return built.length ? built : current;
+  }
+  if (!Array.isArray(current)) return current;
+  const byKey = /* @__PURE__ */ new Map();
+  const templates = /* @__PURE__ */ new Map();
+  for (const c2 of current) {
+    for (const key of listKeysOf(c2)) byKey.set(key, c2);
+    if (isPlainObject(c2) && typeof c2.__typename === "string") {
+      if (!templates.has(c2.__typename)) templates.set(c2.__typename, c2);
+    }
+  }
+  if (!entries.length) return current.length ? [] : current;
+  if (current.length && !byKey.size) return current;
+  if (current.length && !entries.some((e2) => byKey.has(e2._id))) return current;
+  const next = [];
+  for (const entry of entries) {
+    const existing = byKey.get(entry._id);
+    const built = existing === void 0 && entry.fields ? build?.(entry) : void 0;
+    if (existing !== void 0) {
+      next.push(existing);
+    } else if (built) {
+      next.push(built);
+    } else if (entry.__typename === "Text") {
+      next.push(buildText(entry, templates.get("Text")));
+    }
+  }
+  const same = next.length === current.length && next.every((n2, i2) => n2 === current[i2]);
+  return same ? current : next;
+}
+function syncListSnapshot(snapshot, index, itemId, field, entries) {
+  const paths = index.get(itemId);
+  if (!paths?.length) return snapshot;
+  const fieldPath = field.split(".");
+  if (fieldPath.some((s2) => FORBIDDEN_SEGMENTS.has(s2))) return snapshot;
+  let root = snapshot;
+  for (const path of paths) {
+    root = syncListAtPath(root, [...path, ...fieldPath], entries);
+  }
+  return root;
+}
+function syncListAtPath(root, fullPath, entries, build) {
+  if (!fullPath.length) return root;
+  if (fullPath.some((s2) => FORBIDDEN_SEGMENTS.has(String(s2)))) return root;
+  let node = root;
+  for (const key of fullPath) {
+    node = node !== null && typeof node === "object" ? node[key] : void 0;
+  }
+  const next = syncList(node, entries, build);
+  if (next === node) return root;
+  const newRoot = cloneNode(root);
+  let cursor = newRoot;
+  for (let i2 = 0; i2 < fullPath.length - 1; i2++) {
+    const child = cloneNode(cursor[fullPath[i2]]);
+    cursor[fullPath[i2]] = child;
+    cursor = child;
+  }
+  cursor[fullPath[fullPath.length - 1]] = next;
+  return newRoot;
+}
+function keepEditLink(current, value) {
+  if (typeof current !== "string" || typeof value !== "string") return value;
+  const { encoded } = (0, import_stega5.vercelStegaSplit)(current);
+  if (!encoded || (0, import_stega5.vercelStegaSplit)(value).encoded) return value;
+  return value + encoded;
+}
+
+// src/core/live-preview/query-document.ts
+var NAME_START = /[_A-Za-z]/;
+var NAME_CONTINUE = /[_0-9A-Za-z]/;
+var PUNCT = /* @__PURE__ */ new Set([
+  "!",
+  "$",
+  "&",
+  "(",
+  ")",
+  ":",
+  "=",
+  "@",
+  "[",
+  "]",
+  "{",
+  "|",
+  "}"
+]);
+function tokenize(source) {
+  const tokens = [];
+  let i2 = 0;
+  const n2 = source.length;
+  while (i2 < n2) {
+    const ch = source[i2];
+    if (ch === " " || ch === "	" || ch === "\n" || ch === "\r" || ch === "," || ch === "\uFEFF") {
+      i2++;
+    } else if (ch === "#") {
+      while (i2 < n2 && source[i2] !== "\n" && source[i2] !== "\r") i2++;
+    } else if (ch === "." && source.startsWith("...", i2)) {
+      tokens.push({ type: "punct", value: "..." });
+      i2 += 3;
+    } else if (PUNCT.has(ch)) {
+      tokens.push({ type: "punct", value: ch });
+      i2++;
+    } else if (NAME_START.test(ch)) {
+      const start = i2;
+      while (i2 < n2 && NAME_CONTINUE.test(source[i2])) i2++;
+      tokens.push({ type: "name", value: source.slice(start, i2) });
+    } else if (ch === '"') {
+      if (source.startsWith('"""', i2)) {
+        i2 += 3;
+        while (i2 < n2 && !source.startsWith('"""', i2)) {
+          i2 += source.startsWith('\\"""', i2) ? 4 : 1;
+        }
+        if (i2 >= n2) throw new SyntaxError("Unterminated block string");
+        i2 += 3;
+      } else {
+        i2++;
+        while (i2 < n2 && source[i2] !== '"') {
+          if (source[i2] === "\n" || source[i2] === "\r") {
+            throw new SyntaxError("Unterminated string");
+          }
+          i2 += source[i2] === "\\" ? 2 : 1;
+        }
+        if (i2 >= n2) throw new SyntaxError("Unterminated string");
+        i2++;
+      }
+      tokens.push({ type: "value" });
+    } else if (ch === "-" || ch >= "0" && ch <= "9") {
+      i2++;
+      while (i2 < n2 && /[0-9.eE+-]/.test(source[i2])) i2++;
+      tokens.push({ type: "value" });
+    } else {
+      throw new SyntaxError(`Unexpected character "${ch}"`);
+    }
+  }
+  return tokens;
+}
+function parseSource(source, operationName) {
+  const tokens = tokenize(source);
+  let pos = 0;
+  const peek = () => tokens[pos];
+  const isPunct = (value) => {
+    const t3 = tokens[pos];
+    return t3?.type === "punct" && t3.value === value;
+  };
+  const expectPunct = (value) => {
+    if (!isPunct(value)) throw new SyntaxError(`Expected "${value}"`);
+    pos++;
+  };
+  const expectName = () => {
+    const t3 = tokens[pos];
+    if (t3?.type !== "name") throw new SyntaxError("Expected a name");
+    pos++;
+    return t3.value;
+  };
+  const skipParens = () => {
+    expectPunct("(");
+    let depth = 1;
+    while (depth > 0) {
+      const t3 = tokens[pos++];
+      if (!t3) throw new SyntaxError("Unbalanced parentheses");
+      if (t3.type === "punct" && t3.value === "(") depth++;
+      else if (t3.type === "punct" && t3.value === ")") depth--;
+    }
+  };
+  const skipDirectives = () => {
+    while (isPunct("@")) {
+      pos++;
+      expectName();
+      if (isPunct("(")) skipParens();
+    }
+  };
+  const parseSelectionSet = () => {
+    expectPunct("{");
+    const selections = [];
+    while (!isPunct("}")) {
+      if (!peek()) throw new SyntaxError("Unterminated selection set");
+      selections.push(parseSelection());
+    }
+    pos++;
+    return selections;
+  };
+  const parseSelection = () => {
+    if (isPunct("...")) {
+      pos++;
+      const t3 = peek();
+      if (t3?.type === "name" && t3.value !== "on") {
+        pos++;
+        skipDirectives();
+        return { kind: "spread", name: t3.value };
+      }
+      let on = null;
+      if (t3?.type === "name") {
+        pos++;
+        on = expectName();
+      }
+      skipDirectives();
+      return { kind: "inline", on, selections: parseSelectionSet() };
+    }
+    let name = expectName();
+    const key = name;
+    if (isPunct(":")) {
+      pos++;
+      name = expectName();
+    }
+    let hasArgs = false;
+    if (isPunct("(")) {
+      hasArgs = true;
+      skipParens();
+    }
+    skipDirectives();
+    const selections = isPunct("{") ? parseSelectionSet() : null;
+    return { kind: "field", name, key, hasArgs, selections };
+  };
+  const fragments = /* @__PURE__ */ new Map();
+  const operations = [];
+  while (pos < tokens.length) {
+    if (isPunct("{")) {
+      operations.push({ name: null, selections: parseSelectionSet() });
+      continue;
+    }
+    const keyword = expectName();
+    if (keyword === "fragment") {
+      const name = expectName();
+      if (expectName() !== "on") throw new SyntaxError('Expected "on"');
+      const on = expectName();
+      skipDirectives();
+      fragments.set(name, { on, selections: parseSelectionSet() });
+    } else if (keyword === "query" || keyword === "mutation" || keyword === "subscription") {
+      const t3 = peek();
+      let name = null;
+      if (t3?.type === "name") name = expectName();
+      if (isPunct("(")) skipParens();
+      skipDirectives();
+      operations.push({ name, selections: parseSelectionSet() });
+    } else {
+      throw new SyntaxError(`Unexpected "${keyword}"`);
+    }
+  }
+  return { operation: pickOperation(operations, operationName), fragments };
+}
+function pickOperation(operations, operationName) {
+  const op = operationName ? operations.find((o2) => o2.name === operationName) : operations[0];
+  if (!op) throw new SyntaxError("The document has no operation");
+  return op.selections;
+}
+function fromAstSelections(set) {
+  return set.selections.map((s2) => {
+    if (s2.kind === "FragmentSpread")
+      return { kind: "spread", name: s2.name.value };
+    if (s2.kind === "InlineFragment") {
+      return {
+        kind: "inline",
+        on: s2.typeCondition?.name.value ?? null,
+        selections: fromAstSelections(s2.selectionSet)
+      };
+    }
+    const name = s2.name.value;
+    return {
+      kind: "field",
+      name,
+      key: s2.alias?.value ?? name,
+      hasArgs: Boolean(s2.arguments?.length),
+      selections: s2.selectionSet ? fromAstSelections(s2.selectionSet) : null
+    };
+  });
+}
+function fromAst(doc, operationName) {
+  const fragments = /* @__PURE__ */ new Map();
+  const operations = [];
+  for (const def of doc.definitions ?? []) {
+    if (def.kind === "FragmentDefinition" && def.name && def.typeCondition && def.selectionSet) {
+      fragments.set(def.name.value, {
+        on: def.typeCondition.name.value,
+        selections: fromAstSelections(def.selectionSet)
+      });
+    } else if (def.kind === "OperationDefinition" && def.selectionSet) {
+      operations.push({
+        name: def.name?.value ?? null,
+        selections: fromAstSelections(def.selectionSet)
+      });
+    }
+  }
+  return { operation: pickOperation(operations, operationName), fragments };
+}
+var astCache = /* @__PURE__ */ new WeakMap();
+var sourceCache = /* @__PURE__ */ new Map();
+var SOURCE_CACHE_LIMIT = 200;
+function readQueryDocument(query, operationName) {
+  const cacheKey = operationName ?? "";
+  if (typeof query === "object" && query !== null && query.kind === "Document") {
+    let byName = astCache.get(query);
+    if (!byName) astCache.set(query, byName = /* @__PURE__ */ new Map());
+    let parsed2 = byName.get(cacheKey);
+    if (!parsed2) {
+      parsed2 = fromAst(
+        query,
+        operationName
+      );
+      byName.set(cacheKey, parsed2);
+    }
+    return parsed2;
+  }
+  const source = String(query);
+  const sourceKey = `${cacheKey}
+${source}`;
+  let parsed = sourceCache.get(sourceKey);
+  if (!parsed) {
+    parsed = parseSource(source, operationName);
+    if (sourceCache.size >= SOURCE_CACHE_LIMIT) {
+      sourceCache.delete(sourceCache.keys().next().value);
+    }
+    sourceCache.set(sourceKey, parsed);
+  }
+  return parsed;
+}
+var fieldsCache = /* @__PURE__ */ new WeakMap();
+function collectFields(selections, typename, doc, options = {}) {
+  const cacheKey = `${options.strict ? "s" : "l"}:${typename ?? ""}`;
+  let cached = fieldsCache.get(selections);
+  if (!cached) {
+    cached = /* @__PURE__ */ new Map();
+    fieldsCache.set(selections, cached);
+  }
+  const hit = cached.get(cacheKey);
+  if (hit) return hit;
+  const fields = resolveFields(selections, typename, doc, options);
+  cached.set(cacheKey, fields);
+  return fields;
+}
+function resolveFields(selections, typename, doc, options) {
+  const exact = /* @__PURE__ */ new Map();
+  const loose = /* @__PURE__ */ new Map();
+  const merged = /* @__PURE__ */ new Map();
+  const walkedMatched = /* @__PURE__ */ new Set();
+  const walkedLoose = /* @__PURE__ */ new Set();
+  const add = (target, s2) => {
+    let field = target.get(s2.key);
+    if (!field) {
+      field = { name: s2.name, key: s2.key, hasArgs: s2.hasArgs, selections: [] };
+      target.set(s2.key, field);
+      merged.set(field, /* @__PURE__ */ new Set());
+    }
+    const done = merged.get(field);
+    if (s2.selections && !done.has(s2.selections)) {
+      done.add(s2.selections);
+      field.selections = [...field.selections, ...s2.selections];
+    }
+  };
+  const applies = (on, list) => conditionMatches(on, typename) || typename !== void 0 && typeConditions(list, doc).includes(typename);
+  const walk = (list, matched) => {
+    for (const s2 of list) {
+      if (s2.kind === "field") {
+        add(matched ? exact : loose, s2);
+      } else if (s2.kind === "inline") {
+        walk(s2.selections, matched && applies(s2.on, s2.selections));
+      } else {
+        const fragment = doc.fragments.get(s2.name);
+        if (!fragment) continue;
+        const asMatched = matched && applies(fragment.on, fragment.selections);
+        if (walkedMatched.has(fragment)) continue;
+        if (!asMatched && walkedLoose.has(fragment)) continue;
+        (asMatched ? walkedMatched : walkedLoose).add(fragment);
+        walk(fragment.selections, asMatched);
+      }
+    }
+  };
+  walk(selections, true);
+  if (!options.strict) {
+    for (const [key, field] of loose) {
+      if (!exact.has(key)) exact.set(key, field);
+    }
+  }
+  return exact;
+}
+function conditionMatches(on, typename) {
+  return on === null || typename === void 0 || on === typename;
+}
+var conditionsCache = /* @__PURE__ */ new WeakMap();
+function typeConditions(selections, doc) {
+  const hit = conditionsCache.get(selections);
+  if (hit) return hit;
+  const names = /* @__PURE__ */ new Set();
+  const seen = /* @__PURE__ */ new Set();
+  const walk = (list) => {
+    for (const s2 of list) {
+      if (s2.kind === "inline") {
+        if (s2.on) names.add(s2.on);
+        walk(s2.selections);
+      } else if (s2.kind === "spread") {
+        const fragment = doc.fragments.get(s2.name);
+        if (!fragment || seen.has(fragment)) continue;
+        seen.add(fragment);
+        names.add(fragment.on);
+        walk(fragment.selections);
+      }
+    }
+  };
+  walk(selections);
+  const conditions = [...names];
+  conditionsCache.set(selections, conditions);
+  return conditions;
+}
+
+// src/core/live-preview/validate.ts
+function isScalar(v2) {
+  return typeof v2 === "string" || typeof v2 === "number" || typeof v2 === "boolean";
+}
+var MAX_DEPTH = 3;
+var MAX_ENTRIES = 50;
+var FORBIDDEN_KEYS = /* @__PURE__ */ new Set(["__proto__", "prototype", "constructor"]);
+var SAFE_URL = /^https?:\/\//i;
+var URL_KEY = /^(?:url|href|src|link)$|(?:_url|Url)$/;
+var URL_IGNORED_ANYWHERE = /[\t\n\r]/g;
+var SCRIPT_SCHEME = /^(?:javascript|vbscript|data):/i;
+function isSafeLinkValue(value) {
+  const stripped = value.replace(URL_IGNORED_ANYWHERE, "");
+  let start = 0;
+  while (start < stripped.length && stripped.charCodeAt(start) <= 32) start++;
+  return !SCRIPT_SCHEME.test(stripped.slice(start));
+}
+function isUrlKey(key) {
+  return URL_KEY.test(key);
+}
+function isSafeKeyValue(key, value) {
+  if (typeof value !== "string") return true;
+  if (key === "url") return SAFE_URL.test(value);
+  return !isUrlKey(key) || isSafeLinkValue(value);
+}
+function isLiveValue(v2, depth = 0) {
+  if (v2 === null || isScalar(v2)) return true;
+  if (depth >= MAX_DEPTH) return false;
+  if (Array.isArray(v2)) {
+    return depth === 0 && v2.length <= MAX_ENTRIES && v2.every((entry) => isPlainRecord(entry) && isLiveValue(entry, depth + 1));
+  }
+  if (!isPlainRecord(v2)) return false;
+  const keys = Object.keys(v2);
+  if (keys.length > MAX_ENTRIES) return false;
+  return keys.every((key) => {
+    if (FORBIDDEN_KEYS.has(key)) return false;
+    const value = v2[key];
+    if (!isSafeKeyValue(key, value)) return false;
+    return !Array.isArray(value) && isLiveValue(value, depth + 1);
+  });
+}
+function isLiveFieldChange(field, value) {
+  if (!isLiveValue(value)) return false;
+  const name = field.slice(field.lastIndexOf(".") + 1);
+  return typeof value !== "string" || !isUrlKey(name) || isSafeLinkValue(value);
+}
+var MAX_LIST_ENTRIES = 200;
+function parseListEntries(value) {
+  if (!Array.isArray(value) || value.length > MAX_LIST_ENTRIES) return null;
+  const list = [];
+  for (const raw of value) {
+    if (!isPlainRecord(raw) || typeof raw._id !== "string" || !raw._id) {
+      return null;
+    }
+    const entry = { _id: raw._id };
+    if (typeof raw.__typename === "string") entry.__typename = raw.__typename;
+    if (typeof raw.body === "string") entry.body = raw.body;
+    if (typeof raw.format === "string" || raw.format === null) {
+      entry.format = raw.format;
+    }
+    if (typeof raw.typeName === "string" && raw.typeName.length <= 200) {
+      entry.typeName = raw.typeName;
+    }
+    if (raw.fields !== void 0) {
+      if (!isPlainRecord(raw.fields) || !isFieldValue(raw.fields, 0)) {
+        return null;
+      }
+      entry.fields = raw.fields;
+    }
+    list.push(entry);
+  }
+  return list;
+}
+function isPlainRecord(v2) {
+  return v2 !== null && typeof v2 === "object" && Object.getPrototypeOf(v2) === Object.prototype;
+}
+var MAX_FIELD_DEPTH = 6;
+var MAX_FIELD_KEYS = 100;
+function isFieldValue(v2, depth) {
+  if (v2 === null || isScalar(v2)) return true;
+  if (depth >= MAX_FIELD_DEPTH) return false;
+  if (Array.isArray(v2)) {
+    return v2.length <= MAX_ENTRIES && v2.every(
+      (entry) => isScalar(entry) || isPlainRecord(entry) && isFieldValue(entry, depth + 1)
+    );
+  }
+  if (!isPlainRecord(v2)) return false;
+  const keys = Object.keys(v2);
+  if (keys.length > MAX_FIELD_KEYS) return false;
+  return keys.every((key) => {
+    if (FORBIDDEN_KEYS.has(key)) return false;
+    const value = v2[key];
+    if (!isSafeKeyValue(key, value)) return false;
+    return isFieldValue(value, depth + 1);
+  });
+}
+var MAX_EDIT_LENGTH = 1e3;
+function parseEditTarget(raw) {
+  if (!isPlainRecord(raw)) return void 0;
+  const { item, field } = raw;
+  if (typeof item !== "string" || !item || item.length > MAX_EDIT_LENGTH) {
+    return void 0;
+  }
+  if (typeof field !== "string" || !field || field.length > MAX_EDIT_LENGTH) {
+    return void 0;
+  }
+  return { item, field };
+}
+
+// src/core/live-preview/normalize-query.ts
+var debug11 = createScopedLogger("live-preview:normalize");
+var MAX_LOG_ENTRIES = 500;
+var MAX_LOG_SOURCE_LENGTH = 1e6;
+var INDEX_SEGMENT3 = /^\d+$/;
+var FORBIDDEN_SEGMENTS2 = /* @__PURE__ */ new Set(["__proto__", "prototype", "constructor"]);
+var ENVELOPE_KEYS = /* @__PURE__ */ new Set(["data", "errors", "extensions"]);
+function parsePatchLog(raw) {
+  let value = raw;
+  if (typeof value === "string") {
+    if (!value || value.length > MAX_LOG_SOURCE_LENGTH) return [];
+    try {
+      value = JSON.parse(value);
+    } catch {
+      return [];
+    }
+  }
+  if (!Array.isArray(value)) return [];
+  const log = [];
+  for (const entry of value.slice(-MAX_LOG_ENTRIES)) {
+    if (!isPlainRecord(entry)) continue;
+    const { type, itemId, field } = entry;
+    if (typeof itemId !== "string" || !itemId) continue;
+    if (typeof field !== "string" || !field) continue;
+    if (type === "field" && isLiveFieldChange(field, entry.value)) {
+      const edit = parseEditTarget(entry.edit);
+      log.push(
+        edit ? { type, itemId, field, value: entry.value, edit } : { type, itemId, field, value: entry.value }
+      );
+    } else if (type === "list") {
+      const entries = parseListEntries(entry.entries);
+      if (entries) log.push({ type, itemId, field, entries });
+    }
+  }
+  return log;
+}
+function normalizeQuery(query, result, options = {}) {
+  return applyPatchLog(
+    query,
+    result,
+    parsePatchLog(options.log),
+    options.operationName
+  );
+}
+function applyPatchLog(query, result, log, operationName) {
+  if (!log.length || result === null || typeof result !== "object") {
+    return result;
+  }
+  if (isEnvelope(result)) {
+    const data = applyPatchLog(query, result.data, log, operationName);
+    return data === result.data ? result : { ...result, data };
+  }
+  let doc = null;
+  try {
+    doc = readQueryDocument(query, operationName);
+  } catch (error) {
+    debug11.log("could not read the query; applying fields by literal path", {
+      error: String(error)
+    });
+  }
+  let root = result;
+  let index = null;
+  for (const patch of log) {
+    try {
+      index ?? (index = indexSnapshot(root));
+      const next = applyPatch(root, index, patch, doc, result);
+      if (next !== root) {
+        root = next;
+        if (patch.type === "list" || !isScalarValue(patch.value)) {
+          index = null;
+        }
+      }
+    } catch (error) {
+      debug11.log("could not apply a change", {
+        itemId: patch.itemId,
+        field: patch.field,
+        error: String(error)
+      });
+    }
+  }
+  return root;
+}
+function isScalarValue(value) {
+  return value === null || typeof value !== "object";
+}
+function applyPatch(root, index, patch, doc, result) {
+  const ownerPaths = index.get(patch.itemId);
+  if (!ownerPaths?.length) return root;
+  const segments = patch.field.split(".");
+  if (segments.some((s2) => !s2 || FORBIDDEN_SEGMENTS2.has(s2))) return root;
+  const targets = [];
+  for (const ownerPath of ownerPaths) {
+    if (doc) {
+      const resolved = resolveTargets(root, doc, ownerPath, segments);
+      root = resolved.root;
+      targets.push(...resolved.targets);
+    } else {
+      targets.push([...ownerPath, ...segments.map(toPathSegment)]);
+    }
+  }
+  if (!targets.length) {
+    debug11.log("no field in the query matches", {
+      itemId: patch.itemId,
+      field: patch.field
+    });
+    return root;
+  }
+  if (patch.type === "field") {
+    for (const target of targets) {
+      let value = keepEditLink(readAtPath(root, target), patch.value);
+      if (patch.edit && typeof value === "string" && !(0, import_stega6.vercelStegaSplit)(value).encoded) {
+        value = editLinksFor(result, patch.edit.item)?.encode(
+          value,
+          patch.edit.field
+        ) ?? value;
+      }
+      root = writeAtPath(root, target, value);
+    }
+  } else {
+    for (const target of targets) {
+      const selections = doc ? selectionsAt(root, doc, target) : null;
+      const build = doc && selections ? (entry) => buildEntry(doc, selections, entry, {
+        links: editLinks(result, entry),
+        lists: listKeysIn(result)
+      }) : void 0;
+      root = syncListAtPath(root, target, patch.entries, build);
+    }
+  }
+  return root;
+}
+function readAtPath(root, path) {
+  let node = root;
+  for (const step of path) {
+    if (node === null || typeof node !== "object") return void 0;
+    node = node[step];
+  }
+  return node;
+}
+function isEnvelope(value) {
+  if (Array.isArray(value) || !("data" in value)) return false;
+  return Object.keys(value).every((key) => ENVELOPE_KEYS.has(key));
+}
+function toPathSegment(segment) {
+  return INDEX_SEGMENT3.test(segment) ? Number(segment) : segment;
+}
+function typenameOf(node) {
+  const typename = node.__typename;
+  return typeof typename === "string" ? typename : void 0;
+}
+function selectionsAt(root, doc, path) {
+  let node = root;
+  let selections = doc.operation;
+  for (const step of path) {
+    if (Array.isArray(node)) {
+      node = node[step];
+      continue;
+    }
+    if (node === null || typeof node !== "object") return null;
+    const field = collectFields(selections, typenameOf(node), doc).get(
+      String(step)
+    );
+    if (!field) return null;
+    selections = field.selections;
+    node = node[String(step)];
+  }
+  return selections;
+}
+function resolveTargets(root, doc, ownerPath, segments) {
+  let owner = root;
+  for (const step of ownerPath) {
+    owner = owner[step];
+  }
+  const selections = selectionsAt(root, doc, ownerPath);
+  if (!selections) return { root, targets: [] };
+  let current = root;
+  const out = [];
+  const walk = (node, sel, i2, path) => {
+    if (i2 === segments.length) {
+      out.push(path);
+      return;
+    }
+    const segment = segments[i2];
+    if (Array.isArray(node)) {
+      if (INDEX_SEGMENT3.test(segment)) {
+        const position = Number(segment);
+        if (position < node.length) {
+          walk(node[position], sel, i2 + 1, [...path, position]);
+        }
+      } else if (segment === "items") {
+        walk(node, sel, i2 + 1, path);
+      }
+      return;
+    }
+    if (node === null || typeof node !== "object") return;
+    const record = node;
+    const wanted = graphqlFieldName(segment);
+    let matched = false;
+    for (const field of collectFields(sel, typenameOf(node), doc).values()) {
+      if (field.name !== segment && field.name !== wanted) continue;
+      if (!Object.prototype.hasOwnProperty.call(record, field.key)) continue;
+      matched = true;
+      const fieldPath = [...path, field.key];
+      let value = record[field.key];
+      const next = segments[i2 + 1];
+      if (value === null && field.selections.length && next !== void 0 && next !== "items" && !INDEX_SEGMENT3.test(next)) {
+        const typename = resolveTypename(
+          doc,
+          field.selections,
+          void 0,
+          void 0
+        );
+        if (typename !== void 0) {
+          value = fillObject(doc, field.selections, typename, {}, void 0, {
+            links: null,
+            lists: listKeysIn(root)
+          });
+          current = writeAtPath(current, fieldPath, value);
+        }
+      }
+      walk(value, field.selections, i2 + 1, fieldPath);
+    }
+    if (!matched && segment === "items") walk(node, sel, i2 + 1, path);
+  };
+  walk(owner, selections, 0, ownerPath);
+  return { root: current, targets: out };
+}
+var NON_ALPHANUMERIC = /[^a-z0-9]/gi;
+var typeKey = (name) => name.replace(NON_ALPHANUMERIC, "").toLowerCase();
+function resolveTypename(doc, selections, typename, typeName) {
+  const known = typeConditions(selections, doc);
+  const explicit = typeof typename === "string" ? typename : void 0;
+  if (!known.length) return explicit ?? null;
+  if (explicit && known.includes(explicit)) return explicit;
+  for (const candidate of [explicit, typeName]) {
+    if (typeof candidate !== "string" || !candidate) continue;
+    const match = known.find((name) => typeKey(name) === typeKey(candidate));
+    if (match) return match;
+  }
+  const named = explicit !== void 0 || typeof typeName === "string";
+  return known.length === 1 && !named ? known[0] : void 0;
+}
+function buildEntry(doc, selections, entry, ctx) {
+  const typename = resolveTypename(
+    doc,
+    selections,
+    entry.__typename,
+    entry.typeName
+  );
+  if (typename === void 0) return void 0;
+  return fillObject(
+    doc,
+    selections,
+    typename,
+    entry.fields ?? {},
+    entry._id,
+    ctx
+  );
+}
+function fillObject(doc, selections, typename, values, id, ctx) {
+  const out = {};
+  const { links } = ctx;
+  const lists = ctx.lists(typename);
+  const edit = isPlainRecord(values.__edit) ? values.__edit : null;
+  const apiIdOf = /* @__PURE__ */ new Map();
+  for (const key of Object.keys(values)) {
+    apiIdOf.set(key, key);
+    const name = graphqlFieldName(key);
+    if (!apiIdOf.has(name)) apiIdOf.set(name, key);
+  }
+  if (edit && isPlainRecord(edit.apiIds)) {
+    for (const [name, apiId] of Object.entries(edit.apiIds)) {
+      if (typeof apiId === "string") apiIdOf.set(name, apiId);
+    }
+  }
+  const valueOf = (name) => {
+    if (Object.prototype.hasOwnProperty.call(values, name)) return values[name];
+    const key = apiIdOf.get(name);
+    return key !== void 0 && key in values ? values[key] : void 0;
+  };
+  const editField = (name) => {
+    if (!edit) return null;
+    if (typeof edit.field === "string")
+      return name === "body" ? edit.field : null;
+    if (typeof edit.path !== "string") return null;
+    const apiId = apiIdOf.get(name) ?? name;
+    const text = Array.isArray(edit.text) ? edit.text : [];
+    if (!text.includes(apiId) && !text.includes(name)) return null;
+    return `${edit.path}.items.${apiId}`;
+  };
+  const fields = collectFields(selections, typename ?? void 0, doc, {
+    strict: true
+  });
+  for (const field of fields.values()) {
+    if (field.name === "__typename") {
+      out[field.key] = typename;
+    } else if (field.name === "_id") {
+      out[field.key] = typeof id === "string" ? id : values._id ?? null;
+    } else if (field.selections.length) {
+      const value = valueOf(field.name);
+      out[field.key] = value == null && lists.has(field.key) ? [] : fillNested(doc, field.selections, value, ctx);
+    } else {
+      const value = valueOf(field.name);
+      if (Array.isArray(value) && value.every(isScalarItem)) {
+        out[field.key] = value;
+        continue;
+      }
+      if (value == null && lists.has(field.key)) {
+        out[field.key] = [];
+        continue;
+      }
+      const scalar = value === void 0 || value !== null && typeof value === "object" ? null : value;
+      const target = typeof scalar === "string" ? editField(field.name) : null;
+      out[field.key] = target && links ? links.encode(scalar, target) : scalar;
+    }
+  }
+  return out;
+}
+function fillNested(doc, selections, value, ctx) {
+  const one = (item) => {
+    if (!isPlainRecord(item)) return null;
+    const typename = resolveTypename(
+      doc,
+      selections,
+      item.__typename,
+      item.typeName
+    );
+    if (typename === void 0) return null;
+    return fillObject(doc, selections, typename, item, item._id, ctx);
+  };
+  if (Array.isArray(value)) return value.map(one).filter((v2) => v2 !== null);
+  return value === void 0 ? null : one(value);
+}
+function isScalarItem(value) {
+  return typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+}
+var NO_KEYS = /* @__PURE__ */ new Set();
+var listKeysCache = /* @__PURE__ */ new WeakMap();
+function listKeysIn(result) {
+  return (typename) => {
+    if (!typename || result === null || typeof result !== "object") {
+      return NO_KEYS;
+    }
+    let byType = listKeysCache.get(result);
+    if (!byType) {
+      byType = /* @__PURE__ */ new Map();
+      const seen = /* @__PURE__ */ new WeakSet();
+      const walk = (node) => {
+        if (node === null || typeof node !== "object" || seen.has(node)) return;
+        seen.add(node);
+        if (Array.isArray(node)) {
+          node.forEach(walk);
+          return;
+        }
+        const record = node;
+        const type = typeof record.__typename === "string" ? record.__typename : null;
+        for (const [key, value] of Object.entries(record)) {
+          if (type && Array.isArray(value)) {
+            let keys = byType.get(type);
+            if (!keys) byType.set(type, keys = /* @__PURE__ */ new Set());
+            keys.add(key);
+          }
+          walk(value);
+        }
+      };
+      walk(result);
+      listKeysCache.set(result, byType);
+    }
+    return byType.get(typename) ?? NO_KEYS;
+  };
+}
+var EDIT_PATH = /\/content\/edit\/[^/?#]+/;
+function editLinks(result, entry) {
+  const edit = entry.fields?.__edit;
+  if (!isPlainRecord(edit) || typeof edit.item !== "string") return null;
+  return editLinksFor(result, edit.item);
+}
+var ITEM_ID = /^[A-Za-z0-9_-]+$/;
+function editLinksFor(result, item) {
+  if (!ITEM_ID.test(item)) return null;
+  const template = findEditLink(result);
+  if (!template) return null;
+  return {
+    encode(text, field) {
+      if ((0, import_stega6.vercelStegaSplit)(text).encoded) return text;
+      let href;
+      try {
+        href = new URL(template.href);
+      } catch {
+        return text;
+      }
+      href.pathname = href.pathname.replace(
+        EDIT_PATH,
+        () => `/content/edit/${item}`
+      );
+      href.searchParams.set("field", field);
+      const link = href.toString().replace(/%2E/gi, ".").replace(/%2F/gi, "/");
+      return (0, import_stega6.vercelStegaCombine)(text, { origin: template.origin, href: link });
+    }
+  };
+}
+var linkCache = /* @__PURE__ */ new WeakMap();
+function findEditLink(root) {
+  if (root === null || typeof root !== "object") return null;
+  if (linkCache.has(root)) return linkCache.get(root) ?? null;
+  let found = null;
+  const seen = /* @__PURE__ */ new WeakSet();
+  const walk = (node) => {
+    if (found) return;
+    if (typeof node === "string") {
+      if (!(0, import_stega6.vercelStegaSplit)(node).encoded) return;
+      try {
+        const decoded = (0, import_stega6.vercelStegaDecode)(node);
+        if (typeof decoded?.origin === "string" && typeof decoded.href === "string" && EDIT_PATH.test(decoded.href)) {
+          found = { origin: decoded.origin, href: decoded.href };
+        }
+      } catch {
+      }
+      return;
+    }
+    if (node === null || typeof node !== "object" || seen.has(node)) return;
+    seen.add(node);
+    for (const value of Object.values(node)) walk(value);
+  };
+  walk(root);
+  linkCache.set(root, found);
+  return found;
+}
+
+// src/core/live-preview/bridge-events.ts
+var debug12 = createScopedLogger("live-preview:bridge");
+function createLiveBridge(store, options = {}) {
+  let parentOrigin = null;
+  const onMessage = (evt) => {
+    const data = evt?.data;
+    if (data?.event === "prepr:initVE" && !parentOrigin) {
+      if (isAllowedEditorOrigin(evt.origin, options.allowedEditorOrigins?.())) {
+        parentOrigin = evt.origin;
+      } else {
+        debug12.warn("ignored live preview handshake from origin", evt.origin);
+      }
+      return;
+    }
+    const trusted = parentOrigin ?? getTrustedParentOrigin();
+    if (!trusted || evt.origin !== trusted) return;
+    if (data?.event === "prepr:fieldChange") {
+      if (typeof data.itemId === "string" && typeof data.field === "string" && data.field && isLiveFieldChange(data.field, data.value)) {
+        const edit = parseEditTarget(data.edit);
+        if (edit) store.pushPatch(data.itemId, data.field, data.value, edit);
+        else store.pushPatch(data.itemId, data.field, data.value);
+      } else {
+        debug12.log("dropped malformed fieldChange", data);
+      }
+      return;
+    }
+    if (data?.event === "prepr:listChange") {
+      const list = parseListEntries(data.entries);
+      if (typeof data.itemId === "string" && typeof data.field === "string" && data.field && list) {
+        store.pushList(data.itemId, data.field, list);
+      } else {
+        debug12.log("dropped malformed listChange", data);
+      }
+      return;
+    }
+    if (data?.event === "prepr:itemChanged") {
+      if (typeof data.itemId === "string") {
+        store.invalidate(data.itemId);
+      } else {
+        debug12.log("dropped malformed itemChanged", data);
+      }
+    }
+  };
+  return {
+    start() {
+      window.addEventListener("message", onMessage);
+      sendPreprEvent(
+        "live_ready",
+        options.strictMode?.() ? { strictMode: true } : void 0,
+        { allowUntrustedTarget: true }
+      );
+    },
+    stop() {
+      window.removeEventListener("message", onMessage);
+    }
+  };
+}
+
+// src/core/live-preview/live-store.ts
+var debug13 = createScopedLogger("live-preview");
+var INVALIDATE_DEBOUNCE_MS = 150;
+var MAX_LOG_ENTRIES2 = 500;
+function withPatch(log, patch) {
+  let previous = -1;
+  for (let i2 = log.length - 1; i2 >= 0; i2--) {
+    const p2 = log[i2];
+    if (p2.type === patch.type && p2.itemId === patch.itemId && p2.field === patch.field) {
+      previous = i2;
+      break;
+    }
+  }
+  if (previous === -1) return [...log, patch];
+  const since = log.slice(previous + 1);
+  const listPrefix = `${patch.field}.`;
+  const dependsOnPosition = since.some(
+    (p2) => p2.type === "list" || patch.type === "list" && p2.itemId === patch.itemId && p2.field.startsWith(listPrefix)
+  );
+  if (dependsOnPosition) return [...log, patch];
+  return [...log.slice(0, previous), ...since, patch];
+}
+function createLiveStore(options = {}) {
+  const accepts = (patch) => options.accept ? options.accept(patch) : true;
+  const entries = /* @__PURE__ */ new Set();
+  const invalidateListeners = /* @__PURE__ */ new Set();
+  const pendingInvalidates = /* @__PURE__ */ new Map();
+  let defaultFetcher = null;
+  let log = [];
+  const logListeners = /* @__PURE__ */ new Set();
+  function record(patch) {
+    log = withPatch(log, patch).slice(-MAX_LOG_ENTRIES2);
+    logListeners.forEach((fn) => fn(log));
+  }
+  function notify(entry) {
+    entry.listeners.forEach((fn) => fn());
+  }
+  async function refetch(entry) {
+    const fetcher = entry.opts.fetcher ?? defaultFetcher;
+    if (!fetcher || entry.opts.query == null) return;
+    const token = ++entry.fetchToken;
+    try {
+      const result = await fetcher(entry.opts.query, entry.opts.variables);
+      if (token !== entry.fetchToken || !entries.has(entry)) return;
+      entry.snapshot = result;
+      entry.index = indexSnapshot(result);
+      notify(entry);
+    } catch (error) {
+      debug13.log("refetch failed, keeping previous snapshot", error);
+    }
+  }
+  function runInvalidate(itemId) {
+    pendingInvalidates.delete(itemId);
+    invalidateListeners.forEach((fn) => fn(itemId));
+    for (const entry of entries) {
+      if (entry.index.has(itemId)) void refetch(entry);
+    }
+  }
+  return {
+    register(data, opts = {}) {
+      const entry = {
+        snapshot: data,
+        index: indexSnapshot(data),
+        opts,
+        listeners: /* @__PURE__ */ new Set(),
+        fetchToken: 0
+      };
+      for (const patch of log) {
+        if (patch.type === "field") {
+          entry.snapshot = patchSnapshot(
+            entry.snapshot,
+            entry.index,
+            patch.itemId,
+            patch.field,
+            patch.value
+          );
+        } else {
+          const next = syncListSnapshot(
+            entry.snapshot,
+            entry.index,
+            patch.itemId,
+            patch.field,
+            patch.entries
+          );
+          if (next !== entry.snapshot) {
+            entry.snapshot = next;
+            entry.index = indexSnapshot(next);
+          }
+        }
+      }
+      entries.add(entry);
+      return {
+        getSnapshot: () => entry.snapshot,
+        subscribe(fn) {
+          entry.listeners.add(fn);
+          return () => entry.listeners.delete(fn);
+        },
+        unregister() {
+          entry.listeners.clear();
+          entries.delete(entry);
+        }
+      };
+    },
+    pushPatch(itemId, field, value, edit) {
+      const patch = edit ? { type: "field", itemId, field, value, edit } : { type: "field", itemId, field, value };
+      if (!accepts(patch)) return;
+      record(patch);
+      for (const entry of entries) {
+        const next = patchSnapshot(
+          entry.snapshot,
+          entry.index,
+          itemId,
+          field,
+          value
+        );
+        if (next !== entry.snapshot) {
+          entry.snapshot = next;
+          notify(entry);
+        }
+      }
+    },
+    pushList(itemId, field, list) {
+      const patch = { type: "list", itemId, field, entries: list };
+      if (!accepts(patch)) return;
+      record(patch);
+      for (const entry of entries) {
+        const next = syncListSnapshot(
+          entry.snapshot,
+          entry.index,
+          itemId,
+          field,
+          list
+        );
+        if (next !== entry.snapshot) {
+          entry.snapshot = next;
+          entry.index = indexSnapshot(next);
+          notify(entry);
+        }
+      }
+    },
+    invalidate(itemId) {
+      if (log.length) {
+        log = [];
+        logListeners.forEach((fn) => fn(log));
+      }
+      const pending = pendingInvalidates.get(itemId);
+      if (pending) clearTimeout(pending);
+      pendingInvalidates.set(
+        itemId,
+        setTimeout(() => runInvalidate(itemId), INVALIDATE_DEBOUNCE_MS)
+      );
+    },
+    setFetcher(fetcher) {
+      defaultFetcher = fetcher;
+    },
+    onInvalidate(fn) {
+      invalidateListeners.add(fn);
+      return () => invalidateListeners.delete(fn);
+    },
+    getLog: () => log,
+    onLogChange(fn) {
+      logListeners.add(fn);
+      return () => logListeners.delete(fn);
+    }
+  };
+}
+
+// src/core/live-preview/morph.ts
+function morphElement(current, next) {
+  syncAttributes(current, next);
+  morphChildren(current, next);
+}
+var SKIP_ATTR = "data-prepr-morph-skip";
+var RUNTIME_ATTR_PREFIXES = ["data-prepr-"];
+function isRuntimeAttribute(name) {
+  return RUNTIME_ATTR_PREFIXES.some((prefix) => name.startsWith(prefix));
+}
+function syncAttributes(current, next) {
+  for (const { name } of Array.from(current.attributes)) {
+    if (!next.hasAttribute(name) && !isRuntimeAttribute(name)) {
+      current.removeAttribute(name);
+    }
+  }
+  for (const { name, value } of Array.from(next.attributes)) {
+    if (current.getAttribute(name) !== value) current.setAttribute(name, value);
+  }
+}
+function isSkipped(node) {
+  return node.nodeType === Node.ELEMENT_NODE && (node.hasAttribute(SKIP_ATTR) || node.localName === "prepr-toolbar");
+}
+function sameKind(a2, b2) {
+  if (a2.nodeType !== b2.nodeType) return false;
+  if (a2.nodeType !== Node.ELEMENT_NODE) return true;
+  const ea = a2;
+  const eb = b2;
+  return ea.localName === eb.localName && ea.id === eb.id;
+}
+function morphChildren(current, next) {
+  const wanted = Array.from(next.childNodes).filter((n2) => !isSkipped(n2));
+  const existing = Array.from(current.childNodes).filter((n2) => !isSkipped(n2));
+  wanted.forEach((target, i2) => {
+    const node = existing[i2];
+    if (node && sameKind(node, target)) {
+      if (node.nodeType === Node.ELEMENT_NODE) {
+        const element = node;
+        if (element.localName === "script") return;
+        if (element.localName === "astro-island" && !element.isEqualNode(target)) {
+          element.replaceWith(adopt(target, current));
+          return;
+        }
+        morphElement(element, target);
+      } else if (node.nodeValue !== target.nodeValue) {
+        node.nodeValue = target.nodeValue;
+      }
+      return;
+    }
+    const replacement = adopt(target, current);
+    if (node) node.replaceWith(replacement);
+    else current.appendChild(replacement);
+  });
+  for (const extra of existing.slice(wanted.length)) extra.remove();
+}
+function adopt(node, parent) {
+  const copy = parent.ownerDocument.importNode(node, true);
+  if (copy.nodeType === Node.ELEMENT_NODE) {
+    const element = copy;
+    const scripts = element.localName === "script" ? [element] : Array.from(element.querySelectorAll("script"));
+    scripts.forEach((s2) => s2.setAttribute("data-prepr-morphed", ""));
+  }
+  return copy;
+}
+
+// src/core/live-preview/html-live.ts
+var debug14 = createScopedLogger("live-preview:html");
+var COMPLETE_DOCUMENT = /<\/html>\s*$/i;
+var SYNC_DEBOUNCE_MS = 150;
+function startHtmlLivePreview(options = {}) {
+  if (typeof window === "undefined" || window.self === window.top) {
+    return { stop() {
+    } };
+  }
+  const store = createLiveStore();
+  const bridge = createLiveBridge(store, {
+    allowedEditorOrigins: () => options.allowedEditorOrigins,
+    strictMode: () => options.strictMode
+  });
+  bridge.start();
+  let timer = null;
+  let inFlight = false;
+  let pending = null;
+  let stopped = false;
+  const render = async (log) => {
+    inFlight = true;
+    try {
+      const response = await fetch(window.location.href, {
+        method: log.length ? "POST" : "GET",
+        headers: log.length ? { "Content-Type": "application/json", [HEADER_LIVE_RENDER]: "1" } : {},
+        body: log.length ? JSON.stringify({ log }) : void 0,
+        credentials: "same-origin",
+        cache: "no-store"
+      });
+      if (!response.ok) throw new Error(`HTTP ${response.status}`);
+      const html = await response.text();
+      if (stopped) return;
+      if (!COMPLETE_DOCUMENT.test(html)) {
+        throw new Error("incomplete page; a component failed to render");
+      }
+      const next = new DOMParser().parseFromString(html, "text/html");
+      if (next.title && next.title !== document.title)
+        document.title = next.title;
+      morphElement(document.body, next.body);
+    } catch (error) {
+      debug14.log("re-render failed", error);
+    } finally {
+      inFlight = false;
+    }
+    if (pending && !stopped) {
+      const queued = pending;
+      pending = null;
+      void render(queued);
+    }
+  };
+  const schedule = (log) => {
+    if (timer) clearTimeout(timer);
+    timer = setTimeout(() => {
+      timer = null;
+      if (inFlight) pending = log;
+      else void render(log);
+    }, SYNC_DEBOUNCE_MS);
+  };
+  const offLog = store.onLogChange((log) => {
+    if (log.length) schedule(log);
+  });
+  const offInvalidate = store.onInvalidate(() => schedule([]));
+  return {
+    stop() {
+      stopped = true;
+      if (timer) clearTimeout(timer);
+      offLog();
+      offInvalidate();
+      bridge.stop();
+    }
+  };
+}
+
+// src/core/live-preview/live-request.ts
+var MAX_BODY_BYTES = 1e6;
+async function readLiveLogFromRequest(request) {
+  try {
+    if (request.method !== "POST") return [];
+    if (request.headers.get(HEADER_LIVE_RENDER) !== "1") return [];
+    const origin = request.headers.get("origin");
+    if (!origin || origin !== new URL(request.url).origin) return [];
+    const type = request.headers.get("content-type") ?? "";
+    if (!type.toLowerCase().startsWith("application/json")) return [];
+    const length = Number(request.headers.get("content-length") ?? "0");
+    if (length > MAX_BODY_BYTES) return [];
+    const text = await request.clone().text();
+    if (text.length > MAX_BODY_BYTES) return [];
+    const body = JSON.parse(text);
+    return parsePatchLog(body?.log);
+  } catch {
+    return [];
+  }
+}
+
 // src/core/server.ts
 var PreprError = class extends Error {
   constructor(message, code, context, originalError) {
@@ -2766,9 +5483,14 @@ function setTrackingParam(key, value) {
   getPreprUUIDFromHeaders,
   getToolbarPropsFromHeaders,
   loadTrackingPixel,
+  normalizeQuery,
+  parsePatchLog,
+  previewAttrs,
   processPreprRequest,
+  readLiveLogFromRequest,
   resolveFeatures,
   setTrackingParam,
+  startHtmlLivePreview,
   stegaClean,
   trackEvent,
   validatePreprToken