ttp-agent-sdk 2.45.6 → 2.45.7

package/dist/agent-widget.dev.js

@@ -11947,7 +11947,7 @@ var TextChatSDK = /*#__PURE__*/function (_EventEmitter) {
 
       // SDK build time for debugging
       if (true) {
-        helloMessage.lastBuildTime = "2026-06-13T08:36:31.824Z";
+        helloMessage.lastBuildTime = "2026-06-14T07:18:03.004Z";
       }
       try {
         this.ws.send(JSON.stringify(helloMessage));
@@ -20113,8 +20113,8 @@ var VoiceSDK = _v2_VoiceSDK_js__WEBPACK_IMPORTED_MODULE_0__["default"];
 
 
 // Version - injected at build time from package.json via webpack DefinePlugin
-var VERSION = "2.45.6";
-var BUILD_TIME = "2026-06-13T08:36:31.824Z";
+var VERSION = "2.45.7";
+var BUILD_TIME = "2026-06-14T07:18:03.004Z";
 console.log("%c TTP Agent SDK v".concat(VERSION, " (").concat(BUILD_TIME, ") "), 'background: #4f46e5; color: white; font-size: 12px; font-weight: bold; padding: 2px 6px; border-radius: 4px;');
 
 // Named exports
@@ -23039,208 +23039,300 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 /**
  * DOM Context Extraction
- * 
- * Extracts structured information about interactive elements on the page
- * to provide context to the LLM for visual assistance.
+ *
+ * Extracts the actual readable content of the page — text, headings, code
+ * blocks, lists — plus interactive elements (buttons, forms, links) for
+ * navigation and action context.
  */
 
 
-
-// Default limits to prevent token explosion
 var DEFAULT_LIMITS = {
+  maxContentLength: 8000,
+  // chars of main text content
+  maxCodeBlockLength: 600,
+  // chars per code block
   buttons: 20,
   links: 30,
   forms: 5,
   fieldsPerForm: 15,
-  sections: 10,
-  headings: 15,
-  maxTextLength: 100,
-  maxSummaryLength: 150
+  maxTextLength: 100 // per interactive element label
 };
 
-/**
- * Generate a unique, stable CSS selector for an element
- * Prioritizes stable attributes over auto-generated IDs
- * 
- * @param {HTMLElement} element - The element to generate selector for
- * @returns {string} - CSS selector string
- */
-function generateSelector(element) {
-  var _element$dataset, _element$dataset2;
-  if (!element || !element.tagName) return null;
-
-  // Priority 1: data-testid (designed to be stable)
-  if ((_element$dataset = element.dataset) !== null && _element$dataset !== void 0 && _element$dataset.testid) {
-    return "[data-testid=\"".concat(element.dataset.testid, "\"]");
-  }
-
-  // Priority 2: data-cy (Cypress test attribute)
-  if ((_element$dataset2 = element.dataset) !== null && _element$dataset2 !== void 0 && _element$dataset2.cy) {
-    return "[data-cy=\"".concat(element.dataset.cy, "\"]");
-  }
-
-  // Priority 3: aria-label (accessibility, usually stable)
-  var ariaLabel = element.getAttribute('aria-label');
-  if (ariaLabel && ariaLabel.length < 50) {
-    return "[aria-label=\"".concat(ariaLabel.replace(/"/g, '\\"'), "\"]");
-  }
-
-  // Priority 4: Stable ID (not auto-generated)
-  if (element.id && !isAutoGeneratedId(element.id)) {
-    return "#".concat(CSS.escape(element.id));
-  }
+// ─── Noise exclusion ────────────────────────────────────────────────────────
+
+var NOISE_TAGS = new Set(['nav', 'header', 'footer', 'aside', 'script', 'style', 'noscript', 'svg', 'canvas', 'iframe']);
+var NOISE_ROLES = new Set(['navigation', 'banner', 'complementary', 'search']);
+function isNoise(el) {
+  if (NOISE_TAGS.has(el.tagName.toLowerCase())) return true;
+  var role = el.getAttribute('role');
+  if (role && NOISE_ROLES.has(role)) return true;
+  var cls = el.className || '';
+  // Common sidebar/nav class patterns
+  if (/\b(sidebar|navbar|topbar|breadcrumb|cookie|toast|modal-backdrop)\b/i.test(cls)) return true;
+  return false;
+}
 
-  // Priority 5: name attribute (for form fields)
-  if (element.name) {
-    var tag = element.tagName.toLowerCase();
-    return "".concat(tag, "[name=\"").concat(element.name, "\"]");
-  }
+// ─── Visibility ──────────────────────────────────────────────────────────────
 
-  // Priority 6: Unique text content for buttons/links
-  if (['BUTTON', 'A'].includes(element.tagName)) {
-    var _element$innerText;
-    var text = (_element$innerText = element.innerText) === null || _element$innerText === void 0 ? void 0 : _element$innerText.trim();
-    if (text && text.length < 30 && text.length > 0) {
-      var _tag = element.tagName.toLowerCase();
-      // Check if this text is unique on the page
-      var matches = document.querySelectorAll("".concat(_tag));
-      var sameTextCount = Array.from(matches).filter(function (el) {
-        var _el$innerText;
-        return ((_el$innerText = el.innerText) === null || _el$innerText === void 0 ? void 0 : _el$innerText.trim()) === text;
-      }).length;
-      if (sameTextCount === 1) {
-        return "".concat(_tag, ":contains(\"").concat(text.replace(/"/g, '\\"'), "\")");
-      }
-    }
-  }
-
-  // Priority 7: Build path from stable ancestors
-  return buildPathSelector(element);
+function isVisible(el) {
+  if (!el) return false;
+  var style = window.getComputedStyle(el);
+  return style.display !== 'none' && style.visibility !== 'hidden' && style.opacity !== '0' && el.offsetWidth > 0 && el.offsetHeight > 0;
+}
+function isInViewport(el) {
+  var buffer = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
+  var rect = el.getBoundingClientRect();
+  return rect.bottom >= -buffer && rect.top <= window.innerHeight + buffer && rect.right >= 0 && rect.left <= window.innerWidth;
 }
 
-/**
- * Check if an ID looks auto-generated (React, Angular, Vue, etc.)
- */
+// ─── Selector generation (kept for interactive elements) ─────────────────────
+
 function isAutoGeneratedId(id) {
-  var autoGenPatterns = [/^:r[0-9a-z]+:$/,
-  // React 18+ useId
-  /^react-/i,
-  // React
-  /^ng-/i,
-  // Angular
-  /^vue-/i,
-  // Vue
-  /^ember[0-9]+/i,
-  // Ember
-  /^_[a-z0-9]{8,}$/i,
-  // Generic hash IDs
-  /^[a-f0-9]{8}-[a-f0-9]{4}/i,
-  // UUID-like
-  /^uid-/i,
-  // Generic UID
-  /^id[0-9]+$/i // Generic numbered IDs
-  ];
-  return autoGenPatterns.some(function (pattern) {
-    return pattern.test(id);
+  return /^(:r[0-9a-z]+:|react-|ng-|vue-|ember[0-9]+|_[a-z0-9]{8,}|[a-f0-9]{8}-[a-f0-9]{4}|uid-|id[0-9]+$)/i.test(id);
+}
+function getMeaningfulClass(el) {
+  var utilityPatterns = [/^(flex|grid|block|inline|hidden)$/, /^(m|p|w|h|min|max)-/, /^(text|font|bg|border)-/, /^(col|row)-/, /^(sm|md|lg|xl|2xl):/, /^hover:|focus:|active:/, /^[a-z]{1,3}-[0-9]+$/];
+  var classes = Array.from(el.classList || []);
+  var meaningful = classes.filter(function (cls) {
+    return !utilityPatterns.some(function (p) {
+      return p.test(cls);
+    }) && cls.length > 2 && cls.length < 30;
   });
+  return meaningful[0] || null;
 }
-
-/**
- * Build a selector path from ancestors
- */
-function buildPathSelector(element) {
+function buildPathSelector(el) {
   var maxDepth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
   var path = [];
-  var current = element;
+  var cur = el;
   var depth = 0;
-  while (current && current !== document.body && depth < maxDepth) {
-    var tag = current.tagName.toLowerCase();
-
-    // Try to add distinguishing info
-    if (current.id && !isAutoGeneratedId(current.id)) {
-      path.unshift("#".concat(CSS.escape(current.id)));
-      break; // ID is unique, stop here
-    }
-
-    // Add class if it seems meaningful
-    var meaningfulClass = getMeaningfulClass(current);
-    if (meaningfulClass) {
-      path.unshift("".concat(tag, ".").concat(meaningfulClass));
+  while (cur && cur !== document.body && depth < maxDepth) {
+    var tag = cur.tagName.toLowerCase();
+    if (cur.id && !isAutoGeneratedId(cur.id)) {
+      path.unshift("#".concat(CSS.escape(cur.id)));
+      break;
+    }
+    var cls = getMeaningfulClass(cur);
+    if (cls) {
+      path.unshift("".concat(tag, ".").concat(cls));
     } else {
-      var _current$parentElemen;
-      // Add nth-child if needed
-      var siblings = (_current$parentElemen = current.parentElement) === null || _current$parentElemen === void 0 ? void 0 : _current$parentElemen.children;
+      var _cur$parentElement;
+      var siblings = (_cur$parentElement = cur.parentElement) === null || _cur$parentElement === void 0 ? void 0 : _cur$parentElement.children;
       if (siblings && siblings.length > 1) {
-        var index = Array.from(siblings).indexOf(current) + 1;
-        path.unshift("".concat(tag, ":nth-child(").concat(index, ")"));
+        var idx = Array.from(siblings).indexOf(cur) + 1;
+        path.unshift("".concat(tag, ":nth-child(").concat(idx, ")"));
       } else {
         path.unshift(tag);
       }
     }
-    current = current.parentElement;
+    cur = cur.parentElement;
     depth++;
   }
   return path.join(' > ');
 }
+function generateSelector(el) {
+  var _el$dataset, _el$dataset2;
+  if (!el || !el.tagName) return null;
+  if ((_el$dataset = el.dataset) !== null && _el$dataset !== void 0 && _el$dataset.testid) return "[data-testid=\"".concat(el.dataset.testid, "\"]");
+  if ((_el$dataset2 = el.dataset) !== null && _el$dataset2 !== void 0 && _el$dataset2.cy) return "[data-cy=\"".concat(el.dataset.cy, "\"]");
+  var aria = el.getAttribute('aria-label');
+  if (aria && aria.length < 50) return "[aria-label=\"".concat(aria.replace(/"/g, '\\"'), "\"]");
+  if (el.id && !isAutoGeneratedId(el.id)) return "#".concat(CSS.escape(el.id));
+  if (el.name) return "".concat(el.tagName.toLowerCase(), "[name=\"").concat(el.name, "\"]");
+  if (['BUTTON', 'A'].includes(el.tagName)) {
+    var _el$innerText;
+    var text = (_el$innerText = el.innerText) === null || _el$innerText === void 0 ? void 0 : _el$innerText.trim();
+    if (text && text.length < 30) {
+      var tag = el.tagName.toLowerCase();
+      var matches = document.querySelectorAll(tag);
+      if (Array.from(matches).filter(function (e) {
+        var _e$innerText;
+        return ((_e$innerText = e.innerText) === null || _e$innerText === void 0 ? void 0 : _e$innerText.trim()) === text;
+      }).length === 1) {
+        return "".concat(tag, ":contains(\"").concat(text.replace(/"/g, '\\"'), "\")");
+      }
+    }
+  }
+  return buildPathSelector(el);
+}
+
+// ─── Main content extraction ─────────────────────────────────────────────────
 
 /**
- * Get a meaningful class name (not utility classes)
+ * Find the best container element that holds the page's primary content.
+ * Tries progressively wider selectors; falls back to document.body.
  */
-function getMeaningfulClass(element) {
-  var classes = Array.from(element.classList || []);
-
-  // Skip utility class patterns (Tailwind, Bootstrap, etc.)
-  var utilityPatterns = [/^(flex|grid|block|inline|hidden)$/, /^(m|p|w|h|min|max)-/,
-  // Spacing/sizing
-  /^(text|font|bg|border)-/,
-  // Typography/colors
-  /^(col|row)-/,
-  // Grid
-  /^(sm|md|lg|xl|2xl):/,
-  // Responsive
-  /^hover:|focus:|active:/,
-  // States
-  /^[a-z]{1,3}-[0-9]+$/ // Generic utilities
-  ];
-  var meaningfulClasses = classes.filter(function (cls) {
-    return !utilityPatterns.some(function (pattern) {
-      return pattern.test(cls);
-    }) && cls.length > 2 && cls.length < 30;
-  });
-  return meaningfulClasses[0] || null;
+function findContentRoot() {
+  var candidates = ['article', '[role="article"]', 'main', '[role="main"]', '.prose', '.markdown-body', '.content', '#content', '#main-content', '#main'];
+  for (var _i = 0, _candidates = candidates; _i < _candidates.length; _i++) {
+    var sel = _candidates[_i];
+    try {
+      var el = document.querySelector(sel);
+      if (el && isVisible(el)) return el;
+    } catch (_unused) {}
+  }
+  return document.body;
 }
 
 /**
- * Check if element is in or near viewport
+ * Walk the content root and emit structured content items.
+ * Skips noise elements (nav, header, aside…).
+ *
+ * Returns an array of items:
+ *   { type: 'heading', level: 'h2', text: '...' }
+ *   { type: 'text', text: '...' }
+ *   { type: 'code', lang: 'bash', text: '...' }
+ *   { type: 'listItem', text: '...' }
  */
-function isInViewport(element) {
-  var buffer = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
-  var rect = element.getBoundingClientRect();
-  return rect.bottom >= -buffer && rect.top <= window.innerHeight + buffer && rect.right >= 0 && rect.left <= window.innerWidth;
+function walkContent(root, limits) {
+  var items = [];
+  var charCount = 0;
+  var BLOCK_TAGS = new Set(['p', 'li', 'dt', 'dd', 'td', 'th', 'blockquote', 'figcaption']);
+  var HEADING_TAGS = new Set(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']);
+  function walk(node) {
+    if (charCount >= limits.maxContentLength) return;
+    if (node.nodeType !== Node.ELEMENT_NODE) return;
+    var tag = node.tagName.toLowerCase();
+
+    // Skip noise subtrees entirely
+    if (isNoise(node)) return;
+    if (!isVisible(node)) return;
+
+    // Heading → new section marker
+    if (HEADING_TAGS.has(tag)) {
+      var text = (node.innerText || '').trim();
+      if (text) {
+        items.push({
+          type: 'heading',
+          level: tag,
+          text: text
+        });
+        charCount += text.length;
+      }
+      return; // don't recurse — heading text already captured
+    }
+
+    // Code block
+    if (tag === 'pre') {
+      var codeEl = node.querySelector('code');
+      var raw = (codeEl || node).innerText || '';
+      var _text = raw.trim().substring(0, limits.maxCodeBlockLength);
+      if (_text) {
+        var _match;
+        var lang = ((_match = ((codeEl === null || codeEl === void 0 ? void 0 : codeEl.className) || '').match(/language-(\w+)/)) === null || _match === void 0 ? void 0 : _match[1]) || '';
+        items.push({
+          type: 'code',
+          lang: lang,
+          text: _text
+        });
+        charCount += _text.length;
+      }
+      return;
+    }
+
+    // Inline code (not inside pre)
+    if (tag === 'code' && node.closest('pre') === null) {
+      // Let the parent block pick it up via innerText
+      return;
+    }
+
+    // Block-level text elements
+    if (BLOCK_TAGS.has(tag)) {
+      var _node$parentElement;
+      // Skip if nested inside another block (e.g. <p> inside <blockquote> handled by blockquote)
+      var parentTag = (_node$parentElement = node.parentElement) === null || _node$parentElement === void 0 ? void 0 : _node$parentElement.tagName.toLowerCase();
+      if (tag !== 'blockquote' && BLOCK_TAGS.has(parentTag) && parentTag !== 'li') return;
+      var _text2 = (node.innerText || '').trim();
+      if (_text2) {
+        var type = tag === 'li' ? 'listItem' : 'text';
+        var truncated = _text2.substring(0, 400);
+        items.push({
+          type: type,
+          text: truncated
+        });
+        charCount += truncated.length;
+      }
+      return; // innerText already captures children
+    }
+
+    // Container — recurse into children
+    var _iterator = _createForOfIteratorHelper(node.children),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var child = _step.value;
+        if (charCount >= limits.maxContentLength) break;
+        walk(child);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+  walk(root);
+  return items;
 }
 
 /**
- * Check if element is visible (not hidden)
+ * Convert structured content items into a readable flat string,
+ * organised by heading sections.
  */
-function isVisible(element) {
-  if (!element) return false;
-  var style = window.getComputedStyle(element);
-  return style.display !== 'none' && style.visibility !== 'hidden' && style.opacity !== '0' && element.offsetWidth > 0 && element.offsetHeight > 0;
+function itemsToText(items) {
+  var text = '';
+  var _iterator2 = _createForOfIteratorHelper(items),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var item = _step2.value;
+      switch (item.type) {
+        case 'heading':
+          text += "\n".concat('#'.repeat(parseInt(item.level[1])), " ").concat(item.text, "\n");
+          break;
+        case 'text':
+          text += "".concat(item.text, "\n");
+          break;
+        case 'listItem':
+          text += "\u2022 ".concat(item.text, "\n");
+          break;
+        case 'code':
+          text += "```".concat(item.lang, "\n").concat(item.text, "\n```\n");
+          break;
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return text.trim();
 }
 
 /**
- * Extract buttons from the page
+ * Extract the main readable content of the page.
  */
-function extractButtons() {
-  var limits = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_LIMITS;
+function extractMainContent(limits) {
+  var root = findContentRoot();
+  var items = walkContent(root, limits);
+  var text = itemsToText(items);
+  var truncated = text.length >= limits.maxContentLength;
+  return {
+    text: text,
+    items: items,
+    truncated: truncated,
+    sourceElement: root.tagName.toLowerCase() + (root.id ? "#".concat(root.id) : '') + (getMeaningfulClass(root) ? ".".concat(getMeaningfulClass(root)) : '')
+  };
+}
+
+// ─── Interactive elements ─────────────────────────────────────────────────────
+
+function extractButtons(limits) {
   var buttons = [];
-  var selector = 'button, [type="submit"], [type="button"], [role="button"], .btn, .button';
-  var elements = document.querySelectorAll(selector);
-  var _iterator = _createForOfIteratorHelper(elements),
-    _step;
+  var els = document.querySelectorAll('button, [type="submit"], [type="button"], [role="button"], .btn, .button');
+  var _iterator3 = _createForOfIteratorHelper(els),
+    _step3;
   try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var el = _step.value;
+    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+      var el = _step3.value;
       if (buttons.length >= limits.buttons) break;
       if (!isVisible(el)) continue;
       var text = (el.innerText || el.value || el.getAttribute('aria-label') || '').trim();
@@ -23254,101 +23346,76 @@ function extractButtons() {
       });
     }
   } catch (err) {
-    _iterator.e(err);
+    _iterator3.e(err);
   } finally {
-    _iterator.f();
+    _iterator3.f();
   }
   return buttons;
 }
-
-/**
- * Extract links from the page
- */
-function extractLinks() {
-  var limits = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_LIMITS;
+function extractLinks(limits) {
   var links = [];
-  var elements = document.querySelectorAll('a[href]');
-  var currentOrigin = window.location.origin;
-  var _iterator2 = _createForOfIteratorHelper(elements),
-    _step2;
+  var els = document.querySelectorAll('a[href]');
+  var origin = window.location.origin;
+  var _iterator4 = _createForOfIteratorHelper(els),
+    _step4;
   try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var el = _step2.value;
+    for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+      var el = _step4.value;
       if (links.length >= limits.links) break;
       if (!isVisible(el)) continue;
       var text = (el.innerText || el.getAttribute('aria-label') || '').trim();
       if (!text || text.length < 2) continue;
-
-      // Skip anchor links and javascript:void
       var href = el.href;
       if (!href || href.startsWith('javascript:') || href === '#') continue;
-      var isInternal = false;
+      var internal = false;
       try {
-        isInternal = new URL(href).origin === currentOrigin;
-      } catch (_unused) {}
+        internal = new URL(href).origin === origin;
+      } catch (_unused2) {}
       links.push({
         selector: generateSelector(el),
         text: text.substring(0, limits.maxTextLength),
         href: href,
-        internal: isInternal,
+        internal: internal,
         inViewport: isInViewport(el, 0)
       });
     }
   } catch (err) {
-    _iterator2.e(err);
+    _iterator4.e(err);
   } finally {
-    _iterator2.f();
+    _iterator4.f();
   }
   return links;
 }
-
-/**
- * Extract forms from the page (with sensitive field filtering)
- */
-function extractForms() {
-  var limits = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_LIMITS;
+function extractForms(limits) {
   var forms = [];
-  var elements = document.querySelectorAll('form');
   var sensitiveCount = 0;
-  var _iterator3 = _createForOfIteratorHelper(elements),
-    _step3;
+  var _iterator5 = _createForOfIteratorHelper(document.querySelectorAll('form')),
+    _step5;
   try {
-    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-      var form = _step3.value;
+    for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+      var form = _step5.value;
       if (forms.length >= limits.forms) break;
       if (!isVisible(form)) continue;
       var fields = [];
-      var fieldElements = form.querySelectorAll('input, textarea, select');
-      var _iterator4 = _createForOfIteratorHelper(fieldElements),
-        _step4;
+      var _iterator6 = _createForOfIteratorHelper(form.querySelectorAll('input, textarea, select')),
+        _step6;
       try {
-        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+        for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
           var _label, _field$placeholder;
-          var field = _step4.value;
+          var field = _step6.value;
           if (fields.length >= limits.fieldsPerForm) break;
-
-          // Skip hidden fields
           if (field.type === 'hidden') continue;
-
-          // IMPORTANT: Filter sensitive fields
           if ((0,_sensitive_filter_js__WEBPACK_IMPORTED_MODULE_0__.isSensitiveField)(field)) {
             sensitiveCount++;
             continue;
           }
-
-          // Get label
           var label = null;
           if (field.id) {
-            var _labelEl$innerText;
-            var labelEl = document.querySelector("label[for=\"".concat(field.id, "\"]"));
-            label = labelEl === null || labelEl === void 0 || (_labelEl$innerText = labelEl.innerText) === null || _labelEl$innerText === void 0 ? void 0 : _labelEl$innerText.trim();
-          }
-          if (!label && field.getAttribute('aria-label')) {
-            label = field.getAttribute('aria-label');
-          }
-          if (!label && field.placeholder) {
-            label = field.placeholder;
+            var _lEl$innerText;
+            var lEl = document.querySelector("label[for=\"".concat(field.id, "\"]"));
+            label = lEl === null || lEl === void 0 || (_lEl$innerText = lEl.innerText) === null || _lEl$innerText === void 0 ? void 0 : _lEl$innerText.trim();
           }
+          label = label || field.getAttribute('aria-label') || field.placeholder || null;
           fields.push({
             selector: generateSelector(field),
             name: field.name || null,
@@ -23356,15 +23423,14 @@ function extractForms() {
             label: ((_label = label) === null || _label === void 0 ? void 0 : _label.substring(0, 50)) || null,
             placeholder: ((_field$placeholder = field.placeholder) === null || _field$placeholder === void 0 ? void 0 : _field$placeholder.substring(0, 50)) || null,
             required: field.required || false
-            // NEVER include value for security
           });
         }
       } catch (err) {
-        _iterator4.e(err);
+        _iterator6.e(err);
       } finally {
-        _iterator4.f();
+        _iterator6.f();
       }
-      if (fields.length === 0) continue;
+      if (!fields.length) continue;
       forms.push({
         selector: generateSelector(form),
         id: form.id || null,
@@ -23374,9 +23440,9 @@ function extractForms() {
       });
     }
   } catch (err) {
-    _iterator3.e(err);
+    _iterator5.e(err);
   } finally {
-    _iterator3.f();
+    _iterator5.f();
   }
   return {
     forms: forms,
@@ -23384,143 +23450,56 @@ function extractForms() {
   };
 }
 
-/**
- * Extract sections/landmarks from the page
- */
-function extractSections() {
-  var limits = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_LIMITS;
-  var sections = [];
-  var selector = 'section, article, main, [role="main"], [role="region"], .section';
-  var elements = document.querySelectorAll(selector);
-  var _iterator5 = _createForOfIteratorHelper(elements),
-    _step5;
-  try {
-    for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-      var _heading$innerText, _firstP$innerText, _el$innerText2;
-      var el = _step5.value;
-      if (sections.length >= limits.sections) break;
-      if (!isVisible(el)) continue;
-
-      // Get a summary of the section content
-      var heading = el.querySelector('h1, h2, h3');
-      var headingText = (heading === null || heading === void 0 || (_heading$innerText = heading.innerText) === null || _heading$innerText === void 0 ? void 0 : _heading$innerText.trim()) || '';
-
-      // Get first paragraph or first N characters
-      var firstP = el.querySelector('p');
-      var summary = headingText || (firstP === null || firstP === void 0 || (_firstP$innerText = firstP.innerText) === null || _firstP$innerText === void 0 ? void 0 : _firstP$innerText.trim().substring(0, limits.maxSummaryLength)) || ((_el$innerText2 = el.innerText) === null || _el$innerText2 === void 0 ? void 0 : _el$innerText2.trim().substring(0, limits.maxSummaryLength)) || '';
-      sections.push({
-        selector: generateSelector(el),
-        id: el.id || null,
-        tagName: el.tagName.toLowerCase(),
-        summary: summary.substring(0, limits.maxSummaryLength),
-        inViewport: isInViewport(el, 0)
-      });
-    }
-  } catch (err) {
-    _iterator5.e(err);
-  } finally {
-    _iterator5.f();
-  }
-  return sections;
-}
-
-/**
- * Extract headings from the page
- */
-function extractHeadings() {
-  var limits = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_LIMITS;
-  var headings = [];
-  var elements = document.querySelectorAll('h1, h2, h3');
-  var _iterator6 = _createForOfIteratorHelper(elements),
-    _step6;
-  try {
-    for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-      var _el$innerText3;
-      var el = _step6.value;
-      if (headings.length >= limits.headings) break;
-      if (!isVisible(el)) continue;
-      var text = (_el$innerText3 = el.innerText) === null || _el$innerText3 === void 0 ? void 0 : _el$innerText3.trim();
-      if (!text) continue;
-      headings.push({
-        selector: generateSelector(el),
-        level: el.tagName.toLowerCase(),
-        text: text.substring(0, limits.maxTextLength),
-        inViewport: isInViewport(el, 0)
-      });
-    }
-  } catch (err) {
-    _iterator6.e(err);
-  } finally {
-    _iterator6.f();
-  }
-  return headings;
-}
+// ─── Public API ───────────────────────────────────────────────────────────────
 
 /**
- * Main function: Extract full DOM context
- * 
- * @param {Object} options - Extraction options
- * @param {Object} options.limits - Override default limits
- * @returns {Object} - Structured DOM context
+ * Main extraction function — called by the read_page tool handler.
+ *
+ * Returns:
+ *   content        — flat readable text of the page (most important)
+ *   contentItems   — structured array of { type, text, level?, lang? }
+ *   contentTruncated — true if content was cut at maxContentLength
+ *   url, title, language, viewport
+ *   buttons, links, forms  — interactive elements for navigation / actions
+ *   metadata
  */
 function extractDOMContext() {
   return _extractDOMContext.apply(this, arguments);
 }
 
 /**
- * Extract minimal context (for re-extraction after navigation)
+ * Minimal context snapshot — used on reconnect / navigation events.
  */
 function _extractDOMContext() {
   _extractDOMContext = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
     var _document$querySelect;
     var options,
       limits,
+      mainContent,
       buttons,
       links,
       _extractForms,
       forms,
       sensitiveCount,
-      sections,
-      headings,
-      totalElements,
-      visibleInViewport,
       htmlLang,
-      browserLang,
       language,
       _args = arguments;
     return _regenerator().w(function (_context) {
       while (1) switch (_context.n) {
         case 0:
           options = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
-          limits = _objectSpread(_objectSpread({}, DEFAULT_LIMITS), options.limits); // Extract all elements
+          limits = _objectSpread(_objectSpread({}, DEFAULT_LIMITS), options.limits);
+          mainContent = extractMainContent(limits);
           buttons = extractButtons(limits);
           links = extractLinks(limits);
           _extractForms = extractForms(limits), forms = _extractForms.forms, sensitiveCount = _extractForms.sensitiveCount;
-          sections = extractSections(limits);
-          headings = extractHeadings(limits); // Count totals
-          totalElements = buttons.length + links.length + forms.reduce(function (sum, f) {
-            return sum + f.fields.length;
-          }, 0) + sections.length + headings.length;
-          visibleInViewport = buttons.filter(function (b) {
-            return b.inViewport;
-          }).length + links.filter(function (l) {
-            return l.inViewport;
-          }).length + sections.filter(function (s) {
-            return s.inViewport;
-          }).length + headings.filter(function (h) {
-            return h.inViewport;
-          }).length; // Detect site language
-          // Priority: HTML lang attribute > browser language
           htmlLang = document.documentElement.lang || ((_document$querySelect = document.querySelector('html')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.getAttribute('lang')) || null;
-          browserLang = navigator.language || navigator.languages && navigator.languages[0] || null;
-          language = htmlLang || browserLang || null;
+          language = htmlLang || navigator.language || navigator.languages && navigator.languages[0] || null;
           return _context.a(2, {
             url: window.location.href,
             title: document.title,
             timestamp: Date.now(),
             language: language,
-            // Site language (from HTML lang attribute or browser)
-
             viewport: {
               width: window.innerWidth,
               height: window.innerHeight,
@@ -23528,14 +23507,20 @@ function _extractDOMContext() {
               scrollY: window.scrollY,
               pageHeight: document.documentElement.scrollHeight
             },
+            // ── Primary: actual page content ──────────────────────────────────────
+            content: mainContent.text,
+            contentItems: mainContent.items,
+            contentTruncated: mainContent.truncated,
+            contentSource: mainContent.sourceElement,
+            // ── Secondary: interactive elements ───────────────────────────────────
             buttons: buttons,
             links: links,
             forms: forms,
-            sections: sections,
-            headings: headings,
             metadata: {
-              totalElements: totalElements,
-              visibleInViewport: visibleInViewport,
+              totalContentChars: mainContent.text.length,
+              contentItemCount: mainContent.items.length,
+              buttonsCount: buttons.length,
+              linksCount: links.length,
               formsCount: forms.length,
               sensitiveFieldsFiltered: sensitiveCount
             }
@@ -23551,14 +23536,12 @@ function extractMinimalContext() {
 function _extractMinimalContext() {
   _extractMinimalContext = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
     var _document$querySelect2;
-    var htmlLang, browserLang, language;
+    var htmlLang, language;
     return _regenerator().w(function (_context2) {
       while (1) switch (_context2.n) {
         case 0:
-          // Detect site language
           htmlLang = document.documentElement.lang || ((_document$querySelect2 = document.querySelector('html')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.getAttribute('lang')) || null;
-          browserLang = navigator.language || navigator.languages && navigator.languages[0] || null;
-          language = htmlLang || browserLang || null;
+          language = htmlLang || navigator.language || navigator.languages && navigator.languages[0] || null;
           return _context2.a(2, {
             url: window.location.href,
             title: document.title,
@@ -24039,16 +24022,19 @@ function registerVisualTools(registry) {
       while (1) switch (_context.n) {
         case 0:
           params = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
-          console.log('[TTP] 📋 Reading page structure...');
+          console.log('[TTP] 📋 Reading page content...');
           _context.n = 1;
           return (0,_dom_context_js__WEBPACK_IMPORTED_MODULE_0__.extractDOMContext)(params);
         case 1:
           context = _context.v;
-          console.log('[TTP] ✅ Page structure extracted:', {
-            buttons: context.buttons.length,
-            links: context.links.length,
-            forms: context.forms.length,
-            headings: context.headings.length
+          console.log('[TTP] ✅ Page content extracted:', {
+            contentChars: context.metadata.totalContentChars,
+            contentItems: context.metadata.contentItemCount,
+            truncated: context.contentTruncated,
+            source: context.contentSource,
+            buttons: context.metadata.buttonsCount,
+            links: context.metadata.linksCount,
+            forms: context.metadata.formsCount
           });
           return _context.a(2, context);
       }
@@ -24267,12 +24253,12 @@ function _extractPageContext() {
             timestamp: domContext.timestamp,
             language: domContext.language,
             viewport: domContext.viewport,
+            content: domContext.content,
+            contentTruncated: domContext.contentTruncated,
             dom: {
               buttons: domContext.buttons,
               links: domContext.links,
               forms: domContext.forms,
-              sections: domContext.sections,
-              headings: domContext.headings,
               metadata: domContext.metadata
             }
           });
@@ -27616,7 +27602,7 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
 
               // Include SDK build time for debugging
               if (true) {
-                helloMessage.lastBuildTime = "2026-06-13T08:36:31.824Z";
+                helloMessage.lastBuildTime = "2026-06-14T07:18:03.004Z";
               }
 
               // Page context is intentionally NOT attached to the hello message.