import "@johnlindquist/kit"
import { Stagehand } from "@browserbasehq/stagehand"

metadata = {
  name: "Stagehand Tests",
}

const key = await env("STAGEHAND_OPENAPI_API_KEY", { hint: "OpenAPI API Key" })

const stagehand = new Stagehand({
  apiKey: key,
  env: "LOCAL",
  modelName: "gpt-4o",
})

await stagehand.init()
await hide()

const page = stagehand.page
await stagehand.page.goto("https://johnlindquist.github.io/kit-docs/")

await page.act("Go to the scriptlets page")
const answer = await page.extract("What does the `edit` directive do in scriptlets?")

await div(answer.extraction)