xuzhougeng/wispterm/browser

function wisptermCompactSnapshot(limit = 120) {
  const text = (node) => (node?.innerText || node?.textContent || "")
    .replace(/\s+/g, " ")
    .trim();
  const isVisible = (el) => {
    const rect = el.getBoundingClientRect();
    const style = getComputedStyle(el);
    return rect.width > 1 &&
      rect.height > 1 &&
      style.display !== "none" &&
      style.visibility !== "hidden" &&
      Number(style.opacity || 1) > 0;
  };
  const short = (value, max = 180) => {
    value = String(value || "").replace(/\s+/g, " ").trim();
    return value.length > max ? value.slice(0, max) + " ..." : value;
  };
  const describe = (el) => {
    const rect = el.getBoundingClientRect();
    return {
      tag: el.tagName.toLowerCase(),
      id: el.id || undefined,
      name: el.getAttribute("name") || undefined,
      type: el.getAttribute("type") || undefined,
      role: el.getAttribute("role") || undefined,
      aria: el.getAttribute("aria-label") || undefined,
      placeholder: el.getAttribute("placeholder") || undefined,
      value: /^(input|textarea|select)$/i.test(el.tagName) ? short(el.value, 80) : undefined,
      href: el.href ? short(el.href, 160) : undefined,
      label: short(el.getAttribute("aria-label") || el.getAttribute("title") || text(el), 140),
      rect: {
        x: Math.round(rect.x),
        y: Math.round(rect.y),
        w: Math.round(rect.width),
        h: Math.round(rect.height)
      }
    };
  };
  const controlSelector = [
    "dialog",
    "[role='dialog']",
    "[aria-modal='true']",
    "button",
    "a[href]",
    "input:not([type='hidden'])",
    "textarea",
    "select",
    "[role='button']",
    "[role='menuitem']",
    "[contenteditable='true']"
  ].join(",");
  const controls = Array.from(document.querySelectorAll(controlSelector))
    .filter(isVisible)
    .slice(0, limit)
    .map(describe);
  const headings = Array.from(document.querySelectorAll("h1,h2,h3,[role='heading']"))
    .filter(isVisible)
    .slice(0, 40)
    .map((el) => short(text(el), 140))
    .filter(Boolean);
  return {
    url: location.href,
    title: document.title,
    active: document.activeElement ? describe(document.activeElement) : null,
    headings,
    controls,
    bodyText: short(text(document.body), 4000)
  };
}
return wisptermCompactSnapshot();

async function wisptermWithDelta(action, waitMs = 800) {
  const before = wisptermCompactSnapshot(80);
  const result = await action();
  await new Promise((resolve) => setTimeout(resolve, waitMs));
  const after = wisptermCompactSnapshot(80);
  return {
    result,
    urlChanged: before.url !== after.url,
    titleChanged: before.title !== after.title,
    textChanged: before.bodyText !== after.bodyText,
    beforeUrl: before.url,
    after
  };
}
return await wisptermWithDelta(async () => {
  const targetText = "Continue";
  const target = Array.from(document.querySelectorAll("button,a,[role='button']"))
    .find((el) => (el.innerText || el.textContent || "").trim().includes(targetText));
  if (!target) throw new Error("Target not found: " + targetText);
  target.click();
  return { clicked: targetText };
});

function wisptermSetValue(selector, value) {
  const el = document.querySelector(selector);
  if (!el) throw new Error("Element not found: " + selector);
  const proto = el.tagName === "TEXTAREA"
    ? HTMLTextAreaElement.prototype
    : HTMLInputElement.prototype;
  const descriptor = Object.getOwnPropertyDescriptor(proto, "value");
  if (descriptor && descriptor.set) descriptor.set.call(el, value);
  else el.value = value;
  el.dispatchEvent(new Event("input", { bubbles: true }));
  el.dispatchEvent(new Event("change", { bubbles: true }));
  return { selector, value: el.value };
}
return wisptermSetValue("input[name='q']", "search terms");