micro-models-agent 0.30.0 → 0.31.0

package/dist/main.js

@@ -2224,6 +2224,8 @@ var init_defaults = __esm(() => {
       enabled: true,
       headless: true,
       maxElements: 30,
+      maxContentChars: 2500,
+      maxConsoleEntries: 20,
       viewportWidth: 1280,
       viewportHeight: 720,
       navigationTimeout: 15000
@@ -2784,6 +2786,10 @@ Use this knowledge to answer the user's question.`,
     "browser.no_page_short": "No page",
     "browser.no_elements": "(no interactive elements on page)",
     "browser.more_elements": "... and more elements not shown. Use scroll or search to find others.",
+    "browser.content_header": "Content:",
+    "browser.console_header": "Console:",
+    "browser.network_errors_header": "Network errors:",
+    "browser.truncated": "... (truncated)",
     "pipeline.invalid": "Invalid pipeline: name and steps required",
     "pipeline.step_missing_fields": "Step missing required fields (id, agent, prompt): {step}",
     "pipeline.circular": "Circular dependency: {stepId}",
@@ -3357,6 +3363,10 @@ var init_ru = __esm(() => {
     "browser.no_page_short": "Нет страницы",
     "browser.no_elements": "(нет интерактивных элементов на странице)",
     "browser.more_elements": "... и другие элементы не показаны. Используйте прокрутку или поиск.",
+    "browser.content_header": "Содержимое:",
+    "browser.console_header": "Консоль:",
+    "browser.network_errors_header": "Сетевые ошибки:",
+    "browser.truncated": "... (обрезано)",
     "pipeline.invalid": "Невалидный пайплайн: требуются name и steps",
     "pipeline.step_missing_fields": "Шаг не содержит обязательных полей (id, agent, prompt): {step}",
     "pipeline.circular": "Циклическая зависимость: {stepId}",
@@ -13660,6 +13670,22 @@ var init_recall = __esm(() => {
   };
 });
 
+// src/modules/browser/types.ts
+var DEFAULT_BROWSER_CONFIG;
+var init_types = __esm(() => {
+  DEFAULT_BROWSER_CONFIG = {
+    headless: true,
+    maxElements: 30,
+    maxContentChars: 2500,
+    maxConsoleEntries: 20,
+    screenshotMaxWidth: 1280,
+    cookieDir: "",
+    viewportWidth: 1280,
+    viewportHeight: 720,
+    navigationTimeout: 15000
+  };
+});
+
 // src/modules/browser/snapshot.ts
 function inferRole(tag, type) {
   const t2 = tag.toLowerCase();
@@ -13747,35 +13773,69 @@ function extractInteractiveElements(html, maxElements = 30) {
   }
   return elements;
 }
-function formatSnapshot(snapshot) {
+function truncateText(text, maxChars) {
+  if (maxChars <= 0)
+    return "";
+  if (text.length <= maxChars)
+    return text;
+  const cut = text.slice(0, maxChars);
+  const lastNewline = cut.lastIndexOf(`
+`);
+  const safe = lastNewline > maxChars * 0.6 ? cut.slice(0, lastNewline) : cut;
+  return `${safe}
+${t("browser.truncated")}`;
+}
+function formatSnapshot(snapshot, maxContentChars = DEFAULT_BROWSER_CONFIG.maxContentChars) {
   const lines = [];
   lines.push(`Page: "${snapshot.title}"`);
   lines.push(`URL: ${snapshot.url}`);
   lines.push("");
   if (snapshot.elements.length === 0 && !snapshot.truncated) {
     lines.push(t("browser.no_elements"));
-    return lines.join(`
-`);
+  } else {
+    for (const el of snapshot.elements) {
+      let line = `[${el.index}] ${el.role}`;
+      if (el.name)
+        line += ` "${el.name}"`;
+      if (el.href)
+        line += ` → ${el.href}`;
+      if (el.value)
+        line += ` = "${el.value}"`;
+      lines.push(line);
+    }
+    if (snapshot.truncated) {
+      lines.push("");
+      lines.push(t("browser.more_elements"));
+    }
+  }
+  if (snapshot.content) {
+    lines.push("");
+    lines.push(t("browser.content_header"));
+    for (const line of truncateText(snapshot.content, maxContentChars).split(`
+`)) {
+      lines.push(`- ${line}`);
+    }
   }
-  for (const el of snapshot.elements) {
-    let line = `[${el.index}] ${el.role}`;
-    if (el.name)
-      line += ` "${el.name}"`;
-    if (el.href)
-      line += ` → ${el.href}`;
-    if (el.value)
-      line += ` = "${el.value}"`;
-    lines.push(line);
-  }
-  if (snapshot.truncated) {
+  if (snapshot.console.length > 0) {
     lines.push("");
-    lines.push(t("browser.more_elements"));
+    lines.push(t("browser.console_header"));
+    for (const entry of snapshot.console) {
+      lines.push(`[${entry.type}] ${entry.text}`);
+    }
+  }
+  if (snapshot.networkErrors.length > 0) {
+    lines.push("");
+    lines.push(t("browser.network_errors_header"));
+    for (const err of snapshot.networkErrors) {
+      lines.push(`${err.method} ${err.url} → ${err.error}`);
+    }
   }
   return lines.join(`
 `);
 }
 var init_snapshot = __esm(() => {
   init_i18n();
+  init_types();
 });
 
 // src/modules/browser/actions.ts
@@ -13822,6 +13882,36 @@ function buildIndexInjectionScript() {
     });
   `;
 }
+function buildTextExtractionScript() {
+  return `
+    const contentTags = new Set(['h1','h2','h3','h4','h5','h6','p','li','article','main','section','blockquote','pre','td','th','dt','dd','figcaption']);
+    const out = [];
+    const seen = new Set();
+    const isHidden = (el) => {
+      const st = window.getComputedStyle(el);
+      return st.display === 'none' || st.visibility === 'hidden';
+    };
+    const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_ELEMENT, {
+      acceptNode: (node) => {
+        const tag = node.tagName ? node.tagName.toLowerCase() : '';
+        if (!contentTags.has(tag)) return NodeFilter.FILTER_SKIP;
+        if (isHidden(node)) return NodeFilter.FILTER_REJECT;
+        return NodeFilter.FILTER_ACCEPT;
+      }
+    });
+    let node;
+    while ((node = walker.nextNode())) {
+      const tag = node.tagName.toLowerCase();
+      const text = (node.textContent || '').replace(/\\s+/g, ' ').trim();
+      if (!text) continue;
+      if (seen.has(text)) continue;
+      seen.add(text);
+      const line = text.length > 200 ? text.slice(0, 200) + '…' : text;
+      out.push('[' + tag + '] ' + line);
+    }
+    return out.join('\\n');
+  `;
+}
 
 // src/modules/browser/cookie-store.ts
 import { readFile, writeFile, mkdir } from "fs/promises";
@@ -13855,6 +13945,33 @@ import {
   chromium
 } from "playwright";
 
+class ConsoleBuffer {
+  entries = [];
+  maxEntries;
+  constructor(maxEntries = 20) {
+    this.maxEntries = maxEntries;
+  }
+  add(type, text) {
+    const clean = String(text).replace(/\s+/g, " ").trim();
+    if (!clean)
+      return;
+    const line = clean.length > CONSOLE_MAX_LINE ? clean.slice(0, CONSOLE_MAX_LINE) + "…" : clean;
+    this.entries.push({ type, text: line });
+    if (this.entries.length > this.maxEntries) {
+      this.entries.splice(0, this.entries.length - this.maxEntries);
+    }
+  }
+  clear() {
+    this.entries = [];
+  }
+  getAll() {
+    return [...this.entries];
+  }
+  get size() {
+    return this.entries.length;
+  }
+}
+
 class BrowserActionTracker {
   history = [];
   threshold;
@@ -13893,9 +14010,12 @@ class BrowserSession {
     elementCount: 0
   };
   actionTracker = new BrowserActionTracker(3);
+  consoleBuffer;
+  networkErrors = [];
   constructor(config) {
     this.config = config;
     this.cookieStore = new CookieStore(config.cookieDir);
+    this.consoleBuffer = new ConsoleBuffer(config.maxConsoleEntries);
   }
   getState() {
     return { ...this.state };
@@ -13981,6 +14101,20 @@ class BrowserSession {
     }
     this.page = await this.context.newPage();
     this.page.setDefaultTimeout(this.config.navigationTimeout);
+    this.page.on("console", (msg) => {
+      this.consoleBuffer.add(msg.type(), msg.text());
+    });
+    this.page.on("pageerror", (err) => {
+      this.consoleBuffer.add("pageerror", `Page error: ${err.message}`);
+    });
+    this.page.on("requestfailed", (req) => {
+      const failure = req.failure();
+      this.networkErrors.push({
+        method: req.method(),
+        url: req.url(),
+        error: failure?.errorText || "unknown"
+      });
+    });
   }
   async saveCookies() {
     if (!this.context)
@@ -13995,6 +14129,12 @@ class BrowserSession {
     const html = await this.page.content();
     const url = this.page.url();
     const title = await this.page.title();
+    let content = "";
+    try {
+      content = await this.page.evaluate(buildTextExtractionScript());
+    } catch {
+      content = "";
+    }
     const allElements = extractInteractiveElements(html, this.config.maxElements + 5);
     const truncated = allElements.length > this.config.maxElements;
     const elements = allElements.slice(0, this.config.maxElements);
@@ -14004,7 +14144,15 @@ class BrowserSession {
       title,
       elementCount: elements.length
     };
-    return formatSnapshot({ url, title, elements, truncated });
+    return formatSnapshot({
+      url,
+      title,
+      elements,
+      content,
+      console: this.consoleBuffer.getAll(),
+      networkErrors: this.networkErrors.slice(-5),
+      truncated
+    });
   }
   async open(url) {
     if (!url)
@@ -14017,6 +14165,8 @@ class BrowserSession {
     if (!this.page)
       return { success: false, output: t("browser.create_page_failed") };
     this.actionTracker.reset();
+    this.consoleBuffer.clear();
+    this.networkErrors = [];
     try {
       await this.page.goto(url, {
         waitUntil: "domcontentloaded",
@@ -14173,26 +14323,13 @@ class BrowserSession {
     return { success: true, output: t("browser.closed") };
   }
 }
+var CONSOLE_MAX_LINE = 200;
 var init_session = __esm(() => {
   init_snapshot();
   init_cookie_store();
   init_i18n();
 });
 
-// src/modules/browser/types.ts
-var DEFAULT_BROWSER_CONFIG;
-var init_types = __esm(() => {
-  DEFAULT_BROWSER_CONFIG = {
-    headless: true,
-    maxElements: 30,
-    screenshotMaxWidth: 1280,
-    cookieDir: "",
-    viewportWidth: 1280,
-    viewportHeight: 720,
-    navigationTimeout: 15000
-  };
-});
-
 // src/tools/browser.ts
 import { join as join18 } from "path";
 function getSession(ctx) {
@@ -14202,6 +14339,8 @@ function getSession(ctx) {
       ...DEFAULT_BROWSER_CONFIG,
       headless: ctx.config.browser?.headless ?? true,
       maxElements: ctx.config.browser?.maxElements ?? 30,
+      maxContentChars: ctx.config.browser?.maxContentChars ?? 2500,
+      maxConsoleEntries: ctx.config.browser?.maxConsoleEntries ?? 20,
       navigationTimeout: ctx.config.browser?.navigationTimeout ?? 15000,
       viewportWidth: ctx.config.browser?.viewportWidth ?? 1280,
       viewportHeight: ctx.config.browser?.viewportHeight ?? 720,
@@ -14230,7 +14369,8 @@ function createBrowserTool() {
     tags: ["browser", "vision"],
     description: [
       "Control a headless browser. Navigate pages, click elements, type text, scroll, take screenshots.",
-      "Returns a numbered list of interactive elements — use element numbers as targets for click/type.",
+      "Each snapshot returns: a numbered list of interactive elements, the visible page text (Content section), browser console messages, and network errors.",
+      "Use the Content section to understand what the page says; use element numbers as targets for click/type.",
       "Actions: open (url), click (target), type (target, text), scroll (direction), back, forward, screenshot, snapshot, close, wait (ms)."
     ].join(" "),
     parameters: {
@@ -17002,6 +17142,7 @@ class BrowserModule {
       content: [
         "You have a headless browser tool. Use it to navigate websites, click links, fill forms, and read page content.",
         "Workflow: open(url) → read snapshot → click/type on element numbers → read updated snapshot.",
+        'Each snapshot includes a "Content" section with the visible page text, a "Console" section with browser messages, and network errors. Use these to understand the page, detect JS errors, and verify the result of your actions.',
         'Always start with "open" action. Use element numbers from snapshot for click/type targets.',
         'Use "screenshot" action only if the model supports vision. Otherwise rely on the text snapshot.'
       ].join(`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "micro-models-agent",
-  "version": "0.30.0",
+  "version": "0.31.0",
   "description": "Micro Models Agent (MMA) — LLM agent harness for small models (Qwen3.5-9B, 32K-64K context)",
   "type": "module",
   "bin": {