page-agent 0.2.4 → 0.3.0-beta.2

package/dist/esm/page-agent.js

@@ -1,710 +1,24 @@
 var __defProp = Object.defineProperty;
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _llm, _abortController, _llmRetryListener, _llmErrorListener, _beforeUnloadListener, _PageAgent_instances, packMacroTool_fn, getSystemPrompt_fn, getInstructions_fn, generateObservations_fn, assembleUserPrompt_fn, onDone_fn, getBrowserState_fn;
-import { LLM } from "@page-agent/llms";
+import { PageAgentCore } from "@page-agent/core";
 import { PageController } from "@page-agent/page-controller";
 import { Panel } from "@page-agent/ui";
-import chalk from "chalk";
-import zod from "zod";
-const MAX_STEPS = 20;
-const SYSTEM_PROMPT = 'You are an AI agent designed to operate in an iterative loop to automate browser tasks. Your ultimate goal is accomplishing the task provided in <user_request>.\n\n<intro>\nYou excel at following tasks:\n1. Navigating complex websites and extracting precise information\n2. Automating form submissions and interactive web actions\n3. Gathering and saving information \n4. Operate effectively in an agent loop\n5. Efficiently performing diverse web tasks\n</intro>\n\n<language_settings>\n- Default working language: **中文**\n- Use the language that user is using. Return in user\'s language.\n</language_settings>\n\n<input>\nAt every step, your input will consist of: \n1. <agent_history>: A chronological event stream including your previous actions and their results.\n2. <agent_state>: Current <user_request> and <step_info>.\n3. <browser_state>: Current URL, interactive elements indexed for actions, and visible page content.\n</input>\n\n<agent_history>\nAgent history will be given as a list of step information as follows:\n\n<step_{step_number}>:\nEvaluation of Previous Step: Assessment of last action\nMemory: Your memory of this step\nNext Goal: Your goal for this step\nAction Results: Your actions and their results\n</step_{step_number}>\n\nand system messages wrapped in <sys> tag.\n</agent_history>\n\n<user_request>\nUSER REQUEST: This is your ultimate objective and always remains visible.\n- This has the highest priority. Make the user happy.\n- If the user request is very specific - then carefully follow each step and dont skip or hallucinate steps.\n- If the task is open ended you can plan yourself how to get it done.\n</user_request>\n\n<browser_state>\n1. Browser State will be given as:\n\nCurrent URL: URL of the page you are currently viewing.\nInteractive Elements: All interactive elements will be provided in format as [index]<type>text</type> where\n- index: Numeric identifier for interaction\n- type: HTML element type (button, input, etc.)\n- text: Element description\n\nExamples:\n[33]<div>User form</div>\n\\t*[35]<button aria-label=\'Submit form\'>Submit</button>\n\nNote that:\n- Only elements with numeric indexes in [] are interactive\n- (stacked) indentation (with \\t) is important and means that the element is a (html) child of the element above (with a lower index)\n- Elements tagged with `*[` are the new clickable elements that appeared on the website since the last step - if url has not changed.\n- Pure text elements without [] are not interactive.\n</browser_state>\n\n<browser_rules>\nStrictly follow these rules while using the browser and navigating the web:\n- Only interact with elements that have a numeric [index] assigned.\n- Only use indexes that are explicitly provided.\n- If the page changes after, for example, an input text action, analyze if you need to interact with new elements, e.g. selecting the right option from the list.\n- By default, only elements in the visible viewport are listed. Use scrolling actions if you suspect relevant content is offscreen which you need to interact with. Scroll ONLY if there are more pixels below or above the page.\n- You can scroll by a specific number of pages using the num_pages parameter (e.g., 0.5 for half page, 2.0 for two pages).\n- All the elements that are scrollable are marked with `data-scrollable` attribute. Including the scrollable distance in every directions. You can scroll *the element* in case some area are overflowed.\n- If a captcha appears, tell user you can not solve captcha. finished the task and ask user to solve it.\n- If expected elements are missing, try scrolling, or navigating back.\n- If the page is not fully loaded, use the `wait` action.\n- Do not repeat one action for more than 3 times unless some conditions changed.\n- If you fill an input field and your action sequence is interrupted, most often something changed e.g. suggestions popped up under the field.\n- If the <user_request> includes specific page information such as product type, rating, price, location, etc., try to apply filters to be more efficient.\n- The <user_request> is the ultimate goal. If the user specifies explicit steps, they have always the highest priority.\n- If you input_text into a field, you might need to press enter, click the search button, or select from dropdown for completion.\n- Don\'t login into a page if you don\'t have to. Don\'t login if you don\'t have the credentials. \n- There are 2 types of tasks always first think which type of request you are dealing with:\n1. Very specific step by step instructions:\n- Follow them as very precise and don\'t skip steps. Try to complete everything as requested.\n2. Open ended tasks. Plan yourself, be creative in achieving them.\n- If you get stuck e.g. with logins or captcha in open-ended tasks you can re-evaluate the task and try alternative ways, e.g. sometimes accidentally login pops up, even though there some part of the page is accessible or you get some information via web search.\n</browser_rules>\n\n<capability>\n- You can only handle single page app. Do not jump out of current page.\n- Do not click on link if it will open in a new page (etc. <a target="_blank">)\n- It is ok to fail the task.\n	- User can be wrong. If the request of user is not achievable, inappropriate or you do not have enough information or tools to achieve it. Tell user to make a better request.\n	- Webpage can be broken. All webpages or apps have bugs. Some bug will make it hard for your job. It\'s encouraged to tell user the problem of current page. Your feedbacks (including failing) are valuable for user.\n	- Trying to hard can be harmful. Repeating some action back and forth or pushing for a complex procedure with little knowledge can cause unwanted result and harmful side-effects. User would rather you to complete the task with a fail.\n- If you are not clear about the request or steps. `ask_user` to clarify it.\n- If you do not have knowledge for the current webpage or task. You must require user to give specific instructions and detailed steps.\n</capability>\n\n<task_completion_rules>\nYou must call the `done` action in one of three cases:\n- When you have fully completed the USER REQUEST.\n- When you reach the final allowed step (`max_steps`), even if the task is incomplete.\n- When you feel stuck or unable to solve user request. Or user request is not clear or contains inappropriate content.\n- If it is ABSOLUTELY IMPOSSIBLE to continue.\n\nThe `done` action is your opportunity to terminate and share your findings with the user.\n- Set `success` to `true` only if the full USER REQUEST has been completed with no missing components.\n- If any part of the request is missing, incomplete, or uncertain, set `success` to `false`.\n- You can use the `text` field of the `done` action to communicate your findings and to provide a coherent reply to the user and fulfill the USER REQUEST.\n- You are ONLY ALLOWED to call `done` as a single action. Don\'t call it together with other actions.\n- If the user asks for specified format, such as "return JSON with following structure", "return a list of format...", MAKE sure to use the right format in your answer.\n- If the user asks for a structured output, your `done` action\'s schema may be modified. Take this schema into account when solving the task!\n</task_completion_rules>\n\n<reasoning_rules>\nExhibit the following reasoning patterns to successfully achieve the <user_request>:\n\n- Reason about <agent_history> to track progress and context toward <user_request>.\n- Analyze the most recent "Next Goal" and "Action Result" in <agent_history> and clearly state what you previously tried to achieve.\n- Analyze all relevant items in <agent_history> and <browser_state> to understand your state.\n- Explicitly judge success/failure/uncertainty of the last action. Never assume an action succeeded just because it appears to be executed in your last step in <agent_history>. If the expected change is missing, mark the last action as failed (or uncertain) and plan a recovery.\n- Analyze whether you are stuck, e.g. when you repeat the same actions multiple times without any progress. Then consider alternative approaches e.g. scrolling for more context or ask user for help.\n- `ask_user` for help if you have any difficulty. Users want to be kept in the loop.\n- If you see information relevant to <user_request>, plan saving the information to memory.\n- Always reason about the <user_request>. Make sure to carefully analyze the specific steps and information required. E.g. specific filters, specific form fields, specific information to search. Make sure to always compare the current trajectory with the user request and think carefully if thats how the user requested it.\n</reasoning_rules>\n\n<examples>\nHere are examples of good output patterns. Use them as reference but never copy them directly.\n\n<evaluation_examples>\n- Positive Examples:\n"evaluation_previous_goal": "Successfully navigated to the product page and found the target information. Verdict: Success"\n"evaluation_previous_goal": "Clicked the login button and user authentication form appeared. Verdict: Success"\n</evaluation_examples>\n\n<memory_examples>\n"memory": "Found many pending reports that need to be analyzed in the main page. Successfully processed the first 2 reports on quarterly sales data and moving on to inventory analysis and customer feedback reports."\n</memory_examples>\n\n<next_goal_examples>\n"next_goal": "Click on the \'Add to Cart\' button to proceed with the purchase flow."\n"next_goal": "Extract details from the first item on the page."\n</next_goal_examples>\n</examples>\n\n<output>\nYou must ALWAYS respond with a valid JSON in this exact format:\n\n{\n  "evaluation_previous_goal": "Concise one-sentence analysis of your last action. Clearly state success, failure, or uncertain.",\n  "memory": "1-3 concise sentences of specific memory of this step and overall progress. You should put here everything that will help you track progress in future steps. Like counting pages visited, items found, etc.",\n  "next_goal": "State the next immediate goal and action to achieve it, in one clear sentence."\n  "action":{"one_action_name": {// action-specific parameter}}\n}\n</output>\n';
-function normalizeResponse(response) {
-  let resolvedArguments = null;
-  const choice = response.choices?.[0];
-  if (!choice) throw new Error("No choices in response");
-  const message = choice.message;
-  if (!message) throw new Error("No message in choice");
-  const toolCall = message.tool_calls?.[0];
-  if (toolCall?.function?.arguments) {
-    resolvedArguments = safeJsonParse(toolCall.function.arguments);
-    if (toolCall.function.name && toolCall.function.name !== "AgentOutput") {
-      console.log(chalk.yellow(`[normalizeResponse] #1: fixing tool_call`));
-      resolvedArguments = { action: safeJsonParse(resolvedArguments) };
-    }
-  } else {
-    if (message.content) {
-      const content = message.content.trim();
-      const jsonInContent = retrieveJsonFromString(content);
-      if (jsonInContent) {
-        resolvedArguments = safeJsonParse(jsonInContent);
-        if (resolvedArguments?.name === "AgentOutput") {
-          console.log(chalk.yellow(`[normalizeResponse] #2: fixing tool_call`));
-          resolvedArguments = safeJsonParse(resolvedArguments.arguments);
-        }
-        if (resolvedArguments?.type === "function") {
-          console.log(chalk.yellow(`[normalizeResponse] #3: fixing tool_call`));
-          resolvedArguments = safeJsonParse(resolvedArguments.function.arguments);
-        }
-        if (!resolvedArguments?.action && !resolvedArguments?.evaluation_previous_goal && !resolvedArguments?.memory && !resolvedArguments?.next_goal && !resolvedArguments?.thinking) {
-          console.log(chalk.yellow(`[normalizeResponse] #4: fixing tool_call`));
-          resolvedArguments = { action: safeJsonParse(resolvedArguments) };
-        }
-      } else {
-        throw new Error("No tool_call and the message content does not contain valid JSON");
-      }
-    } else {
-      throw new Error("No tool_call nor message content is present");
-    }
-  }
-  resolvedArguments = safeJsonParse(resolvedArguments);
-  if (resolvedArguments.action) {
-    resolvedArguments.action = safeJsonParse(resolvedArguments.action);
-  }
-  if (!resolvedArguments.action) {
-    console.log(chalk.yellow(`[normalizeResponse] #5: fixing tool_call`));
-    resolvedArguments.action = { name: "wait", input: { seconds: 1 } };
-  }
-  return {
-    ...response,
-    choices: [
-      {
-        ...choice,
-        message: {
-          ...message,
-          tool_calls: [
-            {
-              ...toolCall || {},
-              function: {
-                ...toolCall?.function || {},
-                name: "AgentOutput",
-                arguments: JSON.stringify(resolvedArguments)
-              }
-            }
-          ]
-        }
-      }
-    ]
-  };
-}
-__name(normalizeResponse, "normalizeResponse");
-function safeJsonParse(input) {
-  if (typeof input === "string") {
-    try {
-      return JSON.parse(input.trim());
-    } catch {
-      return input;
-    }
-  }
-  return input;
-}
-__name(safeJsonParse, "safeJsonParse");
-function retrieveJsonFromString(str) {
-  try {
-    const json = /({[\s\S]*})/.exec(str) ?? [];
-    if (json.length === 0) {
-      return null;
-    }
-    return JSON.parse(json[0]);
-  } catch {
-    return null;
-  }
-}
-__name(retrieveJsonFromString, "retrieveJsonFromString");
-async function waitFor(seconds) {
-  await new Promise((resolve) => setTimeout(resolve, seconds * 1e3));
-}
-__name(waitFor, "waitFor");
-function trimLines(text) {
-  return text.split("\n").map((line) => line.trim()).join("\n");
-}
-__name(trimLines, "trimLines");
-function randomID(existingIDs) {
-  let id = Math.random().toString(36).substring(2, 11);
-  if (!existingIDs) {
-    return id;
-  }
-  const MAX_TRY = 1e3;
-  let tryCount = 0;
-  while (existingIDs.includes(id)) {
-    id = Math.random().toString(36).substring(2, 11);
-    tryCount++;
-    if (tryCount > MAX_TRY) {
-      throw new Error("randomID: too many try");
-    }
-  }
-  return id;
-}
-__name(randomID, "randomID");
-if (!window.__PAGE_AGENT_IDS__) {
-  window.__PAGE_AGENT_IDS__ = [];
-}
-const ids = window.__PAGE_AGENT_IDS__;
-function uid() {
-  const id = randomID(ids);
-  ids.push(id);
-  return id;
-}
-__name(uid, "uid");
-function tool(options) {
-  return options;
-}
-__name(tool, "tool");
-const tools = /* @__PURE__ */ new Map();
-tools.set(
-  "done",
-  tool({
-    description: "Complete task - provide a summary of results for the user. Set success=True if task completed successfully, false otherwise. Text should be your response to the user summarizing results.",
-    inputSchema: zod.object({
-      text: zod.string(),
-      success: zod.boolean().default(true)
-    }),
-    execute: /* @__PURE__ */ __name(async function(input) {
-      return Promise.resolve("Task completed");
-    }, "execute")
-  })
-);
-tools.set(
-  "wait",
-  tool({
-    description: "Wait for x seconds. default 1s (max 10 seconds, min 1 second). This can be used to wait until the page or data is fully loaded.",
-    inputSchema: zod.object({
-      seconds: zod.number().min(1).max(10).default(1)
-    }),
-    execute: /* @__PURE__ */ __name(async function(input) {
-      const lastTimeUpdate = await this.pageController.getLastUpdateTime();
-      const actualWaitTime = Math.max(0, input.seconds - (Date.now() - lastTimeUpdate) / 1e3);
-      console.log(`actualWaitTime: ${actualWaitTime} seconds`);
-      await waitFor(actualWaitTime);
-      this.states.totalWaitTime += input.seconds;
-      if (this.states.totalWaitTime >= 3) {
-        this.pushObservation(
-          `You have waited ${this.states.totalWaitTime} seconds accumulatively. Do NOT wait any longer unless you have a good reason.`
-        );
-      }
-      return `✅ Waited for ${input.seconds} seconds.`;
-    }, "execute")
-  })
-);
-tools.set(
-  "ask_user",
-  tool({
-    description: "Ask the user a question and wait for their answer. Use this if you need more information or clarification.",
-    inputSchema: zod.object({
-      question: zod.string()
-    }),
-    execute: /* @__PURE__ */ __name(async function(input) {
-      const answer = await this.panel.askUser(input.question);
-      return `✅ Received user answer: ${answer}`;
-    }, "execute")
-  })
-);
-tools.set(
-  "click_element_by_index",
-  tool({
-    description: "Click element by index",
-    inputSchema: zod.object({
-      index: zod.int().min(0)
-    }),
-    execute: /* @__PURE__ */ __name(async function(input) {
-      const result = await this.pageController.clickElement(input.index);
-      return result.message;
-    }, "execute")
-  })
-);
-tools.set(
-  "input_text",
-  tool({
-    description: "Click and input text into a input interactive element",
-    inputSchema: zod.object({
-      index: zod.int().min(0),
-      text: zod.string()
-    }),
-    execute: /* @__PURE__ */ __name(async function(input) {
-      const result = await this.pageController.inputText(input.index, input.text);
-      return result.message;
-    }, "execute")
-  })
-);
-tools.set(
-  "select_dropdown_option",
-  tool({
-    description: "Select dropdown option for interactive element index by the text of the option you want to select",
-    inputSchema: zod.object({
-      index: zod.int().min(0),
-      text: zod.string()
-    }),
-    execute: /* @__PURE__ */ __name(async function(input) {
-      const result = await this.pageController.selectOption(input.index, input.text);
-      return result.message;
-    }, "execute")
-  })
-);
-tools.set(
-  "scroll",
-  tool({
-    description: "Scroll the page by specified number of pages (set down=True to scroll down, down=False to scroll up, num_pages=number of pages to scroll like 0.5 for half page, 1.0 for one page, etc.). Optional index parameter to scroll within a specific element or its scroll container (works well for dropdowns and custom UI components). Optional pixels parameter to scroll by a specific number of pixels instead of pages.",
-    inputSchema: zod.object({
-      down: zod.boolean().default(true),
-      num_pages: zod.number().min(0).max(10).optional().default(0.1),
-      pixels: zod.number().int().min(0).optional(),
-      index: zod.number().int().min(0).optional()
-    }),
-    execute: /* @__PURE__ */ __name(async function(input) {
-      const result = await this.pageController.scroll({
-        ...input,
-        numPages: input.num_pages
-      });
-      return result.message;
-    }, "execute")
-  })
-);
-tools.set(
-  "scroll_horizontally",
-  tool({
-    description: "Scroll the page or element horizontally (set right=True to scroll right, right=False to scroll left, pixels=number of pixels to scroll). Optional index parameter to scroll within a specific element or its scroll container (works well for wide tables).",
-    inputSchema: zod.object({
-      right: zod.boolean().default(true),
-      pixels: zod.number().int().min(0),
-      index: zod.number().int().min(0).optional()
-    }),
-    execute: /* @__PURE__ */ __name(async function(input) {
-      const result = await this.pageController.scrollHorizontally(input);
-      return result.message;
-    }, "execute")
-  })
-);
-tools.set(
-  "execute_javascript",
-  tool({
-    description: "Execute JavaScript code on the current page. Supports async/await syntax. Use with caution!",
-    inputSchema: zod.object({
-      script: zod.string()
-    }),
-    execute: /* @__PURE__ */ __name(async function(input) {
-      const result = await this.pageController.executeJavascript(input.script);
-      return result.message;
-    }, "execute")
-  })
-);
-function assert(condition, message, silent) {
-  if (!condition) {
-    const errorMessage = message ?? "Assertion failed";
-    console.error(chalk.red(`❌ assert: ${errorMessage}`));
-    throw new Error(errorMessage);
-  }
-}
-__name(assert, "assert");
-const _PageAgent = class _PageAgent extends EventTarget {
+const _PageAgent = class _PageAgent extends PageAgentCore {
+  panel;
   constructor(config) {
-    super();
-    __privateAdd(this, _PageAgent_instances);
-    __publicField(this, "config");
-    __publicField(this, "id", uid());
-    __publicField(this, "panel");
-    __publicField(this, "tools");
-    __publicField(this, "disposed", false);
-    __publicField(this, "task", "");
-    __publicField(this, "taskId", "");
-    __privateAdd(this, _llm);
-    __privateAdd(this, _abortController, new AbortController());
-    __privateAdd(this, _llmRetryListener, null);
-    __privateAdd(this, _llmErrorListener, null);
-    __privateAdd(this, _beforeUnloadListener, null);
-    /** PageController for DOM operations */
-    __publicField(this, "pageController");
-    /** Runtime states for tracking across steps */
-    __publicField(this, "states", {
-      /** Accumulated wait time in seconds, used by wait tool */
-      totalWaitTime: 0,
-      /** Last known URL for detecting navigation */
-      lastURL: ""
-    });
-    /** History event stream */
-    __publicField(this, "history", []);
-    this.config = config;
-    __privateSet(this, _llm, new LLM(this.config));
-    this.panel = new Panel({
-      language: this.config.language,
-      onExecuteTask: /* @__PURE__ */ __name((task) => this.execute(task), "onExecuteTask"),
-      onStop: /* @__PURE__ */ __name(() => this.dispose(), "onStop")
-    });
-    this.tools = new Map(tools);
-    this.pageController = new PageController({
-      ...this.config,
-      enableMask: this.config.enableMask ?? true
-    });
-    __privateSet(this, _llmRetryListener, (e) => {
-      const { current, max } = e.detail;
-      this.panel.update({ type: "retry", current, max });
+    const pageController = new PageController({
+      ...config,
+      enableMask: config.enableMask ?? true
     });
-    __privateSet(this, _llmErrorListener, (e) => {
-      const { error } = e.detail;
-      this.panel.update({ type: "error", message: `step failed: ${error.message}` });
+    super({ ...config, pageController });
+    this.panel = new Panel(this, {
+      language: config.language
     });
-    __privateGet(this, _llm).addEventListener("retry", __privateGet(this, _llmRetryListener));
-    __privateGet(this, _llm).addEventListener("error", __privateGet(this, _llmErrorListener));
-    if (this.config.customTools) {
-      for (const [name, tool2] of Object.entries(this.config.customTools)) {
-        if (tool2 === null) {
-          this.tools.delete(name);
-          continue;
-        }
-        this.tools.set(name, tool2);
-      }
-    }
-    if (!this.config.experimentalScriptExecutionTool) {
-      this.tools.delete("execute_javascript");
-    }
-    __privateSet(this, _beforeUnloadListener, (e) => {
-      if (!this.disposed) this.dispose("PAGE_UNLOADING");
-    });
-    window.addEventListener("beforeunload", __privateGet(this, _beforeUnloadListener));
-  }
-  /**
-   * Push a persistent observation to the history event stream.
-   * This will be visible in <agent_history> and remain in memory across steps.
-   */
-  pushObservation(content) {
-    this.history.push({ type: "observation", content });
-    this.panel.update({ type: "observation", content });
-  }
-  async execute(task) {
-    if (!task) throw new Error("Task is required");
-    this.task = task;
-    this.taskId = uid();
-    const onBeforeStep = this.config.onBeforeStep || (() => void 0);
-    const onAfterStep = this.config.onAfterStep || (() => void 0);
-    const onBeforeTask = this.config.onBeforeTask || (() => void 0);
-    const onAfterTask = this.config.onAfterTask || (() => void 0);
-    await onBeforeTask.call(this);
-    this.pageController.showMask();
-    this.panel.show();
-    this.panel.reset();
-    this.panel.update({ type: "input", task: this.task });
-    if (__privateGet(this, _abortController)) {
-      __privateGet(this, _abortController).abort();
-      __privateSet(this, _abortController, new AbortController());
-    }
-    this.history = [];
-    this.states = {
-      totalWaitTime: 0,
-      lastURL: ""
-    };
-    try {
-      let step = 0;
-      while (true) {
-        await __privateMethod(this, _PageAgent_instances, generateObservations_fn).call(this, step);
-        await onBeforeStep.call(this, step);
-        console.group(`step: ${step}`);
-        if (__privateGet(this, _abortController).signal.aborted) throw new Error("AbortError");
-        console.log(chalk.blue("Thinking..."));
-        this.panel.update({ type: "thinking" });
-        const result = await __privateGet(this, _llm).invoke(
-          [
-            {
-              role: "system",
-              content: __privateMethod(this, _PageAgent_instances, getSystemPrompt_fn).call(this)
-            },
-            {
-              role: "user",
-              content: await __privateMethod(this, _PageAgent_instances, assembleUserPrompt_fn).call(this)
-            }
-          ],
-          { AgentOutput: __privateMethod(this, _PageAgent_instances, packMacroTool_fn).call(this) },
-          __privateGet(this, _abortController).signal,
-          {
-            toolChoiceName: "AgentOutput",
-            normalizeResponse
-          }
-        );
-        const macroResult = result.toolResult;
-        const input = macroResult.input;
-        const output = macroResult.output;
-        const reflection = {
-          evaluation_previous_goal: input.evaluation_previous_goal,
-          memory: input.memory,
-          next_goal: input.next_goal
-        };
-        const actionName = Object.keys(input.action)[0];
-        const action = {
-          name: actionName,
-          input: input.action[actionName],
-          output
-        };
-        this.history.push({
-          type: "step",
-          reflection,
-          action,
-          usage: result.usage
-        });
-        console.log(chalk.green("Step finished:"), actionName);
-        console.groupEnd();
-        await onAfterStep.call(this, step, this.history);
-        step++;
-        if (step > MAX_STEPS) {
-          __privateMethod(this, _PageAgent_instances, onDone_fn).call(this, "Step count exceeded maximum limit", false);
-          const result2 = {
-            success: false,
-            data: "Step count exceeded maximum limit",
-            history: this.history
-          };
-          await onAfterTask.call(this, result2);
-          return result2;
-        }
-        if (actionName === "done") {
-          const success = action.input?.success ?? false;
-          const text = action.input?.text || "no text provided";
-          console.log(chalk.green.bold("Task completed"), success, text);
-          __privateMethod(this, _PageAgent_instances, onDone_fn).call(this, text, success);
-          const result2 = {
-            success,
-            data: text,
-            history: this.history
-          };
-          await onAfterTask.call(this, result2);
-          return result2;
-        }
-      }
-    } catch (error) {
-      console.error("Task failed", error);
-      __privateMethod(this, _PageAgent_instances, onDone_fn).call(this, String(error), false);
-      const result = {
-        success: false,
-        data: String(error),
-        history: this.history
-      };
-      await onAfterTask.call(this, result);
-      return result;
-    }
-  }
-  dispose(reason) {
-    console.log("Disposing PageAgent...");
-    this.disposed = true;
-    this.pageController.dispose();
-    this.panel.dispose();
-    this.history = [];
-    __privateGet(this, _abortController).abort(reason ?? "PageAgent disposed");
-    if (__privateGet(this, _llmRetryListener)) {
-      __privateGet(this, _llm).removeEventListener("retry", __privateGet(this, _llmRetryListener));
-      __privateSet(this, _llmRetryListener, null);
-    }
-    if (__privateGet(this, _llmErrorListener)) {
-      __privateGet(this, _llm).removeEventListener("error", __privateGet(this, _llmErrorListener));
-      __privateSet(this, _llmErrorListener, null);
-    }
-    if (__privateGet(this, _beforeUnloadListener)) {
-      window.removeEventListener("beforeunload", __privateGet(this, _beforeUnloadListener));
-      __privateSet(this, _beforeUnloadListener, null);
-    }
-    this.config.onDispose?.call(this, reason);
   }
 };
-_llm = new WeakMap();
-_abortController = new WeakMap();
-_llmRetryListener = new WeakMap();
-_llmErrorListener = new WeakMap();
-_beforeUnloadListener = new WeakMap();
-_PageAgent_instances = new WeakSet();
-/**
- * Merge all tools into a single MacroTool with the following input:
- * - thinking: string
- * - evaluation_previous_goal: string
- * - memory: string
- * - next_goal: string
- * - action: { toolName: toolInput }
- * where action must be selected from tools defined in this.tools
- */
-packMacroTool_fn = /* @__PURE__ */ __name(function() {
-  const tools2 = this.tools;
-  const actionSchemas = Array.from(tools2.entries()).map(([toolName, tool2]) => {
-    return zod.object({ [toolName]: tool2.inputSchema }).describe(tool2.description);
-  });
-  const actionSchema = zod.union(
-    actionSchemas
-  );
-  const macroToolSchema = zod.object({
-    // thinking: zod.string().optional(),
-    evaluation_previous_goal: zod.string().optional(),
-    memory: zod.string().optional(),
-    next_goal: zod.string().optional(),
-    action: actionSchema
-  });
-  return {
-    description: "You MUST call this tool every step. Outputs your reflections and next action.",
-    inputSchema: macroToolSchema,
-    execute: /* @__PURE__ */ __name(async (input) => {
-      if (__privateGet(this, _abortController).signal.aborted) throw new Error("AbortError");
-      console.log(chalk.blue.bold("MacroTool execute"), input);
-      const action = input.action;
-      const toolName = Object.keys(action)[0];
-      const toolInput = action[toolName];
-      const reflectionLines = [];
-      if (input.evaluation_previous_goal)
-        reflectionLines.push(`✅: ${input.evaluation_previous_goal}`);
-      if (input.memory) reflectionLines.push(`💾: ${input.memory}`);
-      if (input.next_goal) reflectionLines.push(`🎯: ${input.next_goal}`);
-      const reflectionText = reflectionLines.length > 0 ? reflectionLines.join("\n") : "";
-      if (reflectionText) {
-        console.log(reflectionText);
-        this.panel.update({ type: "thinking", text: reflectionText });
-      }
-      const tool2 = tools2.get(toolName);
-      assert(tool2, `Tool ${toolName} not found. (@note should have been caught before this!!!)`);
-      console.log(chalk.blue.bold(`Executing tool: ${toolName}`), toolInput);
-      this.panel.update({ type: "toolExecuting", toolName, args: toolInput });
-      const startTime = Date.now();
-      const result = await tool2.execute.bind(this)(toolInput);
-      const duration = Date.now() - startTime;
-      console.log(chalk.green.bold(`Tool (${toolName}) executed for ${duration}ms`), result);
-      if (toolName !== "wait") {
-        this.states.totalWaitTime = 0;
-      }
-      this.panel.update({
-        type: "toolCompleted",
-        toolName,
-        args: toolInput,
-        result,
-        duration
-      });
-      await new Promise((resolve) => setTimeout(resolve, 100));
-      return {
-        input,
-        output: result
-      };
-    }, "execute")
-  };
-}, "#packMacroTool");
-/**
- * Get system prompt, dynamically replace language settings based on configured language
- */
-getSystemPrompt_fn = /* @__PURE__ */ __name(function() {
-  let systemPrompt = SYSTEM_PROMPT;
-  const targetLanguage = this.config.language === "zh-CN" ? "中文" : "English";
-  systemPrompt = systemPrompt.replace(
-    /Default working language: \*\*.*?\*\*/,
-    `Default working language: **${targetLanguage}**`
-  );
-  return systemPrompt;
-}, "#getSystemPrompt");
-getInstructions_fn = /* @__PURE__ */ __name(async function() {
-  const { instructions } = this.config;
-  if (!instructions) return "";
-  const systemInstructions = instructions.system?.trim();
-  const url = await this.pageController.getCurrentUrl();
-  let pageInstructions;
-  if (instructions.getPageInstructions) {
-    try {
-      pageInstructions = instructions.getPageInstructions(url)?.trim();
-    } catch (error) {
-      console.error(
-        chalk.red("[PageAgent] Failed to execute getPageInstructions callback:"),
-        error
-      );
-    }
-  }
-  if (!systemInstructions && !pageInstructions) return "";
-  let result = "<instructions>\n";
-  if (systemInstructions) {
-    result += `<system_instructions>
-${systemInstructions}
-</system_instructions>
-`;
-  }
-  if (pageInstructions) {
-    result += `<page_instructions>
-${pageInstructions}
-</page_instructions>
-`;
-  }
-  result += "</instructions>\n\n";
-  return result;
-}, "#getInstructions");
-generateObservations_fn = /* @__PURE__ */ __name(async function(stepCount) {
-  const currentURL = await this.pageController.getCurrentUrl();
-  if (currentURL !== this.states.lastURL) {
-    this.pushObservation(`Page navigated to → ${currentURL}`);
-    this.states.lastURL = currentURL;
-  }
-  const remaining = MAX_STEPS - stepCount;
-  if (remaining === 5) {
-    this.pushObservation(
-      `⚠️ Only ${remaining} steps remaining. Consider wrapping up or calling done with partial results.`
-    );
-  } else if (remaining === 2) {
-    this.pushObservation(
-      `⚠️ Critical: Only ${remaining} steps left! You must finish the task or call done immediately.`
-    );
-  }
-}, "#generateObservations");
-assembleUserPrompt_fn = /* @__PURE__ */ __name(async function() {
-  let prompt = "";
-  prompt += await __privateMethod(this, _PageAgent_instances, getInstructions_fn).call(this);
-  const stepCount = this.history.filter((e) => e.type === "step").length;
-  prompt += `<agent_state>
-			<user_request>
-			${this.task}
-			</user_request>
-			<step_info>
-			Step ${stepCount + 1} of ${MAX_STEPS} max possible steps
-			Current date and time: ${(/* @__PURE__ */ new Date()).toISOString()}
-			</step_info>
-			</agent_state>
-		`;
-  prompt += "\n<agent_history>\n";
-  let stepIndex = 0;
-  for (const event of this.history) {
-    if (event.type === "step") {
-      stepIndex++;
-      prompt += `<step_${stepIndex}>
-				Evaluation of Previous Step: ${event.reflection.evaluation_previous_goal}
-				Memory: ${event.reflection.memory}
-				Next Goal: ${event.reflection.next_goal}
-				Action Results: ${event.action.output}
-				</step_${stepIndex}>
-			`;
-    } else if (event.type === "observation") {
-      prompt += `<sys>${event.content}</sys>
-`;
-    } else if (event.type === "user_takeover") {
-      prompt += `<sys>User took over control and made changes to the page.</sys>
-`;
-    }
-  }
-  prompt += "</agent_history>\n\n";
-  prompt += await __privateMethod(this, _PageAgent_instances, getBrowserState_fn).call(this);
-  return trimLines(prompt);
-}, "#assembleUserPrompt");
-onDone_fn = /* @__PURE__ */ __name(function(text, success = true) {
-  this.pageController.cleanUpHighlights();
-  if (success) {
-    this.panel.update({ type: "output", text });
-  } else {
-    this.panel.update({ type: "error", message: text });
-  }
-  this.panel.update({ type: "completed" });
-  this.pageController.hideMask();
-  __privateGet(this, _abortController).abort();
-}, "#onDone");
-getBrowserState_fn = /* @__PURE__ */ __name(async function() {
-  const state = await this.pageController.getBrowserState();
-  let content = state.content;
-  if (this.config.transformPageContent) {
-    content = await this.config.transformPageContent(content);
-  }
-  return trimLines(`<browser_state>
-			Current Page: [${state.title}](${state.url})
-
-			${state.header}
-			${content}
-			${state.footer}
-
-			</browser_state>
-		`);
-}, "#getBrowserState");
 __name(_PageAgent, "PageAgent");
 let PageAgent = _PageAgent;
 export {
-  PageAgent,
-  tool
+  PageAgent
 };
 //# sourceMappingURL=page-agent.js.map