@yielded/agent-platform-cloudflare 0.1.0-beta.167 → 0.1.0-beta.169

package/src/InteractiveBrowser.ts

@@ -61,6 +61,7 @@ import {
   BrowserRunSessionLifecycle,
   type BrowserRunLifecycleOptions,
 } from "./internal/browser-session-lifecycle.ts";
+import { pageFunction } from "./internal/page-function.ts";
 
 export {
   BrowserRunCleanupError,
@@ -776,364 +777,370 @@ const disposeActionHandles = async (handles: ReadonlyArray<{ dispose: () => Prom
 };
 
 /** Runs entirely in the page realm for both observations and the last bound-element guard. */
-const observePage = (
-  target: object | undefined,
-  requestedSelector: string | undefined,
-  maximum: number,
-  maximumControls: number,
-  input?: {
-    readonly mode: "click" | "fill";
-    readonly expectedTarget: BrowserExpectedTarget;
-    readonly value?: string;
-  },
-) => {
-  const pageDocument = Reflect.get(globalThis, "document");
-
-  const matches =
-    requestedSelector === undefined
-      ? undefined
-      : Reflect.apply(Reflect.get(pageDocument, "querySelectorAll"), pageDocument, [
-          requestedSelector,
-        ]);
-
-  const selectorMatchCount =
-    matches === undefined || matches === null
-      ? 1
-      : Math.min(10_000, Reflect.get(matches, "length"));
-
-  const element =
-    target ??
-    (matches === undefined || matches === null
-      ? Reflect.get(pageDocument, "body")
-      : Reflect.get(matches, 0));
+const observePage = pageFunction(
+  (
+    target: object | undefined,
+    requestedSelector: string | undefined,
+    maximum: number,
+    maximumControls: number,
+    input?: {
+      readonly mode: "click" | "fill";
+      readonly expectedTarget: BrowserExpectedTarget;
+      readonly value?: string;
+    },
+  ) => {
+    const pageDocument = Reflect.get(globalThis, "document");
 
-  if (target !== undefined && Reflect.get(target, "isConnected") !== true)
-    return { _tag: "MissingElement" };
+    const matches =
+      requestedSelector === undefined
+        ? undefined
+        : Reflect.apply(Reflect.get(pageDocument, "querySelectorAll"), pageDocument, [
+            requestedSelector,
+          ]);
+
+    const selectorMatchCount =
+      matches === undefined || matches === null
+        ? 1
+        : Math.min(10_000, Reflect.get(matches, "length"));
+
+    const element =
+      target ??
+      (matches === undefined || matches === null
+        ? Reflect.get(pageDocument, "body")
+        : Reflect.get(matches, 0));
+
+    if (target !== undefined && Reflect.get(target, "isConnected") !== true)
+      return { _tag: "MissingElement" };
 
-  if (element === null) return { _tag: "MissingElement" };
-  if (element === undefined) return { _tag: "MissingElement" };
-  const innerText = Reflect.get(element, "innerText");
-  const textContent = Reflect.get(element, "textContent");
+    if (element === null) return { _tag: "MissingElement" };
+    if (element === undefined) return { _tag: "MissingElement" };
+    const innerText = Reflect.get(element, "innerText");
+    const textContent = Reflect.get(element, "textContent");
 
-  const pageText =
-    typeof innerText === "string" ? innerText : typeof textContent === "string" ? textContent : "";
+    const pageText =
+      typeof innerText === "string"
+        ? innerText
+        : typeof textContent === "string"
+          ? textContent
+          : "";
 
-  const primaryControlSelector =
-    'input,select,textarea,label,button,[role="checkbox"],[role="radio"],[role="option"],[role="switch"],[role="tab"],[role="button"]';
+    const primaryControlSelector =
+      'input,select,textarea,label,button,[role="checkbox"],[role="radio"],[role="option"],[role="switch"],[role="tab"],[role="button"]';
 
-  const optionSelector = "select option";
-  const secondaryControlSelector = "a[href]";
-  const controlSelector = `${primaryControlSelector},${optionSelector},${secondaryControlSelector}`;
+    const optionSelector = "select option";
+    const secondaryControlSelector = "a[href]";
+    const controlSelector = `${primaryControlSelector},${optionSelector},${secondaryControlSelector}`;
 
-  const selectorFor = (candidate: object) => {
-    const parts: Array<string> = [];
-    let current: object | null = candidate;
+    const selectorFor = (candidate: object) => {
+      const parts: Array<string> = [];
+      let current: object | null = candidate;
 
-    while (current !== null && current !== undefined) {
-      const tagName = String(Reflect.get(current, "tagName") ?? "").toLowerCase();
+      while (current !== null && current !== undefined) {
+        const tagName = String(Reflect.get(current, "tagName") ?? "").toLowerCase();
 
-      if (tagName === "") break;
-      const parent: object | null = Reflect.get(current, "parentElement");
+        if (tagName === "") break;
+        const parent: object | null = Reflect.get(current, "parentElement");
 
-      if (parent === null) {
-        parts.push(tagName);
-        break;
-      }
-      let sibling = Reflect.get(current, "previousElementSibling");
-      let index = 1;
+        if (parent === null) {
+          parts.push(tagName);
+          break;
+        }
+        let sibling = Reflect.get(current, "previousElementSibling");
+        let index = 1;
 
-      while (sibling !== null && sibling !== undefined) {
-        if (String(Reflect.get(sibling, "tagName") ?? "").toLowerCase() === tagName) index++;
-        sibling = Reflect.get(sibling, "previousElementSibling");
+        while (sibling !== null && sibling !== undefined) {
+          if (String(Reflect.get(sibling, "tagName") ?? "").toLowerCase() === tagName) index++;
+          sibling = Reflect.get(sibling, "previousElementSibling");
+        }
+        parts.push(`${tagName}:nth-of-type(${index})`);
+        current = parent;
       }
-      parts.push(`${tagName}:nth-of-type(${index})`);
-      current = parent;
-    }
-
-    return parts.reverse().join(" > ");
-  };
-
-  const visible = (candidate: object) => {
-    const hidden = Reflect.get(candidate, "hidden");
-
-    const ariaHidden = Reflect.apply(Reflect.get(candidate, "getAttribute"), candidate, [
-      "aria-hidden",
-    ]);
 
-    const rects = Reflect.apply(Reflect.get(candidate, "getClientRects"), candidate, []);
+      return parts.reverse().join(" > ");
+    };
 
-    return (
-      hidden !== true &&
-      ariaHidden !== "true" &&
-      typeof rects === "object" &&
-      rects !== null &&
-      Reflect.get(rects, "length") > 0
-    );
-  };
+    const visible = (candidate: object) => {
+      const hidden = Reflect.get(candidate, "hidden");
 
-  const candidates: Array<object> = [];
-  let controlsTruncated = false;
+      const ariaHidden = Reflect.apply(Reflect.get(candidate, "getAttribute"), candidate, [
+        "aria-hidden",
+      ]);
 
-  const consider = (candidate: object) => {
-    const tagName = String(Reflect.get(candidate, "tagName") ?? "").toLowerCase();
+      const rects = Reflect.apply(Reflect.get(candidate, "getClientRects"), candidate, []);
 
-    // Collapsed native options have no client rects. Their owning
-    // select determines visibility; observe text/selection, never value.
-    const visibilityTarget =
-      tagName === "option"
-        ? Reflect.apply(Reflect.get(candidate, "closest"), candidate, ["select"])
-        : candidate;
+      return (
+        hidden !== true &&
+        ariaHidden !== "true" &&
+        typeof rects === "object" &&
+        rects !== null &&
+        Reflect.get(rects, "length") > 0
+      );
+    };
 
-    const actionable = tagName !== "label" || Reflect.get(candidate, "control") !== null;
+    const candidates: Array<object> = [];
+    let controlsTruncated = false;
 
-    if (
-      !actionable ||
-      typeof visibilityTarget !== "object" ||
-      visibilityTarget === null ||
-      !visible(visibilityTarget)
-    )
-      return;
-    candidates.push(candidate);
-    if (candidates.length > maximumControls) controlsTruncated = true;
-  };
+    const consider = (candidate: object) => {
+      const tagName = String(Reflect.get(candidate, "tagName") ?? "").toLowerCase();
 
-  const elementMatches = Reflect.get(element, "matches");
+      // Collapsed native options have no client rects. Their owning
+      // select determines visibility; observe text/selection, never value.
+      const visibilityTarget =
+        tagName === "option"
+          ? Reflect.apply(Reflect.get(candidate, "closest"), candidate, ["select"])
+          : candidate;
 
-  if (
-    typeof elementMatches === "function" &&
-    Reflect.apply(elementMatches, element, [controlSelector])
-  ) {
-    consider(element);
-  }
+      const actionable = tagName !== "label" || Reflect.get(candidate, "control") !== null;
 
-  const considerSelector = (candidateSelector: string) => {
-    const descendants = Reflect.apply(Reflect.get(element, "querySelectorAll"), element, [
-      candidateSelector,
-    ]);
+      if (
+        !actionable ||
+        typeof visibilityTarget !== "object" ||
+        visibilityTarget === null ||
+        !visible(visibilityTarget)
+      )
+        return;
+      candidates.push(candidate);
+      if (candidates.length > maximumControls) controlsTruncated = true;
+    };
 
-    if (typeof descendants !== "object" || descendants === null) return;
-    const descendantCount = Reflect.get(descendants, "length");
+    const elementMatches = Reflect.get(element, "matches");
 
-    for (let index = 0; index < descendantCount && !controlsTruncated; index++) {
-      consider(Reflect.get(descendants, index));
+    if (
+      typeof elementMatches === "function" &&
+      Reflect.apply(elementMatches, element, [controlSelector])
+    ) {
+      consider(element);
     }
-  };
 
-  considerSelector(primaryControlSelector);
-  if (!controlsTruncated) considerSelector(optionSelector);
-  if (!controlsTruncated) considerSelector(secondaryControlSelector);
+    const considerSelector = (candidateSelector: string) => {
+      const descendants = Reflect.apply(Reflect.get(element, "querySelectorAll"), element, [
+        candidateSelector,
+      ]);
 
-  const identityKey = Symbol.for("@effect-agent/browser-observation");
-  let identity = Reflect.get(globalThis, identityKey);
+      if (typeof descendants !== "object" || descendants === null) return;
+      const descendantCount = Reflect.get(descendants, "length");
 
-  if (identity === undefined || identity.document !== pageDocument) {
-    identity = {
-      document: pageDocument,
-      documentId: crypto.getRandomValues(new Uint32Array(4)).join("-"),
-      nodes: new WeakMap<object, string>(),
+      for (let index = 0; index < descendantCount && !controlsTruncated; index++) {
+        consider(Reflect.get(descendants, index));
+      }
     };
-    Reflect.set(globalThis, identityKey, identity);
-  }
 
-  const controls = candidates.slice(0, maximumControls).map((candidate) => {
-    let nodeId = identity.nodes.get(candidate);
+    considerSelector(primaryControlSelector);
+    if (!controlsTruncated) considerSelector(optionSelector);
+    if (!controlsTruncated) considerSelector(secondaryControlSelector);
+
+    const identityKey = Symbol.for("@effect-agent/browser-observation");
+    let identity = Reflect.get(globalThis, identityKey);
 
-    if (nodeId === undefined) {
-      nodeId = crypto.getRandomValues(new Uint32Array(4)).join("-");
-      identity.nodes.set(candidate, nodeId);
+    if (identity === undefined || identity.document !== pageDocument) {
+      identity = {
+        document: pageDocument,
+        documentId: crypto.getRandomValues(new Uint32Array(4)).join("-"),
+        nodes: new WeakMap<object, string>(),
+      };
+      Reflect.set(globalThis, identityKey, identity);
     }
-    const associated = Reflect.get(candidate, "control") ?? candidate;
-    const tagName = String(Reflect.get(candidate, "tagName") ?? "").toLowerCase();
-    const inputType = String(Reflect.get(associated, "type") ?? "").toLowerCase();
 
-    const role = String(
-      Reflect.apply(Reflect.get(candidate, "getAttribute"), candidate, ["role"]) ?? "",
-    ).toLowerCase();
+    const controls = candidates.slice(0, maximumControls).map((candidate) => {
+      let nodeId = identity.nodes.get(candidate);
 
-    const ariaLabel = Reflect.apply(Reflect.get(candidate, "getAttribute"), candidate, [
-      "aria-label",
-    ]);
+      if (nodeId === undefined) {
+        nodeId = crypto.getRandomValues(new Uint32Array(4)).join("-");
+        identity.nodes.set(candidate, nodeId);
+      }
+      const associated = Reflect.get(candidate, "control") ?? candidate;
+      const tagName = String(Reflect.get(candidate, "tagName") ?? "").toLowerCase();
+      const inputType = String(Reflect.get(associated, "type") ?? "").toLowerCase();
 
-    const candidateText =
-      tagName === "textarea" || tagName === "input" || tagName === "select"
-        ? undefined
-        : Reflect.get(candidate, tagName === "option" ? "label" : "innerText");
-
-    const associatedLabels = Reflect.get(associated, "labels");
-
-    const associatedLabel =
-      associatedLabels !== undefined &&
-      associatedLabels !== null &&
-      Reflect.get(associatedLabels, "length") > 0
-        ? Reflect.get(Reflect.get(associatedLabels, 0), "innerText")
-        : undefined;
-
-    const label = String(
-      typeof ariaLabel === "string" && ariaLabel !== ""
-        ? ariaLabel
-        : typeof candidateText === "string" && candidateText !== ""
-          ? candidateText
-          : (associatedLabel ?? ""),
-    )
-      .replace(/\s+/g, " ")
-      .trim()
-      .slice(0, 200);
+      const role = String(
+        Reflect.apply(Reflect.get(candidate, "getAttribute"), candidate, ["role"]) ?? "",
+      ).toLowerCase();
 
-    const checked = Reflect.get(associated, "checked");
+      const ariaLabel = Reflect.apply(Reflect.get(candidate, "getAttribute"), candidate, [
+        "aria-label",
+      ]);
 
-    const selected =
-      tagName === "select"
-        ? Reflect.get(associated, "selectedIndex") >= 0
-        : Reflect.get(associated, "selected");
+      const candidateText =
+        tagName === "textarea" || tagName === "input" || tagName === "select"
+          ? undefined
+          : Reflect.get(candidate, tagName === "option" ? "label" : "innerText");
+
+      const associatedLabels = Reflect.get(associated, "labels");
+
+      const associatedLabel =
+        associatedLabels !== undefined &&
+        associatedLabels !== null &&
+        Reflect.get(associatedLabels, "length") > 0
+          ? Reflect.get(Reflect.get(associatedLabels, 0), "innerText")
+          : undefined;
+
+      const label = String(
+        typeof ariaLabel === "string" && ariaLabel !== ""
+          ? ariaLabel
+          : typeof candidateText === "string" && candidateText !== ""
+            ? candidateText
+            : (associatedLabel ?? ""),
+      )
+        .replace(/\s+/g, " ")
+        .trim()
+        .slice(0, 200);
 
-    const disabled = Reflect.get(associated, "disabled");
-    const required = Reflect.get(associated, "required");
-    const validity = Reflect.get(associated, "validity");
-    const form = Reflect.get(associated, "form");
+      const checked = Reflect.get(associated, "checked");
 
-    const formMatches =
-      form === null || form === undefined ? undefined : Reflect.get(form, "matches");
+      const selected =
+        tagName === "select"
+          ? Reflect.get(associated, "selectedIndex") >= 0
+          : Reflect.get(associated, "selected");
 
-    const ariaChecked = Reflect.apply(Reflect.get(candidate, "getAttribute"), candidate, [
-      "aria-checked",
-    ]);
+      const disabled = Reflect.get(associated, "disabled");
+      const required = Reflect.get(associated, "required");
+      const validity = Reflect.get(associated, "validity");
+      const form = Reflect.get(associated, "form");
 
-    const ariaSelected = Reflect.apply(Reflect.get(candidate, "getAttribute"), candidate, [
-      "aria-selected",
-    ]);
+      const formMatches =
+        form === null || form === undefined ? undefined : Reflect.get(form, "matches");
 
-    const ariaDisabled = Reflect.apply(Reflect.get(candidate, "getAttribute"), candidate, [
-      "aria-disabled",
-    ]);
+      const ariaChecked = Reflect.apply(Reflect.get(candidate, "getAttribute"), candidate, [
+        "aria-checked",
+      ]);
 
-    return {
-      nodeId,
-      ...(inputType === "" ? {} : { inputType: inputType.slice(0, 64) }),
-      selector: selectorFor(candidate),
-      kind: (tagName === "label"
-        ? `label:${inputType || "control"}`
-        : tagName === "input"
-          ? `input:${inputType || "text"}`
-          : role !== ""
-            ? `role:${role}`
-            : tagName
-      ).slice(0, 128),
-      ...(label === "" ? {} : { label }),
-      ...(typeof checked === "boolean"
-        ? { checked }
-        : ariaChecked === "true" || ariaChecked === "false"
-          ? { checked: ariaChecked === "true" }
-          : {}),
-      ...(typeof selected === "boolean"
-        ? { selected }
-        : ariaSelected === "true" || ariaSelected === "false"
-          ? { selected: ariaSelected === "true" }
-          : {}),
-      ...(typeof disabled === "boolean"
-        ? { disabled }
-        : ariaDisabled === "true" || ariaDisabled === "false"
-          ? { disabled: ariaDisabled === "true" }
-          : {}),
-      ...(typeof required === "boolean" ? { required } : {}),
-      ...(validity !== undefined && typeof Reflect.get(validity, "valid") === "boolean"
-        ? { valid: Reflect.get(validity, "valid") }
-        : {}),
-      ...(typeof formMatches === "function"
-        ? { formValid: Reflect.apply(formMatches, form, [":valid"]) }
-        : {}),
-    };
-  });
+      const ariaSelected = Reflect.apply(Reflect.get(candidate, "getAttribute"), candidate, [
+        "aria-selected",
+      ]);
 
-  if (input !== undefined) {
-    const expected = input.expectedTarget;
-    const control = controls.find((candidate) => candidate.nodeId === expected.nodeId);
-
-    const fields = [
-      "kind",
-      "inputType",
-      "label",
-      "checked",
-      "selected",
-      "disabled",
-      "required",
-      "valid",
-      "formValid",
-    ] as const;
+      const ariaDisabled = Reflect.apply(Reflect.get(candidate, "getAttribute"), candidate, [
+        "aria-disabled",
+      ]);
 
-    if (
-      target === undefined ||
-      identity.documentId !== expected.documentId ||
-      identity.nodes.get(target) !== expected.nodeId ||
-      control === undefined ||
-      (expected.state !== undefined &&
-        fields.some((field) => control[field] !== expected.state?.[field])) ||
-      Reflect.get(target, "isConnected") !== true
-    )
-      return { _tag: "MissingElement" };
-    if (expected.scopeSelector !== undefined) {
-      let roots;
+      return {
+        nodeId,
+        ...(inputType === "" ? {} : { inputType: inputType.slice(0, 64) }),
+        selector: selectorFor(candidate),
+        kind: (tagName === "label"
+          ? `label:${inputType || "control"}`
+          : tagName === "input"
+            ? `input:${inputType || "text"}`
+            : role !== ""
+              ? `role:${role}`
+              : tagName
+        ).slice(0, 128),
+        ...(label === "" ? {} : { label }),
+        ...(typeof checked === "boolean"
+          ? { checked }
+          : ariaChecked === "true" || ariaChecked === "false"
+            ? { checked: ariaChecked === "true" }
+            : {}),
+        ...(typeof selected === "boolean"
+          ? { selected }
+          : ariaSelected === "true" || ariaSelected === "false"
+            ? { selected: ariaSelected === "true" }
+            : {}),
+        ...(typeof disabled === "boolean"
+          ? { disabled }
+          : ariaDisabled === "true" || ariaDisabled === "false"
+            ? { disabled: ariaDisabled === "true" }
+            : {}),
+        ...(typeof required === "boolean" ? { required } : {}),
+        ...(validity !== undefined && typeof Reflect.get(validity, "valid") === "boolean"
+          ? { valid: Reflect.get(validity, "valid") }
+          : {}),
+        ...(typeof formMatches === "function"
+          ? { formValid: Reflect.apply(formMatches, form, [":valid"]) }
+          : {}),
+      };
+    });
 
-      try {
-        roots = Reflect.apply(Reflect.get(pageDocument, "querySelectorAll"), pageDocument, [
-          expected.scopeSelector,
-        ]);
-      } catch {
-        return { _tag: "MissingElement" };
-      }
-      if (typeof roots !== "object" || roots === null) return { _tag: "MissingElement" };
-      const root = Reflect.get(roots, 0);
+    if (input !== undefined) {
+      const expected = input.expectedTarget;
+      const control = controls.find((candidate) => candidate.nodeId === expected.nodeId);
+
+      const fields = [
+        "kind",
+        "inputType",
+        "label",
+        "checked",
+        "selected",
+        "disabled",
+        "required",
+        "valid",
+        "formValid",
+      ] as const;
 
       if (
-        Reflect.get(roots, "length") !== 1 ||
-        root === undefined ||
-        !Reflect.apply(Reflect.get(root, "contains"), root, [target])
+        target === undefined ||
+        identity.documentId !== expected.documentId ||
+        identity.nodes.get(target) !== expected.nodeId ||
+        control === undefined ||
+        (expected.state !== undefined &&
+          fields.some((field) => control[field] !== expected.state?.[field])) ||
+        Reflect.get(target, "isConnected") !== true
       )
         return { _tag: "MissingElement" };
-    }
-    // Validation and dispatch share one page JS task. No coordinate lookup, selector
-    // re-resolution, or asynchronous boundary can select a replacement node.
-    if (input.mode === "click") {
-      const prototype = Reflect.get(Reflect.get(globalThis, "HTMLElement"), "prototype");
-
-      Reflect.apply(Reflect.get(prototype, "click"), target, []);
-    } else {
-      let prototype = Reflect.getPrototypeOf(target);
-      let setValue: ((value: string) => void) | undefined;
-
-      while (prototype !== null) {
-        const setter = Reflect.getOwnPropertyDescriptor(prototype, "value")?.set;
-
-        if (typeof setter === "function") {
-          setValue = setter;
-          break;
+      if (expected.scopeSelector !== undefined) {
+        let roots;
+
+        try {
+          roots = Reflect.apply(Reflect.get(pageDocument, "querySelectorAll"), pageDocument, [
+            expected.scopeSelector,
+          ]);
+        } catch {
+          return { _tag: "MissingElement" };
         }
-        prototype = Reflect.getPrototypeOf(prototype);
+        if (typeof roots !== "object" || roots === null) return { _tag: "MissingElement" };
+        const root = Reflect.get(roots, 0);
+
+        if (
+          Reflect.get(roots, "length") !== 1 ||
+          root === undefined ||
+          !Reflect.apply(Reflect.get(root, "contains"), root, [target])
+        )
+          return { _tag: "MissingElement" };
       }
-      if (setValue === undefined || input.value === undefined) return { _tag: "MissingElement" };
-      Reflect.apply(setValue, target, [input.value]);
-      const dispatchEvent = Reflect.get(target, "dispatchEvent");
+      // Validation and dispatch share one page JS task. No coordinate lookup, selector
+      // re-resolution, or asynchronous boundary can select a replacement node.
+      if (input.mode === "click") {
+        const prototype = Reflect.get(Reflect.get(globalThis, "HTMLElement"), "prototype");
+
+        Reflect.apply(Reflect.get(prototype, "click"), target, []);
+      } else {
+        let prototype = Reflect.getPrototypeOf(target);
+        let setValue: ((value: string) => void) | undefined;
+
+        while (prototype !== null) {
+          const setter = Reflect.getOwnPropertyDescriptor(prototype, "value")?.set;
+
+          if (typeof setter === "function") {
+            setValue = setter;
+            break;
+          }
+          prototype = Reflect.getPrototypeOf(prototype);
+        }
+        if (setValue === undefined || input.value === undefined) return { _tag: "MissingElement" };
+        Reflect.apply(setValue, target, [input.value]);
+        const dispatchEvent = Reflect.get(target, "dispatchEvent");
 
-      Reflect.apply(dispatchEvent, target, [new Event("input", { bubbles: true })]);
-      Reflect.apply(dispatchEvent, target, [new Event("change", { bubbles: true })]);
-    }
+        Reflect.apply(dispatchEvent, target, [new Event("input", { bubbles: true })]);
+        Reflect.apply(dispatchEvent, target, [new Event("change", { bubbles: true })]);
+      }
 
-    return { _tag: "Text", text: "" };
-  }
+      return { _tag: "Text", text: "" };
+    }
 
-  // JSON is the bounded wire representation of this existing text result.
-  // eslint-disable-next-line no-restricted-properties
-  const text = JSON.stringify({
-    documentId: identity.documentId,
-    pageText,
-    selectorMatchCount,
-    controls,
-    controlsTruncated,
-  });
+    // JSON is the bounded wire representation of this existing text result.
+    // eslint-disable-next-line no-restricted-properties
+    const text = JSON.stringify({
+      documentId: identity.documentId,
+      pageText,
+      selectorMatchCount,
+      controls,
+      controlsTruncated,
+    });
 
-  const observed = new TextEncoder().encode(text).byteLength;
+    const observed = new TextEncoder().encode(text).byteLength;
 
-  return observed > maximum ? { _tag: "OverLimit", observed } : { _tag: "Text", text };
-};
+    return observed > maximum ? { _tag: "OverLimit", observed } : { _tag: "Text", text };
+  },
+);
 
 const runObservedPageAction = async (
   page: Page,
@@ -1546,7 +1553,7 @@ const inputMayStillRun = (cause: unknown): boolean =>
   (cause instanceof Error && cause.name === "TimeoutError") ||
   (cause instanceof BrowserRunFailure && cause.reason === "timeout");
 
-const snapshotPolicy = Effect.fn("BrowserRunInteractive.snapshotPolicy")(function* (
+const snapshotPolicy = Effect.fnUntraced(function* (
   input: InteractiveBrowserPolicy,
 ): Effect.fn.Return<
   InteractiveBrowserPolicySnapshot,
@@ -1635,7 +1642,7 @@ const closeWithWarning = (close: () => Promise<void>, warning: string): Effect.E
     ),
   );
 
-const deadlineError = Effect.fn("BrowserRunInteractive.deadlineError")(function* (
+const deadlineError = Effect.fnUntraced(function* (
   policy: InteractiveBrowserPolicySnapshot,
   startedAt: number,
 ) {
@@ -1650,7 +1657,7 @@ const deadlineError = Effect.fn("BrowserRunInteractive.deadlineError")(function*
   });
 });
 
-const withinDeadline = Effect.fn("BrowserRunInteractive.withinDeadline")(function* <A, E, R>(
+const withinDeadline = Effect.fnUntraced(function* <A, E, R>(
   effect: Effect.Effect<A, E, R>,
   policy: InteractiveBrowserPolicySnapshot,
   startedAt: number,
@@ -1758,7 +1765,7 @@ const awaitPendingRequests = (state: HandleState): Effect.Effect<void> =>
         );
   });
 
-const decodeNavigationResult = Effect.fn("BrowserRunInteractive.decodeNavigationResult")(function* (
+const decodeNavigationResult = Effect.fnUntraced(function* (
   page: BrowserRunInteractivePage,
   policy: InteractiveBrowserPolicySnapshot,
 ) {
@@ -1782,7 +1789,7 @@ const decodeNavigationResult = Effect.fn("BrowserRunInteractive.decodeNavigation
   return result;
 });
 
-const decodeActionResult = Effect.fn("BrowserRunInteractive.decodeActionResult")(function* (
+const decodeActionResult = Effect.fnUntraced(function* (
   page: BrowserRunInteractivePage,
   policy: InteractiveBrowserPolicySnapshot,
 ) {
@@ -1846,7 +1853,7 @@ const makeRequestListener =
     state.pendingRequests.add(observed);
   };
 
-const makeHandle = Effect.fn("BrowserRunInteractive.makeHandle")(function* (
+const makeHandle = Effect.fnUntraced(function* (
   page: BrowserRunInteractivePage,
   policy: InteractiveBrowserPolicySnapshot,
   startedAt: number,
@@ -1980,15 +1987,12 @@ const makeHandle = Effect.fn("BrowserRunInteractive.makeHandle")(function* (
       ),
     );
 
-  const decodeActionObservation = Effect.fn("BrowserRunInteractive.decodeActionObservation")(
-    function* (raw: unknown) {
-      return yield* Schema.decodeUnknownEffect(ActionObservation)(raw).pipe(
-        Effect.mapError((cause) =>
-          protocolError("The browser returned a malformed action observation", cause),
-        ),
-      );
-    },
-  );
+  const decodeActionObservation = (raw: unknown) =>
+    Schema.decodeUnknownEffect(ActionObservation)(raw).pipe(
+      Effect.mapError((cause) =>
+        protocolError("The browser returned a malformed action observation", cause),
+      ),
+    );
 
   const logActionObservation = (
     operation: "fill" | "click" | "select-file",
@@ -2365,7 +2369,7 @@ const makeHandle = Effect.fn("BrowserRunInteractive.makeHandle")(function* (
   return { handle, run };
 });
 
-const remainingMillis = Effect.fn("BrowserRunInteractive.remainingMillis")(function* (
+const remainingMillis = Effect.fnUntraced(function* (
   policy: InteractiveBrowserPolicySnapshot,
   startedAt: number,
 ) {
@@ -2496,7 +2500,7 @@ const makeHostService = (
       ),
     );
 
-  const terminate = Effect.fn("BrowserRunInteractiveHost.terminate")(function* (
+  const terminate = Effect.fnUntraced(function* (
     sessionId: Redacted.Redacted<string>,
     entries: ReadonlyArray<CloseEntry>,
   ) {
@@ -2541,9 +2545,7 @@ const makeHostService = (
     );
   });
 
-  const closeAcquired = Effect.fn("BrowserRunInteractiveHost.closeAcquired")(function* (
-    browser: BrowserRunInteractiveBrowser,
-  ) {
+  const closeAcquired = Effect.fnUntraced(function* (browser: BrowserRunInteractiveBrowser) {
     const sessionId = yield* Effect.try({
       try: browser.sessionId,
       catch: (cause) => actionError("close", cause),
@@ -2560,7 +2562,7 @@ const makeHostService = (
     ]);
   });
 
-  const acquire = Effect.fn("BrowserRunInteractiveHost.acquire")(function* (
+  const acquire = Effect.fnUntraced(function* (
     policy: InteractiveBrowserPolicy,
     resume?: BrowserRunInteractiveCheckpoint,
     pendingInput = false,