@weavetab/mcp 2.5.0-beta.5 → 2.5.1

package/dist/tools/type.js

@@ -22,12 +22,12 @@ import { verifyActionability, quickHitCheck } from "../sensors/actionability.js"
 export async function detectFramework(session) {
     try {
         const { result } = await session.Runtime.evaluate({
-            expression: `(function() {
-        const root = document.documentElement;
-        if (root.__reactFiber || root._reactRootContainer || window.React || window.react) return 'react';
-        if (root.__vue__ || document.querySelector('[data-v-]') || window.Vue || window.vue) return 'vue';
-        if (root.ng || document.querySelector('[ng-version]') || window.angular || window.ng) return 'angular';
-        return 'vanilla';
+            expression: `(function() {
+        const root = document.documentElement;
+        if (root.__reactFiber || root._reactRootContainer || window.React || window.react) return 'react';
+        if (root.__vue__ || document.querySelector('[data-v-]') || window.Vue || window.vue) return 'vue';
+        if (root.ng || document.querySelector('[ng-version]') || window.angular || window.ng) return 'angular';
+        return 'vanilla';
       })()`,
             returnByValue: true,
         });
@@ -40,14 +40,14 @@ export async function detectFramework(session) {
 async function focusEditable(session, objectId, clearFirst, fast = false) {
     const { Input } = session;
     await session.Runtime.callFunctionOn({
-        functionDeclaration: `async function() {
-      if (this.scrollIntoViewIfNeeded) this.scrollIntoViewIfNeeded();
-      else {
-        this.scrollIntoView({behavior:'smooth',block:'center'});
-        await new Promise(r => setTimeout(r, ${fast ? 50 : 400}));
-      }
-      this.focus();
-      this.click();
+        functionDeclaration: `async function() {
+      if (this.scrollIntoViewIfNeeded) this.scrollIntoViewIfNeeded();
+      else {
+        this.scrollIntoView({behavior:'smooth',block:'center'});
+        await new Promise(r => setTimeout(r, ${fast ? 50 : 400}));
+      }
+      this.focus();
+      this.click();
     }`,
         objectId,
         silent: true,
@@ -55,15 +55,15 @@ async function focusEditable(session, objectId, clearFirst, fast = false) {
     });
     if (clearFirst) {
         await session.Runtime.callFunctionOn({
-            functionDeclaration: `function() {
-        if (typeof this.select === 'function') this.select();
-        else if (this.isContentEditable) {
-          this.textContent = '';
-          this.dispatchEvent(new Event('input', { bubbles: true }));
-        } else {
-          this.value = '';
-          this.dispatchEvent(new Event('input', { bubbles: true }));
-        }
+            functionDeclaration: `function() {
+        if (typeof this.select === 'function') this.select();
+        else if (this.isContentEditable) {
+          this.textContent = '';
+          this.dispatchEvent(new Event('input', { bubbles: true }));
+        } else {
+          this.value = '';
+          this.dispatchEvent(new Event('input', { bubbles: true }));
+        }
       }`,
             objectId,
             silent: true,
@@ -90,34 +90,34 @@ export async function frameworkAwareType(session, objectId, text, framework) {
         // for — the old `.simulated = true` trick only worked in React <16 and is a
         // no-op in modern React (Event properties are frozen after construction).
         await Runtime.callFunctionOn({
-            functionDeclaration: `function(text) {
-        const nativeInputSetter = Object.getOwnPropertyDescriptor(
-          window.HTMLInputElement.prototype, 'value'
-        )?.set;
-        const nativeTextAreaSetter = Object.getOwnPropertyDescriptor(
-          window.HTMLTextAreaElement.prototype, 'value'
-        )?.set;
-
-        if (this.tagName === 'INPUT' && nativeInputSetter) {
-          nativeInputSetter.call(this, text);
-        } else if (this.tagName === 'TEXTAREA' && nativeTextAreaSetter) {
-          nativeTextAreaSetter.call(this, text);
-        } else if (this.isContentEditable) {
-          this.textContent = text;
-        } else {
-          this.value = text;
-        }
-
-        // Single InputEvent with inputType:'insertText' — React 16/17/18 SyntheticEvent
-        // source. Do NOT also dispatch a plain Event('input') here; that would
-        // fire the onChange handler a second time and duplicate the value.
-        this.dispatchEvent(new InputEvent('input', {
-          bubbles: true,
-          cancelable: true,
-          inputType: 'insertText',
-          data: text,
-        }));
-        this.dispatchEvent(new Event('change', { bubbles: true, cancelable: true }));
+            functionDeclaration: `function(text) {
+        const nativeInputSetter = Object.getOwnPropertyDescriptor(
+          window.HTMLInputElement.prototype, 'value'
+        )?.set;
+        const nativeTextAreaSetter = Object.getOwnPropertyDescriptor(
+          window.HTMLTextAreaElement.prototype, 'value'
+        )?.set;
+
+        if (this.tagName === 'INPUT' && nativeInputSetter) {
+          nativeInputSetter.call(this, text);
+        } else if (this.tagName === 'TEXTAREA' && nativeTextAreaSetter) {
+          nativeTextAreaSetter.call(this, text);
+        } else if (this.isContentEditable) {
+          this.textContent = text;
+        } else {
+          this.value = text;
+        }
+
+        // Single InputEvent with inputType:'insertText' — React 16/17/18 SyntheticEvent
+        // source. Do NOT also dispatch a plain Event('input') here; that would
+        // fire the onChange handler a second time and duplicate the value.
+        this.dispatchEvent(new InputEvent('input', {
+          bubbles: true,
+          cancelable: true,
+          inputType: 'insertText',
+          data: text,
+        }));
+        this.dispatchEvent(new Event('change', { bubbles: true, cancelable: true }));
       }`,
             objectId,
             arguments: [{ value: text }],
@@ -165,15 +165,15 @@ async function resolveTypingTarget(session, map, args, _targetId) {
     if (!element && id && !id.startsWith("w:")) {
         try {
             const checkEl = await session.Runtime.evaluate({
-                expression: `(function(){
-          const el = document.querySelector(${JSON.stringify(id)}) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(${JSON.stringify(id)}) : null);
-          if (!el) return null;
-          const r = el.getBoundingClientRect();
-          return {
-            label: el.getAttribute('aria-label') || el.getAttribute('placeholder') || el.getAttribute('name') || 'selector-match',
-            x: Math.round(r.left + r.width / 2),
-            y: Math.round(r.top + r.height / 2)
-          };
+                expression: `(function(){
+          const el = document.querySelector(${JSON.stringify(id)}) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(${JSON.stringify(id)}) : null);
+          if (!el) return null;
+          const r = el.getBoundingClientRect();
+          return {
+            label: el.getAttribute('aria-label') || el.getAttribute('placeholder') || el.getAttribute('name') || 'selector-match',
+            x: Math.round(r.left + r.width / 2),
+            y: Math.round(r.top + r.height / 2)
+          };
         })()`,
                 returnByValue: true
             });
@@ -248,48 +248,48 @@ async function resolveTypingTarget(session, map, args, _targetId) {
         return null;
     }
     const active = await session.Runtime.evaluate({
-        expression: `(function(){
-      const pick = (el) => {
-        if (!el) return null;
-        const r = el.getBoundingClientRect();
-        if (r.width < 20 || r.height < 10) return null;
-        if (r.bottom < 0 || r.top > innerHeight) return null;
-        return {
-          label: el.getAttribute('aria-label') || el.getAttribute('placeholder') || el.getAttribute('name') || (el.textContent||'').trim().slice(0,40) || 'input',
-          selector: ['textarea[name="q"]','input[name="q"]','[aria-label="Search"]','[title="Search"]','input[type="search"]','textarea','input[type="text"]','input:not([type])','[role="combobox"]','[role="textbox"]','[contenteditable="true"]','[contenteditable=""]'].find(function(s){try{return el.matches(s)}catch(e){return false}}) || '',
-          x: Math.round(r.left + r.width/2),
-          y: Math.round(r.top + r.height/2)
-        };
-      };
-      var el = document.activeElement;
-      var isEditable = el && el !== document.body && (
-        el.isContentEditable ||
-        el.tagName === 'TEXTAREA' ||
-        (el.tagName === 'INPUT' && !['button','submit','checkbox','radio','hidden','file'].includes((el.type||'').toLowerCase())) ||
-        el.getAttribute('role') === 'textbox' || el.getAttribute('role') === 'searchbox' || el.getAttribute('role') === 'combobox'
-      );
-      if (isEditable) {
-        var fromActive = pick(el);
-        if (fromActive) return JSON.stringify(fromActive);
-      }
-
-      var sel = 'textarea[name="q"], input[name="q"], [aria-label="Search"], [title="Search"]';
-      var q = document.querySelector(sel);
-      var fromQ = pick(q);
-      if (fromQ) return JSON.stringify(fromQ);
-
-      var sels = ['[contenteditable="true"]','[contenteditable=""]','textarea','input[type="search"]','input[type="text"]','input:not([type])','[role="textbox"]','[role="combobox"]','input[name="q"]'];
-      var best = null, bestArea = 0;
-      for (var si = 0; si < sels.length; si++) {
-        var nodes = document.querySelectorAll(sels[si]);
-        for (var ni = 0; ni < nodes.length; ni++) {
-          var r = nodes[ni].getBoundingClientRect();
-          var area = r.width * r.height;
-          if (area > bestArea && r.top >= 0 && r.top < innerHeight) { bestArea = area; best = nodes[ni]; }
-        }
-      }
-      if (!best) return null;
-      return JSON.stringify(pick(best));
+        expression: `(function(){
+      const pick = (el) => {
+        if (!el) return null;
+        const r = el.getBoundingClientRect();
+        if (r.width < 20 || r.height < 10) return null;
+        if (r.bottom < 0 || r.top > innerHeight) return null;
+        return {
+          label: el.getAttribute('aria-label') || el.getAttribute('placeholder') || el.getAttribute('name') || (el.textContent||'').trim().slice(0,40) || 'input',
+          selector: ['textarea[name="q"]','input[name="q"]','[aria-label="Search"]','[title="Search"]','input[type="search"]','textarea','input[type="text"]','input:not([type])','[role="combobox"]','[role="textbox"]','[contenteditable="true"]','[contenteditable=""]'].find(function(s){try{return el.matches(s)}catch(e){return false}}) || '',
+          x: Math.round(r.left + r.width/2),
+          y: Math.round(r.top + r.height/2)
+        };
+      };
+      var el = document.activeElement;
+      var isEditable = el && el !== document.body && (
+        el.isContentEditable ||
+        el.tagName === 'TEXTAREA' ||
+        (el.tagName === 'INPUT' && !['button','submit','checkbox','radio','hidden','file'].includes((el.type||'').toLowerCase())) ||
+        el.getAttribute('role') === 'textbox' || el.getAttribute('role') === 'searchbox' || el.getAttribute('role') === 'combobox'
+      );
+      if (isEditable) {
+        var fromActive = pick(el);
+        if (fromActive) return JSON.stringify(fromActive);
+      }
+
+      var sel = 'textarea[name="q"], input[name="q"], [aria-label="Search"], [title="Search"]';
+      var q = document.querySelector(sel);
+      var fromQ = pick(q);
+      if (fromQ) return JSON.stringify(fromQ);
+
+      var sels = ['[contenteditable="true"]','[contenteditable=""]','textarea','input[type="search"]','input[type="text"]','input:not([type])','[role="textbox"]','[role="combobox"]','input[name="q"]'];
+      var best = null, bestArea = 0;
+      for (var si = 0; si < sels.length; si++) {
+        var nodes = document.querySelectorAll(sels[si]);
+        for (var ni = 0; ni < nodes.length; ni++) {
+          var r = nodes[ni].getBoundingClientRect();
+          var area = r.width * r.height;
+          if (area > bestArea && r.top >= 0 && r.top < innerHeight) { bestArea = area; best = nodes[ni]; }
+        }
+      }
+      if (!best) return null;
+      return JSON.stringify(pick(best));
     })()`,
         returnByValue: true,
     }).catch(() => null);
@@ -434,21 +434,21 @@ export async function weaveType(session, args, config) {
     }
     if (target && target.selector) {
         const isEditableRes = await session.Runtime.evaluate({
-            expression: `(function(sel) {
-        const el = document.querySelector(sel);
-        if (!el) return true; // optimistic: let it try
-        const tag = el.tagName.toLowerCase();
-        const t = (el.getAttribute('type') || '').toLowerCase();
-        const role = (el.getAttribute('role') || '').toLowerCase();
-        // Standard editable
-        if (el.isContentEditable) return true;
-        if (tag === 'textarea') return true;
-        if (tag === 'input' && !['button','submit','checkbox','radio','hidden','file','image','reset'].includes(t)) return true;
-        // ARIA editable roles — many custom widgets use these
-        if (role === 'textbox' || role === 'combobox' || role === 'searchbox' || role === 'spinbutton') return true;
-        // Custom div/span inputs often have no role — check for contenteditable ancestors
-        if (el.closest('[contenteditable]')) return true;
-        return false;
+            expression: `(function(sel) {
+        const el = document.querySelector(sel);
+        if (!el) return true; // optimistic: let it try
+        const tag = el.tagName.toLowerCase();
+        const t = (el.getAttribute('type') || '').toLowerCase();
+        const role = (el.getAttribute('role') || '').toLowerCase();
+        // Standard editable
+        if (el.isContentEditable) return true;
+        if (tag === 'textarea') return true;
+        if (tag === 'input' && !['button','submit','checkbox','radio','hidden','file','image','reset'].includes(t)) return true;
+        // ARIA editable roles — many custom widgets use these
+        if (role === 'textbox' || role === 'combobox' || role === 'searchbox' || role === 'spinbutton') return true;
+        // Custom div/span inputs often have no role — check for contenteditable ancestors
+        if (el.closest('[contenteditable]')) return true;
+        return false;
       })(${JSON.stringify(target.selector)})`,
             returnByValue: true
         }).catch(() => null);
@@ -483,14 +483,14 @@ export async function weaveType(session, args, config) {
     let frameUrl = null;
     try {
         const res = await session.Runtime.evaluate({
-            expression: `(function(sel) {
-        const el = document.querySelector(sel) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null);
-        if (!el) return null;
-        return { 
-          coords: window.__Weavetab_getCoords(sel), 
-          inIframe: el.ownerDocument.defaultView !== window,
-          frameUrl: el.ownerDocument.defaultView.location.href
-        };
+            expression: `(function(sel) {
+        const el = document.querySelector(sel) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null);
+        if (!el) return null;
+        return { 
+          coords: window.__Weavetab_getCoords(sel), 
+          inIframe: el.ownerDocument.defaultView !== window,
+          frameUrl: el.ownerDocument.defaultView.location.href
+        };
       })(${JSON.stringify(selector)})`,
             returnByValue: true
         });
@@ -550,17 +550,17 @@ export async function weaveType(session, args, config) {
     // Detect password / secret fields early to protect HUD, logs, and register secret
     const isSecretParam = !!args.isSecret || !!args.secret;
     const isPassword = isSecretParam || await session.Runtime.evaluate({
-        expression: `(function(sel) {
-      const el = (sel === 'document.activeElement') ? document.activeElement : (document.querySelector(sel) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null));
-      if (!el) return false;
-      const t = (el.getAttribute('type') || '').toLowerCase();
-      const ac = (el.getAttribute('autocomplete') || '').toLowerCase();
-      const name = (el.getAttribute('name') || '').toLowerCase();
-      const id = (el.getAttribute('id') || '').toLowerCase();
-      const aria = (el.getAttribute('aria-label') || '').toLowerCase();
-      const isSecAttr = el.hasAttribute('data-wt-secret');
-      const secretRegex = /password|passcode|pin|passphrase|secret|token|auth.?key|access.?code|mot.?de.?passe|contrase[nñ]a|kennwort|senha/i;
-      return isSecAttr || t === 'password' || ac.includes('password') || secretRegex.test(name) || secretRegex.test(id) || secretRegex.test(aria);
+        expression: `(function(sel) {
+      const el = (sel === 'document.activeElement') ? document.activeElement : (document.querySelector(sel) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null));
+      if (!el) return false;
+      const t = (el.getAttribute('type') || '').toLowerCase();
+      const ac = (el.getAttribute('autocomplete') || '').toLowerCase();
+      const name = (el.getAttribute('name') || '').toLowerCase();
+      const id = (el.getAttribute('id') || '').toLowerCase();
+      const aria = (el.getAttribute('aria-label') || '').toLowerCase();
+      const isSecAttr = el.hasAttribute('data-wt-secret');
+      const secretRegex = /password|passcode|pin|passphrase|secret|token|auth.?key|access.?code|mot.?de.?passe|contrase[nñ]a|kennwort|senha/i;
+      return isSecAttr || t === 'password' || ac.includes('password') || secretRegex.test(name) || secretRegex.test(id) || secretRegex.test(aria);
     })(${JSON.stringify(selector)})`,
         returnByValue: true
     }).then(r => r.result?.value === true).catch(() => false);
@@ -602,10 +602,10 @@ export async function weaveType(session, args, config) {
         }
         // Check if element is ALREADY focused before clicking it to prevent unfocusing or toggling
         const alreadyFocusedRes = await session.Runtime.evaluate({
-            expression: `(function(sel) {
-        if (!sel || sel === 'document.activeElement') return true;
-        const el = document.querySelector(sel) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null);
-        return el ? (document.activeElement === el || el.contains(document.activeElement)) : false;
+            expression: `(function(sel) {
+        if (!sel || sel === 'document.activeElement') return true;
+        const el = document.querySelector(sel) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null);
+        return el ? (document.activeElement === el || el.contains(document.activeElement)) : false;
       })(${JSON.stringify(selector)})`,
             returnByValue: true
         }).catch(() => null);
@@ -618,10 +618,10 @@ export async function weaveType(session, args, config) {
         else if (isAlreadyFocused) {
             // Ensure focus without hardware click re-trigger
             await session.Runtime.evaluate({
-                expression: `(function(sel) {
-          if (!sel || sel === 'document.activeElement') return;
-          const el = document.querySelector(sel) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null);
-          if (el && typeof el.focus === 'function') el.focus();
+                expression: `(function(sel) {
+          if (!sel || sel === 'document.activeElement') return;
+          const el = document.querySelector(sel) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null);
+          if (el && typeof el.focus === 'function') el.focus();
         })(${JSON.stringify(selector)})`,
                 returnByValue: false
             }).catch(() => { });
@@ -630,20 +630,20 @@ export async function weaveType(session, args, config) {
         const shouldPaste = args.paste || text.length > 8;
         if (clearFirst === true && !shouldPaste) {
             await session.Runtime.evaluate({
-                expression: `(function(sel) {
-          const el = document.querySelector(sel) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null);
-          if (!el) return;
-          if (el.isContentEditable) { 
-            el.textContent = ''; 
-          } else { 
-            el.value = ''; 
-            const nativeSetter = el.tagName === 'TEXTAREA'
-              ? Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype, 'value')?.set
-              : Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value')?.set;
-            if (nativeSetter) nativeSetter.call(el, '');
-          }
-          el.dispatchEvent(new Event('input',{bubbles:true}));
-          el.dispatchEvent(new Event('change',{bubbles:true}));
+                expression: `(function(sel) {
+          const el = document.querySelector(sel) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null);
+          if (!el) return;
+          if (el.isContentEditable) { 
+            el.textContent = ''; 
+          } else { 
+            el.value = ''; 
+            const nativeSetter = el.tagName === 'TEXTAREA'
+              ? Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype, 'value')?.set
+              : Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value')?.set;
+            if (nativeSetter) nativeSetter.call(el, '');
+          }
+          el.dispatchEvent(new Event('input',{bubbles:true}));
+          el.dispatchEvent(new Event('change',{bubbles:true}));
         })(${JSON.stringify(selector)})`,
                 returnByValue: false,
             }).catch(() => { });
@@ -652,9 +652,9 @@ export async function weaveType(session, args, config) {
     }
     // Verify focus landed correctly
     const focusCheck = await session.Runtime.evaluate({
-        expression: `(function(sel) {
-      const el = document.querySelector(sel) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null);
-      return document.activeElement === el || (el ? el.contains(document.activeElement) : false);
+        expression: `(function(sel) {
+      const el = document.querySelector(sel) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null);
+      return document.activeElement === el || (el ? el.contains(document.activeElement) : false);
     })(${JSON.stringify(selector)})`,
         returnByValue: true
     }).catch(() => null);
@@ -703,12 +703,12 @@ export async function weaveType(session, args, config) {
             // fallback to Input.insertText which targets the currently-focused element.
             if (selector) {
                 const pasteCheck = await session.Runtime.evaluate({
-                    expression: `(function(sel) {
-            var el = (sel === 'document.activeElement') ? document.activeElement : (document.querySelector(sel) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null));
-            if (!el) return null;
-            var isSec = el.hasAttribute('data-wt-secret') || (el.tagName === 'INPUT' && el.type === 'password');
-            if (isSec) return (el.value && el.value.length > 0) ? '__HAS_CONTENT__' : '';
-            return el.value !== undefined ? el.value : (el.textContent || null);
+                    expression: `(function(sel) {
+            var el = (sel === 'document.activeElement') ? document.activeElement : (document.querySelector(sel) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null));
+            if (!el) return null;
+            var isSec = el.hasAttribute('data-wt-secret') || (el.tagName === 'INPUT' && el.type === 'password');
+            if (isSec) return (el.value && el.value.length > 0) ? '__HAS_CONTENT__' : '';
+            return el.value !== undefined ? el.value : (el.textContent || null);
           })(${JSON.stringify(selector)})`,
                     returnByValue: true,
                 }).catch(() => null);
@@ -739,33 +739,33 @@ export async function weaveType(session, args, config) {
         else {
             // Selector-based fallback — same native-setter logic, single InputEvent only
             await session.Runtime.evaluate({
-                expression: `(function(sel, txt) {
-          const el = document.querySelector(sel) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null);
-          if (!el) return;
-
-          const nativeInputSetter = Object.getOwnPropertyDescriptor(
-            window.HTMLInputElement.prototype, 'value'
-          )?.set;
-          const nativeTextAreaSetter = Object.getOwnPropertyDescriptor(
-            window.HTMLTextAreaElement.prototype, 'value'
-          )?.set;
-
-          if (el.tagName === 'INPUT' && nativeInputSetter) {
-            nativeInputSetter.call(el, txt);
-          } else if (el.tagName === 'TEXTAREA' && nativeTextAreaSetter) {
-            nativeTextAreaSetter.call(el, txt);
-          } else if (el.isContentEditable) {
-            el.textContent = txt;
-          } else {
-            el.value = txt;
-          }
-
-          // Single InputEvent — React 16/17/18 SyntheticEvent source.
-          // Do NOT also dispatch plain Event('input') — that fires onChange twice.
-          el.dispatchEvent(new InputEvent('input', {
-            bubbles: true, cancelable: true, inputType: 'insertText', data: txt
-          }));
-          el.dispatchEvent(new Event('change', { bubbles: true, cancelable: true }));
+                expression: `(function(sel, txt) {
+          const el = document.querySelector(sel) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null);
+          if (!el) return;
+
+          const nativeInputSetter = Object.getOwnPropertyDescriptor(
+            window.HTMLInputElement.prototype, 'value'
+          )?.set;
+          const nativeTextAreaSetter = Object.getOwnPropertyDescriptor(
+            window.HTMLTextAreaElement.prototype, 'value'
+          )?.set;
+
+          if (el.tagName === 'INPUT' && nativeInputSetter) {
+            nativeInputSetter.call(el, txt);
+          } else if (el.tagName === 'TEXTAREA' && nativeTextAreaSetter) {
+            nativeTextAreaSetter.call(el, txt);
+          } else if (el.isContentEditable) {
+            el.textContent = txt;
+          } else {
+            el.value = txt;
+          }
+
+          // Single InputEvent — React 16/17/18 SyntheticEvent source.
+          // Do NOT also dispatch plain Event('input') — that fires onChange twice.
+          el.dispatchEvent(new InputEvent('input', {
+            bubbles: true, cancelable: true, inputType: 'insertText', data: txt
+          }));
+          el.dispatchEvent(new Event('change', { bubbles: true, cancelable: true }));
         })(${JSON.stringify(selector)}, ${JSON.stringify(text)})`,
                 returnByValue: false,
                 awaitPromise: true,
@@ -783,11 +783,11 @@ export async function weaveType(session, args, config) {
     // Firing again here would trigger a second onChange and duplicate the value.
     if (!nativeSetterUsed) {
         await session.Runtime.evaluate({
-            expression: `(function(sel) {
-        const el = document.querySelector(sel) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null);
-        if (!el) return;
-        el.dispatchEvent(new Event('input', { bubbles: true }));
-        el.dispatchEvent(new Event('change', { bubbles: true }));
+            expression: `(function(sel) {
+        const el = document.querySelector(sel) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null);
+        if (!el) return;
+        el.dispatchEvent(new Event('input', { bubbles: true }));
+        el.dispatchEvent(new Event('change', { bubbles: true }));
       })(${JSON.stringify(selector)})`,
             returnByValue: false,
         }).catch(() => { });
@@ -830,21 +830,21 @@ export async function weaveType(session, args, config) {
             const isActiveElementRef = selector === "document.activeElement";
             const checkFieldValue = async () => {
                 const expression = isActiveElementRef
-                    ? `(function(expected) {
-              var el = document.activeElement;
-              if (!el) return false;
-              var val = el.value !== undefined ? el.value : (el.textContent || '');
-              return val === expected || (typeof val === 'string' && val.trim() === expected.trim())
-                     || (typeof val === 'string' && typeof expected === 'string' &&
-                         val.replace(/\\D/g, '') === expected.replace(/\\D/g, '') && expected.length > 3);
+                    ? `(function(expected) {
+              var el = document.activeElement;
+              if (!el) return false;
+              var val = el.value !== undefined ? el.value : (el.textContent || '');
+              return val === expected || (typeof val === 'string' && val.trim() === expected.trim())
+                     || (typeof val === 'string' && typeof expected === 'string' &&
+                         val.replace(/\\D/g, '') === expected.replace(/\\D/g, '') && expected.length > 3);
             })(${JSON.stringify(text)})`
-                    : `(function(sel, expected) {
-              var el = document.querySelector(sel) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null);
-              if (!el) return false;
-              var val = el.value !== undefined ? el.value : (el.textContent || '');
-              return val === expected || (typeof val === 'string' && val.trim() === expected.trim())
-                     || (typeof val === 'string' && typeof expected === 'string' &&
-                         val.replace(/\\D/g, '') === expected.replace(/\\D/g, '') && expected.length > 3);
+                    : `(function(sel, expected) {
+              var el = document.querySelector(sel) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null);
+              if (!el) return false;
+              var val = el.value !== undefined ? el.value : (el.textContent || '');
+              return val === expected || (typeof val === 'string' && val.trim() === expected.trim())
+                     || (typeof val === 'string' && typeof expected === 'string' &&
+                         val.replace(/\\D/g, '') === expected.replace(/\\D/g, '') && expected.length > 3);
             })(${JSON.stringify(selector)}, ${JSON.stringify(text)})`;
                 const { result } = await session.Runtime.evaluate({ expression, returnByValue: true }).catch(() => ({ result: { value: false } }));
                 return result?.value === true;
@@ -890,12 +890,12 @@ export async function weaveType(session, args, config) {
         let detectedFramework = profileFramework;
         if (!detectedFramework) {
             const fwCheck = await session.Runtime.evaluate({
-                expression: `(function(){
-          var r=document.documentElement;
-          if(r.__reactFiber||r._reactRootContainer) return 'react';
-          if(r.__vue__||document.querySelector('[data-v-]')) return 'vue';
-          if(r.ng||document.querySelector('[ng-version]')) return 'angular';
-          return '';
+                expression: `(function(){
+          var r=document.documentElement;
+          if(r.__reactFiber||r._reactRootContainer) return 'react';
+          if(r.__vue__||document.querySelector('[data-v-]')) return 'vue';
+          if(r.ng||document.querySelector('[ng-version]')) return 'angular';
+          return '';
         })()`,
                 returnByValue: true,
             }).catch(() => null);
@@ -907,42 +907,42 @@ export async function weaveType(session, args, config) {
         if (isSpa) {
             const { omniEvaluate } = await import("../cdp/omni_broker.js");
             // Single Runtime.evaluate — nativeInputValueSetter + InputEvent dispatch
-            const rawRes = await omniEvaluate(session, targetId, `(function(sel, value) {
-          try {
-            var el = document.querySelector(sel) ||
-                     (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null);
-            if (!el) return JSON.stringify({ ok: false, strategy: 'NOT_FOUND', exists: false });
-
-            // Strategy A: React's internal nativeInputValueSetter override
-            var nativeSetter =
-              Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value')?.set ||
-              Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype, 'value')?.set;
-
-            if (nativeSetter) {
-              nativeSetter.call(el, value);
-              el.dispatchEvent(new Event('input', { bubbles: true }));
-              el.dispatchEvent(new Event('change', { bubbles: true }));
-              el.dispatchEvent(new InputEvent('input', {
-                bubbles: true, data: value, inputType: 'insertText'
-              }));
-              return JSON.stringify({ ok: el.value === value, strategy: 'native-setter', value: el.value, exists: true });
-            }
-
-            // Strategy B: contenteditable with InputEvent
-            if (el.isContentEditable) {
-              el.textContent = value;
-              el.dispatchEvent(new InputEvent('input', { bubbles: true, data: value }));
-              return JSON.stringify({ ok: el.textContent === value, strategy: 'contenteditable', value: el.textContent, exists: true });
-            }
-
-            // Strategy C: direct value + dispatchEvent fallback
-            el.value = value;
-            el.dispatchEvent(new Event('input', { bubbles: true }));
-            el.dispatchEvent(new Event('change', { bubbles: true }));
-            return JSON.stringify({ ok: el.value === value, strategy: 'direct-event', value: el.value, exists: true });
-          } catch(e) {
-            return JSON.stringify({ ok: false, strategy: 'ERROR', error: e.message, exists: false });
-          }
+            const rawRes = await omniEvaluate(session, targetId, `(function(sel, value) {
+          try {
+            var el = document.querySelector(sel) ||
+                     (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null);
+            if (!el) return JSON.stringify({ ok: false, strategy: 'NOT_FOUND', exists: false });
+
+            // Strategy A: React's internal nativeInputValueSetter override
+            var nativeSetter =
+              Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value')?.set ||
+              Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype, 'value')?.set;
+
+            if (nativeSetter) {
+              nativeSetter.call(el, value);
+              el.dispatchEvent(new Event('input', { bubbles: true }));
+              el.dispatchEvent(new Event('change', { bubbles: true }));
+              el.dispatchEvent(new InputEvent('input', {
+                bubbles: true, data: value, inputType: 'insertText'
+              }));
+              return JSON.stringify({ ok: el.value === value, strategy: 'native-setter', value: el.value, exists: true });
+            }
+
+            // Strategy B: contenteditable with InputEvent
+            if (el.isContentEditable) {
+              el.textContent = value;
+              el.dispatchEvent(new InputEvent('input', { bubbles: true, data: value }));
+              return JSON.stringify({ ok: el.textContent === value, strategy: 'contenteditable', value: el.textContent, exists: true });
+            }
+
+            // Strategy C: direct value + dispatchEvent fallback
+            el.value = value;
+            el.dispatchEvent(new Event('input', { bubbles: true }));
+            el.dispatchEvent(new Event('change', { bubbles: true }));
+            return JSON.stringify({ ok: el.value === value, strategy: 'direct-event', value: el.value, exists: true });
+          } catch(e) {
+            return JSON.stringify({ ok: false, strategy: 'ERROR', error: e.message, exists: false });
+          }
         })(${JSON.stringify(selector)}, ${JSON.stringify(text)})`);
             if (rawRes) {
                 try {
@@ -1019,18 +1019,18 @@ export async function weaveType(session, args, config) {
     if (selector) {
         try {
             const { result: stateResult } = await session.Runtime.evaluate({
-                expression: `(function(sel) {
-          var el = document.querySelector(sel);
-          if (!el) return null;
-          var isSecret = el.hasAttribute('data-wt-secret') || (el.tagName === 'INPUT' && el.type === 'password');
-          return {
-            tag: el.tagName.toLowerCase(),
-            visible: el.offsetParent !== null,
-            disabled: el.disabled,
-            value: isSecret ? '[REDACTED]' : el.value,
-            label: el.getAttribute('aria-label') || el.getAttribute('placeholder') || el.getAttribute('name') || (el.textContent||'').trim().slice(0,40),
-            textContent: isSecret ? '[REDACTED]' : (el.isContentEditable ? el.textContent?.slice(0, 100) : undefined)
-          };
+                expression: `(function(sel) {
+          var el = document.querySelector(sel);
+          if (!el) return null;
+          var isSecret = el.hasAttribute('data-wt-secret') || (el.tagName === 'INPUT' && el.type === 'password');
+          return {
+            tag: el.tagName.toLowerCase(),
+            visible: el.offsetParent !== null,
+            disabled: el.disabled,
+            value: isSecret ? '[REDACTED]' : el.value,
+            label: el.getAttribute('aria-label') || el.getAttribute('placeholder') || el.getAttribute('name') || (el.textContent||'').trim().slice(0,40),
+            textContent: isSecret ? '[REDACTED]' : (el.isContentEditable ? el.textContent?.slice(0, 100) : undefined)
+          };
         })(${JSON.stringify(selector)})`,
                 returnByValue: true,
             });
@@ -1060,13 +1060,13 @@ export async function weaveType(session, args, config) {
     if (!isPassword && selector && selector !== 'document.activeElement') {
         try {
             const { result: vlRes } = await session.Runtime.evaluate({
-                expression: `(function(sel) {
-          var el = document.querySelector(sel) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null);
-          if (!el) return -1;
-          var isSec = el.hasAttribute('data-wt-secret') || (el.tagName === 'INPUT' && el.type === 'password');
-          if (isSec) return -1;
-          var v = el.value !== undefined ? el.value : (el.textContent || '');
-          return (v || '').length;
+                expression: `(function(sel) {
+          var el = document.querySelector(sel) || (window.__Weavetab_shadowQuery ? window.__Weavetab_shadowQuery(sel) : null);
+          if (!el) return -1;
+          var isSec = el.hasAttribute('data-wt-secret') || (el.tagName === 'INPUT' && el.type === 'password');
+          if (isSec) return -1;
+          var v = el.value !== undefined ? el.value : (el.textContent || '');
+          return (v || '').length;
         })(${JSON.stringify(selector)})`,
                 returnByValue: true,
             });