@8ux-co/eelzap 0.10.0 → 0.10.2

package/dist/suggest-5RHURHED.js

@@ -1,1256 +0,0 @@
-import {
-  OVERLAY_HOST_TAG,
-  Overlay,
-  TagIndex,
-  buildAnchor,
-  findAnchorElement,
-  isRecordRef,
-  normalizeText,
-  observeTags,
-  parseRecordRef
-} from "./chunk-VW4EH7NY.js";
-import {
-  SUGGEST_MESSAGES,
-  TOKENS,
-  el,
-  icon,
-  initials,
-  mountHost
-} from "./chunk-2IUU53QA.js";
-import {
-  clearToken,
-  readToken
-} from "./chunk-QN53G5P7.js";
-
-// src/preview/site/api.ts
-var BASE = "/api/public/v1/comments";
-async function call(ctx, token, path, init) {
-  const headers = { Authorization: `Bearer ${token}` };
-  if (init.body !== void 0) headers["Content-Type"] = "application/json";
-  if (init.idempotencyKey) headers["Idempotency-Key"] = init.idempotencyKey;
-  let response;
-  try {
-    response = await ctx.win.fetch(`${ctx.zapOrigin}${path}`, {
-      method: init.method,
-      headers,
-      credentials: "omit",
-      body: init.body === void 0 ? void 0 : JSON.stringify(init.body)
-    });
-  } catch {
-    return { ok: false, kind: "refused" };
-  }
-  if (response.status === 401) return { ok: false, kind: "expired" };
-  if (response.status === 403) return { ok: false, kind: "forbidden" };
-  if (response.status === 429) {
-    const seconds = Number.parseInt(response.headers.get("Retry-After") ?? "", 10);
-    return { ok: false, kind: "rate", retryAfter: seconds > 0 ? Math.min(seconds, 3600) : 30 };
-  }
-  if (!response.ok) return { ok: false, kind: "invalid" };
-  try {
-    return { ok: true, data: await response.json() };
-  } catch {
-    return { ok: false, kind: "invalid" };
-  }
-}
-function fetchOnPage(ctx, token, pageUrl, refs) {
-  const query = new URLSearchParams({ url: pageUrl });
-  if (refs.length > 0) query.set("refs", refs.slice(0, 20).join(","));
-  return call(ctx, token, `${BASE}/on-page?${query.toString()}`, { method: "GET" });
-}
-function createComment(ctx, token, body, idempotencyKey) {
-  return call(ctx, token, BASE, { method: "POST", body, idempotencyKey });
-}
-function saveToDraft(ctx, token, body, idempotencyKey) {
-  return call(ctx, token, `${BASE}/save-to-draft`, { method: "POST", body, idempotencyKey });
-}
-function newIdempotencyKey(win) {
-  const native = win.crypto.randomUUID;
-  if (typeof native === "function") return native.call(win.crypto);
-  const bytes = win.crypto.getRandomValues(new Uint8Array(16));
-  bytes[6] = bytes[6] & 15 | 64;
-  bytes[8] = bytes[8] & 63 | 128;
-  const hex = Array.from(bytes, (b) => b.toString(16).padStart(2, "0")).join("");
-  return `${hex.slice(0, 8)}-${hex.slice(8, 12)}-${hex.slice(12, 16)}-${hex.slice(16, 20)}-${hex.slice(20)}`;
-}
-
-// src/preview/site/suggestion.ts
-function editKindFor(tagged, field) {
-  if (!tagged || !field || tagged.html) return null;
-  if (field.type === "TEXT" || field.type === "LONG_TEXT") return "text";
-  if (field.type === "NUMBER" || field.type === "URL") return "input";
-  return null;
-}
-function fieldOf(data, tagged) {
-  if (!data || !tagged) return null;
-  const field = data.fields?.[tagged.recordRef]?.[tagged.fieldKey];
-  return field && typeof field.type === "string" ? field : null;
-}
-function recordFor(element, index) {
-  const tagged = index.closest(element);
-  if (tagged) return tagged.recordRef;
-  const entry = element.closest("[data-zap-entry]")?.getAttribute("data-zap-entry")?.trim();
-  if (entry && isRecordRef(entry)) return entry;
-  const counts = /* @__PURE__ */ new Map();
-  for (const row of index.summary()) {
-    counts.set(row.recordRef, (counts.get(row.recordRef) ?? 0) + row.count);
-  }
-  let best = null;
-  let most = 0;
-  for (const [ref, count] of counts) {
-    if (count > most) {
-      best = ref;
-      most = count;
-    }
-  }
-  return best;
-}
-function currentPageUrl(win) {
-  const { origin, pathname, search } = win.location;
-  return `${origin}${pathname}${search}`.slice(0, 2048);
-}
-var unit = (value) => Number.isFinite(value) ? Math.min(1, Math.max(0, value)) : 0;
-var whole = (value, max) => Number.isFinite(value) ? Math.min(max, Math.max(1, Math.round(value))) : 1;
-function toApiAnchor(anchor, recordRef) {
-  const dom = anchor.dom;
-  const out = {
-    dom: {
-      ...dom.tag && dom.tag.length <= 500 ? { tag: dom.tag } : {},
-      ...dom.selector ? { selector: dom.selector } : {},
-      ...dom.textQuote ? {
-        textQuote: {
-          exact: dom.textQuote.exact.slice(0, 500),
-          prefix: dom.textQuote.prefix.slice(-32),
-          suffix: dom.textQuote.suffix.slice(0, 32)
-        }
-      } : {},
-      rect: { x: unit(dom.rect.x), y: unit(dom.rect.y), w: unit(dom.rect.w), h: unit(dom.rect.h) },
-      viewport: { w: whole(dom.viewport.w, 1e5), h: whole(dom.viewport.h, 1e6) }
-    }
-  };
-  if (anchor.field && anchor.field.recordRef === recordRef) {
-    out.field = {
-      key: anchor.field.key,
-      ...anchor.field.locale ? { locale: anchor.field.locale } : {}
-    };
-  }
-  return out;
-}
-function recordKeys(recordRef) {
-  const parsed = parseRecordRef(recordRef);
-  if (!parsed) return {};
-  return parsed.kind === "document" ? { document: parsed.key } : { collection: parsed.collection, slug: parsed.slug };
-}
-function buildCreateBody(input) {
-  const proposal = input.isChangeRequest ? input.proposal : null;
-  const comment = input.comment.trim();
-  const body = {
-    ...recordKeys(input.recordRef),
-    isChangeRequest: input.isChangeRequest,
-    pageUrl: input.pageUrl,
-    anchors: input.anchors.slice(0, 20),
-    body: (comment || (proposal ? String(proposal.value) : "")).slice(0, 1e4)
-  };
-  if (proposal) Object.assign(body, proposedPart(proposal));
-  return body;
-}
-function buildDraftBody(input) {
-  return {
-    ...recordKeys(input.recordRef),
-    pageUrl: input.pageUrl,
-    anchors: input.anchors.slice(0, 20),
-    body: String(input.proposal.value).slice(0, 1e4) || " ",
-    ...proposedPart(input.proposal)
-  };
-}
-function proposedPart(proposal) {
-  const locale = proposal.locale;
-  return {
-    ...locale ? { locale } : {},
-    proposedValues: [
-      { fieldKey: proposal.fieldKey, ...locale ? { locale } : {}, value: proposal.value }
-    ]
-  };
-}
-function parseProposed(type, raw) {
-  if (type === "NUMBER") {
-    const text = raw.trim().replace(",", ".");
-    const value = Number(text);
-    return text !== "" && Number.isFinite(value) ? { ok: true, value } : { ok: false };
-  }
-  if (type === "TEXT" || type === "URL") return { ok: true, value: normalizeText(raw) };
-  return { ok: true, value: raw.replace(/\r\n?/g, "\n").trim() };
-}
-function spotAnchor(x, y, doc, win) {
-  const root = doc.documentElement;
-  const w = Math.max(root.scrollWidth, 1);
-  const h = Math.max(root.scrollHeight, 1);
-  return {
-    spot: { x: unit((x + win.scrollX) / w), y: unit((y + win.scrollY) / h) },
-    viewport: { w: whole(w, 1e5), h: whole(h, 1e6) }
-  };
-}
-function onPage(anchor) {
-  return !!(anchor?.spot || anchor?.rect || anchor?.tag || anchor?.selector);
-}
-function pinsFor(threads, index, doc, win) {
-  const numbers = /* @__PURE__ */ new Map();
-  const pins = [];
-  const numbered = threads.filter((thread) => Array.isArray(thread.anchors) && thread.anchors.some(onPage)).sort(
-    (a, b) => String(a.createdAt).localeCompare(String(b.createdAt)) || a.id.localeCompare(b.id)
-  );
-  numbered.forEach((thread, i) => {
-    const n = i + 1;
-    numbers.set(thread.id, n);
-    const spot = thread.anchors.find((anchor) => anchor?.spot)?.spot;
-    if (spot && Number.isFinite(spot.x) && Number.isFinite(spot.y)) {
-      pins.push({ id: thread.id, n, spot: { x: unit(spot.x), y: unit(spot.y) } });
-      return;
-    }
-    for (const anchor of thread.anchors) {
-      if (!onPage(anchor) || anchor.spot) continue;
-      const element = findAnchorElement(asDomAnchor(anchor), index, doc, win);
-      if (element && element !== doc.body && element !== doc.documentElement) {
-        pins.push({ id: thread.id, n, element });
-        return;
-      }
-    }
-  });
-  return { pins: pins.slice(0, 50), numbers };
-}
-var NOWHERE = { x: -1, y: -1, w: 0, h: 0 };
-function asDomAnchor(anchor) {
-  const tag = typeof anchor?.tag === "string" && anchor.tag.length <= 500 ? anchor.tag : null;
-  const selector = typeof anchor?.selector === "string" && anchor.selector.length <= 1024 ? anchor.selector : null;
-  return { tag, selector, textQuote: null, rect: NOWHERE, viewport: { w: 1, h: 1 } };
-}
-
-// src/preview/site/suggest.ts
-var OVERLAY_MODE = {
-  navigate: "off",
-  edit: "inspect",
-  comment: "select"
-};
-var PENDING_PIN = "eelzap:pending";
-var LARGE_SHARE = 0.5;
-var TOAST_MS = 8e3;
-var SAVED_MS = 4e3;
-function start(ctx, options = {}) {
-  const { win, doc } = ctx;
-  const stored = readToken(win, ctx.siteId);
-  if (!stored) {
-    void ctx.open("signin", { reason: "expired" });
-    return { destroy() {
-    } };
-  }
-  const token = stored.token;
-  const m = SUGGEST_MESSAGES[ctx.locale];
-  const host = mountHost(doc, CSS);
-  const layer = el(doc, "div", { class: "layer" });
-  const marks = el(doc, "div", { class: "marks" });
-  const bottom = el(doc, "div", { class: "bottom" });
-  layer.append(marks, bottom);
-  host.root.append(layer);
-  let mode = "navigate";
-  let selection = [];
-  let data = null;
-  let refused = false;
-  let composer = null;
-  let editing = null;
-  let list = null;
-  let toast = null;
-  let toastTimer = null;
-  let status = null;
-  let statusTimer = null;
-  let frame = null;
-  let destroyed = false;
-  let pins = [];
-  let numbers = /* @__PURE__ */ new Map();
-  let lastClick = { x: 0, y: 0, additive: false };
-  const onClickFirst = (event) => {
-    lastClick = {
-      x: event.clientX,
-      y: event.clientY,
-      additive: event.shiftKey || event.metaKey || event.ctrlKey
-    };
-  };
-  win.addEventListener("click", onClickFirst, true);
-  const index = new TagIndex(doc);
-  index.scan();
-  const overlay = new Overlay({
-    doc,
-    win,
-    index,
-    pinsWhenOff: true,
-    ignore: (target) => target === host.host,
-    onInspect: (tagged) => beginEdit(tagged),
-    onSelect: (elements) => onSelect(elements),
-    onPin: ({ id }) => {
-      if (id === PENDING_PIN) return;
-      const found = data?.comments.find((comment) => comment.id === id);
-      if (!found) return;
-      list = [found];
-      renderBottom();
-    }
-  });
-  overlay.mount();
-  const stopObserving = observeTags(
-    doc.documentElement,
-    () => {
-      index.scan();
-      placePins();
-    },
-    {
-      ignore: (node) => {
-        const own = overlay.hostElement;
-        return node === host.host || !!own && (node === own || own.contains(node));
-      }
-    }
-  );
-  async function load() {
-    const refs = Array.from(new Set(index.elements.map((tagged) => tagged.recordRef)));
-    const result = await fetchOnPage(ctx, token, currentPageUrl(win), refs);
-    if (destroyed) return;
-    if (!result.ok) {
-      onFailure(result);
-      return;
-    }
-    const first = data === null;
-    data = result.data;
-    const labels = {};
-    for (const fields of Object.values(data.fields ?? {})) {
-      for (const [key, field] of Object.entries(fields)) {
-        if (typeof field?.label === "string") labels[key] = field.label;
-      }
-    }
-    overlay.setLabels(labels);
-    if (!data.liveEditing && mode === "edit") setMode("navigate");
-    if (first && options.reason === "renewed") {
-      const name = data.viewer?.name;
-      setToast({ title: m.renewed, body: name ? m.renewedAs(name) : m.renewedBody });
-    }
-    renderBottom();
-    placePins();
-  }
-  function onFailure(failure, during = "read") {
-    if (failure.kind === "expired") {
-      expire();
-      return;
-    }
-    if (failure.kind === "forbidden" && during === "edit") {
-      if (data) data.liveEditing = false;
-      setMode("navigate");
-      setToast({ title: m.editOff, body: m.editOffBody, error: true });
-      return;
-    }
-    if (failure.kind === "refused" || failure.kind === "forbidden") {
-      refused = true;
-      closeComposer();
-      overlay.setMode("off");
-      overlay.setPins([]);
-      renderBottom();
-      return;
-    }
-    const message = failure.kind === "rate" ? m.rateLimited(failure.retryAfter) : m.failed;
-    if (during === "comment" && composer) showError(message);
-    else
-      setToast({ title: during === "edit" ? m.saveFailed : m.failed, body: message, error: true });
-  }
-  function expire() {
-    clearToken(win);
-    void ctx.open("signin", { reason: "expired" });
-  }
-  function canEdit() {
-    return !!data?.liveEditing;
-  }
-  function setMode(next) {
-    if (next === "edit" && !canEdit()) return;
-    endEdit();
-    closeComposer();
-    mode = next;
-    selection = [];
-    overlay.clearSelection();
-    overlay.setMode(OVERLAY_MODE[next]);
-    renderBottom();
-  }
-  function renderBottom() {
-    if (destroyed) return;
-    const children = [];
-    if (toast) children.push(toastCard(toast));
-    if (refused) {
-      children.push(refusedCard());
-      bottom.replaceChildren(...children);
-      marks.replaceChildren();
-      return;
-    }
-    if (list) children.push(listCard(list));
-    if (selection.length > 0 && !composer) children.push(trayCard());
-    if (status) {
-      children.push(
-        el(doc, "div", { class: "card status", attrs: { role: "status" } }, [
-          status === "saved" ? icon(doc, "check", 14) : null,
-          status === "saved" ? m.saved : m.saving
-        ])
-      );
-    }
-    children.push(toolbar());
-    bottom.replaceChildren(...children);
-    drawMarks();
-  }
-  function toolbar() {
-    const open = data?.comments.length ?? 0;
-    const name = data?.viewer?.name ?? null;
-    const tool = (value, label, glyph) => {
-      const off = value === "edit" && !canEdit();
-      const why = off && data ? m.editOff : null;
-      return el(
-        doc,
-        "button",
-        {
-          class: "seg",
-          attrs: {
-            type: "button",
-            "aria-pressed": String(mode === value),
-            "aria-disabled": off ? "true" : null,
-            title: why,
-            "data-tip": why,
-            "data-mode": value
-          },
-          on: { click: () => setMode(value) }
-        },
-        [icon(doc, glyph, 14), label]
-      );
-    };
-    return el(
-      doc,
-      "div",
-      { class: "card toolbar", attrs: { role: "toolbar", "aria-label": m.toolbar } },
-      [
-        icon(doc, "zap", 20),
-        el(doc, "div", { class: "segments", attrs: { role: "group", "aria-label": m.tools } }, [
-          tool("navigate", m.navigate, "pointer"),
-          tool("edit", m.edit, "pencil"),
-          tool("comment", m.comment, "commentPlus")
-        ]),
-        el(doc, "span", { class: "divider", attrs: { "aria-hidden": "true" } }),
-        el(
-          doc,
-          "button",
-          {
-            class: "tool strong",
-            attrs: { type: "button", "aria-expanded": String(!!list), "data-action": "open-list" },
-            on: {
-              click: () => {
-                list = list ? null : data?.comments ?? [];
-                renderBottom();
-              }
-            }
-          },
-          [
-            icon(doc, "thread"),
-            data?.truncated ? m.open(open).replace(String(open), `${open}+`) : m.open(open)
-          ]
-        ),
-        el(doc, "span", { class: "divider", attrs: { "aria-hidden": "true" } }),
-        name ? el(doc, "span", { class: "avatar", attrs: { title: name }, text: initials(name) }) : null,
-        el(
-          doc,
-          "button",
-          { class: "tool", attrs: { type: "button", "data-action": "exit" }, on: { click: exit } },
-          [icon(doc, "exit"), m.exit]
-        )
-      ]
-    );
-  }
-  function trayCard() {
-    return el(doc, "div", { class: "card tray", attrs: { role: "status" } }, [
-      el(doc, "span", { text: m.selected(selection.length) }),
-      el(doc, "button", {
-        class: "btn btn-outline",
-        text: m.clearSelection,
-        attrs: { type: "button" },
-        on: {
-          click: () => {
-            selection = [];
-            overlay.clearSelection();
-            renderBottom();
-          }
-        }
-      }),
-      el(doc, "button", {
-        class: "btn btn-primary",
-        text: m.comment,
-        attrs: { type: "button", "data-action": "comment-selection" },
-        on: {
-          click: () => {
-            const elements = selection;
-            selection = [];
-            overlay.clearSelection();
-            openComposer(elements, null);
-          }
-        }
-      })
-    ]);
-  }
-  function listCard(comments) {
-    return el(
-      doc,
-      "div",
-      { class: "card list sheet", attrs: { role: "dialog", "aria-label": m.openTitle } },
-      [
-        el(doc, "div", { class: "head" }, [
-          el(doc, "h2", { text: m.openTitle }),
-          closeButton(m.dismiss, () => {
-            list = null;
-            renderBottom();
-          })
-        ]),
-        comments.length === 0 ? el(doc, "p", { class: "muted", text: m.noneOpen }) : el(
-          doc,
-          "ul",
-          {},
-          comments.map((comment) => {
-            const n = numbers.get(comment.id);
-            return el(doc, "li", {}, [
-              el(
-                doc,
-                "button",
-                {
-                  class: "item",
-                  attrs: { type: "button", "data-comment": comment.id },
-                  on: { click: () => reveal(comment.id) }
-                },
-                [
-                  n ? el(doc, "span", { class: "num", text: String(n) }) : null,
-                  el(doc, "span", { class: "item-text" }, [
-                    el(doc, "span", { class: "who", text: comment.author?.name || m.someone }),
-                    comment.isChangeRequest ? el(doc, "span", { class: "flag", text: m.changeRequest }) : null,
-                    el(doc, "span", { class: "what", text: comment.excerpt ?? "" })
-                  ])
-                ]
-              )
-            ]);
-          })
-        )
-      ]
-    );
-  }
-  function reveal(id) {
-    const pin = pins.find((entry) => entry.id === id);
-    if (pin?.element) pin.element.scrollIntoView?.({ block: "center", behavior: "smooth" });
-    else if (pin?.spot) {
-      const root = doc.documentElement;
-      win.scrollTo?.({
-        top: Math.max(0, pin.spot.y * root.scrollHeight - win.innerHeight / 2),
-        behavior: "smooth"
-      });
-    }
-  }
-  function toastCard(value) {
-    return el(
-      doc,
-      "div",
-      {
-        class: value.error ? "card toast toast-error" : "card toast",
-        attrs: { role: "status", "aria-live": "polite" }
-      },
-      [
-        icon(doc, value.error ? "alert" : "check", 18),
-        el(doc, "div", { class: "toast-text" }, [
-          el(doc, "span", { class: "title", text: value.title }),
-          el(doc, "span", { class: "muted", text: value.body })
-        ]),
-        closeButton(m.dismiss, () => setToast(null))
-      ]
-    );
-  }
-  function refusedCard() {
-    return el(doc, "div", { class: "card refused", attrs: { role: "alert" } }, [
-      icon(doc, "alert", 18),
-      el(doc, "div", { class: "toast-text" }, [
-        el(doc, "span", { class: "title", text: m.refusedTitle }),
-        el(doc, "span", { class: "muted", text: m.refusedBody })
-      ]),
-      el(
-        doc,
-        "button",
-        { class: "tool", attrs: { type: "button", "data-action": "exit" }, on: { click: exit } },
-        [icon(doc, "exit"), m.exit]
-      )
-    ]);
-  }
-  function closeButton(label, onClick2) {
-    return el(
-      doc,
-      "button",
-      {
-        class: "iconbtn",
-        attrs: { type: "button", "aria-label": label, title: label },
-        on: { click: onClick2 }
-      },
-      [icon(doc, "x")]
-    );
-  }
-  function setToast(value) {
-    toast = value;
-    if (toastTimer !== null) win.clearTimeout(toastTimer);
-    toastTimer = value ? win.setTimeout(() => setToast(null), TOAST_MS) : null;
-    renderBottom();
-  }
-  function setStatus(value) {
-    status = value;
-    if (statusTimer !== null) win.clearTimeout(statusTimer);
-    statusTimer = value === "saved" ? win.setTimeout(() => setStatus(null), SAVED_MS) : null;
-    renderBottom();
-  }
-  function exit() {
-    clearToken(win);
-    ctx.close();
-  }
-  function placePins() {
-    if (destroyed || refused || !data) return;
-    const placed = pinsFor(data.comments ?? [], index, doc, win);
-    pins = placed.pins;
-    numbers = placed.numbers;
-    overlay.setPins(composer?.pin ? [...pins, composer.pin] : pins);
-  }
-  function drawMarks() {
-    const targets = editing ? [editing.element] : composer?.elements ?? [];
-    marks.replaceChildren(
-      ...targets.filter((element) => element.isConnected).map((element) => {
-        const rect = element.getBoundingClientRect();
-        const box = el(doc, "div", { class: "mark" });
-        box.style.left = `${rect.left - 3}px`;
-        box.style.top = `${rect.top - 3}px`;
-        box.style.width = `${rect.width + 6}px`;
-        box.style.height = `${rect.height + 6}px`;
-        return box;
-      })
-    );
-  }
-  function schedule() {
-    if (frame !== null) return;
-    const raf = win.requestAnimationFrame?.bind(win) ?? ((fn) => win.setTimeout(fn, 16));
-    frame = raf(() => {
-      frame = null;
-      drawMarks();
-      if (composer) position(composer.card, anchorRect(composer));
-      if (editing?.card) position(editing.card, editing.element.getBoundingClientRect());
-    });
-  }
-  function position(card, rect) {
-    const width = Math.min(420, win.innerWidth - 16);
-    const height = card.offsetHeight || 260;
-    const below = rect.bottom + 10;
-    const top = below + height < win.innerHeight - 90 ? below : Math.max(8, rect.top - height - 10);
-    const left = Math.min(Math.max(8, rect.left), Math.max(8, win.innerWidth - width - 8));
-    card.style.width = `${width}px`;
-    card.style.top = `${top}px`;
-    card.style.left = `${left}px`;
-  }
-  function onSelect(elements) {
-    if (mode !== "comment" || composer) return;
-    if (elements.length === 0) {
-      if (selection.length > 0) {
-        selection = [];
-        renderBottom();
-      }
-      return;
-    }
-    if (lastClick.additive || elements.length > 1) {
-      selection = elements;
-      renderBottom();
-      return;
-    }
-    const element = elements[0];
-    overlay.clearSelection();
-    if (isLarge(element)) openComposer([], { x: lastClick.x, y: lastClick.y }, element);
-    else openComposer([element], null);
-  }
-  function isLarge(element) {
-    const rect = element.getBoundingClientRect();
-    const area = Math.max(1, win.innerWidth * win.innerHeight);
-    return rect.width * rect.height / area >= LARGE_SHARE;
-  }
-  function anchorRect(session) {
-    const first = session.elements[0];
-    if (first) return first.getBoundingClientRect();
-    const point = session.point ?? { x: 0, y: 0 };
-    return { left: point.x, top: point.y, bottom: point.y };
-  }
-  function openComposer(elements, point, owner) {
-    if (refused || elements.length === 0 && !point) return;
-    const recordRef = recordFor(elements[0] ?? owner ?? doc.body, index);
-    if (!recordRef) {
-      setToast({ title: m.failed, body: m.noRecord, error: true });
-      return;
-    }
-    list = null;
-    const pageUrl = currentPageUrl(win);
-    const anchors = point ? [spotAnchor(point.x, point.y, doc, win)] : elements.slice(0, 20).map((element) => toApiAnchor(buildAnchor(element, index, pageUrl, doc, win), recordRef));
-    const single = elements.length === 1 ? elements[0] : null;
-    const own = single ? index.get(single) : null;
-    const tagged = own && own.recordRef === recordRef ? own : null;
-    const field = fieldOf(data, tagged);
-    const proposable = editKindFor(tagged, field) !== null;
-    const target = single;
-    const before = field?.type === "URL" && target?.localName === "a" ? target.getAttribute("href") ?? "" : (target?.textContent ?? "").replace(/\s+/g, " ").trim();
-    const spotPin = point ? anchors[0] : null;
-    const textarea = el(doc, "textarea", {
-      class: "composer",
-      attrs: {
-        "aria-label": m.commentLabel,
-        rows: "3",
-        maxlength: "10000",
-        placeholder: m.commentPlaceholder
-      }
-    });
-    const error = el(doc, "p", { class: "error", attrs: { role: "alert" } });
-    const sendButton = el(
-      doc,
-      "button",
-      {
-        class: "btn btn-primary",
-        attrs: { type: "button", "data-action": "send" },
-        on: { click: () => void submit() }
-      },
-      [icon(doc, "commentPlus", 16), m.comment]
-    );
-    const title = tagged ? el(doc, "span", { class: "chip" }, [
-      icon(doc, "field", 12),
-      field?.label || tagged.fieldKey
-    ]) : el(doc, "h2", {
-      text: elements.length > 1 ? m.selected(elements.length) : m.commentTitle
-    });
-    const extra = el(doc, "div", { class: "extra" });
-    const card = el(
-      doc,
-      "div",
-      { class: "card popover sheet", attrs: { role: "dialog", "aria-label": m.newComment } },
-      [
-        el(doc, "div", { class: "head" }, [title, closeButton(m.close, closeComposer)]),
-        el(doc, "div", { class: "content" }, [
-          textarea,
-          extra,
-          error,
-          // A dialog footer: a full-bleed rule, Cancelar and the primary (OWNER-PASS 19).
-          el(doc, "div", { class: "foot" }, [
-            el(doc, "button", {
-              class: "btn btn-outline",
-              text: m.cancel,
-              attrs: { type: "button" },
-              on: { click: closeComposer }
-            }),
-            sendButton
-          ])
-        ])
-      ]
-    );
-    layer.append(card);
-    composer = {
-      elements,
-      point,
-      pin: spotPin && "spot" in spotPin ? { id: PENDING_PIN, n: (numbers.size || 0) + 1, spot: spotPin.spot } : null,
-      recordRef,
-      pageUrl,
-      anchors,
-      tagged: proposable ? tagged : null,
-      field: proposable ? field : null,
-      before,
-      card,
-      textarea,
-      request: false,
-      proposing: false,
-      proposal: null,
-      error,
-      sendButton,
-      busy: false,
-      idempotency: null
-    };
-    renderExtra(extra);
-    textarea.addEventListener("input", refreshSend);
-    textarea.addEventListener("keydown", (event) => {
-      if (event.key !== "Enter" || event.shiftKey || event.isComposing || event.keyCode === 229) {
-        return;
-      }
-      event.preventDefault();
-      if (!sendButton.disabled) void submit();
-    });
-    overlay.setMode("off");
-    placePins();
-    refreshSend();
-    renderBottom();
-    position(card, anchorRect(composer));
-    textarea.focus();
-  }
-  function renderExtra(extra) {
-    const session = composer;
-    if (!session) return;
-    const toggle = el(
-      doc,
-      "button",
-      {
-        class: "check",
-        attrs: {
-          type: "button",
-          role: "checkbox",
-          "aria-checked": String(session.request),
-          "data-action": "request-change"
-        },
-        on: {
-          click: () => {
-            session.request = !session.request;
-            if (!session.request) {
-              session.proposing = false;
-              session.proposal = null;
-            }
-            renderExtra(extra);
-            refreshSend();
-          }
-        }
-      },
-      [el(doc, "span", { class: "box", attrs: { "aria-hidden": "true" } }), m.requestChange]
-    );
-    const parts = [toggle];
-    if (session.request) {
-      parts.push(el(doc, "p", { class: "muted small", text: m.recipient }));
-      parts.push(el(doc, "p", { class: "muted small", text: m.requestHelp }));
-      if (session.tagged && session.field && !session.proposing) {
-        parts.push(
-          el(
-            doc,
-            "button",
-            {
-              class: "btn btn-outline propose",
-              attrs: { type: "button", "data-action": "propose" },
-              on: {
-                click: () => {
-                  session.proposing = true;
-                  renderExtra(extra);
-                  refreshSend();
-                  session.proposal?.focus();
-                }
-              }
-            },
-            [icon(doc, "pencil", 14), m.propose]
-          )
-        );
-      }
-      if (session.tagged && session.field && session.proposing) {
-        const label = session.field.label || session.tagged.fieldKey;
-        const input = session.field.type === "LONG_TEXT" ? el(doc, "textarea", {
-          class: "value",
-          attrs: { "aria-label": m.proposal, rows: "3", maxlength: "10000" }
-        }) : el(doc, "input", {
-          class: "value",
-          attrs: {
-            "aria-label": m.proposal,
-            type: "text",
-            inputmode: session.field.type === "NUMBER" ? "decimal" : null
-          }
-        });
-        input.value = session.proposal?.value ?? session.before;
-        input.addEventListener("input", refreshSend);
-        session.proposal = input;
-        parts.push(
-          el(doc, "div", { class: "proposal" }, [
-            el(doc, "div", { class: "head" }, [
-              el(doc, "span", { class: "small strong-text", text: `${m.proposalFor} ${label}` }),
-              closeButton(m.removeProposal, () => {
-                session.proposing = false;
-                session.proposal = null;
-                renderExtra(extra);
-                refreshSend();
-              })
-            ]),
-            session.before ? el(doc, "p", { class: "muted small before" }, [
-              `${m.now} `,
-              el(doc, "span", { class: "strong-text", text: session.before })
-            ]) : null,
-            input
-          ])
-        );
-      }
-    }
-    extra.replaceChildren(...parts.filter((part) => part !== null));
-  }
-  function proposalOf(session) {
-    if (!session.request || !session.proposing || !session.proposal) return null;
-    if (!session.tagged || !session.field) return null;
-    const parsed = parseProposed(session.field.type, session.proposal.value);
-    if (!parsed.ok) return "invalid";
-    const before = parseProposed(session.field.type, session.before);
-    if (before.ok && before.value === parsed.value) return null;
-    return { fieldKey: session.tagged.fieldKey, locale: session.tagged.locale, value: parsed.value };
-  }
-  function refreshSend() {
-    const session = composer;
-    if (!session) return;
-    const proposal = proposalOf(session);
-    const comment = session.textarea.value.trim();
-    session.sendButton.replaceChildren(
-      icon(doc, session.request ? "pencil" : "commentPlus", 16),
-      session.busy ? m.sending : session.request ? m.requestChange : m.comment
-    );
-    const proposed = proposal && proposal !== "invalid" && String(proposal.value) !== "";
-    session.sendButton.disabled = session.busy || proposal === "invalid" || !comment && !proposed;
-    session.error.textContent = proposal === "invalid" ? m.invalidNumber : session.error.dataset.sticky ?? "";
-  }
-  function showError(message) {
-    if (!composer) return;
-    composer.error.dataset.sticky = message;
-    composer.error.textContent = message;
-  }
-  async function submit() {
-    const session = composer;
-    if (!session || session.busy) return;
-    const proposal = proposalOf(session);
-    if (proposal === "invalid") return;
-    const body = buildCreateBody({
-      recordRef: session.recordRef,
-      pageUrl: session.pageUrl,
-      anchors: session.anchors,
-      comment: session.textarea.value,
-      isChangeRequest: session.request,
-      proposal
-    });
-    if (!body.body) return;
-    const payload = JSON.stringify(body);
-    if (session.idempotency?.payload !== payload) {
-      session.idempotency = { payload, key: newIdempotencyKey(win) };
-    }
-    session.busy = true;
-    delete session.error.dataset.sticky;
-    refreshSend();
-    const result = await createComment(ctx, token, body, session.idempotency.key);
-    if (destroyed || composer !== session) return;
-    session.busy = false;
-    if (!result.ok) {
-      refreshSend();
-      onFailure(result, "comment");
-      return;
-    }
-    closeComposer();
-    const assignee = result.data?.thread?.assignee?.name;
-    setToast(
-      body.isChangeRequest ? {
-        title: m.sentRequest,
-        body: m.sentRequestBody(
-          typeof assignee === "string" && assignee ? assignee : null,
-          !!body.proposedValues
-        )
-      } : { title: m.sentComment, body: m.sentCommentBody }
-    );
-    void load();
-  }
-  function closeComposer() {
-    const session = composer;
-    if (!session) return;
-    composer = null;
-    session.card.remove();
-    if (!refused) {
-      overlay.setMode(OVERLAY_MODE[mode]);
-      placePins();
-    }
-    renderBottom();
-  }
-  function beginEdit(tagged) {
-    if (mode !== "edit" || refused || !canEdit()) return;
-    if (editing && !editing.done) {
-      if (editing.element === tagged.element) return;
-      commitEdit(editing);
-    }
-    const field = fieldOf(data, tagged);
-    const kind = editKindFor(tagged, field);
-    if (!kind || !field) {
-      setToast({ title: m.notEditable, body: m.notEditableBody, error: true });
-      return;
-    }
-    const element = tagged.element;
-    const pageUrl = currentPageUrl(win);
-    const anchors = [toApiAnchor(buildAnchor(element, index, pageUrl, doc, win), tagged.recordRef)];
-    const before = field.type === "URL" && element.localName === "a" ? element.getAttribute("href") ?? "" : (element.textContent ?? "").replace(/\s+/g, " ").trim();
-    const inline = kind === "text" ? beginInlineEdit(element) : null;
-    const session = {
-      element,
-      tagged,
-      field,
-      kind,
-      recordRef: tagged.recordRef,
-      pageUrl,
-      anchors,
-      before,
-      revert: inline?.revert ?? (() => {
-      }),
-      keep: inline?.keep ?? (() => {
-      }),
-      card: null,
-      input: null,
-      done: false
-    };
-    editing = session;
-    if (inline) {
-      element.addEventListener("blur", () => commitEdit(session), { once: true });
-      element.focus?.();
-    } else {
-      openInputCard(session);
-    }
-    renderBottom();
-  }
-  function openInputCard(session) {
-    const input = el(doc, "input", {
-      class: "value",
-      attrs: {
-        "aria-label": session.field.label || session.tagged.fieldKey,
-        type: "text",
-        inputmode: session.field.type === "NUMBER" ? "decimal" : "url"
-      }
-    });
-    input.value = session.before;
-    input.addEventListener("keydown", (event) => {
-      if (event.key === "Enter") {
-        event.preventDefault();
-        commitEdit(session);
-      }
-    });
-    const card = el(doc, "div", { class: "card popover sheet", attrs: { role: "dialog" } }, [
-      el(doc, "div", { class: "head" }, [
-        el(doc, "span", { class: "chip" }, [
-          icon(doc, "field", 12),
-          session.field.label || session.tagged.fieldKey
-        ]),
-        closeButton(m.close, () => cancelEdit(session))
-      ]),
-      el(doc, "div", { class: "content" }, [
-        input,
-        el(doc, "div", { class: "actions" }, [
-          el(doc, "button", {
-            class: "btn btn-outline",
-            text: m.cancel,
-            attrs: { type: "button" },
-            on: { click: () => cancelEdit(session) }
-          }),
-          el(doc, "button", {
-            class: "btn btn-primary",
-            text: m.save,
-            attrs: { type: "button", "data-action": "save" },
-            on: { click: () => commitEdit(session) }
-          })
-        ])
-      ])
-    ]);
-    session.card = card;
-    session.input = input;
-    layer.append(card);
-    position(card, session.element.getBoundingClientRect());
-    input.focus();
-  }
-  function beginInlineEdit(target) {
-    const children = Array.from(target.childNodes);
-    const texts = [];
-    const walker = doc.createTreeWalker(
-      target,
-      4
-      /* NodeFilter.SHOW_TEXT */
-    );
-    for (let node = walker.nextNode(); node; node = walker.nextNode()) {
-      texts.push([node, node.data]);
-    }
-    const hadAttribute = target.getAttribute("contenteditable");
-    target.setAttribute("contenteditable", "plaintext-only");
-    if (target.contentEditable !== "plaintext-only") target.setAttribute("contenteditable", "true");
-    target.setAttribute("spellcheck", "true");
-    const keep = () => {
-      if (hadAttribute === null) target.removeAttribute("contenteditable");
-      else target.setAttribute("contenteditable", hadAttribute);
-      target.removeAttribute("spellcheck");
-    };
-    return {
-      keep,
-      revert: () => {
-        keep();
-        target.replaceChildren(...children);
-        for (const [node, text] of texts) node.data = text;
-      }
-    };
-  }
-  function typedValue(session) {
-    if (session.input) return session.input.value;
-    const element = session.element;
-    return element.innerText ?? element.textContent ?? "";
-  }
-  function finishEdit(session, keepTyped) {
-    session.done = true;
-    if (keepTyped) session.keep();
-    else session.revert();
-    session.card?.remove();
-    if (editing === session) editing = null;
-    renderBottom();
-  }
-  function cancelEdit(session) {
-    if (session.done) return;
-    finishEdit(session, false);
-  }
-  function commitEdit(session) {
-    if (session.done) return;
-    const parsed = parseProposed(session.field.type, typedValue(session));
-    if (!parsed.ok) {
-      finishEdit(session, false);
-      setToast({ title: m.saveFailed, body: m.invalidNumber, error: true });
-      return;
-    }
-    const before = parseProposed(session.field.type, session.before);
-    if (before.ok && before.value === parsed.value) {
-      finishEdit(session, false);
-      return;
-    }
-    finishEdit(session, true);
-    void save(session, {
-      fieldKey: session.tagged.fieldKey,
-      locale: session.tagged.locale,
-      value: parsed.value
-    });
-  }
-  async function save(session, proposal) {
-    setStatus("saving");
-    const body = buildDraftBody({
-      recordRef: session.recordRef,
-      pageUrl: session.pageUrl,
-      anchors: session.anchors,
-      proposal
-    });
-    const result = await saveToDraft(ctx, token, body, newIdempotencyKey(win));
-    if (destroyed) return;
-    if (!result.ok) {
-      session.revert();
-      setStatus(null);
-      onFailure(result, "edit");
-      return;
-    }
-    setStatus("saved");
-  }
-  function endEdit() {
-    if (editing && !editing.done) commitEdit(editing);
-  }
-  const onKey = (event) => {
-    if (composer && event.key === "Escape") {
-      event.preventDefault();
-      closeComposer();
-      return;
-    }
-    const session = editing;
-    if (!session || session.done) return;
-    if (event.key === "Escape") {
-      event.preventDefault();
-      cancelEdit(session);
-    } else if (event.key === "Enter" && session.kind === "text" && event.target === session.element && (session.field.type === "TEXT" || event.metaKey || event.ctrlKey)) {
-      event.preventDefault();
-      commitEdit(session);
-    }
-  };
-  const onClick = (event) => {
-    if (editing?.kind === "text" && !editing.done && editing.element.contains(event.target)) {
-      event.preventDefault();
-    }
-  };
-  win.addEventListener("keydown", onKey, true);
-  win.addEventListener("click", onClick, true);
-  win.addEventListener("scroll", schedule, true);
-  win.addEventListener("resize", schedule);
-  const expiry = win.setTimeout(expire, Math.max(0, stored.exp - Date.now() - 3e4));
-  overlay.setMode(OVERLAY_MODE[mode]);
-  renderBottom();
-  void load();
-  return {
-    destroy() {
-      endEdit();
-      destroyed = true;
-      closeComposer();
-      win.clearTimeout(expiry);
-      if (toastTimer !== null) win.clearTimeout(toastTimer);
-      if (statusTimer !== null) win.clearTimeout(statusTimer);
-      win.removeEventListener("click", onClickFirst, true);
-      win.removeEventListener("keydown", onKey, true);
-      win.removeEventListener("click", onClick, true);
-      win.removeEventListener("scroll", schedule, true);
-      win.removeEventListener("resize", schedule);
-      stopObserving();
-      overlay.destroy();
-      host.destroy();
-    }
-  };
-}
-var CSS = `
-.marks { position: fixed; inset: 0; pointer-events: none; }
-.mark { position: fixed; border-radius: 4px; outline: 2px solid rgba(207,135,0,.55); }
-.bottom { position: fixed; left: 0; right: 0; bottom: 22px; display: flex; flex-direction: column;
-  align-items: center; gap: 10px; pointer-events: none; padding: 0 8px; }
-.bottom > .card { position: relative; }
-.toolbar { display: flex; align-items: center; gap: 8px; padding: 6px 6px 6px 12px; white-space: nowrap;
-  max-width: 100%; overflow-x: auto; }
-.segments { display: inline-flex; gap: 2px; padding: 2px; border-radius: 7px; background: ${TOKENS.subtle}; }
-.seg { position: relative; height: 26px; padding: 0 9px; border-radius: 5px; font-size: 12px; color: ${TOKENS.muted}; }
-.seg[aria-pressed="true"] { background: ${TOKENS.bg}; color: ${TOKENS.fg}; box-shadow: 0 1px 2px rgba(15,23,42,.05); }
-.seg[aria-disabled="true"] { opacity: .5; cursor: default; }
-.seg[data-tip]:hover::after { content: attr(data-tip); position: absolute; bottom: 34px; left: 50%;
-  transform: translateX(-50%); padding: 6px 10px; border-radius: 9px; background: ${TOKENS.dark}; color: #FFFFFF;
-  font-size: 12px; white-space: nowrap; }
-.tool { height: 30px; padding: 0 9px; border-radius: 9px; color: ${TOKENS.muted}; }
-.tool:hover, .seg:not([aria-disabled="true"]):hover { background: ${TOKENS.subtle}; }
-.tool.strong { color: ${TOKENS.fg}; }
-.divider { width: 1px; height: 22px; background: ${TOKENS.border}; }
-.avatar { width: 26px; height: 26px; border-radius: 7px; background: #DBEAFE; color: #1D4ED8;
-  display: inline-flex; align-items: center; justify-content: center; font-weight: 600; font-size: 12px; }
-.status { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px;
-  font-size: 12px; font-weight: 500; }
-.status > .icon { color: #16A34A; }
-.tray { display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 14px; }
-.list { width: min(420px, calc(100vw - 16px)); padding: 13px 10px 10px 15px; max-height: 50vh; overflow: auto; }
-.list ul { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
-.item { width: 100%; text-align: left; align-items: flex-start; gap: 10px; padding: 8px; border-radius: 9px; }
-.item:hover { background: ${TOKENS.subtle}; }
-.num { flex-shrink: 0; width: 22px; height: 22px; border-radius: 999px 999px 999px 0; background: #CF8700;
-  color: #FFFFFF; font-weight: 700; font-size: 11px; display: inline-flex; align-items: center; justify-content: center; }
-.item-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
-.who { font-weight: 600; font-size: 12px; }
-.flag { font-size: 11px; color: ${TOKENS.goldText}; }
-.what { font-weight: 400; color: ${TOKENS.muted}; overflow-wrap: anywhere; }
-.toast, .refused { width: min(340px, calc(100vw - 16px)); display: flex; gap: 11px; padding: 14px 12px 14px 16px;
-  align-self: flex-end; margin-right: 16px; }
-.refused { align-self: center; margin-right: 0; width: min(420px, calc(100vw - 16px)); align-items: flex-start; }
-.toast > .icon { color: #16A34A; }
-.refused > .icon, .toast-error > .icon { color: ${TOKENS.danger}; }
-.toast-text { display: flex; flex-direction: column; gap: 3px; flex: 1; min-width: 0; }
-.title { font-weight: 600; }
-.head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
-.popover { border-radius: 13px; }
-.popover > .head { padding: 13px 10px 0 15px; }
-.content { display: flex; flex-direction: column; gap: 11px; padding: 10px 15px 15px; }
-.extra { display: flex; flex-direction: column; gap: 8px; }
-.check { gap: 8px; font-size: 13px; align-self: flex-start; }
-.check .box { width: 16px; height: 16px; border-radius: 4px; border: 1px solid #90A1B9; background: ${TOKENS.bg}; }
-.check[aria-checked="true"] .box { background: ${TOKENS.primary}; border-color: ${TOKENS.primaryBorder};
-  box-shadow: inset 0 0 0 3px ${TOKENS.bg}; }
-.propose { align-self: flex-start; height: 30px; }
-.proposal { display: flex; flex-direction: column; gap: 6px; padding: 10px; border-radius: 12px; background: ${TOKENS.goldTint}; }
-.chip { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 8px 0 6px; border-radius: 7px;
-  background: ${TOKENS.goldTint}; color: ${TOKENS.goldText}; font: 400 12px Poppins, ui-sans-serif, system-ui, sans-serif;
-  white-space: nowrap; max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
-.before { overflow-wrap: anywhere; }
-.strong-text { color: ${TOKENS.fg}; }
-.small { font-size: 12px; }
-.composer, .value { width: 100%; font: 400 13px/22px Poppins, ui-sans-serif, system-ui, sans-serif; color: ${TOKENS.fg};
-  border: 1px solid ${TOKENS.border}; border-radius: 12px; padding: 8px 12px; background: ${TOKENS.bg}; resize: vertical; }
-input.value { height: 36px; border-radius: 9px; }
-.composer:focus, .value:focus { border-color: #90A1B9; box-shadow: 0 0 0 3px ${TOKENS.focus}; outline: none; }
-.error:empty { display: none; }
-.actions { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
-.foot { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; margin: 2px -15px -15px;
-  padding: 11px 15px; border-top: 1px solid ${TOKENS.border}; }
-.foot .btn { height: 30px; gap: 7px; }
-.foot .btn-outline { padding: 0 14px; }
-`;
-export {
-  OVERLAY_HOST_TAG,
-  start
-};
-//# sourceMappingURL=suggest-5RHURHED.js.map