Remove Stagehand Nav (#360)

* Remove Stagehand Nav

* changeset

Author: kamath

Diff for: .changeset/ninety-timers-punch.md

@@ -0,0 +1,5 @@
+---
+"@browserbasehq/stagehand": patch
+---
+
+Remove stagehand nav entirely

Diff for: lib/dom/debug.ts

@@ -1,5 +1,3 @@
-import { calculateViewportHeight } from "./utils";
-
 export async function debugDom() {
   window.chunkNumber = 0;
 
@@ -10,7 +8,6 @@ export async function debugDom() {
   const selectorMap = multiSelectorMapToSelectorMap(multiSelectorMap);
 
   drawChunk(selectorMap);
-  setupChunkNav();
 }
 
 function multiSelectorMapToSelectorMap(
@@ -67,7 +64,6 @@ function drawChunk(selectorMap: Record<number, string>) {
 
 async function cleanupDebug() {
   cleanupMarkers();
-  cleanupNav();
 }
 
 function cleanupMarkers() {
@@ -77,74 +73,5 @@ function cleanupMarkers() {
   });
 }
 
-function cleanupNav() {
-  const stagehandNavElements = document.querySelectorAll(".stagehand-nav");
-  stagehandNavElements.forEach((element) => {
-    element.remove();
-  });
-}
-
-function setupChunkNav() {
-  const viewportHeight = calculateViewportHeight();
-  const documentHeight = document.documentElement.scrollHeight;
-  const totalChunks = Math.ceil(documentHeight / viewportHeight);
-
-  if (window.chunkNumber > 0) {
-    const prevChunkButton = document.createElement("button");
-    prevChunkButton.className = "stagehand-nav";
-
-    prevChunkButton.textContent = "Previous";
-    prevChunkButton.style.marginLeft = "50px";
-    prevChunkButton.style.position = "fixed";
-    prevChunkButton.style.bottom = "10px";
-    prevChunkButton.style.left = "50%";
-    prevChunkButton.style.transform = "translateX(-50%)";
-    prevChunkButton.style.zIndex = "1000000000";
-    prevChunkButton.onclick = async () => {
-      cleanupMarkers();
-      cleanupNav();
-      window.chunkNumber -= 1;
-      window.scrollTo(0, window.chunkNumber * viewportHeight);
-      await window.waitForDomSettle();
-      const { selectorMap: multiSelectorMap } = await window.processElements(
-        window.chunkNumber,
-      );
-
-      const selectorMap = multiSelectorMapToSelectorMap(multiSelectorMap);
-
-      drawChunk(selectorMap);
-      setupChunkNav();
-    };
-    document.body.appendChild(prevChunkButton);
-  }
-  if (totalChunks > window.chunkNumber) {
-    const nextChunkButton = document.createElement("button");
-    nextChunkButton.className = "stagehand-nav";
-    nextChunkButton.textContent = "Next";
-    nextChunkButton.style.marginRight = "50px";
-    nextChunkButton.style.position = "fixed";
-    nextChunkButton.style.bottom = "10px";
-    nextChunkButton.style.right = "50%";
-    nextChunkButton.style.transform = "translateX(50%)";
-    nextChunkButton.style.zIndex = "1000000000";
-    nextChunkButton.onclick = async () => {
-      cleanupMarkers();
-      cleanupNav();
-      window.chunkNumber += 1;
-      window.scrollTo(0, window.chunkNumber * viewportHeight);
-      await window.waitForDomSettle();
-
-      const { selectorMap: multiSelectorMap } = await window.processElements(
-        window.chunkNumber,
-      );
-      const selectorMap = multiSelectorMapToSelectorMap(multiSelectorMap);
-      drawChunk(selectorMap);
-      setupChunkNav();
-    };
-
-    document.body.appendChild(nextChunkButton);
-  }
-}
-
 window.debugDom = debugDom;
 window.cleanupDebug = cleanupDebug;